@charset 'UTF-8';
* { font-family:'Pretendard'; font-weight:400; }
body { max-width:768px; width:100%; margin:0 auto; }
.m_wrap { margin:0 20px; }



.bottom_nav { position:fixed; bottom:0; background-color:#DC000B; max-width:768px; width:100%; z-index:1000; }
.bottom_nav ul {  }
.bottom_nav ul li { float:left; width:20%; text-align:center; padding:10px 0 18px; }
.bottom_nav ul li p { color:#fff; margin-top:5px; font-size:14px; }
.bottom_nav ul li.home { overflow:hidden; padding:0px; margin-top:-20px; }
.bottom_nav ul li.home a { border-radius:50px; background-color:#fff; padding:20px; display:inline-block; border:2px solid #dc0008; }
.bottom_nav ul li.home img {  }

#header { overflow:hidden; padding:15px 0; border-bottom:1px solid #ddd; }
#header .logo { text-align:center; position:absolute; left:50%; transform:translate(-50%,0); top:25px; }
#header .cart { position:relative; float:right; }
#header .cart .count { position:absolute; right:0; top:0; background-color:#FF6969; color:#fff; font-size:10px; text-align:center; padding:2px 6px; border-radius:50px; }
#header .cart img { padding:6px 8px; }

.search { position:relative; margin-top:10px; }
.search img { position:absolute; z-index:10; top:10px; left:30px; }
.search input { width:100%; position:relative; font-size:15px; padding:10px 10px 10px 40px; border:1px solid #ddd; border-radius:5px; }

.mainBanner { margin:10px 0; max-width:768px; width:100%; overflow:hidden; }
.mainBanner .mainSwiper { position:relative; }
.mainBanner .mainSwiper .swiper_btn { position:absolute; z-index:10; right:0; bottom:-4px; }
.mainBanner .mainSwiper .swiper_btn ul { overflow:hidden; background-color:rgba(220,0,11,0.5); display:inline-block; border-radius:5px; }
.mainBanner .mainSwiper .swiper_btn ul li { float:left; padding:10px 10px 3px 10px; }
.mainBanner .mainSwiper .swiper-wrapper { display:-webkit-inline-box; width:100%; }
.mainBanner .mainSwiper .swiper-wrapper .swiper-slide {  }
.mainBanner .mainSwiper .swiper-wrapper .swiper-slide img { width:100%; }

.mainCate { position:relative; margin-top:20px; max-width:768px; width:100%; overflow:hidden; }
.mainCate .cateSwiper { padding-bottom:20px; }
.mainCate .cateSwiper .swiper-wrapper { display:-webkit-inline-box; width:100%; }
.mainCate .cateSwiper .swiper-wrapper .swiper-slide {  }
.mainCate .cateSwiper .swiper-wrapper .swiper-slide ul { overflow:hidden; }
.mainCate .cateSwiper .swiper-wrapper .swiper-slide ul li { float:left; width:20%; text-align:center; margin-bottom:10px; }
.mainCate .cateSwiper .swiper-wrapper .swiper-slide ul li a p { font-size:11px; font-weight:500; margin-top:5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.swiper-pagination { left:50%; transform:translate(-50%,0) !important; bottom:10px; }
.swiper-pagination-bullet { width:15px !important; height:5px !important; border-radius:2px !important; margin:0 5px;}
.swiper-pagination-bullet-active { width:45px !important; background-color:#dc000b !important; }

.subBanner { margin-bottom:20px; }
.subBanner a {  }
.subBanner img { width:100%; }

.line { width:100%; height:1px; background-color:#ddd; }
.section_tit {  }
.section_tit h3 { font-size:20px; font-weight:600; }
.section_tit p { font-size:16px; color:#666; padding-top:5px; }

.newBanner { margin:30px 0; }
.newBanner .newB { margin:10px 0 0; }
.newBanner .newB .newb_L {  }
.newBanner .newB .newb_L img { width:98%; margin:1%; }
.newBanner .newB .newb_S {  }
.newBanner .newB .newb_S ul { overflow:hidden }
.newBanner .newB .newb_S ul li { float:left; width:48%; margin:1%; }
.newBanner .newB .newb_S ul li a { }
.newBanner .newB .newb_S ul li a img { width:100%; }

.recommend { margin:30px 0; max-width:768px; width:100%; overflow:hidden; }
.recommend .recom_ban { margin:20px 0; }
.recommend .recom_ban .recomSwiper {  }
.recommend .recom_ban .recomSwiper .swiper-wrapper { display:-webkit-inline-box; width:100%; }
.recommend .recom_ban .recomSwiper .swiper-wrapper .swiper-slide { width:80%; border-radius:10px; overflow:hidden; }
.recommend .recom_ban .recomSwiper .swiper-wrapper .swiper-slide img { width:100%; }

.m_call { background-color:#999; overflow:hidden; padding:10px; }
.m_call .call_tit { float:left; }
.m_call .call_tit h4 { color:#fff; font-size:14px; }
.m_call .call_tit h4 span { font-size:12px; }
.m_call .call_btn { float:right; }
.m_call .call_btn a { font-size:14px; color:#fff; background-color:#444; padding:8px 15px; border-radius:5px; display:inline-block; }

#footer { padding:30px 0 100px; }
#footer h3 { font-size:14px; }
#footer p { font-size:12px; font-weight:300; color:#666; padding:10px 0; }
#footer h4 { font-size:12px; font-weight:300; color:#333; }
#footer h4 span a { font-size:13px; font-weight:500; color:#000; }