/* BASIC css start */
/* 메인 비쥬얼 배너 */
#mainSpot { position:relative; min-width:1200px; overflow:hidden }
#mainSpot .spotSlider { height:0; visibility:hidden; overflow:hidden }
#mainSpot .spotSlider.swiper-container-initialized { height:auto; visibility:visible; overflow:visible }
#mainSpot .swiper-slide a { display:block }
#mainSpot .swiper-slide img { width:100% }
#mainSpot .spotItemList { position:absolute; top:50%; right:calc((100% - 1100px) / 2); transform:translateY(-50%) } 
#mainSpot .spotItemList .itemList { display:inline-block; float:left; margin:0 12.5px; width:200px; background:#fff; box-shadow:7px 7px 9px rgba(0,0,0,.35) }
#mainSpot .spotItemList .itemList .itemThumb img { width:100% }
#mainSpot .spotItemList .itemList .itemInfoBox { display:block; padding:0 5px; width:100%; min-height:70px; text-align:center; box-sizing:border-box }
#mainSpot .spotItemList .itemList .itemInfoBox .itemName { display:-webkit-box; padding-top:10px; font-size:18px; font-weight:700; line-height:23px; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical }
#mainSpot .spotItemList .itemList .itemInfoBox .itemSubName { display:-webkit-box; margin-top:2px; font-size:16px; color:#a1a1a1; line-height:24px; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical }
#mainSpot .pagingWrap { display:flex; margin:30px 0; align-items:center; justify-content:center }
#mainSpot .pagingWrap .spotPaging { display:flex; width:fit-content!important; text-align:center }
#mainSpot .pagingWrap .spotPaging .swiper-pagination-bullet { margin:0 7px !important; width:15px; height:15px; border-radius:50%; background:#d9d9d9; opacity:1 }
#mainSpot .pagingWrap .spotPaging .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#2fb8bd }
#mainSpot .pagingWrap .controlBtn { margin:0 7px; cursor:pointer }
#mainSpot .pagingWrap .spotPauseBtn { width:15px; height:15px; background:url(/design/mhmall2023/main/btn_pause.png) 0 0 no-repeat }
#mainSpot .pagingWrap .spotPlayBtn { display:none; width:0; height:0; border-bottom:calc( 7px * 1.732 ) solid #d9d9d9; border-left:7px solid transparent; border-right:7px solid transparent; border-radius:1px; transform:rotate(90deg)  }
#mainSpot .arrowWrap {  }
#mainSpot .arrowWrap .arrowBtn { margin-top:-30px; position:absolute; top:50%; width:60px; height:60px; text-align:center; border-radius:50%; transform:translateY(-50%); z-index:100 }
#mainSpot .arrowWrap .spotPrevBtn { margin-left:-637px; left:50%; background:url(/design/mhmall2023/main/arrow_prev_wh.png) 46% 50% / 13px rgba(122,122,122,.5) no-repeat }
#mainSpot .arrowWrap .spotNextBtn { margin-right:-637px; right:50%; background:url(/design/mhmall2023/main/arrow_next_wh.png) 54% 50% / 13px rgba(122,122,122,.5) no-repeat }

/* 메인 컨텐츠 정렬 */
.innerContainer { margin:0 auto; position:relative; width:1200px }

/* 메인 타이틀 */
.mainTitle { text-align:center }
.mainTitle h3 { position:relative; line-height:1 }
.mainTitle h3 a,
.mainTitle h3 span { font-size:45px; font-weight:800; line-height:34px }
.mainTitle h3 span.subTitle { display:block; margin-bottom:5px; font-size:22px; font-weight:500 }
.mainTitle h3 .moreBtn { position:absolute; right:0; bottom:0; line-height:normal }
.mainTitle h3 .moreBtn .linkMore { display:block; padding-right:20px; position:relative; font-size:18px; color:#424242; font-weight:300; line-height:1.1 }
.mainTitle h3 .moreBtn .linkMore:before { display:block; position:absolute; top:1px; right:5px; width:1px; height:10px; transform:rotate(-45deg); background:#424242; content:'' }
.mainTitle h3 .moreBtn .linkMore:after { display:block; position:absolute; top:8px; right:5px; width:1px; height:10px; transform:rotate(45deg); background:#424242; content:'' }
.mainTitleW h3 a,
.mainTitleW h3 .moreBtn .linkMore { color:#fff }
.mainTitleW h3 .moreBtn .linkMore:before,
.mainTitleW h3 .moreBtn .linkMore:after { background:#fff }

/* 이미지 배너 */
.imgBanner { padding-top:80px }
.imgBanner ul { display:flex; justify-content:space-between }
.imgBanner ul li a { display:block }
.imgBanner ul li a img { border-radius:20px }

/* 메인 카테고리 */
.mainCategoryWrap { padding-top:110px }
.mainCategoryWrap .moreBtn { padding-right:50px; position:relative; text-align:right }
.mainCategoryWrap .moreBtn .linkMore { display:inline-block; padding-right:20px; position:relative; font-size:15px; font-weight:500; line-height:1.1 }
.mainCategoryWrap .moreBtn .linkMore:before { display:block; position:absolute; top:1px; right:5px; width:1px; height:8px; transform:rotate(-45deg); background:#000; content:'' }
.mainCategoryWrap .moreBtn .linkMore:after { display:block; position:absolute; top:6px; right:5px; width:1px; height:8px; transform:rotate(45deg); background:#000; content:'' }
.mainCategoryWrap .categoryBox { padding-top:30px }
.mainCategoryWrap .categoryBox ul { display:flex; font-size:0; justify-content:center; align-items:center; vertical-align:top }
.mainCategoryWrap .categoryBox li { position:relative; width:20%; vertical-align:top }
.mainCategoryWrap .categoryBox li a { display:block; font-size:14px; font-weight:700; text-align:center; line-height:30px }
.mainCategoryWrap .categoryBox li img { max-width:100% }
.mainCategoryWrap .categoryBox li span { display:block; margin-top:20px; font-size:18px; font-weight:450; line-height:26px }

/* MOM'S PICK */
.pickPrdWrap { padding-top:110px }
.pickPrdWrap .pickPrdArea { padding-top:50px }
.pickPrdWrap .pickPrdArea .pickCateTab { position:static; width:auto; overflow:hidden }
.pickPrdWrap .pickPrdArea .pickCateTab ul { width:100%; font-size:0; text-align:center }
.pickPrdWrap .pickPrdArea .pickCateTab li { display:inline-block; margin:0 35px; width:auto; text-align:center }
.pickPrdWrap .pickPrdArea .pickCateTab li a { display:block; padding:6px 0; font-size:18px; font-weight:500 }
.pickPrdWrap .pickPrdArea .pickCateTab li.on a { color:#2fb8bd }
.pickPrdWrap .pickPrdArea .pickListArea { padding-top:50px; position:relative; height:auto }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont { display:none }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont.on { display:block }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont .item-wrap { width:1200px }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont .item-wrap .item-cont .item-list .thumb { width:auto }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont .item-wrap .item-cont .item-list .thumb .bestIco { padding:4px; position:absolute; top:12px; left:12px; width:90px; height:90px; font-size:26px; color:#fff; font-weight:500; text-align:center; line-height:97px; background:url(/design/mhmall2023/main/kids_goods_badge.png) 50% 50% no-repeat }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont .item-wrap .item-cont .item-list-big { width:33.3% }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont .item-wrap .item-cont .item-list-big .prd-info { padding-bottom:50px }
.pickPrdWrap .pickPrdArea .pickListArea .pickTabCont .item-wrap .item-cont .item-list-big .todayIcon { top:310px }

/* BASIC css end */