/* BASIC css start */ footer {border:0;} #main { } /* ●메인 대배너 슬라이드 */ .visual-banner {position:relative; overflow:hidden;} .visual-banner .inner img {width:100%;} .visual-banner .swiper-pagination-progressbar { width:88% !important; margin-left:6%; height:2px; background-color:#898989; margin-top:92%; z-index:3 } .visual-banner .swiper-pagination-progressbar span {background: #fff;} /* ●로그인 안내문구 */ #main_log { font-weight: 500; color:#333; font-size:22px; text-align:center; padding:60px 0 0; line-height:28px; letter-spacing:-0.5px } #main_log .bt01 { display:inline-block; font-size:22px; font-weight: 600; color:#203eff; border-bottom:1px solid #203eff; line-height:23px } #main_log .bt02 { display:block; margin:20px auto 0; font-weight: 500; color:#333; font-size:15px; background:#fafafa; border:1px solid #e0e0e0; width:110px; height:48px; line-height:48px; border-radius:24px; } #main_log .bt02 img { vertical-align:middle; margin:-5px 0 0 6px; height:13px } #main_log .bt02:hover { background:#f3f3f3 } /* ●리셋몰 Pick */ #contabroll { width:100%; margin:0 auto } #contabroll .tit { text-align:center; font-weight:800; color:#000; font-size:23px; padding:70px 0 25px; letter-spacing:-1px } #contabroll ul.box { overflow:hidden; height:60px; overflow-x:scroll;} #contabroll ul.box > div { width:165%; padding:0 10px } #contabroll dd { float: left; cursor:pointer; padding:0 18px; height:40px; line-height:40px; box-sizing:border-box; border: 1px solid #eaeaea; text-align: center; margin-left:8px; font-size:15px; color:#777; font-weight: 600; border-radius:26px;} #contabroll dd.on { background:#1e00ff; border: 1px solid #1e00ff; color: #fff; } #contabroll dt { display: none; width:100%; position:relative; } #contabroll dt.on { display: block; } #contabroll dt .tim { padding:0 14px } #contabroll dt .tim_tx { text-align: center; margin:0 14px; background:#f5f5f5; font-size:21px; color:#000; font-weight:800; padding:15px 0 18px } #contabroll dt .tim_tx p { font-size:13px; color:#000; font-weight:500; } #contabroll dt .pro_pick { padding:6px 14px 0; } #contabroll .pro_pick .item-list { width:100%; position:relative; overflow:hidden; border-bottom:1px solid #eaeaea; padding:27px 0; } #contabroll .pro_pick .item-list .thumb { float:left; width:31%; border:1px solid #efefef; box-sizing:border-box; border-radius:10px; background:#f8f8f8 } #contabroll .pro_pick .item-list .thumb .MS_prod_img_l { width:80% !important; margin:10% } #contabroll .pro_pick .item-list .thumb .MS_prod_img_l:hover { opacity:0.7; filter:alpha(opacity=70) } #contabroll .pro_pick .item-list .prdinfo { float:left; width:53%; position:relative; box-sizing:border-box; padding-left:2.5% } #contabroll .pro_pick .item-list .prdinfo .tx { padding:2px 0 } #contabroll .pro_pick .item-list .prdinfo .tx a { font-size:13px; color:#a8a8a8; font-weight:500;} #contabroll .pro_pick .item-list .prdinfo .name { width:90% } #contabroll .pro_pick .item-list .prdinfo .name a { font-size:15px; color:#222; font-weight:800; line-height:19px; letter-spacing:-1px; } #contabroll .pro_pick .item-list .prdinfo .pri { color:#000; padding:6px 0 3px ; letter-spacing:-1px } #contabroll .pro_pick .item-list .prdinfo .pri span { font-size:16px; font-weight:800; } #contabroll .pro_pick .item-list .prdinfo .dis { font-size:15px; color:#1e00ff; font-weight:900; padding-left:4px } #contabroll .pro_pick .item-list .prdinfo strike { font-size:12px; color:#c2c2c2; font-weight:800; margin-left:8px } #contabroll .pro_pick .item-list .prdinfo .rev { font-size:13px; color:#626262; font-weight:400; letter-spacing:-1px; } #contabroll .pro_pick .item-list .prdinfo .rev em { font-family: 'YEONGJUPunggiGinsengTTF'; font-size:13px; color:#1e00ff; letter-spacing:0.5px; padding-right:4px;} #contabroll .pro_pick .item-list .quick_btn { float:right; width:12%; } #contabroll .pro_pick .item-list .quick_btn a { position:absolute; top:50%; margin-top:-20px } #contabroll .pro_pick .item-list .quick_btn img { width:40px; } #contabroll dt .more { padding:17px 14px 80px; margin:0 auto } #contabroll dt .more a { display:block; width:100%; height:48px; line-height:48px; box-sizing:border-box; border: 1px solid #eaeaea; text-align:center; background:#fafafa} #contabroll dt .more a span { font-size:16px; color:#000; font-weight: 600; background:url(/design/resetmall/img/icon02.png) no-repeat 90% 42%; background-size:8px auto; padding-right:27px; letter-spacing:-1px;} #contabroll ul.box::-webkit-scrollbar { width: 5px; } #contabroll ul.box::-webkit-scrollbar-track { background-color: transparent; } #contabroll ul.box::-webkit-scrollbar-thumb { border-radius: 3px; background-color:#fff; } #contabroll ul.box::-webkit-scrollbar-button { width: 0; height: 0; } /* ●중간배너1 */ #mbn1 { width:100%; } /* ●타임세일 */ #main_time { padding:0 20px } #main_time .tit { text-align:center; font-weight: 800; color:#000; font-size:23px; padding:50px 0 27px } #main_time .con { text-align:center; } #main_time .item_cont { width:100%; *zoom:1; overflow: hidden; } #main_time .item_cont:after { content: ""; display: block; clear: both } #main_time .item_cont .item-list { width:100%; text-align:center; } #main_time .item_cont .item-list .thumb { width:100%; position:relative; overflow:hidden; box-sizing:border-box; border:0px solid #000; border-radius:10px; background:#f8f8f8 } #main_time .item_cont .item-list .thumb img { width:100%; } #main_time .item_cont .item-list .thumb .thumb_h img:hover { opacity:0.7; filter:alpha(opacity=70) } #main_time .item_cont .item-list .thumb .quick_dis { position:absolute; right:15px; top:15px; z-index:3; background:#1e00ff; color:#fff; font-weight:900; font-size:22px; width:70px; height:70px; line-height:70px; text-align:center; border-radius:100%; } #main_time .item_cont .item-list .thumb .quick_btn { position:absolute; right:15px; bottom:15px; z-index:3; } #main_time .item_cont .item-list .thumb .quick_btn img { width:40px } #main_time .time_box { width:100%; height:40px; line-height:40px; background:#000; border-radius:5px; text-align:center; color:#fff; font-weight:500; font-size:16px; margin-top:5px } #main_time .item_cont .prdinfo { position:relative; text-align:center; padding:15px 0 30px } #main_time .item_cont .prdinfo .tx { padding:1px 0 2px } #main_time .item_cont .prdinfo .tx a { font-size:16px; color:#a8a8a8; font-weight:500;} #main_time .item_cont .prdinfo .name_box { } #main_time .item_cont .prdinfo .name { padding:3px 5% 9px } #main_time .item_cont .prdinfo .name a { font-size:20px; color:#222; font-weight:800; line-height:24px } #main_time .item_cont .prdinfo .subname a { font-size:14px; color:#939393; font-weight:400; line-height:16px } #main_time .item_cont .prdinfo .pri { color:#000; padding:10px 0 0px; letter-spacing:-1px } #main_time .item_cont .prdinfo .pri span { font-size:18px; font-weight:800; } #main_time .item_cont .prdinfo .dis { font-size:18px; color:#1e00ff; font-weight:900; padding-right:6px } #main_time .item_cont .prdinfo strike { font-size:15px; color:#c2c2c2; font-weight:800; margin-left:8px } #main_time .item_cont .prdinfo .rev { font-size:13px; color:#626262; font-weight:500; padding-top:15px } #main_time .item_cont .prdinfo .rev em { font-family: 'YEONGJUPunggiGinsengTTF'; font-size:13px; color:#1e00ff; letter-spacing:1px; padding-right:4px;} /* ●리뷰 */ #main_review { width:100%; padding-bottom:60px } #main_review .tit { text-align:center; font-weight: 800; color:#000; font-size:23px; padding:27px 0;} #main_review .box { margin:0 14px; background:#eee; color:#555; height:200px; line-height:200px; text-align:center; } #main_review .more { padding:0px 14px; margin:45px 0 0 } #main_review .more a { display:block; width:100%; height:48px; line-height:48px; box-sizing:border-box; border: 1px solid #eaeaea; text-align:center; background:#fafafa} #main_review .more a span { font-size:16px; color:#000; font-weight: 600; background:url(/design/resetmall/img/icon02.png) no-repeat 90% 42%; background-size:8px auto; padding-right:27px; letter-spacing:-1px;} /* ●중간배너2 */ #mbn2 { width:100%; } /* ●정기배송 */ #main_delivery { width:100%; padding-bottom:70px } #main_delivery .tit { text-align:center; font-weight: 800; color:#000; font-size:23px; padding:60px 0 30px;} #main_delivery .tit p { font-size:16px; font-weight:500; } #NEW { padding-left:14px; overflow: hidden; } #NEW .slick-list { padding-left:8.2% } #NEW .slick-slide { padding-right: 0px;} #main_delivery .item-list .thumb { position: relative;padding-right:10px} #main_delivery .item-list .thumb img { width:100%; border: 1px solid #efefef; box-sizing:border-box; border-radius:5px;} #main_delivery .item-list .thumb .thumb_h img:hover { opacity:0.7; filter:alpha(opacity=70) } #main_delivery .item-list .thumb .soldout img { opacity:0.7; filter:alpha(opacity=70) ; } #main_delivery .item-list .thumb .quick_dis { display:none; /* position:absolute; right:17px; top:7px; z-index:3; background:#1e00ff; color:#fff; font-weight:900; font-size:18px; width:50px; height:50px; line-height:50px; text-align:center; border-radius:100%; */ } #main_delivery .item-list .thumb .quick_btn { position:absolute; right:17px; bottom:7px; z-index:3; } #main_delivery .item-list .thumb .quick_btn img { width:40px; border:0px; border-radius:0px; } #main_delivery .time_box { width:100%; height:40px; line-height:40px; background:#000; border-radius:5px; text-align:center; color:#fff; font-weight:500; font-size:16px; margin-top:5px } #main_delivery .prdinfo { position:relative; padding:10px 10px 0 0; height:170px } #main_delivery .prdinfo .tx { padding:0px 0 4px } #main_delivery .prdinfo .tx a { font-size:13px; color:#a8a8a8; font-weight:500;} #main_delivery .prdinfo .name_box { } #main_delivery .prdinfo .name { } #main_delivery .prdinfo .name a { font-size:15px; color:#222; font-weight:800;line-height:19px } #main_delivery .prdinfo .subname { display:none; } #main_delivery .prdinfo .subname a { font-size:12px; color:#939393; font-weight:400; line-height:12px } #main_delivery .prdinfo .pri { color:#000; padding:12px 0 0px; letter-spacing:-1px; line-height:14px } #main_delivery .prdinfo .pri span { font-size:16px; font-weight:800; } #main_delivery .prdinfo .dis { position:absolute; right:7px; font-size:18px; color:#1e00ff; font-weight:900; } #main_delivery .prdinfo strike { display:block; font-size:12px; color:#c2c2c2; font-weight:800; line-height:12px } #main_delivery .prdinfo .rev { font-size:12px; color:#626262; font-weight:500; padding-top:8px } #main_delivery .prdinfo .rev em { font-family: 'YEONGJUPunggiGinsengTTF'; font-size:13px; color:#1e00ff; letter-spacing:1px; padding-right:4px;} #main_delivery .more { padding:0px 14px; } #main_delivery .more a { display:block; width:100%; height:48px; line-height:48px; box-sizing:border-box; border: 1px solid #eaeaea; text-align:center; background:#fafafa} #main_delivery .more a span { font-size:16px; color:#000; font-weight: 600; background:url(/design/resetmall/img/icon02.png) no-repeat 90% 42%; background-size:8px auto; padding-right:27px; letter-spacing:-1px;} /* ●브랜드 소개 */ #main_brand { background:#f9f9f9; padding:27px 14px; } #main_brand .video { width:100%; padding-bottom:20px } #main_brand .video iframe { width:100%; height:200px; border:0px } #main_brand .bn ul li { display:block; width:100%; border-radius:5px; padding-left:13px; box-sizing:border-box; letter-spacing:-1px; margin-bottom:10px } #main_brand .bn ul li.br { background:#fff url(/design/resetmall/img/m_br01.png) no-repeat 94% 50%; background-size:50px auto; } #main_brand .bn ul li.me { background:#fff url(/design/resetmall/img/m_br02.png) no-repeat 93% 50%; background-size:38px auto; } #main_brand .bn ul li.qr { background:#fff url(/design/resetmall/img/m_br03.png) no-repeat 93% 50%; background-size:65px auto; } #main_brand .bn ul li a { display:block; width:100%; font-weight:400; color:#000; font-size:14px; padding:27px 0px } #main_brand .bn ul li:hover { opacity:0.7; filter:alpha(opacity=70) } #main_brand .bn p { font-weight:800; color:#000; font-size:18px; } /* BASIC css end */