@charset "UTF-8";

aside{width:100%; border:1px solid #ccc; border-width:1px 0; display:flex; flex-direction: row; justify-content: center; align-items: flex-start; position:fixed; bottom:0; background:#fff; z-index:19; padding:10px 0 10px;max-width: 600px;}
aside div{width:calc(100% / 5); display:flex; flex-direction: column; justify-content: flex-start; align-items: center;}
aside div i{width:100%; position:relative}
aside div span{font-size:10px; color:#000; line-height:1.8;}
aside div a { position:relative; width:100%; display:flex; flex-direction: column; justify-content: flex-start; align-items: center;}
aside div a i{width:100%; height:30px; margin-bottom:5px; display:flex; }
aside div:nth-of-type(1) a i{background:url("/assets/image/gnb-01-off.png") no-repeat center 0; background-size:auto 100% }
aside div:nth-of-type(2) a i{background:url("/assets/image/gnb-02-off.png") no-repeat center 0; background-size:auto 100% }
aside div:nth-of-type(3) a i{background:url("/assets/image/gnb-03-off.png") no-repeat center 0; background-size:auto 100% }
aside div:nth-of-type(4) a i{background:url("/assets/image/gnb-04-off.png") no-repeat center 0; background-size:auto 100% }
aside div:nth-of-type(5) a i{background:url("/assets/image/gnb-05-off.png") no-repeat center 0; background-size:auto 100% }
aside div:nth-of-type(1).active a i{background:url("/assets/image/gnb-01-on.png") no-repeat center 0; background-size:auto 100% }
aside div:nth-of-type(2).active a i{background:url("/assets/image/gnb-02-on.png") no-repeat center 0; background-size:auto 100% }
aside div:nth-of-type(3).active a i{background:url("/assets/image/gnb-03-on.png") no-repeat center 0; background-size:auto 100% }
aside div:nth-of-type(4).active a i{background:url("/assets/image/gnb-04-on.png") no-repeat center 0; background-size:auto 100% }
aside div:nth-of-type(5).active a i{background:url("/assets/image/gnb-05-on.png") no-repeat center 0; background-size:auto 100% }

aside div a em{ background:rgba(10,216,214,0.8); width:20px; height:20px; border-radius: 11px; display:flex; justify-content: center; align-items: center; position:absolute; top:14px; z-index:5; color:#fff;  font-weight:700}
aside div:nth-of-type(2) a em{ left:calc(50% + 6px)}
aside div:nth-of-type(5) a em{ left:calc(50% + 4px)}
aside div.active a span{color:#0ad8d6}

/*header*/
header.header{ display:flex; flex-direction: column;  justify-content: flex-start; align-items: center; width:100%; background-color: #fff; padding:16px 0 0 0; }
header.header .cont-inr{ width:100%; height:42px; position:relative; justify-content: center; align-items: center; margin:0 0 10px 0 }
header.header .cont-inr h1{ width:35%; display:flex; flex-direction: row; align-items: center;min-width: 35%;}

header.header .cont-inr .logo { width: 50%; }
header.header .cont-inr .logo img { width: 100%; }
header.header .cont-inr .sch-wr { width:35px; height:35px; cursor: pointer; position: absolute; right: 65px; padding: 5px; }
header.header .cont-inr .sch-wr i{width:100%; height:100%; background:url("/assets/image/sch-btn.png") no-repeat center; background-size:cover; font-size:0; display:flex;}
header.header .cont-inr .cart-wr { width:40px; aspect-ratio:25/21; cursor: pointer; position: absolute; right: 20px; padding: 5px; }
header.header .cont-inr .cart-wr i{width:100%; height:100%; background:url("/assets/image/gnb-cart.png") no-repeat center; background-size:contain; font-size:0; display:flex;}
header.header .cont-inr .cart-wr em{background:rgba(10,216,214,0.8); width:20px; height:20px; border-radius: 11px; display:flex; justify-content: center; align-items: center; position:absolute;  left:50%; bottom:0; z-index:5; color:#fff; font-weight:700}

header.header .gnb{ display:flex; width:100%; height:60px; justify-content: flex-start; align-items: center; overflow-y:auto;}
header.header .gnb::-webkit-scrollbar{display:none}
header.header .gnb li{display:flex; justify-content: flex-start;flex-direction: column; align-items: center; color:#000000;width: auto; padding: 0 15px;}
header.header .gnb li a{font-weight:500; letter-spacing:-1px; white-space:nowrap; font-family:"proxima-nova", "Noto Sans KR", sans-serif; position:relative; font-size: 16px; }
header.header .gnb li a span{font-size:13px;font-weight:400; color:#1fafae; position:absolute; top:-18px; left:50%; transform: translate(-50% , 0);  }

.cont-tit h2{ font-family:  "proxima-nova", "Noto Sans KR",sans-serif; font-size:28px; line-height:1.4; font-weight:700; color:#000000; margin:0 0 3px 20px}
.cont-tit h3{ font-weight:300; line-height:1.4; color:#898989; margin:0 0 26px 20px}


.cate{font-family: "proxima-nova", "Noto Sans KR",sans-serif; color:#777777;padding-bottom: 5px; font-weight:500; }
.itms p{color:#000; line-height:1.5; font-weight:400; padding-left:0}
.price {display:flex; flex-direction:row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; padding-left:0;}
.price em{ width:100%; font-family: "proxima-nova", "Noto Sans KR",sans-serif; font-weight:300; color:#9fa0a0; margin-top:25px; text-decoration: line-through;}
.price p{ display:flex; flex-direction:row; justify-content: flex-start; align-items: center; font-family: "proxima-nova", "Noto Sans KR",sans-serif; font-weight:700; color:#000; padding-left:0;  font-size: 20px;}
.price span{margin-left:20px; color:#e42552; font-weight:700; display:flex; font-family: "proxima-nova", "Noto Sans KR",sans-serif;  font-size: 20px; }

.itms-more{width:calc(100% - 40px); height:46px; border:1px solid #e7e7e7; display:flex; justify-content: center; align-items: center; color:#9fa0a0; margin:0 auto}

/*footer*/
footer.footer{ display:flex; flex-direction: column;  justify-content: flex-start; align-items: center; width:100%; }
footer.footer .ft-customerc{ width:100%; }
footer.footer .mn-customerc{ padding:35px 0 }
footer.footer .mn-customerc .rect{width:50%; display:flex; flex-direction: column; justify-content: flex-start; align-items: center; position:relative}
footer.footer .mn-customerc .rect:first-child:after{content:""; width:1px; height:65px; background:#e8e8e8; position:absolute; right:0; top:50%; transform: translate(0,-50%);}
footer.footer .mn-customerc .rect a{width:100%; height:55px; text-align: center;}
footer.footer .mn-customerc .rect a img{height:100%}
footer.footer .mn-customerc .rect span{ font-weight:700; }
footer.footer .ft-inr{ width:100%; padding:0 0}
footer.footer .ft-inr:nth-of-type(1){ padding-bottom:80px;}
footer.footer .cont-inr{ justify-content: space-between; border-top:1px solid #000;}
footer.footer .cont-inr.board-wr{border-top:0; background:#f6f6f6; position:relative; padding:30px 20px 0 20px; flex-direction:column; justify-content: flex-start; align-items: flex-start; position:relative}
footer.footer .cont-inr.board-wr span{font-family:"proxima-nova", sans-serif; color:#555; font-weight:700; display:block; color:#000;}
footer.footer .cont-inr.board-wr .more{position:absolute; top:26px; right:20px;}
footer.footer .cont-inr.board-wr ul{padding:11px 0 13px 0}
footer.footer .cont-inr.board-wr ul li{overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
footer.footer .cont-inr.board-wr ul li a{color:#555; font-weight:200; line-height:1.6;}
footer.footer .cs-wr{width:100%; display:flex; flex-direction: row; justify-content: space-between; align-items: flex-start; padding:30px 20px; }
footer.footer .cs-wr .left{width:50%; display:flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
footer.footer .cs-wr .right{width:50%; display:flex; flex-direction: row; justify-content: flex-end; align-items: flex-start; padding:15px 0 0 0}
footer.footer .cs-wr .right a{height:33px;}
footer.footer .cs-wr .right a:nth-of-type(2){margin:0 3px}
footer.footer .cs-wr .right a img{height:100%}
footer.footer .cs-wr .left span{font-family:"proxima-nova", sans-serif; color:#555; font-weight:700; display:block;}
footer.footer .cs-wr .left a{font-family:"proxima-nova", sans-serif; color:#000; font-size:1.5rem; font-weight:700; margin:2px 0 6px 0;}
footer.footer .cs-wr .left p{color:#000;font-weight:300; }
footer.footer h1{ width:81px;}
footer.footer h1 img{width:100%}
footer.footer .copyright-txt{ width:100%;  display:flex; flex-direction:row; justify-content: flex-start; align-items: flex-start; flex-wrap:wrap; padding:27px 20px;}
footer.footer .copyright-txt li{ display:inline-flex; color:#555; font-size:13px; line-height:1.5;}
footer.footer .copyright-txt li strong{ font-size:inherit; color:#000}
footer.footer .copyright-txt li.cp{ width:100%}
footer.footer .copyright-txt li a{font-weight:700; padding-left:3px; font-size:13px; color:#000}
footer.footer .copyright-txt ul.cp-ft{padding:13px 0; display:flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
footer.footer .copyright-txt ul.cp-ft li.escrow{width:100%; font-size:13px; color:#555; width:100%; display:block}
footer.footer .copyright-txt ul.cp-ft li.escrow *{display:inline-block}

.side-btn { position:absolute; bottom:-35vh; right:2%; z-index:25; width:50px; display:flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.side-btn li:first-child{ position: fixed; margin-top: 70px;display: list-item; }
.side-btn li:first-child a{  width: 45px; height: 45px;  border-radius: 24px; display: flex; text-align: center; background:url("/assets/image/m_login_btn.png") no-repeat center; font-size:0; background-size:cover; border:1px solid #000}
.side-btn .firstmeet {  position: fixed; margin-top: 0;display: list-item;}
.side-btn .firstmeet a {  width: 50px; height: 63px;  border-radius: 0 0 24px 24px; display: flex; text-align: center; background:url("/assets/image/m_first_btn.png") no-repeat center; font-size:0; background-size:cover;}
.side-btn .go-top { width: 45px; height: 45px;  border-radius: 24px; display: flex; flex-direction:column; justify-content:center; align-items:center; color: #fff;
    background:#000 url("/assets/image/blt_go_top.png") no-repeat center 8px; cursor: pointer; background-size:auto 10px}
.side-btn .go-top p { margin-top: 13px; font-size: 10px;}
.side-btn .top__btn { display: none; position: fixed; }



/*메인*/
.mn-mainv{ width:100%;max-width: 600px;aspect-ratio:39/43; display:flex; position:relative;overflow: hidden;height: 100%;}
.mn-mainv .mv-wr{ width:100%;max-width: 600px; }
.mn-mainv .mv-wr .owl-item{position:relative; width:100%; height:100%}
.mn-mainv .mv-wr .owl-item:nth-of-type(1){ width:100%; height:100%; background:url("/assets/images/tmp-mv.png") no-repeat center; background-size:cover; }
.mn-mainv .mv-wr .owl-item img{ height: 100%; width: 100%;}
.mn-mainv .mv-wr .owl-item .txt{ position:absolute; left:34px; bottom:0}
.mn-mainv .mv-wr .owl-item .txt *{color:#fff}
.mn-mainv .mv-wr .owl-item .txt span{ line-height:3; font-weight:500; font-family:"proxima-nova", sans-serif;}
.mn-mainv .mv-wr .owl-item .txt p{ font-size:1.5rem; line-height:1.5; font-weight:700;}
.mn-mainv .mv-wr .owl-item .txt p + p{  font-weight:700; padding:20px 0 35px 0; margin-top:0; line-height:1.5}
.mn-mainv .owl-dots{width:100%; height:5px; display:flex; flex-direction: row; justify-content: flex-start; position:absolute; left:0; bottom:0; z-index:10}
.mn-mainv .owl-dots .owl-dot{width:calc(100% / 6); height:5px; background:#0ad8d6; display:inline-flex}
.mn-mainv .main__slider * {outline: 0;width: 100%;}
.mn-mainv .main__slider {width: 100%;}


@media screen and (max-width:1180px) {
    header.header .gnb li a{font-size: 16px;}
    .content_wrap{ width:100%;max-width: 100vw; }
    .content_wrap_bare{ width:100%;max-width: 100vw; float: left; }
    .mn-mainv{ width:100%;max-width: 100vw; }
    .mn-mainv .mv-wr{ width:100%;max-width: 100vw; }
    .menu__bar{ width:100%;max-width: 100vw; }
    .left_wrap{ display: none; }
    .optionLayer{ width:100%;max-width: 100vw !important;  }
    body:has(.category-page) { background-color: rgba(33, 33, 33, 0.3) }
    .content_wrap_bare:has(.category-page){ width: 80%; }
}

.mn-linebanner { position: sticky;top:58px;z-index:997; }
.mn-linebanner > a { display: inline-block;width: 100%; }
.mn-linebanner > a > img { width: 100%;vertical-align: top; }

.mn-cate{ width:100%; padding:50px 17px 26px 17px; display:flex; flex-direction: row; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
.mn-cate .mn-toggle p { padding: 15px 0; width: 25%;text-align: center; display: flex; background-color: #f4f4f4; border: 1px solid #e5e5e5; border-radius: 15px 15px 0 0; color : #000000; font-size: 13px; font-weight: 200; justify-content: center; align-items: center; }
.mn-cate .mn-toggle p.active { background-color: #000000; color: #ffffff; font-weight: 500 }
.mn-cate .mn-toggle p:last-child.active { background-color: #1ec2c1; color: #ffffff; font-weight: 500 }
.mn-cate ul{ width:100%; margin-top: -8px; padding:0 14px 0 14px; display:flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap;}
.mn-cate ul li{width:calc(100% / 4); padding: 0 6px 0 6px; align-items: center; margin-top: 38px;aspect-ratio: 1 / 1;}
.mn-cate ul li i{width:100%; aspect-ratio: 1/1; margin-bottom:7px; font-size:0; display:flex;background-repeat: no-repeat; background-size:cover}
.mn-cate ul li span{width:100%; color:#000; text-align: center; display:block}

.mn-banner { width:100%; display:flex; justify-content: center; align-items: flex-start; margin-bottom:40px; margin-top: 50px; overflow: hidden; position: relative; }
.mn-banner a{ width:100%; aspect-ratio:390/190; }

.mn-banner a img{ width:100%; height: 100%; }
.mn-banner li { margin-bottom: 10px; }

.mn-banner-pagination-info {
    width: 60px;
    height: 25px;
    position: absolute;
    bottom: 8%;
    right: 17px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: rgb(255, 255, 255);
    text-align: center;
    line-height: 25px;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 29px;
    left: auto;
    letter-spacing: 2px;
    z-index: 1;
}


.mn-banner02 { width:100%; display:flex; justify-content: center; align-items: flex-start; margin-bottom:26px; }
.mn-banner02 a{ width:100%;}
.mn-banner02 a img{ width:100%; }

.mn-banner03 { width:100%; display:flex; flex-direction:column; justify-content: flex-start; align-items:  center; padding: 0 10px 0 10px; }
.mn-banner03 a{ width:100%; font-size:0 }
.mn-banner03 a img{ width:100%; aspect-ratio: 19/2; }
.mn-banner03 > .cont-inr { margin-bottom: 10px; }
.mn-banner03 > .cont-inr:first-child > a img { aspect-ratio: 5/2; }

.wrapper .mn-timed,
.wrapper .mn-babyf,
.wrapper .mn-banner,
.wrapper .mn-weekb,
.wrapper .mn-banner02,
.wrapper .mn-hotk,
.wrapper .mn-brandn{width:100%}


/*타임딜*/
.mn-timed .cont-inr{ flex-direction:column; justify-content: flex-start; align-items: center; margin-top: 50px;}
.mn-timed .cont-tit{ width:100%; text-align: center; display: flex; justify-content: center; align-items: center;}
.mn-timed .cont-tit h2{ font-size: 1.5rem}
.mn-timed .cont-tit i{width:20px; height:20px; background:url("/assets/image/ico-time.png") no-repeat center; font-size:0; background-size:cover; margin-right:5px; display: inline-block;}
.mn-timed .inr h3.time{display:flex; flex-direction: row; justify-content: center; align-items: center; font-family:  "proxima-nova",sans-serif; font-size: 3rem; color:#ed2054; font-weight:700; padding-bottom:70px; }
.mn-timed .inr{ width:100%; padding:0 0 50px 0;overflow:hidden}
.mn-timed .itm-ul{ width:100%; display:flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}
.mn-timed .itm-ul::-webkit-scrollbar{ display:none }
.mn-timed .itms{width:40%;}
.mn-timed .itms .img{width:100%; margin-bottom:26px}
.mn-timed .itms .img img{width:100%}
.mn-timed .itms .cate{color:#777777; padding-left:0; font-weight:700; padding-bottom: 5px;}
.mn-timed .itms p{padding-left:0;}
.mn-timed .itms .price em{ margin-top:0}
.mn-timed #goods__slider > .swiper-slide { transform: scale(0.75); }
.mn-timed #goods__slider > .swiper-slide-active { transform: scale(1.1); }
.mn-timed .icns { margin-top: 13px; }
.mn-timed .icns [class^='ic-']{ display: inline-block; height:25px; color:#fff;  font-weight:700; padding:0 8px; border-radius: 15px; line-height:25px;font-size: 11px; margin: 2px;} /*무료배송*/
.mn-timed .icns .ic-d{ background:#0ad8d6} /*무료배송*/
.mn-timed .icns .ic-d:after{content:"무료배송"} /*무료배송*/
.mn-timed .icns .ic-r{ background:#df2323} /*한정수량*/
.mn-timed .icns .ic-r:after{content:"한정수량"} /*한정수량*/
.mn-timed .icns .ic-n{ background:#000000} /*NEW*/
.mn-timed .icns .ic-n:after{content:"NEW"} /*NEW*/
.mn-timed .icns .ic-b{ background:#eb6421} /*BEST*/
.mn-timed .icns .ic-b:after{content:"BEST"} /*BEST*/
.mn-timed .icns .ic-g{ background:#3c6f41} /*GIFT*/
.mn-timed .icns .ic-g:after{content:"GIFT"} /*GIFT*/
.mn-timed .icns .ic-m{ background:#963ef9} /*MD추천*/
.mn-timed .icns .ic-m:after{content:"MD추천"} /*MD추천*/
.mn-timed .icns .ic-o{ background:#eb2727} /*공홈단독*/
.mn-timed .icns .ic-o:after{content:"공홈단독"} /*공홈단독*/
.mn-timed .icns .ic-c{ color: #404040; border: 1px solid #404040;} /*쿠폰*/
.mn-timed .icns .ic-c:after{content:"쿠폰"} /*쿠폰*/

/*온라인베이비페어*/
.mn-babyf{ padding:0}
.mn-babyf .cont-inr{flex-direction:column; justify-content: flex-start; align-items: flex-start;}
.mn-babyf .cont-tit h2{font-size:1.5rem;}
.mn-babyf .itm-ul{ width:calc(100% - 12px); margin:0 auto; display:flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.mn-babyf .itms{ width:50%; margin-bottom:30px; min-height:315px;padding:0 12px}
.mn-babyf .itms .img{ width:100%; margin-bottom:20px}
.mn-babyf .itms .img img{ width:100% }
.mn-babyf .itms .name{height: 50px; overflow: hidden;}
.mn-babyf .itms .price span{ font-weight:300}
.mn-babyf .icns{ margin-top:13px; margin-left:5px;font-size: 10px;}
.mn-babyf .icns [class^='ic-']{ height:25px; color:#fff;  font-weight:700; padding:0 8px; border-radius: 15px; line-height:25px;font-size: 11px; margin: 2px;} /*무료배송*/
.mn-babyf .icns .ic-d{ background:#0ad8d6} /*무료배송*/
.mn-babyf .icns .ic-d:after{content:"무료배송"} /*무료배송*/
.mn-babyf .icns .ic-r{ background:#df2323} /*한정수량*/
.mn-babyf .icns .ic-r:after{content:"한정수량"} /*한정수량*/
.mn-babyf .icns .ic-n{ background:#000000} /*NEW*/
.mn-babyf .icns .ic-n:after{content:"NEW"} /*NEW*/
.mn-babyf .icns .ic-b{ background:#eb6421} /*BEST*/
.mn-babyf .icns .ic-b:after{content:"BEST"} /*BEST*/
.mn-babyf .icns .ic-g{ background:#3c6f41} /*GIFT*/
.mn-babyf .icns .ic-g:after{content:"GIFT"} /*GIFT*/
.mn-babyf .icns .ic-m{ background:#963ef9} /*MD추천*/
.mn-babyf .icns .ic-m:after{content:"MD추천"} /*MD추천*/
.mn-babyf .icns .ic-o{ background:#eb2727} /*공홈단독*/
.mn-babyf .icns .ic-o:after{content:"공홈단독"} /*공홈단독*/
.mn-babyf .icns .ic-c{ color: #404040; border: 1px solid #404040;} /*쿠폰*/
.mn-babyf .icns .ic-c:after{content:"쿠폰"} /*쿠폰*/

/*이벤트*/
.mn-evt{ padding:50px 0 0 0; }
.mn-evt .cont-inr{ flex-direction: column; justify-content: flex-start; align-items: flex-start; width:100%}
.mn-evt .cont-inr h2{ padding-left:20px; margin-bottom:26px; font-size:1.5rem; font-weight:900}
.mn-evt .itms-ul{ display:flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; padding:0 20px; width:100%; overflow-x:auto}
.mn-evt .itms-ul::-webkit-scrollbar{ display:none}
.mn-evt .itms-ul a{ width:251px; height:251px; margin-right:25px; flex-shrink: 0;}
.mn-evt .itms-ul a img{ width:100%;}
.mn-evt .itms-ul a:nth-last-of-type(1){ margin-right:0}


/*주간베스트*/
.mn-weekb{ padding:25px 0 0 0 }
.mn-weekb .cont-inr{ flex-direction:column; justify-content: flex-start; align-items: flex-start;}
.mn-weekb .cont-tit{ width:100%; }
.mn-weekb .cont-tit h2{ margin-bottom:26px; text-align: center; }
.mn-weekb .cont-tit ul{display:flex; flex-direction: row; justify-content: flex-start; align-items: center; width:100%; overflow-x:auto; padding:0 20px ; margin:0 0 30px 0}
.mn-weekb .cont-tit ul::-webkit-scrollbar{display:none}
.mn-weekb .cont-tit ul li{ margin-right:12px; }
.mn-weekb .cont-tit ul li a{border:1px solid #919191; height:36px; font-weight:500; background:#fff; color:#898989; padding:0 12px; border-radius: 18px; display:flex; justify-content: flex-start; align-items: center;flex-shrink:1; white-space: nowrap;}
.mn-weekb .cont-tit ul li a.active{background:#000; color:#fff; border-color:#000}
.mn-weekb .itm-ul{ display:flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; padding:0 10px}
.mn-weekb .itms{margin-bottom:50px; min-height:254px; width:calc(100% / 2); padding:0 10px}
.mn-weekb .itms .img{width:100%; margin-bottom:26px}
.mn-weekb .itms .img img{width:100%;}
.mn-weekb .itms .cate{color:#777777; font-weight:500}
.mn-weekb .itms .name{height: 65px; overflow: hidden;color: #333333;}
.mn-weekb .itms .price em{ margin-top:0;}
.mn-weekb .itms .price span{ font-weight:700; margin-left: 17px;}
.mn-weekb .icns{ margin-top:13px;font-size: 10px;}
.mn-weekb .icns [class^='ic-']{ height:25px; color:#fff;  font-weight:700; padding:0 8px; border-radius: 15px; line-height:25px; margin: 2px;display: inline-block;font-size: 11px;} /*무료배송*/
.mn-weekb .icns .ic-d{ background:#0ad8d6} /*무료배송*/
.mn-weekb .icns .ic-d:after{content:"무료배송"} /*무료배송*/
.mn-weekb .icns .ic-r{ background:#df2323} /*한정수량*/
.mn-weekb .icns .ic-r:after{content:"한정수량"} /*한정수량*/
.mn-weekb .icns .ic-n{ background:#000000} /*NEW*/
.mn-weekb .icns .ic-n:after{content:"NEW"} /*NEW*/
.mn-weekb .icns .ic-b{ background:#eb6421} /*BEST*/
.mn-weekb .icns .ic-b:after{content:"BEST"} /*BEST*/
.mn-weekb .icns .ic-g{ background:#3c6f41} /*GIFT*/
.mn-weekb .icns .ic-g:after{content:"GIFT"} /*GIFT*/
.mn-weekb .icns .ic-m{ background:#963ef9} /*MD추천*/
.mn-weekb .icns .ic-m:after{content:"MD추천"} /*MD추천*/
.mn-weekb .icns .ic-o{ background:#eb2727} /*공홈단독*/
.mn-weekb .icns .ic-o:after{content:"공홈단독"} /*공홈단독*/
.mn-weekb .icns .ic-c{ color: #404040; border: 1px solid #404040;} /*쿠폰*/
.mn-weekb .icns .ic-c:after{content:"쿠폰"} /*쿠폰*/


/*베스트리뷰*/
.mn-bestr{ padding:70px 0 50px 0; background:#f7f8f8}
.mn-bestr .cont-inr{ flex-direction:column; justify-content: flex-start; align-items: flex-start; position:relative}
.mn-bestr .cont-tit h2{margin-bottom:20px}

.mn-bestr .owl-dots{width:100%; display:flex; flex-direction: row; justify-content: flex-end; align-items: center; position:absolute; top:15px; right:15px}
.mn-bestr .owl-dot{width:10px; height:10px; display:inline-block; margin:0 4px; border:1px solid #000; border-radius: 6px;}
.mn-bestr .owl-dot.active{background-color:#000}

.mn-bestr .owl-item{ display:flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}

.mn-bestr .itms { width: 48%; }
.mn-bestr .itms:not(:last-child){ margin-right:24px;}
.mn-bestr .itms .img{ width:100%; margin-bottom:6px}
.mn-bestr .itms .img img{ width:100%; aspect-ratio:1/1; }
.mn-bestr .itms h3{ width:100%; margin-bottom:16px;}
.mn-bestr .itms p{ width:100%; color:#898989; padding-left:0}
.mn-bestr .inr{ padding:0 20px 0 20px; display:flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;  overflow-x:auto; width:100%}
.mn-bestr .inr::-webkit-scrollbar{ display:none}
.mn-bestr .cont-inr{ flex-direction:column; justify-content: flex-start; align-items: flex-start;}
.mn-bestr .star-wr{width:100%; display:flex; justify-content: space-between; align-items: center; margin-bottom:0}
.mn-bestr .star-wr .user{ color:#b5b5b6; font-weight:300 }
.mn-bestr .star-wr .star{width:85px; height:33px; display:flex; background:url("/assets/image/star.png") no-repeat 0 center; background-size:cover}
.mn-bestr .star-wr .star.st01{width:calc(85px / 5);overflow:hidden}
.mn-bestr .star-wr .star.st02{width:calc((85px / 5) * 2)}
.mn-bestr .star-wr .star.st03{width:calc((85px / 5) * 3)}
.mn-bestr .star-wr .star.st04{width:calc((85px / 5) * 4)}
.mn-bestr .star-wr .star.st05{width:calc((85px / 5) * 5)}



/*핫키워드*/
.mn-hotk{ padding:40px 0}
.mn-hotk .cont-inr{ flex-direction:column; justify-content: flex-start; align-items: flex-start; padding-right:20px}
.mn-hotk .cont-tit h2{ margin-bottom:13px;}
.mn-hotk .cont-tit h3{ color:#000}
.mn-hotk .kwd-ul{display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width:100%; padding:0 0 0 20px}
.mn-hotk .kwd-ul li{width:44%; height:30px; margin-top:17px;}
.mn-hotk .kwd-ul li a{display:flex; flex-direction: row; justify-content: flex-start; align-items: center; border-bottom:1px solid #000; font-weight:900; padding-bottom:10px;}
.mn-hotk .kwd-ul li a span{ margin-left:13px; color:#e42552; font-weight:300}
.mn-hotk .kwd-ul li:nth-child(odd){margin-right:16px}


/*MD's Pick  // NEW*/
.mn-mdP { margin-bottom: 70px; margin-top: 20px;}
.mn-mdP .cont-thumbnail {text-align: center; margin-bottom: 20px; width: 100%; aspect-ratio: 195 / 158; }
.mn-mdP .cont-thumbnail > a > img { aspect-ratio: 195 / 158; }
.mn-mdP .cont-thumbnail h2 { margin: 0; }
.mn-mdP .cont-thumbnail h3 { margin: 0; }
.mn-mdP .cont-inr { flex-direction:column; width:100%; }
.mn-mdP .cont-inr .inr { padding:0 20px; }
.mn-mdP .cont-inr .itm-ul{ width:100%; display:flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.mn-mdP .cont-inr .itms{ width:100%; display:flex; flex-direction:column; justify-content: flex-start; align-items: center; padding:3% }
.mn-mdP .cont-inr .itms:nth-of-type(odd){ margin-bottom: 4%; }
.mn-mdP .cont-inr .itms:nth-of-type(even){ margin-bottom: 4%; }
.mn-mdP .cont-inr .itms a{ width: 100%; }
.mn-mdP .cont-inr .itms a .img{ width:100%; }
.mn-mdP .cont-inr .itms a .img img{ width:100%}
.mn-mdP .cont-inr .itms .cate{ margin-bottom:11px; margin-top: 11px; text-align: left; }
.mn-mdP .cont-inr .itms p{ overflow: hidden; max-height: 80px; height: 40px; }


/*신상품*/
.mn-newa{ padding:0 0 80px 0}
.mn-newa .cont-inr{ flex-direction:column; justify-content:flex-start; align-items: flex-start; width:100%; padding:0 20px; margin:35px 0 0 0}
.mn-newa .cont-inr .itms{ width:100%; display:flex; justify-content: flex-start; align-items: flex-start; margin-bottom:20px;}
.mn-newa .cont-inr .itms a{ }
.mn-newa .cont-inr .itms a .img{ width:180px; height:180px; margin-right:23px; }
.mn-newa .cont-inr .itms a .img img{ width:100%}
.mn-newa .cont-inr .itms .script{ padding:13px 0 0 0}
.mn-newa .cont-inr .itms .script .cate{ margin-bottom:6px;}
.mn-newa .cont-inr .itms .script *{ padding-left:0}
.mn-newa .cont-inr .itms .script p{ height:80px;}
.mn-newa .price span{font-weight:300; margin-left:13px;}
.mn-newa .price p{ height:33px !important}
.mn-newa .itms-more{ margin-top:46px; width:100%}


/*브랜드뉴스*/
.mn-brandn{ padding:70px 0 70px 0}
.mn-brandn .cont-tit h2{ margin-bottom:20px; }
.mn-brandn .cont-inr{ flex-direction:column; justify-content: flex-start; align-items: center;}
.mn-brandn .cont-inr .itm-ul{ width:calc(100% - 40px)}
.mn-brandn .cont-inr .itm-ul .itms{ width:100%; margin-bottom:10px}
.mn-brandn .cont-inr .itm-ul .itms img{ width:100%}
.mn-brandn .itms-more{ margin-top:33px; width:100%}


[class^='mn-']:not(.mn-banner, .mn-mainv) .owl-dots{width:100%; display:flex; flex-direction: row; justify-content: center; align-items: flex-start; position:absolute; bottom:0; left:0}
[class^='mn-']:not(.mn-banner, .mn-mainv) .owl-dot{width:8px; height:8px; display:inline-block; margin:0 5px; border-radius: 4px; background:#d0d0d0}
[class^='mn-']:not(.mn-banner, .mn-mainv) .owl-dot.active{background-color:#000}

/*sub*/
.sub-c .cont-inr{flex-direction:column; justify-content: flex-start; align-items: center; border-top:1px solid #cacaca; padding:39px 0 0 0}
.sub-c .sub-tit{ width:100%; display:flex; justify-content: center; align-items: center; font-weight:500; font-size:23px; margin-bottom:39px; letter-spacing:-1px;  color:#333; }
.sub-c h3.sub-tit{ width:100%; display:flex; justify-content: center; align-items: center; font-weight:500; font-size:32px; margin:0 0 30px; letter-spacing:1px;  color:#000; }


.sub-c .itm-ul{ width:100%; display:flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.sub-c .itm-ul .itms{width:50%; height:100%; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; padding:9px; flex-shrink: 1;}
.sub-c .itm-ul .itms .img{ width:100%; margin-bottom:13px}
.sub-c .itm-ul .itms .img img{width:100%}
.sub-c .itm-ul .itms .script{ padding:0}
.sub-c .itm-ul .itms .script .cate{ text-align: left; }
.sub-c .itm-ul .itms .script p{ height:45px; letter-spacing:0; text-align: left; justify-content: center; align-items: flex-start; overflow: hidden;word-wrap: break-word;text-overflow: ellipsis; color: #333333}
.sub-c .itm-ul .itms .script .price > p{ display:inline-flex; align-items: center; height:unset }
.sub-c .itm-ul .itms .script .price em{ margin-top: 0 }

.sub-c .itm-ul .itms .likely{ margin-top:15px; height:19px; display:flex; justify-content: space-between; align-items: center; padding:0 12px 0 1px;}
.sub-c .itm-ul .itms .likely .review{ display:flex; justify-content: flex-start; align-items: center; color:#c6c6c6}
.sub-c .itm-ul .itms .likely .review span{margin-right:4px; color:#5a5a5a; font-size:15px}
.sub-c .itm-ul .itms .likely .review span + span{margin-left:4px;margin-right:0}
.sub-c .itm-ul .itms .likely i{width:calc(65px / 5);overflow:hidden;height:15px; display:inline-flex; background:url("/assets/images/ic-star.png") no-repeat 0 center; background-size:cover; margin-right:2px;}
.sub-c .itm-ul .itms .likely .heart{width:20px; height:19px; background:url("/assets/images/ic-good-off.png") no-repeat center; font-size:0; background-size:cover}
.sub-c .itm-ul .itms .likely .heart.active{background-image:url("/assets/images/ic-good-on.png")}

.sub-c .itm-hd{ width:100%; height:60px; display:flex; justify-content: space-between; align-items: center; border-bottom:1px solid #d5d5d5; padding:0 23px;}
.sub-c .itm-hd .total-item-num{  font-weight:500; font-size:16px; color:#333}
.sub-c .itm-hd .total-item-num .num{ font-weight:500; font-size:16px; }
.sub-c .itm-hd select.item-order{ width:99px; height:27px; border:0; padding:0 18px 0 0; font-size:16px; font-weight:500; letter-spacing:-1px; text-align: right; background:#fff url("../img/sub/slt-arrow.png") no-repeat calc(100% - 3px) center; background-size:11px 6px}
.sub-c .itm-hd select.item-order{  -o-appearance: none;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;}
.sub-c .itm-hd select.item-order:focus{border:0; outline:0}

.sub-c .itm-pg{display:flex;flex-direction: row; justify-content: center; align-items: center; padding:51px 0 61px 0;}
.sub-c .itm-pg span{ cursor:pointer; margin:0 6px; font-size:18px; display:flex; justify-content: center; align-items: center; width:28px; height:28px; background:#fff; cursor: pointer; color:#a5a5a5; font-weight:300}
.sub-c .itm-pg span.active{ background:#333333; color:#fff; font-weight:700}

.owl-controls {
    margin-top:20px;
}

.mn-rolling-banner { overflow: hidden; margin: 0 10px 70px 10px; }
.mn-rolling-banner img { width: 100%; }
.left_banner__slider .paging-info {
    width: 55px;
    position: relative;
    bottom: 35px;
    font-family: 'Roboto', sans-serif;
    color: rgb(255, 255, 255);
    text-align: center;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 28px;
    z-index: 1;
    float: right;
    margin-right: 10px;
}
.mn-babyf{
    margin-bottom: 30px;
}