{"id":305,"date":"2025-10-18T20:38:42","date_gmt":"2025-10-18T20:38:42","guid":{"rendered":"https:\/\/dollinco2.craftweb.kr\/liincos-salon\/"},"modified":"2025-10-18T20:38:42","modified_gmt":"2025-10-18T20:38:42","slug":"liincos-salon","status":"publish","type":"page","link":"https:\/\/dollinco2.craftweb.kr\/ko\/liincos-salon\/","title":{"rendered":"Liinco&#8217;s Salon"},"content":{"rendered":"\n<div class=\"liinco-salon-list\">\n        \n    <!-- Social Section -->\n    <div class=\"salon-section\">\n        <h2 class=\"section-title\">\uc18c\uc15c<\/h2>\n        \n                    <div class=\"salon-grid\">\n                                    \n<div class=\"salon-card-v2 past-event\" \n     style=\"background-image: url('https:\/\/dollinco2.craftweb.kr\/wp-content\/uploads\/2025\/12\/KakaoTalk_Photo_2025-10-28-01-15-24-003-768x576.jpeg');\"\n     data-salon-id=\"779\">\n    \n    <a href=\"https:\/\/dollinco2.craftweb.kr\/ko\/salon\/1209%ed%85%8c%ec%8a%a4%ed%8a%b8\/\" class=\"salon-card-link-overlay\"><\/a>\n    \n    <div class=\"salon-card-gradient\"><\/div>\n    \n    <button type=\"button\" \n            class=\"salon-like-btn \" \n            data-salon-id=\"779\">\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M12 21.35L10.55 20.03C5.4 15.36 2 12.28 2 8.5C2 5.42 4.42 3 7.5 3C9.24 3 10.91 3.81 12 5.09C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.42 22 8.5C22 12.28 18.6 15.36 13.45 20.03L12 21.35Z\" \n                  fill=\"rgba(255,255,255,0.2)\" \n                  stroke=\"white\" \n                  stroke-width=\"1.5\"\/>\n        <\/svg>\n    <\/button>\n\n    <div class=\"salon-card-content-v2\">\n        <h3 class=\"salon-card-title\">1209\ud14c\uc2a4\ud2b8<\/h3>\n        \n        <div class=\"salon-card-meta\">\n                            <span class=\"salon-meta-item\">Social<\/span>\n                                        <span class=\"salon-meta-item\">\n                    Date: 12\uc6d4 20, 2025 - 15:45                <\/span>\n                    <\/div>\n        \n        <div class=\"salon-card-hover-content\">\n                        \n                            <p class=\"salon-card-excerpt\">1209\ud14c\uc2a4\ud2b8<\/p>\n                        \n            <span class=\"salon-more-link\">More<\/span>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* \uae30\uc874 .salon-card \uc2a4\ud0c0\uc77c \uc228\uae30\uae30 *\/\n.salon-card {\n    display: none;\n}\n\n\/* V2 \uce74\ub4dc \uc2a4\ud0c0\uc77c (\ud480 \uc774\ubbf8\uc9c0) *\/\n.salon-card-v2 {\n    position: relative;\n    width: 100%;\n    max-width: 500px; \/* \u2728 \uc548\uc804\uc7a5\uce58: \uce74\ub4dc\uac00 \ub108\ubb34 \ucee4\uc9c0\ub294 \uac83 \ubc29\uc9c0 *\/\n    margin: 0 auto; \/* \uc911\uc559 \uc815\ub82c *\/\n    \/* \uc774\ubbf8\uc9c0 \ube44\uc728 (4:5 \ube44\uc728, 125%. 4:3 \ube44\uc728\uc740 75%) *\/\n    padding-bottom: 125%; \n    background-size: cover;\n    background-position: center;\n    border-radius: 8px;\n    overflow: hidden;\n    color: #fff;\n    transition: all 0.3s ease;\n}\n\n.salon-card-v2.past-event {\n    filter: grayscale(80%);\n}\n\n.salon-card-link-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 3; \/* \ucf58\ud150\uce20\ubcf4\ub2e4 \uc544\ub798 *\/\n}\n\n.salon-card-gradient {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 70%;\n    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 40%, transparent 100%);\n    z-index: 1; \/* \ub9c1\ud06c\ubcf4\ub2e4 \uc704, \ucf58\ud150\uce20\ubcf4\ub2e4 \uc544\ub798 *\/\n    transition: all 0.3s ease;\n}\n\n.salon-like-btn {\n    position: absolute;\n    top: 1rem;\n    right: 1rem;\n    z-index: 4; \/* \ucd5c\uc0c1\ub2e8 *\/\n    background: none;\n    border: none;\n    color: #fff;\n    font-size: 1.5rem;\n    cursor: pointer;\n    opacity: 1;\n    transition: all 0.3s ease;\n    padding: 0;\n    line-height: 1;\n}\n.salon-like-btn svg {\n    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.3));\n    transition: all 0.3s ease;\n}\n.salon-like-btn svg path {\n    transition: all 0.3s ease;\n}\n.salon-like-btn.liked svg path {\n    fill: #FF3040;\n    stroke: #FF3040;\n}\n.salon-like-btn:hover {\n    opacity: 1;\n    transform: scale(1.1);\n}\n.salon-like-btn:hover:not(.liked) svg path {\n    fill: rgba(255, 48, 64, 0.5);\n}\n\n.salon-card-content-v2 {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: 2; \/* \ucd5c\uc0c1\ub2e8 *\/\n    padding: 1.5rem;\n}\n\n.salon-card-title {\n    font-size: 1.2rem;\n    font-weight: 600;\n    margin: 0 0 0.5rem 0;\n    color: #fff;\n}\n\n.salon-card-meta {\n    font-size: 0.85rem;\n    color: #eee;\n    opacity: 1;\n    transition: all 0.3s ease;\n    max-height: 100px; \/* \ub192\uc774 \ud655\ubcf4 *\/\n}\n\n.salon-meta-item {\n    display: block;\n    line-height: 1.4;\n}\n.salon-meta-item:first-child:not(:last-child) {\n    font-weight: bold;\n}\n\n\/* \ub9c8\uc6b0\uc2a4 \uc624\ubc84 \uc2dc \ubcf4\uc77c \ucf58\ud150\uce20 (\uae30\ubcf8 \uc228\uae40) *\/\n.salon-card-hover-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    transition: all 0.4s ease-out;\n    font-size: 0.9rem;\n    line-height: 1.5;\n    color: #f0f0f0;\n}\n.salon-card-hover-content .salon-meta-item {\n    margin-top: 0.5rem;\n}\n.salon-card-excerpt {\n    margin: 0.75rem 0;\n}\n.salon-more-link {\n    font-weight: 600;\n    text-decoration: underline;\n}\n\n\/* --- \ud638\ubc84 \ud6a8\uacfc --- *\/\n.salon-card-v2:hover .salon-card-hover-content {\n    max-height: 200px; \/* \uc228\uaca8\uc9c4 \ucf58\ud150\uce20 \ubcf4\uc774\uae30 *\/\n    opacity: 1;\n}\n\n.salon-card-v2:hover .salon-card-meta {\n    max-height: 0; \/* \uae30\ubcf8 \ucf58\ud150\uce20(\ub0a0\uc9dc \ub4f1) \uc228\uae30\uae30 *\/\n    opacity: 0;\n}\n\n.salon-card-v2:hover .salon-card-gradient {\n    height: 100%; \/* \uadf8\ub77c\ub370\uc774\uc158 \uc804\uccb4\ub85c \ud655\uc7a5 *\/\n    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.7) 60%, transparent 100%);\n}\n\n\/* \uadf8\ub9ac\ub4dc \ub808\uc774\uc544\uc6c3 (salon-list.php\uc5d0 \uc774\ubbf8 \uc788\uc74c) *\/\n.salon-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    gap: 2rem;\n    margin-top: 1.5rem;\n}\n<\/style>\n                                    \n<div class=\"salon-card-v2 past-event\" \n     style=\"background-image: url('https:\/\/dollinco2.craftweb.kr\/wp-content\/uploads\/2025\/10\/Rectangle-98-1.jpg');\"\n     data-salon-id=\"395\">\n    \n    <a href=\"https:\/\/dollinco2.craftweb.kr\/ko\/salon\/%ec%8a%a4%ed%83%80%ed%8a%b8%ec%97%85%eb%84%a4%ed%8a%b8%ec%9b%8c%ed%82%b9\/\" class=\"salon-card-link-overlay\"><\/a>\n    \n    <div class=\"salon-card-gradient\"><\/div>\n    \n    <button type=\"button\" \n            class=\"salon-like-btn \" \n            data-salon-id=\"395\">\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M12 21.35L10.55 20.03C5.4 15.36 2 12.28 2 8.5C2 5.42 4.42 3 7.5 3C9.24 3 10.91 3.81 12 5.09C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.42 22 8.5C22 12.28 18.6 15.36 13.45 20.03L12 21.35Z\" \n                  fill=\"rgba(255,255,255,0.2)\" \n                  stroke=\"white\" \n                  stroke-width=\"1.5\"\/>\n        <\/svg>\n    <\/button>\n\n    <div class=\"salon-card-content-v2\">\n        <h3 class=\"salon-card-title\">\uc2a4\ud0c0\ud2b8\uc5c5 \ub124\ud2b8\uc6cc\ud0b9<\/h3>\n        \n        <div class=\"salon-card-meta\">\n                            <span class=\"salon-meta-item\">Business<\/span>\n                                        <span class=\"salon-meta-item\">\n                    Date: 11\uc6d4 19, 2025 - 20:18                <\/span>\n                    <\/div>\n        \n        <div class=\"salon-card-hover-content\">\n                            <p class=\"salon-meta-item\">Location: \uc11c\uc6b8 \uac15\ub0a8\uad6c<\/p>\n                        \n                            <p class=\"salon-card-excerpt\">\uac15\ub0a8\uc758 \uae30\uc5c5\uac00\ub4e4\uacfc \uad50\ub958\ud558\uace0 \uc2e0\uc120\ud55c \uc0ac\uc5c5 \uc544\uc774\ub514\uc5b4\ub97c \uacf5\uc720\ud558\uc2ed\uc2dc\uc624.<\/p>\n                        \n            <span class=\"salon-more-link\">More<\/span>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* \uae30\uc874 .salon-card \uc2a4\ud0c0\uc77c \uc228\uae30\uae30 *\/\n.salon-card {\n    display: none;\n}\n\n\/* V2 \uce74\ub4dc \uc2a4\ud0c0\uc77c (\ud480 \uc774\ubbf8\uc9c0) *\/\n.salon-card-v2 {\n    position: relative;\n    width: 100%;\n    max-width: 500px; \/* \u2728 \uc548\uc804\uc7a5\uce58: \uce74\ub4dc\uac00 \ub108\ubb34 \ucee4\uc9c0\ub294 \uac83 \ubc29\uc9c0 *\/\n    margin: 0 auto; \/* \uc911\uc559 \uc815\ub82c *\/\n    \/* \uc774\ubbf8\uc9c0 \ube44\uc728 (4:5 \ube44\uc728, 125%. 4:3 \ube44\uc728\uc740 75%) *\/\n    padding-bottom: 125%; \n    background-size: cover;\n    background-position: center;\n    border-radius: 8px;\n    overflow: hidden;\n    color: #fff;\n    transition: all 0.3s ease;\n}\n\n.salon-card-v2.past-event {\n    filter: grayscale(80%);\n}\n\n.salon-card-link-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 3; \/* \ucf58\ud150\uce20\ubcf4\ub2e4 \uc544\ub798 *\/\n}\n\n.salon-card-gradient {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 70%;\n    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 40%, transparent 100%);\n    z-index: 1; \/* \ub9c1\ud06c\ubcf4\ub2e4 \uc704, \ucf58\ud150\uce20\ubcf4\ub2e4 \uc544\ub798 *\/\n    transition: all 0.3s ease;\n}\n\n.salon-like-btn {\n    position: absolute;\n    top: 1rem;\n    right: 1rem;\n    z-index: 4; \/* \ucd5c\uc0c1\ub2e8 *\/\n    background: none;\n    border: none;\n    color: #fff;\n    font-size: 1.5rem;\n    cursor: pointer;\n    opacity: 1;\n    transition: all 0.3s ease;\n    padding: 0;\n    line-height: 1;\n}\n.salon-like-btn svg {\n    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.3));\n    transition: all 0.3s ease;\n}\n.salon-like-btn svg path {\n    transition: all 0.3s ease;\n}\n.salon-like-btn.liked svg path {\n    fill: #FF3040;\n    stroke: #FF3040;\n}\n.salon-like-btn:hover {\n    opacity: 1;\n    transform: scale(1.1);\n}\n.salon-like-btn:hover:not(.liked) svg path {\n    fill: rgba(255, 48, 64, 0.5);\n}\n\n.salon-card-content-v2 {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: 2; \/* \ucd5c\uc0c1\ub2e8 *\/\n    padding: 1.5rem;\n}\n\n.salon-card-title {\n    font-size: 1.2rem;\n    font-weight: 600;\n    margin: 0 0 0.5rem 0;\n    color: #fff;\n}\n\n.salon-card-meta {\n    font-size: 0.85rem;\n    color: #eee;\n    opacity: 1;\n    transition: all 0.3s ease;\n    max-height: 100px; \/* \ub192\uc774 \ud655\ubcf4 *\/\n}\n\n.salon-meta-item {\n    display: block;\n    line-height: 1.4;\n}\n.salon-meta-item:first-child:not(:last-child) {\n    font-weight: bold;\n}\n\n\/* \ub9c8\uc6b0\uc2a4 \uc624\ubc84 \uc2dc \ubcf4\uc77c \ucf58\ud150\uce20 (\uae30\ubcf8 \uc228\uae40) *\/\n.salon-card-hover-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    transition: all 0.4s ease-out;\n    font-size: 0.9rem;\n    line-height: 1.5;\n    color: #f0f0f0;\n}\n.salon-card-hover-content .salon-meta-item {\n    margin-top: 0.5rem;\n}\n.salon-card-excerpt {\n    margin: 0.75rem 0;\n}\n.salon-more-link {\n    font-weight: 600;\n    text-decoration: underline;\n}\n\n\/* --- \ud638\ubc84 \ud6a8\uacfc --- *\/\n.salon-card-v2:hover .salon-card-hover-content {\n    max-height: 200px; \/* \uc228\uaca8\uc9c4 \ucf58\ud150\uce20 \ubcf4\uc774\uae30 *\/\n    opacity: 1;\n}\n\n.salon-card-v2:hover .salon-card-meta {\n    max-height: 0; \/* \uae30\ubcf8 \ucf58\ud150\uce20(\ub0a0\uc9dc \ub4f1) \uc228\uae30\uae30 *\/\n    opacity: 0;\n}\n\n.salon-card-v2:hover .salon-card-gradient {\n    height: 100%; \/* \uadf8\ub77c\ub370\uc774\uc158 \uc804\uccb4\ub85c \ud655\uc7a5 *\/\n    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.7) 60%, transparent 100%);\n}\n\n\/* \uadf8\ub9ac\ub4dc \ub808\uc774\uc544\uc6c3 (salon-list.php\uc5d0 \uc774\ubbf8 \uc788\uc74c) *\/\n.salon-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    gap: 2rem;\n    margin-top: 1.5rem;\n}\n<\/style>\n                                    \n<div class=\"salon-card-v2 past-event\" \n     style=\"background-image: url('https:\/\/dollinco2.craftweb.kr\/wp-content\/uploads\/2025\/10\/Rectangle-8.jpg');\"\n     data-salon-id=\"404\">\n    \n    <a href=\"https:\/\/dollinco2.craftweb.kr\/ko\/salon\/%ec%bb%a4%ed%94%bc-%eb%8b%b4%ec%86%8c-%ec%95%84%ec%b9%a8\/\" class=\"salon-card-link-overlay\"><\/a>\n    \n    <div class=\"salon-card-gradient\"><\/div>\n    \n    <button type=\"button\" \n            class=\"salon-like-btn \" \n            data-salon-id=\"404\">\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M12 21.35L10.55 20.03C5.4 15.36 2 12.28 2 8.5C2 5.42 4.42 3 7.5 3C9.24 3 10.91 3.81 12 5.09C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.42 22 8.5C22 12.28 18.6 15.36 13.45 20.03L12 21.35Z\" \n                  fill=\"rgba(255,255,255,0.2)\" \n                  stroke=\"white\" \n                  stroke-width=\"1.5\"\/>\n        <\/svg>\n    <\/button>\n\n    <div class=\"salon-card-content-v2\">\n        <h3 class=\"salon-card-title\">\ucee4\ud53c &amp; \ub2f4\uc18c \uc544\uce68\u2028<\/h3>\n        \n        <div class=\"salon-card-meta\">\n                            <span class=\"salon-meta-item\">Business<\/span>\n                                        <span class=\"salon-meta-item\">\n                    Date: 11\uc6d4 13, 2025 - 22:16                <\/span>\n                    <\/div>\n        \n        <div class=\"salon-card-hover-content\">\n                            <p class=\"salon-meta-item\">Location: \uc11c\uc6b8 \uac15\ub0a8\uad6c<\/p>\n                        \n                            <p class=\"salon-card-excerpt\">\ub9b0\ucf54 \ub77c\uc6b4\uc9c0\uc5d0\uc11c \ucee4\ud53c\uc640 \uac00\ubcbc\uc6b4 \ub2f4\uc18c\ub85c \ud558\ub8e8\ub97c \uc2dc\uc791\ud558\uc2ed\uc2dc\uc624.<\/p>\n                        \n            <span class=\"salon-more-link\">More<\/span>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* \uae30\uc874 .salon-card \uc2a4\ud0c0\uc77c \uc228\uae30\uae30 *\/\n.salon-card {\n    display: none;\n}\n\n\/* V2 \uce74\ub4dc \uc2a4\ud0c0\uc77c (\ud480 \uc774\ubbf8\uc9c0) *\/\n.salon-card-v2 {\n    position: relative;\n    width: 100%;\n    max-width: 500px; \/* \u2728 \uc548\uc804\uc7a5\uce58: \uce74\ub4dc\uac00 \ub108\ubb34 \ucee4\uc9c0\ub294 \uac83 \ubc29\uc9c0 *\/\n    margin: 0 auto; \/* \uc911\uc559 \uc815\ub82c *\/\n    \/* \uc774\ubbf8\uc9c0 \ube44\uc728 (4:5 \ube44\uc728, 125%. 4:3 \ube44\uc728\uc740 75%) *\/\n    padding-bottom: 125%; \n    background-size: cover;\n    background-position: center;\n    border-radius: 8px;\n    overflow: hidden;\n    color: #fff;\n    transition: all 0.3s ease;\n}\n\n.salon-card-v2.past-event {\n    filter: grayscale(80%);\n}\n\n.salon-card-link-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 3; \/* \ucf58\ud150\uce20\ubcf4\ub2e4 \uc544\ub798 *\/\n}\n\n.salon-card-gradient {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 70%;\n    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 40%, transparent 100%);\n    z-index: 1; \/* \ub9c1\ud06c\ubcf4\ub2e4 \uc704, \ucf58\ud150\uce20\ubcf4\ub2e4 \uc544\ub798 *\/\n    transition: all 0.3s ease;\n}\n\n.salon-like-btn {\n    position: absolute;\n    top: 1rem;\n    right: 1rem;\n    z-index: 4; \/* \ucd5c\uc0c1\ub2e8 *\/\n    background: none;\n    border: none;\n    color: #fff;\n    font-size: 1.5rem;\n    cursor: pointer;\n    opacity: 1;\n    transition: all 0.3s ease;\n    padding: 0;\n    line-height: 1;\n}\n.salon-like-btn svg {\n    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.3));\n    transition: all 0.3s ease;\n}\n.salon-like-btn svg path {\n    transition: all 0.3s ease;\n}\n.salon-like-btn.liked svg path {\n    fill: #FF3040;\n    stroke: #FF3040;\n}\n.salon-like-btn:hover {\n    opacity: 1;\n    transform: scale(1.1);\n}\n.salon-like-btn:hover:not(.liked) svg path {\n    fill: rgba(255, 48, 64, 0.5);\n}\n\n.salon-card-content-v2 {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: 2; \/* \ucd5c\uc0c1\ub2e8 *\/\n    padding: 1.5rem;\n}\n\n.salon-card-title {\n    font-size: 1.2rem;\n    font-weight: 600;\n    margin: 0 0 0.5rem 0;\n    color: #fff;\n}\n\n.salon-card-meta {\n    font-size: 0.85rem;\n    color: #eee;\n    opacity: 1;\n    transition: all 0.3s ease;\n    max-height: 100px; \/* \ub192\uc774 \ud655\ubcf4 *\/\n}\n\n.salon-meta-item {\n    display: block;\n    line-height: 1.4;\n}\n.salon-meta-item:first-child:not(:last-child) {\n    font-weight: bold;\n}\n\n\/* \ub9c8\uc6b0\uc2a4 \uc624\ubc84 \uc2dc \ubcf4\uc77c \ucf58\ud150\uce20 (\uae30\ubcf8 \uc228\uae40) *\/\n.salon-card-hover-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    transition: all 0.4s ease-out;\n    font-size: 0.9rem;\n    line-height: 1.5;\n    color: #f0f0f0;\n}\n.salon-card-hover-content .salon-meta-item {\n    margin-top: 0.5rem;\n}\n.salon-card-excerpt {\n    margin: 0.75rem 0;\n}\n.salon-more-link {\n    font-weight: 600;\n    text-decoration: underline;\n}\n\n\/* --- \ud638\ubc84 \ud6a8\uacfc --- *\/\n.salon-card-v2:hover .salon-card-hover-content {\n    max-height: 200px; \/* \uc228\uaca8\uc9c4 \ucf58\ud150\uce20 \ubcf4\uc774\uae30 *\/\n    opacity: 1;\n}\n\n.salon-card-v2:hover .salon-card-meta {\n    max-height: 0; \/* \uae30\ubcf8 \ucf58\ud150\uce20(\ub0a0\uc9dc \ub4f1) \uc228\uae30\uae30 *\/\n    opacity: 0;\n}\n\n.salon-card-v2:hover .salon-card-gradient {\n    height: 100%; \/* \uadf8\ub77c\ub370\uc774\uc158 \uc804\uccb4\ub85c \ud655\uc7a5 *\/\n    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.7) 60%, transparent 100%);\n}\n\n\/* \uadf8\ub9ac\ub4dc \ub808\uc774\uc544\uc6c3 (salon-list.php\uc5d0 \uc774\ubbf8 \uc788\uc74c) *\/\n.salon-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    gap: 2rem;\n    margin-top: 1.5rem;\n}\n<\/style>\n                            <\/div>\n            <\/div>\n    \n    <!-- Business Section -->\n    <div class=\"salon-section\">\n        <h2 class=\"section-title\">\ube44\uc988\ub2c8\uc2a4<\/h2>\n        \n                    <div class=\"salon-grid\">\n                                    \n<div class=\"salon-card-v2 past-event\" \n     style=\"background-image: url('https:\/\/dollinco2.craftweb.kr\/wp-content\/uploads\/2025\/12\/\uc2a4\ud06c\ub9b0\uc0f7-2025-10-16-\uc624\ud6c4-3.03.59-768x568.png');\"\n     data-salon-id=\"334\">\n    \n    <a href=\"https:\/\/dollinco2.craftweb.kr\/ko\/salon\/%ec%8a%a4%ed%83%80%ed%8a%b8%ec%97%85\/\" class=\"salon-card-link-overlay\"><\/a>\n    \n    <div class=\"salon-card-gradient\"><\/div>\n    \n    <button type=\"button\" \n            class=\"salon-like-btn \" \n            data-salon-id=\"334\">\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M12 21.35L10.55 20.03C5.4 15.36 2 12.28 2 8.5C2 5.42 4.42 3 7.5 3C9.24 3 10.91 3.81 12 5.09C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.42 22 8.5C22 12.28 18.6 15.36 13.45 20.03L12 21.35Z\" \n                  fill=\"rgba(255,255,255,0.2)\" \n                  stroke=\"white\" \n                  stroke-width=\"1.5\"\/>\n        <\/svg>\n    <\/button>\n\n    <div class=\"salon-card-content-v2\">\n        <h3 class=\"salon-card-title\">\uc2a4\ud0c0\ud2b8\uc5c5<\/h3>\n        \n        <div class=\"salon-card-meta\">\n                            <span class=\"salon-meta-item\">Business<\/span>\n                                        <span class=\"salon-meta-item\">\n                    Date: 12\uc6d4 01, 2025 - 14:44                <\/span>\n                    <\/div>\n        \n        <div class=\"salon-card-hover-content\">\n                        \n                            <p class=\"salon-card-excerpt\">\uac15\ub0a8\uc758 \uae30\uc5c5\uac00\ub4e4\uacfc \uad50\ub958\ud558\uace0 \uc2e0\uc120\ud55c \uc0ac\uc5c5 \uc544\uc774\ub514\uc5b4\ub97c \uacf5\uc720\ud558\uc2ed\uc2dc\uc624.<\/p>\n                        \n            <span class=\"salon-more-link\">More<\/span>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* \uae30\uc874 .salon-card \uc2a4\ud0c0\uc77c \uc228\uae30\uae30 *\/\n.salon-card {\n    display: none;\n}\n\n\/* V2 \uce74\ub4dc \uc2a4\ud0c0\uc77c (\ud480 \uc774\ubbf8\uc9c0) *\/\n.salon-card-v2 {\n    position: relative;\n    width: 100%;\n    max-width: 500px; \/* \u2728 \uc548\uc804\uc7a5\uce58: \uce74\ub4dc\uac00 \ub108\ubb34 \ucee4\uc9c0\ub294 \uac83 \ubc29\uc9c0 *\/\n    margin: 0 auto; \/* \uc911\uc559 \uc815\ub82c *\/\n    \/* \uc774\ubbf8\uc9c0 \ube44\uc728 (4:5 \ube44\uc728, 125%. 4:3 \ube44\uc728\uc740 75%) *\/\n    padding-bottom: 125%; \n    background-size: cover;\n    background-position: center;\n    border-radius: 8px;\n    overflow: hidden;\n    color: #fff;\n    transition: all 0.3s ease;\n}\n\n.salon-card-v2.past-event {\n    filter: grayscale(80%);\n}\n\n.salon-card-link-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 3; \/* \ucf58\ud150\uce20\ubcf4\ub2e4 \uc544\ub798 *\/\n}\n\n.salon-card-gradient {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 70%;\n    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 40%, transparent 100%);\n    z-index: 1; \/* \ub9c1\ud06c\ubcf4\ub2e4 \uc704, \ucf58\ud150\uce20\ubcf4\ub2e4 \uc544\ub798 *\/\n    transition: all 0.3s ease;\n}\n\n.salon-like-btn {\n    position: absolute;\n    top: 1rem;\n    right: 1rem;\n    z-index: 4; \/* \ucd5c\uc0c1\ub2e8 *\/\n    background: none;\n    border: none;\n    color: #fff;\n    font-size: 1.5rem;\n    cursor: pointer;\n    opacity: 1;\n    transition: all 0.3s ease;\n    padding: 0;\n    line-height: 1;\n}\n.salon-like-btn svg {\n    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.3));\n    transition: all 0.3s ease;\n}\n.salon-like-btn svg path {\n    transition: all 0.3s ease;\n}\n.salon-like-btn.liked svg path {\n    fill: #FF3040;\n    stroke: #FF3040;\n}\n.salon-like-btn:hover {\n    opacity: 1;\n    transform: scale(1.1);\n}\n.salon-like-btn:hover:not(.liked) svg path {\n    fill: rgba(255, 48, 64, 0.5);\n}\n\n.salon-card-content-v2 {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: 2; \/* \ucd5c\uc0c1\ub2e8 *\/\n    padding: 1.5rem;\n}\n\n.salon-card-title {\n    font-size: 1.2rem;\n    font-weight: 600;\n    margin: 0 0 0.5rem 0;\n    color: #fff;\n}\n\n.salon-card-meta {\n    font-size: 0.85rem;\n    color: #eee;\n    opacity: 1;\n    transition: all 0.3s ease;\n    max-height: 100px; \/* \ub192\uc774 \ud655\ubcf4 *\/\n}\n\n.salon-meta-item {\n    display: block;\n    line-height: 1.4;\n}\n.salon-meta-item:first-child:not(:last-child) {\n    font-weight: bold;\n}\n\n\/* \ub9c8\uc6b0\uc2a4 \uc624\ubc84 \uc2dc \ubcf4\uc77c \ucf58\ud150\uce20 (\uae30\ubcf8 \uc228\uae40) *\/\n.salon-card-hover-content {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    transition: all 0.4s ease-out;\n    font-size: 0.9rem;\n    line-height: 1.5;\n    color: #f0f0f0;\n}\n.salon-card-hover-content .salon-meta-item {\n    margin-top: 0.5rem;\n}\n.salon-card-excerpt {\n    margin: 0.75rem 0;\n}\n.salon-more-link {\n    font-weight: 600;\n    text-decoration: underline;\n}\n\n\/* --- \ud638\ubc84 \ud6a8\uacfc --- *\/\n.salon-card-v2:hover .salon-card-hover-content {\n    max-height: 200px; \/* \uc228\uaca8\uc9c4 \ucf58\ud150\uce20 \ubcf4\uc774\uae30 *\/\n    opacity: 1;\n}\n\n.salon-card-v2:hover .salon-card-meta {\n    max-height: 0; \/* \uae30\ubcf8 \ucf58\ud150\uce20(\ub0a0\uc9dc \ub4f1) \uc228\uae30\uae30 *\/\n    opacity: 0;\n}\n\n.salon-card-v2:hover .salon-card-gradient {\n    height: 100%; \/* \uadf8\ub77c\ub370\uc774\uc158 \uc804\uccb4\ub85c \ud655\uc7a5 *\/\n    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.7) 60%, transparent 100%);\n}\n\n\/* \uadf8\ub9ac\ub4dc \ub808\uc774\uc544\uc6c3 (salon-list.php\uc5d0 \uc774\ubbf8 \uc788\uc74c) *\/\n.salon-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    gap: 2rem;\n    margin-top: 1.5rem;\n}\n<\/style>\n                            <\/div>\n            <\/div>\n    \n    <!-- \u2728 Pagination Links -->\n    <\/div>\n\n<!-- Join Modal -->\n<div id=\"salon-join-modal\" class=\"modal\">\n    <div class=\"modal-overlay\"><\/div>\n    <div class=\"modal-content\">\n        <button type=\"button\" class=\"modal-close\">&times;<\/button>\n        \n        <h3>\uc774\ubca4\ud2b8 \ucc38\uc5ec<\/h3>\n        \n        <form id=\"salon-join-form\">\n            <div class=\"form-group\">\n                <label for=\"contact-method\">\uc5f0\ub77d \ubc29\ubc95<\/label>\n                <select id=\"contact-method\" name=\"contact_method\" required>\n                    <option value=\"kakao\">\uce74\uce74\uc624\ud1a1<\/option>\n                    <option value=\"instagram\">Instagram<\/option>\n                    <option value=\"email\">\uc774\uba54\uc77c<\/option>\n                <\/select>\n            <\/div>\n            \n            <div class=\"form-group\">\n                <label for=\"contact-value\">\uc5f0\ub77d\ucc98 \uc815\ubcf4<\/label>\n                <input type=\"text\" \n                       id=\"contact-value\" \n                       name=\"contact_value\" \n                       placeholder=\"\uc544\uc774\ub514 \ub610\ub294 \uc774\uba54\uc77c\" \n                       required>\n            <\/div>\n            \n            <button type=\"submit\" class=\"liinco-button\">\n                \ucc38\uc5ec\ud558\uae30            <\/button>\n        <\/form>\n    <\/div>\n<\/div>\n\n\n<div id=\"salon-join-modal\" class=\"liinco-modal\"> \n    <div class=\"liinco-modal-content\">\n        <button type=\"button\" class=\"close-button\" style=\"background:#fff!important\">&times;<\/button>\n        \n        <h3 class=\"modal-title\">Liinco \uc0b4\ub871 \uc774\ubca4\ud2b8 \ucc38\uc5ec<\/h3>\n        <p class=\"modal-subtitle\">\uc774\ubca4\ud2b8 \uc8fc\ucd5c\uc790\uac00 \uc5f0\ub77d\ud560 \uc218 \uc788\ub3c4\ub85d \uc120\ud638\ud558\ub294 \uc5f0\ub77d \uc815\ubcf4\ub97c \uc785\ub825\ud574 \uc8fc\uc138\uc694.<\/p>\n        \n        <form id=\"salon-join-form\">\n            <div class=\"form-group\">\n                <label for=\"contact-method\">\uc120\ud638 \uc5f0\ub77d \ubc29\ubc95<\/label>\n                <select id=\"contact-method\" name=\"contact_method\" class=\"liinco-input\" required>\n                    <option value=\"kakao\">\uce74\uce74\uc624\ud1a1<\/option>\n                    <option value=\"instagram\">\uc778\uc2a4\ud0c0\uadf8\ub7a8 DM<\/option>\n                    <option value=\"email\">\uc774\uba54\uc77c<\/option>\n                    <option value=\"phone\">\uc804\ud654\ubc88\ud638<\/option>\n                <\/select>\n            <\/div>\n            \n            <div class=\"form-group\">\n                <label for=\"contact-value\">\uc5f0\ub77d\ucc98 ID \/ \uacc4\uc815\uba85<\/label>\n                <input type=\"text\" \n                       id=\"contact-value\" \n                       name=\"contact_value\" \n                       class=\"liinco-input\"\n                       placeholder=\"\uc608: \uce74\uce74\uc624\ud1a1 ID \ub610\ub294 \uc778\uc2a4\ud0c0\uadf8\ub7a8 \uacc4\uc815\uba85\" \n                       required>\n            <\/div>\n            \n            <div class=\"modal-actions\">\n                <button type=\"button\" class=\"liinco-button liinco-button-secondary cancel-modal\">\n                    \ucde8\uc18c                <\/button>\n                <button type=\"submit\" class=\"liinco-button liinco-button-primary submit-join-btn\">\n                    \uc9c0\uae08 \ucc38\uc5ec\ud558\uae30                <\/button>\n            <\/div>\n        <\/form>\n    <\/div>\n<\/div>\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-305","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dollinco2.craftweb.kr\/ko\/wp-json\/wp\/v2\/pages\/305","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dollinco2.craftweb.kr\/ko\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dollinco2.craftweb.kr\/ko\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dollinco2.craftweb.kr\/ko\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dollinco2.craftweb.kr\/ko\/wp-json\/wp\/v2\/comments?post=305"}],"version-history":[{"count":0,"href":"https:\/\/dollinco2.craftweb.kr\/ko\/wp-json\/wp\/v2\/pages\/305\/revisions"}],"wp:attachment":[{"href":"https:\/\/dollinco2.craftweb.kr\/ko\/wp-json\/wp\/v2\/media?parent=305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}