작업중

dist/assets/images/logo.svg

@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="_레이어_1" data-name="레이어 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 151.62 53.97">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #ec8f26;
+      }
+
+      .cls-2 {
+        fill: #222323;
+      }
+
+      .cls-3 {
+        fill: #2c9fd1;
+      }
+    </style>
+  </defs>
+  <path class="cls-2" d="M7.23,26.5l-3,11.19H0l3-11.19"/>
+  <path class="cls-2" d="M22.72,26.35l-2.72,10.16c-.23,.85-1.42,1.28-2.35,1.33-.99,.06-2.1-.21-2.45-.8l-3.36-5.99-1.78,6.63h-3.7l2.63-9.8c.23-.86,1.45-1.32,2.4-1.39,.99-.07,2.06,.21,2.41,.8l3.35,6.02,1.86-6.95"/>
+  <path class="cls-2" d="M25.55,37.66l2.33-8.71h-3.11c-1.18,0-1.47-.67-1.32-1.23s.77-1.19,1.97-1.19h10.45c1.2,0,1.48,.62,1.33,1.19s-.8,1.23-1.98,1.23h-3.11l-2.33,8.71h-4.23Z"/>
+  <path class="cls-2" d="M41.63,30.83h5.55c1.18,0,1.47,.67,1.32,1.22s-.76,1.18-1.96,1.18h-5.55l-.43,1.62c-.09,.33,.01,.4,.48,.4h5.35c1.2,0,1.48,.62,1.33,1.19s-.8,1.23-1.98,1.23h-6.93c-2.44,0-3.01-.6-2.58-2.19l1.82-6.78c.43-1.59,1.32-2.19,3.76-2.19h6.73c1.18,0,1.47,.67,1.32,1.23s-.77,1.19-1.97,1.19h-5.14c-.47,0-.61,.07-.7,.4l-.4,1.48Z"/>
+  <path class="cls-2" d="M56.32,26.48l-2.25,8.4c-.09,.33,.01,.4,.48,.4h4.51c1.2,0,1.48,.62,1.33,1.19s-.8,1.23-1.98,1.23h-6.16c-2.44,0-3.01-.6-2.58-2.19l2.42-9.03"/>
+  <path class="cls-2" d="M68.6,26.48l-2.25,8.4c-.09,.33,.01,.4,.48,.4h4.51c1.2,0,1.48,.62,1.33,1.19s-.8,1.23-1.98,1.23h-6.16c-2.44,0-3.01-.6-2.58-2.19l2.42-9.03"/>
+  <path class="cls-2" d="M76.22,27.87c.26-.96,1.35-1.39,2.49-1.39s2,.43,1.74,1.39l-2.63,9.83h-4.23l2.63-9.83Z"/>
+  <path class="cls-2" d="M94.16,33.88c-.75,2.81-3.96,3.94-7.44,3.94s-6.74-1.18-5.93-4.21l.81-3.02c.82-3.06,4.67-4.21,8.24-4.21,1.87,0,3.44,.29,4.13,.68,.73,.4,.95,1.07,.31,1.65-.54,.48-1.34,.68-2.01,.6-.45-.06-.76-.21-1.04-.29-.45-.12-1.15-.18-2.05-.18-1.42,0-3.13,.61-3.47,1.89l-.74,2.77c-.34,1.28,.94,1.89,2.4,1.89,1.38,0,2.79-.46,3.05-1.44l.04-.17c.07-.28,0-.32-.38-.32h-.67c-1.18,0-1.46-.61-1.31-1.16s.79-1.21,1.95-1.21h1.85c2.4,0,2.87,.51,2.46,2.07l-.2,.75Z"/>
+  <path class="cls-2" d="M100.78,30.83h5.55c1.18,0,1.47,.67,1.32,1.22s-.76,1.18-1.96,1.18h-5.55l-.43,1.62c-.09,.33,.01,.4,.48,.4h5.35c1.2,0,1.48,.62,1.33,1.19s-.8,1.23-1.98,1.23h-6.93c-2.44,0-3.01-.6-2.58-2.19l1.82-6.78c.43-1.59,1.32-2.19,3.76-2.19h6.73c1.18,0,1.47,.67,1.32,1.23s-.77,1.19-1.97,1.19h-5.14c-.47,0-.61,.07-.7,.4l-.4,1.48Z"/>
+  <path class="cls-2" d="M128.84,33.41c-.35,1.3,.84,1.96,2.3,1.96,.94,0,1.63-.1,2.23-.26,.33-.1,.74-.25,1.13-.29,.75-.08,1.32,.07,1.61,.53,.36,.57-.14,1.19-.95,1.58-1.28,.62-3.11,.9-4.67,.9-3.52,0-6.69-1.22-5.87-4.28l.77-2.88c.82-3.06,4.64-4.28,8.16-4.28,1.81,0,3.13,.29,3.82,.68,.73,.4,.95,1.07,.31,1.65-.54,.48-1.34,.68-2.01,.6-.45-.06-.76-.21-1.04-.29-.45-.12-.91-.18-1.74-.18-1.46,0-3,.65-3.35,1.95l-.71,2.63Z"/>
+  <path class="cls-2" d="M143.38,30.83h5.55c1.18,0,1.47,.67,1.32,1.22s-.76,1.18-1.96,1.18h-5.55l-.43,1.62c-.09,.33,.01,.4,.48,.4h5.35c1.2,0,1.48,.62,1.33,1.19s-.8,1.23-1.98,1.23h-6.93c-2.44,0-3.01-.6-2.58-2.19l1.82-6.78c.43-1.59,1.32-2.19,3.76-2.19h6.73c1.18,0,1.47,.67,1.32,1.23s-.77,1.19-1.97,1.19h-5.14c-.47,0-.61,.07-.7,.4l-.4,1.48Z"/>
+  <path class="cls-2" d="M124.71,26.35l-2.72,10.16c-.23,.85-1.42,1.28-2.35,1.33-.99,.06-2.1-.21-2.45-.8l-3.36-5.99-1.78,6.63h-3.7l2.63-9.8c.23-.86,1.45-1.32,2.4-1.39,.99-.07,2.06,.21,2.41,.8l3.35,6.02,1.86-6.95"/>
+  <g>
+    <g>
+      <path class="cls-3" d="M99.89,13.41c-.95-9.25-22.48-11.06-44.35-1.12-6.1,2.78-11.77,5.98-16.68,9.43-.06,.04-.12,.09-.18,.13h8.53c3.16-2.04,6.57-3.96,10.16-5.68,19.52-9.37,38.97-7.47,39.95,.82,0,0,.32,5.26-.65,6.8,0,0,3.79-4.8,3.22-10.38Z"/>
+      <path class="cls-3" d="M22.1,40.4h4.1s-4.62,6.3-2.05,11.85c0,0-6.12-2.87-2.05-11.85Z"/>
+    </g>
+    <path class="cls-1" d="M28.84,40.55s-2.55,9.9,8.74,9.57c0,0,9.39,.89,20.19-4.25l7.02-.15s-11.57,6.63-21.84,7.94-13.85-2.08-13.85-2.08c0,0-5.12-2.95-.26-11.04Z"/>
+    <path class="cls-1" d="M29.52,22.03h4.52s9.23-7.94,19.37-12.46c10.14-4.52,14.53-5.58,22.02-6.3s10.91,1.66,11.82,2.33c0,0,.36-5.2-9.68-5.59-9.27-.36-23.37,4.65-32.61,10.2s-15.43,11.82-15.43,11.82Z"/>
+  </g>
+</svg>

dist/browserconfig.xml

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>

dist/index.html

@@ -3,18 +3,18 @@
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
-    <title>에듀웍스 - 매출을 높이는 전문 교육컨설팅 서비스!</title>
+    <title>한 발 앞선 경호, 완벽한 보안 :: 인텔리전스</title>
     <meta http-equiv="Expires" content="-1">
     <meta http-equiv="Pragma" content="no-cache">
     <meta http-equiv="Cache-Control" content="no-cache">
-    <meta name="description" content="에듀웍스에서는 브랜딩기획, 교육, 평가, 성과까지 교육훈련에 필요한 모든 솔루션을 제공합니다.">
-    <meta name="keywords" content="훈련기관 브랜딩, 훈련기관 설립, 훈련기관 운영, 훈련기관 인증평가, 직업룬련 과정심사, 특화훈련 심사평가, 훈련기관 역량제고, 훈련과정 품질제고, 훈련생 역량관리, 전담인력 채용, 취업지원 컨설팅, 종합컨설팅TF">
+    <meta name="description" content="인텔리젼스에서는 고객의 안전을 최우선으로 생각하며, VIP 경호, 행사 경비, 기업 보안 솔루션을 제공합니다.">
+    <meta name="keywords" content="VIP 경호, 행사 경비,">
     <meta property="og:type" content="website">
-    <meta property="og:title" content="에듀웍스">
-    <meta property="og:description" content="에듀웍스에서는 브랜딩기획, 교육, 평가, 성과까지 교육훈련에 필요한 모든 솔루션을 제공합니다.">
-    <meta property="og:image" content="http://jjkimhk2.cafe24.com/assets/images/share-img.jpg">
-    <meta property="og:url" content="http://jjkimhk2.cafe24.com">
-    <link rel="canonical" href="http://jjkimhk2.cafe24.com">
+    <meta property="og:title" content="인텔리젼스">
+    <meta property="og:description" content="인텔리젼스에서는 고객의 안전을 최우선으로 생각하며, VIP 경호, 행사 경비, 기업 보안 솔루션을 제공합니다.">
+    <meta property="og:image" content=/assets/images/share-img.jpg">
+    <meta property="og:url" content="">
+    <link rel="canonical" href="">
     <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
     <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
     <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
@@ -52,7 +52,7 @@
 <header class="main-header">
     <div class="container">
         <div class="logo" style="">
-            <a href="index.html" class="logo-img">에듀웍스</a>
+            <a href="index.html" class="logo-img"></a>
         </div>
 
         <div class="nav-container">
@@ -95,15 +95,12 @@
     <div id="bg-wrap">
         <svg viewBox="0 0 100 100" preserveAspectRatio="xMidYMid slice">
             <defs>
-                <radialGradient id="Gradient1" cx="50%" cy="50%" fx="0.441602%" fy="50%" r=".5"><animate attributeName="fx" dur="34s" values="0%;3%;0%" repeatCount="indefinite"></animate><stop offset="0%" stop-color="rgba(50, 248, 255, 1)"></stop><stop offset="100%" stop-color="rgba(70, 54, 255, 0)"></stop></radialGradient>
-                <radialGradient id="Gradient2" cx="50%" cy="50%" fx="2.68147%" fy="50%" r=".5"><animate attributeName="fx" dur="23.5s" values="0%;3%;0%" repeatCount="indefinite"></animate><stop offset="0%" stop-color="rgba(70, 54, 255, 1)"></stop><stop offset="100%" stop-color="rgba(255, 255, 0, 0)"></stop></radialGradient>
-                <radialGradient id="Gradient3" cx="50%" cy="50%" fx="0.836536%" fy="50%" r=".5"><animate attributeName="fx" dur="21.5s" values="0%;3%;0%" repeatCount="indefinite"></animate><stop offset="0%" stop-color="rgba(0, 255, 255, 1)"></stop><stop offset="100%" stop-color="rgba(0, 255, 255, 0)"></stop></radialGradient>
-                <radialGradient id="Gradient4" cx="50%" cy="50%" fx="4.56417%" fy="50%" r=".5"><animate attributeName="fx" dur="23s" values="0%;5%;0%" repeatCount="indefinite"></animate><stop offset="0%" stop-color="rgba(0, 255, 0, 1)"></stop><stop offset="100%" stop-color="rgba(50, 248, 255, 0)"></stop></radialGradient>
-                <radialGradient id="Gradient5" cx="50%" cy="50%" fx="2.65405%" fy="50%" r=".5"><animate attributeName="fx" dur="24.5s" values="0%;5%;0%" repeatCount="indefinite"></animate><stop offset="0%" stop-color="rgba(70,54,255, 1)"></stop><stop offset="100%" stop-color="rgba(0,0,255, 0)"></stop></radialGradient>
-                <radialGradient id="Gradient6" cx="50%" cy="50%" fx="0.981338%" fy="50%" r=".5"><animate attributeName="fx" dur="25.5s" values="0%;5%;0%" repeatCount="indefinite"></animate><stop offset="0%" stop-color="rgba(255,0,0, 1)"></stop><stop offset="100%" stop-color="rgba(255,0,0, 0)"></stop></radialGradient>
+                <radialGradient id="Gradient1" cx="50%" cy="50%" fx="4.56417%" fy="50%" r=".5"><animate attributeName="fx" dur="23s" values="0%;5%;0%" repeatCount="indefinite"></animate><stop offset="0%" stop-color="rgba(0, 173, 255, 1)"></stop><stop offset="100%" stop-color="rgba(0, 0, 0, 0)"></stop></radialGradient>
+                <radialGradient id="Gradient2" cx="50%" cy="50%" fx="2.65405%" fy="50%" r=".5"><animate attributeName="fx" dur="24.5s" values="0%;5%;0%" repeatCount="indefinite"></animate><stop offset="0%" stop-color="rgba(236,143,38, 1)"></stop><stop offset="100%" stop-color="rgba(236,143,38, 0)"></stop></radialGradient>
+                <radialGradient id="Gradient3" cx="50%" cy="50%" fx="0.981338%" fy="50%" r=".5"><animate attributeName="fx" dur="25.5s" values="0%;5%;0%" repeatCount="indefinite"></animate><stop offset="0%" stop-color="rgba(0,173,255, 1)"></stop><stop offset="100%" stop-color="rgba(0,173,255, 0)"></stop></radialGradient>
             </defs>
             <rect x="13.744%" y="1.18473%" width="100%" height="100%" fill="url(#Gradient1)" transform="rotate(334.41 50 50)"><animate attributeName="x" dur="12s" values="25%;0%;25%" repeatCount="indefinite"></animate><animate attributeName="y" dur="12s" values="0%;25%;0%" repeatCount="indefinite"></animate><animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="7s" repeatCount="indefinite"></animateTransform></rect>
-            <rect x="-2.17916%" y="35.4267%" width="100%" height="100%" fill="url(#Gradient2)" transform="rotate(255.072 50 50)"><animate attributeName="x" dur="24s" values="-25%;0%;-25%" repeatCount="indefinite"></animate><animate attributeName="y" dur="24s" values="0%;50%;0%" repeatCount="indefinite"></animate><animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="12s" repeatCount="indefinite"></animateTransform>
+            <rect x="2.17916%" y="35.4267%" width="100%" height="100%" fill="url(#Gradient2)" transform="rotate(255.072 50 50)"><animate attributeName="x" dur="24s" values="-25%;0%;-25%" repeatCount="indefinite"></animate><animate attributeName="y" dur="24s" values="0%;50%;0%" repeatCount="indefinite"></animate><animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="12s" repeatCount="indefinite"></animateTransform>
             </rect>
             <rect x="9.00483%" y="14.5733%" width="100%" height="100%" fill="url(#Gradient3)" transform="rotate(139.903 50 50)"><animate attributeName="x" dur="12s" values="0%;25%;0%" repeatCount="indefinite"></animate><animate attributeName="y" dur="12s" values="0%;25%;0%" repeatCount="indefinite"></animate><animateTransform attributeName="transform" type="rotate" from="360 50 50" to="0 50 50" dur="9s" repeatCount="indefinite"></animateTransform>
             </rect>
@@ -111,10 +108,8 @@
     </div>
     <div class="main-top-text">
         <h2 class="--title">
-            <small>
-                품격 있는 경호, 인텔리젼스가 만듭니다.
-            </small>
-            <span class="animation">Professional Protection <br>stiwith Class.</span>
+            <small>한 발 앞선 경호, 완벽한 보안.</small>
+            <span class="animation">Proactive Security, Unmatched Protection.</span>
         </h2>
         <p class="--sub-text">
             중요한 순간일수록 더 정교한 보안이 필요합니다. <br>
@@ -127,8 +122,8 @@
     <div class="container">
         <div class="title-wrap">
             <span class="--title-deco">Why Choose? INTELLIGENCE</span>
-            <h2 class="--title">당신의 안전을 위한 최고의 선택</h2>
-            <p class="--sub-text">고객의 안전을 최우선으로 생각하는 전문 기업으로 다양한 맞춤형 경호 솔루션을 제공합니다.</p>
+            <h2 class="--title">당신의 안전을 위한 <br class="device-mobile">최고의 선택</h2>
+            <p class="--sub-text">고객의 안전을 최우선으로 생각하는 전문 기업으로 <br class="device-mobile">다양한 맞춤형 경호 솔루션을 제공합니다.</p>
         </div>
         <ul class="contents-wrap reason-list">
             <li class="reason-box">
@@ -137,7 +132,7 @@
                     <span>경험과 신뢰를 겸비한 전문 경호팀</span>
                 </h3>
                 <p class="--sub-text">
-                    VIP 경호 및 대규모 행사 경호를 성공적으로 수행한 경력을 <br class="device-mobile">
+                    VIP 경호 및 대규모 행사 경호를 성공적으로 수행한 경력을 <br class="device-pc">
                     보유한 전문 경호팀을 운영, 고객의 안전을 최우선으로 보장합니다.
                 </p>
             </li>
@@ -147,27 +142,27 @@
                     <span>보안 시스템과 맞춤형 경호 솔루션</span>
                 </h3>
                 <p class="--sub-text">
-                    고객의 동선과 일정을 분석해 개별 맞춤형 경호 플랜을 설계,<br class="device-mobile">
+                    고객의 동선과 일정을 분석해 개별 맞춤형 경호 플랜을 설계,<br class="device-pc">
                     예기치 못한 상황에도 즉각 대응합니다.
                 </p>
             </li>
             <li class="reason-box">
                 <h3 class="--title MB10">
                     <span class="icon material-symbols-outlined">comment</span>
-                    <span>신속한 위기 대응 및 철저한 사후 관리</span>
+                    <span>신속한 위기 대응 및 <br class="device-mobile">철저한 사후 관리</span>
                 </h3>
                 <p class="--sub-text">
-                    경호 서비스 종료 후에도 사후 보고서를 통해 고객의 안전 상태를 <br class="device-mobile">
+                    경호 서비스 종료 후에도 사후 보고서를 통해 고객의 안전 상태를 <br class="device-pc">
                     지속적으로 모니터링하고 피드백을 제공합니다.
                 </p>
             </li>
             <li class="reason-box">
                 <h3 class="--title MB10">
                     <span class="icon material-symbols-outlined">lock</span>
-                    <span>철저한 기밀 유지 및 프라이버시 보호</span>
+                    <span>철저한 기밀 유지 및 <br class="device-mobile">프라이버시 보호</span>
                 </h3>
                 <p class="--sub-text">
-                    모든 경호 인력은 기밀 유지 서약을 체결하고, 고객 정보의 유출을 <br class="device-mobile">
+                    모든 경호 인력은 기밀 유지 서약을 체결하고, 고객 정보의 유출을 <br class="device-pc">
                     방지하기 위해 철저한 보안 프로토콜을 준수합니다.
                 </p>
             </li>
@@ -179,17 +174,17 @@
     <div class="container">
         <div class="title-wrap text-center">
             <span class="--title-deco">INTELLIGENCE Service</span>
-            <h3 class="--title">고객중심 START-to-END 경호 보안 서비스</h3>
+            <h3 class="--title">고객중심 START-to-END <br class="device-mobile">경호 보안 서비스</h3>
             <p class="--sub-text">
-                고객의 안전을 최우선으로 생각하는 경호 전문 기업으로 다양한 맞춤형 경호 솔루션을 제공합니다. <br>
-                신뢰할 수 있는 경호 인력과 첨단 보안 시스템으로 당신의 일상과 비즈니스를 안전하게 보호해드립니다.
+                고객의 안전을 최우선으로 생각하는 경호 전문 <br class="device-mobile">기업으로 다양한 맞춤형 경호 솔루션을 제공합니다. <br>
+                신뢰할 수 있는 경호 인력과 첨단 보안 시스템으로 <br class="device-mobile">당신의 일상과 비즈니스를 안전하게 보호해드립니다.
             </p>
         </div>
-        <ul class="contents-wrap service-list MT125">
+        <ul class="contents-wrap service-list MT150">
             <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>
+                    <div class="--item-category MB50 flex-box">
+                        <h4 class="--big-title">VIP 경호 서비스 <span class="--en-deco">VIP Protection <span class="hidden-mobile">Service</span></span></h4>
                         <p class="--list-text">
                             VIP 경호 서비스는 출퇴근부터 행사장까지 24시간 빈틈없는 맞춤형 경호를 제공합니다.<br>
                             국내외에서 검증된 경호팀과 첨단 보안 장비로 안전한 환경을 보장해드립니다.
@@ -237,12 +232,12 @@
                     </ul>
                 </div>
             </li>
-            <li class="--service-item MT125">
+            <li class="--service-item line-dash MT90 PT90">
                 <div class="text">
-                    <div class="--item-category flex-box">
-                        <h4 class="--big-title">경비 서비스 <span class="--en-deco">Security Guard Service</span></h4>
+                    <div class="--item-category MB50 flex-box">
+                        <h4 class="--big-title">경비 서비스 <span class="--en-deco">Security Guard <span class="hidden-mobile">Service</span></span></h4>
                         <p class="--list-text">
-                            경비 서비스는 건물 출입 통제부터 자산 보호까지 24시간 철저한 보안 체계를 제공합니다.
+                            경비 서비스는 건물 출입 통제부터 자산 보호까지 24시간 철저한 보안 체계를 제공합니다.<br>
                             경험 많은 경비 인력을 통해 고객의 재산과 안전을 완벽히 보호해드립니다.
                         </p>
                         <button type="button" class="btn-more" data-btn="list-more" data-target=".service-item02">자세히 보기 <span class="material-symbols-outlined">expand_more</span></button>
@@ -289,10 +284,10 @@
                     </ul>
                 </div>
             </li>
-            <li class="--service-item MT125">
+            <li class="--service-item line-dash MT90 PT90">
                 <div class="text">
-                    <div class="--item-category flex-box">
-                        <h4 class="--big-title">기업 보안 서비스<span class="--en-deco">Corporate Security Service</span></h4>
+                    <div class="--item-category MB50 flex-box">
+                        <h4 class="--big-title">기업 보안 서비스<span class="--en-deco">Corporate Security <span class="hidden-mobile">Service</span></span></h4>
                         <p class="--list-text">
                             기업 보안 서비스는 사무실 보안 강화부터 기밀 유출 방지까지 체계적인 보안 솔루션을 제공합니다.<br>
                             기업의 자산과 정보를 보호하기 위해 맞춤형 보안 컨설팅과 첨단 보안 시스템을 제공합니다.
@@ -404,29 +399,19 @@
             <div class="title-box">
                 <div class="title-wrap">
                     <span class="--title-deco">Counseling</span>
-                    <h3 class="--title MB30">교육서비스 문의</h3>
-                    <p class="--sub-text">몇가지 정보를 입력해 주시면 <br>담당 컨설턴트가 연락을 드리겠습니다</p>
+                    <h3 class="--title MB30">상담 문의</h3>
+                    <p class="--sub-text">몇가지 정보를 입력해 주시면 <br class="device-pc">빠른 연락을 드립니다.</p>
                 </div>
-                <div class="contents-wrap">
+                <div class="contents-wrap hidden-mobile">
                     <ul class="--list MT50">
                         <li class="--list-text">
-                            <strong>스타트업 파트너 (Startup Partners)</strong> <br>
-                            브랜딩 기획‧설립‧운영까지 단계별 모든 준비를 도와드립니다.
+                            <strong>VIP 경호 서비스 <br class="device-pc"><small>(VIP Protection Service)</small></strong>
                         </li>
                         <li class="--list-text MT20">
-                            <strong>에듀 엑스퍼트 (Education Experts)</strong> <br>
-                            기관인증 평가, 훈련과정 심사, 특화훈련 심사신청에 필요한 <br>
-                            모든 솔루션을 제공합니다
+                            <strong>경비 서비스 <br class="device-pc"><small>(Security Guard Service)</small></strong>
                         </li>
                         <li class="--list-text MT20">
-                            <strong>레벨업 아카데미(LevelUp Academy)</strong> <br>
-                            훈련기관 역량, 훈련과정 품질, 훈련생 관리 전반에 대한 <br>
-                            역량강화 프로그램을 제공하고 교육합니다
-                        </li>
-                        <li class="--list-text MT20">
-                            <strong>커리어 코디네이터(Caree Coordinators)</strong> <br>
-                            전담인력 채용, 취업지원 컨설팅, 종합컨설팅 <br>
-                            TF 프로그램을 제공합니다.
+                            <strong>기업 보안 서비스 <br class="device-pc"><small>(Corporate Security Service)</small></strong>
                         </li>
                     </ul>
                 </div>
@@ -435,27 +420,27 @@
             <div class="form-box MT50">
                 <form name="form" data-form="request-form">
                     <div class="type__details">
-                        <input type="radio" name="type" value="스타트업 파트너" id="dot-1" checked>
-                        <input type="radio" name="type" value="에듀 엑스퍼트" id="dot-2">
-                        <input type="radio" name="type" value="레벨업 아카데미" id="dot-3">
-                        <input type="radio" name="type" value="커리어 코디네이터" id="dot-4">
+                        <input type="radio" name="type" value="VIP 경호 서비스" id="dot-1" checked>
+                        <input type="radio" name="type" value="경비 서비스" id="dot-2">
+                        <input type="radio" name="type" value="기업 보안 서비스" id="dot-3">
+                        <input type="radio" name="type" value="기타 " id="dot-4">
                         <span class="details">상담분야 <span class="required">(필수)</span></span>
                         <div class="category">
                             <label for="dot-1">
                                 <span class="dot one"></span>
-                                <span>스타트업 파트너</span>
+                                <span>VIP 경호 서비스</span>
                             </label>
                             <label for="dot-2">
                                 <span class="dot two"></span>
-                                <span>에듀 엑스퍼트</span>
+                                <span>경비 서비스</span>
                             </label>
                             <label for="dot-3">
                                 <span class="dot three"></span>
-                                <span>레벨업 아카데미</span>
+                                <span>기업 보안 서비스</span>
                             </label>
                             <label for="dot-4">
                                 <span class="dot four"></span>
-                                <span>커리어 코디네이터</span>
+                                <span>기타 </span>
                             </label>
                         </div>
                     </div>
@@ -475,7 +460,7 @@
                         </div>
                         <div class="input__box">
                             <span class="details">이메일</span>
-                            <input type="email" name="email" data-regex="email-address" placeholder="info@eduworksnet.com">
+                            <input type="email" name="email" data-regex="email-address" placeholder="info@intelligence.com">
                         </div>
                         <div class="input__box full">
                             <span class="details">예산범위</span>
@@ -498,7 +483,7 @@
                     </div>
 
                     <div class="button">
-                        <button type="submit">문의하기</button>
+                        <button type="submit" class="btn">문의하기</button>
                     </div>
                 </form>
             </div>
@@ -730,23 +715,23 @@
             <div class="full">
                 <dl class="colon">
                     <dt class="sr-only">회사명</dt>
-                    <dd><strong>에듀웍스컨설팅</strong></dd>
+                    <dd><strong>Intelligence</strong></dd>
                 </dl>
                 <dl class="colon">
                     <dt>대표</dt>
-                    <dd>김재정</dd>
+                    <dd>김김김</dd>
                 </dl>
             </div>
             <div class="full">
                 <dl class="tel">
                     <dt class="sr-only">대표번호</dt>
-                    <dd><a href="tel:010-2745-6518">010-2745-6518</a></dd>
+                    <dd><a href="tel:010-2745-6518">010-1234-5678</a></dd>
                 </dl>
                 <dl class="colon">
                     <dt>개인정보보호책임자</dt>
-                    <dd>노수연(phoenix00426@nate.com)</dd>
+                    <dd>김김김(privacy@intelligence.com)</dd>
                 </dl>
-                <copyright class="copyright">Copyright by Eduworksnet. All rights reserved.</copyright>
+                <copyright class="copyright">Copyright by Intelligence. All rights reserved.</copyright>
             </div>
         </div>
 

dist/manifest.json

@@ -0,0 +1,41 @@
+{
+ "name": "App",
+ "icons": [
+  {
+   "src": "\/android-icon-36x36.png",
+   "sizes": "36x36",
+   "type": "image\/png",
+   "density": "0.75"
+  },
+  {
+   "src": "\/android-icon-48x48.png",
+   "sizes": "48x48",
+   "type": "image\/png",
+   "density": "1.0"
+  },
+  {
+   "src": "\/android-icon-72x72.png",
+   "sizes": "72x72",
+   "type": "image\/png",
+   "density": "1.5"
+  },
+  {
+   "src": "\/android-icon-96x96.png",
+   "sizes": "96x96",
+   "type": "image\/png",
+   "density": "2.0"
+  },
+  {
+   "src": "\/android-icon-144x144.png",
+   "sizes": "144x144",
+   "type": "image\/png",
+   "density": "3.0"
+  },
+  {
+   "src": "\/android-icon-192x192.png",
+   "sizes": "192x192",
+   "type": "image\/png",
+   "density": "4.0"
+  }
+ ]
+}

src-server/email.ts

@@ -3,7 +3,7 @@ import dotenv from "dotenv";
 
 dotenv.config();
 
-export const sendEmail = async (to: string, subject: string, text: string) => {
+export const sendEmail = async (subject: string, text: string) => {
     const transporter = nodemailer.createTransport({
         service: "gmail",
         auth: {
@@ -14,14 +14,13 @@ export const sendEmail = async (to: string, subject: string, text: string) => {
 
     const mailOptions = {
         from: "support@wheeparam.com",
-        to,
+        to : "songwritersg@naver.com",
         subject,
         text,
     };
 
     try {
         await transporter.sendMail(mailOptions);
-        console.log(`Email sent to ${to}`);
     } catch (error) {
         console.error("Email sending error:", error);
         throw error;

src-server/server.ts

@@ -36,7 +36,7 @@ app.post("/request", async (req: Request, res: Response) => {
     }
 
     try {
-        await sendEmail(email, `${type} 문의`, `
+        await sendEmail(`${type} 문의`, `
             문의 유형: ${type}
             전화번호: ${phone}
             회사명: ${company_name}

src/html/include/footer.html

@@ -8,23 +8,23 @@
             <div class="full">
                 <dl class="colon">
                     <dt class="sr-only">회사명</dt>
-                    <dd><strong>에듀웍스컨설팅</strong></dd>
+                    <dd><strong>Intelligence</strong></dd>
                 </dl>
                 <dl class="colon">
                     <dt>대표</dt>
-                    <dd>김재정</dd>
+                    <dd>김김김</dd>
                 </dl>
             </div>
             <div class="full">
                 <dl class="tel">
                     <dt class="sr-only">대표번호</dt>
-                    <dd><a href="tel:010-2745-6518">010-2745-6518</a></dd>
+                    <dd><a href="tel:010-2745-6518">010-1234-5678</a></dd>
                 </dl>
                 <dl class="colon">
                     <dt>개인정보보호책임자</dt>
-                    <dd>노수연(phoenix00426@nate.com)</dd>
+                    <dd>김김김(privacy@intelligence.com)</dd>
                 </dl>
-                <copyright class="copyright">Copyright by Eduworksnet. All rights reserved.</copyright>
+                <copyright class="copyright">Copyright by Intelligence. All rights reserved.</copyright>
             </div>
         </div>
 

src/html/include/header.html

@@ -9,7 +9,7 @@
 <header class="main-header">
     <div class="container">
         <div class="logo" style="">
-            <a href="index.html" class="logo-img">에듀웍스</a>
+            <a href="index.html" class="logo-img"></a>
         </div>
 
         <div class="nav-container">

src/html/include/meta.html

@@ -7,14 +7,14 @@
     <meta http-equiv="Expires" content="-1">
     <meta http-equiv="Pragma" content="no-cache">
     <meta http-equiv="Cache-Control" content="no-cache">
-    <meta name="description" content="에듀웍스에서는 브랜딩기획, 교육, 평가, 성과까지 교육훈련에 필요한 모든 솔루션을 제공합니다.">
-    <meta name="keywords" content="훈련기관 브랜딩, 훈련기관 설립, 훈련기관 운영, 훈련기관 인증평가, 직업룬련 과정심사, 특화훈련 심사평가, 훈련기관 역량제고, 훈련과정 품질제고, 훈련생 역량관리, 전담인력 채용, 취업지원 컨설팅, 종합컨설팅TF">
+    <meta name="description" content="인텔리젼스에서는 고객의 안전을 최우선으로 생각하며, VIP 경호, 행사 경비, 기업 보안 솔루션을 제공합니다.">
+    <meta name="keywords" content="VIP 경호, 행사 경비,">
     <meta property="og:type" content="website">
-    <meta property="og:title" content="에듀웍스">
-    <meta property="og:description" content="에듀웍스에서는 브랜딩기획, 교육, 평가, 성과까지 교육훈련에 필요한 모든 솔루션을 제공합니다.">
-    <meta property="og:image" content="http://jjkimhk2.cafe24.com/assets/images/share-img.jpg">
-    <meta property="og:url" content="http://jjkimhk2.cafe24.com">
-    <link rel="canonical" href="http://jjkimhk2.cafe24.com">
+    <meta property="og:title" content="인텔리젼스">
+    <meta property="og:description" content="인텔리젼스에서는 고객의 안전을 최우선으로 생각하며, VIP 경호, 행사 경비, 기업 보안 솔루션을 제공합니다.">
+    <meta property="og:image" content=/assets/images/share-img.jpg">
+    <meta property="og:url" content="">
+    <link rel="canonical" href="">
     <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
     <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
     <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">

src/html/index.html

@@ -1,19 +1,16 @@
-@@include("./include/meta.html", {"pageTitle" : "에듀웍스 - 매출을 높이는 전문 교육컨설팅 서비스!"})
+@@include("./include/meta.html", {"pageTitle" : "한 발 앞선 경호, 완벽한 보안 :: 인텔리전스"})
 @@include("./include/header.html")
 
 <section class="main-banner">
     <div id="bg-wrap">
         <svg viewBox="0 0 100 100" preserveAspectRatio="xMidYMid slice">
             <defs>
-                <radialGradient id="Gradient1" cx="50%" cy="50%" fx="0.441602%" fy="50%" r=".5"><animate attributeName="fx" dur="34s" values="0%;3%;0%" repeatCount="indefinite"></animate><stop offset="0%" stop-color="rgba(50, 248, 255, 1)"></stop><stop offset="100%" stop-color="rgba(70, 54, 255, 0)"></stop></radialGradient>
-                <radialGradient id="Gradient2" cx="50%" cy="50%" fx="2.68147%" fy="50%" r=".5"><animate attributeName="fx" dur="23.5s" values="0%;3%;0%" repeatCount="indefinite"></animate><stop offset="0%" stop-color="rgba(70, 54, 255, 1)"></stop><stop offset="100%" stop-color="rgba(255, 255, 0, 0)"></stop></radialGradient>
-                <radialGradient id="Gradient3" cx="50%" cy="50%" fx="0.836536%" fy="50%" r=".5"><animate attributeName="fx" dur="21.5s" values="0%;3%;0%" repeatCount="indefinite"></animate><stop offset="0%" stop-color="rgba(0, 255, 255, 1)"></stop><stop offset="100%" stop-color="rgba(0, 255, 255, 0)"></stop></radialGradient>
-                <radialGradient id="Gradient4" cx="50%" cy="50%" fx="4.56417%" fy="50%" r=".5"><animate attributeName="fx" dur="23s" values="0%;5%;0%" repeatCount="indefinite"></animate><stop offset="0%" stop-color="rgba(0, 255, 0, 1)"></stop><stop offset="100%" stop-color="rgba(50, 248, 255, 0)"></stop></radialGradient>
-                <radialGradient id="Gradient5" cx="50%" cy="50%" fx="2.65405%" fy="50%" r=".5"><animate attributeName="fx" dur="24.5s" values="0%;5%;0%" repeatCount="indefinite"></animate><stop offset="0%" stop-color="rgba(70,54,255, 1)"></stop><stop offset="100%" stop-color="rgba(0,0,255, 0)"></stop></radialGradient>
-                <radialGradient id="Gradient6" cx="50%" cy="50%" fx="0.981338%" fy="50%" r=".5"><animate attributeName="fx" dur="25.5s" values="0%;5%;0%" repeatCount="indefinite"></animate><stop offset="0%" stop-color="rgba(255,0,0, 1)"></stop><stop offset="100%" stop-color="rgba(255,0,0, 0)"></stop></radialGradient>
+                <radialGradient id="Gradient1" cx="50%" cy="50%" fx="4.56417%" fy="50%" r=".5"><animate attributeName="fx" dur="23s" values="0%;5%;0%" repeatCount="indefinite"></animate><stop offset="0%" stop-color="rgba(0, 173, 255, 1)"></stop><stop offset="100%" stop-color="rgba(0, 0, 0, 0)"></stop></radialGradient>
+                <radialGradient id="Gradient2" cx="50%" cy="50%" fx="2.65405%" fy="50%" r=".5"><animate attributeName="fx" dur="24.5s" values="0%;5%;0%" repeatCount="indefinite"></animate><stop offset="0%" stop-color="rgba(236,143,38, 1)"></stop><stop offset="100%" stop-color="rgba(236,143,38, 0)"></stop></radialGradient>
+                <radialGradient id="Gradient3" cx="50%" cy="50%" fx="0.981338%" fy="50%" r=".5"><animate attributeName="fx" dur="25.5s" values="0%;5%;0%" repeatCount="indefinite"></animate><stop offset="0%" stop-color="rgba(0,173,255, 1)"></stop><stop offset="100%" stop-color="rgba(0,173,255, 0)"></stop></radialGradient>
             </defs>
             <rect x="13.744%" y="1.18473%" width="100%" height="100%" fill="url(#Gradient1)" transform="rotate(334.41 50 50)"><animate attributeName="x" dur="12s" values="25%;0%;25%" repeatCount="indefinite"></animate><animate attributeName="y" dur="12s" values="0%;25%;0%" repeatCount="indefinite"></animate><animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="7s" repeatCount="indefinite"></animateTransform></rect>
-            <rect x="-2.17916%" y="35.4267%" width="100%" height="100%" fill="url(#Gradient2)" transform="rotate(255.072 50 50)"><animate attributeName="x" dur="24s" values="-25%;0%;-25%" repeatCount="indefinite"></animate><animate attributeName="y" dur="24s" values="0%;50%;0%" repeatCount="indefinite"></animate><animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="12s" repeatCount="indefinite"></animateTransform>
+            <rect x="2.17916%" y="35.4267%" width="100%" height="100%" fill="url(#Gradient2)" transform="rotate(255.072 50 50)"><animate attributeName="x" dur="24s" values="-25%;0%;-25%" repeatCount="indefinite"></animate><animate attributeName="y" dur="24s" values="0%;50%;0%" repeatCount="indefinite"></animate><animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="12s" repeatCount="indefinite"></animateTransform>
             </rect>
             <rect x="9.00483%" y="14.5733%" width="100%" height="100%" fill="url(#Gradient3)" transform="rotate(139.903 50 50)"><animate attributeName="x" dur="12s" values="0%;25%;0%" repeatCount="indefinite"></animate><animate attributeName="y" dur="12s" values="0%;25%;0%" repeatCount="indefinite"></animate><animateTransform attributeName="transform" type="rotate" from="360 50 50" to="0 50 50" dur="9s" repeatCount="indefinite"></animateTransform>
             </rect>
@@ -21,10 +18,8 @@
     </div>
     <div class="main-top-text">
         <h2 class="--title">
-            <small>
-                품격 있는 경호, 인텔리젼스가 만듭니다.
-            </small>
-            <span class="animation">Professional Protection <br>stiwith Class.</span>
+            <small>한 발 앞선 경호, 완벽한 보안.</small>
+            <span class="animation">Proactive Security, Unmatched Protection.</span>
         </h2>
         <p class="--sub-text">
             중요한 순간일수록 더 정교한 보안이 필요합니다. <br>
@@ -37,8 +32,8 @@
     <div class="container">
         <div class="title-wrap">
             <span class="--title-deco">Why Choose? INTELLIGENCE</span>
-            <h2 class="--title">당신의 안전을 위한 최고의 선택</h2>
-            <p class="--sub-text">고객의 안전을 최우선으로 생각하는 전문 기업으로 다양한 맞춤형 경호 솔루션을 제공합니다.</p>
+            <h2 class="--title">당신의 안전을 위한 <br class="device-mobile">최고의 선택</h2>
+            <p class="--sub-text">고객의 안전을 최우선으로 생각하는 전문 기업으로 <br class="device-mobile">다양한 맞춤형 경호 솔루션을 제공합니다.</p>
         </div>
         <ul class="contents-wrap reason-list">
             <li class="reason-box">
@@ -47,7 +42,7 @@
                     <span>경험과 신뢰를 겸비한 전문 경호팀</span>
                 </h3>
                 <p class="--sub-text">
-                    VIP 경호 및 대규모 행사 경호를 성공적으로 수행한 경력을 <br class="device-mobile">
+                    VIP 경호 및 대규모 행사 경호를 성공적으로 수행한 경력을 <br class="device-pc">
                     보유한 전문 경호팀을 운영, 고객의 안전을 최우선으로 보장합니다.
                 </p>
             </li>
@@ -57,27 +52,27 @@
                     <span>보안 시스템과 맞춤형 경호 솔루션</span>
                 </h3>
                 <p class="--sub-text">
-                    고객의 동선과 일정을 분석해 개별 맞춤형 경호 플랜을 설계,<br class="device-mobile">
+                    고객의 동선과 일정을 분석해 개별 맞춤형 경호 플랜을 설계,<br class="device-pc">
                     예기치 못한 상황에도 즉각 대응합니다.
                 </p>
             </li>
             <li class="reason-box">
                 <h3 class="--title MB10">
                     <span class="icon material-symbols-outlined">comment</span>
-                    <span>신속한 위기 대응 및 철저한 사후 관리</span>
+                    <span>신속한 위기 대응 및 <br class="device-mobile">철저한 사후 관리</span>
                 </h3>
                 <p class="--sub-text">
-                    경호 서비스 종료 후에도 사후 보고서를 통해 고객의 안전 상태를 <br class="device-mobile">
+                    경호 서비스 종료 후에도 사후 보고서를 통해 고객의 안전 상태를 <br class="device-pc">
                     지속적으로 모니터링하고 피드백을 제공합니다.
                 </p>
             </li>
             <li class="reason-box">
                 <h3 class="--title MB10">
                     <span class="icon material-symbols-outlined">lock</span>
-                    <span>철저한 기밀 유지 및 프라이버시 보호</span>
+                    <span>철저한 기밀 유지 및 <br class="device-mobile">프라이버시 보호</span>
                 </h3>
                 <p class="--sub-text">
-                    모든 경호 인력은 기밀 유지 서약을 체결하고, 고객 정보의 유출을 <br class="device-mobile">
+                    모든 경호 인력은 기밀 유지 서약을 체결하고, 고객 정보의 유출을 <br class="device-pc">
                     방지하기 위해 철저한 보안 프로토콜을 준수합니다.
                 </p>
             </li>
@@ -89,17 +84,17 @@
     <div class="container">
         <div class="title-wrap text-center">
             <span class="--title-deco">INTELLIGENCE Service</span>
-            <h3 class="--title">고객중심 START-to-END 경호 보안 서비스</h3>
+            <h3 class="--title">고객중심 START-to-END <br class="device-mobile">경호 보안 서비스</h3>
             <p class="--sub-text">
-                고객의 안전을 최우선으로 생각하는 경호 전문 기업으로 다양한 맞춤형 경호 솔루션을 제공합니다. <br>
-                신뢰할 수 있는 경호 인력과 첨단 보안 시스템으로 당신의 일상과 비즈니스를 안전하게 보호해드립니다.
+                고객의 안전을 최우선으로 생각하는 경호 전문 <br class="device-mobile">기업으로 다양한 맞춤형 경호 솔루션을 제공합니다. <br>
+                신뢰할 수 있는 경호 인력과 첨단 보안 시스템으로 <br class="device-mobile">당신의 일상과 비즈니스를 안전하게 보호해드립니다.
             </p>
         </div>
-        <ul class="contents-wrap service-list MT125">
+        <ul class="contents-wrap service-list MT150">
             <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>
+                    <div class="--item-category MB50 flex-box">
+                        <h4 class="--big-title">VIP 경호 서비스 <span class="--en-deco">VIP Protection <span class="hidden-mobile">Service</span></span></h4>
                         <p class="--list-text">
                             VIP 경호 서비스는 출퇴근부터 행사장까지 24시간 빈틈없는 맞춤형 경호를 제공합니다.<br>
                             국내외에서 검증된 경호팀과 첨단 보안 장비로 안전한 환경을 보장해드립니다.
@@ -147,12 +142,12 @@
                     </ul>
                 </div>
             </li>
-            <li class="--service-item MT125">
+            <li class="--service-item line-dash MT90 PT90">
                 <div class="text">
-                    <div class="--item-category flex-box">
-                        <h4 class="--big-title">경비 서비스 <span class="--en-deco">Security Guard Service</span></h4>
+                    <div class="--item-category MB50 flex-box">
+                        <h4 class="--big-title">경비 서비스 <span class="--en-deco">Security Guard <span class="hidden-mobile">Service</span></span></h4>
                         <p class="--list-text">
-                            경비 서비스는 건물 출입 통제부터 자산 보호까지 24시간 철저한 보안 체계를 제공합니다.
+                            경비 서비스는 건물 출입 통제부터 자산 보호까지 24시간 철저한 보안 체계를 제공합니다.<br>
                             경험 많은 경비 인력을 통해 고객의 재산과 안전을 완벽히 보호해드립니다.
                         </p>
                         <button type="button" class="btn-more" data-btn="list-more" data-target=".service-item02">자세히 보기 <span class="material-symbols-outlined">expand_more</span></button>
@@ -199,10 +194,10 @@
                     </ul>
                 </div>
             </li>
-            <li class="--service-item MT125">
+            <li class="--service-item line-dash MT90 PT90">
                 <div class="text">
-                    <div class="--item-category flex-box">
-                        <h4 class="--big-title">기업 보안 서비스<span class="--en-deco">Corporate Security Service</span></h4>
+                    <div class="--item-category MB50 flex-box">
+                        <h4 class="--big-title">기업 보안 서비스<span class="--en-deco">Corporate Security <span class="hidden-mobile">Service</span></span></h4>
                         <p class="--list-text">
                             기업 보안 서비스는 사무실 보안 강화부터 기밀 유출 방지까지 체계적인 보안 솔루션을 제공합니다.<br>
                             기업의 자산과 정보를 보호하기 위해 맞춤형 보안 컨설팅과 첨단 보안 시스템을 제공합니다.
@@ -314,29 +309,19 @@
             <div class="title-box">
                 <div class="title-wrap">
                     <span class="--title-deco">Counseling</span>
-                    <h3 class="--title MB30">교육서비스 문의</h3>
-                    <p class="--sub-text">몇가지 정보를 입력해 주시면 <br>담당 컨설턴트가 연락을 드리겠습니다</p>
+                    <h3 class="--title MB30">상담 문의</h3>
+                    <p class="--sub-text">몇가지 정보를 입력해 주시면 <br class="device-pc">빠른 연락을 드립니다.</p>
                 </div>
-                <div class="contents-wrap">
+                <div class="contents-wrap hidden-mobile">
                     <ul class="--list MT50">
                         <li class="--list-text">
-                            <strong>스타트업 파트너 (Startup Partners)</strong> <br>
-                            브랜딩 기획‧설립‧운영까지 단계별 모든 준비를 도와드립니다.
+                            <strong>VIP 경호 서비스 <br class="device-pc"><small>(VIP Protection Service)</small></strong>
                         </li>
                         <li class="--list-text MT20">
-                            <strong>에듀 엑스퍼트 (Education Experts)</strong> <br>
-                            기관인증 평가, 훈련과정 심사, 특화훈련 심사신청에 필요한 <br>
-                            모든 솔루션을 제공합니다
+                            <strong>경비 서비스 <br class="device-pc"><small>(Security Guard Service)</small></strong>
                         </li>
                         <li class="--list-text MT20">
-                            <strong>레벨업 아카데미(LevelUp Academy)</strong> <br>
-                            훈련기관 역량, 훈련과정 품질, 훈련생 관리 전반에 대한 <br>
-                            역량강화 프로그램을 제공하고 교육합니다
-                        </li>
-                        <li class="--list-text MT20">
-                            <strong>커리어 코디네이터(Caree Coordinators)</strong> <br>
-                            전담인력 채용, 취업지원 컨설팅, 종합컨설팅 <br>
-                            TF 프로그램을 제공합니다.
+                            <strong>기업 보안 서비스 <br class="device-pc"><small>(Corporate Security Service)</small></strong>
                         </li>
                     </ul>
                 </div>
@@ -345,27 +330,27 @@
             <div class="form-box MT50">
                 <form name="form" data-form="request-form">
                     <div class="type__details">
-                        <input type="radio" name="type" value="스타트업 파트너" id="dot-1" checked>
-                        <input type="radio" name="type" value="에듀 엑스퍼트" id="dot-2">
-                        <input type="radio" name="type" value="레벨업 아카데미" id="dot-3">
-                        <input type="radio" name="type" value="커리어 코디네이터" id="dot-4">
+                        <input type="radio" name="type" value="VIP 경호 서비스" id="dot-1" checked>
+                        <input type="radio" name="type" value="경비 서비스" id="dot-2">
+                        <input type="radio" name="type" value="기업 보안 서비스" id="dot-3">
+                        <input type="radio" name="type" value="기타 " id="dot-4">
                         <span class="details">상담분야 <span class="required">(필수)</span></span>
                         <div class="category">
                             <label for="dot-1">
                                 <span class="dot one"></span>
-                                <span>스타트업 파트너</span>
+                                <span>VIP 경호 서비스</span>
                             </label>
                             <label for="dot-2">
                                 <span class="dot two"></span>
-                                <span>에듀 엑스퍼트</span>
+                                <span>경비 서비스</span>
                             </label>
                             <label for="dot-3">
                                 <span class="dot three"></span>
-                                <span>레벨업 아카데미</span>
+                                <span>기업 보안 서비스</span>
                             </label>
                             <label for="dot-4">
                                 <span class="dot four"></span>
-                                <span>커리어 코디네이터</span>
+                                <span>기타 </span>
                             </label>
                         </div>
                     </div>
@@ -385,7 +370,7 @@
                         </div>
                         <div class="input__box">
                             <span class="details">이메일</span>
-                            <input type="email" name="email" data-regex="email-address" placeholder="info@eduworksnet.com">
+                            <input type="email" name="email" data-regex="email-address" placeholder="info@intelligence.com">
                         </div>
                         <div class="input__box full">
                             <span class="details">예산범위</span>
@@ -408,7 +393,7 @@
                     </div>
 
                     <div class="button">
-                        <button type="submit">문의하기</button>
+                        <button type="submit" class="btn">문의하기</button>
                     </div>
                 </form>
             </div>

src/scss/_variables.scss

@@ -1,8 +1,8 @@
 // 색상 변수
-$color-primary : #4636ff;   // 메인 컬러
-$color-secondary : #282828; // 서브 컬러
+$color-primary : #00adff;   // 메인 컬러
+$color-secondary : #ec8f26; // 서브 컬러
 
-$body-color : #212529;      // 기본 텍스트 색상
+$body-color : #222323;      // 기본 텍스트 색상
 $body-bg-color : #FFFFFF;   // 기본 배경 색상
 
 $link-color : inherit;          // 링크 텍스트 색상
@@ -29,6 +29,6 @@ $break-sm : 520px;
 $table-cell-padding:          .75rem !default;
 $table-cell-padding-sm:       .3rem !default;
 
-$color-dark :  #1f1841;
+$color-dark :  #222323;
 $color-light : #88888a;
 $color-deep : #747474;

src/scss/common/_layout.scss

@@ -23,6 +23,13 @@ body {
     display: block;
   }
 }
+
+@media screen and (max-width:769px) {
+  .hidden-mobile{
+    display: none;
+  }
+}
+
 //햄버거바
 .all-menu {
   position: absolute;
@@ -91,15 +98,15 @@ footer {
       justify-content: center;
       .logo-img {
         display: inline-block;
-        width: 200px;
-        height: 35px;
+        width: 400px;
+        height: 55px;
         background-image: url("../images/logo.svg");
         background-repeat:no-repeat;
         text-indent:-99999px;
         overflow: hidden;
         @include display-md(){
-          width: REM(420px / 3);
-          height: REM(60px / 3);
+          width: REM(400px / 3);
+          height: REM(120px / 3);
           margin-left:REM(30px / 3);
         }
       }
@@ -162,7 +169,7 @@ footer {
     display:block;
     position:absolute;
     right: REM(21px / 3);
-    top:REM(21px / 3);
+    top:REM(48px / 3);
     font-family: $font-en-family-base;
     color:#000;
     .burger-text {
@@ -215,7 +222,7 @@ footer {
     bottom: 0;
     left: 0;
     right: REM(-45px / 3);
-    background-image:linear-gradient(#32f8ff,#4636ff,#000);
+    background-image:linear-gradient($color-primary,$body-color);
     transform-origin: 0 0;
     transform: translateX(-120%);
     transition: all .275s .1s;

src/scss/common/_utility.scss

@@ -40,7 +40,7 @@
     height:5px * $i !important;
   }
 }
-@for $i from 0 to 30 {
+@for $i from 0 to 50 {
   .M#{$i * 5} {
     margin:5px * $i !important;
     @include display-md(){

src/scss/pages/main.scss

@@ -103,12 +103,14 @@ html {
     }
     .--list {
       > li {
-        color:$color-dark;
         padding-left:10px;
         position:relative;
         word-break: keep-all;
         word-wrap: break-word;
         margin-bottom:5px;
+        > strong{
+          color:$color-dark;
+        }
         @include display-md(){
           padding-left:REM(30px / 3);
           margin-bottom:REM(15px / 3);
@@ -116,16 +118,16 @@ html {
         }
         &:before{
           content:"";
-          width:2px;
-          height:2px;
+          width:4px;
+          height:4px;
           background-color:$color-dark;
           position:absolute;
           left:0;
-          top:8px;
+          top:10px;
           @include display-md(){
-            width:REM(6px / 3);
-            height:REM(6px / 3);
-            top:REM(24px / 3);
+            width:REM(12px / 3);
+            height:REM(12px / 3);
+            top:REM(21px / 3);
           }
         }
       }
@@ -164,6 +166,10 @@ html {
   height:500px;
   overflow:hidden;
   margin-top:80px;
+  background-image:url("../images/main-back1.jpg");
+  backdrop-filter: blur(10px);
+  background-size: cover;
+  background-position: center center;
   @include display-md(){
     height:REM(1200px / 3);
     margin-top:REM(150px / 3);
@@ -196,6 +202,7 @@ html {
       text-align: center;
       line-height:1;
       margin-bottom:30px;
+      color:#fff;
       @include display-md(){
         width:100%;
         font-size:REM(60px / 3);
@@ -223,6 +230,7 @@ html {
       font-size:21px;
       font-weight:400;
       line-height:1.5;
+      color:#fff;
       @include display-md(){
         font-size:REM(36px / 3);
       }
@@ -298,6 +306,9 @@ html {
       width:100%;
       @include display-flex();
       align-items: stretch;
+      &.line-dash{
+        border-top:2px dashed #ccc;
+      }
       .--big-title {
         position:relative;
         line-height:1;
@@ -395,12 +406,13 @@ html {
           }
           .img-box {
             width:100%;
-            border-radius: 30px;
+            border-radius: 8px;
             position:relative;
             overflow:hidden;
             margin-bottom:30px;
             box-shadow: 5px 5px 5px rgba(0,0,0,0.15);
             background-color:#fff;
+            padding:5px 0;
             @include display-md(){
               flex-shrink: 0;
               width:100%;
@@ -523,8 +535,9 @@ html {
       }
       @include display-md(){
         padding:0;
+        max-height:75%;
         > img {
-          transform: scale(0.6);
+          transform: scale(0.75);
         }
       }
     }
@@ -837,7 +850,7 @@ html {
     position:relative;
     .details {
       padding:10px;
-      background: #fff;
+      background: #eff8ff;
       position:absolute;
       left:10px;
       top:-25px;
@@ -861,7 +874,7 @@ html {
     .category {
       display: flex;
       margin: 15px 0;
-      justify-content: space-between;
+      justify-content: space-around;
       @include display-md(){
         flex-wrap: wrap;
       }
@@ -897,7 +910,7 @@ html {
   #dot-3:checked ~ .category .three,
   #dot-4:checked ~ .category .four{
     border-color: var(--sub-grey);
-    background: $color-primary;
+    background: $color-secondary;
   }
 
   input[type="radio"] {
@@ -914,7 +927,7 @@ html {
     }
   }
 
-  .button input {
+  .button .btn {
     height: 100%;
     width: 100%;
     outline: none;
@@ -923,18 +936,13 @@ html {
     font-size: 18px;
     font-weight: 500;
     border-radius: 5px;
-    background:linear-gradient(-135deg, #32f8ff,#4636ff,#000);
-
-    transition: all 0.3s ease;
+    background:#000;
+    cursor: pointer;
     @include display-md(){
       font-size:REM(45px / 3);
     }
   }
 
-  .button input:hover {
-    background: linear-gradient(135deg, #32f8ff,#4636ff,#000);
-  }
-
 
   .checkbox {
     label {