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

/* 메인 비쥬얼 배너 (롤링배너) */
#mainSpot .swiper-pagination {display: table; position: absolute; left: auto !important; right: 43px; bottom: 16px !important; width: 45px; height: 29px; line-height: 29px; background-color: rgba(0,0,0,0.1); text-align: center; color: #fff; font-size: .7rem; font-weight: bold;}
#mainSpot .swiper-button-prev {display: block; background: url(//skin.makeshop.co.kr/skin/allshop/m/icon/mainbanleft.png) center no-repeat; background-size: 22%; left: auto; right: 89px; border-radius: 20px 0 0 20px;}
#mainSpot .swiper-button-next {display: block; background: url(//skin.makeshop.co.kr/skin/allshop/m/icon/mainbanright.png) center no-repeat; background-size: 22%; right: 19px; border-radius: 0 20px 20px 0;}
#mainSpot .swiper-button-next:after, #mainSpot .swiper-button-prev:after { font-family: inherit !important; font-size: 0}
#mainSpot .swiper-button-next, #mainSpot .swiper-button-prev { top: auto !important; bottom: 16px; width: 23px; height: 29px; margin-top: 0 !important; background-color: rgba(0,0,0,0.1); outline: 0;}

/* 썸네일 이미지 border-radius */

/* 신상품 / 주간 베스트셀러 */
.productList ul.items li .thumb img {
    border-radius: 3%;
}

/* 탭 상품 영역 */
.tabarea .item-list dt.thumb img {
    border-radius: 3%;
}

.productList ul.items li .thumb,
.tabarea .item-list dt.thumb {
    overflow: hidden;
    border-radius: 3%;
}

/* 포커스온 상품 썸네일 border-radius */
.focus .list_shopping2x .items li figure img.listPic {
    border-radius: 3%;
}

/* 포커스온 */
.focus{ outline: 0; border: 0;}
.focus .cateTit{ padding: 60px 0 20px; position: relative; text-align: center;}
.focus .cateTit h3 { color: #181818; font-weight: bold; line-height: 20px; font-family: 'Roboto', sans-serif; font-size: 1.2rem;}
.focus .list_shopping2x .items{ padding: 0;}
.focus .list_shopping2x .items li a{outline: 0;}
.focus .list_shopping2x .items li:nth-of-type(2n-1) a{ padding: 10px 5px 0 0;}
.focus .list_shopping2x .items li:nth-of-type(2n) a{ padding: 10px 0 0 5px;}
.focus .slick-slide{outline: 0; border: 0;}
.focus .slick-dots{position: absolute; top: 15px; right: 15px;}
.focus .slick-dots li{float: left; border-bottom: 1px solid #fff;}
.focus .slick-dots li.slick-active{ border-bottom: 2px solid #000;}
.focus .slick-dots li button{ padding: 0px 6px 6px; font-size: .9rem; color: #fff; font-family: 'Lato', sans-serif; background: none; outline: 0; border: 0;}

/* ico / price 이식 - 포커스온 */
.focus .list_shopping2x .items li .list_shoppingInfo .ico {
    font-size: 0;
    padding: 4px 0 2px;
    margin: 0;
    text-align: center;
    line-height: 1;
}
.focus .list_shopping2x .items li .list_shoppingInfo .price .listPrice {
    color: #000;
    font-size: 12px;
    line-height: 16px;
    padding: 0;
    margin: 0;
}
.focus .list_shopping2x .items li .list_shoppingInfo .price .listDiscount {
    color: #888;
    font-size: 11px;
    line-height: 16px;
    padding: 0;
    margin: 0;
}
.focus .list_shopping2x .items li .list_shoppingInfo .price .listDiscount del {
    text-decoration: line-through;
}
.focus .list_shopping2x .items li .list_shoppingInfo .price .listSoldout {
    color: #999;
    font-size: 12px;
    padding: 0; margin: 0;
}
.focus .list_shopping2x .items li .list_shoppingInfo .price .listReplce {
    color: #333;
    font-size: 12px;
    padding: 0; margin: 0;
}
.focus .list_shopping2x .items li .list_shoppingInfo .ico img {
    height: 16px;
    width: auto;
    display: inline-block;
}

/* 쿠폰 혜택 버튼 */
.main .coupon-benefit {position:relative; margin:-25px 0 10px 0}
.main .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.main .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.main .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }


.mainMenuWrap {position:relative;overflow:hidden}
.mainMenuWrap nav.mainMenu {border-bottom: 1px solid #eee;}
.mainMenuWrap nav.mainMenu ul {width:100%;}
.mainMenuWrap nav.mainMenu ul li {width: 33%;text-align:center;float: left;height: 42px;border-top: 1px solid #eee;border-right: 1px solid #eee;}
.mainMenuWrap nav.mainMenu ul li a{display:block;width:100%;line-height:0;background:#fff}
.mainMenuWrap nav.mainMenu ul li a span.ico{display:inline-block;width:25px;height:25px;background:url(/design/gayamy/m/main/main_icon.png) 0 0 no-repeat;background-size:25px auto; margin-top:2px; }
.mainMenuWrap nav.mainMenu ul li a span.ico1{background-position:0 0}
.mainMenuWrap nav.mainMenu ul li a span.ico2{background-position:0 -25px}
.mainMenuWrap nav.mainMenu ul li a span.ico3{background-position:0 -50px}
.mainMenuWrap nav.mainMenu ul li a span.ico4{background-position:0 -75px}
.mainMenuWrap nav.mainMenu ul li a span.ico5{background-position:0 -100px}
.mainMenuWrap nav.mainMenu ul li a span.ico6{background-position:0 -125px}
.mainMenuWrap nav.mainMenu ul li a span.tx {display:block;color:#555;font-size:11px;font-weight:bold;letter-spacing:-1px;vertical-align:top;line-height:12px;padding-bottom:2px}

/* 메인 컨텐츠 */
.contBx {position:relative;width:100%;}

/* 이미지 배너 */
.contBx .inner {padding: 0;}
.contBx .inner .imgBanner {}
.contBx .inner .imgBanner ul {display:table;width:100%;}
.contBx .inner .imgBanner ul li {width: 100%;text-align: center;margin-bottom: 1%;}
.contBx .inner .imgBanner ul li:last-child {border-right:none;margin-bottom:0}
.contBx .inner .imgBanner ul li img {width: 100%;}
.contBx .bottomBanner {position:relative;padding:  0;width:100%;}
.contBx .bottomBanner img {width:100%;}

/* 컨텐츠 타이틀 */
.main_tit { padding: 40px 0 20px; position:relative;width:100%;text-align:center;border-top:1px solid #fff;border-bottom:1px solid #e7e7e7;}
.main_tit h2 { color: #181818; font-weight: bold; line-height: 20px; font-family: 'Roboto', sans-serif; font-size: 1.2rem;}
.main_tit h2 span {color:#ea0000;}
.main_tit-sub { font-size: 0.8rem; color: #555; font-family: 'Roboto', sans-serif; margin-top: 8px;}

/* 제품 */
.productList {position:relative;border-bottom:1px solid #fff;background:#fff}
.productList ul {padding-top: 15px;}

/* 신상품/베스트/재입고 - 2열 4행 레이아웃 */
.productList ul.items {
    display: flex;
    flex-wrap: wrap;
    padding-top: 15px;
}
.productList ul.items li {
    width: 50%;
    box-sizing: border-box;
}

/* 더보기 */
.productList .more-wrap {padding: 14px 0; text-align: center; border-top: 1px solid #e8e8e8;}
.productList .more-wrap .btn-more {display: inline-block; padding: 9px 30px; border: 1px solid #2f2f2f; color: #2f2f2f; font-size: .8rem; font-family: 'Roboto', sans-serif; letter-spacing: -0.5px;}


/* 제품 슬라이드 */
.productSlide {margin-bottom:8px;position:relative;border-bottom:1px solid #cfcfcf;background:#fff}
.productSlide .main_tit h2 {text-indent:-9999em;margin:0 auto}
.productSlide ul {padding-top:20px;width:100%}
.productSlide ul li {padding-bottom:20px;float:left;text-align:center;zoom:1}
.productSlide ul li .thumb {margin:0 auto;width:118px;height:118px;border:1px solid #cfcfcf}
.productSlide ul li .thumb img {width:100%}
.productSlide ul li dl {padding-top:10px;font-size:12px;color:#2f2f2f}
.productSlide ul li dl .brand {font-weight:bold}
.productSlide ul li dl dt {display:-webkit-box;padding:0 5px;height:32px;line-height:16px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.productSlide ul li dl .price {padding-top:5px;color:#e20021;line-height:14px}
.productSlide ul li dl .price .strike {color:#888 !important;text-decoration:line-through}
.productSlide ul li dl .ico {padding-top:5px}
.productSlide .bx-controls {margin: 25px 0 10px;}
.productSlide .bx-pager {text-align:center}
.productSlide .bx-pager .bx-pager-item {display:inline-block;margin:0 5px}
.productSlide .bx-pager .bx-pager-item a {display:block;width:10px;height:10px;text-indent:-9999em;border-radius:10px;background: #bbb;}
.productSlide .bx-pager .bx-pager-item a.active {background:#83d814}

/* 슬라이트 컨트롤 부분(브랜드 이미지 슬라이드) */
.contBx{
        position:relative;
}
.brandslide{
        padding:10px 0 0px 0;
}
.brandslide .swiper-pagination {
	position: absolute;
	bottom: 0;
	width: auto !important;
	left: 50%;
	margin-bottom:-6px;
        transform: translate(-50%,-50%);
        display: none; /* ← 이 줄 추가 */
}
.brandslide .swiper-button-prev,
.brandslide .swiper-button-next {
        display:none;
}
.brandslide .swiper-wrapper .swiper-slide{
        overflow:hidden;
}
.brandslide .swiper-wrapper .swiper-slide img{
        width:90%;
        box-sizing: border-box;
}

/* 슬라이트 컨트롤 부분(카테고리 이미지 슬라이드) */
.swiper-container2{
        padding: 10px 0;
        
}
.swiper-container2 .swiper{
        width: 100%;
        padding-top: 50px;
        padding-bottom: 50px;
}
.swiper-container2 .swiper-pagination {
	display:none;
}
.swiper-button-prev {
        display:none;
}
.swiper-button-next {
        display:none;
}
.swiper-container2 .swiper-wrapper .swiper-slide{
        background-position: center;
        background-size: cover;
}
.swiper-container2 .swiper-wrapper .swiper-slide img{
        width:100%;
        display: block;
        border-left:1px solid #ffffff;
        border-right:1px solid #ffffff;
}

/* ================================================
   탭 상품 영역
================================================ */
/* cateTit */
.tabarea .cateTit { padding: 60px 0 30px; position: relative; text-align: center; }
.tabarea .cateTit h3 { color: #181818; font-weight: bold; line-height: 20px; font-family: 'Roboto', sans-serif; font-size: 1.2rem; }

/* 탭 버튼 nav */
.tabarea .tab-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 10px 20px;
    gap: 7px;
    background: #fff;
    border-bottom: 1px solid #eee;
}
.tabarea .tab-nav::-webkit-scrollbar { display: none; }
.tabarea .tab-btn {
    display: inline-block;
    flex-shrink: 0;
    width: calc(33.33% - 18px); /* ← 이 줄 추가 */
    text-align: center;         /* ← 이 줄 추가 */
    padding: 6px 14px;
    border: 1px solid #ccc;
    border-radius: 20px;
    background: #fff;
    color: #555;
    font-size: 12px;
    font-family: "맑은 고딕", 'Malgun Gothic', sans-serif;
    cursor: pointer;
    outline: 0;
}
.tabarea .tab-btn.active {
    background: #222;
    border-color: #222;
    color: #fff;
    font-weight: bold;
}

/* item-wrap 기본 숨김 / active만 표시 */
.tabarea .item_container .item-wrap { display: none; }
.tabarea .item_container .item-wrap.active { display: block; }

/* 탭 상품 그리드 - 2열 */
.tabarea .item_container .item-wrap .item-cont { font-size: 0; text-align: left; }
.tabarea .item_container .item-wrap .item-cont .item-list {
    display: inline-block;
    position: relative;
    width: 50%;
    margin: -1px 0 0;
    padding: 0;
    border: 1px solid #fff;
    border-left: 0;
    box-sizing: border-box;
    vertical-align: top;
}
.tabarea .item_container .item-wrap .item-cont .item-list img { width: 97%; }
.tabarea .item_container .item-wrap .item-cont .item-list .thumb a,
.tabarea .item_container .item-wrap .item-cont .item-list .prd-info a { outline: 0; border: 0; }
.tabarea .item_container .item-wrap .item-cont .item-list .prd-info { padding: 10px 0 20px; text-align: center; }

/* ico / price */
.tabarea .item_container .item-wrap .item-cont .item-list .prd-info ul .ico {
    font-size: 0;
    padding: 3px 0 2px;
    text-align: center;
    list-style: none;
}
.tabarea .item_container .item-wrap .item-cont .item-list .prd-info ul .ico img {
    height: 16px;
    width: auto;
    display: inline-block;
}
.tabarea .item_container .item-wrap .item-cont .item-list .prd-info ul .prd-name {
    font-size: 12px;
    line-height: 1.4;
    color: #2f2f2f;
    list-style: none;
    padding: 2px 0;
}
.tabarea .item_container .item-wrap .item-cont .item-list .prd-info .prd-price {
    list-style: none;
    padding: 0;
    margin: 0;
}
.tabarea .item_container .item-wrap .item-cont .item-list .prd-info .prd-price .listPrice {
    color: #e20021;
    font-size: 12px;
    line-height: 16px;
    padding: 0;
    margin: 0;
}
.tabarea .item_container .item-wrap .item-cont .item-list .prd-info .prd-price .listDiscount {
    color: #888;
    font-size: 11px;
    line-height: 16px;
    padding: 0;
    margin: 0;
}
.tabarea .item_container .item-wrap .item-cont .item-list .prd-info .prd-price .listDiscount del {
    text-decoration: line-through;
}
.tabarea .item_container .item-wrap .item-cont .item-list .prd-info .prd-price .listSoldout {
    color: #999;
    font-size: 12px;
    padding: 0; margin: 0;
}
.tabarea .item_container .item-wrap .item-cont .item-list .prd-info .prd-price .listReplce {
    color: #333;
    font-size: 12px;
    padding: 0; margin: 0;
}
/* BASIC css end */