/* BASIC css start */
/* 231220 무료배송 이벤트 쿠폰 */
.shopbrandTitle .linkBox { position: relative; }
.shopbrandTitle .linkBox .linkBtn {
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 47.625%;
}

/* 이미지 설명 영역 */
center img { display: block; width: 100%; }
.btn_box { position: relative; }
.btn_box .btn_img { position: absolute; object-fit: contain; width: auto; }
.btn_box .btn_img a { object-fit: contain; display: block; }

.arrowBox01 { position: relative; max-width: 800px; cursor: pointer; }
.arrowBox01 .arrow {
    position: absolute; width: 1.96% !important; top: 35%; right: 41.34%;
    transform: rotateZ(180deg);
    opacity: 0;
}
.arrowBox01 .arrow.active { transform: rotateZ(0deg); }
.arrowBox02 { overflow: hidden; height: 0; transition-duration: 0.2s; }
.arrowBox02.active { height: 100%; }

.linkBtnBox { background-color: #333333; }
.linkBtnBox div { display: flex; flex-wrap: wrap; justify-content: center; }
.linkBtnBox div a { width: 50%; }

/* 1번 링크 이미지 박스 첫번째 버튼 위치  */
.btn_box01 .btn_img01 { width: 42.34%; left: 4.68%; bottom: 23.23%; }

/* 카테고리 리스트영역 */
.moreBtn { width: 36px; margin: 30px auto 0; color: #000; }
.moreBtn i {
    display: block; width: 36px; height: 36px;
    line-height: 34px; text-align: center;
    border: 1px solid #ddd; border-radius: 18px;
}
.moreBtn span {
    display: block; padding-top: 5px;
    text-align: center; font-size: 12px; font-weight: 500;
}
#header { display:none; }
html #listheader .headerBottom { padding: 17px 15px; height: auto; background: transparent; }
html #listheader .headerBottom .headerBottomRight .cart { 
    width: 14px; height: 20px; 
    background: url(/design/jstyle07/wib/img/icon/cart.png) no-repeat; background-size: 14px 18px;
    margin: 0; 
}
html #listheader .headerBottom > * { vertical-align: middle; }
html #listheader .headerBottom #search { 
    display: block; width: 100%; height: 100%; 
    background: url(/design/jstyle07/wib/img/bk2.png) no-repeat; background-position: center right 11px; 
}
html #listheader .headerBottom .headerBottomRight > * { float:none !Important; vertical-align: middle; display: inline-block !important; }
html #listheader .headerBottom .headerBottomLeft { padding: 0; display: inline-block; }
html #listheader .headerBottom .headerBottomRight { 
    position: relative; top: auto; right: auto; 
    display: inline-block; font-size: 0; width: 100%;
}
html #listheader .headerTop { margin-top: -1px; border: none; display: none; }
html #listheader .headerTop .swiper-slide a { font-size: 13px !important; color: #1b1b1b; padding: 20px 0 13px; }
html #listheader .headerTop .hidn_menu_wrap { display: none; }
/* html #container{} */
main { overflow: hidden; }

.rightt { position: absolute; right: 0; }
.rightt > * { display: inline-block; vertical-align: middle; }
.rightt>div:nth-child(1), 
.rightt>div:nth-child(2) { margin-right: 18px; }
.rightt>div:nth-child(2) img { width: 19px; }
.rightt>div:nth-child(1) img { width: 26px; }
.bgMask {
    display: none; width: 100%; height: 100%;
    position: fixed; top: 50px; left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 1000;
}

/* 로고 및 아이콘영역 */
#listheader { position: sticky; max-width: 640px; margin: 0 auto; background: #fff; z-index: 1000; top: 0; left: 0; }
#listheader .headerBottom { 
    position: relative; box-sizing: border-box;
    background: #fff; height: 54px; padding: 12px 0 12px 0; z-index: 99; 
}
#listheader .headerBottom.fixed { width: 100%; position: fixed; top: 48px; background: #fff; }
#listheader .headerBottom #menu { position: absolute; top: 15px; left: 12px; }
#listheader .headerBottom .headerBottomLeft { padding: 3px 0 3px 47px; }
#listheader .headerBottom .headerBottomRight { position: absolute; top: 16px; right: 12px; }
#listheader .headerBottom .headerBottomRight > a { display: block; float: left; margin: 0 0 0 15px; }
#listheader .headerBottom .headerBottomRight > a img,
#header .headerBottom #menu img {height:25px; }
#listheader .headerBottom .headerBottomRight .cart { position: relative; color: white; }
#listheader .headerBottom .headerBottomRight .cateName { 
    position: absolute; left: 50%; transform: translateX(-50%);
    font-size: 16px; font-weight: 600; text-align: center; 
    width: 70%; 
}
#listheader .headerBottom .headerBottomRight .cart sup {       
    position: absolute; top: -4px; right: -10px;
    display: block; width: 18px; height: 18px;
    background: #000; border-radius: 50%;
    color: #fff; font-size: 10px; text-align: center; line-height: 18px;
}
#listheader .headerBottom.fixed .headerBottomRight .cart { color: black; }

.category_list {
    overflow: hidden;
    position: sticky; top: 54px; left: 0;
    background: #fff; border-bottom: 1px solid #ddd;
    width: 100%; z-index: 1000;
}
.category_list.fixed { position: fixed; top: 57px; max-width: 640px; z-index: 11; overflow: hidden; }
.category_list .roll_bg {
    position: absolute; right: 0; top: 0px;
    width: 45px; height: 42px; background: url(/design/jstyle07/wib/img/icon/icon_cate_roll_bg.png) no-repeat;
    z-index: 4; display: none;
}
.category_list.swiper-container ul li { display: inline-block; width: auto !important; vertical-align: top; }
.category_list.swiper-container ul li:last-child { margin-right: 45px; }
.category_list.swiper-container ul li a { 
    margin: 17px 0 16px; padding: 0 20px;
    display: block; 
    color: #000; font-size:13px; line-height: 30px;
    /*border-right: 1px solid #ccc;*/
}
.category_list.swiper-container.bestCate ul li a.sel { background-color: #000; border-radius: 30px; color: #fff !important; }
.category_list.swiper-container.bestCate ul li a.on_page { font-weight: bold; }
.category_list.swiper-container.bestCate ul li:last-child a { border-right: none; }
.category_list.swiper-container.bestCate .swiper-button-prev,
.category_list.swiper-container.bestCate .swiper-button-next {
    background: #fff url('/design/jstyle07/wib/img/sub/mp_icon_arrow_prev.png') no-repeat center center; background-size: 8px;
    width: 32px; height: 30px; top: 28px; left: 0; opacity: 1;
}
.category_list.swiper-container .swiper-button-next { transform: rotate(180deg); left: auto; right: 0; display: none; }

/* 전체 카테고리 보기 */
.bgMask{
    display: none; width: 100%; height: 100%;
    position: fixed; top: 50px; left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 1000;
}
.allCateViewBox {
    display: none; width: 100%; max-height: 85%; box-sizing:border-box; background: #fff; overflow: auto !important;
    position: fixed; top: 50px; left: 0; padding: 10px 30px 20px; z-index: 1005;
}
.allCateViewBox .c_tabCon .gnb > li > a { position: relative; display: block; line-height: 40px; font-size: 14px; font-weight: bold; }
.allCateViewBox .c_tabCon .gnb > li > a span.c_enName { margin-left: 5px; font-size: 11px; font-weight: 500; color: #999; }
.allCateViewBox .c_tabCon .gnb > li > a i { position: absolute; top: 0; right: 0; font-size: 12px; line-height: 40px; text-align: right; }
.allCateViewBox .c_tabCon .lnb { padding: 13px 0; background: #f5f5f5; overflow: hidden; display: none; }
.allCateViewBox .c_tabCon .lnb > li { width: 50%; padding: 0 20px; box-sizing: border-box; }
.allCateViewBox .c_tabCon .lnb > li:nth-child(2n+1) { padding-right: 0; }
.allCateViewBox .c_tabCon .lnb > li a { display: block; font-size: 12px; line-height: 25px; }

/* 타이틀영역 */
.shopbrand h2 { text-align: center; font-size: 15px; font-weight: bold; padding-top: 10px; }

/* 베스트 상품 */
.best_product .items li { width: 40% !important; margin: 0 1px; }
.best_product .list_shoppingInfo { margin-top: 12px !important; padding: 0 8px !important; text-align: left !important; }
body .best_product .list_shoppingInfo .subName {
    display: block; width: 100%; height: 18px; margin: 5px 0 0;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.subName2 {
    display: block; width: 100%; height: 18px; margin: 5px 0 0; color: #515151;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.prod_manufacture { margin-top: 2px; margin-bottom: 2px; color: #6667c8; }
.best_product .thumb_wrap img.listPic { width: 100%; }

/* 일반상품 리스트 */
.shopbrand .MK_product_list { margin: 10px 0 30px; }
.shopbrand .MK_product_list .items { padding: 10px 0; }
.shopbrand .MK_product_list .items #MK_best_product li { width: 33.33%; }
.shopbrand .MK_product_list .items .paging-num { text-align: center; clear: both; margin: 20px 0; }
.shopbrand .MK_product_list .items .paging-num a { background-color: #fff; border: 1px solid #393939; padding: 5px 10px; margin: 0 10px; }
.shopbrand .list_group { padding: 12px 1%; text-align: center; display: none; }
.shopbrand .list_group select { width: 49%; height: 28px; }
.shopbrand .more .more-title { color: #3b3b3b; }
.shopbrand .more .more-num { color: #aaaaaa; }

.shopbrandTitle { max-width: 800px; }
.shopbrand .shopbrandTitle { margin-bottom: 25px; }
.shopbrand .shopbrandTitle img { width: 100%; }
.shopbrand .list_array .list_arrayRight img { width: 20px; height: auto; }

/* 200618 상품진열순 변경 */
.item-sort-wrap .item-order-wrap { position: relative; }
.item-sort-wrap .item-order-wrap .select {
    width: 143px; height: 28px;
    text-indent: 10px; line-height: 28px;
    background: url(/design/jstyle07/wib/img_pc/icon/list_arrow_bt.png) no-repeat; background-position: center right 10px;
    border: 1px solid #ddd; cursor: pointer
}
.item-sort-wrap .item-order-wrap .select.on {
    background: url(/design/jstyle07/wib/img_pc/icon/list_arrow_top.png) no-repeat; background-position: center right 10px;
}
.item-sort-wrap .item-order-wrap .item-order {
    border: 1px solid #ddd; box-sizing: border-box;
    padding: 10px 0; margin-top: -1px;
    line-height: 32px; text-indent: 10px;
    position: absolute; top: 30px;
    width: 100%; background: #fff;
    z-index: 2; display: none;
}
.item-sort-wrap .item-order-wrap .item-order li { cursor: pointer; }
.item-sort-wrap .item-order-wrap .item-order li a { display: block; line-height: 32px; }

/* 할인율 */
.list_shoppingInfo .dc_info,
.list_shoppingInfo .dc_perc {
    color: #46479b; font-size: 13px; font-weight: bold; vertical-align: middle;
    display: inline-block;
    margin-left: 5px;
    margin: 5px 0 0 5px;
    /* float: right; */
}
.list_shopping3x .list_shoppingInfo .dc_info,
.list_shopping3x .list_shoppingInfo .dc_perc { display: none; }

/* 롤링 오픈메뉴 영역 */
.hidn_menu_wrap { position: relative; top: -54px; display: block; width: 100%; z-index: 1001; }
.hidn_menu_wrap.fixed {
    position: fixed; top: 54px; /*210914 원래 top: 129px 다미 수정*/ 
    max-width: 640px;
}
.hidn_menu_wrap .hidn_menu_box{
    position: absolute;
    width: 100%; background: #fff;
    display: none;
}
.hidn_menu_wrap .hidn_menu_box .tit { display: inline-block; font-size: 14px; color: #000; padding: 14px 13px; }
.hidn_menu_wrap .hidn_menu_box .tit a { display: block; width: auto; border: 0; font-size: 14px; margin: 0; padding: 0; }
.hidn_menu_wrap .hidn_menu_box .tit img { width: 20px; vertical-align: middle; padding-right: 10px; }
.hidn_menu_wrap .hidn_menu_box > div {
    border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;
    line-height: 100%; text-align: left; font-size: 0; letter-spacing: 0;
    padding: 9px 40px 9px 18px;
}
.hidn_menu_wrap .hidn_menu_box > div > li { width: 33.3%; display: inline-block; }
.hidn_menu_wrap .hidn_menu_box a {
    display: inline-block; font-size: 13px; vertical-align: top; line-height: 100%; color: #000;
    width: 100%; height: auto; box-sizing: border-box; padding: 11px 0;
}
.hidn_menu_wrap .menu_link { position: absolute; right: 0; top: 5px; display: block; z-index: 11; width: 42px; height: 45px; }
.hidn_menu_wrap .menu_link img { width: auto; height: 45px; }

.prod_manufacture { margin-top: 2px; margin-bottom: 2px; color:#6667c8; }

/* 250703 일반분류 카테고리 리스트 영역 복붙 */
.moreBtn {width: 36px; margin: 30px auto 0; color: #000;}
.moreBtn i {
    display: block; width: 36px; height: 36px;
    line-height: 34px; text-align: center;
    border: 1px solid #ddd; border-radius: 18px;
}
.moreBtn span { display: block; padding-top: 5px; text-align: center; font-size: 12px; font-weight: 500; }


/* 당발 카테고리 타이틀 css */
.dayTodayDlvr_cate_title,
.dayTodayDlvr__wrap { position: relative; }
.dayTodayDlvr_cate_title img { width: 100%; display: block; }
/* 유의사항 부분 css */
.notice__wrap--more { position: relative; cursor: pointer; display: block; }
.notice__wrap--more img { margin-top: 0; }
.notice__wrap--notice {
    overflow: hidden;
    height: 0px;
    transition-property: height;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    z-index: -99;
}
.notice__wrap--notice.active { height: 100%; }
.dayTodayDlvr_cate_title .goDlvr { position: absolute; left: 15.75%; top: 65.58%; width: 67.38%; height: 4.99%; }
/* BASIC css end */