/* BASIC css start */
#container { padding:0; margin:0; }


/* 메인 이미지 연동 배너 */
#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/finedrive/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/finedrive/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;
    padding-top: 20px; }
.middleBanner ul { clear:both; margin:0 2px; }
.middleBanner li { float:left; width:33%; box-sizing:border-box; }
.middleBanner li a { display:block; margin:2px; }
.middleBanner li a img { width:100%; height:auto; }
.midB1, .midB2, .midB3 {display:block;padding:20px;text-indent:-9999px;margin-bottom:6px;}
.middleBanner li .midB1 {background:url(/design/finedrive/Banner/test-1.jpg) no-repeat center/50px auto;}
.middleBanner li .midB2 {background:url(/design/finedrive/Banner/test-2.jpg) no-repeat center/50px auto;}
.middleBanner li .midB3 {background:url(/design/finedrive/onedesign2/mobile/images/mainbanner03.jpg) no-repeat center/50px auto;}
/*
.middleBanner li .midB1 {background:url(/design/finedrive/onedesign2/mobile/images/mainbanner01.jpg) no-repeat center/50px auto;}
.middleBanner li .midB2 {background:url(/design/finedrive/onedesign2/mobile/images/mainbanner02.jpg) no-repeat center/50px auto;}
.middleBanner li .midB3 {background:url(/design/finedrive/onedesign2/mobile/images/mainbanner03.jpg) no-repeat center/50px auto;}
*/

.middleBanner li span { font-family: 'Montserrat', 'Nanum Gothic', Sans-serif; font-size:11px;color:#545454;line-height:1.4em;}
.middleBanner li p { font-family:'Nanum Gothic', Sans-serif;font-size:7px;color:#555;letter-spacing:0px;line-height:1.4em;}

/* 메인 타이틀 */
.main_title { clear:both; margin:30px auto 20px; text-align:center; }
.main_title h3 { display:block; padding:0; font-size:14px;  color:#000;letter-spacing:1px; font-weight:bold; font-family: 'Archivo Narrow', 'Nanum Gothic', Sans-serif;}
.main_title p {margin-bottom:2px;}
.main_title span { display:block; padding:0; font-size:10px; letter-spacing:0; color:#545454; font-weight:normal; font-family: 'Montserrat', 'Nanum Gothic', Sans-serif;}

/* 추천배너 */
.recmdBnnaer { clear:both; margin:20px auto 0; text-align:center;padding-bottom:10px;}
.recmdBnnaer>.rc2>.main_title {position:relative;width:100%; line-height:14px;height:130px; background:url(/design/finedrive/Banner/main_line_1920x900.jpg) no-repeat bottom/100% auto;}
/* .recmdBnnaer>.rc2>.main_title {position:relative;width:100%; line-height:14px;height:130px; background:url(/design/finedrive/Banner/main_line_1920x900.jpg) no-repeat center/100% auto;} */
.recmdBnnaer>.rc2>.main_title>h3 {position:absolute;top:50px;color:#fff;width:100%;text-align:center;}
.recmdBnnaer>.rc2>.main_title>span {position:absolute;top:70px;left:50%;margin-left:-114px;color:#fff;padding:5px 10px;float:center;border:1px solid #fff;}


/* 상품 이름 폰트 크기 조절 */
.listName.bold {
  font-size: 10px; word-break: keep-all;
}


/* BASIC css end */