/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
#container.mainArea {margin-top: 110px;}


/* 롤링배너 */
.mainSwiper {position:relative;overflow: hidden;}
.mainSwiper a{display: block; width: 100%}
.mainSwiper .swiper-slide a img{width: 100%}
.mainSwiper .swiper-pagination {bottom: 20px;left: auto;right: 16px;width: auto;padding: 0 10px;color: #fff;font-size: 12px;font-weight: 500;border-radius: 100px;background-color: rgba(17, 17, 17, 0.7);line-height: 22px;height: 22px;}
/* //롤링배너 */

/* 타이틀 */
.cateTit {padding: 53px 0 23px; text-align: center;}
.cateTit .title {font-size: 24px;font-weight: 700;line-height: 29px;color: #222;}
.cateTit .sub-title {margin-top: 4px;color: #777;font-size: 13px;font-weight: 400;line-height: 16px;padding: 0 36px;word-break: keep-all;}

.product-wrap {padding-bottom: 20px;}


/* 카테고리 탭 영역 */   
.categorys {margin-top: 40px;} 
.categorys .title-box { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; padding:0px 15px; } 
.categorys .title-box h6 { color:#000; font-size:21px; font-weight:800; line-height:25px; } 
.categorys .title-box .tabs { display:flex; height:25px; border:1px solid #cccccc; border-radius:12.5px; box-sizing:border-box; overflow:hidden; } 
.categorys .title-box .tabs button { width:69px; height:23px; background:#fff; border:none; color:#000; font-size:10px; font-weight:300; text-align:center; } 
.categorys .title-box .tabs button.current { background:#000; color:#fff; } 
.categorys .tab-view { position:absolute; top:-99999px; left:-99999px; width:100%; } 
.categorys .tab-view.current { position:static; top:unset; left:unset; } 
.categorys .tab-view .swiper { padding-bottom:15px; padding-left:10px; } 
.categorys .tab-view .swiper-slide { width:85px; margin-right:8px; } 
.categorys .tab-view .swiper-slide .icon { position:relative; display:flex; justify-content:center; align-items:center; } 
.categorys .tab-view .swiper-slide .icon img { width:100%; height:auto; } 
.categorys .tab-view .swiper-slide .icon p { position:absolute; z-index:1; color:#ffffff; font-size:11px; font-weight:800; line-height:10px; text-align:center; } 
.categorys .tab-view .swiper-slide > p { margin-top:7px; color:#000; font-size:15px; line-height:16px; text-align:center; } 
.categorys .tab-view .swiper-scrollbar { left:15px; right:15px; bottom:0px; width:auto; height:3px; background:#f3f3f3; border-radius:1.5px; overflow:hidden; } 
.categorys .tab-view .swiper-scrollbar .swiper-scrollbar-drag { background:#cccccc; border-radius:none; } 
.categorys .tab-view .swiper.swiper-initialized { padding-left:0px; } 
.categorys .tab-view .swiper.swiper-initialized .swiper-slide { margin-right:0px; } 

.top_tit {position:relative;background:#f7f0e8;text-align:center;padding: 7px 0;} 
.top_tit .top_tit_inner {position:relative;max-width:1440px;margin:0 auto; } 
.top_tit .top_tit_inner a {display:inline-block; } 
.top_tit .top_tit_inner a img{width: 170px;}

.g_cate_wrap {position:relative;background:#f7f0e8;padding: 0 0 46px;} 
.g_cate_wrap .g_cate_list {display:flex;justify-content: flex-start;flex-wrap:wrap;gap: 17px 6px;text-align: center;width: 358px;margin: 0 auto;} 
.g_cate_wrap .g_cate_list a {width: 85px;text-align:center;font-size: 12px;font-weight:500;color:#1b1b1b;} 
.g_cate_wrap .g_cate_list a img {width:100%;margin-bottom: 8px;} 

/* BASIC css end */


/* BASIC css end */