ATTRACTIVE PROJECT LAOS<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n }\n\n body {\n margin: 0;\n font-family: Arial, sans-serif;\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n background: #000;\n }\n\n .split-screen {\n display: flex;\n flex-direction: row;\n height: 100vh;\n width: 100vw;\n }\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\n .panel:hover {\n flex: 2;\n }\n\n \/* \ubc30\uacbd \uc774\ubbf8\uc9c0 *\/\n .panel-1 {\n background-image: url('https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-content\/uploads\/sites\/4\/2025\/02\/\ubd88\uad502.jpg');\n }\n\n .panel-2 {\n background-image: url('https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-content\/uploads\/sites\/4\/2025\/02\/\uc790\uc5f03.jpg');\n }\n\n .panel-3 {\n background-image: url('https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-content\/uploads\/sites\/4\/2025\/02\/\uc0dd\ud65c2-scaled.jpg');\n }\n\n .panel-4 {\n background-image: url('https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-content\/uploads\/sites\/4\/2025\/01\/\ub3c4\uc2dc-scaled.jpg');\n }\n\n \/* \ud14d\uc2a4\ud2b8 (\uc911\uac04 \ub808\uc774\uc5b4) *\/\n .panel-content {\n position: relative;\n z-index: 2;\n text-align: center;\n transition: transform 0.5s ease, opacity 0.5s ease;\n }\n\n .panel-content h1 {\n font-size: 4rem;\n margin: 0;\n color: white;\n transition: font-size 0.5s ease;\n }\n\n .panel-content p {\n font-size: 1rem;\n color: white;\n opacity: 0; \/* \uc644\uc804\ud788 \uc548 \ubcf4\uc774\uac8c \uc124\uc815 *\/\n transition: \/*visibility 0s linear 0.5s,*\/ opacity 0.5s ease; \/* visibility \uc9c0\uc5f0 \ucd94\uac00 *\/\n }\n .panel:hover .panel-content p {\n \/* visibility: visible; \ud638\ubc84 \uc2dc \ubcf4\uc774\uac8c *\/\n opacity: 1; \/* \uc11c\uc11c\ud788 \ub098\ud0c0\ub098\ub3c4\ub85d \uc124\uc815 *\/\n transition: \/* visibility 0s linear 0s,*\/ opacity 0.5s ease;\n }\n \/* \ud14d\uc2a4\ud2b8 \ud638\ubc84 \uc774\ub3d9 \ud6a8\uacfc *\/\n .panel:hover .panel-content {\n transform: translateY(-90%);\n }\n\n \/* h1 \uae00\uc528 \ud06c\uae30 \ud638\ubc84 \ud6a8\uacfc *\/\n .panel:hover .panel-content h1 {\n font-size: 7rem;\n }\n\n \/* \uc5b4\ud37c \ubc30\uacbd (\ud14d\uc2a4\ud2b8 \uc704) *\/\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\n \/* \uc5b4\ud37c \ubc30\uacbd \ud638\ubc84 \ud6a8\uacfc *\/\n .panel:hover .upper-layer {\n opacity: 0.7;\n }\n\n \/* \uadf8\ub77c\ub514\uc5b8\ud2b8 (\ucd5c\uc0c1\ub2e8) *\/\n .overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 4;\n opacity: 0; \/* \ucd08\uae30 \uc0c1\ud0dc\uc5d0\uc11c \uc228\uae40 *\/\n transition: opacity 0.5s ease; \/* \uc11c\uc11c\ud788 \ub098\ud0c0\ub098\ub294 \ud6a8\uacfc *\/\n }\n\n .panel-1 .overlay {\n background: linear-gradient(to top, rgba(255, 140, 0, 0.8), rgba(255, 140, 0, 0.0), rgba(255, 140, 0, 0.0));\n }\n\n .panel-2 .overlay {\n background: linear-gradient(to top, rgba(34, 139, 34, 0.8), rgba(34, 139, 34, 0.0), rgba(34, 139, 34, 0.0));\n }\n\n .panel-3 .overlay {\n background: linear-gradient(to top, rgba(222, 53, 222, 0.8), rgba(222, 53, 222, 0.0), rgba(222, 53, 222, 0.0));\n }\n\n .panel-4 .overlay {\n background: linear-gradient(to top, rgba(20, 124, 255, 0.8), rgba(20, 124, 255, 0.0), rgba(20, 124, 255, 0.0));\n }\n\n \/* \ud638\ubc84 \uc2dc \uadf8\ub77c\ub514\uc5b8\ud2b8 \ub098\ud0c0\ub0a8 *\/\n .panel:hover .overlay {\n opacity: 1;\n }\n\n @media (max-width: 768px) {\n .split-screen {\n flex-direction: column;\n }\n .panel:hover .panel-content {\n transform: translateY(-30%);\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"split-screen\">\n <div class=\"panel panel-1\" onclick=\"window.location.href='buddhism'\">\n <div class=\"overlay\"><\/div>\n <div class=\"upper-layer\" style=\"background-image: url('https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-content\/uploads\/sites\/4\/2025\/02\/\ubd88\uad50_\uc717\ub808\uc774\uc5b42.png');\"><\/div>\n <div class=\"panel-content\">\n <h1>Buddhism<\/h1>\n <p>.<\/p>\n <\/div>\n <\/div>\n <div class=\"panel panel-2\" onclick=\"window.location.href='nature'\">\n <div class=\"overlay\"><\/div>\n <div class=\"upper-layer\" style=\"background-image: url('https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-content\/uploads\/sites\/4\/2025\/02\/\uc790\uc5f0_\uc717\ub808\uc774\uc5b42.png');\"><\/div>\n <div class=\"panel-content\">\n <h1>Nature<\/h1>\n <p>.<\/p>\n <\/div>\n <\/div>\n <div class=\"panel panel-3\" onclick=\"window.location.href='lifestyle'\">\n <div class=\"overlay\"><\/div>\n <div class=\"upper-layer\" style=\"background-image: url('https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-content\/uploads\/sites\/4\/2025\/02\/\uc0dd\ud65c_\uc717\ub808\uc774\uc5b42.png');\"><\/div>\n <div class=\"panel-content\">\n <h1>Lifestyle<\/h1>\n <p>.<\/p>\n <\/div>\n <\/div>\n <div class=\"panel panel-4\" onclick=\"window.location.href='heritage'\">\n <div class=\"overlay\"><\/div>\n <div class=\"upper-layer\" style=\"background-image: url('https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-content\/uploads\/sites\/4\/2025\/01\/\ub3c4\uc2dc_\uc717\ub808\uc774\uc5b4.png');\"><\/div>\n <div class=\"panel-content\">\n <h1>Heritage<\/h1>\n <p>.<\/p>\n <\/div>\n <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>ATTRACTIVE PROJECT LAOS<\/p>\n","protected":false},"author":2,"featured_media":1383,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-257","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-json\/wp\/v2\/pages\/257","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-json\/wp\/v2\/comments?post=257"}],"version-history":[{"count":163,"href":"https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-json\/wp\/v2\/pages\/257\/revisions"}],"predecessor-version":[{"id":1760,"href":"https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-json\/wp\/v2\/pages\/257\/revisions\/1760"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-json\/wp\/v2\/media\/1383"}],"wp:attachment":[{"href":"https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-json\/wp\/v2\/media?parent=257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":257,"date":"2025-01-26T07:43:49","date_gmt":"2025-01-26T07:43:49","guid":{"rendered":"https:\/\/vc.cau.ac.kr\/attractivelaos\/?page_id=257"},"modified":"2026-02-05T10:14:04","modified_gmt":"2026-02-05T10:14:04","slug":"home","status":"publish","type":"page","link":"https:\/\/vc.cau.ac.kr\/attractivelaos\/","title":{"rendered":"ATTRACTIVE LAOS"},"content":{"rendered":"\n\n\n\n \n \n ATTRACTIVE PROJECT LAOS<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n }\n\n body {\n margin: 0;\n font-family: Arial, sans-serif;\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n background: #000;\n }\n\n .split-screen {\n display: flex;\n flex-direction: row;\n height: 100vh;\n width: 100vw;\n }\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\n .panel:hover {\n flex: 2;\n }\n\n \/* \ubc30\uacbd \uc774\ubbf8\uc9c0 *\/\n .panel-1 {\n background-image: url('https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-content\/uploads\/sites\/4\/2025\/02\/\ubd88\uad502.jpg');\n }\n\n .panel-2 {\n background-image: url('https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-content\/uploads\/sites\/4\/2025\/02\/\uc790\uc5f03.jpg');\n }\n\n .panel-3 {\n background-image: url('https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-content\/uploads\/sites\/4\/2025\/02\/\uc0dd\ud65c2-scaled.jpg');\n }\n\n .panel-4 {\n background-image: url('https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-content\/uploads\/sites\/4\/2025\/01\/\ub3c4\uc2dc-scaled.jpg');\n }\n\n \/* \ud14d\uc2a4\ud2b8 (\uc911\uac04 \ub808\uc774\uc5b4) *\/\n .panel-content {\n position: relative;\n z-index: 2;\n text-align: center;\n transition: transform 0.5s ease, opacity 0.5s ease;\n }\n\n .panel-content h1 {\n font-size: 4rem;\n margin: 0;\n color: white;\n transition: font-size 0.5s ease;\n }\n\n .panel-content p {\n font-size: 1rem;\n color: white;\n opacity: 0; \/* \uc644\uc804\ud788 \uc548 \ubcf4\uc774\uac8c \uc124\uc815 *\/\n transition: \/*visibility 0s linear 0.5s,*\/ opacity 0.5s ease; \/* visibility \uc9c0\uc5f0 \ucd94\uac00 *\/\n }\n .panel:hover .panel-content p {\n \/* visibility: visible; \ud638\ubc84 \uc2dc \ubcf4\uc774\uac8c *\/\n opacity: 1; \/* \uc11c\uc11c\ud788 \ub098\ud0c0\ub098\ub3c4\ub85d \uc124\uc815 *\/\n transition: \/* visibility 0s linear 0s,*\/ opacity 0.5s ease;\n }\n \/* \ud14d\uc2a4\ud2b8 \ud638\ubc84 \uc774\ub3d9 \ud6a8\uacfc *\/\n .panel:hover .panel-content {\n transform: translateY(-90%);\n }\n\n \/* h1 \uae00\uc528 \ud06c\uae30 \ud638\ubc84 \ud6a8\uacfc *\/\n .panel:hover .panel-content h1 {\n font-size: 7rem;\n }\n\n \/* \uc5b4\ud37c \ubc30\uacbd (\ud14d\uc2a4\ud2b8 \uc704) *\/\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\n \/* \uc5b4\ud37c \ubc30\uacbd \ud638\ubc84 \ud6a8\uacfc *\/\n .panel:hover .upper-layer {\n opacity: 0.7;\n }\n\n \/* \uadf8\ub77c\ub514\uc5b8\ud2b8 (\ucd5c\uc0c1\ub2e8) *\/\n .overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 4;\n opacity: 0; \/* \ucd08\uae30 \uc0c1\ud0dc\uc5d0\uc11c \uc228\uae40 *\/\n transition: opacity 0.5s ease; \/* \uc11c\uc11c\ud788 \ub098\ud0c0\ub098\ub294 \ud6a8\uacfc *\/\n }\n\n .panel-1 .overlay {\n background: linear-gradient(to top, rgba(255, 140, 0, 0.8), rgba(255, 140, 0, 0.0), rgba(255, 140, 0, 0.0));\n }\n\n .panel-2 .overlay {\n background: linear-gradient(to top, rgba(34, 139, 34, 0.8), rgba(34, 139, 34, 0.0), rgba(34, 139, 34, 0.0));\n }\n\n .panel-3 .overlay {\n background: linear-gradient(to top, rgba(222, 53, 222, 0.8), rgba(222, 53, 222, 0.0), rgba(222, 53, 222, 0.0));\n }\n\n .panel-4 .overlay {\n background: linear-gradient(to top, rgba(20, 124, 255, 0.8), rgba(20, 124, 255, 0.0), rgba(20, 124, 255, 0.0));\n }\n\n \/* \ud638\ubc84 \uc2dc \uadf8\ub77c\ub514\uc5b8\ud2b8 \ub098\ud0c0\ub0a8 *\/\n .panel:hover .overlay {\n opacity: 1;\n }\n\n @media (max-width: 768px) {\n .split-screen {\n flex-direction: column;\n }\n .panel:hover .panel-content {\n transform: translateY(-30%);\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"split-screen\">\n <div class=\"panel panel-1\" onclick=\"window.location.href='buddhism'\">\n <div class=\"overlay\"><\/div>\n <div class=\"upper-layer\" style=\"background-image: url('https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-content\/uploads\/sites\/4\/2025\/02\/\ubd88\uad50_\uc717\ub808\uc774\uc5b42.png');\"><\/div>\n <div class=\"panel-content\">\n <h1>Buddhism<\/h1>\n <p>.<\/p>\n <\/div>\n <\/div>\n <div class=\"panel panel-2\" onclick=\"window.location.href='nature'\">\n <div class=\"overlay\"><\/div>\n <div class=\"upper-layer\" style=\"background-image: url('https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-content\/uploads\/sites\/4\/2025\/02\/\uc790\uc5f0_\uc717\ub808\uc774\uc5b42.png');\"><\/div>\n <div class=\"panel-content\">\n <h1>Nature<\/h1>\n <p>.<\/p>\n <\/div>\n <\/div>\n <div class=\"panel panel-3\" onclick=\"window.location.href='lifestyle'\">\n <div class=\"overlay\"><\/div>\n <div class=\"upper-layer\" style=\"background-image: url('https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-content\/uploads\/sites\/4\/2025\/02\/\uc0dd\ud65c_\uc717\ub808\uc774\uc5b42.png');\"><\/div>\n <div class=\"panel-content\">\n <h1>Lifestyle<\/h1>\n <p>.<\/p>\n <\/div>\n <\/div>\n <div class=\"panel panel-4\" onclick=\"window.location.href='heritage'\">\n <div class=\"overlay\"><\/div>\n <div class=\"upper-layer\" style=\"background-image: url('https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-content\/uploads\/sites\/4\/2025\/01\/\ub3c4\uc2dc_\uc717\ub808\uc774\uc5b4.png');\"><\/div>\n <div class=\"panel-content\">\n <h1>Heritage<\/h1>\n <p>.<\/p>\n <\/div>\n <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>ATTRACTIVE PROJECT LAOS<\/p>\n","protected":false},"author":2,"featured_media":1383,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-257","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-json\/wp\/v2\/pages\/257","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-json\/wp\/v2\/comments?post=257"}],"version-history":[{"count":163,"href":"https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-json\/wp\/v2\/pages\/257\/revisions"}],"predecessor-version":[{"id":1760,"href":"https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-json\/wp\/v2\/pages\/257\/revisions\/1760"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-json\/wp\/v2\/media\/1383"}],"wp:attachment":[{"href":"https:\/\/vc.cau.ac.kr\/attractivelaos\/wp-json\/wp\/v2\/media?parent=257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}