ATTRACTIVE PROJECT HUNGARY<\/title>\n <style>\n \/* \uae30\ubcf8 \uc2a4\ud0c0\uc77c *\/\n * { margin: 0; padding: 0; }\n body {\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n font-family: Arial, sans-serif;\n background: #000;\n overflow: hidden;\n }\n .split-screen {\n display: flex;\n width: 100vw;\n height: 100vh;\n }\n .panel {\n flex: 1;\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n cursor: pointer;\n background-size: cover;\n background-position: center;\n transition: flex 0.5s ease;\n }\n .panel:hover { flex: 2; }\n\n \/* \ubc30\uacbd \uc774\ubbf8\uc9c0 *\/\n .panel-1 { background-image: url('https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-content\/uploads\/sites\/5\/2025\/05\/1_bg.png'); }\n .panel-2 { background-image: url('https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-content\/uploads\/sites\/5\/2025\/05\/2_bg.png'); }\n .panel-3 { background-image: url('https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-content\/uploads\/sites\/5\/2025\/05\/3_bg-1.png'); }\n .panel-4 { background-image: url('https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-content\/uploads\/sites\/5\/2025\/05\/4_bg.png'); }\n .panel-5 { background-image: url('https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-content\/uploads\/sites\/5\/2025\/04\/\uc2a4\ud06c\ub9b0\uc0f7-2025-04-30-132554.png'); }\n\n \/* \uc911\uac04 \ub808\uc774\uc5b4 \ud14d\uc2a4\ud2b8 *\/\n .panel-content {\n position: relative;\n z-index: 5;\n text-align: center;\n transition: transform 0.5s ease, opacity 0.5s ease;\n }\n .panel-content h1 {\n font-size: 3rem;\n color: #fff;\n transition: font-size 0.5s ease;\n }\n .panel-content p {\n font-size: 1rem;\n color: #fff;\n opacity: 0;\n transition: opacity 0.5s ease;\n }\n .panel:hover .panel-content p { opacity: 1; }\n .panel:hover .panel-content { transform: translateY(-30%); }\n .panel:hover .panel-content h1 { font-size: 5rem; }\n\n \/* \uc624\ubc84\ub808\uc774 \ub808\uc774\uc5b4 *\/\n .upper-layer {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-size: cover;\n background-position: center;\n z-index: 3;\n opacity: 0.8;\n transition: opacity 0.5s ease;\n }\n .overlay {\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 100%;\n transition: opacity 0.5s ease;\n }\n .upper-layer { z-index: 3; opacity: 0; }\n .overlay { z-index: 4; opacity: 0; }\n .panel:hover .upper-layer { opacity: 1; }\n .panel:hover .overlay { opacity: 1; }\n\n \/* \uadf8\ub77c\ub514\uc5b8\ud2b8 *\/\n .panel-1 .overlay { background: linear-gradient(to top, rgba(0,0,0,0.3), rgba(255,255,255,0)); }\n .panel-2 .overlay { background: linear-gradient(to top, rgba(255,255,255,0.3), rgba(255,255,255,0)); }\n .panel-3 .overlay { background: linear-gradient(to top, rgba(255,170,170,0.3), rgba(255,255,255,0)); }\n .panel-4 .overlay { background: linear-gradient(to top, rgba(170,170,255,0.3), rgba(255,255,255,0)); }\n .panel-5 .overlay { background: linear-gradient(to top, rgba(255,255,255,0.3), rgba(255,255,255,0)); }\n\n \/* \ubaa8\ubc14\uc77c \uc804\uc6a9 \ub808\uc774\uc544\uc6c3 *\/\n @media (max-width: 768px) {\n body { overflow: hidden; }\n .split-screen {\n flex-direction: column;\n height: calc(100vh - 110px);\n margin-top: 30px;\n width: 100vw;\n }\n .panel {\n flex: none;\n height: calc((100vh - 110px) \/ 5);\n transition: none;\n }\n \/* \ubaa8\ubc14\uc77c\uc5d0\uc11c hover \ud6a8\uacfc \uc81c\uac70 *\/\n .panel:hover .panel-content {\n transform: translateY(-5%);\n }\n .panel:hover { flex: none; }\n .panel-content h1 { font-size: 2rem !important; }\n .panel-content p { font-size: 0.8rem !important; }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"split-screen\">\n <div class=\"panel panel-1\" onclick=\"window.location.href='rem'\">\n <div class=\"overlay\"><\/div>\n <div class=\"upper-layer\" style=\"background-image: url('https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-content\/uploads\/sites\/5\/2025\/05\/1_upper.png');\"><\/div>\n <div class=\"panel-content\">\n <h1>REM<\/h1><p>.<\/p>\n <\/div>\n <\/div>\n <div class=\"panel panel-2\" onclick=\"window.location.href='The-Pearladox'\">\n <div class=\"overlay\"><\/div>\n <div class=\"upper-layer\" style=\"background-image: url('https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-content\/uploads\/sites\/5\/2025\/05\/2_upper.png');\"><\/div>\n <div class=\"panel-content\">\n <h1>The Pearladox<\/h1><p>.<\/p>\n <\/div>\n <\/div>\n <div class=\"panel panel-3\" onclick=\"window.location.href='RECONNECTION'\">\n <div class=\"overlay\"><\/div>\n <div class=\"upper-layer\" style=\"background-image: url('https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-content\/uploads\/sites\/5\/2025\/05\/3_upper.png');\"><\/div>\n <div class=\"panel-content\">\n <h1>RECONNECTION<\/h1><p>.<\/p>\n <\/div>\n <\/div>\n <div class=\"panel panel-4\" onclick=\"window.location.href='MASLOW-X-BABEL'\">\n <div class=\"overlay\"><\/div>\n <div class=\"upper-layer\" style=\"background-image: url('https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-content\/uploads\/sites\/5\/2025\/05\/4_upper.png');\"><\/div>\n <div class=\"panel-content\">\n <h1>MASLOW X BABEL<\/h1><p>.<\/p>\n <\/div>\n <\/div>\n <div class=\"panel panel-5\" onclick=\"window.location.href='MEMORY-IN-MOTION'\">\n <div class=\"overlay\"><\/div>\n <div class=\"upper-layer\"><\/div>\n <div class=\"panel-content\">\n <h1>MEMORY IN MOTION<\/h1><p>.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>CAU X MOME : IMMERSIVE BEATS<\/p>\n","protected":false},"author":2,"featured_media":10,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":57,"href":"https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":347,"href":"https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-json\/wp\/v2\/pages\/8\/revisions\/347"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-json\/wp\/v2\/media\/10"}],"wp:attachment":[{"href":"https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":8,"date":"2025-04-29T03:24:12","date_gmt":"2025-04-29T03:24:12","guid":{"rendered":"https:\/\/vc.cau.ac.kr\/attractivehungary\/?page_id=8"},"modified":"2025-05-02T01:15:49","modified_gmt":"2025-05-02T01:15:49","slug":"attractive-hungary","status":"publish","type":"page","link":"https:\/\/vc.cau.ac.kr\/attractivehungary\/","title":{"rendered":"ATTRACTIVE HUNGARY"},"content":{"rendered":"\n\n\n\n \n \n ATTRACTIVE PROJECT HUNGARY<\/title>\n <style>\n \/* \uae30\ubcf8 \uc2a4\ud0c0\uc77c *\/\n * { margin: 0; padding: 0; }\n body {\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n font-family: Arial, sans-serif;\n background: #000;\n overflow: hidden;\n }\n .split-screen {\n display: flex;\n width: 100vw;\n height: 100vh;\n }\n .panel {\n flex: 1;\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n cursor: pointer;\n background-size: cover;\n background-position: center;\n transition: flex 0.5s ease;\n }\n .panel:hover { flex: 2; }\n\n \/* \ubc30\uacbd \uc774\ubbf8\uc9c0 *\/\n .panel-1 { background-image: url('https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-content\/uploads\/sites\/5\/2025\/05\/1_bg.png'); }\n .panel-2 { background-image: url('https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-content\/uploads\/sites\/5\/2025\/05\/2_bg.png'); }\n .panel-3 { background-image: url('https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-content\/uploads\/sites\/5\/2025\/05\/3_bg-1.png'); }\n .panel-4 { background-image: url('https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-content\/uploads\/sites\/5\/2025\/05\/4_bg.png'); }\n .panel-5 { background-image: url('https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-content\/uploads\/sites\/5\/2025\/04\/\uc2a4\ud06c\ub9b0\uc0f7-2025-04-30-132554.png'); }\n\n \/* \uc911\uac04 \ub808\uc774\uc5b4 \ud14d\uc2a4\ud2b8 *\/\n .panel-content {\n position: relative;\n z-index: 5;\n text-align: center;\n transition: transform 0.5s ease, opacity 0.5s ease;\n }\n .panel-content h1 {\n font-size: 3rem;\n color: #fff;\n transition: font-size 0.5s ease;\n }\n .panel-content p {\n font-size: 1rem;\n color: #fff;\n opacity: 0;\n transition: opacity 0.5s ease;\n }\n .panel:hover .panel-content p { opacity: 1; }\n .panel:hover .panel-content { transform: translateY(-30%); }\n .panel:hover .panel-content h1 { font-size: 5rem; }\n\n \/* \uc624\ubc84\ub808\uc774 \ub808\uc774\uc5b4 *\/\n .upper-layer {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-size: cover;\n background-position: center;\n z-index: 3;\n opacity: 0.8;\n transition: opacity 0.5s ease;\n }\n .overlay {\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 100%;\n transition: opacity 0.5s ease;\n }\n .upper-layer { z-index: 3; opacity: 0; }\n .overlay { z-index: 4; opacity: 0; }\n .panel:hover .upper-layer { opacity: 1; }\n .panel:hover .overlay { opacity: 1; }\n\n \/* \uadf8\ub77c\ub514\uc5b8\ud2b8 *\/\n .panel-1 .overlay { background: linear-gradient(to top, rgba(0,0,0,0.3), rgba(255,255,255,0)); }\n .panel-2 .overlay { background: linear-gradient(to top, rgba(255,255,255,0.3), rgba(255,255,255,0)); }\n .panel-3 .overlay { background: linear-gradient(to top, rgba(255,170,170,0.3), rgba(255,255,255,0)); }\n .panel-4 .overlay { background: linear-gradient(to top, rgba(170,170,255,0.3), rgba(255,255,255,0)); }\n .panel-5 .overlay { background: linear-gradient(to top, rgba(255,255,255,0.3), rgba(255,255,255,0)); }\n\n \/* \ubaa8\ubc14\uc77c \uc804\uc6a9 \ub808\uc774\uc544\uc6c3 *\/\n @media (max-width: 768px) {\n body { overflow: hidden; }\n .split-screen {\n flex-direction: column;\n height: calc(100vh - 110px);\n margin-top: 30px;\n width: 100vw;\n }\n .panel {\n flex: none;\n height: calc((100vh - 110px) \/ 5);\n transition: none;\n }\n \/* \ubaa8\ubc14\uc77c\uc5d0\uc11c hover \ud6a8\uacfc \uc81c\uac70 *\/\n .panel:hover .panel-content {\n transform: translateY(-5%);\n }\n .panel:hover { flex: none; }\n .panel-content h1 { font-size: 2rem !important; }\n .panel-content p { font-size: 0.8rem !important; }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"split-screen\">\n <div class=\"panel panel-1\" onclick=\"window.location.href='rem'\">\n <div class=\"overlay\"><\/div>\n <div class=\"upper-layer\" style=\"background-image: url('https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-content\/uploads\/sites\/5\/2025\/05\/1_upper.png');\"><\/div>\n <div class=\"panel-content\">\n <h1>REM<\/h1><p>.<\/p>\n <\/div>\n <\/div>\n <div class=\"panel panel-2\" onclick=\"window.location.href='The-Pearladox'\">\n <div class=\"overlay\"><\/div>\n <div class=\"upper-layer\" style=\"background-image: url('https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-content\/uploads\/sites\/5\/2025\/05\/2_upper.png');\"><\/div>\n <div class=\"panel-content\">\n <h1>The Pearladox<\/h1><p>.<\/p>\n <\/div>\n <\/div>\n <div class=\"panel panel-3\" onclick=\"window.location.href='RECONNECTION'\">\n <div class=\"overlay\"><\/div>\n <div class=\"upper-layer\" style=\"background-image: url('https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-content\/uploads\/sites\/5\/2025\/05\/3_upper.png');\"><\/div>\n <div class=\"panel-content\">\n <h1>RECONNECTION<\/h1><p>.<\/p>\n <\/div>\n <\/div>\n <div class=\"panel panel-4\" onclick=\"window.location.href='MASLOW-X-BABEL'\">\n <div class=\"overlay\"><\/div>\n <div class=\"upper-layer\" style=\"background-image: url('https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-content\/uploads\/sites\/5\/2025\/05\/4_upper.png');\"><\/div>\n <div class=\"panel-content\">\n <h1>MASLOW X BABEL<\/h1><p>.<\/p>\n <\/div>\n <\/div>\n <div class=\"panel panel-5\" onclick=\"window.location.href='MEMORY-IN-MOTION'\">\n <div class=\"overlay\"><\/div>\n <div class=\"upper-layer\"><\/div>\n <div class=\"panel-content\">\n <h1>MEMORY IN MOTION<\/h1><p>.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>CAU X MOME : IMMERSIVE BEATS<\/p>\n","protected":false},"author":2,"featured_media":10,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":57,"href":"https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":347,"href":"https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-json\/wp\/v2\/pages\/8\/revisions\/347"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-json\/wp\/v2\/media\/10"}],"wp:attachment":[{"href":"https:\/\/vc.cau.ac.kr\/attractivehungary\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}