/* BASIC css start */
#header {margin:0 auto !important;}
#footer {margin-top:50px !important;}

/* ===================================================== */
/* ✅ 메인 롤링 배너 (script_banner) — 1280x640 규격       */
/* ===================================================== */
.main_img {width:100%; margin:0px; padding:0px; font-size:0px;vertical-align:top;line-height:0; text-align:center; background-color:#fff;}
.main_img > div,
.main_img img {margin:0 auto; display:block;}
/* ✅ 메이크샵 롤링배너 스크립트가 높이를 500px로 잘라내는 문제 → 640px 강제 */
.main_img .f2s-swiper,
.main_img .swiper-container {height:640px !important;}
.main_img .swiper-wrapper,
.main_img .swiper-slide {height:640px !important;}
.main_img .swiper-slide img {width:1280px !important; height:640px !important; object-fit:cover; margin:0 auto;}

/* (구 sliderkit 배너 호환 — 높이 640 기준) */
.contentslider-main {width:100%; height:640px; margin:0px auto; padding:0px; }
.contentslider-main .sliderkit-panels {width:100%;height:640px;overflow:hidden;padding:0px;margin:0px; background:transparent;  }
.contentslider-main .sliderkit-panel {width:100%;height:640px;overflow:hidden;padding:0px;margin:0px; background:transparent;  }
.contentslider-main .sliderkit-panel div {width:100%; height:100%; background-position:center;background-repeat:no-repeat;}
.contentslider-main .main_img_arrow {position:relative; max-width:1280px; min-width:1280px; margin:0 auto;font-size:0px;}
.contentslider-main .sliderkit-go-btn {position:absolute;top:0px;z-index:10; }
.contentslider-main .sliderkit-go-prev {left:-80px;}
.contentslider-main .sliderkit-go-next {right:-45px;}
.contentslider-main .sliderkit-go-prev a{position:absolute;width:49px;height:49px;cursor:pointer;background:url("/design/fishwiz/0704everday/btn_prev.png") no-repeat;margin-top:295px;opacity:0;}
.contentslider-main .sliderkit-go-next a {position:absolute; width:49px;height:49px;cursor:pointer;background:url("/design/fishwiz/0704everday/btn_next.png") no-repeat;margin-top:295px;opacity:0;}
.contentslider-main:hover .sliderkit-go-prev a{opacity:1; transition: all 0.5s;}
.contentslider-main:hover .sliderkit-go-next a{opacity:1; transition: all 0.5s;}
.contentslider-main .sliderkit-nav{position:absolute; top:600px;left:48%;text-align:center; margin:0 auto;}
.contentslider-main .sliderkit-nav-clip {position:relative;margin:0 auto;text-align:center;}
.contentslider-main .sliderkit-nav-clip ul {font-size:0;text-align:center;}
.contentslider-main .sliderkit-nav-clip li {cursor:pointer;display:inline-block;}
.contentslider-main .sliderkit-nav-clip li a {margin:4px;text-decoration:none;width:10px;height:10px; border:1px solid #c8c8c8; background-color:#fff; border-radius:6px; cursor:pointer;}
.contentslider-main .sliderkit-nav-clip li.sliderkit-selected a {width:22px;height:10px; border:1px solid #222; background-color:#222; border-radius:6px;}

/* ===================================================== */
/* ✅ NEWS 라인                                           */
/* ===================================================== */
.main-news {border-bottom:1px solid #f0f0f0; background-color:#fff;}
.main-news .main-news-in {width:1280px; margin:0 auto; height:44px; line-height:44px; font-size:13px; color:#555; text-align:left; position:relative;}
.main-news .news-tag {display:inline-block; background-color:#111; color:#fff; font-size:11px; font-weight:700; line-height:normal; padding:4px 9px; border-radius:4px; margin-right:12px; vertical-align:middle;}
.main-news .news-link {color:#555; font-size:13px; vertical-align:middle;}
.main-news .news-link:hover {color:#111;}
.main-news .news-more {position:absolute; right:0; top:0; color:#bbb; font-size:18px;}
.main-news .news-more:hover {color:#111;}

/* ===================================================== */
/* ✅ 퀵 카테고리 (실제 상품 사진 아이콘)                   */
/* ===================================================== */
.main-quickcate {padding:40px 0 8px; background-color:#fff;}
.main-quickcate .main-quickcate-in {width:1280px; margin:0 auto; text-align:center; font-size:0;}
.main-quickcate a {display:inline-block; vertical-align:top; width:120px; margin:0 4px; text-align:center; font-size:14px; font-weight:600; color:#333;}
.main-quickcate a:hover {color:#000;}
.main-quickcate .qc-ico {display:block; width:96px; height:96px; margin:0 auto 10px; background-color:#f4f4f5; border:1px solid #efefef; border-radius:26px; overflow:hidden; transition:transform 0.15s;}
.main-quickcate .qc-ico img {width:100%; height:100%; object-fit:cover; display:block;}
.main-quickcate a:hover .qc-ico {transform:translateY(-3px);}
.main-quickcate .qc-plus {background-color:#111; border-color:#111; color:#fff; font-size:30px; line-height:96px; text-align:center;}

/* ===================================================== */
/* ✅ 상품 섹션 (베스트/신상품/재입고) 공통                 */
/* ===================================================== */
#content .main-sec {margin-top:48px; padding-top:44px; border-top:1px solid #e5e5e5;}
#content .main-sec:first-child {margin-top:20px;}
#content .main-sec .btn-sec-more {display:block; width:100%; height:52px; margin:4px 0 10px; background-color:#fff; border:1px solid #e3e3e3; border-radius:12px; font-size:14px; font-weight:600; color:#555; cursor:pointer; transition:all 0.2s;}
#content .main-sec .btn-sec-more:hover {border-color:#222; color:#111;}
#content .main-sec .sec-head {padding:0 0 20px 0; text-align:left;}
#content .main-sec .sec-head h2 {font-size:22px; font-weight:800; color:#111; letter-spacing:-0.2px;}

/* 상품 카드 — 둥근 모서리 미니멀 스타일 (모바일 톤과 통일) */
#content .main-sec .prd-list table .info {width:180px; text-align:left;}
#content .main-sec .prd-list .thumb {width:180px; border:0; border-radius:12px; background-color:#f6f6f7;}
#content .main-sec .prd-list .thumb:hover {border:0;}
/* ✅ 이전 메인페이지 폰트 스타일 복원 */
#content .main-sec .prd-list .dsc {margin-top:15px; font-weight:normal; font-size:14px; padding-bottom:12px; margin-bottom:8px; color:#222; word-break:break-all; border-bottom:1px solid #e9e9e9;}
#content .main-sec .prd-list .subname {margin-top:5px; font-weight:normal; font-size:13px; color:#888;}
#content .main-sec .prd-list .consumer {margin-top:5px; color:#888; font-size:12px; text-decoration:line-through;}
#content .main-sec .prd-list .price {margin-top:3px; font-weight:bold; color:#333; font-size:18px;}
#content .main-sec .prd-list .salebox .salebig {border:0; border-radius:8px; background-color:#111; color:#fff; width:38px; height:24px; line-height:24px; font-size:12px; top:10px; left:10px;}
#content .main-sec .prd-list .salebox:hover .salebig {background-color:#111; color:#fff;}

/* 하단 플로팅팝업 */
#popupbanner {position:fixed; bottom:0px;left:30px; z-index:1000;}
#popupbanner .smallbanner {margin-bottom:30px;cursor:pointer;}
#popupbanner .popbanner { position:absolute;display:none; bottom:100px; left:100px;}
#popupbanner .closingarea {position:relative;bottom:50px;left:135px;font-size:11px;font-family:dotum; }
#popupbanner .cookiecheck {float:left;}
#popupbanner .nottoday	{float:left; margin:3px 0 0 2px;color:#fff; font-size:14px; letter-spacing:-0.5px; }
#popupbanner .closebtn {cursor:pointer;position:absolute; top:-340px; left:215px; color:#d71026;}

/* 인트로 팝업 관련 스타일 */
#element_to_pop_up {display:none; padding:0px; min-width:609px; min-height:701px;}
#element_to_pop_up .mintroClose {cursor:pointer; color:#fff; font-size:11px; line-height:30px; float:right; height:30px; padding-right:10px;}
#element_to_pop_up .mNotToday {cursor:pointer; float:left; padding-left:10px; position:relative;}
#element_to_pop_up .mNotToday>input {cursor:pointer; width:13px; height:13px; border:0px; position:absolute; top:8px;}
#element_to_pop_up .mNotToday>label {cursor:pointer; color:#fff;font-size:11px; position:absolute; top:0px; width:200px; left:25px; text-align:left; height:30px; line-height:30px;}
#element_to_pop_up .close_area {background-color:#111; width:609px; height:30px; }

/* 상품 다중 이미지 슬라이더 */
.item-wrap .item-cont .item-list .thumb { overflow: visible; }
.item-wrap .item-cont .item-list .thumb .bx-wrapper { position: relative; }
.item-wrap .item-cont .item-list .thumb .bx-pager { position: absolute; left: 50%; bottom: 5%; transform: translateX(-50%); display: flex; gap: 8px; align-items: center; justify-content: center; }
.item-wrap .item-cont .item-list .thumb .bx-pager a { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: rgba(238, 238, 238, 0.5); font-size:0; text-indent: -9999px;}
.item-wrap .item-cont .item-list .thumb .bx-pager a.active { background: #000; }
.item-wrap .item-cont .item-list .thumb .bx-controls-direction a { position:absolute; top: 50%; width: 9px; height: 16px; margin-top: -8px; font-size:0; text-indent: -9999px; }
.item-wrap .item-cont .item-list .thumb .bx-prev {left:10px; background:url(/images/common/btn_multiple_prev.png) left center no-repeat;}
.item-wrap .item-cont .item-list .thumb .bx-next {right:10px; background:url(/images/common/btn_multiple_next.png) right center no-repeat;}

.soldout {font-size:14px; font-weight:bold; color:#dc0000;}

/* 영문 상품명 */
.name-en {
    font-size: 11px;
    color: #aaa;
    letter-spacing: 0.3px;
    line-height: 1.4;
    margin-top: 2px;
    word-break: break-all;
}

/* BASIC css end */