/* BASIC css start */
#header {
    border-bottom: 0 !important;
}

#header.fixed,
#header.state-login.fixed {
    border-bottom: 1px solid var(--000) !important;
}  


#contentWrap { width:1480px; margin:0 auto }
.section{margin-bottom:120px}
.sec_inner{width: 1480px; margin: 0 auto;}
.section h2{text-align: center; font-size:32px; color:#000; font-weight:500; margin-bottom:55px;font-family: 'Noto Sans KR', sans-serif;}
.swiper-button-disabled{opacity:.3}



#mainBnr .txt p {
    font-size: 14px;
    margin-top: 15px;
    line-height: 1.5;
}
.banner {
    width: 1480px;
    margin: 100px auto 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s ease-out, transform 1s ease-out;
    overflow: hidden;
}
.banner > a {
    flex: 1;
}
.banner img {
    transition: transform 0.3s ease; 
    width: 100%;
} 

.banner .left,
.banner .right {
    flex: 1;
    overflow: hidden;
}

.banner .left img:hover,
.banner .right img:hover {
    transform: scale(1.02); /* 이미지 확대 */
}

.banner .txt {
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.banner .txt h1 {
    color: var(--fff);
    font-weight: 700;
    font-size: 32px;
}

.banner .txt p {
    color: var(--fff);
    font-size: 14px;
    line-height: 1.55;
    margin-top: 15px;
}
.mainTitle {
    width: 1480px;
    position: relative;
    margin: 100px auto 25px;
}

.mainTitle h1 {
    font-size: 22px;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
}

.mainTitle a {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    font-weight: 500;
    text-transform: uppercase;
}

.item-wrap-slide {
    overflow-x: hidden;
    margin-bottom: 100px;
}

.item-wrap-slide .swiper-container {
    padding-bottom: 57px !important;
    width: 1380px;
    padding-right: 100px;
    overflow: visible;
}

.item-wrap-slide .swiper-container .swiper-pagination {
    bottom: 0 !important; left:0; right:0;
}

.item-wrap-slide .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
    margin: 0 7px !important;
    background: #eee !important;
    opacity: 1 !important;
}

.item-wrap-slide .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--000) !important;
}


.item-wrap-slide .swiper-container .swiper-slide {}



.item-wrap-slide .swiper-button-prev {
    background: url(//skin.makeshop.co.kr/skin/everyday/images/slide_btn_l.png) no-repeat;
    height: 48px;
    width: 48px;
    background-size: contain;
    left: 0;
    display: none;
}

.item-wrap-slide .swiper-button-next {
    background: url(//skin.makeshop.co.kr/skin/everyday/images/slide_btn_r.png) no-repeat;
    height: 48px;
    width: 48px;
    background-size: contain;
    right: 0;
}

.item-wrap-slide .swiper-button-next,
.item-wrap-slide .swiper-button-prev {
    top: 50% !important;
    transform: translateY(-50%);
    margin-top: -64px !important;
}

.item-wrap-slide .swiper-button-next::after,
.item-wrap-slide .swiper-button-prev::after {
    display: none;
}

.item-wrap-slide .collection_slide.swiper-container {
    padding-bottom: 60px !important;
    width: 1290px;
    padding-right: 190px;
    overflow: visible;
}


.itemList.swiper-slide>div {
    position: relative;
}

.itemList.swiper-slide>div::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    z-index: 2;
}

.itemList.swiper-slide .thumb::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 2;
}

.item-wrap-slide .new_slide.swiper-container .swiper-slide-active>div::after,
.item-wrap-slide .new_slide.swiper-container .swiper-slide-active+.swiper-slide>div::after,
.item-wrap-slide .new_slide.swiper-container .swiper-slide-active+.swiper-slide+.swiper-slide>div::after,
.item-wrap-slide .new_slide.swiper-container .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide>div::after {
    display: none;
}


.item-wrap-slide .collection_slide.swiper-container .swiper-slide-active>div::after,
.item-wrap-slide .collection_slide.swiper-container .swiper-slide-active+.swiper-slide>div::after,
.item-wrap-slide .collection_slide.swiper-container .swiper-slide-active+.swiper-slide+.swiper-slide>div::after {
    display: none;
}

.subject {}

.subject a {
    font-size: 18px;
    font-weight: 600;
}


.item-wrap-slide .collection_slide.swiper-container .swiper-pagination {
    bottom: 0 !important;
    left: 0;
    right: 0;
    width: 1480px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    /* 페이지네이션을 꽉 채우기 위해 추가 */
}

.item-wrap-slide .collection_slide.swiper-container .swiper-pagination .swiper-pagination-bullet {
    background: var(--000) !important;
    opacity: 0.2 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    height: 2px !important;
    width: auto !important;
    /* 기본 너비 초기화 */
    flex-grow: 1;
    /* 유연한 너비를 허용 */
}

.item-wrap-slide .collection_slide.swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1 !important;
}

.tab-container {
    width: 500px;
    margin: 0 auto;
}

.tabs {
    list-style-type: none;
    padding: 0;
    display: inline-flex;
    cursor: pointer;
    margin-left: 40px;
}

.tab-link {
    padding: 2px 0;
    font-size: 14px;
    color: #666;
    flex-grow: 1;
    text-align: center;
    margin-right: 28px;
}

.tab-link:hover {
    color: var(--000);
}

.tab-link.active {
    color: var(--000);
    font-weight: 700;
    border-bottom: 1px solid var(--000);
}

.tab-content {
    display: none;
    width: 1480px;
    margin: 0 auto;
}

.tab-content.active {
    display: block;
}
.specialSale {
    width: 1480px;
    margin: 0 auto;}
.specialSale .itemList:nth-child(-n+4) {width:340px;}



.notice-list {
  padding: 12px 15px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
   
}






#sec1{overflow: hidden; margin-top: 50px;}
#sec1 .sec1_cont{}
#sec1 .sec1_cont .swiper{padding-bottom: 40px;}
#sec1 .sec1_cont .swiper ul{ margin-left:calc((100% / 3) / 2);}
#sec1 .sec1_cont .swiper ul li{width:calc(100% / 3);padding: 0 25px;}
#sec1 .sec1_cont .swiper ul li .ban_img{}
#sec1 .sec1_cont .swiper ul li .ban_img a{display: block; width: 100%;border-radius: 25px; overflow: hidden;}
#sec1 .sec1_cont .swiper ul li .ban_img a img{width: 100%;}
#sec1 .sec1_cont .swiper ul li .ban_txt{width: 100%; padding: 25px 0;}
#sec1 .sec1_cont .swiper ul li .ban_txt p{text-align: center; font-family: 'Jost', 'Noto Sans KR', sans-serif; }
#sec1 .sec1_cont .swiper ul li .ban_txt p.big{font-size: 28px; color: #000; font-weight: 500; margin-bottom: 10px;}
#sec1 .sec1_cont .swiper ul li .ban_txt p.small{color: #999999;font-size: 17px; font-weight: 400;}
#sec1 .swiper .swiper-pagination{bottom: 0;}
#sec1 .swiper .swiper-pagination-bullet-active{background-color: #000;}



/* sec2 */
#sec2{}
#sec2 .sec_inner{}
#sec2 .sec_inner ul{display: flex; flex-wrap: nowrap; justify-content: space-between;}
#sec2 .sec_inner ul li{}
#sec2 .sec_inner ul li a{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px;}
#sec2 .sec_inner ul li a img{display: inline-block; border-radius:15px; }
#sec2 .sec_inner ul li a img:hover{opacity:.8}
#sec2 .sec_inner ul li a p{ font-family: 'Noto Sans KR', sans-serif; color: #333333; font-size: 15px; font-weight: 500;}

#sec2 {width:1480px;margin:40px auto;}
#sec2 .sec_content ul {display:flex;align-items: center;justify-content: space-between;}
#sec2 .sec_content ul li {text-align:center;}
#sec2 .sec_content ul li p {font-size:14px;font-weight:400;margin-top:10px;}


/* swipe */
.secinner {margin:120px auto;position:relative;}
.sec_content .swiper-button-next {text-indent: -9999px;background-image:url('//skin.makeshop.co.kr/skin/eating/pc/image/swipe_next.png');background-repeat:no-repeat;width:50px;height:50px;right:-25px;background-color:#fff;border-radius:40px; box-shadow: 0 3px 6px rgba(0,0,0,0.10);background-position: 50% center;top:45%;}
.sec_content .swiper-button-prev {text-indent: -9999px;background-image:url('//skin.makeshop.co.kr/skin/eating/pc/image/swipe_prev.png');background-repeat:no-repeat;width:50px;height:50px;left:-25px;background-color:#fff;border-radius:40px; box-shadow: 0 3px 6px rgba(0,0,0,0.10);background-position: 50% center;top:45%;}
.sec_content .swiper-button-lock {display:block;}

#sec7{}
#sec7 a{display: block; width: 100%;}
#sec7 a img{width: 100%;}


#sec8{}
#sec8 .sec_inner{}
#sec8 .sec_inner .sec8_cont{}
#sec8 .sec_inner .sec8_cont ul{display: flex; flex-wrap: wrap; gap: 40px;margin-bottom: 70px;}
#sec8 .sec_inner .sec8_cont ul li{width: calc((100% - 80px) / 3);}
#sec8 .sec_inner .sec8_cont ul li a{display: block; }
#sec8 .sec_inner .sec8_cont ul li a img{transition: all .1s;}
#sec8 .sec_inner .sec8_cont ul li .txt_area{margin-top: 15px;gap: 8px; display: flex; flex-direction: column;}
#sec8 .sec_inner .sec8_cont ul li:hover a img{opacity: .8;}
#sec8 .sec_inner .sec8_cont ul li .txt_area p{font-weight: 400; }
#sec8 .sec_inner .sec8_cont ul li .txt_area p.big{color: #222222; font-size: 20px;}
#sec8 .sec_inner .sec8_cont ul li .txt_area p.small{color: #999999; font-size: 14px;}
#sec8 .sec_inner .sec8_cont .more_item{}




/* sec9 */
#sec9{padding:60px 0 50px}
#sec9 .sec_inner{position:relative;}
#sec9 h2{}
#sec9 .sec9_review{}
#sec9 .sec9_review>div{width: 100%;}
#sec9 .sec9_review>div>ul{width: 100%;}
#sec9 .sec9_review>div>ul>li{flex-grow:1}
#sec9 .li_review .rv_main{ width: 100%; border-bottom: 1px solid #e4e4e4;}
#sec9 .li_review .rv_main .thumb{width:100%;}
#sec9 .li_review .rv_main .thumb a{display: block; width: 100%; height: 100%;}
#sec9 .li_review .rv_main .thumb a img{width: 100%; height: 100%; object-fit: cover;}
#sec9 .li_review .rv_main .rv_main_cont{width: 100%; padding: 20px 0; max-width:280px}
#sec9 .li_review .rv_main .rv_main_cont .rv_info{margin-bottom: 7px;color:#000; font-size: 15px;font-weight: 500;}
#sec9 .li_review .rv_main .rv_main_cont .rv_cont{font-size: 14px; font-family: 'Noto Sans KR', sans-serif; text-overflow: ellipsis; overflow: hidden; font-weight:400; color:#999999; line-height:1.7; }
#sec9 .li_review .rv_mini{width: 100%; display: flex; align-items: center; justify-content: left; gap:15px;margin-top:20px }
#sec9 .li_review .rv_mini ul { display:flex; flex-direction:column; gap:8px;}
#sec9 .li_review .rv_mini ul li {font-family: 'Noto Sans KR', sans-serif;font-size: 13px; color: #000;}
#sec9 .li_review .rv_mini ul li{display:flex; align-items:center}
#sec9 .li_review .rv_mini ul li span {font-family: 'Jost', sans-serif;display:flex; align-items:center; color:#000; font-size:16px; font-weight: 500; }
#sec9 .li_review .rv_mini ul li span img{display:inline-block; margin-right:8px;}
#sec9 .swiper_btn_prev,#sec9 .swiper_btn_next{position: absolute;z-index: 2; cursor: pointer; top: 50%; transform: translateY(-50%);}
#sec9 .swiper_btn_prev{left:-130px }
#sec9 .swiper_btn_next{right:-130px}
/* BASIC css end */