(self.webpackChunk_N_E = self.webpackChunk_N_E || []).push([ [7345], { 8058: function(e, t, i) { "use strict"; i.d(t, { Z: function() { return a } }); i(7294); var n = i(1720), o = i(9395), r = i(2788).ZP.div.withConfig({ displayName: "styled__MainContainerWrapper", componentId: "sc-1mhksog-0" })(["max-width:1188px;width:100%;padding:0 20px;margin:0 auto;", " @media ", "{padding:0px 0px;}"], (function(e) { return "default" == e.type ? "max-width: 100%; padding: 0 0;" : "full" == e.type ? "max-width: 1920px;padding: 0 0;" : "blog" == e.type ? "max-width: 1064px;padding: 0 0; margin: 0 20px" : "mypage" == e.typ ? "max-width: 811px;padding: 0 0;" : "mobile" == e.type ? "max-width: 474px;padding: 0 0;" : void 0 }), (function(e) { return e.theme.mobile })), d = i(5893), a = function(e) { return (0, d.jsxs)(d.Fragment, { children: [(0, d.jsx)(n.Z, {}), (0, d.jsx)(r, { type: e.type, children: e.children }), (0, d.jsx)(o.Z, { up: e.up })] }) } }, 8645: function(e, t, i) { "use strict"; i.d(t, { Z: function() { return l } }); i(7294); var n = i(2788), o = n.ZP.div.withConfig({ displayName: "styled__Wrapper", componentId: "sc-11ventf-0" })(["width:200px;height:108px;position:relative;margin:0 auto;.button{position:absolute;width:50px;height:50px;background-color:#FFFFFF;border-radius:50%;background-position:center center;background-repeat:no-repeat;background-size:24px auto;cursor:pointer !important;transition:.4s;:hover{opacity:0.6;}}.disable{border:1px solid #dfdfdf;cursor:default;}@media ", "{transform:scale(0.9,0.9);}"], (function(e) { return e.theme.mobile })), r = n.ZP.div.withConfig({ displayName: "styled__Prev", componentId: "sc-11ventf-1" })(["left:40px;border:1px solid #484848;background-image:url(/images/arrow-prev.svg);cursor:pointer;"]), d = n.ZP.div.withConfig({ displayName: "styled__Next", componentId: "sc-11ventf-2" })(["right:40px;border:1px solid #484848;background-image:url(/images/arrow-next.svg);cursor:pointer;"]), a = n.ZP.div.withConfig({ displayName: "styled__Bar", componentId: "sc-11ventf-3" })(['position:absolute;top:80px;width:100%;height:2px;background:#DFDFDF;border-radius:10px;:after{display:block;position:absolute;content:"";top:0;left:0;width:', ";height:2px;background:#969696;;border-radius:10px;}"], (function(e) { return e.barWidth ? e.barWidth + "%" : "100%" })), s = n.ZP.div.withConfig({ displayName: "styled__PageNum", componentId: "sc-11ventf-4" })(["position:absolute;display:flex;justify-content:space-between;top:92px;left:50%;transform:translateX(-50%);width:60px;text-align:center;font-size:11px;line-height:16px;color:#111;div{width:20px;}"]), p = i(5893), l = function(e) { var t = e.max, i = (e.current ? parseInt(e.current) : 1) / (e.total > e.posts_per_page ? Math.ceil(e.total / (e.posts_per_page ? e.posts_per_page : 1)) : 1) * 100; return (0, p.jsxs)(o, { children: [parseInt(e.current) - 1 ? (0, p.jsx)(r, { className: "button", onClick: function(t) { return e.onPaging(parseInt(e.current) - 1) } }) : (0, p.jsx)(r, { className: "button disable" }), parseInt(e.current) < t ? (0, p.jsx)(d, { className: "button", onClick: function(t) { return e.onPaging(parseInt(e.current) + 1) } }) : (0, p.jsx)(d, { className: "button disable" }), (0, p.jsx)(a, { barWidth: i }), (0, p.jsxs)(s, { children: [(0, p.jsx)("div", { children: e.current ? parseInt(e.current) : 1 }), (0, p.jsx)("div", { children: "/" }), (0, p.jsx)("div", { children: e.total > e.posts_per_page ? Math.ceil(e.total / (e.posts_per_page ? e.posts_per_page : 1)) : 1 })] })] }) } }, 8390: function(e, t, i) { "use strict"; i.r(t), i.d(t, { __N_SSG: function() { return z }, default: function() { return F } }); var n = i(7294), o = i(9008), r = i(1964), d = i.n(r), a = (i(9282), i(1664)), s = i(1163), p = i(8058), l = (i(9817), i(1537), i(8645)), c = i(5843), h = i(7438), x = i(2788), u = x.ZP.div.withConfig({ displayName: "styled__Wrapper", componentId: "sc-19fjebn-0" })(["width:100%;height:100%;overflow:hidden;position:relative;padding-top:112px;padding-bottom:100px;@media ", "{padding:0 20px;padding-top:60px;padding-bottom:50px;}"], (function(e) { return e.theme.mobile })), g = x.ZP.div.withConfig({ displayName: "styled__Title", componentId: "sc-19fjebn-1" })(["font-size:26px;font-weight:bold;line-height:normal;color:#000;text-align:center;margin-bottom:30px;letter-spacing:1px;@media ", "{font-size:20px;margin-bottom:20px;}"], (function(e) { return e.theme.mobile })), m = x.ZP.div.withConfig({ displayName: "styled__CategoryWrapper", componentId: "sc-19fjebn-2" })(["@media ", "{margin-bottom:20px;}"], (function(e) { return e.theme.mobile })), f = x.ZP.ul.withConfig({ displayName: "styled__Category", componentId: "sc-19fjebn-3" })(["display:inline-block;margin:0 -10px;width:100%;li{display:inline-block;padding:0 10px;margin-bottom:20px;width:20%;box-sizing:border-box;cursor:pointer;transition:.4s;:hover{opacity:0.6;}}a:hover,.active{path{fill:#E55F74;}span{color:#9371f5;}.all{path{fill:none;stroke:#E55F74;}}opacity:1;transition:0;border-radius:100px;border:1px solid #9371f5;}@media ", "{width:1420px;max-width:1420px;margin:0 -5px;padding-bottom:7px;li{width:auto;padding:0 5px;margin-bottom:11px;}}"], (function(e) { return e.theme.mobile })), b = x.ZP.a.withConfig({ displayName: "styled__CategoryLogo", componentId: "sc-19fjebn-4" })(["display:inline-block;width:100%;height:40px;line-height:38px;border:1px solid #dfdfdf;border-radius:100px;@media ", "{min-width:inherit;width:100%;padding:0px 14px;height:36px;line-height:34px;}"], (function(e) { return e.theme.mobile })), j = x.ZP.span.withConfig({ displayName: "styled__CategoryName", componentId: "sc-19fjebn-5" })(["display:block;font-size:14px;font-weight:500;text-align:center;color:#000000;@media ", "{font-size:12px;}"], (function(e) { return e.theme.mobile })), w = x.ZP.div.withConfig({ displayName: "styled__ProductsWrapper", componentId: "sc-19fjebn-6" })(["height:100%;margin:0 -15px;margin-top:30px;margin-bottom:50px;@media ", "{margin:0 -10px;margin-top:55px;}"], (function(e) { return e.theme.mobile })), y = x.ZP.div.withConfig({ displayName: "styled__ProductWrapper", componentId: "sc-19fjebn-7" })(["display:inline-block;width:25%;padding:0 15px;margin-bottom:58px;@media ", "{padding:0 10px;margin-bottom:28px;width:50%;}"], (function(e) { return e.theme.mobile })), _ = x.ZP.div.withConfig({ displayName: "styled__Product", componentId: "sc-19fjebn-8" })(["width:100%;height:100%;cursor:pointer;"]), v = x.ZP.a.withConfig({ displayName: "styled__ProductImage", componentId: "sc-19fjebn-9" })(["display:block;width:100%;height:0;padding-bottom:100%;border:1px solid #eee;background-image:url(", ");background-position:center center;background-repeat:no-repeat;background-size:85% auto;margin:0 auto;border-radius:10px;transition:0.4s;:hover{opacity:0.6;}@media ", "{padding-bottom:100%;background-size:90% auto;}"], (function(e) { return e.url ? e.url : "" }), (function(e) { return e.theme.mobile })), k = x.ZP.div.withConfig({ displayName: "styled__ProductDetail", componentId: "sc-19fjebn-10" })(["width:100%;padding:18px 0 0 0;@media ", "{}"], (function(e) { return e.theme.mobile })), P = x.ZP.div.withConfig({ displayName: "styled__ProductType", componentId: "sc-19fjebn-11" })(["font-size:13px;font-weight:normal;font-style:normal;line-height:19px;color:#646464;margin-bottom:3px;@media ", "{font-size:12px;line-height:17px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}"], (function(e) { return e.theme.mobile })), N = x.ZP.div.withConfig({ displayName: "styled__ProductName", componentId: "sc-19fjebn-12" })(["font-size:14px;font-weight:normal;line-height:20px;color:#878787;width:264px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;@media ", "{width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;}@media ", "{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;}@media ", "{font-size:13px;width:auto;line-height:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}"], (function(e) { return e.theme.laptop }), (function(e) { return e.theme.tablet }), (function(e) { return e.theme.mobile })), I = x.ZP.div.withConfig({ displayName: "styled__ProductPrice", componentId: "sc-19fjebn-13" })(["font-size:16px;font-weight:500;line-height:19px;color:#000000;margin-bottom:11px;@media ", "{font-size:14px;line-height:16px;margin-bottom:6px;}"], (function(e) { return e.theme.mobile })), C = (x.ZP.div.withConfig({ displayName: "styled__ProductReview", componentId: "sc-19fjebn-14" })(["img{width:72px;height:12px;}a{display:inline-block;margin:0 0 0 8px;font-size:12px;font-weight:normal;line-height:15px;color:#000000;text-decoration:none;cursor:pointer;vertical-align:top;:hover{text-decoration:underline;}}@media ", "{img{width:62px;height:9.5px;}a{font-size:10px;text-decoration:underline;}}"], (function(e) { return e.theme.mobile })), x.ZP.div.withConfig({ displayName: "styled__Label", componentId: "sc-19fjebn-15" })(["position:relative;left:20px;width:46px;height:46px;background-image:url(/images/label.png);background-position:top center;background-repeat:no-repeat;background-size:contain;font-weight:bold;font-size:12px;font-weight:500;line-height:normal;letter-spacing:-0.03em;color:#FFF;span{position:absolute;top:4px;left:50%;transform:translateX(-47%);}span:last-child{margin:15px 0 0 0;font-size:10px;letter-spacing:0;}", " @media ", "{width:36px;height:36px;font-size:11px;left:15px;span{top:2px;}span:last-child{margin:11px 0 0 0;font-size:9px;}}"], (function(e) { return 1 != e.potato ? "background-image: url(/images/label_02.png);" : "" }), (function(e) { return e.theme.mobile })), x.ZP.div.withConfig({ displayName: "styled__MobileBasket", componentId: "sc-19fjebn-16" })(["position:absolute;top:55px;right:0;width:48px;height:48px;background-color:#E55F74;border-radius:50%;background-image:url(/images/basket_white.png);background-position:center center;background-repeat:no-repeat;background-size:26px 26px;font-weight:bold;"]), x.ZP.div.withConfig({ displayName: "styled__ReviewRating", componentId: "sc-19fjebn-17" })(["position:relative;display:inline-block;width:75px;height:16px;background-size:15px 16px;background-image:url('/images/star_gray.png');background-position-x:-2px;overflow:hidden;:after{position:absolute;display:block;content:\"\";width:calc(", " * 20%);height:100%;background-image:url('/images/star_gold.png');background-size:15px 16px;background-position-x:-2px;}@media ", "{width:65px;background-size:13px 14px;:after{background-size:13px 14px;}}"], (function(e) { return e.rating ? e.rating : 5 }), (function(e) { return e.theme.mobile })), i(5893)), Z = function(e) { var t = (0, s.useRouter)(), i = (0, n.useState)(""), o = (i[0], i[1], (0, n.useState)("")), r = o[0], x = (o[1], (0, n.useState)("")), Z = x[0], z = x[1], F = (0, n.useState)(0), T = (F[0], F[1], (0, n.useState)(1)), q = T[0], D = T[1], E = (0, n.useState)(0), S = E[0], W = E[1], R = (0, n.useState)(e.query ? e.query.paged : 1), M = R[0], X = R[1], B = 12; return (0, n.useEffect)((function() { console.log("router", t), console.log("2222", t.query.paged ? t.query.paged : 1), t.isReady && (D(t.query.paged ? t.query.paged : 1), X(t.query.paged ? t.query.paged : 1), (0, h.t$)({ category_ID: t.query.category_ID ? t.query.category_ID : r, posts_per_page: B, paged: t.query.paged ? t.query.paged : 1 }).then((function(e) { 200 == e.data.code && (z(e.data.body.products), W(e.data.body.total)) })).catch((function(e) { return console.log(e) }))) }), [t]), (0, C.jsx)(p.Z, { children: (0, C.jsxs)(u, { children: [(0, C.jsx)(g, { children: "수면/정신집중" }), (0, C.jsx)(m, { children: (0, C.jsx)(d(), { children: (0, C.jsxs)(f, { children: [(0, C.jsx)("li", { children: (0, C.jsx)(a.default, { href: "/products.php?id=40", children: (0, C.jsx)(b, { "data-id": "", className: "" == r ? "active" : "", children: (0, C.jsx)(j, { children: "전체상품" }) }) }) }) , (0, C.jsx)("li", { children: (0, C.jsx)(a.default, { href: "/products.php?id=4010", children: (0, C.jsx)(b, { children: (0, C.jsx)(j, { children: "피라세탐" }) }) }) }) , (0, C.jsx)("li", { children: (0, C.jsx)(a.default, { href: "/products.php?id=4020", children: (0, C.jsx)(b, { children: (0, C.jsx)(j, { children: "모다피닐" }) }) }) }) , (0, C.jsx)("li", { children: (0, C.jsx)(a.default, { href: "/products.php?id=4030", children: (0, C.jsx)(b, { children: (0, C.jsx)(j, { children: "아르모다피닐" }) }) }) }) , (0, C.jsx)("li", { children: (0, C.jsx)(a.default, { href: "/products.php?id=4040", children: (0, C.jsx)(b, { children: (0, C.jsx)(j, { children: "디설피람" }) }) }) }) , (0, C.jsx)("li", { children: (0, C.jsx)(a.default, { href: "/products.php?id=4050", children: (0, C.jsx)(b, { children: (0, C.jsx)(j, { children: "멜라토닌(불면증)" }) }) }) }) , (0, C.jsx)("li", { children: (0, C.jsx)(a.default, { href: "/products.php?id=4060", children: (0, C.jsx)(b, { children: (0, C.jsx)(j, { children: "아토목세틴" }) }) }) }) , (0, C.jsx)("li", { children: (0, C.jsx)(a.default, { href: "/products.php?id=4070", children: (0, C.jsx)(b, { children: (0, C.jsx)(j, { children: "기타 수면정신건강" }) }) }) }) ] }) }) }), (0, C.jsx)(w, { children: Z ? Z.map((function(e, t) { return (0, C.jsx)(y, { children: (0, C.jsxs)(_, { children: [(0, C.jsx)(a.default, { href: "/products_view.php?id=" + e.ID, children: (0, C.jsx)(v, { url: e.thumbnail ? e.thumbnail : "", children: "" }) }), (0, C.jsxs)(k, { children: [(0, C.jsx)(P, { children: e.cate_name ? e.cate_name : "" }), (0, C.jsx)(N, { children: e.title ? e.title : "" }), (0, C.jsx)(I, { children: e.price ? e.price : "" })] })] }) }) })) : (0, C.jsxs)(C.Fragment, { children: [(0, C.jsx)(c.Ti, {}), (0, C.jsx)(c.Ti, {}), (0, C.jsx)(c.Ti, {}), (0, C.jsx)(c.Ti, {}), (0, C.jsx)(c.Ti, {}), (0, C.jsx)(c.Ti, {}), (0, C.jsx)(c.Ti, {}), (0, C.jsx)(c.Ti, {}), (0, C.jsx)(c.Ti, {}), (0, C.jsx)(c.Ti, {}), (0, C.jsx)(c.Ti, {}), (0, C.jsx)(c.Ti, {})] }) }), (0, C.jsx)(l.Z, { onPaging: function(e) { console.log(e), t.push("/products.php?id=" + ___GET['id'] + "&" + "paged=" + e), window.scrollTo(0, 0), z(""), D(e), X(e) }, total: S, current: q, posts_per_page: B, max: S > B ? parseInt(S / B) + 1 : 1 })] }) }) }, z = !0, F = function(e) { return (0, C.jsxs)(C.Fragment, { children: [(0, C.jsx)(o.default, { children: (0, C.jsxs)("title", { children: ["쇼핑몰 - ", "메디클론 - 핀페시아직구 | 인도 의약품 직구 | 탈모치료 | 발기부전"] }) }), (0, C.jsx)(Z, { query: e.query })] }) } }, 965: function(e, t, i) { (window.__NEXT_P = window.__NEXT_P || []).push(["/products.php", function() { return i(8390) } ]) }, 9282: function() {} }, function(e) { e.O(0, [9774, 4143, 1964, 7696, 2987, 5843, 2888, 179], (function() { return t = 965, e(e.s = t); var t })); var t = e.O(); _N_E = t } ]);