/* BASIC css start */
/* 하단 강제처리 */
#fixedMenu li.fMenu03 .fmIcon.cHomeIcon { background:url(/design/isanoee/makeshop/m/common/ico_fmicon_03_on.png) 0 0 no-repeat !important; background-size:26px auto !important }
#fixedMenu li.fMenu03 .txt { color:#ff691f !important }
#footer { margin-top:0 !important }

/* 비쥬얼 */
.mainVisualWrap img { width:100% }
.mainVisualWrap .kvStatus { position:absolute; bottom:16px; right:16px; display:flex; align-items:center; justify-content:center; z-index:3 }
.mainVisualWrap .kvStatus .kv_group { position:relative; width:63px; height:30px; font-size:13px; color: rgba(255,255,255,0.5); text-align: center; line-height:30px; background:rgba(0, 0, 0, 0.5); border-radius:99px 0 0 99px }
.mainVisualWrap .kvStatus .kv_group .pageKv .swiper-pagination-current { color:#fff; font-weight: bold; }
.mainVisualWrap .kvStatus .play_btn  { margin-left:2px; width:28px; height:30px; background: rgba(0, 0, 0, 0.5); border-radius:0 99px 99px 0 }
.mainVisualWrap .kvStatus.stop .play_btn .pause { display:none }
.mainVisualWrap .kvStatus.stop .play_btn .play { display:block }
.mainVisualWrap .kvStatus .play_btn .pause { width:28px; height:30px; background: url(/design/isanoee/makeshop/m/main/ico_spot_pause.png) 50% 50% no-repeat; background-size:18px auto }
.mainVisualWrap .kvStatus .play_btn .play { display:none; width:28px; height:30px; background:url(/design/isanoee/makeshop/m/main/ico_spot_play.png) 50% 50% no-repeat; background-size:18px auto }

/* 카테고리 */
.mainCateMenu { margin:30px 16px 30px }
.mainCateMenu ul { display:flex; margin-top:4px; justify-content:space-between }
.mainCateMenu li {  }
.mainCateMenu li .ico { display:inline-block; width:52px; height:52px; vertical-align:top }
.mainCateMenu li .ico1 { background:url(/design/isanoee/makeshop/m/main/ico_cate01.png) 0 0 no-repeat; background-size:52px auto }
.mainCateMenu li .ico2 { background:url(/design/isanoee/makeshop/m/main/ico_cate02.png) 0 0 no-repeat; background-size:52px auto }
.mainCateMenu li .ico3 { background:url(/design/isanoee/makeshop/m/main/ico_cate03.png) 0 0 no-repeat; background-size:52px auto }
.mainCateMenu li .ico4 { background:url(/design/isanoee/makeshop/m/main/ico_cate04.png) 0 0 no-repeat; background-size:52px auto }
.mainCateMenu li .ico5 { background:url(/design/isanoee/makeshop/m/main/ico_cate05.png) 0 0 no-repeat; background-size:52px auto }
.mainCateMenu li .ico6 { background:url(/design/isanoee/makeshop/m/main/ico_cate06.png) 0 0 no-repeat; background-size:52px auto }
.mainCateMenu li .ico7 { background:url(/design/isanoee/makeshop/m/main/ico_cate07.png) 0 0 no-repeat; background-size:52px auto }
.mainCateMenu li .ico8 { background:url(/design/isanoee/makeshop/m/main/ico_cate08.png) 0 0 no-repeat; background-size:52px auto }
.mainCateMenu li .ico9 { background:url(/design/isanoee/makeshop/m/main/ico_cate09.png) 0 0 no-repeat; background-size:52px auto }
.mainCateMenu li .ico10 { background:url(/design/isanoee/makeshop/m/main/ico_cate10.png) 0 0 no-repeat; background-size:52px auto }
.mainCateMenu li .txt { display:block; padding-top:5px; font-size:12px; text-align:center; line-height:16px; vertical-align:top }

/* 브랜드 스토리 배너 */
.brandBannerWrap { padding:40px 16px; background:#f6f6f6 }
.brandBannerWrap .ytp_section { margin-top:20px; position:relative; padding-bottom:56.25%; width:100%; height:0; border-radius:20px; overflow:hidden; -webkit-box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.3); box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.3) }
.brandBannerWrap .ytp_section iframe { position:absolute; top:0; left:0; right:0; width:100%; height:100% }

/* 타이틀 */
.mainTitleWrap {  }
.mainTitleWrap .titleArea { display:flex; align-items:center; justify-content:space-between }
.mainTitleWrap .titleArea .mainTitle { font-size:24px; font-weight:700; line-height:32px }
.mainTitleWrap .titleArea .listMore a { display:inline-block; font-size:13px; color:#999; line-height:18px }
.mainTitleWrap .titleArea .listMore a i { font-size:10px }
.mainTitleWrap .mainSubTitle { padding-top:4px; font-size:16px; line-height:24px; color:#999 }

/* MD 추천 */
.commPrdWrap { padding:40px 16px 0 }
.commPrdWrap .list_shopping2x { padding-top:20px }

/* 이미지배너 공통 */
.imgBanner { margin:40px 16px 0; position:relative }
.imgBanner.mt20 { margin-top:20px }
.imgBanner img { width:100% }
.imgBanner .imgBannerPaging { left:auto; bottom:10px; right:10px; width:40px; height:20px; font-size:12px; color:#fff; line-height:20px; border-radius:22px; background:#000; opacity:0.5 }
.imgBanner .imgBannerPaging span { font-size:12px; color:#fff; }
.imgBanner .imgBannerPaging .swiper-pagination-current { font-weight:bold }

/* 한우 선물세트 */
.giftPrdWrap { padding:40px 16px 0 }
.giftPrdWrap .giftTabWrap { margin:20px -16px 0 0; position:relative; height:44px; overflow:hidden }
.giftPrdWrap .giftTabWrap .scrollBox { width:100%;  height:100%; overflow:auto hidden }
.giftPrdWrap .giftTabWrap .scrollBox::-webkit-scrollbar { display:none }
.giftPrdWrap .giftTabWrap ul { display:flex; padding-right:10px; min-width:max-content; height:100%; font-size:0; text-align:left; align-items:center; overflow:hidden; overflow-x:auto; clear:both; vertical-align:top }
.giftPrdWrap .giftTabWrap ul li { margin-right:6px }
.giftPrdWrap .giftTabWrap ul li a { display:block; padding:9px 14px; font-size:16px; line-height:24px; border:1px solid #dedede; border-radius:99px; box-sizing:border-box }
.giftPrdWrap .giftTabWrap ul li a.active { color:#fff; font-weight:700; border-color:#ff691f; background:#ff691f }
.giftPrdWrap .giftPrdCont { display:none; }
.giftPrdWrap .giftPrdCont#giftPrd02 { display:block }
.giftPrdWrap .giftPrdCont .giftPrdList { padding-top:10px }
.giftPrdWrap .giftPrdCont .giftPrdList .noborder { border-bottom:0 }
/*.giftPrdWrap .giftPrdCont .giftPrdList .swiper-wrapper { align-items:center }*/
.giftPrdWrap .giftPrdCont .giftPrdList .giftSwipePaging { display: none; margin-top:20px; position:relative; bottom:auto; left:auto; height:10px }
.giftPrdWrap .giftPrdCont .giftPrdList .giftSwipePaging .swiper-pagination-bullet { margin:0 5px; width:10px; height:10px; background:#dedede; opacity:1; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; vertical-align:top }
.giftPrdWrap .giftPrdCont .giftPrdList .giftSwipePaging .swiper-pagination-bullet-active { width:20px; border-radius:20px; background:#ff691f }
.giftPrdWrap .giftPrdTit .mainSubTitle { display: none; }
.giftPrdWrap .giftPrdTit .mainSubTitle.on { display: block; }

/* 선물하기 */
.giftBannerSwiper > div { display: flex; align-items: start; justify-content: space-between; }

.giftBannerWrap { margin-top:40px; padding:40px 0 0; position:relative; background:#f6f6f6 }
.giftBannerWrap .mainTitleWrap { padding:0 16px }
.giftBannerWrap .mainTitleWrap .titleArea { align-items:end }
.giftBannerWrap .giftBannerArea {  }
.giftBannerWrap .giftBannerArea .swiper-container { padding:20px 20px 0 }
.giftBannerWrap .giftBannerArea .swiper-slide { width: calc(50% - 5px) !important; padding-bottom: 40px; margin-right: 10px; }
.giftBannerWrap .giftBannerArea .swiper-slide:last-child { margin-right: 0; }
.giftBannerWrap .giftBannerArea .list dt { position:relative }
.giftBannerWrap .giftBannerArea .list dt img { width:100%; border-radius:16px; -webkit-box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.15); box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.15) }
.giftBannerWrap .giftBannerArea .list dd { padding-top:10px }
.giftBannerWrap .giftBannerArea .list dd .t1 { font-size:18px; font-weight:bold; line-height:26px }
.giftBannerWrap .giftBannerArea .list dd .t2 { padding-top:10px; font-size:14px; color:#777; line-height:20px }

/* 더보기 */
.view_more_btn { text-align:center; padding-top: 20px;  }
.view_more_btn a { display:inline-block; width:50%; height:48px; font-size:14px; font-weight:600; line-height:48px; border:1px solid #dedede; border-radius:50px; background:#fff }

/* 내돈내산 고객리뷰 */
.mainReviewWrap { margin-top:40px; padding:40px 16px; position:relative; background:#f6f6f6 }
.mainReviewWrap .reviewArea { padding-top:20px; position:relative }
.mainReviewWrap .reviewArea .swiper-slide { border:1px solid #dedede; border-radius:6px; box-sizing:border-box; background:#fff }
.mainReviewWrap .reviewArea .review-prd-thumb { height:159px; text-align:center }
.mainReviewWrap .reviewArea .review-prd-thumb img { width:100%; height:100%; border-radius:6px 6px 0 0 }
.mainReviewWrap .reviewArea .review-prd-info { display:flex; align-items:start; padding:12px 8px; border-bottom:1px solid #ededed }
.mainReviewWrap .reviewArea .review-prd-info > img { margin-right:6px; width:40px; height:40px; border-radius:4px }
.mainReviewWrap .reviewArea .review-prd-info .review-prd-name { display:-webkit-box; font-size:13px; font-weight:600; line-height:18px; white-space: normal; word-wrap: normal; -webkit-line-clamp:1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden }
.mainReviewWrap .reviewArea .review-prd-info .review-prd-score { font-size:12px; font-weight:700 }
.mainReviewWrap .reviewArea .review-prd-info .review-prd-score > span { margin-right:5px }
.mainReviewWrap .reviewArea .review-prd-info .review-prd-score span > span { color:#999; font-weight:400 }
.mainReviewWrap .reviewArea .review-grade { padding:12px 8px 0 }
.mainReviewWrap .reviewArea .review-grade img { margin-right:4px; width:10px }
.mainReviewWrap .reviewArea .review-content { display:-webkit-box; padding:0 8px; height:52px; font-size:13px; line-height:18px; white-space:normal; word-wrap:normal; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden }
.mainReviewWrap .reviewArea .review-name { margin-top:4px; padding:0 8px 12px; font-size:12px; color:#999; line-height:16px }
.mainReviewWrap .reviewArea .review-name span { display:inline-block; margin-right:20px }
.mainReviewWrap .reviewSwiper-pagination { margin-top:20px; height:10px; text-align:center }
.mainReviewWrap .reviewSwiper-pagination .swiper-pagination-bullet { margin:0 5px; width:10px; height:10px; background:#dedede; opacity:1; transition:0.3s; vertical-align:top }
.mainReviewWrap .reviewSwiper-pagination .swiper-pagination-bullet-active { width:20px; border-radius:20px; background:#ff691f }
.mainReviewWrap .reviewNext,
.mainReviewWrap .reviewPrev { position:absolute; width:30px; height:30px; top:23%; z-index:10 }
.mainReviewWrap .reviewNext { right:-15px; background:url(/design/isanoee/makeshop/m/main/btn_slide_next.png) 0 0 no-repeat; background-size:30px auto }
.mainReviewWrap .reviewPrev { left:-15px; background:url(/design/isanoee/makeshop/m/main/btn_slide_prev.png) 0 0 no-repeat; background-size:30px auto }
/* BASIC css end */