/* BASIC css start */
#headerWrap .headerArea { border-bottom: none !important; }

/* 메인 롤링 배너 */
.visual_main {position:relative; overflow: hidden; height: 500px; width:100%; text-align:center;}
.kvStatus { position: absolute; bottom: 40px; left: 50%; z-index: 3; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; }
.kvStatus .kv_group { position: relative; display: inline-block; vertical-align: middle; font-size: 14px; width: 82px; height: 40px; text-align: center; line-height: 40px; background: rgba(0, 0, 0, 0.4); border-radius: 20px 0 0 20px; }
.kvStatus .kv_group .pageKv { color: rgba(255,255,255,0.5); }
.kvStatus .kv_group .pageKv * {vertical-align:top;}
.kvStatus .kv_group .pageKv span {display:inline-block; color:#fff; font-size:15px; line-height: 38px;}
.kvStatus .kv_group .pageKv .swiper-pagination-current {font-weight: bold;}
.kvStatus .kv_group .pageKv .swiper-pagination-total { color: rgba(255,255,255,0.5); }
.kvStatus .kv_group .iconKv {position:absolute; top:0; height:38px; border:0; cursor: pointer;}
.kvStatus .more { display: inline-block; vertical-align: middle; margin-left: 3px; width: 38px; height: 40px; border-radius: 0 20px 20px 0; border: 0; background-color: rgba(0, 0, 0, 0.4); background-image: url(/design/isanoee/newFolder/kv_swiper_more.png); cursor: pointer; background-repeat: no-repeat; background-position: center; background-size: 14px; }

.kvStatus .play_btn  { width: 40px; height: 40px; background: rgba(0, 0, 0, 0.5); border-radius: 20px; margin-right: 2px; }
.kvStatus.stop .play_btn .pause {display:none;}
.kvStatus.stop .play_btn .play {display:inline-block;}
.kvStatus .play_btn .pause {display:inline-block; vertical-align: middle; width:40px; height:40px; border:0; background: url(/design/isanoee/makeshop/main/player-pause.png); cursor: pointer; background-repeat: no-repeat; background-position: center 10px;}
.kvStatus .play_btn .play {display:none; vertical-align: middle; width:38px; height:38px; border:0; background: url(/design/isanoee/newFolder/kv_swiper_play.png); background-repeat: no-repeat; background-position: center 12px; cursor: pointer;}

#visualList{display:none; width:100%; height:100%; position:fixed; top:0; left:0; z-index:9999; background:rgba(0,0,0,.8); }
#visualList.on{display:flex; display:-webkit-flex; display:-ms-flexbox; display:-webkit-box; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column;
-ms-flex-direction:column; flex-direction:column; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; align-items:flex-start;-webkit-box-flex:1; -ms-flex:1; -webkit-appearance:none;}
#visualList .content{width:1100px; margin:auto; position:relative; }
#visualList .content .v_list{width:1100px; max-height:900px; margin: auto; position:relative; overflow-y:auto; -ms-overflow-style:none;}
#visualList .content .v_list::-webkit-scrollbar{display:none;}
#visualList .content ul::after{content:''; display:block; clear:both;}
#visualList .content ul li{float:left; width:545px; overflow:hidden; margin:2.5px; height:200px; }
#visualList .content ul li:nth-child(1), #visualList .content ul li:nth-child(2){padding-top:0;}
#visualList .content ul li a{display:block; width:545px; overflow:hidden;}
#visualList .content ul li img{  }
#visualList .content .button{position:absolute; top:2px; right:-42.5px; cursor:pointer;}
.click_mainbanner { position: relative; display: block; width: 100%; height: 100%; text-align: left; }
.visual_main .swiper-slide { width: 1280px; margin: 0 15px; }
.visual_main .swiper-slide:after { content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); position: absolute; top: 0; left: 0; border-radius: 33px; transition: 0.3s; }
.visual_main .swiper-slide.swiper-slide-active:after { background: rgba(0, 0, 0, 0); z-index: -1; }

.visual_main .prevKv { position: absolute; width: 50px; background-repeat: no-repeat; height: 50px; top: 50%; transform: translateY(-50%); z-index: 10; cursor: pointer; left: 284px; background: url(/design/isanoee/makeshop/main/main_cate_prev.png); }
.visual_main .nextKv { position: absolute; width: 50px; background-repeat: no-repeat; height: 50px; top: 50%; transform: translateY(-50%); z-index: 10; cursor: pointer; right: 284px;background:url(/design/isanoee/makeshop/main/main_cate_next.png); }

.click_mainbanner .banner_txt { position: absolute; top: 50%; transform: translateY(-50%); color: #fff; left: 100px; }
.click_mainbanner .banner_txt p { font-size: 38px; font-weight: bold; margin-bottom: 24px; }
.click_mainbanner .banner_txt span { font-size: 18px; font-weight: 400; line-height: 26px; }

.inner { width: 1280px; margin: 0 auto; position: relative; }

/* 메인 카테고리 */
.mainCateMenu { margin-bottom: 66px; overflow: hidden; }
.mainCateMenu .mainCateSwiper { width: 1090px; margin: 0 auto; overflow: hidden; }
.mainCateMenu .swiper-wrapper {  }
.mainCateMenu .swiper-wrapper li { position: relative; width: 110px; text-align: center; }
.mainCateMenu .swiper-wrapper li .icoArea .ico { display: block; width: 110px; height: 110px; }
.mainCateMenu .swiper-wrapper li .icoArea .ico01 { background: url(/design/isanoee/makeshop/main/main_cate_01.png) 0 0 no-repeat; }
.mainCateMenu .swiper-wrapper li .icoArea .ico02 { background: url(/design/isanoee/makeshop/main/main_cate_02.png) 0 0 no-repeat; }
.mainCateMenu .swiper-wrapper li .icoArea .ico03 { background: url(/design/isanoee/makeshop/main/main_cate_03.png) 0 0 no-repeat; }
.mainCateMenu .swiper-wrapper li .icoArea .ico04 { background: url(/design/isanoee/makeshop/main/main_cate_04.png) 0 0 no-repeat; }
.mainCateMenu .swiper-wrapper li .icoArea .ico05 { background: url(/design/isanoee/makeshop/main/main_cate_05.png) 0 0 no-repeat; }
.mainCateMenu .swiper-wrapper li .icoArea .ico06 { background: url(/design/isanoee/makeshop/main/main_cate_06.png) 0 0 no-repeat; }
.mainCateMenu .swiper-wrapper li .icoArea .ico07 { background: url(/design/isanoee/makeshop/main/main_cate_07.png) 0 0 no-repeat; }
.mainCateMenu .swiper-wrapper li .icoArea .ico08 { background: url(/design/isanoee/makeshop/main/main_cate_08.png) 0 0 no-repeat; }
.mainCateMenu .swiper-wrapper li .icoArea .ico09 { background: url(/design/isanoee/makeshop/main/main_cate_09.png) 0 0 no-repeat; }
.mainCateMenu .swiper-wrapper li .icoArea .ico10 { background: url(/design/isanoee/makeshop/main/main_cate_10.png) 0 0 no-repeat; }
.mainCateMenu .mainCateNext, .mainCateMenu .mainCatePrev { width: 50px; height: 50px; position: absolute; top: 20%; cursor: pointer; }
.mainCateMenu .mainCateNext { background: url(/design/isanoee/makeshop/main/main_cate_next.png) 0 0 no-repeat; right: 0; }
.mainCateMenu .mainCatePrev { background: url(/design/isanoee/makeshop/main/main_cate_prev.png) 0 0 no-repeat; left: 0; }
.mainCateMenu .swiper-wrapper li .txt { font-size: 16px; font-weight: 400; line-height: 24px; display: block; margin-top: 10px; }

/* 브랜드 스토리 배너 */
.brand_banner_wrap { background: #F6F6F6; padding: 70px 0; }
.brand_banner_wrap > .inner { display: flex; align-items: center; justify-content: space-between; }
.brand_banner_wrap .des_section .banner_tit { font-size: 48px; font-weight: 700; line-height: 56px; margin-bottom: 24px; }
.brand_banner_wrap .des_section .banner_des { font-size: 23px; font-weight: 500; line-height: 32px; text-align: left; color: #777; margin-bottom: 36px; }
.brand_banner_wrap .des_section > a { border: 2px solid #121212; font-size: 16px; line-height: 24px; font-weight: 600; border-radius: 50px; display: flex; align-items: center; width: 179px; height: 56px; box-sizing: border-box; padding-left: 30px; justify-content: start; }
.brand_banner_wrap .des_section > a > i { font-size: 22px; margin-left: 6px; }
.brand_banner_wrap .ytp_section { width: 740px; height: 417px; border-radius: 30px; overflow: hidden; }

/* 상품영역 상단 공통 */
.prod_wrap_tit { font-size: 36px; font-weight: 700; line-height: 54px; padding: 70px 0 40px; position: relative; }
.view_more_btn { margin: 30px 0 0; text-align: center; }
.view_more_btn a { width: 447px; height: 62px; border: 1px solid #dedede; background: #fff; display: block; margin: 0 auto; line-height: 62px; font-size: 18px; font-weight: 700; border-radius: 50px; transition: 0.3s; }
.view_more_btn a:hover { border: 1px solid #ff691f; background: #ff691f; color: #fff; }
.prod_wrap_tit .sub_tit { font-size: 23px; line-height: 32px; color: #777; font-weight: 500; margin-top: 10px; }

/* MD 추천 */
#viewAll { display: none; }

/* 이미지배너 공통 */
.imgBanner { width: 1280px; position: relative; margin: 100px auto 30px; }
.imgBanner .inner { overflow: hidden; }
.imgBanner .imgBannerNext, .imgBanner .imgBannerPrev { width: 50px; height: 50px; position: absolute; top: 50%; z-index: 10; transform: translateY(-50%); cursor: pointer; }
.imgBanner .imgBannerNext { background: url(/design/isanoee/makeshop/main/main_cate_next.png) 0 0 no-repeat; right: -25px; }
.imgBanner .imgBannerPrev { background: url(/design/isanoee/makeshop/main/main_cate_prev.png) 0 0 no-repeat; left: -25px; }

/* 한우 선물세트 */
.tab_wrap {  }
.tab_wrap ul li { display: inline-block; width:auto; margin-right: 10px; }
.tab_wrap ul li a { display: inline-block; padding: 12px 20px; font-size: 18px; line-height: 26px; border: 1px solid #DEDEDE; border-radius: 50px; }
.tab_wrap ul li.swiper-slide-thumb-active a { background: #FF691F; color: #fff; font-weight: 700; border-color: #FF691F; }
.giftset_prod_wrap .swiper{overflow:hidden;}
.giftset_prod_wrap .item-wrap .item-cont { overflow: visible; position: relative; }
.giftset_prod_wrap .item-wrap .item-cont .item-list { width: 290px !important; min-height: 540px; max-height: 560px; }
.giftset_prod_wrap .item-wrap .item-cont .item-list .thumb .thumb_img { width: 290px; height: 290px; }
.giftset_prod_wrap .cont_wrap .cont_wrap_inner { margin-top: 40px; width: 1280px; display: flex; align-items: start; justify-content: space-between; } 
.giftset_prod_wrap .giftSwiper { overflow: hidden; }
.giftset_prod_wrap .giftSwiper-pagination { text-align: center; margin-top: 10px; }
.giftset_prod_wrap .giftSwiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; background: #DEDEDE; opacity: 1; margin: 0 5px; transition: 0.3s; }
.giftset_prod_wrap .giftSwiper-pagination .swiper-pagination-bullet-active { background: #FF691F; width: 20px; border-radius: 20px; }
.giftset_prod_wrap .sub_tit { display: none; }
.giftset_prod_wrap .sub_tit.on { display: block; }
.giftset_prod_wrap .item-wrap .item-cont .item-list:nth-child(3n){ margin-right:40px; }
.giftset_prod_wrap .item-wrap .item-cont .item-list:nth-child(4n){ margin-right:0; }

/* 고마운 사람에게 선물하세요 */
.giftBannerWrap { background: #F6F6F6; padding: 30px 0 100px; margin-top: 100px; }
.giftBannerWrap .giftBanner { display: flex; align-items: center; justify-content: space-between; }
.giftBannerWrap .giftBanner img { box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); border-radius: 26px; }

/* 한우 전체상품 */

/* 내돈내산, 고객 리뷰 */
.best_review_wrap { background: #f6f6f6; padding-bottom: 50px; margin-top: 70px; }
.best_review_wrap .review-box { overflow: hidden; }
.best_review_wrap .prod_wrap_tit { position: relative; width: 100%; }
.best_review_wrap .more_review { font-size: 16px; font-weight: 600; position: absolute; right: 0; bottom: 40px; }
.best_review_wrap .more_review i { font-size: 28px; margin-left: 5px; position: relative; top: 5px; }
.best_review_wrap .review-prd { width: 300px; }
.best_review_wrap .review-prd-thumb { width: 300px; height: 300px; border-radius: 26px 26px 0 0; overflow: hidden; }
.best_review_wrap .review-prd-thumb img { width: 100%; height: 100%; }
.best_review_wrap .review-prd-info { display: flex; align-items: center; justify-content: start; padding: 15px; border-bottom: 1px solid #ededed; }
.best_review_wrap .review-prd-info > img { width: 40px; height: 40px; border-radius: 4px; margin-right: 6px; }
.best_review_wrap .review-prd-info .review-prd-name { font-size: 13px; line-height: 18px; font-weight: 600; white-space: normal; word-wrap: normal; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; }
.best_review_wrap .review-prd-info .review-prd-score { font-size: 13px; font-weight: 400; }
.best_review_wrap .review-prd-info .review-prd-score > span { margin-right: 5px; }
.best_review_wrap .review-prd-info .review-prd-score span > span { color: #555; }
.best_review_wrap .review-grade { margin: 15px 15px 10px 15px; }
.best_review_wrap .review-grade img { margin-right: 4px; }
.best_review_wrap .review-content { padding: 0 15px; font-size: 14px; line-height: 20px; font-weight: 400; white-space: normal; word-wrap: normal; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; min-height: 60px; }
.best_review_wrap .review-name { color: #999; font-size: 13px; line-height: 18px; margin-top: 4px; padding: 0 15px 15px; }
.best_review_wrap .review-name span { margin-right: 20px; display: inline-block; }
.best_review_wrap .review-slider-wrap .slide-list { width: 300px; }
.best_review_wrap .reviewSwiper-pagination { text-align: center; margin-top: 60px; }
.best_review_wrap .reviewSwiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; background: #DEDEDE; opacity: 1; margin: 0 5px; transition: 0.3s; }
.best_review_wrap .reviewSwiper-pagination .swiper-pagination-bullet-active { background: #FF691F; width: 20px; border-radius: 20px; }

.best_review_wrap .reviewNext, .best_review_wrap .reviewPrev { width: 50px; height: 50px; position: absolute; top: 50%; z-index: 10; transform: translateY(-50%); cursor: pointer; }
.best_review_wrap .reviewNext { background: url(/design/isanoee/makeshop/main/main_cate_next.png) 0 0 no-repeat; right: -25px; }
.best_review_wrap .reviewPrev { background: url(/design/isanoee/makeshop/main/main_cate_prev.png) 0 0 no-repeat; left: -25px; }

#contentWrap { width:100%; margin-top:70px; }

/* 유튜브 레이어 */
#main_video_content { position: fixed; top: 50%; z-index: 9999; opacity: 1; display: none; transform: translate(-50%, -50%); left: 50%; }
#main_video_content iframe {  border-radius: 30px; }
#main_video_content .quick_video_close { position: absolute; font-size: 30px; color: #fff; right: -40px; top: 0; }
.b-modal {  display: none; background-color: rgb(0, 0, 0); position: fixed; inset: 0px; opacity: 0.7; z-index: 9998; cursor: pointer; width: 100%; height: 100%; left: 0; top: 0; }

.review-box .swiper-slide { border:1px solid #dedede; border-radius: 26px; box-sizing: border-box; background: #fff; }
/* BASIC css end */

