/* BASIC css start */
*::-webkit-scrollbar { display:none }

/* ¸ÞÀÎ ºñÁê¾ó ¹è³Ê */
#mainSpot { position:relative }
#mainSpot img { width:100% }
#mainSpot .slick-slide { position:relative }
#mainSpot .spotItemList { position:absolute; bottom:60px; left:50%; width:92%; transform:translateX(-50%); } 
#mainSpot .spotItemList .itemList { display:inline-block; float:left; width:calc(92% /3); background:#fff; box-shadow:2px 2px 5px rgba(0,0,0,.35) }
#mainSpot .spotItemList .itemList:nth-child(2) { margin:0 4% }
#mainSpot .spotItemList .itemList .itemThumb { display:block; border:1px solid #ebebeb }
#mainSpot .spotItemList .itemList .itemThumb img { width:100% }
#mainSpot .spotItemList .itemList .itemInfoBox { display:block; padding:0 10px; width:100%; min-height:50px; text-align:center; box-sizing:border-box }
#mainSpot .spotItemList .itemList .itemInfoBox .itemName { display:-webkit-box; padding-top:8px; font-size:12px; font-weight:500; line-height:1.5; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden }
#mainSpot .spotItemList .itemList .itemInfoBox .itemSubName { display:-webkit-box; margin-top:2px; font-size:11px; color:#a1a1a1; line-height:1.5; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden }
#mainSpot .slick-dots { display:block !important; padding:2px 8px 3px; position:absolute; bottom:30px; right:15px; width:auto; color:#fff; font-weight:300; border-radius:50px; background:rgba(47, 184, 189, 0.7); transform:none }
#mainSpot .slick-dots li { display:none; padding:1px 0 0; position:relative; vertical-align:top }
#mainSpot .slick-dots li.slick-active { display:block }
#mainSpot .progressBar { position:absolute; left:50%; bottom:17px; width:95%; height:2px; transform:translateX(-50%); background-color:#eee; background-image:linear-gradient(to right, #2fb8bd, #2fb8bd); background-repeat:no-repeat; transition:background-size .4s ease-in-out }

/* À̹ÌÁö¹è³Ê */
.imgBanner { padding-top:20px }
.imgBanner .innerContainer { overflow:hidden; overflow-x:auto }
.imgBanner .swiper-container { padding:0 19px }
.imgBanner .swiper-slide { width:99% }
.imgBanner .swiper-slide img { width:100% }

/* ¸ÞÀÎ Ä«Å×°í¸® */
.mainCategoryWrap { padding-top:35px; overflow:hidden }
.mainCategoryWrap .moreBtn { padding-right:15px; position:relative; text-align:right }
.mainCategoryWrap .moreBtn .linkMore { display:inline-block; padding-right:13px; position:relative; font-size:14px; font-weight:500; line-height:1.1 }
.mainCategoryWrap .moreBtn .linkMore:before { display:block; position:absolute; top:1px; right:5px; width:1px; height:7px; transform:rotate(-45deg); background:#000; content:'' }
.mainCategoryWrap .moreBtn .linkMore:after { display:block; position:absolute; top:6px; right:5px; width:1px; height:7px; transform:rotate(45deg); background:#000; content:'' }
.mainCategoryWrap .categoryBox { padding-top:15px }
.mainCategoryWrap .categoryBox ul { display:flex; padding:0 15px; justify-content:center; align-items:center }
.mainCategoryWrap .categoryBox li { margin-right:15px; width:20% }
.mainCategoryWrap .categoryBox li:last-child { margin-right:0 }
.mainCategoryWrap .categoryBox li img { width:100% }
.mainCategoryWrap .categoryBox li span { display:block; padding-top:3px; font-weight:500; font-size: 15px; text-align:center; white-space:nowrap; line-height:1.5 }

/* ¸ÞÀΠŸÀÌƲ */
.mainTitle { text-align:center }
.mainTitle h3 {  }
.mainTitle h3 a,
.mainTitle h3 span { display:block; font-size:32px; font-weight:800; line-height:36px }
.mainTitle h3 span.subTitle { margin-bottom:3px; font-size:18px; font-weight:500; line-height:normal }
.mainTitle h3 .moreBtn { position:relative }
.mainTitle h3 .moreBtn .linkMore { display:inline-block; padding-right:15px; position:relative; font-size:12px; color:#424242; font-weight:300; line-height:1.1 }
.mainTitle h3 .moreBtn .linkMore:before { display:block; position:absolute; top:40%; right:5px; width:1px; height:6px; transform:translateY(-50%) rotate(-50deg); border-radius:1px; background:#424242; content:'' }
.mainTitle h3 .moreBtn .linkMore:after { display:block; position:absolute; top:62%; right:5px; width:1px; height:6px; transform:translateY(-50%) rotate(50deg); border-radius:1px; background:#424242; content:'' }

.listWish { bottom:0 }

/* MOM'S PICK */
.pickPrdWrap { padding:60px 15px 0 }
.pickPrdWrap .pickPrdArea { padding-top:35px }
.pickPrdWrap .pickPrdArea .pickCateTab { overflow:hidden; overflow-x:auto }
.pickPrdWrap .pickPrdArea .pickCateTab ul { display:flex; justify-content:space-between; min-width:max-content }
.pickPrdWrap .pickPrdArea .pickCateTab li { display:inline-block; margin:0 10px 0 0; width:auto; border-radius:20px; text-align:center; border:1px solid #bbb }
.pickPrdWrap .pickPrdArea .pickCateTab li a { display:block; padding:2px 11px; font-size:14px; line-height:1.5 }
.pickPrdWrap .pickPrdArea .pickCateTab li.on { border:1px solid #2fb8bd; background:#2fb8bd }
.pickPrdWrap .pickPrdArea .pickCateTab li.on a { color:#fff; font-weight:500 }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont { position:relative; height:0; visibility:hidden; overflow:hidden }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont.on { height:auto; visibility:visible }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont ul { display:flex; margin:0 -5px; box-sizing:border-box; flex-wrap:wrap }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont li { display:inline-block; width:50%; vertical-align:top }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont li .list { margin:0 5px 30px; position:relative; font-size:0 }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont li .list .thumb { position:relative; border-radius:10px; overflow:hidden }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont li .list .thumb a { display:block }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont li .list .thumb img { width:100% }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont li .list .prd-info { margin-top:15px; position:relative }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont li .list .prd-info a { display:block }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont li .list .prd-info .prd-name { line-height: 15px; margin-top: 20px; word-wrap: normal; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; color: #000; -webkit-line-clamp: 2; height: 30px; letter-spacing: -.03em; font-weight: 450; font-size: 14px; }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont li .list .prd-info .priceArea { margin-top: 10px; white-space: nowrap; display: block; text-decoration: unset; font-size: 13px; height: 33px; position: relative; }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont li .list .prd-info .priceArea .discount_box { margin-right:3px; font-size:17px; color:#fe5f57; font-weight:700; line-height:1; box-sizing:border-box }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont li .list .prd-info .priceArea .groupName { margin-right: 5px; font-size:12px; color: #299da3; font-weight:600; line-height:1; box-sizing:border-box; line-height: 20px; }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont li .list .prd-info .priceArea .price { position: absolute; bottom: 0; letter-spacing: -.03em; font-size: 17px; margin-right: 3px; font-weight: 700; }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont li .list .prd-info .priceArea strike { color: #888; font-weight: 300; box-sizing: border-box; display: block; text-decoration: unset; font-size: 13px; margin-bottom: 3px; }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont .pickBestList { margin-top:50px }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont .pickBestList .list { margin:0 auto; position:relative; width:80%; }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont .pickBestList .list .thumb { position:relative; border-radius:10px; overflow:hidden }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont .pickBestList .list .thumb a { display:block }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont .pickBestList .list .thumb img { width:100% }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont .pickBestList .list .thumb .bestIco { padding:4px; position:absolute; top:5px; left:5px; width:20%; height:20%; font-size:5vw; color:#fff; font-weight:500; text-align:center; line-height:16vmin; background:url(/design/mhmall2023/main/kids_goods_badge.png) 50% 50% no-repeat; background-size:100% }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont .pickBestList .list .prd-info { margin:20px 0 30px; position:relative }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont .pickBestList .list .prd-info a { display:block }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont .pickBestList .list .prd-info .prd-name { line-height: 15px; margin-top: 20px; word-wrap: normal; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; color: #000; -webkit-line-clamp: 2; height: 30px; letter-spacing: -.03em; font-weight: 450; font-size: 14px; }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont .pickBestList .list .prd-info .priceArea { margin-top: 10px; white-space: nowrap; display: block; text-decoration: unset; font-size: 13px; height: 33px; position: relative; }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont .pickBestList .list .prd-info .priceArea .discount_box { margin-right:3px; font-size:17px; color:#fe5f57; font-weight:700; line-height:1; box-sizing:border-box }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont .pickBestList .list .prd-info .priceArea .price { position: absolute; bottom: 0; letter-spacing: -.03em; font-size: 17px; margin-right: 3px; font-weight: 700; }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont .pickBestList .list .prd-info .priceArea strike { color: #888; font-weight: 300; box-sizing: border-box; display: block; text-decoration: unset; font-size: 13px; margin-bottom: 3px; }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont .pickBestList .pickBestPrev,
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont .pickBestList .pickBestNext { position:absolute; top:calc(50% - 12px); font-size:24px; text-align:center; line-height:44px; transform:translateY(-50%); background:none }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont .pickBestList .pickBestPrev { left:-5px }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont .pickBestList .pickBestNext { right:-5px }

.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont .pickBestList .list .prd-info .priceArea .groupName { margin-right: 5px; font-size:12px; color: #299da3; font-weight:600; line-height:1; box-sizing:border-box; line-height: 20px; }




/* BASIC css end */