/* BASIC css start */
/******************************************************* Main *******************************************************/

/* 메인 타이틀 */
.main_title { clear:both; margin:80px 10px 30px; text-align:left; }
.main_title h3 { display:block; font-size:22px; color:#333; font-weight:normal; font-family:'Cardo', 'Jeju Myeongjo', Sans-serif; }
.mainCon{margin-top:80px;}


/* 메인 슬라이드배너 */
#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:15px; z-index:10; width:100%; text-align:center; font-size:0; line-height:0; background-color:transparent; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 3px; text-indent:-9999px; width: 20px; height: 6px; border:1px solid rgba(255,255,255,0.8); box-sizing:border-box;}
#event .pagination .swiper-active-switch { border:0; background: rgba(255,255,255,0.8); }


/* 상단배너(회사소개) */
#ban_about{margin:25px 25px 0; text-align:right;}
#ban_about .txtArea{margin-bottom:20px;}
#ban_about .txtArea .info{text-align:left; letter-spacing:0.5px;}
#ban_about img{width:100%; margin-bottom:20px;}
#ban_about .btn{}
/* //상단배너(회사소개) */


/* 중간배너 */
#ban_middle{position:relative;}
#ban_middle img{width:100%;}
#ban_middle .txtArea{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:88%; height:72%; background:rgba(255,255,255,1); padding:4px; box-sizing:border-box;}
#ban_middle .txtArea .line{width:100%; height:100%; border:1px solid #555; text-align:center; color:#333; box-sizing:border-box; position:relative;}
#ban_middle .txtArea .line .inner{width:100%;position:absolute; top:50%; transform: translateY(-50%);}

#ban_middle .txtArea h3{font-size:16px; font-family:'Cardo', 'Jeju Myeongjo', Sans-serif;}
#ban_middle .txtArea p{font-size:11px; margin-top:10px; letter-spacing:0.5px;}
#ban_middle .txtArea p span{text-decoration:underline;}

/*페이저*/ 
.bx_1 .bx-wrapper .bx-pager{bottom:-24px; text-align:right; padding-right:25px; box-sizing:border-box;} /*위치*/
.bx_1 .bx-wrapper .bx-pager.bx-default-pager a{width:20px; height:6px; border-radius:0px; background:#fff; border-color:rgba(82,81,80,0.7); margin: 0 3px; box-sizing:border-box;} /* 버튼디자인 */ 
.bx_1 .bx-wrapper .bx-pager.bx-default-pager a.active{background:rgba(82,81,80,0.8); border:0;}
/* //중간배너 */


/* 추천상품 */
.mainCon.bx_2{margin:100px 40px 0;}

.bx_2 li .listPic{max-width:100%; margin:0 0 15px !important;}
.bx_2 .list_shoppingInfo .listName{font-size:16px; font-family:'Cardo', 'Jeju Myeongjo', Sans-serif;}
.bx_2 .list_shoppingInfo .listSubname{margin:5px 0 0; color:#777;}

/*화살표사용할때*/ 
.bx_2 .bx-wrapper .bx-controls-direction{width:100%; height:70px; position:absolute; top:45%; transform:translateY(-50%);}  
.bx_2 .bx-wrapper .bx-controls-direction a{display:inline-block; width:70px; height: 15px; text-indent:-9999px;} 
.bx_2 .bx-wrapper .bx-controls-direction .bx-prev{background: url(/design/mizadam/onedesign/mobile/images/arrow_left.png) no-repeat; background-size:70px auto; left:-25px;} 
.bx_2 .bx-wrapper .bx-controls-direction .bx-next{background: url(/design/mizadam/onedesign/mobile/images/arrow_right.png) no-repeat; background-size:70px auto;  right:-25px;} 
/* //추천상품 */


/* BASIC css end */