작업중

dist/assets/assets/css/font.css

@@ -1,62 +0,0 @@
-@font-face {
-    font-family: 'Pretendard';
-    font-weight: 900;
-    font-display: swap;
-    src: local('Pretendard Black'), url(../fonts/woff2/Pretendard-Black.woff2) format('woff2'), url(../fonts/woff/Pretendard-Black.woff) format('woff');
-}
-
-@font-face {
-    font-family: 'Pretendard';
-    font-weight: 800;
-    font-display: swap;
-    src: local('Pretendard ExtraBold'), url(../fonts/woff2/Pretendard-ExtraBold.woff2) format('woff2'), url(../fonts/woff/Pretendard-ExtraBold.woff) format('woff');
-}
-
-@font-face {
-    font-family: 'Pretendard';
-    font-weight: 700;
-    font-display: swap;
-    src: local('Pretendard Bold'), url(../fonts/woff2/Pretendard-Bold.woff2) format('woff2'), url(../fonts/woff/Pretendard-Bold.woff) format('woff');
-}
-
-@font-face {
-    font-family: 'Pretendard';
-    font-weight: 600;
-    font-display: swap;
-    src: local('Pretendard SemiBold'), url(../fonts/woff2/Pretendard-SemiBold.woff2) format('woff2'), url(../fonts/woff/Pretendard-SemiBold.woff) format('woff');
-}
-
-@font-face {
-    font-family: 'Pretendard';
-    font-weight: 500;
-    font-display: swap;
-    src: local('Pretendard Medium'), url(../fonts/woff2/Pretendard-Medium.woff2) format('woff2'), url(../fonts/woff/Pretendard-Medium.woff) format('woff');
-}
-
-@font-face {
-    font-family: 'Pretendard';
-    font-weight: 400;
-    font-display: swap;
-    src: local('Pretendard Regular'), url(../fonts/woff2/Pretendard-Regular.woff2) format('woff2'), url(../fonts/woff/Pretendard-Regular.woff) format('woff');
-}
-
-@font-face {
-    font-family: 'Pretendard';
-    font-weight: 300;
-    font-display: swap;
-    src: local('Pretendard Light'), url(../fonts/woff2/Pretendard-Light.woff2) format('woff2'), url(../fonts/woff/Pretendard-Light.woff) format('woff');
-}
-
-@font-face {
-    font-family: 'Pretendard';
-    font-weight: 200;
-    font-display: swap;
-    src: local('Pretendard ExtraLight'), url(../fonts/woff2/Pretendard-ExtraLight.woff2) format('woff2'), url(../fonts/woff/Pretendard-ExtraLight.woff) format('woff');
-}
-
-@font-face {
-    font-family: 'Pretendard';
-    font-weight: 100;
-    font-display: swap;
-    src: local('Pretendard Thin'), url(../fonts/woff2/Pretendard-Thin.woff2) format('woff2'), url(../fonts/woff/Pretendard-Thin.woff) format('woff');
-}

dist/assets/assets/images/ecrew-logo.svg

@@ -1 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?><svg id="_레이어_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 380.54 81.08"><defs><style>.cls-1,.cls-2,.cls-3{stroke-width:0px;}.cls-2{fill:#1d60ed;}.cls-3{fill:#872de3;}</style></defs><g id="Layer_1"><path class="cls-1" d="m44.29,79.63c-8.8,0-16.53-1.64-23.21-4.93-6.67-3.28-11.86-7.83-15.55-13.65C1.84,55.24,0,48.49,0,40.8c0-8.49,1.77-15.77,5.31-21.84,3.54-6.07,8.27-10.74,14.18-14.03C25.41,1.65,31.95,0,39.13,0c8.19,0,15.04,1.72,20.55,5.16,5.51,3.44,9.68,8.11,12.51,14.03,2.83,5.92,4.25,12.67,4.25,20.25,0,1.31-.08,2.86-.23,4.63-.15,1.77-.33,3.16-.53,4.17H24.72c.61,2.63,1.77,4.85,3.49,6.67,1.72,1.82,3.89,3.16,6.52,4.02,2.63.86,5.56,1.29,8.8,1.29h23.81v19.41h-23.06Zm-20.17-46.11h29.58c-.2-1.62-.51-3.19-.91-4.7-.41-1.52-1.04-2.86-1.9-4.02-.86-1.16-1.85-2.17-2.96-3.03-1.11-.86-2.4-1.54-3.87-2.05-1.47-.5-3.11-.76-4.93-.76-2.33,0-4.4.41-6.22,1.21-1.82.81-3.34,1.9-4.55,3.26-1.21,1.37-2.15,2.93-2.81,4.7-.66,1.77-1.14,3.56-1.44,5.38Z"/><path class="cls-1" d="m123.77,79.63c-8.09,0-15.27-1.69-21.54-5.08-6.27-3.39-11.22-7.99-14.86-13.8-3.64-5.81-5.46-12.46-5.46-19.95s1.82-14.13,5.46-19.95c3.64-5.81,8.59-10.44,14.86-13.88,6.27-3.44,13.45-5.16,21.54-5.16h11.68v19.87h-10.77c-3.94,0-7.33.83-10.16,2.5-2.83,1.67-5.03,3.94-6.6,6.83-1.57,2.88-2.35,6.14-2.35,9.78s.78,6.9,2.35,9.78c1.57,2.88,3.77,5.16,6.6,6.83,2.83,1.67,6.22,2.5,10.16,2.5h10.77v19.72h-11.68Z"/><path class="cls-1" d="m143.33,79.63V24.72c0-7.08,2.02-12.64,6.07-16.68s9.66-6.07,16.84-6.07h22.6v19.11h-16.84c-1.42,0-2.63.48-3.64,1.44-1.01.96-1.52,2.2-1.52,3.72v53.39h-23.51Z"/><path class="cls-1" d="m235.4,79.63c-8.8,0-16.53-1.64-23.21-4.93-6.67-3.28-11.86-7.83-15.55-13.65-3.69-5.81-5.54-12.56-5.54-20.25,0-8.49,1.77-15.77,5.31-21.84,3.54-6.07,8.27-10.74,14.18-14.03,5.92-3.28,12.46-4.93,19.64-4.93,8.19,0,15.04,1.72,20.55,5.16,5.51,3.44,9.68,8.11,12.51,14.03,2.83,5.92,4.25,12.67,4.25,20.25,0,1.31-.08,2.86-.23,4.63-.15,1.77-.33,3.16-.53,4.17h-50.96c.61,2.63,1.77,4.85,3.49,6.67,1.72,1.82,3.89,3.16,6.52,4.02,2.63.86,5.56,1.29,8.8,1.29h23.81v19.41h-23.05Zm-20.17-46.11h29.58c-.2-1.62-.51-3.19-.91-4.7-.41-1.52-1.04-2.86-1.9-4.02-.86-1.16-1.85-2.17-2.96-3.03-1.11-.86-2.4-1.54-3.87-2.05-1.47-.5-3.11-.76-4.93-.76-2.33,0-4.4.41-6.22,1.21-1.82.81-3.34,1.9-4.55,3.26-1.21,1.37-2.15,2.93-2.81,4.7-.66,1.77-1.14,3.56-1.44,5.38Z"/><path class="cls-1" d="m305.12,81.08c-6.16,0-11.64-1.28-16.46-3.84-4.82-2.56-8.62-6.17-11.4-10.84-2.78-4.67-4.17-10.23-4.17-16.68v-21.94h20.8v22.27c0,2.45.46,4.62,1.39,6.51.93,1.89,2.22,3.39,3.89,4.5,1.67,1.11,3.65,1.67,5.95,1.67s4.3-.56,6.01-1.67c1.71-1.11,3-2.61,3.89-4.5.89-1.89,1.33-4.06,1.33-6.51v-22.27h21.02v22.27c0,2.45.45,4.62,1.33,6.51.89,1.89,2.19,3.39,3.89,4.5,1.7,1.11,3.71,1.67,6.01,1.67s4.28-.56,5.95-1.67c1.67-1.11,2.96-2.61,3.89-4.5.93-1.89,1.39-4.06,1.39-6.51V1.77h20.69v47.94c0,6.45-1.37,12.01-4.12,16.68-2.74,4.67-6.51,8.29-11.29,10.84-4.78,2.56-10.29,3.84-16.52,3.84-2.97,0-5.78-.33-8.45-1-2.67-.67-5.12-1.63-7.34-2.89-2.22-1.26-4.23-2.78-6.01-4.56-1.78,1.71-3.78,3.21-6.01,4.5-2.22,1.3-4.65,2.28-7.29,2.95-2.63.67-5.43,1-8.4,1Z"/><circle class="cls-2" cx="283.53" cy="11.08" r="10.44"/><circle class="cls-3" cx="327.53" cy="11.08" r="10.44"/></g></svg>

dist/assets/assets/images/logo-favicon.svg

@@ -1 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?><svg id="_레이어_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45.27 48.68"><defs><style>.cls-1{fill:#219be4;}.cls-1,.cls-2,.cls-3,.cls-4,.cls-5,.cls-6{stroke-width:0px;}.cls-2{fill:#1a2bc3;}.cls-3{fill:#3f60c1;}.cls-4{fill:#2264dc;}.cls-5{fill:#5a82fb;}.cls-6{fill:#4ab7f2;}</style></defs><g id="Layer_1"><polygon class="cls-6" points="22.69 18.15 22.69 30.81 0 26.7 0 22.16 22.69 18.15"/><polygon class="cls-1" points="22.69 18.15 22.69 30.81 37.74 27.79 37.74 21.07 22.69 18.15"/><polygon class="cls-5" points="22.69 0 22.69 12.87 45.27 17.2 45.27 12.14 22.69 0"/><polygon class="cls-3" points="22.64 0 22.64 12.87 7.69 15.02 7.69 8.86 22.64 0"/><polygon class="cls-4" points="22.69 48.68 22.69 35.81 45.27 31.48 45.27 36.55 22.69 48.68"/><polygon class="cls-2" points="22.64 48.68 22.64 35.81 7.69 33.66 7.69 39.82 22.64 48.68"/></g></svg>

dist/assets/assets/images/logo.svg

@@ -1 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?><svg id="_레이어_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 306.35 48.68"><defs><style>.cls-1{fill:#219be4;}.cls-1,.cls-2,.cls-3,.cls-4,.cls-5,.cls-6,.cls-7{stroke-width:0px;}.cls-2{fill:#1a2bc3;}.cls-4{fill:#3f60c1;}.cls-5{fill:#2264dc;}.cls-6{fill:#5a82fb;}.cls-7{fill:#4ab7f2;}</style></defs><g id="Layer_1"><path class="cls-3" d="m56.58,10.22h22.38v5.84h-15.66v6.13h14.37v5.84h-14.37v6.46h15.99v5.84h-22.72V10.22Z"/><path class="cls-3" d="m83.8,10.22h11.67c9.97,0,16.14,6.17,16.14,15.07s-6.17,15.03-16.14,15.03h-11.67V10.22Zm11.78,24.16c5.76,0,9.31-3.29,9.31-9.09s-3.55-9.12-9.31-9.12h-5.06v18.21h5.06Z"/><path class="cls-3" d="m115.27,10.22h6.72v16.77c0,4.8,2.66,8.02,7.06,8.02s7.05-3.21,7.05-8.02V10.22h6.72v16.77c0,8.53-5.51,14.07-13.78,14.07s-13.78-5.54-13.78-14.07V10.22Z"/><path class="cls-3" d="m187.37,10.22l-8.68,30.11h-6.8l-5.39-18.88-5.39,18.88h-6.79l-8.68-30.11h7.2l5.17,19.69,5.17-19.69h6.98l5.13,19.61,5.21-19.61h6.87Z"/><path class="cls-3" d="m188.35,25.25c0-9.12,6.91-15.81,16.25-15.81s16.25,6.69,16.25,15.81-6.91,15.81-16.25,15.81-16.25-6.68-16.25-15.81Zm25.78,0c0-5.69-4.06-9.75-9.53-9.75s-9.53,4.06-9.53,9.75,4.06,9.75,9.53,9.75,9.53-4.1,9.53-9.75Z"/><path class="cls-3" d="m242.76,40.33l-5.84-9.49h-5.36v9.49h-6.72V10.22h12.12c7.65,0,12.12,4.06,12.12,10.3,0,4.14-1.96,7.31-5.5,8.98l6.98,10.82h-7.79Zm-11.19-15.44h5.1c3.55,0,5.69-1.51,5.69-4.36s-2.14-4.36-5.69-4.36h-5.1v8.72Z"/><path class="cls-3" d="m264.47,28.84l-4.1,4.73v6.76h-6.72V10.22h6.72v14.18l12.04-14.18h8.24l-11.82,13.63,12.45,16.48h-8.38l-8.42-11.49Z"/><path class="cls-3" d="m306.24,19.31h-6.95c-.41-2.62-2.36-4.21-5.58-4.21s-4.88,1.26-4.88,3.07c0,2.25,2.33,3.03,8.2,4.25,6.95,1.44,9.31,4.88,9.31,9.38,0,5.76-5.43,9.27-12.15,9.27-7.43,0-12.86-4.02-13.15-10.45h6.91c.37,2.88,2.88,4.8,6.72,4.8,2.73,0,4.77-1.37,4.77-3.32,0-2.4-2.03-3.36-7.39-4.36-6.54-1.22-10.08-3.92-10.08-9.57s5.39-8.68,12.19-8.68,11.75,4.1,12.08,9.82Z"/><polygon class="cls-7" points="22.69 18.15 22.69 30.81 0 26.7 0 22.16 22.69 18.15"/><polygon class="cls-1" points="22.69 18.15 22.69 30.81 37.74 27.79 37.74 21.07 22.69 18.15"/><polygon class="cls-6" points="22.69 0 22.69 12.87 45.27 17.2 45.27 12.14 22.69 0"/><polygon class="cls-4" points="22.64 0 22.64 12.87 7.69 15.02 7.69 8.86 22.64 0"/><polygon class="cls-5" points="22.69 48.68 22.69 35.81 45.27 31.48 45.27 36.55 22.69 48.68"/><polygon class="cls-2" points="22.64 48.68 22.64 35.81 7.69 33.66 7.69 39.82 22.64 48.68"/></g></svg>

dist/assets/assets/images/onadn-logo.svg

@@ -1,24 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg id="_레이어_2" data-name="레이어 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 123.1 24.86">
-  <defs>
-    <style>
-      .cls-1, .cls-2 {
-        stroke-width: 0px;
-      }
-
-      .cls-2 {
-        fill: #d93940;
-      }
-    </style>
-  </defs>
-  <g id="_레이어_1-2" data-name="레이어 1">
-    <path class="cls-1" d="M104.7,24.82c-1,0-1.9-.8-1.9-1.9V1.92c0-.8.5-1.5,1.3-1.8.7-.3,1.6,0,2.1.6l13.1,16.7V2.52c0-1,.8-1.9,1.9-1.9,1,0,1.9.8,1.9,1.9v20.3c0,.8-.5,1.5-1.3,1.8-.7.3-1.6,0-2.1-.6l-13.2-16.7v15.6c0,1-.8,1.9-1.8,1.9Z"/>
-    <path class="cls-1" d="M72.7,24.82c-.7,0-1.4-.4-1.7-1.2l-7-16.8-6.9,16.9c-.4.9-1.5,1.4-2.4,1s-1.4-1.5-1-2.4L62.4,1.32c.3-.7,1-1.1,1.7-1.1.8,0,1.4.5,1.7,1.1l8.7,21c.4.9-.1,2-1,2.4-.3,0-.6.1-.8.1Z"/>
-    <path class="cls-1" d="M86.1,24.82h-5.7c-1,0-1.9-.8-1.9-1.9V1.92c0-1,.8-1.9,1.9-1.9h5.7c6.8,0,12.4,5.5,12.4,12.4s-5.6,12.4-12.4,12.4ZM82.3,21.12h3.8c4.8,0,8.7-3.9,8.7-8.7s-3.9-8.7-8.7-8.7h-3.8v17.4Z"/>
-    <g>
-      <path class="cls-2" d="M31.1,24.82c-1,0-1.9-.8-1.9-1.9V1.92c0-.8.5-1.5,1.2-1.8.7-.3,1.6,0,2.1.6l13.1,16.7V2.52c0-1,.8-1.9,1.9-1.9,1,0,1.9.8,1.9,1.9v20.3c0,.8-.5,1.5-1.2,1.8s-1.6,0-2.1-.6l-13.1-16.7v15.6c0,1-.9,1.9-1.9,1.9Z"/>
-      <path class="cls-2" d="M12.4,24.82C5.6,24.82,0,19.22,0,12.42c0-.8.1-1.6.3-2.5.2-1,1.2-1.6,2.2-1.4,1,.2,1.6,1.2,1.4,2.2-.1.6-.2,1.2-.2,1.7,0,4.8,3.9,8.7,8.7,8.7s8.7-3.9,8.7-8.7S17.2,3.72,12.4,3.72c-.5,0-1.1.1-1.6.2-1,.2-2-.4-2.2-1.5-.2-1,.4-2,1.4-2.2.8-.2,1.6-.2,2.4-.2C19.2.02,24.8,5.52,24.8,12.42c0,6.8-5.6,12.4-12.4,12.4Z"/>
-      <path class="cls-2" d="M7,5.02c0,1.1-.9,2-2,2s-2-.9-2-2,.9-2,2-2,2,.9,2,2Z"/>
-    </g>
-  </g>
-</svg>

dist/assets/assets/images/wheeparam2-logo.svg

@@ -1,36 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg id="_레이어_2" data-name="레이어 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640.99 65.38">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #000001;
-      }
-
-      .cls-1, .cls-2 {
-        stroke-width: 0px;
-      }
-
-      .cls-2 {
-        fill: #43b6a2;
-      }
-    </style>
-  </defs>
-  <g id="Layer_1" data-name="Layer 1">
-    <g>
-      <path class="cls-2" d="M121.85,15.52h6.32l-9.87,34.34-9.23-.05-5.53-22.6-5.48,22.6-9.28.05-9.82-34.34h6.32l8.34,27.93,6.96-27.93h5.97l6.91,27.93,8.39-27.93Z"/>
-      <path class="cls-2" d="M170.3,49.86h-6.66v-14.06h-20.92v14.06h-6.66V15.52h6.66v14.11h20.92v-14.11h6.66v34.34Z"/>
-      <path class="cls-2" d="M208.4,21.19h-23.44v8.39h19.34v6.22h-19.34v8.44h23.44v5.63h-30.2V15.52h30.2v5.67Z"/>
-      <path class="cls-2" d="M246.49,21.19h-23.44v8.39h19.34v6.22h-19.34v8.44h23.44v5.63h-30.2V15.52h30.2v5.67Z"/>
-      <path class="cls-2" d="M287.1,33.23c0,1.74-.62,3.24-1.87,4.49-1.25,1.25-2.76,1.87-4.54,1.87h-19.64v10.26h-6.66V15.52h26.3c1.78,0,3.29.63,4.54,1.9,1.25,1.27,1.87,2.77,1.87,4.51v11.3ZM278.91,33.48c.56,0,1.04-.21,1.43-.62.4-.41.59-.9.59-1.46v-7.65c0-.59-.2-1.09-.59-1.48-.39-.4-.87-.59-1.43-.59h-17.86v11.79h17.86Z"/>
-      <path class="cls-2" d="M317.94,44.19h-19.98l-2.52,5.67h-6.46l14.46-34.34h9.03l14.46,34.34h-6.41l-2.57-5.67ZM307.97,19.81l-7.4,18.85h14.75l-7.35-18.85Z"/>
-      <path class="cls-2" d="M358.25,49.86l-6.86-10.26h-11.94v10.26h-6.66V15.52h27.34c1.78,0,3.29.63,4.54,1.9,1.25,1.27,1.87,2.77,1.87,4.51v11.3c0,1.65-.55,3.07-1.65,4.27-1.1,1.2-2.46,1.9-4.07,2.1l-2.12.2,6.71,10.07h-7.15ZM339.45,21.69v11.79h18.9c.56,0,1.04-.21,1.43-.62.39-.41.59-.9.59-1.46v-7.65c0-.59-.2-1.09-.59-1.48-.4-.4-.87-.59-1.43-.59h-18.9Z"/>
-      <path class="cls-2" d="M401.28,44.19h-19.98l-2.52,5.67h-6.46l14.46-34.34h9.03l14.46,34.34h-6.41l-2.57-5.67ZM391.31,19.81l-7.4,18.85h14.75l-7.35-18.85Z"/>
-      <path class="cls-2" d="M457.98,49.86h-6.66v-21.61l-10.36,21.61h-7.8l-10.36-21.61v21.61h-6.66V15.52l7.6.05,13.32,28.27,13.32-28.32h7.6v34.34Z"/>
-    </g>
-    <path class="cls-1" d="M552.66,15.52c2.07,0,3.85.74,5.33,2.22,1.48,1.48,2.22,3.26,2.22,5.33v19.24c0,2.07-.74,3.85-2.22,5.33-1.48,1.48-3.26,2.22-5.33,2.22h-22.3c-2.11,0-3.89-.74-5.35-2.22s-2.2-3.26-2.2-5.33v-19.24c0-2.07.73-3.85,2.2-5.33s3.25-2.22,5.35-2.22h22.3ZM554.04,40.58v-15.79c0-.85-.3-1.59-.91-2.2-.61-.61-1.34-.91-2.2-.91h-18.9c-.85,0-1.59.3-2.2.91-.61.61-.91,1.34-.91,2.2v15.79c0,.86.3,1.59.91,2.2.61.61,1.34.91,2.2.91h18.9c.85,0,1.59-.3,2.2-.91.61-.61.91-1.34.91-2.2Z"/>
-    <path class="cls-1" d="M594.7,30.17v5.72h-19.84v13.96h-6.76V15.52h30.74v5.67h-23.98v8.98h19.84Z"/>
-    <path class="cls-1" d="M640.99,15.52v6.17h-13.82v28.18h-6.66v-28.18h-13.82v-6.17h34.29Z"/>
-    <path class="cls-1" d="M513.26,31.53c-1.1-1.1-2.43-1.65-3.97-1.65h-23.49c-.3,0-.56-.11-.79-.32-.23-.21-.35-.48-.35-.81v-4.88c0-.59.21-1.09.64-1.5.43-.41.94-.62,1.53-.62h28.05v-6.22h-29.93c-1.78,0-3.29.63-4.54,1.9-1.25,1.27-1.87,2.79-1.87,4.56v7.89c0,1.55.55,2.87,1.65,3.97,1.1,1.1,2.43,1.65,3.97,1.65h23.44c.33,0,.6.12.81.35.21.23.32.49.32.79v4.84c0,.53-.13.97-.4,1.33-.43.56-.97.84-1.63.84l-15.71.04h-12.43v6.16h6.21c.06,0,.11.02.17.02l23.59-.05c1.74,0,3.24-.63,4.49-1.9,1.25-1.27,1.87-2.79,1.87-4.56v-7.85c0-1.55-.55-2.87-1.65-3.97Z"/>
-    <polygon class="cls-2" points="53.84 21.62 53.84 13.81 27.02 29.3 27.02 51.09 33.22 47.48 47.08 39.49 47.08 46.02 29.31 56.27 27.02 57.6 20.4 53.78 20.4 26.74 36.96 17.18 30.19 13.27 13.64 22.83 13.64 49.88 6.76 45.91 6.76 20.75 35.89 3.93 29.09 0 0 16.84 0 42.01 0 49.83 6.76 53.72 6.76 53.72 23.69 63.46 23.69 63.46 27.02 65.38 27.02 65.38 27.02 65.38 53.84 49.93 53.84 27.78 33.78 39.35 33.78 33.2 53.84 21.62"/>
-  </g>
-</svg>

dist/assets/css/font.css

@@ -0,0 +1,62 @@
+@font-face {
+    font-family: 'Pretendard';
+    font-weight: 900;
+    font-display: swap;
+    src: local('Pretendard Black'), url(../assets/fonts/woff2/Pretendard-Black.woff2) format('woff2'), url(../assets/fonts/woff/Pretendard-Black.woff) format('woff');
+}
+
+@font-face {
+    font-family: 'Pretendard';
+    font-weight: 800;
+    font-display: swap;
+    src: local('Pretendard ExtraBold'), url(../assets/fonts/woff2/Pretendard-ExtraBold.woff2) format('woff2'), url(../assets/fonts/woff/Pretendard-ExtraBold.woff) format('woff');
+}
+
+@font-face {
+    font-family: 'Pretendard';
+    font-weight: 700;
+    font-display: swap;
+    src: local('Pretendard Bold'), url(../assets/fonts/woff2/Pretendard-Bold.woff2) format('woff2'), url(../assets/fonts/woff/Pretendard-Bold.woff) format('woff');
+}
+
+@font-face {
+    font-family: 'Pretendard';
+    font-weight: 600;
+    font-display: swap;
+    src: local('Pretendard SemiBold'), url(../assets/fonts/woff2/Pretendard-SemiBold.woff2) format('woff2'), url(../assets/fonts/woff/Pretendard-SemiBold.woff) format('woff');
+}
+
+@font-face {
+    font-family: 'Pretendard';
+    font-weight: 500;
+    font-display: swap;
+    src: local('Pretendard Medium'), url(../assets/fonts/woff2/Pretendard-Medium.woff2) format('woff2'), url(../assets/fonts/woff/Pretendard-Medium.woff) format('woff');
+}
+
+@font-face {
+    font-family: 'Pretendard';
+    font-weight: 400;
+    font-display: swap;
+    src: local('Pretendard Regular'), url(../assets/fonts/woff2/Pretendard-Regular.woff2) format('woff2'), url(../assets/fonts/woff/Pretendard-Regular.woff) format('woff');
+}
+
+@font-face {
+    font-family: 'Pretendard';
+    font-weight: 300;
+    font-display: swap;
+    src: local('Pretendard Light'), url(../assets/fonts/woff2/Pretendard-Light.woff2) format('woff2'), url(../assets/fonts/woff/Pretendard-Light.woff) format('woff');
+}
+
+@font-face {
+    font-family: 'Pretendard';
+    font-weight: 200;
+    font-display: swap;
+    src: local('Pretendard ExtraLight'), url(../assets/fonts/woff2/Pretendard-ExtraLight.woff2) format('woff2'), url(../assets/fonts/woff/Pretendard-ExtraLight.woff) format('woff');
+}
+
+@font-face {
+    font-family: 'Pretendard';
+    font-weight: 100;
+    font-display: swap;
+    src: local('Pretendard Thin'), url(../assets/fonts/woff2/Pretendard-Thin.woff2) format('woff2'), url(../assets/fonts/woff/Pretendard-Thin.woff) format('woff');
+}

dist/assets/css/style.css

@@ -14304,6 +14304,10 @@ footer .container {
     margin-bottom: 0.9375rem;
   }
 }
+.main-banner .main-top-text .--title .animation {
+  font-family: "Montserrat", sans-serif;
+  font-weight: 800;
+}
 .main-banner .main-top-text .--sub-text {
   font-size: 21px;
   font-weight: 400;
@@ -14332,7 +14336,7 @@ footer .container {
   }
 }
 .why-reason .container .reason-list .reason-box {
-  width: 32%;
+  width: 23%;
   margin-bottom: 50px;
   box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
   border: 1px solid rgba(0, 0, 0, 0.07);
@@ -14504,11 +14508,12 @@ footer .container {
 }
 .service-info .service-list .--service-item .--item-detail-list .--item-detail .img-box {
   width: 100%;
-  border-radius: 20px;
+  border-radius: 30px;
   position: relative;
   overflow: hidden;
   margin-bottom: 30px;
   box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
+  background-color: #fff;
   /*
   &:after{
     content:"";
@@ -14620,19 +14625,22 @@ footer .container {
 }
 .clients-info .clients-list .logo-img {
   padding: 20px 30px;
-  background-color: rgba(0, 0, 0, 0.05);
-  border-radius: 10px;
   width: 100%;
   max-height: 65%;
+  border-bottom: 1px solid #DDDDDD;
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center center;
 }
+.clients-info .clients-list .logo-img > img {
+  display: block;
+  margin: 0 auto;
+}
 @media screen and (max-width: 1200px) {
   .clients-info .clients-list .logo-img {
-    padding: 0.8333333333rem 1.0416666667rem;
-    border-radius: 0.625rem;
-    max-height: 4.375rem;
+    padding: 0;
+  }
+  .clients-info .clients-list .logo-img > img {
     transform: scale(0.6);
   }
 }

dist/index.html

@@ -34,7 +34,7 @@
     <meta name="theme-color" content="#ffffff">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;600&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;600;800&display=swap" rel="stylesheet">
     <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
     <link rel="stylesheet" href="./assets/css/style.min.css">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
@@ -60,21 +60,21 @@
                 <div class="nav-header">에듀웍스</div>
                 <ul class="gnb-nav-wrap">
                     <li>
-                        <a href="javascript:;" data-target=".main-banner" data-button="btn-animate-move" data-offset="100" class="en">홈</a>
+                        <a href="javascript:;" data-target=".main-banner" data-button="btn-animate-move" data-offset="100">홈</a>
                     </li>
                     <li>
-                        <a href="javascript:;" data-target=".why-reason" data-button="btn-animate-move" class="en">NOW! 에듀웍스</a>
+                        <a href="javascript:;" data-target=".why-reason" data-button="btn-animate-move">인텔리젼스 소개</a>
                     </li>
                     <li>
-                        <a href="javascript:;" data-target=".service-info" data-button="btn-animate-move" class="en">에듀스토어</a>
+                        <a href="javascript:;" data-target=".service-info" data-button="btn-animate-move">서비스</a>
                     </li>
 
                     <li>
-                        <a href="javascript:;" data-target=".clients-info" data-button="btn-animate-move" class="en">에듀파트너</a>
+                        <a href="javascript:;" data-target=".clients-info" data-button="btn-animate-move">파트너</a>
                     </li>
 
                     <li>
-                        <a href="javascript:;" data-target=".inquiry-form" data-button="btn-animate-move" class="en">상담요청</a>
+                        <a href="javascript:;" data-target=".inquiry-form" data-button="btn-animate-move" class="en">문의</a>
                     </li>
                 </ul>
             </nav>
@@ -112,9 +112,9 @@
     <div class="main-top-text">
         <h2 class="--title">
             <small>
-                품격 있는 경호, INTELLIGENCE가 만듭니다.
+                품격 있는 경호, 인텔리젼스가 만듭니다.
             </small>
-            <span class="animation">Professional Protection <br>with Class.</span>
+            <span class="animation">Professional Protection <br>stiwith Class.</span>
         </h2>
         <p class="--sub-text">
             중요한 순간일수록 더 정교한 보안이 필요합니다. <br>
@@ -133,48 +133,43 @@
         <ul class="contents-wrap reason-list">
             <li class="reason-box">
                 <h3 class="--title MB10">
-                    <span class="icon material-symbols-outlined">data_table</span>
-                    <span>VIP 전담 서비스 <br><small>(VIP Protection Service)</small></span>
+                    <span class="icon material-symbols-outlined">security</span>
+                    <span>경험과 신뢰를 겸비한 전문 경호팀</span>
                 </h3>
                 <p class="--sub-text">
-                    가장 중요한 순간, 가장 완벽한 보호
+                    VIP 경호 및 대규모 행사 경호를 성공적으로 수행한 경력을 <br class="device-mobile">
+                    보유한 전문 경호팀을 운영, 고객의 안전을 최우선으로 보장합니다.
                 </p>
-                <ul class="--sub-text-list">
-                    <li>정치인, 기업 CEO, 연예인 등 VIP 대상 맞춤형 경호</li>
-                    <li>출퇴근 경호, 행사장 동행, 숙소 보안 제공</li>
-                    <li>첨단 보안 장비 (드론, 위치 추적기)와 경호팀 배치</li>
-                    <li>위급 상황 대비 긴급 대피 플랜 수립</li>
-                </ul>
             </li>
             <li class="reason-box">
                 <h3 class="--title MB10">
                     <span class="icon material-symbols-outlined">data_table</span>
-                    <span>행사 및 이벤트 서비스<br><small>(Event Security Service)</small></span>
+                    <span>보안 시스템과 맞춤형 경호 솔루션</span>
                 </h3>
                 <p class="--sub-text">
-                    안전한 행사, 성공적인 이벤트의 시작
+                    고객의 동선과 일정을 분석해 개별 맞춤형 경호 플랜을 설계,<br class="device-mobile">
+                    예기치 못한 상황에도 즉각 대응합니다.
                 </p>
-                <ul class="--sub-text-list">
-                    <li>콘서트, 페스티벌, 전시회 등 대규모 행사 맞춤 경호</li>
-                    <li>입구 통제, 무대 및 VIP 구역 보호</li>
-                    <li>실시간 현장 모니터링 및 통제실 운영</li>
-                    <li>긴급 상황 대응 및 군중 관리 시스템</li>
-                </ul>
             </li>
             <li class="reason-box">
                 <h3 class="--title MB10">
-                    <span class="icon material-symbols-outlined">data_table</span>
-                    <span>기업 보안 컨설팅 서비스<br><small>(Corporate Security Consulting)</small></span>
+                    <span class="icon material-symbols-outlined">comment</span>
+                    <span>신속한 위기 대응 및 철저한 사후 관리</span>
                 </h3>
                 <p class="--sub-text">
-                    기업 기밀 보호를 위한 철저한 보안 시스템 구축
+                    경호 서비스 종료 후에도 사후 보고서를 통해 고객의 안전 상태를 <br class="device-mobile">
+                    지속적으로 모니터링하고 피드백을 제공합니다.
+                </p>
+            </li>
+            <li class="reason-box">
+                <h3 class="--title MB10">
+                    <span class="icon material-symbols-outlined">lock</span>
+                    <span>철저한 기밀 유지 및 프라이버시 보호</span>
+                </h3>
+                <p class="--sub-text">
+                    모든 경호 인력은 기밀 유지 서약을 체결하고, 고객 정보의 유출을 <br class="device-mobile">
+                    방지하기 위해 철저한 보안 프로토콜을 준수합니다.
                 </p>
-                <ul class="--sub-text-list">
-                    <li>사내 출입 통제 및 보안 시스템 설계</li>
-                    <li>정보 유출 방지 대책 및 모니터링</li>
-                    <li>산업 스파이 방지 교육 및 위기 대처 방안 제공</li>
-                    <li>중요 인사의 사무실 및 자택 보안 강화</li>
-                </ul>
             </li>
         </ul>
     </div>
@@ -183,7 +178,7 @@
 <section class="service-info section gray-back">
     <div class="container">
         <div class="title-wrap text-center">
-            <span class="--title-deco">INTELLIGENCE Servicw</span>
+            <span class="--title-deco">INTELLIGENCE Service</span>
             <h3 class="--title">고객중심 START-to-END 경호 보안 서비스</h3>
             <p class="--sub-text">
                 고객의 안전을 최우선으로 생각하는 경호 전문 기업으로 다양한 맞춤형 경호 솔루션을 제공합니다. <br>
@@ -194,11 +189,10 @@
             <li class="--service-item">
                 <div class="text">
                     <div class="--item-category flex-box">
-                        <h4 class="--big-title">VIP 전담 경호 서비스 <span class="--en-deco">VIP Protection Service</span></h4>
+                        <h4 class="--big-title">VIP 경호 서비스 <span class="--en-deco">VIP Protection Service</span></h4>
                         <p class="--list-text">
-                            고용노동부로부터 훈련비를 지원받으면서 직업훈련을 운영하고자 계획하고 계신가요? <br>
-                            직업훈련이 처음인 기관을 위한 직업능력개발훈련기관 브랜딩기획‧설립‧운영까지 <br>
-                            단계별 모든 준비를 도와드립니다.
+                            VIP 경호 서비스는 출퇴근부터 행사장까지 24시간 빈틈없는 맞춤형 경호를 제공합니다.<br>
+                            국내외에서 검증된 경호팀과 첨단 보안 장비로 안전한 환경을 보장해드립니다.
                         </p>
                         <button type="button" class="btn-more" data-btn="list-more" data-target=".service-item01">자세히 보기 <span class="material-symbols-outlined">expand_more</span></button>
                     </div>
@@ -206,40 +200,38 @@
                     <ul class="--item-detail-list flex-box MT50 service-item01">
                         <li class="--item-detail">
                             <div class="img-box">
-                                <img src="assets/images/service-img01.png" alt="">
-                                <h5 class="--title MB10 text-center">훈련기관 <br>브랜딩</h5>
+                                <h5 class="--title MB10 text-center">이동 경호 서비스</h5>
                             </div>
                             <ol class="--list">
-                                <li class="--sub-text">고용노동부 직업훈련 기관 설립을 위한 <br>사업 타당성 검토 및 분석</li>
-                                <li class="--sub-text">산업/지역 단위 훈련수요 분석 및 훈련기관 강점에 <br>기반한 훈련기관 차별화 및 특성화 전략 수립</li>
-                                <li class="--sub-text">직업훈련기관 설립 및 운영에 필요한 세부계획 수립 <br>
-                                    <small> 훈련분야, 훈련인프라, 투입예산, 매출계획 등</small>
-                                </li>
+                                <li class="--sub-text"><strong>사전 동선 분석:</strong> 고객의 출퇴근 경로와 이동 시간대에 따른 위험 요소 파악</li>
+                                <li class="--sub-text"><strong>전담 경호원 배치:</strong> 출퇴근 시간대 1:1 밀착 경호 제공</li>
+                                <li class="--sub-text"><strong>이동 차량 점검:</strong> 차량 내·외부 점검 및 안전 확인</li>
+                                <li class="--sub-text"><strong>이동 시 동선 보호:</strong> 예상치 못한 돌발 상황에 대한 사전 대처 방안 마련</li>
+                                <li class="--sub-text"><strong>긴급 대피 플랜:</strong> 사고 발생 시 대피 경로 확보 및 신속한 이동 계획</li>
                             </ol>
                         </li>
                         <li class="--item-detail">
                             <div class="img-box">
-                                <img src="assets/images/service-img02.png" alt="">
-                                <h5 class="--title MB10 text-center">훈련기관 <br>설립</h5>
+                                <h5 class="--title MB10 text-center">행사 및 공식 석상 경호 서비스</h5>
                             </div>
                             <ol class="--list">
-                                <li class="--sub-text">훈련기관(학원, 직업능력개발훈련시설, 평생교육시설 등) 설립유형에 따른 장단점 분석</li>
-                                <li class="--sub-text">훈련기관 유형별 설립 절차 안내 및 고용노동부 인가 <br>
-                                    <small>훈련기관 인증, 실시가능직종, NCS 확인강사 등</small>
-                                </li>
-                                <li class="--sub-text">설립자 및 운영 직원에 대한 교육 및 훈련 프로그램 제공</li>
+                                <li class="--sub-text"><strong>행사장 출입 통제:</strong> 출입구 보안 강화 및 신원 확인 절차 운영</li>
+                                <li class="--sub-text"><strong>VIP 대기실 보호:</strong> 대기실 내 전담 요원 배치 및 외부 접촉 통제</li>
+                                <li class="--sub-text"><strong>주요 구역 경호:</strong> 무대, 대기실, VIP 라운지 등 고객의 주요 동선에 맞춘 경호 인력 배치</li>
+                                <li class="--sub-text"><strong>이동 경로 사전 확보:</strong> 고객의 동선에 맞춘 경로 분석 및 출입 통제 계획 수립</li>
+                                <li class="--sub-text"><strong>사후 보고서 제공:</strong> 행사 종료 후, 경호 진행 상황에 대한 분석 보고서 작성 및 피드백 제공</li>
                             </ol>
                         </li>
                         <li class="--item-detail">
                             <div class="img-box">
-                                <img src="assets/images/service-img03.png" alt="">
-                                <h5 class="--title MB10 text-center">훈련기관 <br>운영</h5>
+                                <h5 class="--title MB10 text-center">숙소 및 프라이버시 보호 서비스</h5>
                             </div>
                             <ol class="--list">
-                                <li class="--sub-text">훈련수요자 요구기반 훈련과정 개발 및 운영 계획 수립</li>
-                                <li class="--sub-text">훈련과정 인정부터 운영 및 결과보고까지 <br>교육훈련 운영 실무 지원</li>
-                                <li class="--sub-text">교육훈련 운영 가이드 및 각종 매뉴얼(서식/자료) 제공</li>
-                                <li class="--sub-text">직업훈련 정책, 제도, 규정, 지침 등에 대한 지속적인 정보제공 및 교육</li>
+                                <li class="--sub-text"><strong>숙소 보안 점검:</strong> 숙소 내·외부 위험 요소 사전 점검 및 보안 시스템 점검</li>
+                                <li class="--sub-text"><strong>24시간 모니터링:</strong> 숙소 주변 CCTV 및 보안 요원 상시 배치</li>
+                                <li class="--sub-text"><strong>프라이버시 보호:</strong> 고객의 개인정보와 방문 기록 비공개 처리</li>
+                                <li class="--sub-text"><strong>기밀 유지 서약:</strong> 모든 경호 요원의 기밀 유지 서약서 체결</li>
+                                <li class="--sub-text"><strong>위기 대응 매뉴얼:</strong> 숙소 내에서 발생할 수 있는 위급 상황에 대한 대응 매뉴얼 제공</li>
                             </ol>
                         </li>
                     </ul>
@@ -248,11 +240,10 @@
             <li class="--service-item MT125">
                 <div class="text">
                     <div class="--item-category flex-box">
-                        <h4 class="--big-title">에듀 엑스퍼트 <span class="--en-deco">Education Experts</span></h4>
+                        <h4 class="--big-title">경비 서비스 <span class="--en-deco">Security Guard Service</span></h4>
                         <p class="--list-text">
-                            직업능력개발훈련을 운영하는 훈련기관을 대상으로 맞춤형 컨설팅을 실시하여 훈련기관 인증평가와 <br>
-                            훈련과정 심사에 대한 부담을 해소하고 훈련기관의 실질적인 역량강화와 양질의  <br>
-                            직업훈련과정 개발을 지원합니다.
+                            경비 서비스는 건물 출입 통제부터 자산 보호까지 24시간 철저한 보안 체계를 제공합니다.
+                            경험 많은 경비 인력을 통해 고객의 재산과 안전을 완벽히 보호해드립니다.
                         </p>
                         <button type="button" class="btn-more" data-btn="list-more" data-target=".service-item02">자세히 보기 <span class="material-symbols-outlined">expand_more</span></button>
                     </div>
@@ -260,41 +251,39 @@
                     <ul class="--item-detail-list flex-box MT50 service-item02">
                         <li class="--item-detail">
                             <div class="img-box">
-                                <img src="assets/images/service-img04.png" alt="">
-                                <h5 class="--title MB10 text-center">훈련기관 <br>인증평가</h5>
+                                <h5 class="--title MB10 text-center">건물 출입 통제 및 보안 관리</h5>
                             </div>
                             <ol class="--list">
-                                <li class="--sub-text">기관평가 개요, 심사절차, 평가지표, 운영체계, 훈련기관 준비사항</li>
-                                <li class="--sub-text">평가참여신청서 및 자체평가보고서 작성</li>
-                                <li class="--sub-text">훈련성과평가 및 현장평가 매뉴얼(서식) 제공 및 준비</li>
-                                <li class="--sub-text">베스트직업훈련기관(BHA) 공모 심사 특화사업 컨셉 설정</li>
-                                <li class="--sub-text">베스트직업훈련기관(BHA) 계획 및 우수 실적 보고서 작성(서면평가/발표평가)</li>
+                                <li class="--sub-text"><strong>출입구 보안:</strong> 출입문, 주차장, 비상구 등 주요 출입구에 보안 요원 배치</li>
+                                <li class="--sub-text"><strong>출입자 관리 시스템:</strong> 신원 확인 절차 및 출입 기록 관리</li>
+                                <li class="--sub-text"><strong>방문객 통제:</strong> 방문객 사전 예약제 운영 및 입출입 시간 관리</li>
+                                <li class="--sub-text"><strong>비상 상황 대응:</strong> 화재, 침입 등 위급 상황 발생 시 빠른 대피 유도</li>
+                                <li class="--sub-text"><strong>24시간 순찰:</strong> 야간 시간대 주요 구역 순찰 및 상황 보고</li>
                             </ol>
                         </li>
                         <li class="--item-detail">
                             <div class="img-box">
-                                <img src="assets/images/service-img05.png" alt="">
-                                <h5 class="--title MB10 text-center">직업훈련 <br>과정심사</h5>
+                                <h5 class="--title MB10 text-center">현장 경비 및 순찰 서비스</h5>
                             </div>
                             <ol class="--list">
-                                <li class="--sub-text">과정심사 개요, 심사절차, 평가지표, 운영체계, 훈련기관 준비사항</li>
-                                <li class="--sub-text">기관특성화 전략에 맞춘 주력 훈련분야 타당성 검토 및 선정</li>
-                                <li class="--sub-text">훈련수요 및 훈련성과 분석을 통한 훈련과정 개발</li>
-                                <li class="--sub-text">훈련과정(국가기간전략산업직종, 계좌제훈련, 사업주훈련) 심사 신청</li>
+                                <li class="--sub-text"><strong>고정 경비:</strong> 건물 내 특정 구역에 고정 배치된 경비 요원 운영</li>
+                                <li class="--sub-text"><strong>이동 순찰:</strong> 주차장, 창고, 옥상 등 사각지대 순찰 강화</li>
+                                <li class="--sub-text"><strong>위험 요소 점검:</strong> 잠재적 위험 요소(화재 경보기, 출입문 잠금 장치 등) 점검</li>
+                                <li class="--sub-text"><strong>위기 발생 시 즉각 보고:</strong> 이상 상황 발견 시 보안팀 및 관리자에게 즉시 보고</li>
+                                <li class="--sub-text"><strong>순찰 기록 관리:</strong> 순찰 시간, 경로, 이상 유무 등을 데이터로 기록 및 관리</li>
+
                             </ol>
                         </li>
                         <li class="--item-detail">
                             <div class="img-box">
-                                <img src="assets/images/service-img06.png" alt="">
-                                <h5 class="--title MB10 text-center">특화훈련 <br>심사평가</h5>
+                                <h5 class="--title MB10 text-center">자산 보호 및 재산 관리</h5>
                             </div>
                             <ol class="--list">
-                                <li class="--sub-text">K-디지털 트레이닝 <br>
-                                    <small>K-디지털 트레이닝 훈련과정 심사 및 성과관리</small>
-                                </li>
-                                <li class="--sub-text">특화심사<br>
-                                    <small>기업맞춤형 국기, 산업구조변화대응 특화, 과정평가형 국가기술자격, 기타 특화사업 심사 및 성과관리</small>
-                                </li>
+                                <li class="--sub-text"><strong>귀중품 보호:</strong> 금고, 금전 보관함 등 주요 자산이 있는 구역에 보안 요원 배치</li>
+                                <li class="--sub-text"><strong>차량 통제:</strong> 주차장 내 차량 출입 관리 및 차량 검문 시스템 운영</li>
+                                <li class="--sub-text"><strong>화재 예방 시스템:</strong> 소화기, 화재 감지기, 스프링클러 등 점검 및 관리</li>
+                                <li class="--sub-text"><strong>CCTV 모니터링:</strong> 실시간 CCTV 모니터링을 통한 자산 보호</li>
+                                <li class="--sub-text"><strong>보안 보고서 제공:</strong> 월간/주간 단위로 보안 상황 및 자산 보호 현황 보고서 제공</li>
                             </ol>
                         </li>
                     </ul>
@@ -303,10 +292,10 @@
             <li class="--service-item MT125">
                 <div class="text">
                     <div class="--item-category flex-box">
-                        <h4 class="--big-title">레벨업 아카데미 <span class="--en-deco">LevelUp Academy</span></h4>
+                        <h4 class="--big-title">기업 보안 서비스<span class="--en-deco">Corporate Security Service</span></h4>
                         <p class="--list-text">
-                            직업능력개발훈련의 경쟁력 강화를 위해 개별 훈련기관의 특성을 파악하여 훈련기관 역량, <br>
-                            훈련과정 품질, 훈련생 관리 전반에 대한 역량강화 프로그램을 제공하고 교육합니다.
+                            기업 보안 서비스는 사무실 보안 강화부터 기밀 유출 방지까지 체계적인 보안 솔루션을 제공합니다.<br>
+                            기업의 자산과 정보를 보호하기 위해 맞춤형 보안 컨설팅과 첨단 보안 시스템을 제공합니다.
                         </p>
                         <button type="button" class="btn-more" data-btn="list-more" data-target=".service-item03">자세히 보기 <span class="material-symbols-outlined">expand_more</span></button>
                     </div>
@@ -314,103 +303,26 @@
                     <ul class="--item-detail-list flex-box MT50 service-item03">
                         <li class="--item-detail">
                             <div class="img-box">
-                                <img src="assets/images/service-img07.png" alt="">
-                                <h5 class="--title MB10 text-center">훈련기관 <br>역량제고</h5>
-                            </div>
-                            <ol class="--list">
-                                <li class="--sub-text">직업능력개발훈련 심사평가 A-Z <br>
-                                    <small>직업훈련 제도, 기관설립, 심사평가, 과정승인, 특화훈련 등 직업훈련 이해도 제고</small>
-                                </li>
-                                <li class="--sub-text">훈련기관 조직진단, 매출 분석을 통한 향후 기관운영 방향 설정 및 개선 방안 수립</li>
-                                <li class="--sub-text">교육지원협의회(산업체전문가, 외부전문가, 교육전문가) 구축 및 활용 자문</li>
-                                <li class="--sub-text">교직원 역량 강화 지원을 위한 맞춤형 교육 및 세미나</li>
-                            </ol>
-                        </li>
-                        <li class="--item-detail">
-                            <div class="img-box">
-                                <img src="assets/images/service-img08.png" alt="">
-                                <h5 class="--title MB10 text-center">훈련과정<br>품질제고</h5>
+                                <h5 class="--title MB10 text-center">사무실 보안 및 출입 통제 관리</h5>
                             </div>
                             <ol class="--list">
-                                <li class="--sub-text">디지털 학습 플랫폼, 혼합훈련 등 다양한 훈련방법 적용 및 활용 방안</li>
-                                <li class="--sub-text">훈련성과(취업률, 수요자만족도, 수료율, 교육평가 등) 분석 및 개선 방안 수립</li>
-                                <li class="--sub-text">훈련생 평가도구(평가계획, 평가운영, 플랫폼 구축 등) 개발</li>
-                                <li class="--sub-text">K-디지털 트레이닝 프로젝트 평가 지원</li>
+                                <li class="--sub-text"><strong>출입 통제 시스템:</strong> 직원 및 방문객 출입 관리, 생체 인식, 카드 리더기 도입</li>
+                                <li class="--sub-text"><strong>출입 기록 관리:</strong> 출입 시간 및 경로 데이터 수집 및 분석</li>
+                                <li class="--sub-text"><strong>비상구 및 통로 점검:</strong> 화재 및 긴급 상황 대비 비상 통로 점검 및 관리</li>
+                                <li class="--sub-text"><strong>야간 순찰:</strong> 야간 시간대 사무실 순찰 및 잠금 장치 점검</li>
+                                <li class="--sub-text"><strong>CCTV 모니터링:</strong> 사무실 내외부 실시간 감시 및 데이터 기록</li>
                             </ol>
                         </li>
                         <li class="--item-detail">
                             <div class="img-box">
-                                <img src="assets/images/service-img09.png" alt="">
-                                <h5 class="--title MB10 text-center">훈련생<br>역량관리</h5>
+                                <h5 class="--title MB10 text-center">비상 상황 대응 및 위기 관리</h5>
                             </div>
                             <ol class="--list">
-                                <li class="--sub-text">학사관리시스템 구축 및 제공<br>
-                                    <small>교육과정 관리, 훈련생 관리, 교육상담, 정기평가, 취업 및 사후관리, 커뮤니티 등</small>
-                                </li>
-                                <li class="--sub-text">훈련생 성취도 향상<br>
-                                    <small>훈련생 성취도 향상 및 관리를 위한 교수학습 지원 방안 자문</small>
-                                </li>
-                                <li class="--sub-text">훈련생 취업률 향상<br>
-                                    <small>취업컨설팅 업체 제휴, 채용플랫폼 제공, 취업상담 인력 지원, 취업률 관리 등</small>
-                                </li>
-                            </ol>
-                        </li>
-                    </ul>
-                </div>
-            </li>
-            <li class="--service-item MT125">
-                <div class="text">
-                    <div class="--item-category flex-box">
-                        <h4 class="--big-title">커리어 코디네이터 <span class="--en-deco">Career Coordinators</span></h4>
-                        <p class="--list-text">
-                            전문적인 채용 에이전시 업체 제휴 및 인력양성 프로그램을 통해 필요로 하는 인재를 적기에 채용할 수 <br>
-                            있도록 지원하며, 다양한 취업지원 프로그램을 운영하여 훈련기관의 취업률성과를 극대화합니다.  <br>
-                            또한 훈련기관 요구에 따른 맞춤형 종합컨설팅 TF를 지원합니다.
-                        </p>
-                        <button type="button" class="btn-more" data-btn="list-more" data-target=".service-item04">자세히 보기 <span class="material-symbols-outlined">expand_more</span></button>
-                    </div>
-
-                    <ul class="--item-detail-list flex-box MT50 service-item04">
-                        <li class="--item-detail">
-                            <div class="img-box">
-                                <img src="assets/images/service-img10.png" alt="">
-                                <h5 class="--title MB10 text-center">전담인력 <br>채용</h5>
-                            </div>
-                            <ol class="--list">
-                                <li class="--sub-text">전문적인 채용 에이전시와 제휴를 통해 특정 직무에 필요한 전담인력 채용 지원</li>
-                                <li class="--sub-text">분야별 교강사 인력 확보 및 풀 구성을 통해 훈련교강사 부재시 긴급 채용 지원</li>
-                                <li class="--sub-text">강사양성(IT분야) 교육 프로그램 운영을 통한 교육기관 맞춤형 강사 양성</li>
-                            </ol>
-                        </li>
-                        <li class="--item-detail">
-                            <div class="img-box">
-                                <img src="assets/images/service-img11.png" alt="">
-                                <h5 class="--title MB10 text-center">취업지원 <br>컨설팅</h5>
-                            </div>
-                            <ol class="--list">
-                                <li class="--sub-text">
-                                    취업컨설팅 제휴업체 직접 연계 지원<br>
-                                    <small>취업컨설팅, 채용플랫폼 제공, 취업지원 프로그램 운영 등</small>
-                                </li>
-                                <li class="--sub-text">
-                                    교육기관 상주 취업 전담인력 위탁 운영<br>
-                                    <small>취업 전담인력 배정 및 관리, 취업설명회, 취업상담, 취업지원, 취업률 관리 등</small>
-                                </li>
-                                <li class="--sub-text">
-                                    취업률 성과 분석 및 관리<br>
-                                    <small>직종별/분야별 취업률성과표 작성 및 분석자료 제공을 통해 훈련기관의 취업률 향상 제고</small>
-                                </li>
-                            </ol>
-                        </li>
-                        <li class="--item-detail">
-                            <div class="img-box">
-                                <img src="assets/images/service-img12.png" alt="">
-                                <h5 class="--title MB10 text-center">종합컨설팅 <br>TF</h5>
-                            </div>
-                            <ol class="--list">
-                                <li class="--sub-text">신규기관 대상 기본 컨설팅</li>
-                                <li class="--sub-text">기존기관 대상 심화 컨설팅</li>
-                                <li class="--sub-text">미래형 직업훈련 디지털 전환지원 컨설팅(Digital Transformation)</li>
+                                <li class="--sub-text"><strong>위기 대응 매뉴얼:</strong> 각종 위기 상황(화재, 침입, 데이터 유출)에 대한 대응 계획 수립</li>
+                                <li class="--sub-text"><strong>위기 발생 시 즉각 출동:</strong> 보안 요원의 즉각적인 현장 출동 및 상황 대응</li>
+                                <li class="--sub-text"><strong>대피 경로 확보:</strong> 직원 및 방문객 대피 경로 사전 설계 및 비상구 관리</li>
+                                <li class="--sub-text"><strong>사후 보고 및 개선:</strong> 사건 발생 시 사후 보고서 작성 및 재발 방지 대책 수립</li>
+                                <li class="--sub-text"><strong>위기 대응 훈련:</strong> 정기적인 모의 훈련 및 보안 시스템 점검</li>
                             </ol>
                         </li>
                     </ul>
@@ -424,8 +336,8 @@
     <div class="container">
         <div class="flex-box">
             <div class="title-wrap">
-                <span class="--title-deco">Edu Partner</span>
-                <h3 class="--title MB30">에듀웍스와 <br>함께한 고객</h3>
+                <span class="--title-deco">INTELLIGENCE Partner</span>
+                <h3 class="--title MB30">인텔리젼스와<br>함께한 고객</h3>
                 <p class="--sub-text">
                     제휴 파트너의 지속적인 <br class="device-pc">
                     비지니스 성장을 위해 <br class="device-pc"><br class="device-mobile">
@@ -435,82 +347,51 @@
             <ul class="contents-wrap clients-list MT20">
                 <li class="flex-box">
                     <div class="logo-img MB20">
-                        <img src="assets/images/ezen-logo.svg" alt="">
+                        <img src="assets/images/affiliates01.jpg" alt="">
                     </div>
-                    <h4 class="--title small MB10 PL10">(주)이젠아카데미교육그룹 <br>(26개 지점)</h4>
-                    <ul class="--list PL10">
-                        <li class="--sub-text small">직업능력개발훈련기관 인증평가 지원(18개 지점 5년인증 우수훈련기관 획득)</li>
-                        <li class="--sub-text small">
-                            특화훈련 심사평가 지원 <br>
-                            <small>K-디지털 트레이닝 훈련, 기업맞춤형 국기훈련, 산업구조변화대응 특화훈련, 과정평가형 국가기술자격, 일반고 특화과정 등</small>
-                        </li>
-                        <li class="--sub-text small">
-                            직업훈련 성과평가 지원 <br>
-                            <small>훈련이수자평가, K-디지털 트레이닝(기업맞춤형 국기훈련) 프로젝트 평가, 기관인증 및 훈련과정 심사 성과관리</small>
-                        </li>
-                    </ul>
+                    <h4 class="--title small MB10 PL10 text-center">PROSCOM</h4>
                 </li>
                 <li class="flex-box">
-                    <div class="logo-img MB20 text-center">
-                        <img src="assets/images/codelab-logo.svg" alt="" style="width:52.8%;">
+                    <div class="logo-img MB20">
+                        <img src="assets/images/affiliates02.jpg" alt="">
                     </div>
-                    <h4 class="--title small MB10 PL10">코드랩아카데미학원</h4>
-                    <ul class="--list PL10">
-                        <li class="--sub-text small">훈련기관 강점에 기반한 훈련기관 차별화 및 특성화 전략 수립</li>
-                        <li class="--sub-text small">기관특성화 전략에 맞춘 주력 훈련분야 타당성 검토 및 선정</li>
-                        <li class="--sub-text small">
-                            직업훈련기관 운영에 필요한 세부계획 수립 <br>
-                            <small>훈련인프라 구축, 투입예산, 매출계획, 교육운영 등</small>
-                        </li>
-                        <li class="--sub-text small">훈련수요 분석을 통한 디지털 신기술(K-디지털 트레이닝) 훈련과정 개발</li>
-                    </ul>
+                    <h4 class="--title small MB10 PL10 text-center">더다인</h4>
                 </li>
                 <li class="flex-box">
-                    <div class="logo-img MB20 text-center">
-                        <img src="assets/images/ecrew-logo.svg" alt="" style="width:52.6%;">
+                    <div class="logo-img MB20">
+                        <img src="assets/images/affiliates03.jpg" alt="">
                     </div>
-                    <h4 class="--title small MB10 PL10">(주)이크루</h4>
-                    <ul class="--list PL10">
-                        <li class="--sub-text small">교육매칭 큐레이팅 서비스 개발 협업</li>
-                        <li class="--sub-text small">IT개발 온·오프라인 부트캠프 교육 협업</li>
-                        <li class="--sub-text small"> 교육메니지먼트 시스템 플랫폼 개발 협업</li>
-                    </ul>
+                    <h4 class="--title small MB10 PL10 text-center">엣스퍼트</h4>
                 </li>
                 <li class="flex-box">
-                    <div class="logo-img MB20 text-center">
-                        <img src="assets/images/onadn-logo.svg" alt="" style="width:55.5%;">
+                    <div class="logo-img MB20">
+                        <img src="assets/images/affiliates04.jpg" alt="">
                     </div>
-                    <h4 class="--title small MB10 PL10">(주)온애드엔</h4>
-                    <ul class="--list PL10">
-                        <li class="--sub-text small">학원관리시스템 (Education Management System) 개발 협업</li>
-                        <li class="--sub-text small">클라이언트 특성에 맞는 통합 마케팅 솔루션 개발 협업</li>
-                        <li class="--sub-text small">데이터 통합 관리 및 고객 유입 행동 데이터 추적 솔루션 개발 협업</li>
-                    </ul>
+                    <h4 class="--title small MB10 PL10 text-center">코엑스</h4>
                 </li>
                 <li class="flex-box">
-                    <div class="logo-img MB20 text-center">
-                        <img src="assets/images/wheeparam2-logo.svg" alt="" style="width:110%; margin-left:-5%;">
+                    <div class="logo-img MB20">
+                        <img src="assets/images/affiliates05.jpg" alt="">
                     </div>
-                    <h4 class="--title small MB10 PL10">휘파람소프트</h4>
-                    <ul class="--list PL10">
-                        <li class="--sub-text small">스마트 직업훈련(DX) 통합플랫폼 구축 협업</li>
-                        <li class="--sub-text small">RPA 업무자동화 시스템 구축 협업</li>
-                        <li class="--sub-text small">학습자의 니즈에 맞춘 교육콘텐츠 개발 및 디지털화 협업</li>
-                    </ul>
+                    <h4 class="--title small MB10 PL10 text-center">넥슨</h4>
                 </li>
                 <li class="flex-box">
-                    <div class="logo-img MB20 text-center">
-                        <img src="assets/images/kjc-logo.png" alt="" style="width:65.2%">
+                    <div class="logo-img MB20">
+                        <img src="assets/images/affiliates06.jpg" alt="">
                     </div>
-                    <h4 class="--title small MB10 PL10">한국취업센터</h4>
-                    <ul class="--list PL10">
-                        <li class="--sub-text">
-                            전문인재 맞춤형 취업컨설팅 협업 <br>
-                            <small>대한상공회의소, 한국표준협회, 한국소프트웨어저작권협회, 이젠아카데미, 경기도경제과학진흥원, 경남테크노파크 등</small>
-                        </li>
-                        <li class="--sub-text small">전문인재 채용연계 서비스 플랫폼 기획 및 개발 협업</li>
-                        <li class="--sub-text small">기업대상 채용설명회 개최 및 협력사 확보 협업</li>
-                    </ul>
+                    <h4 class="--title small MB10 PL10 text-center">POSCO</h4>
+                </li>
+                <li class="flex-box">
+                    <div class="logo-img MB20">
+                        <img src="assets/images/affiliates07.jpg" alt="">
+                    </div>
+                    <h4 class="--title small MB10 PL10 text-center">롯대백화점</h4>
+                </li>
+                <li class="flex-box">
+                    <div class="logo-img MB20">
+                        <img src="assets/images/affiliates08.jpg" alt="">
+                    </div>
+                    <h4 class="--title small MB10 PL10 text-center">롯데월드 타워</h4>
                 </li>
             </ul>
         </div>

src/html/include/header.html

@@ -17,21 +17,21 @@
                 <div class="nav-header">에듀웍스</div>
                 <ul class="gnb-nav-wrap">
                     <li>
-                        <a href="javascript:;" data-target=".main-banner" data-button="btn-animate-move" data-offset="100" class="en">홈</a>
+                        <a href="javascript:;" data-target=".main-banner" data-button="btn-animate-move" data-offset="100">홈</a>
                     </li>
                     <li>
-                        <a href="javascript:;" data-target=".why-reason" data-button="btn-animate-move" class="en">NOW! 에듀웍스</a>
+                        <a href="javascript:;" data-target=".why-reason" data-button="btn-animate-move">인텔리젼스 소개</a>
                     </li>
                     <li>
-                        <a href="javascript:;" data-target=".service-info" data-button="btn-animate-move" class="en">에듀스토어</a>
+                        <a href="javascript:;" data-target=".service-info" data-button="btn-animate-move">서비스</a>
                     </li>
 
                     <li>
-                        <a href="javascript:;" data-target=".clients-info" data-button="btn-animate-move" class="en">에듀파트너</a>
+                        <a href="javascript:;" data-target=".clients-info" data-button="btn-animate-move">파트너</a>
                     </li>
 
                     <li>
-                        <a href="javascript:;" data-target=".inquiry-form" data-button="btn-animate-move" class="en">상담요청</a>
+                        <a href="javascript:;" data-target=".inquiry-form" data-button="btn-animate-move" class="en">문의</a>
                     </li>
                 </ul>
             </nav>

src/html/include/meta.html

@@ -34,7 +34,7 @@
     <meta name="theme-color" content="#ffffff">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;600&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;600;800&display=swap" rel="stylesheet">
     <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
     <link rel="stylesheet" href="@@ROOT/assets/css/style.min.css">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

src/html/index.html

@@ -22,7 +22,7 @@
     <div class="main-top-text">
         <h2 class="--title">
             <small>
-                품격 있는 경호, INTELLIGENCE가 만듭니다.
+                품격 있는 경호, 인텔리젼스가 만듭니다.
             </small>
             <span class="animation">Professional Protection <br>stiwith Class.</span>
         </h2>
@@ -43,48 +43,43 @@
         <ul class="contents-wrap reason-list">
             <li class="reason-box">
                 <h3 class="--title MB10">
-                    <span class="icon material-symbols-outlined">data_table</span>
-                    <span>VIP 전담 서비스 <br><small>(VIP Protection Service)</small></span>
+                    <span class="icon material-symbols-outlined">security</span>
+                    <span>경험과 신뢰를 겸비한 전문 경호팀</span>
                 </h3>
                 <p class="--sub-text">
-                    가장 중요한 순간, 가장 완벽한 보호
+                    VIP 경호 및 대규모 행사 경호를 성공적으로 수행한 경력을 <br class="device-mobile">
+                    보유한 전문 경호팀을 운영, 고객의 안전을 최우선으로 보장합니다.
                 </p>
-                <ul class="--sub-text-list">
-                    <li>정치인, 기업 CEO, 연예인 등 VIP 대상 맞춤형 경호</li>
-                    <li>출퇴근 경호, 행사장 동행, 숙소 보안 제공</li>
-                    <li>첨단 보안 장비 (드론, 위치 추적기)와 경호팀 배치</li>
-                    <li>위급 상황 대비 긴급 대피 플랜 수립</li>
-                </ul>
             </li>
             <li class="reason-box">
                 <h3 class="--title MB10">
                     <span class="icon material-symbols-outlined">data_table</span>
-                    <span>행사 및 이벤트 서비스<br><small>(Event Security Service)</small></span>
+                    <span>보안 시스템과 맞춤형 경호 솔루션</span>
                 </h3>
                 <p class="--sub-text">
-                    안전한 행사, 성공적인 이벤트의 시작
+                    고객의 동선과 일정을 분석해 개별 맞춤형 경호 플랜을 설계,<br class="device-mobile">
+                    예기치 못한 상황에도 즉각 대응합니다.
                 </p>
-                <ul class="--sub-text-list">
-                    <li>콘서트, 페스티벌, 전시회 등 대규모 행사 맞춤 경호</li>
-                    <li>입구 통제, 무대 및 VIP 구역 보호</li>
-                    <li>실시간 현장 모니터링 및 통제실 운영</li>
-                    <li>긴급 상황 대응 및 군중 관리 시스템</li>
-                </ul>
             </li>
             <li class="reason-box">
                 <h3 class="--title MB10">
-                    <span class="icon material-symbols-outlined">data_table</span>
-                    <span>기업 보안 컨설팅 서비스<br><small>(Corporate Security Consulting)</small></span>
+                    <span class="icon material-symbols-outlined">comment</span>
+                    <span>신속한 위기 대응 및 철저한 사후 관리</span>
                 </h3>
                 <p class="--sub-text">
-                    기업 기밀 보호를 위한 철저한 보안 시스템 구축
+                    경호 서비스 종료 후에도 사후 보고서를 통해 고객의 안전 상태를 <br class="device-mobile">
+                    지속적으로 모니터링하고 피드백을 제공합니다.
+                </p>
+            </li>
+            <li class="reason-box">
+                <h3 class="--title MB10">
+                    <span class="icon material-symbols-outlined">lock</span>
+                    <span>철저한 기밀 유지 및 프라이버시 보호</span>
+                </h3>
+                <p class="--sub-text">
+                    모든 경호 인력은 기밀 유지 서약을 체결하고, 고객 정보의 유출을 <br class="device-mobile">
+                    방지하기 위해 철저한 보안 프로토콜을 준수합니다.
                 </p>
-                <ul class="--sub-text-list">
-                    <li>사내 출입 통제 및 보안 시스템 설계</li>
-                    <li>정보 유출 방지 대책 및 모니터링</li>
-                    <li>산업 스파이 방지 교육 및 위기 대처 방안 제공</li>
-                    <li>중요 인사의 사무실 및 자택 보안 강화</li>
-                </ul>
             </li>
         </ul>
     </div>
@@ -93,7 +88,7 @@
 <section class="service-info section gray-back">
     <div class="container">
         <div class="title-wrap text-center">
-            <span class="--title-deco">INTELLIGENCE Servicw</span>
+            <span class="--title-deco">INTELLIGENCE Service</span>
             <h3 class="--title">고객중심 START-to-END 경호 보안 서비스</h3>
             <p class="--sub-text">
                 고객의 안전을 최우선으로 생각하는 경호 전문 기업으로 다양한 맞춤형 경호 솔루션을 제공합니다. <br>
@@ -104,11 +99,10 @@
             <li class="--service-item">
                 <div class="text">
                     <div class="--item-category flex-box">
-                        <h4 class="--big-title">VIP 전담 경호 서비스 <span class="--en-deco">VIP Protection Service</span></h4>
+                        <h4 class="--big-title">VIP 경호 서비스 <span class="--en-deco">VIP Protection Service</span></h4>
                         <p class="--list-text">
-                            고용노동부로부터 훈련비를 지원받으면서 직업훈련을 운영하고자 계획하고 계신가요? <br>
-                            직업훈련이 처음인 기관을 위한 직업능력개발훈련기관 브랜딩기획‧설립‧운영까지 <br>
-                            단계별 모든 준비를 도와드립니다.
+                            VIP 경호 서비스는 출퇴근부터 행사장까지 24시간 빈틈없는 맞춤형 경호를 제공합니다.<br>
+                            국내외에서 검증된 경호팀과 첨단 보안 장비로 안전한 환경을 보장해드립니다.
                         </p>
                         <button type="button" class="btn-more" data-btn="list-more" data-target=".service-item01">자세히 보기 <span class="material-symbols-outlined">expand_more</span></button>
                     </div>
@@ -116,40 +110,38 @@
                     <ul class="--item-detail-list flex-box MT50 service-item01">
                         <li class="--item-detail">
                             <div class="img-box">
-                                <img src="assets/images/service-img01.png" alt="">
-                                <h5 class="--title MB10 text-center">훈련기관 <br>브랜딩</h5>
+                                <h5 class="--title MB10 text-center">이동 경호 서비스</h5>
                             </div>
                             <ol class="--list">
-                                <li class="--sub-text">고용노동부 직업훈련 기관 설립을 위한 <br>사업 타당성 검토 및 분석</li>
-                                <li class="--sub-text">산업/지역 단위 훈련수요 분석 및 훈련기관 강점에 <br>기반한 훈련기관 차별화 및 특성화 전략 수립</li>
-                                <li class="--sub-text">직업훈련기관 설립 및 운영에 필요한 세부계획 수립 <br>
-                                    <small> 훈련분야, 훈련인프라, 투입예산, 매출계획 등</small>
-                                </li>
+                                <li class="--sub-text"><strong>사전 동선 분석:</strong> 고객의 출퇴근 경로와 이동 시간대에 따른 위험 요소 파악</li>
+                                <li class="--sub-text"><strong>전담 경호원 배치:</strong> 출퇴근 시간대 1:1 밀착 경호 제공</li>
+                                <li class="--sub-text"><strong>이동 차량 점검:</strong> 차량 내·외부 점검 및 안전 확인</li>
+                                <li class="--sub-text"><strong>이동 시 동선 보호:</strong> 예상치 못한 돌발 상황에 대한 사전 대처 방안 마련</li>
+                                <li class="--sub-text"><strong>긴급 대피 플랜:</strong> 사고 발생 시 대피 경로 확보 및 신속한 이동 계획</li>
                             </ol>
                         </li>
                         <li class="--item-detail">
                             <div class="img-box">
-                                <img src="assets/images/service-img02.png" alt="">
-                                <h5 class="--title MB10 text-center">훈련기관 <br>설립</h5>
+                                <h5 class="--title MB10 text-center">행사 및 공식 석상 경호 서비스</h5>
                             </div>
                             <ol class="--list">
-                                <li class="--sub-text">훈련기관(학원, 직업능력개발훈련시설, 평생교육시설 등) 설립유형에 따른 장단점 분석</li>
-                                <li class="--sub-text">훈련기관 유형별 설립 절차 안내 및 고용노동부 인가 <br>
-                                    <small>훈련기관 인증, 실시가능직종, NCS 확인강사 등</small>
-                                </li>
-                                <li class="--sub-text">설립자 및 운영 직원에 대한 교육 및 훈련 프로그램 제공</li>
+                                <li class="--sub-text"><strong>행사장 출입 통제:</strong> 출입구 보안 강화 및 신원 확인 절차 운영</li>
+                                <li class="--sub-text"><strong>VIP 대기실 보호:</strong> 대기실 내 전담 요원 배치 및 외부 접촉 통제</li>
+                                <li class="--sub-text"><strong>주요 구역 경호:</strong> 무대, 대기실, VIP 라운지 등 고객의 주요 동선에 맞춘 경호 인력 배치</li>
+                                <li class="--sub-text"><strong>이동 경로 사전 확보:</strong> 고객의 동선에 맞춘 경로 분석 및 출입 통제 계획 수립</li>
+                                <li class="--sub-text"><strong>사후 보고서 제공:</strong> 행사 종료 후, 경호 진행 상황에 대한 분석 보고서 작성 및 피드백 제공</li>
                             </ol>
                         </li>
                         <li class="--item-detail">
                             <div class="img-box">
-                                <img src="assets/images/service-img03.png" alt="">
-                                <h5 class="--title MB10 text-center">훈련기관 <br>운영</h5>
+                                <h5 class="--title MB10 text-center">숙소 및 프라이버시 보호 서비스</h5>
                             </div>
                             <ol class="--list">
-                                <li class="--sub-text">훈련수요자 요구기반 훈련과정 개발 및 운영 계획 수립</li>
-                                <li class="--sub-text">훈련과정 인정부터 운영 및 결과보고까지 <br>교육훈련 운영 실무 지원</li>
-                                <li class="--sub-text">교육훈련 운영 가이드 및 각종 매뉴얼(서식/자료) 제공</li>
-                                <li class="--sub-text">직업훈련 정책, 제도, 규정, 지침 등에 대한 지속적인 정보제공 및 교육</li>
+                                <li class="--sub-text"><strong>숙소 보안 점검:</strong> 숙소 내·외부 위험 요소 사전 점검 및 보안 시스템 점검</li>
+                                <li class="--sub-text"><strong>24시간 모니터링:</strong> 숙소 주변 CCTV 및 보안 요원 상시 배치</li>
+                                <li class="--sub-text"><strong>프라이버시 보호:</strong> 고객의 개인정보와 방문 기록 비공개 처리</li>
+                                <li class="--sub-text"><strong>기밀 유지 서약:</strong> 모든 경호 요원의 기밀 유지 서약서 체결</li>
+                                <li class="--sub-text"><strong>위기 대응 매뉴얼:</strong> 숙소 내에서 발생할 수 있는 위급 상황에 대한 대응 매뉴얼 제공</li>
                             </ol>
                         </li>
                     </ul>
@@ -158,11 +150,10 @@
             <li class="--service-item MT125">
                 <div class="text">
                     <div class="--item-category flex-box">
-                        <h4 class="--big-title">에듀 엑스퍼트 <span class="--en-deco">Education Experts</span></h4>
+                        <h4 class="--big-title">경비 서비스 <span class="--en-deco">Security Guard Service</span></h4>
                         <p class="--list-text">
-                            직업능력개발훈련을 운영하는 훈련기관을 대상으로 맞춤형 컨설팅을 실시하여 훈련기관 인증평가와 <br>
-                            훈련과정 심사에 대한 부담을 해소하고 훈련기관의 실질적인 역량강화와 양질의  <br>
-                            직업훈련과정 개발을 지원합니다.
+                            경비 서비스는 건물 출입 통제부터 자산 보호까지 24시간 철저한 보안 체계를 제공합니다.
+                            경험 많은 경비 인력을 통해 고객의 재산과 안전을 완벽히 보호해드립니다.
                         </p>
                         <button type="button" class="btn-more" data-btn="list-more" data-target=".service-item02">자세히 보기 <span class="material-symbols-outlined">expand_more</span></button>
                     </div>
@@ -170,41 +161,39 @@
                     <ul class="--item-detail-list flex-box MT50 service-item02">
                         <li class="--item-detail">
                             <div class="img-box">
-                                <img src="assets/images/service-img04.png" alt="">
-                                <h5 class="--title MB10 text-center">훈련기관 <br>인증평가</h5>
+                                <h5 class="--title MB10 text-center">건물 출입 통제 및 보안 관리</h5>
                             </div>
                             <ol class="--list">
-                                <li class="--sub-text">기관평가 개요, 심사절차, 평가지표, 운영체계, 훈련기관 준비사항</li>
-                                <li class="--sub-text">평가참여신청서 및 자체평가보고서 작성</li>
-                                <li class="--sub-text">훈련성과평가 및 현장평가 매뉴얼(서식) 제공 및 준비</li>
-                                <li class="--sub-text">베스트직업훈련기관(BHA) 공모 심사 특화사업 컨셉 설정</li>
-                                <li class="--sub-text">베스트직업훈련기관(BHA) 계획 및 우수 실적 보고서 작성(서면평가/발표평가)</li>
+                                <li class="--sub-text"><strong>출입구 보안:</strong> 출입문, 주차장, 비상구 등 주요 출입구에 보안 요원 배치</li>
+                                <li class="--sub-text"><strong>출입자 관리 시스템:</strong> 신원 확인 절차 및 출입 기록 관리</li>
+                                <li class="--sub-text"><strong>방문객 통제:</strong> 방문객 사전 예약제 운영 및 입출입 시간 관리</li>
+                                <li class="--sub-text"><strong>비상 상황 대응:</strong> 화재, 침입 등 위급 상황 발생 시 빠른 대피 유도</li>
+                                <li class="--sub-text"><strong>24시간 순찰:</strong> 야간 시간대 주요 구역 순찰 및 상황 보고</li>
                             </ol>
                         </li>
                         <li class="--item-detail">
                             <div class="img-box">
-                                <img src="assets/images/service-img05.png" alt="">
-                                <h5 class="--title MB10 text-center">직업훈련 <br>과정심사</h5>
+                                <h5 class="--title MB10 text-center">현장 경비 및 순찰 서비스</h5>
                             </div>
                             <ol class="--list">
-                                <li class="--sub-text">과정심사 개요, 심사절차, 평가지표, 운영체계, 훈련기관 준비사항</li>
-                                <li class="--sub-text">기관특성화 전략에 맞춘 주력 훈련분야 타당성 검토 및 선정</li>
-                                <li class="--sub-text">훈련수요 및 훈련성과 분석을 통한 훈련과정 개발</li>
-                                <li class="--sub-text">훈련과정(국가기간전략산업직종, 계좌제훈련, 사업주훈련) 심사 신청</li>
+                                <li class="--sub-text"><strong>고정 경비:</strong> 건물 내 특정 구역에 고정 배치된 경비 요원 운영</li>
+                                <li class="--sub-text"><strong>이동 순찰:</strong> 주차장, 창고, 옥상 등 사각지대 순찰 강화</li>
+                                <li class="--sub-text"><strong>위험 요소 점검:</strong> 잠재적 위험 요소(화재 경보기, 출입문 잠금 장치 등) 점검</li>
+                                <li class="--sub-text"><strong>위기 발생 시 즉각 보고:</strong> 이상 상황 발견 시 보안팀 및 관리자에게 즉시 보고</li>
+                                <li class="--sub-text"><strong>순찰 기록 관리:</strong> 순찰 시간, 경로, 이상 유무 등을 데이터로 기록 및 관리</li>
+
                             </ol>
                         </li>
                         <li class="--item-detail">
                             <div class="img-box">
-                                <img src="assets/images/service-img06.png" alt="">
-                                <h5 class="--title MB10 text-center">특화훈련 <br>심사평가</h5>
+                                <h5 class="--title MB10 text-center">자산 보호 및 재산 관리</h5>
                             </div>
                             <ol class="--list">
-                                <li class="--sub-text">K-디지털 트레이닝 <br>
-                                    <small>K-디지털 트레이닝 훈련과정 심사 및 성과관리</small>
-                                </li>
-                                <li class="--sub-text">특화심사<br>
-                                    <small>기업맞춤형 국기, 산업구조변화대응 특화, 과정평가형 국가기술자격, 기타 특화사업 심사 및 성과관리</small>
-                                </li>
+                                <li class="--sub-text"><strong>귀중품 보호:</strong> 금고, 금전 보관함 등 주요 자산이 있는 구역에 보안 요원 배치</li>
+                                <li class="--sub-text"><strong>차량 통제:</strong> 주차장 내 차량 출입 관리 및 차량 검문 시스템 운영</li>
+                                <li class="--sub-text"><strong>화재 예방 시스템:</strong> 소화기, 화재 감지기, 스프링클러 등 점검 및 관리</li>
+                                <li class="--sub-text"><strong>CCTV 모니터링:</strong> 실시간 CCTV 모니터링을 통한 자산 보호</li>
+                                <li class="--sub-text"><strong>보안 보고서 제공:</strong> 월간/주간 단위로 보안 상황 및 자산 보호 현황 보고서 제공</li>
                             </ol>
                         </li>
                     </ul>
@@ -213,10 +202,10 @@
             <li class="--service-item MT125">
                 <div class="text">
                     <div class="--item-category flex-box">
-                        <h4 class="--big-title">레벨업 아카데미 <span class="--en-deco">LevelUp Academy</span></h4>
+                        <h4 class="--big-title">기업 보안 서비스<span class="--en-deco">Corporate Security Service</span></h4>
                         <p class="--list-text">
-                            직업능력개발훈련의 경쟁력 강화를 위해 개별 훈련기관의 특성을 파악하여 훈련기관 역량, <br>
-                            훈련과정 품질, 훈련생 관리 전반에 대한 역량강화 프로그램을 제공하고 교육합니다.
+                            기업 보안 서비스는 사무실 보안 강화부터 기밀 유출 방지까지 체계적인 보안 솔루션을 제공합니다.<br>
+                            기업의 자산과 정보를 보호하기 위해 맞춤형 보안 컨설팅과 첨단 보안 시스템을 제공합니다.
                         </p>
                         <button type="button" class="btn-more" data-btn="list-more" data-target=".service-item03">자세히 보기 <span class="material-symbols-outlined">expand_more</span></button>
                     </div>
@@ -224,103 +213,26 @@
                     <ul class="--item-detail-list flex-box MT50 service-item03">
                         <li class="--item-detail">
                             <div class="img-box">
-                                <img src="assets/images/service-img07.png" alt="">
-                                <h5 class="--title MB10 text-center">훈련기관 <br>역량제고</h5>
-                            </div>
-                            <ol class="--list">
-                                <li class="--sub-text">직업능력개발훈련 심사평가 A-Z <br>
-                                    <small>직업훈련 제도, 기관설립, 심사평가, 과정승인, 특화훈련 등 직업훈련 이해도 제고</small>
-                                </li>
-                                <li class="--sub-text">훈련기관 조직진단, 매출 분석을 통한 향후 기관운영 방향 설정 및 개선 방안 수립</li>
-                                <li class="--sub-text">교육지원협의회(산업체전문가, 외부전문가, 교육전문가) 구축 및 활용 자문</li>
-                                <li class="--sub-text">교직원 역량 강화 지원을 위한 맞춤형 교육 및 세미나</li>
-                            </ol>
-                        </li>
-                        <li class="--item-detail">
-                            <div class="img-box">
-                                <img src="assets/images/service-img08.png" alt="">
-                                <h5 class="--title MB10 text-center">훈련과정<br>품질제고</h5>
-                            </div>
-                            <ol class="--list">
-                                <li class="--sub-text">디지털 학습 플랫폼, 혼합훈련 등 다양한 훈련방법 적용 및 활용 방안</li>
-                                <li class="--sub-text">훈련성과(취업률, 수요자만족도, 수료율, 교육평가 등) 분석 및 개선 방안 수립</li>
-                                <li class="--sub-text">훈련생 평가도구(평가계획, 평가운영, 플랫폼 구축 등) 개발</li>
-                                <li class="--sub-text">K-디지털 트레이닝 프로젝트 평가 지원</li>
-                            </ol>
-                        </li>
-                        <li class="--item-detail">
-                            <div class="img-box">
-                                <img src="assets/images/service-img09.png" alt="">
-                                <h5 class="--title MB10 text-center">훈련생<br>역량관리</h5>
-                            </div>
-                            <ol class="--list">
-                                <li class="--sub-text">학사관리시스템 구축 및 제공<br>
-                                    <small>교육과정 관리, 훈련생 관리, 교육상담, 정기평가, 취업 및 사후관리, 커뮤니티 등</small>
-                                </li>
-                                <li class="--sub-text">훈련생 성취도 향상<br>
-                                    <small>훈련생 성취도 향상 및 관리를 위한 교수학습 지원 방안 자문</small>
-                                </li>
-                                <li class="--sub-text">훈련생 취업률 향상<br>
-                                    <small>취업컨설팅 업체 제휴, 채용플랫폼 제공, 취업상담 인력 지원, 취업률 관리 등</small>
-                                </li>
-                            </ol>
-                        </li>
-                    </ul>
-                </div>
-            </li>
-            <li class="--service-item MT125">
-                <div class="text">
-                    <div class="--item-category flex-box">
-                        <h4 class="--big-title">커리어 코디네이터 <span class="--en-deco">Career Coordinators</span></h4>
-                        <p class="--list-text">
-                            전문적인 채용 에이전시 업체 제휴 및 인력양성 프로그램을 통해 필요로 하는 인재를 적기에 채용할 수 <br>
-                            있도록 지원하며, 다양한 취업지원 프로그램을 운영하여 훈련기관의 취업률성과를 극대화합니다.  <br>
-                            또한 훈련기관 요구에 따른 맞춤형 종합컨설팅 TF를 지원합니다.
-                        </p>
-                        <button type="button" class="btn-more" data-btn="list-more" data-target=".service-item04">자세히 보기 <span class="material-symbols-outlined">expand_more</span></button>
-                    </div>
-
-                    <ul class="--item-detail-list flex-box MT50 service-item04">
-                        <li class="--item-detail">
-                            <div class="img-box">
-                                <img src="assets/images/service-img10.png" alt="">
-                                <h5 class="--title MB10 text-center">전담인력 <br>채용</h5>
+                                <h5 class="--title MB10 text-center">사무실 보안 및 출입 통제 관리</h5>
                             </div>
                             <ol class="--list">
-                                <li class="--sub-text">전문적인 채용 에이전시와 제휴를 통해 특정 직무에 필요한 전담인력 채용 지원</li>
-                                <li class="--sub-text">분야별 교강사 인력 확보 및 풀 구성을 통해 훈련교강사 부재시 긴급 채용 지원</li>
-                                <li class="--sub-text">강사양성(IT분야) 교육 프로그램 운영을 통한 교육기관 맞춤형 강사 양성</li>
+                                <li class="--sub-text"><strong>출입 통제 시스템:</strong> 직원 및 방문객 출입 관리, 생체 인식, 카드 리더기 도입</li>
+                                <li class="--sub-text"><strong>출입 기록 관리:</strong> 출입 시간 및 경로 데이터 수집 및 분석</li>
+                                <li class="--sub-text"><strong>비상구 및 통로 점검:</strong> 화재 및 긴급 상황 대비 비상 통로 점검 및 관리</li>
+                                <li class="--sub-text"><strong>야간 순찰:</strong> 야간 시간대 사무실 순찰 및 잠금 장치 점검</li>
+                                <li class="--sub-text"><strong>CCTV 모니터링:</strong> 사무실 내외부 실시간 감시 및 데이터 기록</li>
                             </ol>
                         </li>
                         <li class="--item-detail">
                             <div class="img-box">
-                                <img src="assets/images/service-img11.png" alt="">
-                                <h5 class="--title MB10 text-center">취업지원 <br>컨설팅</h5>
+                                <h5 class="--title MB10 text-center">비상 상황 대응 및 위기 관리</h5>
                             </div>
                             <ol class="--list">
-                                <li class="--sub-text">
-                                    취업컨설팅 제휴업체 직접 연계 지원<br>
-                                    <small>취업컨설팅, 채용플랫폼 제공, 취업지원 프로그램 운영 등</small>
-                                </li>
-                                <li class="--sub-text">
-                                    교육기관 상주 취업 전담인력 위탁 운영<br>
-                                    <small>취업 전담인력 배정 및 관리, 취업설명회, 취업상담, 취업지원, 취업률 관리 등</small>
-                                </li>
-                                <li class="--sub-text">
-                                    취업률 성과 분석 및 관리<br>
-                                    <small>직종별/분야별 취업률성과표 작성 및 분석자료 제공을 통해 훈련기관의 취업률 향상 제고</small>
-                                </li>
-                            </ol>
-                        </li>
-                        <li class="--item-detail">
-                            <div class="img-box">
-                                <img src="assets/images/service-img12.png" alt="">
-                                <h5 class="--title MB10 text-center">종합컨설팅 <br>TF</h5>
-                            </div>
-                            <ol class="--list">
-                                <li class="--sub-text">신규기관 대상 기본 컨설팅</li>
-                                <li class="--sub-text">기존기관 대상 심화 컨설팅</li>
-                                <li class="--sub-text">미래형 직업훈련 디지털 전환지원 컨설팅(Digital Transformation)</li>
+                                <li class="--sub-text"><strong>위기 대응 매뉴얼:</strong> 각종 위기 상황(화재, 침입, 데이터 유출)에 대한 대응 계획 수립</li>
+                                <li class="--sub-text"><strong>위기 발생 시 즉각 출동:</strong> 보안 요원의 즉각적인 현장 출동 및 상황 대응</li>
+                                <li class="--sub-text"><strong>대피 경로 확보:</strong> 직원 및 방문객 대피 경로 사전 설계 및 비상구 관리</li>
+                                <li class="--sub-text"><strong>사후 보고 및 개선:</strong> 사건 발생 시 사후 보고서 작성 및 재발 방지 대책 수립</li>
+                                <li class="--sub-text"><strong>위기 대응 훈련:</strong> 정기적인 모의 훈련 및 보안 시스템 점검</li>
                             </ol>
                         </li>
                     </ul>
@@ -334,8 +246,8 @@
     <div class="container">
         <div class="flex-box">
             <div class="title-wrap">
-                <span class="--title-deco">Edu Partner</span>
-                <h3 class="--title MB30">에듀웍스와 <br>함께한 고객</h3>
+                <span class="--title-deco">INTELLIGENCE Partner</span>
+                <h3 class="--title MB30">인텔리젼스와<br>함께한 고객</h3>
                 <p class="--sub-text">
                     제휴 파트너의 지속적인 <br class="device-pc">
                     비지니스 성장을 위해 <br class="device-pc"><br class="device-mobile">
@@ -345,82 +257,51 @@
             <ul class="contents-wrap clients-list MT20">
                 <li class="flex-box">
                     <div class="logo-img MB20">
-                        <img src="assets/images/ezen-logo.svg" alt="">
+                        <img src="assets/images/affiliates01.jpg" alt="">
                     </div>
-                    <h4 class="--title small MB10 PL10">(주)이젠아카데미교육그룹 <br>(26개 지점)</h4>
-                    <ul class="--list PL10">
-                        <li class="--sub-text small">직업능력개발훈련기관 인증평가 지원(18개 지점 5년인증 우수훈련기관 획득)</li>
-                        <li class="--sub-text small">
-                            특화훈련 심사평가 지원 <br>
-                            <small>K-디지털 트레이닝 훈련, 기업맞춤형 국기훈련, 산업구조변화대응 특화훈련, 과정평가형 국가기술자격, 일반고 특화과정 등</small>
-                        </li>
-                        <li class="--sub-text small">
-                            직업훈련 성과평가 지원 <br>
-                            <small>훈련이수자평가, K-디지털 트레이닝(기업맞춤형 국기훈련) 프로젝트 평가, 기관인증 및 훈련과정 심사 성과관리</small>
-                        </li>
-                    </ul>
+                    <h4 class="--title small MB10 PL10 text-center">PROSCOM</h4>
                 </li>
                 <li class="flex-box">
-                    <div class="logo-img MB20 text-center">
-                        <img src="assets/images/codelab-logo.svg" alt="" style="width:52.8%;">
+                    <div class="logo-img MB20">
+                        <img src="assets/images/affiliates02.jpg" alt="">
                     </div>
-                    <h4 class="--title small MB10 PL10">코드랩아카데미학원</h4>
-                    <ul class="--list PL10">
-                        <li class="--sub-text small">훈련기관 강점에 기반한 훈련기관 차별화 및 특성화 전략 수립</li>
-                        <li class="--sub-text small">기관특성화 전략에 맞춘 주력 훈련분야 타당성 검토 및 선정</li>
-                        <li class="--sub-text small">
-                            직업훈련기관 운영에 필요한 세부계획 수립 <br>
-                            <small>훈련인프라 구축, 투입예산, 매출계획, 교육운영 등</small>
-                        </li>
-                        <li class="--sub-text small">훈련수요 분석을 통한 디지털 신기술(K-디지털 트레이닝) 훈련과정 개발</li>
-                    </ul>
+                    <h4 class="--title small MB10 PL10 text-center">더다인</h4>
                 </li>
                 <li class="flex-box">
-                    <div class="logo-img MB20 text-center">
-                        <img src="assets/images/ecrew-logo.svg" alt="" style="width:52.6%;">
+                    <div class="logo-img MB20">
+                        <img src="assets/images/affiliates03.jpg" alt="">
                     </div>
-                    <h4 class="--title small MB10 PL10">(주)이크루</h4>
-                    <ul class="--list PL10">
-                        <li class="--sub-text small">교육매칭 큐레이팅 서비스 개발 협업</li>
-                        <li class="--sub-text small">IT개발 온·오프라인 부트캠프 교육 협업</li>
-                        <li class="--sub-text small"> 교육메니지먼트 시스템 플랫폼 개발 협업</li>
-                    </ul>
+                    <h4 class="--title small MB10 PL10 text-center">엣스퍼트</h4>
                 </li>
                 <li class="flex-box">
-                    <div class="logo-img MB20 text-center">
-                        <img src="assets/images/onadn-logo.svg" alt="" style="width:55.5%;">
+                    <div class="logo-img MB20">
+                        <img src="assets/images/affiliates04.jpg" alt="">
                     </div>
-                    <h4 class="--title small MB10 PL10">(주)온애드엔</h4>
-                    <ul class="--list PL10">
-                        <li class="--sub-text small">학원관리시스템 (Education Management System) 개발 협업</li>
-                        <li class="--sub-text small">클라이언트 특성에 맞는 통합 마케팅 솔루션 개발 협업</li>
-                        <li class="--sub-text small">데이터 통합 관리 및 고객 유입 행동 데이터 추적 솔루션 개발 협업</li>
-                    </ul>
+                    <h4 class="--title small MB10 PL10 text-center">코엑스</h4>
                 </li>
                 <li class="flex-box">
-                    <div class="logo-img MB20 text-center">
-                        <img src="assets/images/wheeparam2-logo.svg" alt="" style="width:110%; margin-left:-5%;">
+                    <div class="logo-img MB20">
+                        <img src="assets/images/affiliates05.jpg" alt="">
                     </div>
-                    <h4 class="--title small MB10 PL10">휘파람소프트</h4>
-                    <ul class="--list PL10">
-                        <li class="--sub-text small">스마트 직업훈련(DX) 통합플랫폼 구축 협업</li>
-                        <li class="--sub-text small">RPA 업무자동화 시스템 구축 협업</li>
-                        <li class="--sub-text small">학습자의 니즈에 맞춘 교육콘텐츠 개발 및 디지털화 협업</li>
-                    </ul>
+                    <h4 class="--title small MB10 PL10 text-center">넥슨</h4>
                 </li>
                 <li class="flex-box">
-                    <div class="logo-img MB20 text-center">
-                        <img src="assets/images/kjc-logo.png" alt="" style="width:65.2%">
+                    <div class="logo-img MB20">
+                        <img src="assets/images/affiliates06.jpg" alt="">
                     </div>
-                    <h4 class="--title small MB10 PL10">한국취업센터</h4>
-                    <ul class="--list PL10">
-                        <li class="--sub-text">
-                            전문인재 맞춤형 취업컨설팅 협업 <br>
-                            <small>대한상공회의소, 한국표준협회, 한국소프트웨어저작권협회, 이젠아카데미, 경기도경제과학진흥원, 경남테크노파크 등</small>
-                        </li>
-                        <li class="--sub-text small">전문인재 채용연계 서비스 플랫폼 기획 및 개발 협업</li>
-                        <li class="--sub-text small">기업대상 채용설명회 개최 및 협력사 확보 협업</li>
-                    </ul>
+                    <h4 class="--title small MB10 PL10 text-center">POSCO</h4>
+                </li>
+                <li class="flex-box">
+                    <div class="logo-img MB20">
+                        <img src="assets/images/affiliates07.jpg" alt="">
+                    </div>
+                    <h4 class="--title small MB10 PL10 text-center">롯대백화점</h4>
+                </li>
+                <li class="flex-box">
+                    <div class="logo-img MB20">
+                        <img src="assets/images/affiliates08.jpg" alt="">
+                    </div>
+                    <h4 class="--title small MB10 PL10 text-center">롯데월드 타워</h4>
                 </li>
             </ul>
         </div>

src/scss/pages/main.scss

@@ -214,7 +214,10 @@ html {
           margin-bottom:REM(45px / 3);
         }
       }
-
+      .animation {
+        font-family: $font-en-family-base;
+        font-weight:800;
+      }
     }
     .--sub-text {
       font-size:21px;
@@ -240,7 +243,7 @@ html {
         margin-top:REM(120px / 3);
       }
       .reason-box {
-        width:32%;
+        width:23%;
         margin-bottom:50px;
         box-shadow: 5px 5px 5px rgba(0,0,0,0.15);
         border:1px solid rgba(0,0,0,0.07);
@@ -392,11 +395,12 @@ html {
           }
           .img-box {
             width:100%;
-            border-radius: 20px;
+            border-radius: 30px;
             position:relative;
             overflow:hidden;
             margin-bottom:30px;
             box-shadow: 5px 5px 5px rgba(0,0,0,0.15);
+            background-color:#fff;
             @include display-md(){
               flex-shrink: 0;
               width:100%;
@@ -507,18 +511,21 @@ html {
     }
     .logo-img {
       padding:20px 30px;
-      background-color: rgba(0,0,0,.05);
-      border-radius: 10px;
       width:100%;
       max-height:65%;
+      border-bottom:1px solid #DDDDDD;
       background-size: contain;
       background-repeat: no-repeat;
       background-position: center center;
+      > img {
+        display: block;
+        margin:0 auto;
+      }
       @include display-md(){
-        padding:REM(40px / 3) REM(50px / 3);
-        border-radius: REM(30px / 3);
-        max-height:REM(210px / 3);
-        transform: scale(0.6);
+        padding:0;
+        > img {
+          transform: scale(0.6);
+        }
       }
     }
     > .flex-box {