diff --git a/snipplets/projects/PWA/app.js b/snipplets/projects/PWA/app.js
index e2a9080..e2b00ba 100644
--- a/snipplets/projects/PWA/app.js
+++ b/snipplets/projects/PWA/app.js
@@ -1,3 +1,5 @@
+'use strict';
+
 const container = document.querySelector('.container');
 const coffees = [
   { name: 'Tony Stark', image: 'images/Tony_Stark.jpg' },
@@ -12,8 +14,7 @@ const showCoffees = () => {
       (output += `
               <div class="card">
                 <img class="card--avatar" src=${image} />
-                <h1 class="card--title">${name}</h1>
-                <a class="card--link" href="#">[CLICK]</a>
+                <p class="card--title">${name}</p>
               </div>
               `),
   );
@@ -21,3 +22,12 @@ const showCoffees = () => {
 };
 
 document.addEventListener('DOMContentLoaded', showCoffees);
+
+if ('serviceWorker' in navigator) {
+  window.addEventListener('load', function () {
+    navigator.serviceWorker
+      .register('/sw.js', { scope: '/' })
+      .then((res) => console.log('Service worker registered'))
+      .catch((err) => console.log('Service worker not registered', err));
+  });
+}
diff --git a/snipplets/projects/PWA/favicon.ico b/snipplets/projects/PWA/favicon.ico
new file mode 120000
index 0000000..a393270
--- /dev/null
+++ b/snipplets/projects/PWA/favicon.ico
@@ -0,0 +1 @@
+../../assets/favicon.ico
\ No newline at end of file
diff --git a/snipplets/projects/PWA/fonts.css b/snipplets/projects/PWA/fonts.css
new file mode 100644
index 0000000..64661fb
--- /dev/null
+++ b/snipplets/projects/PWA/fonts.css
@@ -0,0 +1,3621 @@
+#skip-navi {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	z-index: 600;
+}
+#skip-navi a {
+	display: block;
+	position: absolute;
+	top: -9999px;
+}
+#skip-navi a:hover,
+#skip-navi a:active,
+#skip-navi a:focus {
+	display: inline-block;
+	top: 0;
+	width: 100%;
+}
+#skip-navi a span {
+	display: block;
+	padding: 10px 0;
+	background: #fafafa;
+	border: 2px solid #666;
+	color: #000;
+	font-size: 16px;
+	text-align: center;
+}
+.browser-upgrade {
+	position: fixed;
+	left: 0;
+	top: 0;
+	width: 100%;
+	z-index: 10000;
+	background: #efefef;
+	border-bottom: 2px solid #bababa;
+	margin: 0;
+	padding: 10px 0;
+	text-align: center;
+	font-size: 14px;
+	color: #595959;
+}
+.browser-upgrade a {
+	font-size: 18px;
+	color: #0027aa;
+}
+.browser-upgrade a:hover {
+	color: #000;
+}
+.blind {
+	position: absolute !important;
+	left: -9999px !important;
+	top: -9999px !important;
+	text-indent: -9999px !important;
+	font-size: 0 !important;
+	opacity: 0;
+	overflow: hidden !important;
+}
+@font-face {
+	font-family: 'samsungif_bd';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/samsungif_bd.eot');
+	src:
+		url('../font/samsungif_bd.eot?#iefix') format('embedded-opentype'),
+		url('../font/samsungif_bd.woff') format('woff'),
+		url('../font/samsungif_bd.ttf') format('truetype'),
+		url('../font/samsungif_bd.svg#samsungif_bd') format('svg');
+}
+@font-face {
+	font-family: 'samsungif_blk';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/samsungif_blk.eot');
+	src:
+		url('../font/samsungif_blk.eot?#iefix') format('embedded-opentype'),
+		url('../font/samsungif_blk.woff') format('woff'),
+		url('../font/samsungif_blk.ttf') format('truetype'),
+		url('../font/samsungif_blk.svg#samsungif_blk') format('svg');
+}
+@font-face {
+	font-family: 'samsungif_medium';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/samsungif_medium.eot');
+	src:
+		url('../font/samsungif_medium.eot?#iefix') format('embedded-opentype'),
+		url('../font/samsungif_medium.woff') format('woff'),
+		url('../font/samsungif_medium.ttf') format('truetype'),
+		url('../font/samsungif_medium.svg#samsungif_medium') format('svg');
+}
+@font-face {
+	font-family: 'samsungif_rg';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/samsungif_rg.eot');
+	src:
+		url('../font/samsungif_rg.eot?#iefix') format('embedded-opentype'),
+		url('../font/samsungif_rg.woff') format('woff'),
+		url('../font/samsungif_rg.ttf') format('truetype'),
+		url('../font/samsungif_rg.svg#samsungif_rg') format('svg');
+}
+@font-face {
+	font-family: 'secgcl';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/secgcl.eot');
+	src:
+		url('../font/secgcl.eot?#iefix') format('embedded-opentype'),
+		url('../font/secgcl.woff') format('woff');
+}
+@font-face {
+	font-family: 'secgcm';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/secgcm.eot');
+	src:
+		url('../font/secgcm.eot?#iefix') format('embedded-opentype'),
+		url('../font/secgcm.woff') format('woff');
+}
+@font-face {
+	font-family: 'secgcb';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/secgcb.eot');
+	src:
+		url('../font/secgcb.eot?#iefix') format('embedded-opentype'),
+		url('../font/secgcb.woff') format('woff');
+}
+@font-face {
+	font-family: 'secgcr';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/secgcr.eot');
+	src:
+		url('../font/secgcr.eot?#iefix') format('embedded-opentype'),
+		url('../font/secgcr.woff') format('woff');
+}
+@font-face {
+	font-family: 'secgcul';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/secgcul.eot');
+	src:
+		url('../font/secgcul.eot?#iefix') format('embedded-opentype'),
+		url('../font/secgcul.woff') format('woff');
+}
+@font-face {
+	font-family: 'samsungonelatin200';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/SamsungOneLatin-200.eot');
+	src:
+		url('../font/SamsungOneLatin-200.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungOneLatin-200.woff') format('woff'),
+		url('../font/SamsungOneLatin-200.woff2') format('woff2'),
+		url('../font/SamsungOneLatin-200_v1.0.ttf') format('truetype'),
+		url('../font/SamsungOneLatin-200.svg#SamsungOneLatin-200') format('svg');
+}
+@font-face {
+	font-family: 'samsungonelatin200c';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/SamsungOneLatin-200C.eot');
+	src:
+		url('../font/SamsungOneLatin-200C.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungOneLatin-200C.woff') format('woff'),
+		url('../font/SamsungOneLatin-200C.woff2') format('woff2'),
+		url('../font/SamsungOneLatin-200C_v1.0.ttf') format('truetype'),
+		url('../font/SamsungOneLatin-200C.svg#SamsungOneLatin-200C') format('svg');
+}
+@font-face {
+	font-family: 'samsungoneitaliclatin200';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/SamsungOneItalicLatinComp-200.eot');
+	src:
+		url('../font/SamsungOneItalicLatinComp-200.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungOneItalicLatinComp-200.woff') format('woff'),
+		url('../font/SamsungOneItalicLatinComp-200.woff2') format('woff2'),
+		url('../font/SamsungOneItalicLatin-200_v1.0.ttf') format('truetype'),
+		url('../font/SamsungOneItalicLatinComp-200.svg#SamsungOneItalicLatinComp-200C')
+			format('svg');
+}
+@font-face {
+	font-family: 'samsungonelatin300';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/SamsungOneLatin-300.eot');
+	src:
+		url('../font/SamsungOneLatin-300.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungOneLatin-300.woff') format('woff'),
+		url('../font/SamsungOneLatin-300.woff2') format('woff2'),
+		url('../font/SamsungOneLatin-300_v1.0.ttf') format('truetype'),
+		url('../font/SamsungOneLatin-300.svg#SamsungOneLatin-300') format('svg');
+}
+@font-face {
+	font-family: 'samsungonelatin300c';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/SamsungOneLatin-300C.eot');
+	src:
+		url('../font/SamsungOneLatin-300C.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungOneLatin-300C.woff') format('woff'),
+		url('../font/SamsungOneLatin-300C.woff2') format('woff2'),
+		url('../font/SamsungOneLatin-300C_v1.0.ttf') format('truetype'),
+		url('../font/SamsungOneLatin-300C.svg#SamsungOneLatin-300C') format('svg');
+}
+@font-face {
+	font-family: 'samsungoneitaliclatin300';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/SamsungOneItalicLatinComp-300.eot');
+	src:
+		url('../font/SamsungOneItalicLatinComp-300.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungOneItalicLatinComp-300.woff') format('woff'),
+		url('../font/SamsungOneItalicLatinComp-300.woff2') format('woff2'),
+		url('../font/SamsungOneItalicLatin-300_v1.0.ttf') format('truetype'),
+		url('../font/SamsungOneItalicLatinComp-300.svg#SamsungOneItalicLatinComp-300') format('svg');
+}
+@font-face {
+	font-family: 'samsungonelatin400';
+	src:
+		url('../font/SamsungOneLatin-400.woff2') format('woff2'),
+		url('../font/SamsungOneLatin-400.woff') format('woff');
+	font-weight: normal;
+	font-style: normal;
+}
+@font-face {
+	font-family: 'samsungonelatin400c';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/SamsungOneLatin-400C.eot');
+	src:
+		url('../font/SamsungOneLatin-400C.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungOneLatin-400C.woff') format('woff'),
+		url('../font/SamsungOneLatin-400C.woff2') format('woff2'),
+		url('../font/SamsungOneLatin-400C_v1.0.ttf') format('truetype'),
+		url('../font/SamsungOneLatin-400C.svg#SamsungOneLatin-400C') format('svg');
+}
+@font-face {
+	font-family: 'samsungoneitaliclatin400';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/SamsungOneItalicLatinComp-400.eot');
+	src:
+		url('../font/SamsungOneItalicLatinComp-400.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungOneItalicLatinComp-400.woff') format('woff'),
+		url('../font/SamsungOneItalicLatinComp-400.woff2') format('woff2'),
+		url('../font/SamsungOneItalicLatin-400_v1.0.ttf') format('truetype'),
+		url('../font/SamsungOneItalicLatinComp-400.svg#SamsungOneItalicLatinComp-400') format('svg');
+}
+@font-face {
+	font-family: 'samsungonelatin450';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/SamsungOneLatin-450.eot');
+	src:
+		url('../font/SamsungOneLatin-450.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungOneLatin-450.woff') format('woff'),
+		url('../font/SamsungOneLatin-450.woff2') format('woff2'),
+		url('../font/SamsungOneLatin-450_v1.0.ttf') format('truetype'),
+		url('../font/SamsungOneLatin-450.svg#SamsungOneLatin-450') format('svg');
+}
+@font-face {
+	font-family: 'samsungonelatin450c';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/SamsungOneLatin-450C.eot');
+	src:
+		url('../font/SamsungOneLatin-450C.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungOneLatin-450C.woff') format('woff'),
+		url('../font/SamsungOneLatin-450C.woff2') format('woff2'),
+		url('../font/SamsungOneLatin-450C_v1.0.ttf') format('truetype'),
+		url('../font/SamsungOneLatin-450C.svg#SamsungOneLatin-450C') format('svg');
+}
+@font-face {
+	font-family: 'samsungoneitaliclatin450';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/SamsungOneItalicLatinComp-450.eot');
+	src:
+		url('../font/SamsungOneItalicLatinComp-450.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungOneItalicLatinComp-450.woff') format('woff'),
+		url('../font/SamsungOneItalicLatinComp-450.woff2') format('woff2'),
+		url('../font/SamsungOneItalicLatinComp-450.ttf') format('truetype'),
+		url('../font/SamsungOneItalicLatinComp-450.svg#SamsungOneItalicLatinComp-450') format('svg');
+}
+@font-face {
+	font-family: 'samsungonelatin500';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/SamsungOneLatin-500.eot');
+	src:
+		url('../font/SamsungOneLatin-500.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungOneLatin-500.woff') format('woff'),
+		url('../font/SamsungOneLatin-500.woff2') format('woff2'),
+		url('../font/SamsungOneLatin-500_v1.0.ttf') format('truetype'),
+		url('../font/SamsungOneLatin-500.svg#SamsungOneLatin-500') format('svg');
+}
+@font-face {
+	font-family: 'samsungonelatin500c';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/SamsungOneLatin-500C.eot');
+	src:
+		url('../font/SamsungOneLatin-500C.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungOneLatin-500C.woff') format('woff'),
+		url('../font/SamsungOneLatin-500C.woff2') format('woff2'),
+		url('../font/SamsungOneLatin-500C_v1.0.ttf') format('truetype'),
+		url('../font/SamsungOneLatin-500C.svg#SamsungOneLatin-500C') format('svg');
+}
+@font-face {
+	font-family: 'samsungoneitaliclatin500';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/SamsungOneItalicLatinComp-500.eot');
+	src:
+		url('../font/SamsungOneItalicLatinComp-500.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungOneItalicLatinComp-500.woff') format('woff'),
+		url('../font/SamsungOneItalicLatinComp-500.woff2') format('woff2'),
+		url('../font/SamsungOneItalicLatin-500_v1.0.ttf') format('truetype'),
+		url('../font/SamsungOneItalicLatinComp-500.svg#SamsungOneItalicLatinComp-500') format('svg');
+}
+@font-face {
+	font-family: 'samsungonelatin600';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/SamsungOneLatin-600.eot');
+	src:
+		url('../font/SamsungOneLatin-600.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungOneLatin-600.woff') format('woff'),
+		url('../font/SamsungOneLatin-600.woff2') format('woff2'),
+		url('../font/SamsungOneLatin-600_v1.0.ttf') format('truetype'),
+		url('../font/SamsungOneLatin-600.svg#SamsungOneLatin-600') format('svg');
+}
+@font-face {
+	font-family: 'samsungonelatin600c';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/SamsungOneLatin-600C.eot');
+	src:
+		url('../font/SamsungOneLatin-600C.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungOneLatin-600C.woff') format('woff'),
+		url('../font/SamsungOneLatin-600C.woff2') format('woff2'),
+		url('../font/SamsungOneLatin-600C_v1.0.ttf') format('truetype'),
+		url('../font/SamsungOneLatin-600C.svg#SamsungOneLatin-600C') format('svg');
+}
+@font-face {
+	font-family: 'samsungoneitaliclatin600';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/SamsungOneItalicLatinComp-600.eot');
+	src:
+		url('../font/SamsungOneItalicLatinComp-600.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungOneItalicLatinComp-600.woff') format('woff'),
+		url('../font/SamsungOneItalicLatinComp-600.woff2') format('woff2'),
+		url('../font/SamsungOneItalicLatin-600_v1.0.ttf') format('truetype'),
+		url('../font/SamsungOneItalicLatinComp-600.svg#SamsungOneItalicLatinComp-600') format('svg');
+}
+@font-face {
+	font-family: 'samsungonelatin700';
+	src:
+		url('../font/SamsungOneLatin-700.woff2') format('woff2'),
+		url('../font/SamsungOneLatin-700.woff') format('woff');
+	font-weight: normal;
+	font-style: normal;
+}
+@font-face {
+	font-family: 'samsungonelatin700c';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/SamsungOneLatin-700C.eot');
+	src:
+		url('../font/SamsungOneLatin-700C.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungOneLatin-700C.woff') format('woff'),
+		url('../font/SamsungOneLatin-700C.woff2') format('woff2'),
+		url('../font/SamsungOneLatin-700C_v1.0.ttf') format('truetype'),
+		url('../font/SamsungOneLatin-700C.svg#SamsungOneLatin-700C') format('svg');
+}
+@font-face {
+	font-family: 'samsungoneitaliclatin700';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/SamsungOneItalicLatinComp-700.eot');
+	src:
+		url('../font/SamsungOneItalicLatinComp-700.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungOneItalicLatinComp-700.woff') format('woff'),
+		url('../font/SamsungOneItalicLatinComp-700.woff2') format('woff2'),
+		url('../font/SamsungOneItalicLatin-700_v1.0.ttf') format('truetype'),
+		url('../font/SamsungOneItalicLatinComp-700.svg#SamsungOneItalicLatinComp-700') format('svg');
+}
+@font-face {
+	font-family: 'samsungonelatin800';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/SamsungOneLatin-800.eot');
+	src:
+		url('../font/SamsungOneLatin-800.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungOneLatin-800.woff') format('woff'),
+		url('../font/SamsungOneLatin-800.woff2') format('woff2'),
+		url('../font/SamsungOneLatin-800_v1.0.ttf') format('truetype'),
+		url('../font/SamsungOneLatin-800.svg#SamsungOneLatin-800') format('svg');
+}
+@font-face {
+	font-family: 'samsungonelatin800c';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/SamsungOneLatin-800C.eot');
+	src:
+		url('../font/SamsungOneLatin-800C.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungOneLatin-800C.woff') format('woff'),
+		url('../font/SamsungOneLatin-800C.woff2') format('woff2'),
+		url('../font/SamsungOneLatin-800C_v1.0.ttf') format('truetype'),
+		url('../font/SamsungOneLatin-800C.svg#SamsungOneLatin-800C') format('svg');
+}
+@font-face {
+	font-family: 'samsungoneitaliclatin800';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/SamsungOneItalicLatinComp-800.eot');
+	src:
+		url('../font/SamsungOneItalicLatinComp-800.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungOneItalicLatinComp-800.woff') format('woff'),
+		url('../font/SamsungOneItalicLatinComp-800.woff2') format('woff2'),
+		url('../font/SamsungOneItalicLatin-800_v1.0.ttf') format('truetype'),
+		url('../font/SamsungOneItalicLatinComp-800.svg#SamsungOneItalicLatinComp-800') format('svg');
+}
+@font-face {
+	font-family: 'SamsungOneLatin900';
+	src: url('../font/SamsungOneLatin-900.eot');
+	src:
+		url('../font/SamsungOneLatin-900.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungOneLatin-900.woff') format('woff'),
+		url('../font/SamsungOneLatin-900.ttf') format('truetype'),
+		url('../font/SamsungOneLatin-900.svg#SamsungOneLatin-900') format('svg');
+	font-style: normal;
+	font-weight: normal;
+	text-rendering: optimizeLegibility;
+}
+@font-face {
+	font-family: 'SamsungOneLatin900C';
+	src: url('../font/SamsungOneLatin-900C.eot');
+	src:
+		url('../font/SamsungOneLatin-900C.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungOneLatin-900C.woff') format('woff'),
+		url('../font/SamsungOneLatin-900C.ttf') format('truetype'),
+		url('../font/SamsungOneLatin-900C.svg#SamsungOneLatin-900C') format('svg');
+	font-style: normal;
+	font-weight: normal;
+	text-rendering: optimizeLegibility;
+}
+@font-face {
+	font-family: 'samsungonelatin1000';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/samsungOnelatin-1000.eot');
+	src:
+		url('../font/samsungOnelatin-1000.eot?#iefix') format('embedded-opentype'),
+		url('../font/samsungOnelatin-1000.woff') format('woff'),
+		url('../font/samsungOnelatin-1000.woff2') format('woff2'),
+		url('../font/samsungOnelatin-1000.ttf') format('truetype'),
+		url('../font/samsungOnelatin-1000.svg#SamsungOneLatin-1100') format('svg');
+}
+@font-face {
+	font-family: 'samsungonelatin1100';
+	font-weight: normal;
+	font-style: normal;
+	src: url('../font/samsungOnelatin-1100.eot');
+	src:
+		url('../font/samsungOnelatin-1100.eot?#iefix') format('embedded-opentype'),
+		url('../font/samsungOnelatin-1100.woff') format('woff'),
+		url('../font/samsungOnelatin-1100.woff2') format('woff2'),
+		url('../font/samsungOnelatin-1100.ttf') format('truetype'),
+		url('../font/samsungOnelatin-1100.svg#SamsungOneLatin-1100') format('svg');
+}
+@font-face {
+	font-family: 'samsungonekorean200';
+	src: url('../font/SamsungOneKorean-200.eot');
+	src:
+		url('../font/SamsungOneKorean-200.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungOneKorean-200.woff') format('woff'),
+		url('../font/SamsungOneKorean-200.ttf') format('truetype'),
+		url('../font/SamsungOneKorean-200.svg#samsungonekorean200') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+@font-face {
+	font-family: 'samsungonekorean300';
+	src: url('../font/SamsungOneKorean-300.eot');
+	src:
+		url('../font/SamsungOneKorean-300.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungOneKorean-300.woff') format('woff'),
+		url('../font/SamsungOneKorean-300.ttf') format('truetype'),
+		url('../font/SamsungOneKorean-300.svg#samsungonekorean300') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+@font-face {
+	font-family: 'samsungonekorean400';
+	src: url('../font/SamsungOneKorean-400.woff') format('woff');
+	font-weight: normal;
+	font-style: normal;
+}
+@font-face {
+	font-family: 'samsungonekorean400c';
+	src: url('../font/SamsungOneKorean-400C.eot');
+	src:
+		url('../font/SamsungOneKorean-400C.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungOneKorean-400C.woff') format('woff'),
+		url('../font/SamsungOneKorean-400C.ttf') format('truetype'),
+		url('../font/SamsungOneKorean-400C.svg#samsungonekorean400c') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+@font-face {
+	font-family: 'SamsungOneKorean700C';
+	src: url('../font/SamsungOneKorean-700C.eot');
+	src:
+		url('../font/SamsungOneKorean-700C.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungOneKorean-700C.woff') format('woff'),
+		url('../font/SamsungOneKorean-700C.ttf') format('truetype'),
+		url('../font/SamsungOneKorean-700C.svg#SamsungOneKorean-700C') format('svg');
+	font-style: normal;
+	font-weight: normal;
+	text-rendering: optimizeLegibility;
+}
+@font-face {
+	font-family: 'samsungonekorean500';
+	src: url('../font/SamsungOneKorean-500.eot');
+	src:
+		url('../font/SamsungOneKorean-500.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungOneKorean-500.woff') format('woff'),
+		url('../font/SamsungOneKorean-500.ttf') format('truetype'),
+		url('../font/SamsungOneKorean-500.svg#samsungonekorean500') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+@font-face {
+	font-family: 'samsungonekorean600';
+	src: url('../font/SamsungOneKorean-600.eot');
+	src:
+		url('../font/SamsungOneKorean-600.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungOneKorean-600.woff') format('woff'),
+		url('../font/SamsungOneKorean-600.ttf') format('truetype'),
+		url('../font/SamsungOneKorean-600.svg#samsungonekorean600') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+@font-face {
+	font-family: 'samsungonekorean700';
+	src: url('../font/SamsungOneKorean-700.woff') format('woff');
+	font-weight: normal;
+	font-style: normal;
+}
+@font-face {
+	font-family: 'samsungSharpSansBold';
+	src: url('../font/SamsungSharpSans-Bold.eot');
+	src:
+		url('../font/SamsungSharpSans-Bold.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungSharpSans-Bold.woff') format('woff'),
+		url('../font/SamsungSharpSans-Bold.ttf') format('truetype'),
+		url('../font/SamsungSharpSans-Bold.svg#samsungonekorean200') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+@font-face {
+	font-family: 'samsungSharpSansMedium';
+	src: url('../font/SamsungSharpSans-Medium.eot');
+	src:
+		url('../font/SamsungSharpSans-Medium.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungSharpSans-Medium.woff') format('woff'),
+		url('../font/SamsungSharpSans-Medium.ttf') format('truetype'),
+		url('../font/SamsungSharpSans-Medium.svg#samsungonekorean200') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+@font-face {
+	font-family: 'samsungSharpSansRegular';
+	src: url('../font/SamsungSharpSans-Regular.eot');
+	src:
+		url('../font/SamsungSharpSans-Regular.eot?#iefix') format('embedded-opentype'),
+		url('../font/SamsungSharpSans-Regular.woff') format('woff'),
+		url('../font/SamsungSharpSans-Regular.ttf') format('truetype'),
+		url('../font/SamsungSharpSans-Regular.svg#samsungonekorean200') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+body,
+input,
+textarea,
+select,
+button,
+td {
+	text-rendering: optimizeLegibility;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	-moz-font-feature-settings: 'liga', 'kern';
+}
+@keyframes search-arrow {
+	0% {
+		transform: translateX(0);
+	}
+	100% {
+		transform: translateX(140%);
+	}
+}
+@keyframes header-rolling {
+	0% {
+		transform: translateY(0);
+	}
+	5% {
+		transform: translateY(-100%);
+	}
+	20% {
+		transform: translateY(-100%);
+	}
+	25% {
+		transform: translateY(-200%);
+	}
+	40% {
+		transform: translateY(-200%);
+	}
+	45% {
+		transform: translateY(-300%);
+	}
+	60% {
+		transform: translateY(-300%);
+	}
+	65% {
+		transform: translateY(-400%);
+	}
+	80% {
+		transform: translateY(-400%);
+	}
+	85% {
+		transform: translateY(-500%);
+	}
+	100% {
+		transform: translateY(-500%);
+	}
+}
+@media only screen and (min-width: 768px) {
+	.d-block-m {
+		display: none !important;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.d-block-pc {
+		display: none !important;
+	}
+}
+div.header_wrap {
+	min-width: unset;
+}
+.header_wrap {
+	box-sizing: border-box;
+	background: #fff;
+	position: fixed;
+	z-index: 999999;
+	width: 100%;
+	top: 0;
+}
+.header_wrap a:link,
+.header_wrap a:visited,
+.header_wrap a:active {
+	color: #000;
+}
+.header_wrap * {
+	box-sizing: border-box;
+}
+.header_wrap.header-ourStories nav li:nth-child(1) a:after {
+	width: 100%;
+}
+.header_wrap.header-aboutUs nav li:nth-child(2) a:after {
+	width: 100%;
+}
+.header_wrap.header-career nav li:nth-child(3) a:after {
+	width: 100%;
+}
+.header_wrap.header-news nav li:nth-child(4) a:after {
+	width: 100%;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap {
+		height: 12vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap {
+		height: 90px;
+		height: 7.03125vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap {
+		height: 90px;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap {
+		padding: 0vw 6.66667vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap {
+		padding: 0px 50px;
+		padding: 0vw 3.90625vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap {
+		padding: 0px 50px;
+	}
+}
+.header_wrap .header-container {
+	position: relative;
+	display: flex;
+	height: 100%;
+	justify-content: space-between;
+	align-items: center;
+	z-index: 99;
+}
+.header_wrap .logo {
+	font-size: 0;
+	position: relative;
+	z-index: 99;
+}
+.header_wrap .logo a {
+	display: block;
+	font-size: 0;
+	margin: 0;
+	padding: 0;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .logo a {
+		margin-top: 0.26667vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .logo a {
+		margin-top: 2px;
+		margin-top: 0.15625vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .logo a {
+		margin-top: 2px;
+	}
+}
+.header_wrap .logo img {
+	vertical-align: middle;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .logo img {
+		width: 24.13333vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .logo img {
+		width: 181px;
+		width: 14.14062vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .logo img {
+		width: 181px;
+	}
+}
+.header_wrap .d-block-pc .nav-container {
+	display: flex;
+	position: relative;
+	z-index: 99;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .d-block-pc .nav-container {
+		margin-top: 0.66667vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .d-block-pc .nav-container {
+		margin-top: 5px;
+		margin-top: 0.39062vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .d-block-pc .nav-container {
+		margin-top: 5px;
+	}
+}
+.header_wrap .d-block-pc nav {
+	display: flex;
+	justify-content: space-around;
+	margin-top: unset;
+	position: unset;
+	top: unset;
+	left: unset;
+	transition: unset;
+	opacity: 1;
+	transform: unset;
+	filter: unset;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .d-block-pc nav {
+		margin-left: 3.73333vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .d-block-pc nav {
+		margin-left: 28px;
+		margin-left: 2.1875vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .d-block-pc nav {
+		margin-left: 28px;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .d-block-pc nav {
+		font-family: 'samsungSharpSansRegular';
+		font-size: 2.4vw;
+		line-height: 1.44444;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .d-block-pc nav {
+		font-family: 'samsungSharpSansRegular';
+		font-size: 18px;
+		font-size: 1.40625vw;
+		line-height: 1.44444;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .d-block-pc nav {
+		font-family: 'samsungSharpSansRegular';
+		font-size: 18px;
+		line-height: 1.44444;
+	}
+}
+@media only screen and (min-width: 2561px) {
+	.header_wrap .d-block-pc nav {
+		font-family: 'samsungSharpSansRegular';
+		font-size: 18px;
+		line-height: 1.44444;
+	}
+}
+.header_wrap .d-block-pc nav ul {
+	display: flex;
+}
+.header_wrap .d-block-pc nav ul li {
+	margin: 0vw 1.04167vw;
+	display: flex;
+	align-items: center;
+	width: auto;
+	height: auto;
+}
+.header_wrap .d-block-pc nav ul li a {
+	height: auto;
+	position: relative;
+}
+.header_wrap .d-block-pc nav ul li a:after {
+	content: '';
+	display: block;
+	position: absolute;
+	transform-origin: center;
+	left: 50%;
+	transform: translateX(-50%);
+	width: 0;
+	height: 1px;
+	bottom: 0;
+	background-color: #000;
+	transition: width 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .d-block-pc nav ul li a:after {
+		bottom: 0.13333vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .d-block-pc nav ul li a:after {
+		bottom: 1px;
+		bottom: 0.07812vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .d-block-pc nav ul li a:after {
+		bottom: 1px;
+	}
+}
+.header_wrap .d-block-pc nav ul li a:hover:after {
+	width: 100%;
+}
+.header_wrap .nav-widget {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	position: relative;
+	z-index: 9;
+	height: 100%;
+}
+.header_wrap .nav-widget .widget-hash {
+	display: flex;
+	position: relative;
+	height: 100%;
+	align-items: center;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .nav-widget .widget-hash {
+		margin-right: 8vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .nav-widget .widget-hash {
+		margin-right: 60px;
+		margin-right: 4.6875vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .nav-widget .widget-hash {
+		margin-right: 60px;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .nav-widget .widget-hash {
+		font-family: 'samsungSharpSansBold';
+		font-size: 2.4vw;
+		line-height: 1.44444;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .nav-widget .widget-hash {
+		font-family: 'samsungSharpSansBold';
+		font-size: 18px;
+		font-size: 1.40625vw;
+		line-height: 1.44444;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .nav-widget .widget-hash {
+		font-family: 'samsungSharpSansBold';
+		font-size: 18px;
+		line-height: 1.44444;
+	}
+}
+@media only screen and (min-width: 2561px) {
+	.header_wrap .nav-widget .widget-hash {
+		font-family: 'samsungSharpSansBold';
+		font-size: 18px;
+		line-height: 1.44444;
+	}
+}
+.header_wrap .nav-widget .widget-hash .hash-rolling-wrapper {
+	overflow: hidden;
+	height: 40%;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .nav-widget .widget-hash .hash-rolling-wrapper {
+		width: 36vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .nav-widget .widget-hash .hash-rolling-wrapper {
+		width: 270px;
+		width: 21.09375vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .nav-widget .widget-hash .hash-rolling-wrapper {
+		width: 270px;
+	}
+}
+.header_wrap .nav-widget .widget-hash .hash-rolling-wrapper .sort-btn {
+	opacity: 0;
+	justify-content: flex-end;
+	display: flex;
+	align-items: center;
+	position: absolute;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	text-align: right;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .nav-widget .widget-hash .hash-rolling-wrapper .sort-btn {
+		font-family: 'samsungSharpSansRegular', 'samsungonekorean200';
+		font-size: 2.66667vw;
+		line-height: 1.25;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .nav-widget .widget-hash .hash-rolling-wrapper .sort-btn {
+		font-family: 'samsungSharpSansRegular', 'samsungonekorean200';
+		font-size: 20px;
+		font-size: 1.5625vw;
+		line-height: 1.25;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .nav-widget .widget-hash .hash-rolling-wrapper .sort-btn {
+		font-family: 'samsungSharpSansRegular', 'samsungonekorean200';
+		font-size: 20px;
+		line-height: 1.25;
+	}
+}
+@media only screen and (min-width: 2561px) {
+	.header_wrap .nav-widget .widget-hash .hash-rolling-wrapper .sort-btn {
+		font-family: 'samsungSharpSansRegular', 'samsungonekorean200';
+		font-size: 20px;
+		line-height: 1.25;
+	}
+}
+.header_wrap .nav-widget .widget-hash .hash-rolling-wrapper ul {
+	animation: header-rolling 12s ease-in-out infinite;
+	position: relative;
+	height: 100%;
+}
+.header_wrap .nav-widget .widget-hash .hash-rolling-wrapper li {
+	height: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
+	position: relative;
+}
+.header_wrap .nav-widget .widget-hash .hash-rolling-wrapper li:nth-of-type(n + 2) {
+	position: absolute;
+	right: 0;
+}
+.header_wrap .nav-widget .widget-hash .hash-rolling-wrapper li:nth-of-type(2) {
+	top: 100%;
+}
+.header_wrap .nav-widget .widget-hash .hash-rolling-wrapper li:nth-of-type(3) {
+	top: 200%;
+}
+.header_wrap .nav-widget .widget-hash .hash-rolling-wrapper li:nth-of-type(4) {
+	top: 300%;
+}
+.header_wrap .nav-widget .widget-hash .hash-rolling-wrapper li:nth-of-type(5) {
+	top: 400%;
+}
+.header_wrap .nav-widget .widget-hash .hash-rolling-wrapper li:nth-of-type(6) {
+	top: 500%;
+}
+.header_wrap .nav-widget .widget-hash .hash-rolling-wrapper li:nth-of-type(7) {
+	top: 600%;
+}
+.header_wrap .nav-widget .widget-hash ul.hash-accodian {
+	width: 320px;
+	width: 16.66667vw;
+	display: none;
+	position: absolute;
+	right: 0;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .nav-widget .widget-hash ul.hash-accodian {
+		top: 9.33333vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .nav-widget .widget-hash ul.hash-accodian {
+		top: 70px;
+		top: 5.46875vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .nav-widget .widget-hash ul.hash-accodian {
+		top: 70px;
+	}
+}
+.header_wrap .nav-widget .widget-hash ul.hash-accodian li {
+	margin-top: 5px;
+	text-align: right;
+	background-color: #fff;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .nav-widget .widget-hash ul.hash-accodian li {
+		padding: 2vw 4vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .nav-widget .widget-hash ul.hash-accodian li {
+		padding: 15px 30px;
+		padding: 1.17188vw 2.34375vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .nav-widget .widget-hash ul.hash-accodian li {
+		padding: 15px 30px;
+	}
+}
+.header_wrap .nav-widget .widget-hash ul.hash-accodian li.view-more {
+	display: flex;
+	justify-content: space-between;
+	align-items: flex-end;
+	border-top: 1px solid #bfbfbf;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .nav-widget .widget-hash ul.hash-accodian li.view-more {
+		font-family: 'samsungonelatin400', 'samsungonekorean400';
+		font-size: 1.6vw;
+		line-height: 1.5;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .nav-widget .widget-hash ul.hash-accodian li.view-more {
+		font-family: 'samsungonelatin400', 'samsungonekorean400';
+		font-size: 12px;
+		font-size: 0.9375vw;
+		line-height: 1.5;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .nav-widget .widget-hash ul.hash-accodian li.view-more {
+		font-family: 'samsungonelatin400', 'samsungonekorean400';
+		font-size: 12px;
+		line-height: 1.5;
+	}
+}
+@media only screen and (min-width: 2561px) {
+	.header_wrap .nav-widget .widget-hash ul.hash-accodian li.view-more {
+		font-family: 'samsungonelatin400', 'samsungonekorean400';
+		font-size: 12px;
+		line-height: 1.5;
+	}
+}
+.header_wrap .nav-widget .widget-hash ul.hash-accodian li.view-more p {
+	max-width: 60%;
+	text-align: left;
+}
+.header_wrap .nav-widget .widget-hash ul.hash-accodian li.view-more a {
+	color: #000;
+	text-decoration: underline;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .nav-widget .widget-hash ul.hash-accodian li.view-more a {
+		font-family: 'samsungSharpSansBold';
+		font-size: 1.6vw;
+		line-height: 1.5;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .nav-widget .widget-hash ul.hash-accodian li.view-more a {
+		font-family: 'samsungSharpSansBold';
+		font-size: 12px;
+		font-size: 0.9375vw;
+		line-height: 1.5;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .nav-widget .widget-hash ul.hash-accodian li.view-more a {
+		font-family: 'samsungSharpSansBold';
+		font-size: 12px;
+		line-height: 1.5;
+	}
+}
+@media only screen and (min-width: 2561px) {
+	.header_wrap .nav-widget .widget-hash ul.hash-accodian li.view-more a {
+		font-family: 'samsungSharpSansBold';
+		font-size: 12px;
+		line-height: 1.5;
+	}
+}
+.header_wrap .nav-widget .widget-lang {
+	text-decoration: underline;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .nav-widget .widget-lang {
+		font-family: 'samsungSharpSansMedium';
+		font-size: 2.13333vw;
+		line-height: 1.25;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .nav-widget .widget-lang {
+		font-family: 'samsungSharpSansMedium';
+		font-size: 16px;
+		font-size: 1.25vw;
+		line-height: 1.25;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .nav-widget .widget-lang {
+		font-family: 'samsungSharpSansMedium';
+		font-size: 16px;
+		line-height: 1.25;
+	}
+}
+@media only screen and (min-width: 2561px) {
+	.header_wrap .nav-widget .widget-lang {
+		font-family: 'samsungSharpSansMedium';
+		font-size: 16px;
+		line-height: 1.25;
+	}
+}
+.header_wrap .nav-widget .widget-lang:hover ul {
+	display: block;
+}
+.header_wrap .nav-widget .widget-lang ul {
+	display: none;
+	text-align: right;
+	position: fixed;
+	left: 0;
+	top: 0;
+	z-index: -1;
+	width: 100%;
+	background-color: #fff;
+	height: 168px;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .nav-widget .widget-lang ul {
+		padding: 10.66667vw 6.53333vw 0vw 6.66667vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .nav-widget .widget-lang ul {
+		padding: 80px 49px 0px 50px;
+		padding: 6.25vw 3.82812vw 0vw 3.90625vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .nav-widget .widget-lang ul {
+		padding: 80px 49px 0px 50px;
+	}
+}
+.header_wrap .nav-widget .widget-lang ul li a {
+	color: #a0a0a0;
+}
+.header_wrap .nav-widget .widget-lang ul li.isActive a {
+	text-decoration: underline;
+	text-decoration-thickness: 2px;
+	text-underline-offset: 3px;
+	color: #000;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .nav-widget .widget-lang ul li:last-of-type {
+		margin-top: 2.13333vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .nav-widget .widget-lang ul li:last-of-type {
+		margin-top: 16px;
+		margin-top: 1.25vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .nav-widget .widget-lang ul li:last-of-type {
+		margin-top: 16px;
+	}
+}
+.header_wrap .nav-widget .widget-lang ul:hover {
+	display: block;
+}
+.header_wrap .nav-widget.menuOpen .widget-search {
+	display: none;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .d-block-pc .nav-widget .hash-rolling-wrapper {
+		margin-top: 0.66667vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .d-block-pc .nav-widget .hash-rolling-wrapper {
+		margin-top: 5px;
+		margin-top: 0.39062vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .d-block-pc .nav-widget .hash-rolling-wrapper {
+		margin-top: 5px;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .d-block-pc .nav-widget .widget-search,
+	.header_wrap .d-block-pc .nav-widget .widget-lang {
+		margin-top: 0.4vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .d-block-pc .nav-widget .widget-search,
+	.header_wrap .d-block-pc .nav-widget .widget-lang {
+		margin-top: 3px;
+		margin-top: 0.23438vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .d-block-pc .nav-widget .widget-search,
+	.header_wrap .d-block-pc .nav-widget .widget-lang {
+		margin-top: 3px;
+	}
+}
+.header_wrap .widget-search {
+	position: relative;
+	z-index: 9;
+	width: 20px;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .widget-search {
+		margin-right: 3.46667vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .widget-search {
+		margin-right: 26px;
+		margin-right: 2.03125vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .widget-search {
+		margin-right: 26px;
+	}
+}
+.header_wrap .widget-nav-btn {
+	display: block;
+	position: relative;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .widget-nav-btn {
+		width: 4.8vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .widget-nav-btn {
+		width: 36px;
+		width: 2.8125vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .widget-nav-btn {
+		width: 36px;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .widget-nav-btn {
+		height: 2.4vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .widget-nav-btn {
+		height: 18px;
+		height: 1.40625vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .widget-nav-btn {
+		height: 18px;
+	}
+}
+.header_wrap .widget-nav-btn:before,
+.header_wrap .widget-nav-btn:after {
+	content: '';
+	display: block;
+	position: absolute;
+	background-color: #000;
+	width: 100%;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .widget-nav-btn:before,
+	.header_wrap .widget-nav-btn:after {
+		height: 0.53333vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .widget-nav-btn:before,
+	.header_wrap .widget-nav-btn:after {
+		height: 4px;
+		height: 0.3125vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .widget-nav-btn:before,
+	.header_wrap .widget-nav-btn:after {
+		height: 4px;
+	}
+}
+.header_wrap .widget-nav-btn:before {
+	top: 0;
+	left: 0;
+}
+.header_wrap .widget-nav-btn:after {
+	left: 0;
+	bottom: 0;
+}
+.header_wrap .widget-nav-btn.isActive:before {
+	left: 50%;
+	top: 50%;
+	transform: translate(-50%, -50%) rotate(45deg);
+}
+.header_wrap .widget-nav-btn.isActive:after {
+	left: 50%;
+	top: 50%;
+	transform: translate(-50%, -50%) rotate(135deg);
+}
+.header_wrap .search-close:not(.search-dim) {
+	display: none;
+	width: 4.4vw;
+	height: 4.4vw;
+}
+.header_wrap .search-close:not(.search-dim):before,
+.header_wrap .search-close:not(.search-dim):after {
+	content: '';
+	display: block;
+	position: absolute;
+	left: 50%;
+	top: 50%;
+	background-color: #000;
+	width: 100%;
+	transition: transform 0.1s;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .search-close:not(.search-dim):before,
+	.header_wrap .search-close:not(.search-dim):after {
+		height: 0.53333vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .search-close:not(.search-dim):before,
+	.header_wrap .search-close:not(.search-dim):after {
+		height: 4px;
+		height: 0.3125vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .search-close:not(.search-dim):before,
+	.header_wrap .search-close:not(.search-dim):after {
+		height: 4px;
+	}
+}
+.header_wrap .search-close:not(.search-dim):before {
+	transform: translate(-50%, -50%) rotate(45deg);
+}
+.header_wrap .search-close:not(.search-dim):after {
+	transform: translate(-50%, -50%) rotate(135deg);
+}
+.header_wrap .search-container {
+	opacity: 0;
+	transition: opacity 0.2s linear;
+	pointer-events: none;
+	position: absolute;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	z-index: 9;
+}
+.header_wrap .search-container .search-header,
+.header_wrap .search-container .search-contents h3,
+.header_wrap .search-container .search-contents ul,
+.header_wrap .search-container form {
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+	opacity: 0;
+	max-width: 710px;
+}
+.header_wrap .search-container .search-dim {
+	display: block;
+	position: absolute;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	background-color: rgba(0, 0, 0, 0.5);
+}
+.header_wrap .search-container .search-wrapper {
+	position: relative;
+	z-index: 9;
+}
+.header_wrap .search-container .search-wrapper:before {
+	content: '';
+	position: absolute;
+	display: block;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 0;
+	background-color: #fff;
+	transition: height 0.2s linear;
+}
+.header_wrap .search-container .inner-grid {
+	position: relative;
+	z-index: 9;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .search-container .inner-grid {
+		padding-top: 24.53333vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .search-container .inner-grid {
+		padding-top: 184px;
+		padding-top: 14.375vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .search-container .inner-grid {
+		padding-top: 184px;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .search-container .inner-grid {
+		padding-bottom: 19.73333vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .search-container .inner-grid {
+		padding-bottom: 148px;
+		padding-bottom: 11.5625vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .search-container .inner-grid {
+		padding-bottom: 148px;
+	}
+}
+.header_wrap .search-container .input-wrap {
+	display: block;
+	position: relative;
+	height: auto;
+	margin: 0 auto;
+}
+.header_wrap .search-container .input-wrap input {
+	background: none;
+	color: #000;
+	display: block;
+	border: none;
+	width: 100%;
+	border-bottom: 2px solid #000;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .search-container .input-wrap input {
+		font-family: 'samsungSharpSansMedium', 'samsungonekorean400';
+		font-size: 4.8vw;
+		line-height: 1.5;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .search-container .input-wrap input {
+		font-family: 'samsungSharpSansMedium', 'samsungonekorean400';
+		font-size: 36px;
+		font-size: 2.8125vw;
+		line-height: 1.5;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .search-container .input-wrap input {
+		font-family: 'samsungSharpSansMedium', 'samsungonekorean400';
+		font-size: 36px;
+		line-height: 1.5;
+	}
+}
+@media only screen and (min-width: 2561px) {
+	.header_wrap .search-container .input-wrap input {
+		font-family: 'samsungSharpSansMedium', 'samsungonekorean400';
+		font-size: 36px;
+		line-height: 1.5;
+	}
+}
+@media only screen and (max-width: 767.7px) and (max-width: 767.7px) {
+	.header_wrap .search-container .input-wrap input {
+		font-size: 7.46667vw;
+		line-height: 1.35714;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .search-container .input-wrap input {
+		font-size: 56px;
+		font-size: 4.375vw;
+		line-height: 1.35714;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 1281px) {
+	.header_wrap .search-container .input-wrap input {
+		font-size: 56px;
+		line-height: 1.35714;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 2561px) {
+	.header_wrap .search-container .input-wrap input {
+		font-size: 56px;
+		line-height: 1.35714;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .search-container .input-wrap input {
+		padding: 0vw 6.66667vw 0.13333vw 0vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .search-container .input-wrap input {
+		padding: 0px 50px 1px 0px;
+		padding: 0vw 3.90625vw 0.07812vw 0vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .search-container .input-wrap input {
+		padding: 0px 50px 1px 0px;
+	}
+}
+.header_wrap .search-container .input-wrap .btn-search {
+	display: block;
+	position: absolute;
+	overflow: hidden;
+	right: 0;
+	top: 50%;
+	transform: translateY(-50%);
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .search-container .input-wrap .btn-search {
+		width: 3.2vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .search-container .input-wrap .btn-search {
+		width: 24px;
+		width: 1.875vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .search-container .input-wrap .btn-search {
+		width: 24px;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .search-container .input-wrap .btn-search {
+		height: 3.2vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .search-container .input-wrap .btn-search {
+		height: 24px;
+		height: 1.875vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .search-container .input-wrap .btn-search {
+		height: 24px;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .search-container .input-wrap .btn-search {
+		right: 1.2vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .search-container .input-wrap .btn-search {
+		right: 9px;
+		right: 0.70312vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .search-container .input-wrap .btn-search {
+		right: 9px;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .search-container .input-wrap .btn-search {
+		margin-top: -0.26667vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .search-container .input-wrap .btn-search {
+		margin-top: -2px;
+		margin-top: -0.15625vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .search-container .input-wrap .btn-search {
+		margin-top: -2px;
+	}
+}
+.header_wrap .search-container .input-wrap .btn-search img {
+	width: 100%;
+}
+.header_wrap .search-container .search-contents ul {
+	font-size: 0;
+}
+.header_wrap .search-container .search-contents ul li {
+	display: inline-block;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .search-container .search-contents ul li {
+		font-family: 'samsungSharpSansRegular';
+		font-size: 1.86667vw;
+		line-height: 1.42857;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .search-container .search-contents ul li {
+		font-family: 'samsungSharpSansRegular';
+		font-size: 14px;
+		font-size: 1.09375vw;
+		line-height: 1.42857;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .search-container .search-contents ul li {
+		font-family: 'samsungSharpSansRegular';
+		font-size: 14px;
+		line-height: 1.42857;
+	}
+}
+@media only screen and (min-width: 2561px) {
+	.header_wrap .search-container .search-contents ul li {
+		font-family: 'samsungSharpSansRegular';
+		font-size: 14px;
+		line-height: 1.42857;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .search-container .search-contents ul li {
+		margin-right: 4vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .search-container .search-contents ul li {
+		margin-right: 30px;
+		margin-right: 2.34375vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .search-container .search-contents ul li {
+		margin-right: 30px;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .search-container .search-contents ul li {
+		margin-top: 2.13333vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .search-container .search-contents ul li {
+		margin-top: 16px;
+		margin-top: 1.25vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .search-container .search-contents ul li {
+		margin-top: 16px;
+	}
+}
+.header_wrap .search-container .search-contents ul li:last-of-type {
+	margin-right: 0;
+}
+.header_wrap .search-container .search-contents figure {
+	position: relative;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .search-container .search-contents figure {
+		padding-top: 15.6vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .search-container .search-contents figure {
+		padding-top: 117px;
+		padding-top: 9.14062vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .search-container .search-contents figure {
+		padding-top: 117px;
+	}
+}
+.header_wrap .search-container .search-contents figure img {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	left: 50%;
+	top: 50%;
+	transform: translate(-50%, -50%);
+	object-fit: cover;
+}
+.header_wrap .search-container .search-contents strong {
+	display: block;
+}
+.header_wrap .search-container.isActive {
+	opacity: 1;
+	pointer-events: auto;
+}
+.header_wrap .search-container.isActive .search-wrapper:before {
+	height: 100%;
+}
+.header_wrap .search-container.isActive .search-header,
+.header_wrap .search-container.isActive .search-contents h3,
+.header_wrap .search-container.isActive .search-contents ul,
+.header_wrap .search-container.isActive form {
+	opacity: 1;
+	transition: opacity 0.2s 0.2s linear;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .search-container .input-wrap .btn-search {
+		right: 0;
+		margin-top: -0.4vw;
+	}
+}
+.header_wrap .mobile-menu {
+	left: 100%;
+	position: fixed;
+	width: 100%;
+	padding: 8%;
+	height: 100%;
+	min-height: 100vh;
+	overflow-y: auto;
+	top: 0;
+	background-color: #fff;
+	transition: left 0.2s linear;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .mobile-menu {
+		padding-top: 25.06667vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .mobile-menu {
+		padding-top: 188px;
+		padding-top: 14.6875vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .mobile-menu {
+		padding-top: 188px;
+	}
+}
+.header_wrap .mobile-menu nav {
+	position: unset;
+	margin-top: unset;
+	top: unset;
+	left: unset;
+	transition: unset;
+	opacity: 1;
+	transform: unset;
+	filter: unset;
+}
+.header_wrap .mobile-menu nav ul {
+	display: block;
+}
+.header_wrap .mobile-menu nav ul li {
+	width: auto;
+	height: auto;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .mobile-menu nav ul li {
+		font-family: 'samsungSharpSansRegular';
+		font-size: 7.46667vw;
+		line-height: 1.39286;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .mobile-menu nav ul li {
+		font-family: 'samsungSharpSansRegular';
+		font-size: 56px;
+		font-size: 4.375vw;
+		line-height: 1.39286;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .mobile-menu nav ul li {
+		font-family: 'samsungSharpSansRegular';
+		font-size: 56px;
+		line-height: 1.39286;
+	}
+}
+@media only screen and (min-width: 2561px) {
+	.header_wrap .mobile-menu nav ul li {
+		font-family: 'samsungSharpSansRegular';
+		font-size: 56px;
+		line-height: 1.39286;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .mobile-menu nav ul li {
+		margin: 8.53333vw 0vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .mobile-menu nav ul li {
+		margin: 64px 0px;
+		margin: 5vw 0vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .mobile-menu nav ul li {
+		margin: 64px 0px;
+	}
+}
+.header_wrap .mobile-menu nav ul li:first-of-type {
+	margin-top: 0;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .mobile-menu .widget-hash-mo {
+		margin-top: 18.26667vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .mobile-menu .widget-hash-mo {
+		margin-top: 137px;
+		margin-top: 10.70312vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .mobile-menu .widget-hash-mo {
+		margin-top: 137px;
+	}
+}
+.header_wrap .mobile-menu .widget-hash-mo .hash-accodian {
+	overflow: hidden;
+}
+.header_wrap .mobile-menu .widget-hash-mo .hash-accodian ul {
+	position: relative;
+}
+.header_wrap .mobile-menu .widget-hash-mo .hash-accodian li {
+	font-size: 0;
+}
+.header_wrap .mobile-menu .widget-hash-mo .hash-accodian li:nth-of-type(n + 2) {
+	position: absolute;
+	left: 0;
+}
+.header_wrap .mobile-menu .widget-hash-mo .hash-accodian li:nth-of-type(2) {
+	top: 100%;
+}
+.header_wrap .mobile-menu .widget-hash-mo .hash-accodian li:nth-of-type(3) {
+	top: 200%;
+}
+.header_wrap .mobile-menu .widget-hash-mo .hash-accodian li:nth-of-type(4) {
+	top: 300%;
+}
+.header_wrap .mobile-menu .widget-hash-mo .hash-accodian li:nth-of-type(5) {
+	top: 400%;
+}
+.header_wrap .mobile-menu .widget-hash-mo .hash-accodian li:nth-of-type(6) {
+	top: 500%;
+}
+.header_wrap .mobile-menu .widget-hash-mo .hash-accodian li:nth-of-type(7) {
+	top: 600%;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .mobile-menu .widget-hash-mo .hash-accodian li a {
+		font-family: 'samsungSharpSansBold';
+		font-size: 5.6vw;
+		line-height: 1.38095;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .mobile-menu .widget-hash-mo .hash-accodian li a {
+		font-family: 'samsungSharpSansBold';
+		font-size: 42px;
+		font-size: 3.28125vw;
+		line-height: 1.38095;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .mobile-menu .widget-hash-mo .hash-accodian li a {
+		font-family: 'samsungSharpSansBold';
+		font-size: 42px;
+		line-height: 1.38095;
+	}
+}
+@media only screen and (min-width: 2561px) {
+	.header_wrap .mobile-menu .widget-hash-mo .hash-accodian li a {
+		font-family: 'samsungSharpSansBold';
+		font-size: 42px;
+		line-height: 1.38095;
+	}
+}
+.header_wrap .mobile-menu .widget-lang-mo {
+	margin-top: 9.46667vw;
+	display: flex;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .mobile-menu .widget-lang-mo {
+		font-family: 'samsungSharpSansMedium';
+		font-size: 4.26667vw;
+		line-height: 1.25;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .mobile-menu .widget-lang-mo {
+		font-family: 'samsungSharpSansMedium';
+		font-size: 32px;
+		font-size: 2.5vw;
+		line-height: 1.25;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .mobile-menu .widget-lang-mo {
+		font-family: 'samsungSharpSansMedium';
+		font-size: 32px;
+		line-height: 1.25;
+	}
+}
+@media only screen and (min-width: 2561px) {
+	.header_wrap .mobile-menu .widget-lang-mo {
+		font-family: 'samsungSharpSansMedium';
+		font-size: 32px;
+		line-height: 1.25;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .mobile-menu .widget-lang-mo figure img {
+		width: 5.06667vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .mobile-menu .widget-lang-mo figure img {
+		width: 38px;
+		width: 2.96875vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .mobile-menu .widget-lang-mo figure img {
+		width: 38px;
+	}
+}
+.header_wrap .mobile-menu .widget-lang-mo ul {
+	display: flex;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .mobile-menu .widget-lang-mo ul {
+		margin-left: 3.46667vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .mobile-menu .widget-lang-mo ul {
+		margin-left: 26px;
+		margin-left: 2.03125vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .mobile-menu .widget-lang-mo ul {
+		margin-left: 26px;
+	}
+}
+.header_wrap .mobile-menu .widget-lang-mo ul li a {
+	color: #a0a0a0;
+}
+.header_wrap .mobile-menu .widget-lang-mo ul li:first-of-type:after {
+	content: '';
+	display: inline-block;
+	width: 2px;
+	height: 75%;
+	background-color: #000;
+	vertical-align: middle;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .mobile-menu .widget-lang-mo ul li:first-of-type:after {
+		margin: 0vw 3.46667vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .mobile-menu .widget-lang-mo ul li:first-of-type:after {
+		margin: 0px 26px;
+		margin: 0vw 2.03125vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.header_wrap .mobile-menu .widget-lang-mo ul li:first-of-type:after {
+		margin: 0px 26px;
+	}
+}
+.header_wrap .mobile-menu .widget-lang-mo ul li.isActive a {
+	color: #000;
+}
+.header_wrap .mobile-menu.isActive {
+	left: 0;
+}
+.header_wrap .mobile-menu.isActive .hash-accodian ul {
+	animation: header-rolling 12s infinite ease-in-out;
+}
+.header_wrap .mobile-menu.isActive:before {
+	height: 100%;
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap {
+		padding: 0 8%;
+	}
+}
+@media only screen and (max-width: 767.7px) and (max-width: 767.7px) {
+	.header_wrap {
+		height: 12.8vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap {
+		height: 96px;
+		height: 7.5vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 1281px) {
+	.header_wrap {
+		height: 96px;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .logo img {
+		max-width: none;
+	}
+}
+@media only screen and (max-width: 767.7px) and (max-width: 767.7px) {
+	.header_wrap .logo img {
+		width: 34vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .logo img {
+		width: 255px;
+		width: 19.92188vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 1281px) {
+	.header_wrap .logo img {
+		width: 255px;
+	}
+}
+@media only screen and (max-width: 767.7px) and (max-width: 767.7px) {
+	.header_wrap .widget-search {
+		margin-right: 6.26667vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .widget-search {
+		margin-right: 47px;
+		margin-right: 3.67188vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 1281px) {
+	.header_wrap .widget-search {
+		margin-right: 47px;
+	}
+}
+@media only screen and (max-width: 767.7px) and (max-width: 767.7px) {
+	.header_wrap .widget-search {
+		margin-top: 0.4vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .widget-search {
+		margin-top: 3px;
+		margin-top: 0.23438vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 1281px) {
+	.header_wrap .widget-search {
+		margin-top: 3px;
+	}
+}
+@media only screen and (max-width: 767.7px) and (max-width: 767.7px) {
+	.header_wrap .widget-search {
+		width: 4.26667vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .widget-search {
+		width: 32px;
+		width: 2.5vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 1281px) {
+	.header_wrap .widget-search {
+		width: 32px;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .widget-search img {
+		width: 100%;
+	}
+	.header_wrap .widget-nav-btn.isActive {
+		transform: translate(0.8vw, 0);
+	}
+	.header_wrap .search-container .inner-grid {
+		padding-top: 25.33333vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (max-width: 767.7px) {
+	.header_wrap .search-container .inner-grid {
+		padding-bottom: 12.66667vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .search-container .inner-grid {
+		padding-bottom: 95px;
+		padding-bottom: 7.42188vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 1281px) {
+	.header_wrap .search-container .inner-grid {
+		padding-bottom: 95px;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .search-container .inner-grid .btn-search {
+		width: 4vw;
+		height: 4vw;
+	}
+	.header_wrap .search-container .input-wrap input {
+		border-width: 0.53333vw;
+	}
+	.header_wrap .search-container .search-header {
+		justify-content: right;
+	}
+}
+@media only screen and (max-width: 767.7px) and (max-width: 767.7px) {
+	.header_wrap .search-container .search-header {
+		height: 12.8vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .search-container .search-header {
+		height: 96px;
+		height: 7.5vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 1281px) {
+	.header_wrap .search-container .search-header {
+		height: 96px;
+	}
+}
+@media only screen and (max-width: 767.7px) and (max-width: 767.7px) {
+	.header_wrap .search-container .search-header .widget-search-off {
+		width: 3.2vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .search-container .search-header .widget-search-off {
+		width: 24px;
+		width: 1.875vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 1281px) {
+	.header_wrap .search-container .search-header .widget-search-off {
+		width: 24px;
+	}
+}
+@media only screen and (max-width: 767.7px) and (max-width: 767.7px) {
+	.header_wrap .search-container .search-header .widget-search-off {
+		height: 3.2vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .search-container .search-header .widget-search-off {
+		height: 24px;
+		height: 1.875vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 1281px) {
+	.header_wrap .search-container .search-header .widget-search-off {
+		height: 24px;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .search-container .search-header .widget-search-off:before,
+	.header_wrap .search-container .search-header .widget-search-off:after {
+		height: 2px;
+	}
+}
+@media only screen and (max-width: 767.7px) and (max-width: 767.7px) {
+	.header_wrap .search-container .search-contents {
+		margin-top: 3.2vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .search-container .search-contents {
+		margin-top: 24px;
+		margin-top: 1.875vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 1281px) {
+	.header_wrap .search-container .search-contents {
+		margin-top: 24px;
+	}
+}
+@media only screen and (max-width: 767.7px) and (max-width: 767.7px) {
+	.header_wrap .search-container .search-contents.rn2022-mt-150-mob-only {
+		margin-top: 19.6vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .search-container .search-contents.rn2022-mt-150-mob-only {
+		margin-top: 147px;
+		margin-top: 11.48438vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 1281px) {
+	.header_wrap .search-container .search-contents.rn2022-mt-150-mob-only {
+		margin-top: 147px;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.header_wrap .search-container .search-contents .search-wrapper .input-wrap {
+		background-color: #000;
+	}
+	.header_wrap .search-container .search-contents ul {
+		flex-wrap: wrap;
+	}
+}
+@media only screen and (max-width: 767.7px) and (max-width: 767.7px) {
+	.header_wrap .search-container .search-contents ul li {
+		margin: 0vw 0vw 1.2vw 0vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .search-container .search-contents ul li {
+		margin: 0px 0px 9px 0px;
+		margin: 0vw 0vw 0.70312vw 0vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 1281px) {
+	.header_wrap .search-container .search-contents ul li {
+		margin: 0px 0px 9px 0px;
+	}
+}
+@media only screen and (max-width: 767.7px) and (max-width: 767.7px) {
+	.header_wrap .search-container .search-contents ul li {
+		font-family: 'samsungSharpSansRegular';
+		font-size: 3.2vw;
+		line-height: 1.5;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .search-container .search-contents ul li {
+		font-family: 'samsungSharpSansRegular';
+		font-size: 24px;
+		font-size: 1.875vw;
+		line-height: 1.5;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 1281px) {
+	.header_wrap .search-container .search-contents ul li {
+		font-family: 'samsungSharpSansRegular';
+		font-size: 24px;
+		line-height: 1.5;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 2561px) {
+	.header_wrap .search-container .search-contents ul li {
+		font-family: 'samsungSharpSansRegular';
+		font-size: 24px;
+		line-height: 1.5;
+	}
+}
+@media only screen and (max-width: 767.7px) and (max-width: 767.7px) {
+	.header_wrap .search-container .search-contents ul li {
+		margin-right: 4vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 768px) and (max-width: 1280px) {
+	.header_wrap .search-container .search-contents ul li {
+		margin-right: 30px;
+		margin-right: 2.34375vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 1281px) {
+	.header_wrap .search-container .search-contents ul li {
+		margin-right: 30px;
+	}
+}
+.header_wrap.onSearch .nav-widget .widget-hash,
+.header_wrap.onSearch .nav-widget .widget-search,
+.header_wrap.onSearch .nav-widget .widget-nav-btn {
+	display: none;
+}
+.header_wrap.onSearch .nav-widget .search-close {
+	display: block;
+	transform: translateX(9%);
+}
+.footer_wrap {
+	position: relative;
+	z-index: 9999;
+	background-color: #fff;
+	color: #000;
+	box-sizing: border-box;
+	display: flex;
+	flex-direction: row;
+	justify-content: space-between;
+	align-items: center;
+	font-size: 0;
+}
+@media only screen and (max-width: 767.7px) {
+	.footer_wrap {
+		height: 8.13333vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.footer_wrap {
+		height: 61px;
+		height: 4.76562vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.footer_wrap {
+		height: 61px;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.footer_wrap {
+		padding: 0vw 6.66667vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.footer_wrap {
+		padding: 0px 50px;
+		padding: 0vw 3.90625vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.footer_wrap {
+		padding: 0px 50px;
+	}
+}
+.footer_wrap * {
+	box-sizing: border-box;
+}
+.footer_wrap .info {
+	display: flex;
+}
+@media only screen and (max-width: 767.7px) {
+	.footer_wrap .info {
+		margin-top: 0.13333vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.footer_wrap .info {
+		margin-top: 1px;
+		margin-top: 0.07812vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.footer_wrap .info {
+		margin-top: 1px;
+	}
+}
+.footer_wrap .info .footer-logo {
+	display: block;
+}
+@media only screen and (max-width: 767.7px) {
+	.footer_wrap .info .footer-logo {
+		width: 11.73333vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.footer_wrap .info .footer-logo {
+		width: 88px;
+		width: 6.875vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.footer_wrap .info .footer-logo {
+		width: 88px;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.footer_wrap .info .footer-logo {
+		margin-right: 2.13333vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.footer_wrap .info .footer-logo {
+		margin-right: 16px;
+		margin-right: 1.25vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.footer_wrap .info .footer-logo {
+		margin-right: 16px;
+	}
+}
+.footer_wrap .info .footer-logo img {
+	width: 100%;
+	height: auto;
+}
+.footer_wrap .info h3,
+.footer_wrap .info .private-wrap {
+	color: #000;
+	transform: translateY(1px);
+}
+@media only screen and (max-width: 767.7px) {
+	.footer_wrap .info h3,
+	.footer_wrap .info .private-wrap {
+		font-family: 'samsungSharpSansMedium', 'samsungonekorean400';
+		font-size: 1.86667vw;
+		line-height: 1.21429;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.footer_wrap .info h3,
+	.footer_wrap .info .private-wrap {
+		font-family: 'samsungSharpSansMedium', 'samsungonekorean400';
+		font-size: 14px;
+		font-size: 1.09375vw;
+		line-height: 1.21429;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.footer_wrap .info h3,
+	.footer_wrap .info .private-wrap {
+		font-family: 'samsungSharpSansMedium', 'samsungonekorean400';
+		font-size: 14px;
+		line-height: 1.21429;
+	}
+}
+@media only screen and (min-width: 2561px) {
+	.footer_wrap .info h3,
+	.footer_wrap .info .private-wrap {
+		font-family: 'samsungSharpSansMedium', 'samsungonekorean400';
+		font-size: 14px;
+		line-height: 1.21429;
+	}
+}
+.footer_wrap .info h3 {
+	position: relative;
+	vertical-align: middle;
+	letter-spacing: -0.02em;
+}
+.footer_wrap .info span {
+	display: inline-block;
+	height: 90%;
+	vertical-align: middle;
+	position: relative;
+}
+.footer_wrap .info span:before {
+	content: '';
+	position: absolute;
+	left: 50%;
+	top: 50%;
+	transform: translate(-50%, -50%);
+	display: block;
+	height: 100%;
+	width: 1px;
+	background-color: #000;
+}
+@media only screen and (max-width: 767.7px) {
+	.footer_wrap .info span {
+		margin: 0vw 1.6vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.footer_wrap .info span {
+		margin: 0px 12px;
+		margin: 0vw 0.9375vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.footer_wrap .info span {
+		margin: 0px 12px;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.footer_wrap .info span:not(.footer-line) {
+		margin: 0vw 2.13333vw 0vw 2vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.footer_wrap .info span:not(.footer-line) {
+		margin: 0px 16px 0px 15px;
+		margin: 0vw 1.25vw 0vw 1.17188vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.footer_wrap .info span:not(.footer-line) {
+		margin: 0px 16px 0px 15px;
+	}
+}
+.footer_wrap .info a {
+	vertical-align: middle;
+	color: #000;
+}
+@media only screen and (max-width: 767.7px) {
+	.footer_wrap .info a {
+		font-family: 'samsungSharpSansMedium', 'samsungonekorean400';
+		font-size: 1.86667vw;
+		line-height: 1.21429;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.footer_wrap .info a {
+		font-family: 'samsungSharpSansMedium', 'samsungonekorean400';
+		font-size: 14px;
+		font-size: 1.09375vw;
+		line-height: 1.21429;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.footer_wrap .info a {
+		font-family: 'samsungSharpSansMedium', 'samsungonekorean400';
+		font-size: 14px;
+		line-height: 1.21429;
+	}
+}
+@media only screen and (min-width: 2561px) {
+	.footer_wrap .info a {
+		font-family: 'samsungSharpSansMedium', 'samsungonekorean400';
+		font-size: 14px;
+		line-height: 1.21429;
+	}
+}
+.footer_wrap ul {
+	display: flex;
+	align-items: center;
+}
+@media only screen and (max-width: 767.7px) {
+	.footer_wrap ul {
+		font-family: 'samsungSharpSansMedium', 'samsungonekorean400';
+		font-size: 1.86667vw;
+		line-height: 1.21429;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.footer_wrap ul {
+		font-family: 'samsungSharpSansMedium', 'samsungonekorean400';
+		font-size: 14px;
+		font-size: 1.09375vw;
+		line-height: 1.21429;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.footer_wrap ul {
+		font-family: 'samsungSharpSansMedium', 'samsungonekorean400';
+		font-size: 14px;
+		line-height: 1.21429;
+	}
+}
+@media only screen and (min-width: 2561px) {
+	.footer_wrap ul {
+		font-family: 'samsungSharpSansMedium', 'samsungonekorean400';
+		font-size: 14px;
+		line-height: 1.21429;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.footer_wrap ul {
+		margin-top: 0.4vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.footer_wrap ul {
+		margin-top: 3px;
+		margin-top: 0.23438vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.footer_wrap ul {
+		margin-top: 3px;
+	}
+}
+.footer_wrap ul li:first-of-type {
+	margin-left: 0;
+}
+.footer_wrap ul li:last-of-type {
+	margin-right: 0;
+}
+@media only screen and (max-width: 767.7px) {
+	.footer_wrap ul li:last-of-type {
+		margin-left: 2.13333vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.footer_wrap ul li:last-of-type {
+		margin-left: 16px;
+		margin-left: 1.25vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.footer_wrap ul li:last-of-type {
+		margin-left: 16px;
+	}
+}
+.footer_wrap ul li:last-of-type a:after {
+	display: none;
+}
+@media only screen and (max-width: 767.7px) {
+	.footer_wrap ul li {
+		margin: 0vw 1.86667vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.footer_wrap ul li {
+		margin: 0px 14px;
+		margin: 0vw 1.09375vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.footer_wrap ul li {
+		margin: 0px 14px;
+	}
+}
+.footer_wrap ul li a {
+	color: #000;
+	position: relative;
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.footer_wrap ul {
+		display: none;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.footer_wrap {
+		height: auto;
+	}
+}
+@media only screen and (max-width: 767.7px) and (max-width: 767.7px) {
+	.footer_wrap {
+		padding: 3.86667vw 8vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 768px) and (max-width: 1280px) {
+	.footer_wrap {
+		padding: 29px 60px;
+		padding: 2.26562vw 4.6875vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 1281px) {
+	.footer_wrap {
+		padding: 29px 60px;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.footer_wrap .info {
+		flex-direction: column;
+	}
+}
+@media only screen and (max-width: 767.7px) and (max-width: 767.7px) {
+	.footer_wrap .info .footer-logo {
+		width: 17.6vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 768px) and (max-width: 1280px) {
+	.footer_wrap .info .footer-logo {
+		width: 132px;
+		width: 10.3125vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 1281px) {
+	.footer_wrap .info .footer-logo {
+		width: 132px;
+	}
+}
+@media only screen and (max-width: 767.7px) and (max-width: 767.7px) {
+	.footer_wrap .info {
+		font-family: 'samsungSharpSansMedium', 'samsungonekorean400';
+		font-size: 2.66667vw;
+		line-height: 1.5;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 768px) and (max-width: 1280px) {
+	.footer_wrap .info {
+		font-family: 'samsungSharpSansMedium', 'samsungonekorean400';
+		font-size: 20px;
+		font-size: 1.5625vw;
+		line-height: 1.5;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 1281px) {
+	.footer_wrap .info {
+		font-family: 'samsungSharpSansMedium', 'samsungonekorean400';
+		font-size: 20px;
+		line-height: 1.5;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 2561px) {
+	.footer_wrap .info {
+		font-family: 'samsungSharpSansMedium', 'samsungonekorean400';
+		font-size: 20px;
+		line-height: 1.5;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.footer_wrap .info h3 {
+		letter-spacing: 0;
+	}
+}
+@media only screen and (max-width: 767.7px) and (max-width: 767.7px) {
+	.footer_wrap .info h3 {
+		font-family: 'samsungSharpSansMedium', 'samsungonekorean400';
+		font-size: 3.06667vw;
+		line-height: 1.30435;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 768px) and (max-width: 1280px) {
+	.footer_wrap .info h3 {
+		font-family: 'samsungSharpSansMedium', 'samsungonekorean400';
+		font-size: 23px;
+		font-size: 1.79688vw;
+		line-height: 1.30435;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 1281px) {
+	.footer_wrap .info h3 {
+		font-family: 'samsungSharpSansMedium', 'samsungonekorean400';
+		font-size: 23px;
+		line-height: 1.30435;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 2561px) {
+	.footer_wrap .info h3 {
+		font-family: 'samsungSharpSansMedium', 'samsungonekorean400';
+		font-size: 23px;
+		line-height: 1.30435;
+	}
+}
+@media only screen and (max-width: 767.7px) and (max-width: 767.7px) {
+	.footer_wrap .info h3 {
+		margin: 0.93333vw 0vw 1.33333vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 768px) and (max-width: 1280px) {
+	.footer_wrap .info h3 {
+		margin: 7px 0px 10px;
+		margin: 0.54688vw 0vw 0.78125vw;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 1281px) {
+	.footer_wrap .info h3 {
+		margin: 7px 0px 10px;
+	}
+}
+@media only screen and (max-width: 767.7px) and (max-width: 767.7px) {
+	.footer_wrap .info a {
+		font-family: 'samsungSharpSansMedium', 'samsungonekorean400';
+		font-size: 2.8vw;
+		line-height: 1.42857;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 768px) and (max-width: 1280px) {
+	.footer_wrap .info a {
+		font-family: 'samsungSharpSansMedium', 'samsungonekorean400';
+		font-size: 21px;
+		font-size: 1.64062vw;
+		line-height: 1.42857;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 1281px) {
+	.footer_wrap .info a {
+		font-family: 'samsungSharpSansMedium', 'samsungonekorean400';
+		font-size: 21px;
+		line-height: 1.42857;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 2561px) {
+	.footer_wrap .info a {
+		font-family: 'samsungSharpSansMedium', 'samsungonekorean400';
+		font-size: 21px;
+		line-height: 1.42857;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.footer_wrap .info span {
+		height: 2.66667vw;
+	}
+	.footer_wrap .info span:not(.footer-line) {
+		margin: 0vw 1.2vw 0vw 1.6vw;
+	}
+	.footer_wrap .info span.footer-line {
+		display: none;
+	}
+	.footer_wrap .info span:before {
+		height: 100%;
+	}
+	.footer_wrap .info .private-wrap {
+		letter-spacing: -0.02em;
+	}
+}
+@media only screen and (max-width: 767.7px) and (max-width: 767.7px) {
+	.footer_wrap .info .private-wrap {
+		font-size: 2.8vw;
+		line-height: 1.42857;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 768px) and (max-width: 1280px) {
+	.footer_wrap .info .private-wrap {
+		font-size: 21px;
+		font-size: 1.64062vw;
+		line-height: 1.42857;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 1281px) {
+	.footer_wrap .info .private-wrap {
+		font-size: 21px;
+		line-height: 1.42857;
+	}
+}
+@media only screen and (max-width: 767.7px) and (min-width: 2561px) {
+	.footer_wrap .info .private-wrap {
+		font-size: 21px;
+		line-height: 1.42857;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.footer_wrap ul {
+		display: none;
+	}
+}
+.related-stories-wrap {
+	position: relative;
+	width: 100%;
+	background-color: #fff;
+}
+.related-stories-wrap .dline:before {
+	display: block;
+	content: '';
+	height: 1px;
+	background: #666;
+}
+@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
+	only screen and (min-resolution: 125dpi) {
+	.related-stories-wrap .dline:before {
+		height: 0.667px;
+	}
+}
+@media only screen and (-webkit-min-device-pixel-ratio: 2),
+	only screen and (min-resolution: 192dpi) {
+	.related-stories-wrap .dline:before {
+		height: 1px;
+	}
+}
+.related-stories-wrap .title {
+	text-align: center;
+}
+.related-stories-wrap .title h3 {
+	font-family: 'samsungonelatin700';
+	letter-spacing: 0.015em;
+	color: #000;
+	text-align: center;
+	font-weight: 100;
+}
+.related-stories-wrap .component-list {
+	position: relative;
+	font-size: 0;
+}
+.related-stories-wrap .component-list li {
+	display: inline-block;
+	box-sizing: content-box;
+	vertical-align: top;
+}
+.related-stories-wrap .component-list li br {
+	display: none;
+}
+.related-stories-wrap .component-list li dl {
+	position: relative;
+	padding-top: 56.25%;
+}
+.related-stories-wrap .component-list li dl span {
+	display: block;
+}
+.related-stories-wrap .component-list li dt,
+.related-stories-wrap .component-list li dd {
+	margin: 0;
+	padding: 0;
+}
+.related-stories-wrap .component-list li dt.title {
+	font-family: 'samsungSharpSansMedium';
+	letter-spacing: -0.015em;
+	color: #000;
+	text-align: left;
+}
+.related-stories-wrap .component-list li dd.desc {
+	font-family: 'samsungonelatin400';
+	letter-spacing: -0.015em;
+	color: #000;
+	text-align: left;
+}
+.related-stories-wrap .component-list li dd.date {
+	font-family: 'samsungonelatin400';
+	color: #666;
+	text-align: left;
+}
+.related-stories-wrap .component-list li dd.img {
+	position: absolute;
+	left: 0;
+	top: 0;
+	width: 100%;
+	padding-top: inherit;
+	overflow: hidden;
+}
+.related-stories-wrap .component-list li dd.img a {
+	display: block;
+	position: absolute;
+	width: 100%;
+	padding-top: inherit;
+	top: 0;
+}
+.related-stories-wrap .component-list li dd.img .item {
+	position: absolute;
+	left: 0;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	overflow: hidden;
+}
+.related-stories-wrap .component-list li dd.img .item figure.mod-covered-bg {
+	position: absolute;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	background-position: 50% 50%;
+	background-repeat: no-repeat;
+	background-size: contain;
+	margin: 0;
+}
+.related-stories-wrap .component-list li dd.img .canvas-box {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
+.related-stories-wrap .component-list .text-area .nocontent_msg {
+	margin-top: 150px;
+	text-align: center;
+}
+@media only screen and (max-width: 767.7px) {
+	.related-stories-wrap .component-list .text-area .nocontent_msg {
+		font-family: 'samsungonelatin400';
+		font-size: 3.2vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.related-stories-wrap .component-list .text-area .nocontent_msg {
+		font-family: 'samsungonelatin400';
+		font-size: 24px;
+		font-size: 1.875vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.related-stories-wrap .component-list .text-area .nocontent_msg {
+		font-family: 'samsungonelatin400';
+		font-size: 24px;
+	}
+}
+@media only screen and (min-width: 2561px) {
+	.related-stories-wrap .component-list .text-area .nocontent_msg {
+		font-family: 'samsungonelatin400';
+		font-size: 24px;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.related-stories-wrap .component-list .text-area .nocontent_msg strong {
+		font-family: 'samsungonelatin700';
+		font-size: 3.2vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.related-stories-wrap .component-list .text-area .nocontent_msg strong {
+		font-family: 'samsungonelatin700';
+		font-size: 24px;
+		font-size: 1.875vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.related-stories-wrap .component-list .text-area .nocontent_msg strong {
+		font-family: 'samsungonelatin700';
+		font-size: 24px;
+	}
+}
+@media only screen and (min-width: 2561px) {
+	.related-stories-wrap .component-list .text-area .nocontent_msg strong {
+		font-family: 'samsungonelatin700';
+		font-size: 24px;
+	}
+}
+.related-stories-wrap .component-list.motion li dt.title {
+	opacity: 0;
+	filter: alpha(opacity=0);
+}
+.related-stories-wrap .component-list.motion li dd.desc {
+	opacity: 0;
+	filter: alpha(opacity=0);
+	-webkit-transform: translateY(100%);
+	-moz-transform: translateY(100%);
+	-ms-transform: translateY(100%);
+	-o-transform: translateY(100%);
+	transform: translateY(100%);
+}
+.related-stories-wrap .component-list.motion li dd.date {
+	opacity: 0;
+	filter: alpha(opacity=0);
+	-webkit-transform: translateY(100%);
+	-moz-transform: translateY(100%);
+	-ms-transform: translateY(100%);
+	-o-transform: translateY(100%);
+	transform: translateY(100%);
+}
+.related-stories-wrap .component-list.motion li dd.img .item figure {
+	opacity: 0;
+	filter: alpha(opacity=0);
+	-webkit-transition: opacity 1s cubic-bezier(0, 0, 1, 1);
+	-webkit-transition-delay: 0s;
+	-moz-transition: opacity 1s cubic-bezier(0, 0, 1, 1);
+	-moz-transition-delay: 0s;
+	-ms-transition: opacity 1s cubic-bezier(0, 0, 1, 1);
+	-ms-transition-delay: 0s;
+	-o-transition: opacity 1s cubic-bezier(0, 0, 1, 1);
+	-o-transition-delay: 0s;
+	transition: opacity 1s cubic-bezier(0, 0, 1, 1);
+	transition-delay: 0s;
+	-webkit-transform: scale(1.2, 1.2);
+	-moz-transform: scale(1.2, 1.2);
+	-ms-transform: scale(1.2, 1.2);
+	-o-transform: scale(1.2, 1.2);
+	transform: scale(1.2, 1.2);
+	-webkit-transform-origin: 50% 100%;
+	-moz-transform-origin: 50% 100%;
+	-ms-transform-origin: 50% 100%;
+	-o-transform-origin: 50% 100%;
+	transform-origin: 50% 100%;
+}
+.related-stories-wrap .component-list.motion li dd.img .item figure.complete {
+	opacity: 1;
+	filter: alpha(opacity=100);
+}
+.related-stories-wrap .component-list.onTrans li dt.title {
+	-webkit-transition: opacity 0.5s cubic-bezier(0, 0, 1, 1);
+	-webkit-transition-delay: 0.5s;
+	-moz-transition: opacity 0.5s cubic-bezier(0, 0, 1, 1);
+	-moz-transition-delay: 0.5s;
+	-ms-transition: opacity 0.5s cubic-bezier(0, 0, 1, 1);
+	-ms-transition-delay: 0.5s;
+	-o-transition: opacity 0.5s cubic-bezier(0, 0, 1, 1);
+	-o-transition-delay: 0.5s;
+	transition: opacity 0.5s cubic-bezier(0, 0, 1, 1);
+	transition-delay: 0.5s;
+	opacity: 1;
+	filter: alpha(opacity=100);
+}
+.related-stories-wrap .component-list.onTrans li dd.desc {
+	-webkit-transition:
+		-webkit-transform 0.5s 0.5s cubic-bezier(0.215, 0.61, 0.355, 1),
+		opacity 0.5s 0.5s;
+	-moz-transition:
+		-moz-transform 0.5s 0.5s cubic-bezier(0.215, 0.61, 0.355, 1),
+		opacity 0.5s 0.5s;
+	-ms-transition:
+		-ms-transform 0.5s 0.5s cubic-bezier(0.215, 0.61, 0.355, 1),
+		opacity 0.5s 0.5s;
+	-o-transition:
+		-o-transform 0.5s 0.5s cubic-bezier(0.215, 0.61, 0.355, 1),
+		opacity 0.5s 0.5s;
+	transition:
+		transform 0.5s 0.5s cubic-bezier(0.215, 0.61, 0.355, 1),
+		opacity 0.5s 0.5s;
+	opacity: 1;
+	filter: alpha(opacity=100);
+	-webkit-transform: translateY(0%);
+	-moz-transform: translateY(0%);
+	-ms-transform: translateY(0%);
+	-o-transform: translateY(0%);
+	transform: translateY(0%);
+}
+.related-stories-wrap .component-list.onTrans li dd.date {
+	-webkit-transition:
+		-webkit-transform 0.4s 0.6s cubic-bezier(0.215, 0.61, 0.355, 1),
+		opacity 0.4s 0.6s;
+	-moz-transition:
+		-moz-transform 0.4s 0.6s cubic-bezier(0.215, 0.61, 0.355, 1),
+		opacity 0.4s 0.6s;
+	-ms-transition:
+		-ms-transform 0.4s 0.6s cubic-bezier(0.215, 0.61, 0.355, 1),
+		opacity 0.4s 0.6s;
+	-o-transition:
+		-o-transform 0.4s 0.6s cubic-bezier(0.215, 0.61, 0.355, 1),
+		opacity 0.4s 0.6s;
+	transition:
+		transform 0.4s 0.6s cubic-bezier(0.215, 0.61, 0.355, 1),
+		opacity 0.4s 0.6s;
+	opacity: 1;
+	filter: alpha(opacity=100);
+	-webkit-transform: translateY(0%);
+	-moz-transform: translateY(0%);
+	-ms-transform: translateY(0%);
+	-o-transform: translateY(0%);
+	transform: translateY(0%);
+}
+.related-stories-wrap .component-list.onTrans li dd.img a .item figure {
+	-webkit-transition:
+		-webkit-transform 1.4s 0s cubic-bezier(0.215, 0.61, 0.355, 1),
+		opacity 1.4s;
+	-moz-transition:
+		-moz-transform 1.4s 0s cubic-bezier(0.215, 0.61, 0.355, 1),
+		opacity 1.4s;
+	-ms-transition:
+		-ms-transform 1.4s 0s cubic-bezier(0.215, 0.61, 0.355, 1),
+		opacity 1.4s;
+	-o-transition:
+		-o-transform 1.4s 0s cubic-bezier(0.215, 0.61, 0.355, 1),
+		opacity 1.4s;
+	transition:
+		transform 1.4s 0s cubic-bezier(0.215, 0.61, 0.355, 1),
+		opacity 1.4s;
+	-webkit-transform: scale(1, 1);
+	-moz-transform: scale(1, 1);
+	-ms-transform: scale(1, 1);
+	-o-transform: scale(1, 1);
+	transform: scale(1, 1);
+	opacity: 1;
+	filter: alpha(opacity=100);
+}
+.related-stories-wrap .component-list.onTrans li dd.img a:hover .item figure {
+	-webkit-transform: scale(1.1, 1.1);
+	-moz-transform: scale(1.1, 1.1);
+	-ms-transform: scale(1.1, 1.1);
+	-o-transform: scale(1.1, 1.1);
+	transform: scale(1.1, 1.1);
+}
+.related-stories-wrap .component-list.version-kr li dt.title {
+	font-family: 'samsungSharpSansMedium', 'samsungonekorean600';
+}
+.related-stories-wrap .component-list.version-kr li dd.desc {
+	font-family: 'samsungonelatin400', 'samsungonekorean400';
+}
+@media only screen and (max-width: 767.7px) {
+	.related-stories-wrap .component-list.version-kr .text-area .nocontent_msg {
+		font-family: 'samsungonelatin400', 'samsungonekorean400';
+		font-size: 3.2vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.related-stories-wrap .component-list.version-kr .text-area .nocontent_msg {
+		font-family: 'samsungonelatin400', 'samsungonekorean400';
+		font-size: 24px;
+		font-size: 1.875vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.related-stories-wrap .component-list.version-kr .text-area .nocontent_msg {
+		font-family: 'samsungonelatin400', 'samsungonekorean400';
+		font-size: 24px;
+	}
+}
+@media only screen and (min-width: 2561px) {
+	.related-stories-wrap .component-list.version-kr .text-area .nocontent_msg {
+		font-family: 'samsungonelatin400', 'samsungonekorean400';
+		font-size: 24px;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.related-stories-wrap .component-list.version-kr .text-area .nocontent_msg strong {
+		font-family: 'samsungonelatin700', 'samsungonekorean700';
+		font-size: 3.2vw;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 1280px) {
+	.related-stories-wrap .component-list.version-kr .text-area .nocontent_msg strong {
+		font-family: 'samsungonelatin700', 'samsungonekorean700';
+		font-size: 24px;
+		font-size: 1.875vw;
+	}
+}
+@media only screen and (min-width: 1281px) {
+	.related-stories-wrap .component-list.version-kr .text-area .nocontent_msg strong {
+		font-family: 'samsungonelatin700', 'samsungonekorean700';
+		font-size: 24px;
+	}
+}
+@media only screen and (min-width: 2561px) {
+	.related-stories-wrap .component-list.version-kr .text-area .nocontent_msg strong {
+		font-family: 'samsungonelatin700', 'samsungonekorean700';
+		font-size: 24px;
+	}
+}
+@media only screen and (min-width: 768px) {
+	.related-stories-wrap .dline {
+		margin: 0 3.75%;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 767.7px) {
+	.related-stories-wrap .dline {
+		padding-top: 24vw;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1280px) {
+	.related-stories-wrap .dline {
+		padding-top: 180px;
+		padding-top: 14.0625vw;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 1281px) {
+	.related-stories-wrap .dline {
+		padding-top: 180px;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 767.7px) {
+	.related-stories-wrap .dline {
+		padding-bottom: 10.66667vw;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1280px) {
+	.related-stories-wrap .dline {
+		padding-bottom: 80px;
+		padding-bottom: 6.25vw;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 1281px) {
+	.related-stories-wrap .dline {
+		padding-bottom: 80px;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 767.7px) {
+	.related-stories-wrap .title h3 {
+		font-size: 3.2vw;
+		line-height: 1;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1280px) {
+	.related-stories-wrap .title h3 {
+		font-size: 24px;
+		font-size: 1.875vw;
+		line-height: 1;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 1281px) {
+	.related-stories-wrap .title h3 {
+		font-size: 24px;
+		line-height: 1;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 2561px) {
+	.related-stories-wrap .title h3 {
+		font-size: 24px;
+		line-height: 1;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 767.7px) {
+	.related-stories-wrap .component-list {
+		padding-top: 6.66667vw;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1280px) {
+	.related-stories-wrap .component-list {
+		padding-top: 50px;
+		padding-top: 3.90625vw;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 1281px) {
+	.related-stories-wrap .component-list {
+		padding-top: 50px;
+	}
+}
+@media only screen and (min-width: 768px) {
+	.related-stories-wrap .component-list li {
+		width: 30%;
+		margin: 0px 16px;
+		margin: 0% 0.625%;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 767.7px) {
+	.related-stories-wrap .component-list li {
+		padding-bottom: 10.66667vw;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1280px) {
+	.related-stories-wrap .component-list li {
+		padding-bottom: 80px;
+		padding-bottom: 6.25vw;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 1281px) {
+	.related-stories-wrap .component-list li {
+		padding-bottom: 80px;
+	}
+}
+@media only screen and (min-width: 768px) {
+	.related-stories-wrap .component-list li:nth-child(1) {
+		margin-left: 3.75%;
+	}
+	.related-stories-wrap .component-list li:nth-child(3) {
+		margin-right: 3.75%;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 767.7px) {
+	.related-stories-wrap .component-list li dt.title {
+		padding: 0vw 4.26667vw;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1280px) {
+	.related-stories-wrap .component-list li dt.title {
+		padding: 0px 32px;
+		padding: 0vw 1.25vw;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 1281px) and (max-width: 2560px) {
+	.related-stories-wrap .component-list li dt.title {
+		padding: 0px 32px;
+		padding: 0vw 1.25vw;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 2561px) {
+	.related-stories-wrap .component-list li dt.title {
+		padding: 0px 32px;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 767.7px) {
+	.related-stories-wrap .component-list li dt.title {
+		padding-top: 3.46667vw;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1280px) {
+	.related-stories-wrap .component-list li dt.title {
+		padding-top: 26px;
+		padding-top: 2.03125vw;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 1281px) {
+	.related-stories-wrap .component-list li dt.title {
+		padding-top: 26px;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 767.7px) {
+	.related-stories-wrap .component-list li dt.title {
+		font-size: 4vw;
+		line-height: 1.2;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1280px) {
+	.related-stories-wrap .component-list li dt.title {
+		font-size: 30px;
+		font-size: 2.34375vw;
+		line-height: 1.2;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 1281px) {
+	.related-stories-wrap .component-list li dt.title {
+		font-size: 30px;
+		line-height: 1.2;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 2561px) {
+	.related-stories-wrap .component-list li dt.title {
+		font-size: 30px;
+		line-height: 1.2;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 767.7px) {
+	.related-stories-wrap .component-list li dd.desc {
+		padding: 0vw 4.26667vw;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1280px) {
+	.related-stories-wrap .component-list li dd.desc {
+		padding: 0px 32px;
+		padding: 0vw 1.25vw;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 1281px) and (max-width: 2560px) {
+	.related-stories-wrap .component-list li dd.desc {
+		padding: 0px 32px;
+		padding: 0vw 1.25vw;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 2561px) {
+	.related-stories-wrap .component-list li dd.desc {
+		padding: 0px 32px;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 767.7px) {
+	.related-stories-wrap .component-list li dd.desc {
+		padding-top: 1.86667vw;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1280px) {
+	.related-stories-wrap .component-list li dd.desc {
+		padding-top: 14px;
+		padding-top: 1.09375vw;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 1281px) {
+	.related-stories-wrap .component-list li dd.desc {
+		padding-top: 14px;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 767.7px) {
+	.related-stories-wrap .component-list li dd.desc {
+		font-size: 2.4vw;
+		line-height: 1.22222;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1280px) {
+	.related-stories-wrap .component-list li dd.desc {
+		font-size: 18px;
+		font-size: 1.40625vw;
+		line-height: 1.22222;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 1281px) {
+	.related-stories-wrap .component-list li dd.desc {
+		font-size: 18px;
+		line-height: 1.22222;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 2561px) {
+	.related-stories-wrap .component-list li dd.desc {
+		font-size: 18px;
+		line-height: 1.22222;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 767.7px) {
+	.related-stories-wrap .component-list li dd.date {
+		padding: 0vw 4.26667vw;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1280px) {
+	.related-stories-wrap .component-list li dd.date {
+		padding: 0px 32px;
+		padding: 0vw 1.25vw;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 1281px) and (max-width: 2560px) {
+	.related-stories-wrap .component-list li dd.date {
+		padding: 0px 32px;
+		padding: 0vw 1.25vw;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 2561px) {
+	.related-stories-wrap .component-list li dd.date {
+		padding: 0px 32px;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 767.7px) {
+	.related-stories-wrap .component-list li dd.date {
+		padding-top: 2.4vw;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1280px) {
+	.related-stories-wrap .component-list li dd.date {
+		padding-top: 18px;
+		padding-top: 1.40625vw;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 1281px) {
+	.related-stories-wrap .component-list li dd.date {
+		padding-top: 18px;
+	}
+}
+@media only screen and (min-width: 768px) and (max-width: 767.7px) {
+	.related-stories-wrap .component-list li dd.date {
+		font-size: 1.6vw;
+		line-height: 1;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1280px) {
+	.related-stories-wrap .component-list li dd.date {
+		font-size: 12px;
+		font-size: 0.9375vw;
+		line-height: 1;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 1281px) {
+	.related-stories-wrap .component-list li dd.date {
+		font-size: 12px;
+		line-height: 1;
+	}
+}
+@media only screen and (min-width: 768px) and (min-width: 2561px) {
+	.related-stories-wrap .component-list li dd.date {
+		font-size: 12px;
+		line-height: 1;
+	}
+}
+@media only screen and (min-width: 2561px) {
+	.related-stories-wrap .component-list li dl {
+		padding-top: 432px;
+	}
+}
+@media only screen and (max-width: 767.7px) {
+	.related-stories-wrap .dline {
+		margin: 0 4%;
+		padding: 40vw 0vw 13.33333vw;
+	}
+	.related-stories-wrap .title h3 {
+		font-size: 5.6vw;
+	}
+	.related-stories-wrap .component-list {
+		padding-top: 8vw;
+	}
+	.related-stories-wrap .component-list li {
+		display: block;
+		width: 92%;
+		margin: 0 4%;
+		padding-bottom: 26.13333vw;
+	}
+	.related-stories-wrap .component-list li dt.title {
+		padding: 6.93333vw 4vw 0vw;
+		font-size: 7.46667vw;
+		line-height: 1.14286;
+	}
+	.related-stories-wrap .component-list li dd.desc {
+		padding: 2.66667vw 4vw 0vw;
+		font-size: 4.8vw;
+		line-height: 1.33333;
+	}
+	.related-stories-wrap .component-list li dd.date {
+		padding: 2.66667vw 4vw 0vw;
+		font-size: 3.73333vw;
+	}
+	.related-stories-wrap .component-list .text-area {
+		position: fixed;
+		top: 61px;
+		background-color: #fff;
+		width: 100%;
+		height: 100vh;
+	}
+	.related-stories-wrap .component-list .text-area .nocontent_msg {
+		width: 80%;
+		margin: 0 auto;
+		padding: 40% 0;
+		text-align: center;
+		font-family: 'samsungonelatin400', 'samsungonekorean400';
+		font-size: 4.26667vw;
+	}
+	.related-stories-wrap .component-list .text-area .nocontent_msg strong {
+		font-family: 'samsungonelatin700', 'samsungonekorean700';
+		font-size: 4.26667vw;
+	}
+}
+.header_wrap {
+	min-width: 1280px;
+}
+.footer_wrap {
+	min-width: 1280px;
+}
+.related-stories-wrap {
+	min-width: 1280px;
+}
diff --git a/snipplets/projects/PWA/index.html b/snipplets/projects/PWA/index.html
index 302ea8d..d980012 100644
--- a/snipplets/projects/PWA/index.html
+++ b/snipplets/projects/PWA/index.html
@@ -3,7 +3,7 @@
 	<head>
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<title>Example PWD</title>
+		<title>Example PWA</title>
 		<link rel="stylesheet" href="styles.css" />
 		<!-- PWA -->
 		<link rel="manifest" href="manifest.json" />
@@ -24,8 +24,8 @@
 			<nav>
 				<h1>Example PWA</h1>
 				<ul>
-					<li>Home</li>
-					<li>About</li>
+					<li><a href="#">Home</a></li>
+					<li><a href="#">About</a></li>
 				</ul>
 			</nav>
 			<div class="container"></div>
diff --git a/snipplets/projects/PWA/manifest.json b/snipplets/projects/PWA/manifest.json
index 74a350b..87587e7 100644
--- a/snipplets/projects/PWA/manifest.json
+++ b/snipplets/projects/PWA/manifest.json
@@ -3,8 +3,8 @@
 	"short_name": "Example PWA",
 	"start_url": "index.html",
 	"display": "standalone",
-	"background_color": "#fdfdfd",
-	"theme_color": "#db4938",
+	"background_color": "#444444",
+	"theme_color": "#d6585c",
 	"orientation": "portrait-primary",
 	"icons": [
 		{
diff --git a/snipplets/projects/PWA/serviceWorker.js b/snipplets/projects/PWA/serviceWorker.js
deleted file mode 100644
index f85ff1f..0000000
--- a/snipplets/projects/PWA/serviceWorker.js
+++ /dev/null
@@ -1,27 +0,0 @@
-const staticExamplePWA = 'example-pwa-site-v1';
-const assets = [
-  '/',
-  '/index.html',
-  '/styles.css',
-  '/app.js',
-  '/images/Bear.png',
-  '/images/DeusEx.png',
-  '/images/Face.png',
-  '/images/Tony_Stark.jpg',
-];
-
-self.addEventListener('install', (installEvent) => {
-  installEvent.waitUntil(
-    caches.open(staticExamplePWA).then((cache) => {
-      cache.addAll(assets);
-    }),
-  );
-});
-
-self.addEventListener('fetch', (fetchEvent) => {
-  fetchEvent.respondWith(
-    caches.match(fetchEvent.request).then((res) => {
-      return res || fetch(fetchEvent.request);
-    }),
-  );
-});
diff --git a/snipplets/projects/PWA/styles.css b/snipplets/projects/PWA/styles.css
index 556c272..1f6c3f1 100644
--- a/snipplets/projects/PWA/styles.css
+++ b/snipplets/projects/PWA/styles.css
@@ -1,12 +1,24 @@
+:root {
+	--main-color: #b5b5b5;
+	--second-color: #777777;
+	--accent-color: #d6585c;
+	--green-color: #6cd659;
+	--bg-color: #222222;
+	--item-color: #353035;
+	--border-color: #444;
+}
+
 * {
 	margin: 0;
 	padding: 0;
 	box-sizing: border-box;
 }
+
 body {
-	background: #fdfdfd;
-	font-family: sans-serif;
-	font-size: 1.2rem;
+	background: var(--bg-color);
+	color: var(--main-color);
+	font-family: 'Samsung Sans', 'Droid Sans', 'Ubuntu', sans-serif;
+	font-size: 1rem;
 }
 
 main {
@@ -20,6 +32,25 @@ nav {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
+	border-bottom: 1px solid var(--border-color);
+}
+
+nav a {
+	color: var(--main-color);
+	text-decoration: none;
+	display: block;
+	margin: 16px;
+	transition: color 0.2s;
+}
+
+nav a.active {
+	color: #fff;
+	background-color: rgba(214, 88, 92, 0.3);
+}
+
+nav a:hover {
+	color: #fff;
+	transition: color 0.2s;
 }
 
 ul {
@@ -27,11 +58,11 @@ ul {
 	display: flex;
 }
 
-li {
-	margin-right: 1rem;
+h1,
+.card--title {
+	color: var(--accent-color);
 }
 
-h1 {
-	color: #e74c3c;
-	margin-bottom: 0.5rem;
+.card {
+	margin: 1rem;
 }
diff --git a/snipplets/projects/PWA/sw.js b/snipplets/projects/PWA/sw.js
new file mode 100644
index 0000000..b12aac2
--- /dev/null
+++ b/snipplets/projects/PWA/sw.js
@@ -0,0 +1,60 @@
+'use strict';
+
+const name = 'example-pwa-site-v1';
+const assets = [
+  '/',
+  '/index.html',
+  '/styles.css',
+  '/app.js',
+  '/images/Bear.png',
+  '/images/DeusEx.png',
+  '/images/Face.png',
+  '/images/Tony_Stark.jpg',
+];
+
+// install  - https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerGlobalScope/install_event
+// activate - https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerGlobalScope/activate_event
+// message  - https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerGlobalScope/message_event
+// fetch    - https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerGlobalScope/fetch_event
+// sync     - https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerGlobalScope/sync_event
+// push     - https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerGlobalScope/push_event
+
+self.addEventListener('install', (event) => {
+  event.waitUntil(
+    caches.open(name).then((cache) => {
+      cache.addAll(assets);
+    }),
+  );
+});
+
+self.addEventListener('fetch', (event) => {
+  event.respondWith(
+    caches.match(event.request).then((res) => {
+      return res || fetch(event.request);
+    }),
+  );
+});
+
+const enableNavigationPreload = async () => {
+  if (self.registration.navigationPreload) {
+    await self.registration.navigationPreload.enable();
+  }
+};
+
+self.addEventListener('activate', (event) => {
+  event.waitUntil(enableNavigationPreload());
+});
+
+self.addEventListener('push', function (event) {
+  console.log('[Service Worker] Push Received.');
+  console.log(`[Service Worker] Push had this data: "${event.data.text()}"`);
+
+  const title = 'Push Codelab';
+  const options = {
+    body: 'Yay it works.',
+    icon: 'images/icon.png',
+    badge: 'images/badge.png',
+  };
+
+  event.waitUntil(self.registration.showNotification(title, options));
+});