@charset UTF-8; 

.wrap { max-width:480px; width:100%; margin:0 auto; overflow:hidden; }

#header .head_top { overflow:hidden; margin-bottom:16px; }
#header .head_top .logo { width:35px; height:35px; float:left; margin-right:10px; }

#header .head_top .search { float:left; position:relative; width:calc(100% - 108px); }
#header .head_top .search .bacord { position:absolute; left:15px; top:5px; z-index:1; }
#header .head_top .search input { position:relative; border:1px solid #ea5404; width:100%; padding:8px 20px 8px 45px; font-size:12px; color:#333; font-weight:400; border-radius:50px; outline:none; }
#header .head_top .search .readingglasses { position:absolute; right:15px; top:5px; }

#header .head_top .h_icon { float:right; }
#header .head_top .h_icon ul { overflow:hidden; margin-top:6px; }
#header .head_top .h_icon ul li { float:left; margin-left:10px; }

#header .head_bottom { margin:0 10px; }
#header .head_bottom .headSwiper { width:100%; position:relative; }
#header .head_bottom .headSwiper .swiper-wrapper { position:relative; display:-webkit-inline-box; }
#header .head_bottom .headSwiper .swiper-wrapper .swiper-slide { margin-right:5px; padding:0 5px; }
#header .head_bottom .headSwiper .swiper-wrapper .swiper-slide.on { border-bottom:3px solid #ea5404; padding-bottom: 8px; }

#header .head_bottom .headSwiper .swiper-wrapper .swiper-slide a { font-size:14px; line-height:14px; }
#header .head_bottom .headSwiper .swiper-wrapper .swiper-slide a img { margin-right:5px; }

#header .head_bottom .headSwiper .swiper-button-prev { position:absolute; left:5px; top:-7px; transition:all 0.2s; z-index:1; visibility:visible; }
#header .head_bottom .headSwiper .swiper-button-prev.swiper-button-disabled { opacity:0; visibility:hidden; }
#header .head_bottom .headSwiper .swiper-button-next { position:absolute; right:5px; top:-7px; transition:all 0.2s; z-index:1; visibility:visible; }
#header .head_bottom .headSwiper .swiper-button-next.swiper-button-disabled { opacity:0; visibility:hidden; }

#header .head_bottom .headSwiper .w_bg { width:15px; height:30px; position:absolute; top:0; opacity:0; }
#header .head_bottom .headSwiper .bg_left { background:linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0)); left:-10px; }
#header .head_bottom .headSwiper .bg_right { background:linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0)); right:-10px; }
#header .head_bottom .headSwiper .bg_left.on { opacity:1; }
#header .head_bottom .headSwiper .bg_right.on { opacity:1; }


.contents { }
.contents .MB { margin:0 10px; }
.contents .MB .mbSwiper { border-radius:20px; overflow:hidden; position:relative; }
.contents .MB .mbSwiper .swiper-wrapper { display:-webkit-inline-box; }
.contents .MB .mbSwiper .swiper-wrapper .swiper-slide { width:100%; }
.contents .MB .mbSwiper .swiper-wrapper .swiper-slide img { width:100%; }
.contents .MB .mbSwiper .swiper-pagination { position:absolute; right:-5px; bottom:0; background-color:rgba(0,0,0,0.5); padding:10px 15px 10px 10px; color:#fff; border-radius:5px; font-size:11px; }

.contents .newWeekItem {  }
.contents .conttab { margin:25px 0 20px; width:100%; }
.contents .conttab>.tit { font-size:16px; font-weight:600; margin:0 10px; }
.contents .conttab .tit .orange { color:#ea5404; }

/**/
.contents .conttab .item_tab .titSwiper .w_bg { width:20px; height:38px; position:absolute; top:0; opacity:0; }
.contents .conttab .item_tab .titSwiper .bg_left { background:linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0)); left:-5px; width:15px !important; }
.contents .conttab .item_tab .titSwiper .bg_right { background:linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0)); right:0px; }
.contents .conttab .item_tab .titSwiper .bg_left.on { opacity:1; }
.contents .conttab .item_tab .titSwiper .bg_right.on { opacity:1; }


.contents .conttab .item_tab .besttitSwiper .w_bg { width:20px; height:38px; position:absolute; top:0; opacity:0; }
.contents .conttab .item_tab .besttitSwiper .bg_left { background:linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0)); left:-5px; width:15px !important; }
.contents .conttab .item_tab .besttitSwiper .bg_right { background:linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0)); right:0px; }
.contents .conttab .item_tab .besttitSwiper .bg_left.on { opacity:1; }
.contents .conttab .item_tab .besttitSwiper .bg_right.on { opacity:1; }
/**/

.contents .conttab .item_tab { margin:0 10px; overflow:hidden; }
.contents .conttab .item_tab .itemtab {  }
.contents .conttab .item_tab .itemtab .swiper-wrapper { display:-webkit-inline-box; width:100%; }
.contents .conttab .item_tab .itemtab .swiper-wrapper .swiper-slide { width:100%; display:none; }
.contents .conttab .item_tab .itemtab .swiper-wrapper .swiper-slide.on { display:block; }
.contents .conttab .item_tab .itemtab .swiper-wrapper .swiper-slide ul { overflow:hidden; }
.contents .conttab .item_tab .itemtab .swiper-wrapper .swiper-slide ul li { float:left; border:1px solid #EFEFEF; border-radius:5px; width:30.33%; margin:0 1% 8px; transition:all 0.2s; }
.contents .conttab .item_tab .itemtab .swiper-wrapper .swiper-slide ul li .prod { padding:10px; }
.contents .conttab .item_tab .itemtab .swiper-wrapper .swiper-slide ul li .prod .img { margin:5px 0; text-align:center; }
.contents .conttab .item_tab .itemtab .swiper-wrapper .swiper-slide ul li .prod .img img { max-width:100px; width:100%; }
.contents .conttab .item_tab .itemtab .swiper-wrapper .swiper-slide ul li .prod .tit { font-size:13px; text-overflow:ellipsis; overflow:hidden; word-break:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; height:30px; line-height: 1.1;}
.contents .conttab .item_tab .itemtab .swiper-wrapper .swiper-slide ul li .prod .price { overflow:hidden; display:none; height:33px; margin:5px 0; }
.contents .conttab .item_tab .itemtab .swiper-wrapper .swiper-slide ul li .prod .price.on { display:block; }
.contents .conttab .item_tab .itemtab .swiper-wrapper .swiper-slide ul li .prod .price .discount { float:left; font-size:22px; font-weight:600; color:#ff0000; margin-top:6px; }
.contents .conttab .item_tab .itemtab .swiper-wrapper .swiper-slide ul li .prod .price .discount span { font-size:14px; font-weight:200; }
.contents .conttab .item_tab .itemtab .swiper-wrapper .swiper-slide ul li .prod .price .cash { float:right; text-align:right; }
.contents .conttab .item_tab .itemtab .swiper-wrapper .swiper-slide ul li .prod .price .cash .original_price { color:#B3B3B3; font-weight:200; font-size:12px; text-decoration:line-through; }
.contents .conttab .item_tab .itemtab .swiper-wrapper .swiper-slide ul li .prod .price .cash .discount_price { color:#Ff0000; font-weight:500; font-size:16px; }

.contents .conttab .item_tab .itemtab .swiper-wrapper .swiper-slide ul li .prod .not_price { text-align:right; height:33px; margin:5px 0; }
.contents .conttab .item_tab .itemtab .swiper-wrapper .swiper-slide ul li .prod .not_price p { font-weight:600; font-size:16px; }

.contents .conttab .item_tab .itemtab .swiper-wrapper .swiper-slide ul li .prod .user_only { text-align:center; width:100%; border:1px solid #999; border-radius:5px;  height:31px; margin:5px 0; }
.contents .conttab .item_tab .itemtab .swiper-wrapper .swiper-slide ul li .prod .user_only.on { display:block; }
.contents .conttab .item_tab .itemtab .swiper-wrapper .swiper-slide ul li .prod .user_only p { font-size:12px; color:#666; padding:9px; }
.contents .conttab .item_tab .itemtab .swiper-wrapper .swiper-slide ul li .prod .quantity { overflow:hidden; }
.contents .conttab .item_tab .itemtab .swiper-wrapper .swiper-slide ul li .prod .quantity h4 { float:left; font-size:12px; font-weight:200; }
.contents .conttab .item_tab .itemtab .swiper-wrapper .swiper-slide ul li .prod .quantity h3 { float:right; font-size:12px; font-weight:600; }

.contents .conttab .item_tab .itemtab .swiper-wrapper .swiper-slide .prod_btn { text-align:center; font-size:12px; font-weight:400; padding:10px 40px; border-radius:50px; border:1px solid #ddd; display:inline-block; position:relative; left:50%; transform:translate(-50%,0); margin:10px 0 0; cursor:pointer; width:80px; }
.contents .conttab .item_tab .itemtab .swiper-wrapper .swiper-slide .prod_btn.close { display:none; }

.contents .conttab .item_tab .titSwiper { margin:10px 0; width:100%; position:relative; }
.contents .conttab .item_tab .titSwiper .swiper-wrapper { position:relative; display:-webkit-inline-box; }
.contents .conttab .item_tab .titSwiper .swiper-wrapper .swiper-slide {  }
.contents .conttab .item_tab .titSwiper .swiper-wrapper .swiper-slide.on > p { background-color:#ea5404; color:#fff !important; border:1px solid #ea5404 !important; }
.contents .conttab .item_tab .titSwiper .swiper-wrapper .swiper-slide p { font-size:13px; color:#333; padding:10px 20px; border-radius:50px; border:1px solid #EFEFEF; }

/**/

.contents .conttab .item_tab .besttitSwiper { margin:10px 0; width:100%; position:relative; }
.contents .conttab .item_tab .besttitSwiper .swiper-wrapper { position:relative; display:-webkit-inline-box; }
.contents .conttab .item_tab .besttitSwiper .swiper-wrapper .swiper-slide {  }
.contents .conttab .item_tab .besttitSwiper .swiper-wrapper .swiper-slide.on > p { background-color:#ea5404; color:#fff !important; border:1px solid #ea5404 !important; }
.contents .conttab .item_tab .besttitSwiper .swiper-wrapper .swiper-slide p { font-size:13px; color:#333; padding:10px 20px; border-radius:50px; border:1px solid #EFEFEF; }

.contents .conttab .item_tab .itemtab .swiper-wrapper .swiper-slide .bestitem_btn { text-align:center; font-size:12px; font-weight:400; padding:10px 40px; border-radius:50px; border:1px solid #ddd; display:inline-block; position:relative; left:50%; transform:translate(-50%,0); margin:20px 0 0; cursor:pointer; width:80px; }
.contents .conttab .item_tab .itemtab .swiper-wrapper .swiper-slide .bestitem_btn.close { display:none; }

.contents .bg { width:100%; background-color:#F7F9FA; height:10px; }

.character {  }
.character .CB { margin:0 10px; }
.character .CB .chSwiper { margin-top:10px; position:relative; }
.character .CB .chSwiper .swiper-wrapper { display:-webkit-inline-box; }
.character .CB .chSwiper .swiper-wrapper .swiper-slide { text-align:center; }
.character .CB .chSwiper .swiper-wrapper .swiper-slide img { max-width:90px; }
.character .CB .chSwiper .swiper-wrapper .swiper-slide p { font-size:14px; font-weight:400; margin:10px 0 0; }
.character .CB .chSwiper .swiper-button-prev { position:absolute; left:5px; top:33px; transition:all 0.2s; z-index:1; visibility:visible; }
.character .CB .chSwiper .swiper-button-prev.swiper-button-disabled { opacity:0; visibility:hidden; }
.character .CB .chSwiper .swiper-button-next { position:absolute; right:5px; top:33px; transition:all 0.2s; z-index:1; visibility:visible; }
.character .CB .chSwiper .swiper-button-next.swiper-button-disabled { opacity:0; visibility:hidden; }

.brand {  }
.brand .BD { margin:0 10px; }
.brand .BD .bdSwiper { margin-top:10px; position:relative; }
.brand .BD .bdSwiper .swiper-wrapper { display:-webkit-inline-box; }
.brand .BD .bdSwiper .swiper-wrapper .swiper-slide { text-align:center; }
.brand .BD .bdSwiper .swiper-wrapper .swiper-slide img { max-width:90px; }
.brand .BD .bdSwiper .swiper-wrapper .swiper-slide p { font-size:14px; font-weight:400; margin:10px 0 0; }
.brand .BD .bdSwiper .swiper-button-prev { position:absolute; left:5px; top:33px; transition:all 0.2s; z-index:1; visibility:visible; }
.brand .BD .bdSwiper .swiper-button-prev.swiper-button-disabled { opacity:0; visibility:hidden; }
.brand .BD .bdSwiper .swiper-button-next { position:absolute; right:5px; top:33px; transition:all 0.2s; z-index:1; visibility:visible; }
.brand .BD .bdSwiper .swiper-button-next.swiper-button-disabled { opacity:0; visibility:hidden; }

#footer { padding-bottom:79px; }
#footer .wrap { background-color:#F7F9FA; padding:40px 0; }
#footer img { width:156px; margin:0 10px 20px; }
#footer p { font-size:12px; font-weight:200; color:#666; line-height:15px; margin:0 10px; }
#footer p.gr { color:#ddd; padding-top:10px; }

.bottom_menu { text-align:center; padding:10px 0 15px; position:fixed; bottom:0; left:50%; transform:translate(-50%,0); background-color:#fff; width:100%; border-top:1px solid #f3f3f3; max-width:480px; }
.bottom_menu ul { overflow:hidden; display:inline-block;  }
.bottom_menu ul>li { float:left; width: calc(20% - 20px); text-align:center; margin:0 10px; max-width:62px}
.bottom_menu ul li img { margin-bottom:5px; }
.bottom_menu ul li a { font-size:13px; font-weight:500; color:#666; display:inline-block; overflow:hidden; text-overflow: ellipsis;white-space:nowrap;}
.bottom_menu ul li.home a { font-weight:800; }