/* BASIC css start */
/* 메인 이미지 연동 배너 */
#MS_event .clearFix { overflow:visible !important;}
#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 !important; bottom:15px; z-index:10; text-align:center; width:100%; cursor:pointer;}
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 3px; text-indent: -9999px; background: url(/design/febroast/onedesign2/mobile/images/btn_mainimg_off.png) no-repeat center center; background-size: 100% 100%; width:10px; height:10px; }
#event .pagination .swiper-active-switch { background: url(/design/febroast/onedesign2/mobile/images/btn_mainimg_on.png) no-repeat center center; background-size: 100% 100%; width:10px; height:10px;}

/* 중앙배너 */
.middleBanner { clear:both; margin:2px auto; height:auto; overflow:hidden; text-align:center; }
.middleBanner ul { clear:both; margin:0 2px; }
.middleBanner li { float:left; width:50%; box-sizing:border-box; }
.middleBanner li a { display:block; margin:2px; }
.middleBanner li a img { width:100%; height:auto; }

/* 메인 타이틀 */
.main_title { clear:both; margin:30px auto 20px; text-align:center; }
.main_title h3 { display:block; padding:10px 0 0; font-size:11px; letter-spacing:1px; color:#222; font-weight:normal; font-family:'Montserrat', 'Noto Sans KR', 'Nanum Gothic', Sans-serif; background:url(/design/febroast/onedesign2/mobile/images/bg_titie.png) 50% 0 no-repeat; background-size:23px 3px; }

/* 추천배너 */
.recmdBnnaer { display:none; clear:both; margin:40px auto 0; border-top:3px solid #f6f6f6; text-align:center; }
.recmdBnnaer h2 { display:block; padding:10px 0; font-size:11px; letter-spacing:1px; color:#222; font-weight:normal; font-family:'Montserrat', 'Noto Sans KR', 'Nanum Gothic', Sans-serif; }
.recmdBnnaer p { width:100%; height:auto; margin:2px 0; }
.recmdBnnaer p img { width:100%; height:auto; }








/* BASIC css end */

