/* BASIC css start */
/* MAIN */

/* 메인 공통 타이틀 */
.title_main,
.title_main2 { clear:both; width:100%; margin:0 auto 40px; padding-top:40px; text-align:center; }
.title_main span,
.title_main2 span { width:100%; line-height:20px; font-family:'Georgia'; font-style:italic; font-size:11px; color:#bababa; }
.title_main h2:after,
.title_main2 em:after { content:""; display:block; width:35px; height:5px; padding-bottom:7px; margin:0 auto; background:url(/design/bebeya/onedesign/mobile/images/bg_title.png) center bottom no-repeat; background-size:35px 5px; }
.title_main h2,
.title_main2 em { display:inline-block; *display:inline; *zoom:1; width:100%; line-height:25px; font-size:15px; font-weight:bold; letter-spacing:1px; color:#c4b3ab; }
.title_new { padding-top:50px !important; }

.main_title { display:inline-block; clear:both; width:100%; line-height:25px; text-align:center; font-family: 'Noto Sans KR', 'Nanum Gothic', 'Open Sans', sans-serif; font-weight:400; letter-spacing:0.02em; padding:50px 0 30px !important; }
.main_title::after { content:""; display:block; width:40px; height:1px; margin:0 auto; background:url(/design/bebeya/onedesign/mobile/images/bg_title.png) bottom center repeat; background-size:100% 100%; }
.main_title em { font-size:20px; color:#333; }
.main_title span { display:block; font-size:12px; color:#999; padding-bottom:10px; }
.main_title span a { font-size:12px; color:#999; }

/* 메인 롤링 배너 */
#event .MS_img-wrap { position:relative; width:100%; overflow:hidden; }
#event .event-imgs { position:relative; }
#event .MS_img-area { float:left; }
#event .MS_img-area:not(:first-child) { display:none; }
#event .MS_img-area img { width:100%; }
#event .pagination { position:absolute; bottom:20px; left:0; text-align:center; width:100%; font-size:0; line-height:0; }
#event .pagination .swiper-pagination-switch { display:inline-block; margin:0 4px; text-indent:-9999px; background:url("/design/bebeya/onedesign/mobile/images/main_btn_01.png") no-repeat 0 0; background-size:10px 10px; width:10px; height:10px; }
#event .pagination .swiper-active-switch { background:url("/design/bebeya/onedesign/mobile/images/main_btn_02.png") no-repeat 0 0; background-size:10px 10px; }

/* 메인 갤러리 게시판 */
.gall_box { clear:both; width:100%; border-bottom:3px double #e0e0e0; }
.gall_box .thumbType { position:relative; font-size:0; }
.gall_box .thumbType img { max-width:100%; min-width:90px; }
.gall_box .thumbType { display:table; table-layout:fixed; box-sizing:border-box; /*width:100%;*/ margin:0 7px; }
.gall_box .thumbType li { display:inline-block; margin:0 0 40px; vertical-align:top; }
.gall_box .thumbnail { padding:0 3px; }
.gall_box .thumbnail a { position:relative; display:block; width:100%; height:100%; font-size:0; }
.gall_box .thumbnail em { position:absolute; top:0; right:0; z-index:11; width:30px; height:30px; line-height:30px; background:#c4b3a9 0 0 no-repeat; filter:alpha(opacity=50); opacity:.50; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; font-size:8px; font-weight:bold; font-style:normal; color:#fff; text-align:center; }
.gall_box .thumbnail em.first { background:url(/design/bebeya/onedesign/mobile/images/icon_lookbook.png) 0 0 no-repeat; background-size:100%; }
.gall_box .thumbnail img { width:100%; }
.gall_box .thumbType.grid2 li { width:50%; }
.gall_box .thumbType.grid3 li { width:33.33%; }
.gall_box .thumbType.grid4 li { width:25%; }
.gall_box .thumbType.grid5 li { width:20%; }

/* 메인 이벤트 배너 */
.main_banner_warp { clear:both; margin:0 7px; text-align:center; padding-top:40px; }
.main_banner_warp ul li { float:left; width:50%; }
.main_banner_warp ul li a { display:block; margin:0 3px; }
.main_banner_warp ul li img { width:100%; height:auto; }

/* 추천상품 상품명 */
.recmd_pro li { position:relative; vertical-align:top; }
.recmd_pro li a p { position:absolute; left:10px; bottom:18px; z-index:2; margin-right:5px; padding:3px 5px; background:#fff; font-size:9px; line-height:14px; color:#888; overflow:hidden; }

/* 중앙 배너 */
.middle_banner { clear:both; width:100%; margin:0 auto; padding-top:50px; background:#fff; }
.middle_banner img { width:100%; height:auto; }



/* BASIC css end */