/* BASIC css start */
/* HEADER */

#header .header { z-index:300; position:relative; text-align:center; }

/* 최상단 */
#headerTop { position:fixed; top:0; left:0; z-index:2; width:100%; background: #fff; border-top:4px solid #adcbd5; border-bottom:1px solid #e5e5e5;}
#header .header_top_icon a { width:20px; height:20px; display:block; font-size:0; }
#header .icon_cart a { position:absolute; top:21px; left:20px; z-index:2; background:url(/design/bebeya/onedesign/mobile/images/icon_cart.png) 0 0 no-repeat; background-size:100%; }
#header .icon_member a { position:absolute; top:21px; right:20px; z-index:2; background:url(/design/bebeya/onedesign/mobile/images/icon_member.png) 0 0 no-repeat; background-size:100%; }

/* 로고 */
#header h1 { text-align:center; width:100%; height:60px; }
#header h1 img { max-width:100%; height:100%; vertical-align:middle; }

/* 카테고리 */
#topArea { position:relative; clear:both; width:100%; padding-top:64px; }

/* 카테고리 스와이퍼 */
.swiper-container { position:relative; width:100%; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5;}
.bg_cate_left { position:absolute; top:0; left:0; z-index:2; }
.bg_cate_right { position:absolute; top:0; right:0; z-index:2; }
.swiper-slide {
	 float:left; display:inline-block; /*width:25%;*/ line-height:40px; border-left:0px solid #e5e5e5; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; 
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-slide a { width:100%; font-family: 'Karla', 'Nanum Gothic', 'Open Sans', sans-serif; font-weight:400; font-size:12px; color:#888; letter-spacing:0.02em; line-height:40px; }
.swiper-container .swiper-slide:first-child{margin-left:0;}

/* 커뮤니티 */
#community { display:none; background:#adcbd5; }
#community2 { display:none; background:#adcbd5; }

#topArea ul { clear:both; height:41px; }
#topArea ul li { float:left; display:inline-block; width:20%; line-height:40px; border-left:0px solid #e5e5e5; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; }
#topArea ul li a { width:100%; font-family: 'Karla', 'Nanum Gothic', 'Open Sans', sans-serif; font-weight:400; font-size:12px; color:#fff; letter-spacing:0.02em; line-height:40px; }



/* BASIC css end */