\uc88c\uce21 \ud5e4\ub354 + \ud558\ub2e8 \uc5f0\ub77d\ucc98 \uace0\uc815 + \ubaa8\ubc14\uc77c \ud584\ubc84\uac70 \uba54\ub274<\/title>\r\n<style>\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body {\r\n font-family: 'Noto Sans KR', sans-serif;\r\n background: #000;\r\n color: white;\r\n overflow-x: hidden;\r\n }\r\n nav.sidebar {\r\n position: fixed;\r\n top: 0; left: 0;\r\n width: 250px;\r\n height: 100vh;\r\n background: #000;\r\n border-right: 1px solid #444;\r\n padding: 30px 15px 80px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n z-index: 1000;\r\n color: white;\r\n overflow-y: hidden;\r\n transition: transform 0.3s ease;\r\n }\r\n nav.sidebar .logo {\r\n width: 100%;\r\n text-align: center;\r\n margin-bottom: 20px;\r\n }\r\n nav.sidebar .logo img {\r\n width: 180px;\r\n height: auto;\r\n display: inline-block;\r\n cursor: pointer;\r\n }\r\n nav.sidebar ul.menu {\r\n list-style: none;\r\n width: 100%;\r\n text-align: center;\r\n border-top: 1px solid #444;\r\n border-bottom: 1px solid #444;\r\n }\r\n nav.sidebar ul.menu li {\r\n border-bottom: 1px solid #444;\r\n }\r\n nav.sidebar ul.menu li:last-child {\r\n border-bottom: none;\r\n }\r\n nav.sidebar ul.menu li a {\r\n font-size: 18px;\r\n font-weight: 600;\r\n color: #ccc;\r\n display: block;\r\n padding: 12px 0;\r\n transition: color 0.3s, background-color 0.3s, transform 0.2s;\r\n text-decoration: none;\r\n }\r\n nav.sidebar ul.menu li a:hover,\r\n nav.sidebar ul.menu li a.active {\r\n color: #ff6600;\r\n background-color: #222;\r\n transform: translateX(10px);\r\n box-shadow: 2px 2px 10px rgba(255,102,0,0.5);\r\n border-radius: 4px;\r\n }\r\n nav.sidebar .guide-btns {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n margin-top: 20px;\r\n }\r\n nav.sidebar .guide-btns button {\r\n padding: 12px 0;\r\n border: none;\r\n background: #0d6efd;\r\n color: white;\r\n font-weight: 600;\r\n cursor: pointer;\r\n border-radius: 8px;\r\n font-size: 16px;\r\n transition: background-color 0.3s;\r\n }\r\n nav.sidebar .guide-btns button:hover { background: #084cd8; }\r\n nav.sidebar .guide-btns button.orange-btn { background: #ff6600; }\r\n nav.sidebar .guide-btns button.orange-btn:hover { background: #cc5200; }\r\n nav.sidebar .guide-btns button.green-btn {\r\n background: #28a745;\r\n color: white;\r\n }\r\n nav.sidebar .guide-btns button.green-btn:hover {\r\n background: #1e7e34;\r\n }\r\n nav.sidebar .contact-group {\r\n position: fixed;\r\n bottom: 20px;\r\n left: 15px;\r\n width: 220px;\r\n text-align: left;\r\n font-size: 14px;\r\n color: #bbb;\r\n font-weight: 600;\r\n line-height: 1.6;\r\n }\r\n nav.sidebar .contact-group p { margin-bottom: 8px; }\r\n\r\n #menu-toggle {\r\n display: none;\r\n position: fixed;\r\n top: 15px;\r\n left: 15px;\r\n z-index: 2000;\r\n cursor: pointer;\r\n width: 36px;\r\n height: 30px;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n background: rgba(0,0,0,0.6);\r\n border-radius: 6px;\r\n padding: 5px;\r\n border: none;\r\n transition: background-color 0.3s;\r\n }\r\n #menu-toggle:hover { background: rgba(0,0,0,0.85); }\r\n #menu-toggle span {\r\n display: block;\r\n height: 4px;\r\n background: white;\r\n border-radius: 2px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n nav.sidebar {\r\n transform: translateX(-100%);\r\n width: 250px;\r\n }\r\n nav.sidebar.open { transform: translateX(0); }\r\n #menu-toggle { display: flex; }\r\n nav.sidebar .contact-group {\r\n position: static;\r\n width: 100%;\r\n padding-left: 30px;\r\n margin-top: 20px;\r\n font-size: 13px;\r\n }\r\n nav.sidebar .logo img { width: 140px; }\r\n nav.sidebar ul.menu li a {\r\n font-size: 16px;\r\n padding: 10px 0;\r\n }\r\n nav.sidebar .guide-btns button {\r\n font-size: 14px;\r\n padding: 10px 0;\r\n }\r\n body.menu-open { overflow: hidden; }\r\n .main-content { margin-left: 0; }\r\n }\r\n .main-content {\r\n margin-left: 250px;\r\n min-height: 150vh;\r\n padding: 40px;\r\n background: #111;\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<button id=\"menu-toggle\" aria-label=\"\uba54\ub274 \uc5f4\uae30\/\ub2eb\uae30\" role=\"button\" tabindex=\"0\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n<\/button>\r\n\r\n<nav class=\"sidebar\" id=\"sidebar\">\r\n <div class=\"logo\">\r\n <a href=\"https:\/\/metarich-academy.co.kr\/\" tabindex=\"0\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/05\/\uba54\ud0c0\ub9ac\uce58-\ub85c\uace0-mz\ubd80\uc2a4\ud2b8\ucea0\ud504\uc804\uc6a9.png\" alt=\"MetaRich \ub85c\uace0\" \/>\r\n <\/a>\r\n <\/div>\r\n <ul class=\"menu\" id=\"menu-list\">\r\n <li><a href=\"https:\/\/metarich-academy.co.kr\/?page_id=10810\" tabindex=\"0\">\uc5f0\uc218\uc6d0\uc18c\uac1c<\/a><\/li>\r\n <li><a href=\"https:\/\/metarich-academy.co.kr\/?page_id=12747\" tabindex=\"0\">\uad50\uc721\uc548\ub0b4<\/a><\/li>\r\n <li><a href=\"https:\/\/metarich-academy.co.kr\/?page_id=11154\" tabindex=\"0\">\uc774\uc6a9\uc548\ub0b4<\/a><\/li>\r\n <li><a href=\"https:\/\/metarich-academy.co.kr\/?page_id=11241\" tabindex=\"0\">\uad50\uc721\uc2dc\uc124<\/a><\/li>\r\n <li><a href=\"https:\/\/metarich-academy.co.kr\/?page_id=11127\" tabindex=\"0\">\uc219\uc18c\uc548\ub0b4<\/a><\/li>\r\n <li><a href=\"https:\/\/metarich-academy.co.kr\/?page_id=10837\" tabindex=\"0\">\ubd80\ub300\uc2dc\uc124<\/a><\/li>\r\n <\/ul>\r\n <div class=\"guide-btns\">\r\n <button onclick=\"location.href='https:\/\/metarich-academy.co.kr\/?page_id=12254'\">\uc2e4\uc2dc\uac04\uc608\uc57d<\/button>\r\n <button class=\"green-btn\" onclick=\"location.href='https:\/\/metarich-academy.co.kr\/?page_id=13530'\">\uad50\uc721\uc2e0\uccad<\/button>\r\n <button class=\"orange-btn\" onclick=\"location.href='https:\/\/metarich-academy.co.kr\/?page_id=11902'\">\uc624\uc2dc\ub294\uae38<\/button>\r\n <\/div>\r\n <div class=\"contact-group\">\r\n <p>\ub300\ud45c\ubc88\ud638: 010-9244-0114<\/p>\r\n <p>\uc8fc\uc18c: \ucd98\ucc9c\uc2dc \ub0a8\uba74 \uc18c\uc8fc\uace0\uac1c\ub85c 238<\/p>\r\n <\/div>\r\n<\/nav>\r\n\r\n<script>\r\n const menuToggle = document.getElementById('menu-toggle');\r\n const sidebar = document.getElementById('sidebar');\r\n const body = document.body;\r\n\r\n menuToggle.addEventListener('click', () => {\r\n sidebar.classList.toggle('open');\r\n body.classList.toggle('menu-open');\r\n });\r\n\r\n menuToggle.addEventListener('keydown', e => {\r\n if(e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n sidebar.classList.toggle('open');\r\n body.classList.toggle('menu-open');\r\n }\r\n });\r\n\r\n \/\/ \uba54\ub274 active \uc0c1\ud0dc \uc81c\uc5b4\r\n const menuList = document.getElementById('menu-list');\r\n const menuItems = menuList.querySelectorAll('a');\r\n\r\n menuItems.forEach(item => {\r\n item.addEventListener('click', e => {\r\n menuItems.forEach(i => i.classList.remove('active'));\r\n e.currentTarget.classList.add('active');\r\n \/\/ \ubaa8\ubc14\uc77c\uc5d0\uc11c \uba54\ub274 \ud074\ub9ad\ud558\uba74 \ub2eb\uae30\r\n if(window.innerWidth <= 768){\r\n sidebar.classList.remove('open');\r\n body.classList.remove('menu-open');\r\n }\r\n });\r\n item.addEventListener('keydown', e => {\r\n if(e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n menuItems.forEach(i => i.classList.remove('active'));\r\n e.currentTarget.classList.add('active');\r\n }\r\n });\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dc486d8 e-con-full e-flex e-con e-parent\" data-id=\"dc486d8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f98762 elementor-widget elementor-widget-html\" data-id=\"7f98762\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ko\">\r\n<head>\r\n<meta charset=\"UTF-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n<title>\uba54\ud0c0\ub9ac\uce58 \uc5f0\uc218\uc6d0 \uc18c\uac1c - \uc601\uc5ed \uc2a4\ud06c\ub864 \uc644\uc804 \ucc28\ub2e8<\/title>\r\n<style>\r\n html, body {\r\n height: 100%;\r\n margin: 0; padding: 0;\r\n font-family: 'Noto Sans KR', sans-serif;\r\n background: #fff;\r\n color: #222;\r\n overflow-x: hidden;\r\n }\r\n body {\r\n min-height: 100%;\r\n overflow: visible;\r\n padding-left: 250px; \/* \uc0ac\uc774\ub4dc\ubc14 \uacf5\uac04 \ud655\ubcf4 *\/\r\n }\r\n\r\n .slider, .white-text-section, .bottom-scroll {\r\n \/* \uae30\uc874 margin-left, width \uc870\uc815 \uc81c\uac70 *\/\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n .slider {\r\n position: relative;\r\n height: 100vh;\r\n width: 100%;\r\n overflow: hidden;\r\n }\r\n .slide {\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 100%; height: 100%;\r\n background-size: cover;\r\n background-position: center center;\r\n opacity: 0;\r\n transition: opacity 1.5s;\r\n z-index: 1;\r\n }\r\n .slide.active { opacity: 1; z-index: 2; }\r\n .slide::before {\r\n content: \"\";\r\n position: absolute; top:0; left:0; width:100%; height:100%;\r\n background: rgba(0,0,0,0.35);\r\n pointer-events: none;\r\n transition: opacity 1.5s;\r\n opacity: 1;\r\n z-index: 3;\r\n }\r\n .slide.active::before { opacity: 0; }\r\n .center-text {\r\n position: absolute;\r\n top: 50%; left: 50%;\r\n transform: translate(-50%, -65%);\r\n color: #fff;\r\n text-align: center;\r\n text-shadow: 0 0 15px rgba(0,0,0,0.7);\r\n font-size: 2rem;\r\n font-weight: 700;\r\n pointer-events: none;\r\n user-select: none;\r\n z-index: 10;\r\n padding: 0 20px;\r\n max-width: 90vw;\r\n line-height: 1.3;\r\n word-break: keep-all;\r\n }\r\n .white-text-section {\r\n max-width: 900px;\r\n margin: 80px auto 40px auto;\r\n padding: 30px 20px;\r\n box-sizing: border-box;\r\n text-align: left;\r\n color: #222;\r\n background: #fff;\r\n font-size: 1.25rem;\r\n line-height: 1.6;\r\n letter-spacing: -0.02em;\r\n }\r\n .bottom-scroll {\r\n position: relative;\r\n height: 30vh;\r\n background: #fff;\r\n margin-top: 40px;\r\n margin-bottom: 30px;\r\n box-sizing: border-box;\r\n overflow: hidden;\r\n mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);\r\n -webkit-mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);\r\n }\r\n .scroll-wrapper {\r\n display: flex;\r\n height: 100%;\r\n width: fit-content;\r\n animation: scrollLeft 80s linear infinite;\r\n }\r\n .scroll-wrapper:hover { animation-play-state: paused; }\r\n .scroll-item {\r\n flex: 0 0 auto;\r\n width: 280px;\r\n aspect-ratio: 4 \/ 3;\r\n margin-right: 15px;\r\n border-radius: 12px;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n background: #eee;\r\n overflow: hidden;\r\n }\r\n .scroll-item img, .scroll-item video {\r\n width: 100%; height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 12px;\r\n }\r\n @keyframes scrollLeft {\r\n 0% { transform: translateX(0%); }\r\n 100% { transform: translateX(-50%); }\r\n }\r\n @media (max-width: 1024px) {\r\n body {\r\n padding-left: 0 !important;\r\n }\r\n .slider, .white-text-section, .bottom-scroll {\r\n margin-left: 0 !important;\r\n width: 100% !important;\r\n max-width: 100vw !important;\r\n }\r\n .white-text-section {\r\n margin: 40px 20px 30px 20px;\r\n padding: 18px 10px;\r\n font-size: 1.06rem;\r\n text-align: left;\r\n max-width: none;\r\n width: auto;\r\n }\r\n .center-text {\r\n font-size: 1.22rem;\r\n padding: 0 10px;\r\n max-width: 98vw;\r\n line-height: 1.4;\r\n white-space: nowrap;\r\n overflow-x: auto;\r\n -webkit-overflow-scrolling: touch;\r\n text-align: center;\r\n }\r\n .slide { background-position: center top; }\r\n .scroll-item {\r\n width: 64vw; min-width: 180px; max-width: 300px;\r\n aspect-ratio: 4\/3;\r\n margin-right: 9px;\r\n border-radius: 9px;\r\n }\r\n .bottom-scroll {\r\n height: 22vh;\r\n min-height: 140px;\r\n margin-top: 28px;\r\n margin-bottom: 30px;\r\n mask-image: none;\r\n -webkit-mask-image: none;\r\n }\r\n }\r\n @media (max-width: 600px) {\r\n .slider {\r\n height: 56vw;\r\n min-height: 220px;\r\n max-height: 70vw;\r\n }\r\n .center-text {\r\n font-size: 1rem;\r\n padding: 0 6vw;\r\n white-space: nowrap;\r\n overflow-x: auto;\r\n -webkit-overflow-scrolling: touch;\r\n text-align: center;\r\n }\r\n .white-text-section {\r\n font-size: 0.98rem;\r\n margin: 20px 10px 18px 10px;\r\n padding: 13px 5vw;\r\n text-align: left;\r\n max-width: none;\r\n width: auto;\r\n }\r\n .scroll-item {\r\n width: 72vw; min-width: 120px; max-width: 260px;\r\n border-radius: 7px;\r\n margin-right: 6px;\r\n }\r\n .bottom-scroll {\r\n height: 17vh; min-height: 90px;\r\n margin-top: 16px;\r\n margin-bottom: 20px;\r\n }\r\n }\r\n \/* \ud478\ud130 \uac15\uc81c \uc0ad\uc81c(\uc228\uae40) *\/\r\n footer, .footer, #footer {\r\n display: none !important;\r\n visibility: hidden !important;\r\n height: 0 !important;\r\n min-height: 0 !important;\r\n max-height: 0 !important;\r\n opacity: 0 !important;\r\n pointer-events: none !important;\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"slider\" aria-label=\"\uba54\ud0c0\ub9ac\uce58 \uc5f0\uc218\uc6d0 \uc601\uc0c1 \uc2ac\ub77c\uc774\ub354\">\r\n <div class=\"slide active\" style=\"background-image: url('https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/8-1-scaled.jpg');\" role=\"img\" aria-label=\"\uc778\ud130\uc2a4\ud154\ub77c \ud480\ube4c\ub77c \uc804\uacbd1\"><\/div>\r\n <div class=\"slide\" style=\"background-image: url('https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/\uc804\uacbd1-scaled.jpg');\" role=\"img\" aria-label=\"\uc778\ud130\uc2a4\ud154\ub77c \ud480\ube4c\ub77c \uc804\uacbd2\"><\/div>\r\n <div class=\"slide\" style=\"background-image: url('https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/\uc804\uacbd3-scaled.jpg');\" role=\"img\" aria-label=\"\uc778\ud130\uc2a4\ud154\ub77c \ud480\ube4c\ub77c \uc804\uacbd3\"><\/div>\r\n <div class=\"center-text\" id=\"slide-text\">\u201c\uc790\uc5f0 \uc18d\uc5d0\uc11c \ucc3e\ub294 \uc0c8\ub85c\uc6b4 \uc601\uac10\"<\/div>\r\n<\/div>\r\n\r\n<div class=\"white-text-section\" role=\"region\" aria-label=\"\uba54\ud0c0\ub9ac\uce58 \uc5f0\uc218\uc6d0 \uc18c\uac1c \ubb38\uad6c\">\r\n <p>\uba54\ud0c0\ub9ac\uce58 \uc784\uc9c1\uc6d0\uc740 \ubb3c\ub860 \uc6d0\uc218\uc0ac\uc640 GA(\ubcf4\ud5d8\ub300\ub9ac\uc810)\ub97c \uc704\ud574 \ud2b9\ubcc4\ud788 \ub9c8\ub828\ud55c \u2018\uba54\ud0c0\ub9ac\uce58\u2019 \uc5f0\uc218\uc6d0\uc740 \ucc9c\ud61c\uc758 \uc790\uc5f0 \uc18d\uc5d0\uc11c \ucd5c\uace0\uc758 \ud734\uc2dd\uacfc \ud559\uc2b5 \ud658\uacbd\uc744 \ub3d9\uc2dc\uc5d0 \ub204\ub9b4 \uc218 \uc788\ub294 \uacf5\uac04\uc785\ub2c8\ub2e4.<\/p>\r\n <p>\ub113\uace0 \ucf8c\uc801\ud55c \uac15\uc758\uc2e4\uc740 \uc9d1\uc911\uacfc \uc18c\ud1b5\uc5d0 \ucd5c\uc801\ud654\ub418\uc5b4 \uc788\uc73c\uba70, \uc218\uc601\uc7a5\uacfc \uc544\ub984\ub2e4\uc6b4 \ud480\ube4c\ub77c\ub294 \uc77c\uc0c1\uc5d0\uc11c \ubc97\uc5b4\ub098 \uc7ac\ucda9\uc804\ud560 \uc218 \uc788\ub294 \uc644\ubcbd\ud55c \ud734\uc2dd\ucc98\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4. \ub9d1\uc740 \uacf5\uae30\uc640 \uc790\uc5f0\uc758 \uc815\ucde8\uac00 \uc5b4\uc6b0\ub7ec\uc9c4 \uba54\ud0c0\ub9ac\uce58 \uc5f0\uc218\uc6d0\uc5d0\uc11c \uc5ec\ub7ec\ubd84\uc740 \uc5c5\ubb34 \ud6a8\uc728\uc740 \ubb3c\ub860, \ub9c8\uc74c\uc758 \uc5ec\uc720\uae4c\uc9c0 \ucc59\uae38 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n <p>\uba54\ud0c0\ub9ac\uce58\uc758 \uc5f0\uc218\uc6d0\uc740 \ub2e8\uc21c\ud55c \uc5f0\uc218\uac00 \uc544\ub2cc, \uc131\uc7a5\uacfc \ud790\ub9c1\uc774 \uacf5\uc874\ud558\ub294 \uacf5\uac04\uc73c\ub85c\uc11c, \uc784\uc9c1\uc6d0\uacfc \ud30c\ud2b8\ub108\uc0ac \ubaa8\ub450\uc5d0\uac8c \ucd5c\uc0c1\uc758 \uacbd\ud5d8\uc744 \uc57d\uc18d\ud569\ub2c8\ub2e4.<\/p>\r\n<\/div>\r\n\r\n<div class=\"bottom-scroll\" aria-label=\"\uc5f0\uc218\uc6d0 \uad00\ub828 \uc774\ubbf8\uc9c0 \ubc0f \uc601\uc0c1 \ub9ac\uc2a4\ud2b8\">\r\n <div class=\"scroll-wrapper\" aria-live=\"polite\" aria-atomic=\"true\">\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/KakaoTalk_20250710_111452503_01-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \uc218\uc601\uc7a5 \uc804\uacbd\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/656d6277a111d.jpg\" alt=\"\uc5f0\uc218\uc6d0 \ub0b4\ubd80 \uac15\uc758\uc2e4 \ubaa8\uc2b5\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/kamac8@hanjasan_20250709_190141751-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \uc790\uc5f0 \uacbd\uad00\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/kamac8@hanjasan_20250709_172000540-1-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \uc0b0\ucc45\ub85c \ubaa8\uc2b5\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/2-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \uc57c\uc678 \uacf5\uac04\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/KakaoTalk_20250708_145841208_04-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \ub85c\ube44 \ubaa8\uc2b5\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/P1000301-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \ud68c\uc758\uc2e4\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/KakaoTalk_20250620_135816066-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \uc815\uc6d0\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/KakaoTalk_20250710_174502965.jpg\" alt=\"\uc5f0\uc218\uc6d0 \uc800\ub141 \uc804\uacbd\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/KakaoTalk_20250709_180422488_04-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \ud734\uac8c \uacf5\uac04\" \/>\r\n <\/div>\r\n \r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/KakaoTalk_20250710_111452503_01-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \uc218\uc601\uc7a5 \uc804\uacbd\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/656d6277a111d.jpg\" alt=\"\uc5f0\uc218\uc6d0 \ub0b4\ubd80 \uac15\uc758\uc2e4 \ubaa8\uc2b5\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/kamac8@hanjasan_20250709_190141751-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \uc790\uc5f0 \uacbd\uad00\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/kamac8@hanjasan_20250709_172000540-1-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \uc0b0\ucc45\ub85c \ubaa8\uc2b5\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/2-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \uc57c\uc678 \uacf5\uac04\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/KakaoTalk_20250708_145841208_04-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \ub85c\ube44 \ubaa8\uc2b5\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/P1000301-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \ud68c\uc758\uc2e4\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/KakaoTalk_20250620_135816066-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \uc815\uc6d0\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/KakaoTalk_20250710_174502965.jpg\" alt=\"\uc5f0\uc218\uc6d0 \uc800\ub141 \uc804\uacbd\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/KakaoTalk_20250709_180422488_04-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \ud734\uac8c \uacf5\uac04\" \/>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n const slides = document.querySelectorAll('.slide');\r\n const slideText = document.getElementById('slide-text');\r\n\r\n const texts = [\r\n '\"\uc790\uc5f0 \uc18d\uc5d0\uc11c \ucc3e\ub294 \uc0c8\ub85c\uc6b4 \uc601\uac10\"',\r\n '\u201c\ub2f9\uc2e0\uc758 \ud734\uc2dd\uacfc \uc131\uc7a5\uc744 \uc704\ud55c \ucd5c\uc801\uc758 \ud658\uacbd\u201d',\r\n '\u201c\ucc28\ubcc4\ud654\ub41c \uac00\uce58\uc640 \uacbd\ud5d8\uc744 \ub9cc\ub4dc\ub294 \uacf5\uac04\u201d'\r\n ];\r\n\r\n let current = 0;\r\n const slideCount = slides.length;\r\n\r\n function showSlide(index) {\r\n slides.forEach((slide, i) => {\r\n slide.classList.toggle('active', i === index);\r\n });\r\n slideText.style.opacity = 0;\r\n setTimeout(() => {\r\n slideText.textContent = texts[index];\r\n slideText.style.opacity = 1;\r\n }, 700);\r\n }\r\n\r\n function nextSlide() {\r\n current = (current + 1) % slideCount;\r\n showSlide(current);\r\n }\r\n\r\n setInterval(nextSlide, 4000);\r\n\r\n \/\/ \ud478\ud130 \uac15\uc81c \uc0ad\uc81c(JS)\r\n window.addEventListener('DOMContentLoaded', function() {\r\n var footers = document.querySelectorAll('footer, .footer, #footer');\r\n footers.forEach(function(f) { f.remove(); });\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\uc88c\uce21 \ud5e4\ub354 + \ud558\ub2e8 \uc5f0\ub77d\ucc98 \uace0\uc815 + \ubaa8\ubc14\uc77c \ud584\ubc84\uac70 \uba54\ub274 \uc5f0\uc218\uc6d0\uc18c\uac1c \uad50\uc721\uc548\ub0b4 \uc774\uc6a9\uc548\ub0b4 \uad50\uc721\uc2dc\uc124 \uc219\uc18c\uc548\ub0b4 \ubd80\ub300\uc2dc\uc124 \uc2e4\uc2dc\uac04\uc608\uc57d \uad50\uc721\uc2e0\uccad \uc624\uc2dc\ub294\uae38 \ub300\ud45c\ubc88\ud638: 010-9244-0114 \uc8fc\uc18c: \ucd98\ucc9c\uc2dc \ub0a8\uba74 \uc18c\uc8fc\uace0\uac1c\ub85c 238 \uba54\ud0c0\ub9ac\uce58 \uc5f0\uc218\uc6d0 \uc18c\uac1c – \uc601\uc5ed \uc2a4\ud06c\ub864 \uc644\uc804 \ucc28\ub2e8 \u201c\uc790\uc5f0 \uc18d\uc5d0\uc11c \ucc3e\ub294 \uc0c8\ub85c\uc6b4 \uc601\uac10” \uba54\ud0c0\ub9ac\uce58 \uc784\uc9c1\uc6d0\uc740 \ubb3c\ub860 \uc6d0\uc218\uc0ac\uc640 GA(\ubcf4\ud5d8\ub300\ub9ac\uc810)\ub97c \uc704\ud574 \ud2b9\ubcc4\ud788 \ub9c8\ub828\ud55c \u2018\uba54\ud0c0\ub9ac\uce58\u2019 \uc5f0\uc218\uc6d0\uc740 \ucc9c\ud61c\uc758 \uc790\uc5f0 \uc18d\uc5d0\uc11c \ucd5c\uace0\uc758 \ud734\uc2dd\uacfc \ud559\uc2b5 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_eb_attr":"","footnotes":""},"class_list":["post-10810","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/10810","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10810"}],"version-history":[{"count":164,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/10810\/revisions"}],"predecessor-version":[{"id":14514,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/10810\/revisions\/14514"}],"wp:attachment":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10810"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\uc88c\uce21 \ud5e4\ub354 + \ud558\ub2e8 \uc5f0\ub77d\ucc98 \uace0\uc815 + \ubaa8\ubc14\uc77c \ud584\ubc84\uac70 \uba54\ub274<\/title>\r\n<style>\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body {\r\n font-family: 'Noto Sans KR', sans-serif;\r\n background: #000;\r\n color: white;\r\n overflow-x: hidden;\r\n }\r\n nav.sidebar {\r\n position: fixed;\r\n top: 0; left: 0;\r\n width: 250px;\r\n height: 100vh;\r\n background: #000;\r\n border-right: 1px solid #444;\r\n padding: 30px 15px 80px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n z-index: 1000;\r\n color: white;\r\n overflow-y: hidden;\r\n transition: transform 0.3s ease;\r\n }\r\n nav.sidebar .logo {\r\n width: 100%;\r\n text-align: center;\r\n margin-bottom: 20px;\r\n }\r\n nav.sidebar .logo img {\r\n width: 180px;\r\n height: auto;\r\n display: inline-block;\r\n cursor: pointer;\r\n }\r\n nav.sidebar ul.menu {\r\n list-style: none;\r\n width: 100%;\r\n text-align: center;\r\n border-top: 1px solid #444;\r\n border-bottom: 1px solid #444;\r\n }\r\n nav.sidebar ul.menu li {\r\n border-bottom: 1px solid #444;\r\n }\r\n nav.sidebar ul.menu li:last-child {\r\n border-bottom: none;\r\n }\r\n nav.sidebar ul.menu li a {\r\n font-size: 18px;\r\n font-weight: 600;\r\n color: #ccc;\r\n display: block;\r\n padding: 12px 0;\r\n transition: color 0.3s, background-color 0.3s, transform 0.2s;\r\n text-decoration: none;\r\n }\r\n nav.sidebar ul.menu li a:hover,\r\n nav.sidebar ul.menu li a.active {\r\n color: #ff6600;\r\n background-color: #222;\r\n transform: translateX(10px);\r\n box-shadow: 2px 2px 10px rgba(255,102,0,0.5);\r\n border-radius: 4px;\r\n }\r\n nav.sidebar .guide-btns {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n margin-top: 20px;\r\n }\r\n nav.sidebar .guide-btns button {\r\n padding: 12px 0;\r\n border: none;\r\n background: #0d6efd;\r\n color: white;\r\n font-weight: 600;\r\n cursor: pointer;\r\n border-radius: 8px;\r\n font-size: 16px;\r\n transition: background-color 0.3s;\r\n }\r\n nav.sidebar .guide-btns button:hover { background: #084cd8; }\r\n nav.sidebar .guide-btns button.orange-btn { background: #ff6600; }\r\n nav.sidebar .guide-btns button.orange-btn:hover { background: #cc5200; }\r\n nav.sidebar .guide-btns button.green-btn {\r\n background: #28a745;\r\n color: white;\r\n }\r\n nav.sidebar .guide-btns button.green-btn:hover {\r\n background: #1e7e34;\r\n }\r\n nav.sidebar .contact-group {\r\n position: fixed;\r\n bottom: 20px;\r\n left: 15px;\r\n width: 220px;\r\n text-align: left;\r\n font-size: 14px;\r\n color: #bbb;\r\n font-weight: 600;\r\n line-height: 1.6;\r\n }\r\n nav.sidebar .contact-group p { margin-bottom: 8px; }\r\n\r\n #menu-toggle {\r\n display: none;\r\n position: fixed;\r\n top: 15px;\r\n left: 15px;\r\n z-index: 2000;\r\n cursor: pointer;\r\n width: 36px;\r\n height: 30px;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n background: rgba(0,0,0,0.6);\r\n border-radius: 6px;\r\n padding: 5px;\r\n border: none;\r\n transition: background-color 0.3s;\r\n }\r\n #menu-toggle:hover { background: rgba(0,0,0,0.85); }\r\n #menu-toggle span {\r\n display: block;\r\n height: 4px;\r\n background: white;\r\n border-radius: 2px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n nav.sidebar {\r\n transform: translateX(-100%);\r\n width: 250px;\r\n }\r\n nav.sidebar.open { transform: translateX(0); }\r\n #menu-toggle { display: flex; }\r\n nav.sidebar .contact-group {\r\n position: static;\r\n width: 100%;\r\n padding-left: 30px;\r\n margin-top: 20px;\r\n font-size: 13px;\r\n }\r\n nav.sidebar .logo img { width: 140px; }\r\n nav.sidebar ul.menu li a {\r\n font-size: 16px;\r\n padding: 10px 0;\r\n }\r\n nav.sidebar .guide-btns button {\r\n font-size: 14px;\r\n padding: 10px 0;\r\n }\r\n body.menu-open { overflow: hidden; }\r\n .main-content { margin-left: 0; }\r\n }\r\n .main-content {\r\n margin-left: 250px;\r\n min-height: 150vh;\r\n padding: 40px;\r\n background: #111;\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<button id=\"menu-toggle\" aria-label=\"\uba54\ub274 \uc5f4\uae30\/\ub2eb\uae30\" role=\"button\" tabindex=\"0\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n<\/button>\r\n\r\n<nav class=\"sidebar\" id=\"sidebar\">\r\n <div class=\"logo\">\r\n <a href=\"https:\/\/metarich-academy.co.kr\/\" tabindex=\"0\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/05\/\uba54\ud0c0\ub9ac\uce58-\ub85c\uace0-mz\ubd80\uc2a4\ud2b8\ucea0\ud504\uc804\uc6a9.png\" alt=\"MetaRich \ub85c\uace0\" \/>\r\n <\/a>\r\n <\/div>\r\n <ul class=\"menu\" id=\"menu-list\">\r\n <li><a href=\"https:\/\/metarich-academy.co.kr\/?page_id=10810\" tabindex=\"0\">\uc5f0\uc218\uc6d0\uc18c\uac1c<\/a><\/li>\r\n <li><a href=\"https:\/\/metarich-academy.co.kr\/?page_id=12747\" tabindex=\"0\">\uad50\uc721\uc548\ub0b4<\/a><\/li>\r\n <li><a href=\"https:\/\/metarich-academy.co.kr\/?page_id=11154\" tabindex=\"0\">\uc774\uc6a9\uc548\ub0b4<\/a><\/li>\r\n <li><a href=\"https:\/\/metarich-academy.co.kr\/?page_id=11241\" tabindex=\"0\">\uad50\uc721\uc2dc\uc124<\/a><\/li>\r\n <li><a href=\"https:\/\/metarich-academy.co.kr\/?page_id=11127\" tabindex=\"0\">\uc219\uc18c\uc548\ub0b4<\/a><\/li>\r\n <li><a href=\"https:\/\/metarich-academy.co.kr\/?page_id=10837\" tabindex=\"0\">\ubd80\ub300\uc2dc\uc124<\/a><\/li>\r\n <\/ul>\r\n <div class=\"guide-btns\">\r\n <button onclick=\"location.href='https:\/\/metarich-academy.co.kr\/?page_id=12254'\">\uc2e4\uc2dc\uac04\uc608\uc57d<\/button>\r\n <button class=\"green-btn\" onclick=\"location.href='https:\/\/metarich-academy.co.kr\/?page_id=13530'\">\uad50\uc721\uc2e0\uccad<\/button>\r\n <button class=\"orange-btn\" onclick=\"location.href='https:\/\/metarich-academy.co.kr\/?page_id=11902'\">\uc624\uc2dc\ub294\uae38<\/button>\r\n <\/div>\r\n <div class=\"contact-group\">\r\n <p>\ub300\ud45c\ubc88\ud638: 010-9244-0114<\/p>\r\n <p>\uc8fc\uc18c: \ucd98\ucc9c\uc2dc \ub0a8\uba74 \uc18c\uc8fc\uace0\uac1c\ub85c 238<\/p>\r\n <\/div>\r\n<\/nav>\r\n\r\n<script>\r\n const menuToggle = document.getElementById('menu-toggle');\r\n const sidebar = document.getElementById('sidebar');\r\n const body = document.body;\r\n\r\n menuToggle.addEventListener('click', () => {\r\n sidebar.classList.toggle('open');\r\n body.classList.toggle('menu-open');\r\n });\r\n\r\n menuToggle.addEventListener('keydown', e => {\r\n if(e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n sidebar.classList.toggle('open');\r\n body.classList.toggle('menu-open');\r\n }\r\n });\r\n\r\n \/\/ \uba54\ub274 active \uc0c1\ud0dc \uc81c\uc5b4\r\n const menuList = document.getElementById('menu-list');\r\n const menuItems = menuList.querySelectorAll('a');\r\n\r\n menuItems.forEach(item => {\r\n item.addEventListener('click', e => {\r\n menuItems.forEach(i => i.classList.remove('active'));\r\n e.currentTarget.classList.add('active');\r\n \/\/ \ubaa8\ubc14\uc77c\uc5d0\uc11c \uba54\ub274 \ud074\ub9ad\ud558\uba74 \ub2eb\uae30\r\n if(window.innerWidth <= 768){\r\n sidebar.classList.remove('open');\r\n body.classList.remove('menu-open');\r\n }\r\n });\r\n item.addEventListener('keydown', e => {\r\n if(e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n menuItems.forEach(i => i.classList.remove('active'));\r\n e.currentTarget.classList.add('active');\r\n }\r\n });\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dc486d8 e-con-full e-flex e-con e-parent\" data-id=\"dc486d8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f98762 elementor-widget elementor-widget-html\" data-id=\"7f98762\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ko\">\r\n<head>\r\n<meta charset=\"UTF-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n<title>\uba54\ud0c0\ub9ac\uce58 \uc5f0\uc218\uc6d0 \uc18c\uac1c - \uc601\uc5ed \uc2a4\ud06c\ub864 \uc644\uc804 \ucc28\ub2e8<\/title>\r\n<style>\r\n html, body {\r\n height: 100%;\r\n margin: 0; padding: 0;\r\n font-family: 'Noto Sans KR', sans-serif;\r\n background: #fff;\r\n color: #222;\r\n overflow-x: hidden;\r\n }\r\n body {\r\n min-height: 100%;\r\n overflow: visible;\r\n padding-left: 250px; \/* \uc0ac\uc774\ub4dc\ubc14 \uacf5\uac04 \ud655\ubcf4 *\/\r\n }\r\n\r\n .slider, .white-text-section, .bottom-scroll {\r\n \/* \uae30\uc874 margin-left, width \uc870\uc815 \uc81c\uac70 *\/\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n .slider {\r\n position: relative;\r\n height: 100vh;\r\n width: 100%;\r\n overflow: hidden;\r\n }\r\n .slide {\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 100%; height: 100%;\r\n background-size: cover;\r\n background-position: center center;\r\n opacity: 0;\r\n transition: opacity 1.5s;\r\n z-index: 1;\r\n }\r\n .slide.active { opacity: 1; z-index: 2; }\r\n .slide::before {\r\n content: \"\";\r\n position: absolute; top:0; left:0; width:100%; height:100%;\r\n background: rgba(0,0,0,0.35);\r\n pointer-events: none;\r\n transition: opacity 1.5s;\r\n opacity: 1;\r\n z-index: 3;\r\n }\r\n .slide.active::before { opacity: 0; }\r\n .center-text {\r\n position: absolute;\r\n top: 50%; left: 50%;\r\n transform: translate(-50%, -65%);\r\n color: #fff;\r\n text-align: center;\r\n text-shadow: 0 0 15px rgba(0,0,0,0.7);\r\n font-size: 2rem;\r\n font-weight: 700;\r\n pointer-events: none;\r\n user-select: none;\r\n z-index: 10;\r\n padding: 0 20px;\r\n max-width: 90vw;\r\n line-height: 1.3;\r\n word-break: keep-all;\r\n }\r\n .white-text-section {\r\n max-width: 900px;\r\n margin: 80px auto 40px auto;\r\n padding: 30px 20px;\r\n box-sizing: border-box;\r\n text-align: left;\r\n color: #222;\r\n background: #fff;\r\n font-size: 1.25rem;\r\n line-height: 1.6;\r\n letter-spacing: -0.02em;\r\n }\r\n .bottom-scroll {\r\n position: relative;\r\n height: 30vh;\r\n background: #fff;\r\n margin-top: 40px;\r\n margin-bottom: 30px;\r\n box-sizing: border-box;\r\n overflow: hidden;\r\n mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);\r\n -webkit-mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);\r\n }\r\n .scroll-wrapper {\r\n display: flex;\r\n height: 100%;\r\n width: fit-content;\r\n animation: scrollLeft 80s linear infinite;\r\n }\r\n .scroll-wrapper:hover { animation-play-state: paused; }\r\n .scroll-item {\r\n flex: 0 0 auto;\r\n width: 280px;\r\n aspect-ratio: 4 \/ 3;\r\n margin-right: 15px;\r\n border-radius: 12px;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n background: #eee;\r\n overflow: hidden;\r\n }\r\n .scroll-item img, .scroll-item video {\r\n width: 100%; height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 12px;\r\n }\r\n @keyframes scrollLeft {\r\n 0% { transform: translateX(0%); }\r\n 100% { transform: translateX(-50%); }\r\n }\r\n @media (max-width: 1024px) {\r\n body {\r\n padding-left: 0 !important;\r\n }\r\n .slider, .white-text-section, .bottom-scroll {\r\n margin-left: 0 !important;\r\n width: 100% !important;\r\n max-width: 100vw !important;\r\n }\r\n .white-text-section {\r\n margin: 40px 20px 30px 20px;\r\n padding: 18px 10px;\r\n font-size: 1.06rem;\r\n text-align: left;\r\n max-width: none;\r\n width: auto;\r\n }\r\n .center-text {\r\n font-size: 1.22rem;\r\n padding: 0 10px;\r\n max-width: 98vw;\r\n line-height: 1.4;\r\n white-space: nowrap;\r\n overflow-x: auto;\r\n -webkit-overflow-scrolling: touch;\r\n text-align: center;\r\n }\r\n .slide { background-position: center top; }\r\n .scroll-item {\r\n width: 64vw; min-width: 180px; max-width: 300px;\r\n aspect-ratio: 4\/3;\r\n margin-right: 9px;\r\n border-radius: 9px;\r\n }\r\n .bottom-scroll {\r\n height: 22vh;\r\n min-height: 140px;\r\n margin-top: 28px;\r\n margin-bottom: 30px;\r\n mask-image: none;\r\n -webkit-mask-image: none;\r\n }\r\n }\r\n @media (max-width: 600px) {\r\n .slider {\r\n height: 56vw;\r\n min-height: 220px;\r\n max-height: 70vw;\r\n }\r\n .center-text {\r\n font-size: 1rem;\r\n padding: 0 6vw;\r\n white-space: nowrap;\r\n overflow-x: auto;\r\n -webkit-overflow-scrolling: touch;\r\n text-align: center;\r\n }\r\n .white-text-section {\r\n font-size: 0.98rem;\r\n margin: 20px 10px 18px 10px;\r\n padding: 13px 5vw;\r\n text-align: left;\r\n max-width: none;\r\n width: auto;\r\n }\r\n .scroll-item {\r\n width: 72vw; min-width: 120px; max-width: 260px;\r\n border-radius: 7px;\r\n margin-right: 6px;\r\n }\r\n .bottom-scroll {\r\n height: 17vh; min-height: 90px;\r\n margin-top: 16px;\r\n margin-bottom: 20px;\r\n }\r\n }\r\n \/* \ud478\ud130 \uac15\uc81c \uc0ad\uc81c(\uc228\uae40) *\/\r\n footer, .footer, #footer {\r\n display: none !important;\r\n visibility: hidden !important;\r\n height: 0 !important;\r\n min-height: 0 !important;\r\n max-height: 0 !important;\r\n opacity: 0 !important;\r\n pointer-events: none !important;\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"slider\" aria-label=\"\uba54\ud0c0\ub9ac\uce58 \uc5f0\uc218\uc6d0 \uc601\uc0c1 \uc2ac\ub77c\uc774\ub354\">\r\n <div class=\"slide active\" style=\"background-image: url('https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/8-1-scaled.jpg');\" role=\"img\" aria-label=\"\uc778\ud130\uc2a4\ud154\ub77c \ud480\ube4c\ub77c \uc804\uacbd1\"><\/div>\r\n <div class=\"slide\" style=\"background-image: url('https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/\uc804\uacbd1-scaled.jpg');\" role=\"img\" aria-label=\"\uc778\ud130\uc2a4\ud154\ub77c \ud480\ube4c\ub77c \uc804\uacbd2\"><\/div>\r\n <div class=\"slide\" style=\"background-image: url('https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/\uc804\uacbd3-scaled.jpg');\" role=\"img\" aria-label=\"\uc778\ud130\uc2a4\ud154\ub77c \ud480\ube4c\ub77c \uc804\uacbd3\"><\/div>\r\n <div class=\"center-text\" id=\"slide-text\">\u201c\uc790\uc5f0 \uc18d\uc5d0\uc11c \ucc3e\ub294 \uc0c8\ub85c\uc6b4 \uc601\uac10\"<\/div>\r\n<\/div>\r\n\r\n<div class=\"white-text-section\" role=\"region\" aria-label=\"\uba54\ud0c0\ub9ac\uce58 \uc5f0\uc218\uc6d0 \uc18c\uac1c \ubb38\uad6c\">\r\n <p>\uba54\ud0c0\ub9ac\uce58 \uc784\uc9c1\uc6d0\uc740 \ubb3c\ub860 \uc6d0\uc218\uc0ac\uc640 GA(\ubcf4\ud5d8\ub300\ub9ac\uc810)\ub97c \uc704\ud574 \ud2b9\ubcc4\ud788 \ub9c8\ub828\ud55c \u2018\uba54\ud0c0\ub9ac\uce58\u2019 \uc5f0\uc218\uc6d0\uc740 \ucc9c\ud61c\uc758 \uc790\uc5f0 \uc18d\uc5d0\uc11c \ucd5c\uace0\uc758 \ud734\uc2dd\uacfc \ud559\uc2b5 \ud658\uacbd\uc744 \ub3d9\uc2dc\uc5d0 \ub204\ub9b4 \uc218 \uc788\ub294 \uacf5\uac04\uc785\ub2c8\ub2e4.<\/p>\r\n <p>\ub113\uace0 \ucf8c\uc801\ud55c \uac15\uc758\uc2e4\uc740 \uc9d1\uc911\uacfc \uc18c\ud1b5\uc5d0 \ucd5c\uc801\ud654\ub418\uc5b4 \uc788\uc73c\uba70, \uc218\uc601\uc7a5\uacfc \uc544\ub984\ub2e4\uc6b4 \ud480\ube4c\ub77c\ub294 \uc77c\uc0c1\uc5d0\uc11c \ubc97\uc5b4\ub098 \uc7ac\ucda9\uc804\ud560 \uc218 \uc788\ub294 \uc644\ubcbd\ud55c \ud734\uc2dd\ucc98\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4. \ub9d1\uc740 \uacf5\uae30\uc640 \uc790\uc5f0\uc758 \uc815\ucde8\uac00 \uc5b4\uc6b0\ub7ec\uc9c4 \uba54\ud0c0\ub9ac\uce58 \uc5f0\uc218\uc6d0\uc5d0\uc11c \uc5ec\ub7ec\ubd84\uc740 \uc5c5\ubb34 \ud6a8\uc728\uc740 \ubb3c\ub860, \ub9c8\uc74c\uc758 \uc5ec\uc720\uae4c\uc9c0 \ucc59\uae38 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n <p>\uba54\ud0c0\ub9ac\uce58\uc758 \uc5f0\uc218\uc6d0\uc740 \ub2e8\uc21c\ud55c \uc5f0\uc218\uac00 \uc544\ub2cc, \uc131\uc7a5\uacfc \ud790\ub9c1\uc774 \uacf5\uc874\ud558\ub294 \uacf5\uac04\uc73c\ub85c\uc11c, \uc784\uc9c1\uc6d0\uacfc \ud30c\ud2b8\ub108\uc0ac \ubaa8\ub450\uc5d0\uac8c \ucd5c\uc0c1\uc758 \uacbd\ud5d8\uc744 \uc57d\uc18d\ud569\ub2c8\ub2e4.<\/p>\r\n<\/div>\r\n\r\n<div class=\"bottom-scroll\" aria-label=\"\uc5f0\uc218\uc6d0 \uad00\ub828 \uc774\ubbf8\uc9c0 \ubc0f \uc601\uc0c1 \ub9ac\uc2a4\ud2b8\">\r\n <div class=\"scroll-wrapper\" aria-live=\"polite\" aria-atomic=\"true\">\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/KakaoTalk_20250710_111452503_01-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \uc218\uc601\uc7a5 \uc804\uacbd\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/656d6277a111d.jpg\" alt=\"\uc5f0\uc218\uc6d0 \ub0b4\ubd80 \uac15\uc758\uc2e4 \ubaa8\uc2b5\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/kamac8@hanjasan_20250709_190141751-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \uc790\uc5f0 \uacbd\uad00\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/kamac8@hanjasan_20250709_172000540-1-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \uc0b0\ucc45\ub85c \ubaa8\uc2b5\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/2-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \uc57c\uc678 \uacf5\uac04\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/KakaoTalk_20250708_145841208_04-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \ub85c\ube44 \ubaa8\uc2b5\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/P1000301-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \ud68c\uc758\uc2e4\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/KakaoTalk_20250620_135816066-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \uc815\uc6d0\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/KakaoTalk_20250710_174502965.jpg\" alt=\"\uc5f0\uc218\uc6d0 \uc800\ub141 \uc804\uacbd\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/KakaoTalk_20250709_180422488_04-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \ud734\uac8c \uacf5\uac04\" \/>\r\n <\/div>\r\n \r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/KakaoTalk_20250710_111452503_01-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \uc218\uc601\uc7a5 \uc804\uacbd\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/656d6277a111d.jpg\" alt=\"\uc5f0\uc218\uc6d0 \ub0b4\ubd80 \uac15\uc758\uc2e4 \ubaa8\uc2b5\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/kamac8@hanjasan_20250709_190141751-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \uc790\uc5f0 \uacbd\uad00\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/kamac8@hanjasan_20250709_172000540-1-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \uc0b0\ucc45\ub85c \ubaa8\uc2b5\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/2-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \uc57c\uc678 \uacf5\uac04\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/KakaoTalk_20250708_145841208_04-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \ub85c\ube44 \ubaa8\uc2b5\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/P1000301-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \ud68c\uc758\uc2e4\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/KakaoTalk_20250620_135816066-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \uc815\uc6d0\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/KakaoTalk_20250710_174502965.jpg\" alt=\"\uc5f0\uc218\uc6d0 \uc800\ub141 \uc804\uacbd\" \/>\r\n <\/div>\r\n <div class=\"scroll-item\">\r\n <img decoding=\"async\" src=\"https:\/\/metarich-internship.co.kr\/wp-content\/uploads\/2025\/07\/KakaoTalk_20250709_180422488_04-scaled.jpg\" alt=\"\uc5f0\uc218\uc6d0 \ud734\uac8c \uacf5\uac04\" \/>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n const slides = document.querySelectorAll('.slide');\r\n const slideText = document.getElementById('slide-text');\r\n\r\n const texts = [\r\n '\"\uc790\uc5f0 \uc18d\uc5d0\uc11c \ucc3e\ub294 \uc0c8\ub85c\uc6b4 \uc601\uac10\"',\r\n '\u201c\ub2f9\uc2e0\uc758 \ud734\uc2dd\uacfc \uc131\uc7a5\uc744 \uc704\ud55c \ucd5c\uc801\uc758 \ud658\uacbd\u201d',\r\n '\u201c\ucc28\ubcc4\ud654\ub41c \uac00\uce58\uc640 \uacbd\ud5d8\uc744 \ub9cc\ub4dc\ub294 \uacf5\uac04\u201d'\r\n ];\r\n\r\n let current = 0;\r\n const slideCount = slides.length;\r\n\r\n function showSlide(index) {\r\n slides.forEach((slide, i) => {\r\n slide.classList.toggle('active', i === index);\r\n });\r\n slideText.style.opacity = 0;\r\n setTimeout(() => {\r\n slideText.textContent = texts[index];\r\n slideText.style.opacity = 1;\r\n }, 700);\r\n }\r\n\r\n function nextSlide() {\r\n current = (current + 1) % slideCount;\r\n showSlide(current);\r\n }\r\n\r\n setInterval(nextSlide, 4000);\r\n\r\n \/\/ \ud478\ud130 \uac15\uc81c \uc0ad\uc81c(JS)\r\n window.addEventListener('DOMContentLoaded', function() {\r\n var footers = document.querySelectorAll('footer, .footer, #footer');\r\n footers.forEach(function(f) { f.remove(); });\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\uc88c\uce21 \ud5e4\ub354 + \ud558\ub2e8 \uc5f0\ub77d\ucc98 \uace0\uc815 + \ubaa8\ubc14\uc77c \ud584\ubc84\uac70 \uba54\ub274 \uc5f0\uc218\uc6d0\uc18c\uac1c \uad50\uc721\uc548\ub0b4 \uc774\uc6a9\uc548\ub0b4 \uad50\uc721\uc2dc\uc124 \uc219\uc18c\uc548\ub0b4 \ubd80\ub300\uc2dc\uc124 \uc2e4\uc2dc\uac04\uc608\uc57d \uad50\uc721\uc2e0\uccad \uc624\uc2dc\ub294\uae38 \ub300\ud45c\ubc88\ud638: 010-9244-0114 \uc8fc\uc18c: \ucd98\ucc9c\uc2dc \ub0a8\uba74 \uc18c\uc8fc\uace0\uac1c\ub85c 238 \uba54\ud0c0\ub9ac\uce58 \uc5f0\uc218\uc6d0 \uc18c\uac1c – \uc601\uc5ed \uc2a4\ud06c\ub864 \uc644\uc804 \ucc28\ub2e8 \u201c\uc790\uc5f0 \uc18d\uc5d0\uc11c \ucc3e\ub294 \uc0c8\ub85c\uc6b4 \uc601\uac10” \uba54\ud0c0\ub9ac\uce58 \uc784\uc9c1\uc6d0\uc740 \ubb3c\ub860 \uc6d0\uc218\uc0ac\uc640 GA(\ubcf4\ud5d8\ub300\ub9ac\uc810)\ub97c \uc704\ud574 \ud2b9\ubcc4\ud788 \ub9c8\ub828\ud55c \u2018\uba54\ud0c0\ub9ac\uce58\u2019 \uc5f0\uc218\uc6d0\uc740 \ucc9c\ud61c\uc758 \uc790\uc5f0 \uc18d\uc5d0\uc11c \ucd5c\uace0\uc758 \ud734\uc2dd\uacfc \ud559\uc2b5 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_eb_attr":"","footnotes":""},"class_list":["post-10810","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/10810","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10810"}],"version-history":[{"count":164,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/10810\/revisions"}],"predecessor-version":[{"id":14514,"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/10810\/revisions\/14514"}],"wp:attachment":[{"href":"https:\/\/metarich-internship.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10810"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}