모바일

html/mobile/css/common.css

@@ -0,0 +1,2 @@
+@charset "utf-8";
+

html/mobile/css/font.css

@@ -0,0 +1,241 @@
+@charset "utf-8";
+
+/* 에스코어드림 */
+@font-face {
+	font-family: 'score';
+	font-style: normal;
+	font-weight: 100;
+	src:url('font/S-CoreDream-1Thin.eot');
+	src:url('font/S-CoreDream-1Thin.eot?#iefix') format('embedded-opentype'),
+	url('font/S-CoreDream-1Thin.woff') format('woff'),
+	url('font/S-CoreDream-1Thin.woff2') format('woff2'),
+	url('font/S-CoreDream-1Thin.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'score';
+	font-style: normal;
+	font-weight: 200;
+	src:url('font/S-CoreDream-2ExtraLight.eot');
+	src:url('font/S-CoreDream-2ExtraLight.eot?#iefix') format('embedded-opentype'),
+	url('font/S-CoreDream-2ExtraLight.woff') format('woff'),
+	url('font/S-CoreDream-2ExtraLight.woff2') format('woff2'),
+	url('font/S-CoreDream-2ExtraLight.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'score';
+	font-style: normal;
+	font-weight: 300;
+	src:url('font/S-CoreDream-3Light.eot');
+	src:url('font/S-CoreDream-3Light.eot?#iefix') format('embedded-opentype'),
+	url('font/S-CoreDream-3Light.woff') format('woff'),
+	url('font/S-CoreDream-3Light.woff2') format('woff2'),
+	url('font/S-CoreDream-3Light.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'score';
+	font-style: normal;
+	font-weight: 400;
+	src:url('font/S-CoreDream-4Regular.eot');
+	src:url('font/S-CoreDream-4Regular.eot?#iefix') format('embedded-opentype'),
+	url('font/S-CoreDream-4Regular.woff') format('woff'),
+	url('font/S-CoreDream-4Regular.woff2') format('woff2'),
+	url('font/S-CoreDream-4Regular.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'score';
+	font-style: normal;
+	font-weight: 500;
+	src:url('font/S-CoreDream-5Medium.eot');
+	src:url('font/S-CoreDream-5Medium.eot?#iefix') format('embedded-opentype'),
+	url('font/S-CoreDream-5Medium.woff') format('woff'),
+	url('font/S-CoreDream-5Medium.woff2') format('woff2'),
+	url('font/S-CoreDream-5Medium.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'score';
+	font-style: normal;
+	font-weight: 600;
+	src:url('font/S-CoreDream-6Bold.eot');
+	src:url('font/S-CoreDream-6Bold.eot?#iefix') format('embedded-opentype'),
+	url('font/S-CoreDream-6Bold.woff') format('woff'),
+	url('font/S-CoreDream-6Bold.woff2') format('woff2'),
+	url('font/S-CoreDream-6Bold.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'score';
+	font-style: normal;
+	font-weight: 700;
+	src:url('font/S-CoreDream-7ExtraBold.eot');
+	src:url('font/S-CoreDream-7ExtraBold.eot?#iefix') format('embedded-opentype'),
+	url('font/S-CoreDream-7ExtraBold.woff') format('woff'),
+	url('font/S-CoreDream-7ExtraBold.woff2') format('woff2'),
+	url('font/S-CoreDream-7ExtraBold.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'score';
+	font-style: normal;
+	font-weight: 800;
+	src:url('font/S-CoreDream-8Heavy.eot');
+	src:url('font/S-CoreDream-8Heavy.eot?#iefix') format('embedded-opentype'),
+	url('font/S-CoreDream-8Heavy.woff') format('woff'),
+	url('font/S-CoreDream-8Heavy.woff2') format('woff2'),
+	url('font/S-CoreDream-8Heavy.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'score';
+	font-style: normal;
+	font-weight: 900;
+	src:url('font/S-CoreDream-9Black.eot');
+	src:url('font/S-CoreDream-9Black.eot?#iefix') format('embedded-opentype'),
+	url('font/S-CoreDream-9Black.woff') format('woff'),
+	url('font/S-CoreDream-9Black.woff2') format('woff2'),
+	url('font/S-CoreDream-9Black.ttf') format('truetype');
+}
+/*Montserrat*/
+@font-face {
+  font-family:"Montserrat";
+  src:
+  url('../font/Montserrat-Thin.ttf') format('truetype'),
+  font-weight:100;
+  font-style:normal;
+}
+@font-face {
+  font-family:"Montserrat";
+  src:
+  url('../font/Montserrat-ThinItalic.ttf') format('truetype'),
+  font-weight:100;
+  font-style:italic;
+}
+@font-face {
+  font-family:"Montserrat";
+  src:
+  url('../font/Montserrat-Light.ttf') format('truetype'),
+  font-weight:200;
+  font-style:normal;
+}
+@font-face {
+  font-family:"Montserrat";
+  src:
+  url('../font/Montserrat-LightItalic.ttf') format('truetype'),
+  font-weight:200;
+  font-style:italic;
+}
+
+@font-face {
+  font-family:"Montserrat";
+  src:
+  url('../font/Montserrat-Medium.ttf') format('truetype'),
+  font-weight:300;
+  font-style:normal;
+}
+@font-face {
+  font-family:"Montserrat";
+  src:
+  url('../font/Montserrat-MediumItalic.ttf') format('truetype'),
+  font-weight:300;
+  font-style:italic;
+}
+@font-face {
+  font-family:"Montserrat";
+  src:
+  url('../font/Montserrat-SemiBold.ttf') format('truetype'),
+  font-weight:500;
+  font-style:normal;
+}
+@font-face {
+  font-family:"Montserrat";
+  src:
+  url('../font/Montserrat-SemiBold.ttf') format('truetype'),
+  font-weight:500;
+  font-style:italic;
+}
+@font-face {
+  font-family:"Montserrat";
+  src:
+  url('../font/Montserrat-Bold.ttf') format('truetype'),
+  font-weight:600;
+  font-style:normal;
+}
+@font-face {
+  font-family:"Montserrat";
+  src:
+  url('../font/Montserrat-BoldItalic.ttf') format('truetype'),
+  font-weight:600;
+  font-style:italic;
+}
+@font-face {
+  font-family:"Montserrat";
+  src:
+  url('../font/Montserrat-Black.ttf') format('truetype'),
+  font-weight:900;
+  font-style:normal;
+}
+@font-face {
+  font-family:"Montserrat";
+  src:
+  url('../font/Montserrat-BlackItalic.ttf') format('truetype'),
+  font-weight:900;
+  font-style:italic;
+}
+/*NotoSansKR*/
+@font-face {
+  font-family:"NotoSansKR";
+  src:
+  url('../font/NotoSansKR-Thin.otf') format('opentype'),
+  url('../font/NotoSansKR-Thin.woff') format('woff'),
+  url('../font/NotoSansKR-Thin.woff2') format('woff2');
+  font-weight:100;
+  font-style:normal;
+}
+@font-face {
+  font-family:"NotoSansKR";
+  src:
+  url('../font/NotoSansKR-Light.otf') format('opentype'),
+  url('../font/NotoSansKR-Light.woff') format('woff'),
+  url('../font/NotoSansKR-Light.woff2') format('woff2');
+  font-weight:300;
+  font-style:normal;
+}
+@font-face {
+  font-family:"NotoSansKR";
+  src:
+  url('../font/NotoSansKR-Regular.otf') format('opentype'),
+  url('../font/NotoSansKR-Regular.woff') format('woff'),
+  url('../font/NotoSansKR-Regular.woff2') format('woff2');
+  font-weight:400;
+  font-style:normal;
+}
+@font-face {
+  font-family:"NotoSansKR";
+  src:
+  url('../font/NotoSansKR-Medium.otf') format('opentype'),
+  url('../font/NotoSansKR-Medium.woff') format('woff'),
+  url('../font/NotoSansKR-Medium.woff2') format('woff2');
+  font-weight:500;
+  font-style:normal;
+}
+@font-face {
+  font-family:"NotoSansKR";
+  src:
+  url('../font/NotoSansKR-Bold.otf') format('opentype'),
+  url('../font/NotoSansKR-Bold.woff') format('woff'),
+  url('../font/NotoSansKR-Bold.woff2') format('woff2');
+  font-weight:900;
+  font-style:normal;
+}
+/*나눔스퀘어라운드*/
+@font-face {font-family:"NanumSquareRound", 맑은고딕, Arial,sans-serif, Dotum, 돋움, "Apple SD Gothic Neo", arial;}
+@font-face {
+    font-family: 'NanumSquareRound';
+    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}

html/mobile/css/reset.css

@@ -0,0 +1,243 @@
+@charset "utf-8";
+@import url("font.css");
+/* v2.0 | 20110126
+  http://meyerweb.com/eric/tools/css/reset/
+  License: none (public domain)
+*/
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font-family:"Montserrat","score", 맑은고딕, Arial,sans-serif, Dotum, 돋움, "Apple SD Gothic Neo", arial;
+	font-style: normal;
+	vertical-align: baseline;
+}
+select, input, textarea, button{
+  font-family:"Montserrat","score", 맑은고딕, Arial,sans-serif, Dotum, 돋움, "Apple SD Gothic Neo", arial;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1.4;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q{
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+*, :after, :before {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+/*margin*/
+.m-0{margin:0px !important;}
+.m-10{margin:10px !important;}
+.m-20{margin:20px !important;}
+.m-30{margin:30px !important;}
+.m-40{margin:40px !important;}
+.m-50{margin:50px !important;}
+.m-60{margin:60px !important;}
+.m-70{margin:70px !important;}
+.m-80{margin:80px !important;}
+.m-90{margin:90px !important;}
+.m-100{margin:100px !important;}
+
+.mt-0{margin-top:0px !important;}
+.mt-10{margin-top:10px !important;}
+.mt-20{margin-top:20px !important;}
+.mt-30{margin-top:30px !important;}
+.mt-40{margin-top:40px !important;}
+.mt-50{margin-top:50px !important;}
+.mt-60{margin-top:60px !important;}
+.mt-70{margin-top:70px !important;}
+.mt-80{margin-top:80px !important;}
+.mt-90{margin-top:90px !important;}
+.mt-100{margin-top:100px !important;}
+
+.mb-0{margin-bottom:0px !important;}
+.mb-10{margin-bottom:10px !important;}
+.mb-20{margin-bottom:20px !important;}
+.mb-30{margin-bottom:30px !important;}
+.mb-40{margin-bottom:40px !important;}
+.mb-50{margin-bottom:50px !important;}
+.mb-60{margin-bottom:60px !important;}
+.mb-70{margin-bottom:70px !important;}
+.mb-80{margin-bottom:80px !important;}
+.mb-90{margin-bottom:90px !important;}
+.mb-100{margin-bottom:100px !important;}
+
+.ml-0{margin-left:0px !important;}
+.ml-10{margin-left:10px !important;}
+.ml-20{margin-left:20px !important;}
+.ml-30{margin-left:30px !important;}
+.ml-40{margin-left:40px !important;}
+.ml-50{margin-left:50px !important;}
+.ml-60{margin-left:60px !important;}
+.ml-70{margin-left:70px !important;}
+.ml-80{margin-left:80px !important;}
+.ml-90{margin-left:90px !important;}
+.ml-100{margin-left:10px !important;}
+
+.mr-0{margin-right:0px !important;}
+.mr-10{margin-right:10px !important;}
+.mr-20{margin-right:20px !important;}
+.mr-30{margin-right:30px !important;}
+.mr-40{margin-right:40px !important;}
+.mr-50{margin-right:50px !important;}
+.mr-60{margin-right:60px !important;}
+.mr-70{margin-right:70px !important;}
+.mr-80{margin-right:80px !important;}
+.mr-90{margin-right:90px !important;}
+.mr-100{margin-right:100px !important;}
+
+/*padding*/
+.p-0{padding:0px !important;}
+.p-10{padding:10px!important;}
+.p-20{padding:20px!important;}
+.p-30{padding:30px!important;}
+.p-40{padding:40px!important;}
+.p-50{padding:50px!important;}
+.p-60{padding:60px!important;}
+.p-70{padding:70px!important;}
+.p-80{padding:80px!important;}
+.p-90{padding:90px!important;}
+.p-100{padding:100px!important;}
+
+.pt-0{padding-top:0px !important;}
+.pt-10{padding-top:10px !important;}
+.pt-20{padding-top:20px !important;}
+.pt-30{padding-top:30px !important;}
+.pt-40{padding-top:40px !important;}
+.pt-50{padding-top:50px !important;}
+.pt-60{padding-top:60px !important;}
+.pt-70{padding-top:70px !important;}
+.pt-80{padding-top:80px !important;}
+.pt-90{padding-top:90px !important;}
+.pt-100{padding-top:100px !important;}
+
+.pb-0{padding-bottom:0px !important;}
+.pb-10{padding-bottom:10px !important;}
+.pb-20{padding-bottom:20px !important;}
+.pb-30{padding-bottom:30px !important;}
+.pb-40{padding-bottom:40px !important;}
+.pb-50{padding-bottom:50px !important;}
+.pb-60{padding-bottom:60px !important;}
+.pb-70{padding-bottom:70px !important;}
+.pb-80{padding-bottom:80px !important;}
+.pb-90{padding-bottom:90px !important;}
+.pb-100{padding-bottom:100px !important;}
+
+.pl-0{padding-left:0px !important;}
+.pl-10{padding-left:10px !important;}
+.pl-20{padding-left:20px !important;}
+.pl-30{padding-left:30px !important;}
+.pl-40{padding-left:40px !important;}
+.pl-50{padding-left:50px !important;}
+.pl-60{padding-left:60px !important;}
+.pl-70{padding-left:70px !important;}
+.pl-80{padding-left:80px !important;}
+.pl-90{padding-left:90px !important;}
+.pl-100{padding-left:120px !important;}
+
+.pr-0{padding-right:0px !important;}
+.pr-10{padding-right:10px !important;}
+.pr-20{padding-right:20px !important;}
+.pr-30{padding-right:30px !important;}
+.pr-40{padding-right:40px !important;}
+.pr-50{padding-right:50px !important;}
+.pr-60{padding-right:60px !important;}
+.pr-70{padding-right:70px !important;}
+.pr-80{padding-right:80px !important;}
+.pr-90{padding-right:90px !important;}
+.pr-100{padding-right:100px !important;}
+
+
+[class*=width_] {float:left;}
+.width_100 {width:100% !important;}
+.width_90 {width:90% !important;}
+.width_80 {width:80% !important;}
+.width_70 {width:70% !important;}
+.width_60 {width:60% !important;}
+.width_50 {width:50% !important;}
+.width_40 {width:40% !important;}
+.width_30 {width:30% !important;}
+.width_20 {width:20% !important;}
+.width_10 {width:10% !important;}
+
+.width_2n {width:50% !important;}
+.width_3n {width:33.333333333% !important;}
+.width_4n {width:25% !important;}
+.width_5n {width:20% !important;}
+.width_6n {width:16.6666666666666666667% !important;}
+.width_7n {width:14.2857142857143% !important;}
+.width_8n {width:12.5% !important;}
+.width_9n {width:11.111111111111111111111% !important;}
+.width_10n {width:10% !important;}
+
+
+a{color:#000;text-decoration:none;cursor: pointer;}
+img{vertical-align:middle;}
+/* .container{width:1280px;height:100%;margin:0px auto;} */
+
+
+/* select {
+font-family: inherit;
+background: url('../img/icon/arrow_bk.png') no-repeat 90% 50%;
+-webkit-appearance: none;
+-moz-appearance: none;
+appearance: none;
+}
+select::-ms-expand {
+    display: none;
+} */
+
+.on{display:block!important;}
+
+/* .list-txt > li {position: relative;padding-left: 14px;}
+.list-txt > li:before {content: "- ";display: inline-block;position: absolute;top: 0;left: 0;} */
+
+input[type=text],input[type=password], textarea {
+-webkit-transition:all 0.30s ease-in-out;
+-moz-transition:all 0.30s ease-in-out;
+-ms-transition:all 0.30s ease-in-out;
+-o-transition:all 0.30s ease-in-out;
+outline:none;
+}
+
+input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
+-webkit-box-shadow:0 0 5px #9ed4ff;
+-moz-box-shadow:0 0 5px #9ed4ff;
+box-shadow:0 0 5px #9ed4ff;
+border:1px solid #2290c9 !important;
+}
+.checkbox input {padding: 0; height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;}
+.checkbox label {position: relative;cursor: pointer;}
+.checkbox label:before {content:'';-webkit-appearance: none;background-color: transparent;border: 2px solid #ccc;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);padding: 8px;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;margin-right:10px;margin-top: -3px;}
+.checkbox input:checked + label:after {content: '';display: block;position: absolute;top: 2px;left: 6px;width: 8px;height: 14px; border:1px solid #2290c9;border-width: 0 4px 4px 0;transform: rotate(45deg);}

html/mobile/css/swiper-bundle.css

@@ -0,0 +1,628 @@
+/**
+ * Swiper 8.1.4
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * https://swiperjs.com
+ *
+ * Copyright 2014-2022 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: April 24, 2022
+ */
+
+@font-face {
+  font-family: 'swiper-icons';
+  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
+  font-weight: 400;
+  font-style: normal;
+}
+:root {
+  --swiper-theme-color: #007aff;
+}
+.swiper {
+  margin-left: auto;
+  margin-right: auto;
+  position: relative;
+  overflow: hidden;
+  list-style: none;
+  padding: 0;
+  /* Fix of Webkit flickering */
+  z-index: 1;
+}
+.swiper-vertical > .swiper-wrapper {
+  flex-direction: column;
+}
+.swiper-wrapper {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  display: flex;
+  transition-property: transform;
+  box-sizing: content-box;
+}
+.swiper-android .swiper-slide,
+.swiper-wrapper {
+  transform: translate3d(0px, 0, 0);
+}
+.swiper-pointer-events {
+  touch-action: pan-y;
+}
+.swiper-pointer-events.swiper-vertical {
+  touch-action: pan-x;
+}
+.swiper-slide {
+  flex-shrink: 0;
+  width: 100%;
+  height: 100%;
+  position: relative;
+  transition-property: transform;
+}
+.swiper-slide-invisible-blank {
+  visibility: hidden;
+}
+/* Auto Height */
+.swiper-autoheight,
+.swiper-autoheight .swiper-slide {
+  height: auto;
+}
+.swiper-autoheight .swiper-wrapper {
+  align-items: flex-start;
+  transition-property: transform, height;
+}
+.swiper-backface-hidden .swiper-slide {
+  transform: translateZ(0);
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+}
+/* 3D Effects */
+.swiper-3d,
+.swiper-3d.swiper-css-mode .swiper-wrapper {
+  perspective: 1200px;
+}
+.swiper-3d .swiper-wrapper,
+.swiper-3d .swiper-slide,
+.swiper-3d .swiper-slide-shadow,
+.swiper-3d .swiper-slide-shadow-left,
+.swiper-3d .swiper-slide-shadow-right,
+.swiper-3d .swiper-slide-shadow-top,
+.swiper-3d .swiper-slide-shadow-bottom,
+.swiper-3d .swiper-cube-shadow {
+  transform-style: preserve-3d;
+}
+.swiper-3d .swiper-slide-shadow,
+.swiper-3d .swiper-slide-shadow-left,
+.swiper-3d .swiper-slide-shadow-right,
+.swiper-3d .swiper-slide-shadow-top,
+.swiper-3d .swiper-slide-shadow-bottom {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: 10;
+}
+.swiper-3d .swiper-slide-shadow {
+  background: rgba(0, 0, 0, 0.15);
+}
+.swiper-3d .swiper-slide-shadow-left {
+  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
+.swiper-3d .swiper-slide-shadow-right {
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
+.swiper-3d .swiper-slide-shadow-top {
+  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
+.swiper-3d .swiper-slide-shadow-bottom {
+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
+/* CSS Mode */
+.swiper-css-mode > .swiper-wrapper {
+  overflow: auto;
+  scrollbar-width: none;
+  /* For Firefox */
+  -ms-overflow-style: none;
+  /* For Internet Explorer and Edge */
+}
+.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
+  display: none;
+}
+.swiper-css-mode > .swiper-wrapper > .swiper-slide {
+  scroll-snap-align: start start;
+}
+.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
+  scroll-snap-type: x mandatory;
+}
+.swiper-vertical.swiper-css-mode > .swiper-wrapper {
+  scroll-snap-type: y mandatory;
+}
+.swiper-centered > .swiper-wrapper::before {
+  content: '';
+  flex-shrink: 0;
+  order: 9999;
+}
+.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
+  margin-inline-start: var(--swiper-centered-offset-before);
+}
+.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
+  height: 100%;
+  min-height: 1px;
+  width: var(--swiper-centered-offset-after);
+}
+.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
+  margin-block-start: var(--swiper-centered-offset-before);
+}
+.swiper-centered.swiper-vertical > .swiper-wrapper::before {
+  width: 100%;
+  min-width: 1px;
+  height: var(--swiper-centered-offset-after);
+}
+.swiper-centered > .swiper-wrapper > .swiper-slide {
+  scroll-snap-align: center center;
+}
+.swiper-virtual .swiper-slide {
+  -webkit-backface-visibility: hidden;
+  transform: translateZ(0);
+}
+.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 0;
+  pointer-events: none;
+}
+.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
+  height: 1px;
+  width: var(--swiper-virtual-size);
+}
+.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
+  width: 1px;
+  height: var(--swiper-virtual-size);
+}
+:root {
+  --swiper-navigation-size: 44px;
+  /*
+  --swiper-navigation-color: var(--swiper-theme-color);
+  */
+}
+.swiper-button-prev,
+.swiper-button-next {
+  position: absolute;
+  top: 50%;
+  width: calc(var(--swiper-navigation-size) / 44 * 27);
+  height: var(--swiper-navigation-size);
+  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
+  z-index: 10;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--swiper-navigation-color, var(--swiper-theme-color));
+}
+.swiper-button-prev.swiper-button-disabled,
+.swiper-button-next.swiper-button-disabled {
+  opacity: 0.35;
+  cursor: auto;
+  pointer-events: none;
+}
+.swiper-button-prev:after,
+.swiper-button-next:after {
+  font-family: swiper-icons;
+  font-size: var(--swiper-navigation-size);
+  text-transform: none !important;
+  letter-spacing: 0;
+  text-transform: none;
+  font-variant: initial;
+  line-height: 1;
+}
+.swiper-button-prev,
+.swiper-rtl .swiper-button-next {
+  left: 10px;
+  right: auto;
+}
+.swiper-button-prev:after,
+.swiper-rtl .swiper-button-next:after {
+  content: 'prev';
+}
+.swiper-button-next,
+.swiper-rtl .swiper-button-prev {
+  right: 10px;
+  left: auto;
+}
+.swiper-button-next:after,
+.swiper-rtl .swiper-button-prev:after {
+  content: 'next';
+}
+.swiper-button-lock {
+  display: none;
+}
+:root {
+  /*
+  --swiper-pagination-color: var(--swiper-theme-color);
+  --swiper-pagination-bullet-size: 8px;
+  --swiper-pagination-bullet-width: 8px;
+  --swiper-pagination-bullet-height: 8px;
+  --swiper-pagination-bullet-inactive-color: #000;
+  --swiper-pagination-bullet-inactive-opacity: 0.2;
+  --swiper-pagination-bullet-opacity: 1;
+  --swiper-pagination-bullet-horizontal-gap: 4px;
+  --swiper-pagination-bullet-vertical-gap: 6px;
+  */
+}
+.swiper-pagination {
+  position: absolute;
+  text-align: center;
+  transition: 300ms opacity;
+  transform: translate3d(0, 0, 0);
+  z-index: 10;
+}
+.swiper-pagination.swiper-pagination-hidden {
+  opacity: 0;
+}
+/* Common Styles */
+.swiper-pagination-fraction,
+.swiper-pagination-custom,
+.swiper-horizontal > .swiper-pagination-bullets,
+.swiper-pagination-bullets.swiper-pagination-horizontal {
+  bottom: 10px;
+  left: 0;
+  width: 100%;
+}
+/* Bullets */
+.swiper-pagination-bullets-dynamic {
+  overflow: hidden;
+  font-size: 0;
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  transform: scale(0.33);
+  position: relative;
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
+  transform: scale(1);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
+  transform: scale(1);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
+  transform: scale(0.66);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
+  transform: scale(0.33);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
+  transform: scale(0.66);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
+  transform: scale(0.33);
+}
+.swiper-pagination-bullet {
+  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
+  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
+  display: inline-block;
+  border-radius: 50%;
+  background: var(--swiper-pagination-bullet-inactive-color, #000);
+  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
+}
+button.swiper-pagination-bullet {
+  border: none;
+  margin: 0;
+  padding: 0;
+  box-shadow: none;
+  -webkit-appearance: none;
+          appearance: none;
+}
+.swiper-pagination-clickable .swiper-pagination-bullet {
+  cursor: pointer;
+}
+.swiper-pagination-bullet:only-child {
+  display: none !important;
+}
+.swiper-pagination-bullet-active {
+  opacity: var(--swiper-pagination-bullet-opacity, 1);
+  background: var(--swiper-pagination-color, var(--swiper-theme-color));
+}
+.swiper-vertical > .swiper-pagination-bullets,
+.swiper-pagination-vertical.swiper-pagination-bullets {
+  right: 10px;
+  top: 50%;
+  transform: translate3d(0px, -50%, 0);
+}
+.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
+.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
+  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
+  display: block;
+}
+.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
+.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+  top: 50%;
+  transform: translateY(-50%);
+  width: 8px;
+}
+.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
+.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  display: inline-block;
+  transition: 200ms transform, 200ms top;
+}
+.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
+.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
+  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
+}
+.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
+.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+  left: 50%;
+  transform: translateX(-50%);
+  white-space: nowrap;
+}
+.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
+.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  transition: 200ms transform, 200ms left;
+}
+.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  transition: 200ms transform, 200ms right;
+}
+/* Progress */
+.swiper-pagination-progressbar {
+  background: rgba(0, 0, 0, 0.25);
+  position: absolute;
+}
+.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+  background: var(--swiper-pagination-color, var(--swiper-theme-color));
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  transform: scale(0);
+  transform-origin: left top;
+}
+.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+  transform-origin: right top;
+}
+.swiper-horizontal > .swiper-pagination-progressbar,
+.swiper-pagination-progressbar.swiper-pagination-horizontal,
+.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
+.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
+  width: 100%;
+  height: 4px;
+  left: 0;
+  top: 0;
+}
+.swiper-vertical > .swiper-pagination-progressbar,
+.swiper-pagination-progressbar.swiper-pagination-vertical,
+.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
+.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
+  width: 4px;
+  height: 100%;
+  left: 0;
+  top: 0;
+}
+.swiper-pagination-lock {
+  display: none;
+}
+/* Scrollbar */
+.swiper-scrollbar {
+  border-radius: 10px;
+  position: relative;
+  -ms-touch-action: none;
+  background: rgba(0, 0, 0, 0.1);
+}
+.swiper-horizontal > .swiper-scrollbar {
+  position: absolute;
+  left: 1%;
+  bottom: 3px;
+  z-index: 50;
+  height: 5px;
+  width: 98%;
+}
+.swiper-vertical > .swiper-scrollbar {
+  position: absolute;
+  right: 3px;
+  top: 1%;
+  z-index: 50;
+  width: 5px;
+  height: 98%;
+}
+.swiper-scrollbar-drag {
+  height: 100%;
+  width: 100%;
+  position: relative;
+  background: rgba(0, 0, 0, 0.5);
+  border-radius: 10px;
+  left: 0;
+  top: 0;
+}
+.swiper-scrollbar-cursor-drag {
+  cursor: move;
+}
+.swiper-scrollbar-lock {
+  display: none;
+}
+.swiper-zoom-container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+}
+.swiper-zoom-container > img,
+.swiper-zoom-container > svg,
+.swiper-zoom-container > canvas {
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: contain;
+}
+.swiper-slide-zoomed {
+  cursor: move;
+}
+/* Preloader */
+:root {
+  /*
+  --swiper-preloader-color: var(--swiper-theme-color);
+  */
+}
+.swiper-lazy-preloader {
+  width: 42px;
+  height: 42px;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  margin-left: -21px;
+  margin-top: -21px;
+  z-index: 10;
+  transform-origin: 50%;
+  box-sizing: border-box;
+  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
+  border-radius: 50%;
+  border-top-color: transparent;
+}
+.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
+.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
+  animation: swiper-preloader-spin 1s infinite linear;
+}
+.swiper-lazy-preloader-white {
+  --swiper-preloader-color: #fff;
+}
+.swiper-lazy-preloader-black {
+  --swiper-preloader-color: #000;
+}
+@keyframes swiper-preloader-spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+/* a11y */
+.swiper .swiper-notification {
+  position: absolute;
+  left: 0;
+  top: 0;
+  pointer-events: none;
+  opacity: 0;
+  z-index: -1000;
+}
+.swiper-free-mode > .swiper-wrapper {
+  transition-timing-function: ease-out;
+  margin: 0 auto;
+}
+.swiper-grid > .swiper-wrapper {
+  flex-wrap: wrap;
+}
+.swiper-grid-column > .swiper-wrapper {
+  flex-wrap: wrap;
+  flex-direction: column;
+}
+.swiper-fade.swiper-free-mode .swiper-slide {
+  transition-timing-function: ease-out;
+}
+.swiper-fade .swiper-slide {
+  pointer-events: none;
+  transition-property: opacity;
+}
+.swiper-fade .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+.swiper-fade .swiper-slide-active,
+.swiper-fade .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-cube {
+  overflow: visible;
+}
+.swiper-cube .swiper-slide {
+  pointer-events: none;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+  z-index: 1;
+  visibility: hidden;
+  transform-origin: 0 0;
+  width: 100%;
+  height: 100%;
+}
+.swiper-cube .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+.swiper-cube.swiper-rtl .swiper-slide {
+  transform-origin: 100% 0;
+}
+.swiper-cube .swiper-slide-active,
+.swiper-cube .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-cube .swiper-slide-active,
+.swiper-cube .swiper-slide-next,
+.swiper-cube .swiper-slide-prev,
+.swiper-cube .swiper-slide-next + .swiper-slide {
+  pointer-events: auto;
+  visibility: visible;
+}
+.swiper-cube .swiper-slide-shadow-top,
+.swiper-cube .swiper-slide-shadow-bottom,
+.swiper-cube .swiper-slide-shadow-left,
+.swiper-cube .swiper-slide-shadow-right {
+  z-index: 0;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+}
+.swiper-cube .swiper-cube-shadow {
+  position: absolute;
+  left: 0;
+  bottom: 0px;
+  width: 100%;
+  height: 100%;
+  opacity: 0.6;
+  z-index: 0;
+}
+.swiper-cube .swiper-cube-shadow:before {
+  content: '';
+  background: #000;
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  filter: blur(50px);
+}
+.swiper-flip {
+  overflow: visible;
+}
+.swiper-flip .swiper-slide {
+  pointer-events: none;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+  z-index: 1;
+}
+.swiper-flip .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+.swiper-flip .swiper-slide-active,
+.swiper-flip .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-flip .swiper-slide-shadow-top,
+.swiper-flip .swiper-slide-shadow-bottom,
+.swiper-flip .swiper-slide-shadow-left,
+.swiper-flip .swiper-slide-shadow-right {
+  z-index: 0;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+}
+.swiper-creative .swiper-slide {
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+  overflow: hidden;
+  transition-property: transform, opacity, height;
+}
+.swiper-cards {
+  overflow: visible;
+}
+.swiper-cards .swiper-slide {
+  transform-origin: center bottom;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+  overflow: hidden;
+}

html/mobile/css/swiper.css

@@ -0,0 +1,531 @@
+/**
+ * Swiper 5.3.0
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * http://swiperjs.com
+ *
+ * Copyright 2014-2020 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: January 11, 2020
+ */
+
+@font-face {
+  font-family: 'swiper-icons';
+  src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
+  font-weight: 400;
+  font-style: normal;
+}
+:root {
+  --swiper-theme-color: #007aff;
+}
+.swiper-container {
+  margin-left: auto;
+  margin-right: auto;
+  position: relative;
+  overflow: hidden;
+  list-style: none;
+  padding: 0;
+  /* Fix of Webkit flickering */
+  z-index: 1;
+}
+.swiper-container-vertical > .swiper-wrapper {
+  flex-direction: column;
+}
+.swiper-wrapper {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  display: flex;
+  transition-property: transform;
+  box-sizing: content-box;
+}
+.swiper-container-android .swiper-slide,
+.swiper-wrapper {
+  transform: translate3d(0px, 0, 0);
+}
+.swiper-container-multirow > .swiper-wrapper {
+  flex-wrap: wrap;
+}
+.swiper-container-multirow-column > .swiper-wrapper {
+  flex-wrap: wrap;
+  flex-direction: column;
+}
+.swiper-container-free-mode > .swiper-wrapper {
+  transition-timing-function: ease-out;
+  margin: 0 auto;
+}
+.swiper-slide {
+  flex-shrink: 0;
+  width: 100%;
+  height: 100%;
+  position: relative;
+  transition-property: transform;
+}
+.swiper-slide-invisible-blank {
+  visibility: hidden;
+}
+/* Auto Height */
+.swiper-container-autoheight,
+.swiper-container-autoheight .swiper-slide {
+  height: auto;
+}
+.swiper-container-autoheight .swiper-wrapper {
+  align-items: flex-start;
+  transition-property: transform, height;
+}
+/* 3D Effects */
+.swiper-container-3d {
+  perspective: 1200px;
+}
+.swiper-container-3d .swiper-wrapper,
+.swiper-container-3d .swiper-slide,
+.swiper-container-3d .swiper-slide-shadow-left,
+.swiper-container-3d .swiper-slide-shadow-right,
+.swiper-container-3d .swiper-slide-shadow-top,
+.swiper-container-3d .swiper-slide-shadow-bottom,
+.swiper-container-3d .swiper-cube-shadow {
+  transform-style: preserve-3d;
+}
+.swiper-container-3d .swiper-slide-shadow-left,
+.swiper-container-3d .swiper-slide-shadow-right,
+.swiper-container-3d .swiper-slide-shadow-top,
+.swiper-container-3d .swiper-slide-shadow-bottom {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: 10;
+}
+.swiper-container-3d .swiper-slide-shadow-left {
+  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
+.swiper-container-3d .swiper-slide-shadow-right {
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
+.swiper-container-3d .swiper-slide-shadow-top {
+  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
+.swiper-container-3d .swiper-slide-shadow-bottom {
+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
+/* CSS Mode */
+.swiper-container-css-mode > .swiper-wrapper {
+  overflow: auto;
+  scrollbar-width: none;
+  /* For Firefox */
+  -ms-overflow-style: none;
+  /* For Internet Explorer and Edge */
+}
+.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
+  display: none;
+}
+.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
+  scroll-snap-align: start start;
+}
+.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
+  scroll-snap-type: x mandatory;
+}
+.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
+  scroll-snap-type: y mandatory;
+}
+:root {
+  --swiper-navigation-size: 44px;
+  /*
+  --swiper-navigation-color: var(--swiper-theme-color);
+  */
+}
+.swiper-button-prev,
+.swiper-button-next {
+  position: absolute;
+  top: 50%;
+  width: calc(var(--swiper-navigation-size) / 44 * 27);
+  height: var(--swiper-navigation-size);
+  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
+  z-index: 10;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--swiper-navigation-color, var(--swiper-theme-color));
+}
+.swiper-button-prev.swiper-button-disabled,
+.swiper-button-next.swiper-button-disabled {
+  opacity: 0.35;
+  cursor: auto;
+  pointer-events: none;
+}
+.swiper-button-prev:after,
+.swiper-button-next:after {
+  font-family: swiper-icons;
+  font-size: var(--swiper-navigation-size);
+  text-transform: none !important;
+  letter-spacing: 0;
+  text-transform: none;
+  font-variant: initial;
+}
+.swiper-button-prev,
+.swiper-container-rtl .swiper-button-next {
+  left: 10px;
+  right: auto;
+}
+.swiper-button-prev:after,
+.swiper-container-rtl .swiper-button-next:after {
+  content: 'prev';
+}
+.swiper-button-next,
+.swiper-container-rtl .swiper-button-prev {
+  right: 10px;
+  left: auto;
+}
+.swiper-button-next:after,
+.swiper-container-rtl .swiper-button-prev:after {
+  content: 'next';
+}
+.swiper-button-prev.swiper-button-white,
+.swiper-button-next.swiper-button-white {
+  --swiper-navigation-color: #ffffff;
+}
+.swiper-button-prev.swiper-button-black,
+.swiper-button-next.swiper-button-black {
+  --swiper-navigation-color: #000000;
+}
+.swiper-button-lock {
+  display: none;
+}
+:root {
+  /*
+  --swiper-pagination-color: var(--swiper-theme-color);
+  */
+}
+.swiper-pagination {
+  position: absolute;
+  text-align: center;
+  transition: 300ms opacity;
+  transform: translate3d(0, 0, 0);
+  z-index: 10;
+}
+.swiper-pagination.swiper-pagination-hidden {
+  opacity: 0;
+}
+/* Common Styles */
+.swiper-pagination-fraction,
+.swiper-pagination-custom,
+.swiper-container-horizontal > .swiper-pagination-bullets {
+  bottom: 10px;
+  left: 0;
+  width: 100%;
+}
+/* Bullets */
+.swiper-pagination-bullets-dynamic {
+  overflow: hidden;
+  font-size: 0;
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  transform: scale(0.33);
+  position: relative;
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
+  transform: scale(1);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
+  transform: scale(1);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
+  transform: scale(0.66);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
+  transform: scale(0.33);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
+  transform: scale(0.66);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
+  transform: scale(0.33);
+}
+.swiper-pagination-bullet {
+  width: 8px;
+  height: 8px;
+  display: inline-block;
+  border-radius: 100%;
+  background: #000;
+  opacity: 0.2;
+}
+button.swiper-pagination-bullet {
+  border: none;
+  margin: 0;
+  padding: 0;
+  box-shadow: none;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+.swiper-pagination-clickable .swiper-pagination-bullet {
+  cursor: pointer;
+}
+.swiper-pagination-bullet-active {
+  opacity: 1;
+  background: var(--swiper-pagination-color, var(--swiper-theme-color));
+}
+.swiper-container-vertical > .swiper-pagination-bullets {
+  right: 10px;
+  top: 50%;
+  transform: translate3d(0px, -50%, 0);
+}
+.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
+  margin: 6px 0;
+  display: block;
+}
+.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+  top: 50%;
+  transform: translateY(-50%);
+  width: 8px;
+}
+.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  display: inline-block;
+  transition: 200ms transform, 200ms top;
+}
+.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
+  margin: 0 4px;
+}
+.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+  left: 50%;
+  transform: translateX(-50%);
+  white-space: nowrap;
+}
+.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  transition: 200ms transform, 200ms left;
+}
+.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  transition: 200ms transform, 200ms right;
+}
+/* Progress */
+.swiper-pagination-progressbar {
+  background: rgba(0, 0, 0, 0.25);
+  position: absolute;
+}
+.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+  background: var(--swiper-pagination-color, var(--swiper-theme-color));
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  transform: scale(0);
+  transform-origin: left top;
+}
+.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+  transform-origin: right top;
+}
+.swiper-container-horizontal > .swiper-pagination-progressbar,
+.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
+  width: 100%;
+  height: 4px;
+  left: 0;
+  top: 0;
+}
+.swiper-container-vertical > .swiper-pagination-progressbar,
+.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
+  width: 4px;
+  height: 100%;
+  left: 0;
+  top: 0;
+}
+.swiper-pagination-white {
+  --swiper-pagination-color: #ffffff;
+}
+.swiper-pagination-black {
+  --swiper-pagination-color: #000000;
+}
+.swiper-pagination-lock {
+  display: none;
+}
+/* Scrollbar */
+.swiper-scrollbar {
+  border-radius: 10px;
+  position: relative;
+  -ms-touch-action: none;
+  background: rgba(0, 0, 0, 0.1);
+}
+.swiper-container-horizontal > .swiper-scrollbar {
+  position: absolute;
+  left: 1%;
+  bottom: 3px;
+  z-index: 50;
+  height: 5px;
+  width: 98%;
+}
+.swiper-container-vertical > .swiper-scrollbar {
+  position: absolute;
+  right: 3px;
+  top: 1%;
+  z-index: 50;
+  width: 5px;
+  height: 98%;
+}
+.swiper-scrollbar-drag {
+  height: 100%;
+  width: 100%;
+  position: relative;
+  background: rgba(0, 0, 0, 0.5);
+  border-radius: 10px;
+  left: 0;
+  top: 0;
+}
+.swiper-scrollbar-cursor-drag {
+  cursor: move;
+}
+.swiper-scrollbar-lock {
+  display: none;
+}
+.swiper-zoom-container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+}
+.swiper-zoom-container > img,
+.swiper-zoom-container > svg,
+.swiper-zoom-container > canvas {
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: contain;
+}
+.swiper-slide-zoomed {
+  cursor: move;
+}
+/* Preloader */
+:root {
+  /*
+  --swiper-preloader-color: var(--swiper-theme-color);
+  */
+}
+.swiper-lazy-preloader {
+  width: 42px;
+  height: 42px;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  margin-left: -21px;
+  margin-top: -21px;
+  z-index: 10;
+  transform-origin: 50%;
+  animation: swiper-preloader-spin 1s infinite linear;
+  box-sizing: border-box;
+  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
+  border-radius: 50%;
+  border-top-color: transparent;
+}
+.swiper-lazy-preloader-white {
+  --swiper-preloader-color: #fff;
+}
+.swiper-lazy-preloader-black {
+  --swiper-preloader-color: #000;
+}
+@keyframes swiper-preloader-spin {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+/* a11y */
+.swiper-container .swiper-notification {
+  position: absolute;
+  left: 0;
+  top: 0;
+  pointer-events: none;
+  opacity: 0;
+  z-index: -1000;
+}
+.swiper-container-fade.swiper-container-free-mode .swiper-slide {
+  transition-timing-function: ease-out;
+}
+.swiper-container-fade .swiper-slide {
+  pointer-events: none;
+  transition-property: opacity;
+}
+.swiper-container-fade .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+.swiper-container-fade .swiper-slide-active,
+.swiper-container-fade .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-container-cube {
+  overflow: visible;
+}
+.swiper-container-cube .swiper-slide {
+  pointer-events: none;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+  z-index: 1;
+  visibility: hidden;
+  transform-origin: 0 0;
+  width: 100%;
+  height: 100%;
+}
+.swiper-container-cube .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+.swiper-container-cube.swiper-container-rtl .swiper-slide {
+  transform-origin: 100% 0;
+}
+.swiper-container-cube .swiper-slide-active,
+.swiper-container-cube .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-container-cube .swiper-slide-active,
+.swiper-container-cube .swiper-slide-next,
+.swiper-container-cube .swiper-slide-prev,
+.swiper-container-cube .swiper-slide-next + .swiper-slide {
+  pointer-events: auto;
+  visibility: visible;
+}
+.swiper-container-cube .swiper-slide-shadow-top,
+.swiper-container-cube .swiper-slide-shadow-bottom,
+.swiper-container-cube .swiper-slide-shadow-left,
+.swiper-container-cube .swiper-slide-shadow-right {
+  z-index: 0;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+}
+.swiper-container-cube .swiper-cube-shadow {
+  position: absolute;
+  left: 0;
+  bottom: 0px;
+  width: 100%;
+  height: 100%;
+  background: #000;
+  opacity: 0.6;
+  -webkit-filter: blur(50px);
+  filter: blur(50px);
+  z-index: 0;
+}
+.swiper-container-flip {
+  overflow: visible;
+}
+.swiper-container-flip .swiper-slide {
+  pointer-events: none;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+  z-index: 1;
+}
+.swiper-container-flip .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+.swiper-container-flip .swiper-slide-active,
+.swiper-container-flip .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-container-flip .swiper-slide-shadow-top,
+.swiper-container-flip .swiper-slide-shadow-bottom,
+.swiper-container-flip .swiper-slide-shadow-left,
+.swiper-container-flip .swiper-slide-shadow-right {
+  z-index: 0;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+}

html/mobile/include/footer.html

@@ -0,0 +1,18 @@
+<div class="inner">
+  <div class="footer-box">
+    <div class="ft-logo">
+      <img src="images/pal_logo_wh.png">
+    </div>
+    <div class="ft-info">
+      <span class="no-line">(주) PALNETWORKS</span>
+      <span>대표. 최현식</span>
+      <span>인천광역시 서구 로봇랜드로 155-11로봇랜드 14층 1401~2호</span>
+      <span>사업자등록번호. 393-81-00110</span>
+      <br/>
+      <span class="no-line">TEL. 032-727-5908</span>
+      <span>FAX. 032-727-5909</span>
+      <span>E-mail. help@palnet.co.kr</span>
+      <span>Copyright © (주) PALNETWORKS. All rights reserved.</span>
+    </div>
+  </div> 
+</div>

html/mobile/include/header.html

@@ -0,0 +1,85 @@
+ <script>
+  //헤더 풀다운메뉴
+  $(document).ready(function () {
+    $('#hd').on('mouseenter', function () {       
+      $('#hd').css('background', 'rgba(0, 0, 0, 0.6)');
+      $('.gnb_2dul').stop().animate({ 'height': '220px' }, 250);
+      $('.gnb_1da').css('color', '#fff');     
+    //  $('.hd-sub .color_logo').css('display', 'none');
+    //  $('.hd-sub .wh_logo').css('display', 'block');
+    });
+
+    $('#hd').on('mouseleave', function () {
+    //  let anchor = window.location.hash.replace("#", '');   
+
+      $('#hd').css('background', 'rgba(0, 0, 0, 0)');
+      $('.gnb_2dul').stop().animate({ 'height': '-100px' }, 250);
+      $('.gnb_1da').css('color', '#fff');    
+    //  $('.hd-sub .color_logo').css('display', 'block');
+    //  $('.hd-sub .wh_logo').css('display', 'none');        
+      
+    });
+  });
+</script> 
+
+<div id="hd">
+  <h1 id="hd_h1">팔네트웍스</h1>
+
+  <div id="skip_to_container"><a href="#container">본문 바로가기</a></div>
+
+  <div id="hd_wrapper">
+
+    <div id="logo">
+      <a href="index.html">
+        <img src="images/pal_logo_wh.png" class="wh_logo">
+        <img src="images/pal_logo.png" class="color_logo">
+      </a>
+    </div>
+
+    <nav id="gnb">
+      <h2>메인메뉴</h2>
+      <div class="gnb_wrap">
+        <ul id="gnb_1dul">
+          <li class="gnb_1dli">
+            <a href="company.html" target="_self" class="gnb_1da">COMPANY</a>
+            <span class="bg">하위분류</span>
+            <ul class="gnb_2dul">
+              <li class="gnb_2dli"><a href="company.html" target="_self" class="gnb_2da">기업정보</a></li>
+              <li class="gnb_2dli"><a href="history.html" target="_self" class="gnb_2da">연혁</a></li>
+              <li class="gnb_2dli"><a href="partner.html" target="_self" class="gnb_2da">고객 및 협력사</a></li>
+              <li class="gnb_2dli"><a href="map.html" target="_self" class="gnb_2da">찾아오시는 길</a></li> 
+            </ul>
+          </li>
+          <li class="gnb_1dli">
+            <a href="business01.html" target="_self" class="gnb_1da">BUSINESS</a>
+            <span class="bg">하위분류</span>
+            <ul class="gnb_2dul">
+              <li class="gnb_2dli"><a href="business01.html" target="_self" class="gnb_2da">System Integration</a></li>
+              <li class="gnb_2dli"><a href="business02.html" target="_self" class="gnb_2da">R&D</a></li>
+              <!-- <li class="gnb_2dli"><a href="business03.html" target="_self" class="gnb_2da">구축사례</a></li> -->
+            </ul>
+          </li>
+          <li class="gnb_1dli">
+            <a href="solution01.html" target="_self" class="gnb_1da">SOLUTION</a>
+            <span class="bg">하위분류</span>
+            <ul class="gnb_2dul">
+              <li class="gnb_2dli"><a href="solution01.html" target="_self" class="gnb_2da">비행상황관리 시스템</a></li>
+              <li class="gnb_2dli"><a href="solution02.html" target="_self" class="gnb_2da">IBE(Internet Booking Engine)</a></li>
+              <li class="gnb_2dli"><a href="solution03.html" target="_self" class="gnb_2da">스마트 관광 예약 플랫폼</a></li>
+              <li class="gnb_2dli"><a href="solution04.html" target="_self" class="gnb_2da">KT G-cloud 인천총판</a></li>
+            </ul>
+          </li>
+          <li class="gnb_1dli">
+            <a href="message.html" target="_self" class="gnb_1da">CONTACT US</a>
+            <span class="bg">하위분류</span>
+            <ul class="gnb_2dul">
+              <li class="gnb_2dli"><a href="message.html" target="_self" class="gnb_2da">문의하기</a></li>
+              <li class="gnb_2dli"><a href="employ.html" target="_self" class="gnb_2da">채용정보</a></li>
+            </ul>
+          </li>
+        </ul>
+      </div>
+    </nav>
+
+  </div>
+</div>

html/mobile/index.html

@@ -0,0 +1,67 @@
+<!doctype html>
+<html lang="ko" xml:lang="ko">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="description" content="팔네트웍스, 소프트웨어 개발 등 응용소프트웨어 개발 및 공급업체">
+ <meta name="keywords" content="팔, 필네트웍스, 소프트웨어, 응용소프트웨어, 개발, IT, 항공솔루션, 솔루션개발, 솔루션구축, 네트워크, SI, 항공산업">
+ <meta property="og:description" content="팔네트웍스 - 항공산업의 기술혁신 선도를 통한 파트너">
+ <meta property="og:title" content="팔네트웍스">
+ <!-- <meta property="og:image" content=""> -->
+ <meta property="og:type" content="website">
+<!-- 파비콘 -->
+<link rel="shortcut icon" href="images/favicon.png"> 
+ <!-- css -->
+<link rel="stylesheet" href="mobile/css/reset.css">
+<link rel="stylesheet" href="mobile/css/common.css">
+<link rel="stylesheet" href="mobile/css/swiper.css">
+<link rel="stylesheet" href="mobile/css/swiper.min.css">
+<link rel="stylesheet" href="mobile/css/swiper-bundle.css">
+<link rel="stylesheet" href="mobile/css/xeicon.min.css">
+
+<!-- js -->
+<script src="mobile/js/jquery-3.6.0.min.js"></script>
+<script src="mobile/js/common.js"></script>
+<script src="mobile/js/swiper.js"></script>
+<script src="mobile/js/swiper.min.js"></script>
+<script src="mobile/js/swiper-bundle.js"></script>
+
+<title>PAL Networks</title>
+
+
+</head>
+<script type="text/javascript">   
+
+    $(document).ready(function() {
+    
+      $("#header").load("mobile/include/header.html");
+      $("#footer").load("mobile/include/footer.html");
+      
+    });
+  </script>
+<style>
+body,html{
+    overflow-y: hidden !important;
+    position: relative;
+}  
+</style>
+<body>
+<!--header-->
+<header id="header"></header>
+<!--//header-->
+
+<!--main-->
+<div id="container">
+ddd
+</div>
+<!--//main-->
+
+
+<!--footer-->
+
+<footer id="footer" class=""></footer>
+<!--//footer-->
+</body>
+
+</html>

html/mobile/js/common.js

@@ -0,0 +1,307 @@
+
+$(function(){
+  new WOW().init();
+  AOS.init();
+
+  //$('[data-aos]').each(function(){ $(this).addClass("aos-init"); });
+    new fullpage('#fullpage', {
+      licenseKey: '13F1F552-6ACE43B7-95262729-9E0B4778',
+      //options here
+      anchors:['home', 'works', 'mobility','skills', 'news'],
+      autoScrolling:true,
+      scrollHorizontally: true,
+      navigation:true,
+      navigationPosition:'right',
+      scrollBar: true,
+        afterLoad: function(origin, destination) {   
+          if(destination.index === 0) {
+            $('.topBtn').css('display','none');
+          }
+          
+          if(destination.anchor === 'skills' || destination.anchor === 'news') {
+            $('.gnb_1da').css('color', '#000');
+            $('.wh_logo').css('display', 'none');
+            $('.color_logo').css('display', 'block');
+            $('#hd').on('mouseenter', function () {
+              $('.wh_logo').css('display', 'block');
+              $('.color_logo').css('display', 'none');      
+            });
+            $('#hd').on('mouseleave', function () {
+              $('.wh_logo').css('display', 'none');
+              $('.color_logo').css('display', 'block');     
+              $('.gnb_1da').css('color', '#000');      
+            });
+          } else {
+            $('.gnb_1da').css('color', '#fff');
+          }
+        },
+        onLeave: function(origin, destination){
+          new WOW().init(); 
+          console.log(destination)
+          if(destination.anchor === 'skills' || destination.anchor === 'news') {
+            $('.gnb_1da').css('color', '#fff');
+          } else {
+            $('.gnb_1da').css('color', '#fff');
+            $('.wh_logo').css('display', 'block');
+            $('.color_logo').css('display', 'none');
+            $('#hd').on('mouseenter', function () {
+              $('.wh_logo').css('display', 'block');
+              $('.color_logo').css('display', 'none');      
+            });
+            $('#hd').on('mouseleave', function () {
+              $('.wh_logo').css('display', 'block');
+              $('.color_logo').css('display', 'none');     
+              $('.gnb_1da').css('color', '#fff');      
+            });
+          } 
+        },        
+    });
+  
+    //methods
+   $.fn.fullpage.setAllowScrolling(false);
+});
+
+
+$(function(){
+  new Swiper('.swiper-container');
+  const swiper = new Swiper('.swiper-container', {
+     //기본 셋팅 
+     //방향 셋팅 vertical 수직, horizontal 수평 설정이 없으면 수평
+     direction: 'horizontal', 
+     //한번에 보여지는 페이지 숫자
+     slidesPerView: 4,
+     //페이지와 페이지 사이의 간격 
+     spaceBetween: 100, 
+     //드레그 기능 true 사용가능 false 사용불가 
+     debugger: true, 
+     //마우스 휠기능 true 사용가능 false 사용불가 
+     mousewheel: false, 
+     //반복 기능 true 사용가능 false 사용불가 
+     loop: true, 
+     //선택된 슬라이드를 중심으로 true 사용가능 false 사용불가 
+     centeredSlides: true, 
+     // 페이지 전환효과 slidesPerView효과와 같이 사용 불가 
+     // effect: 'fade', 
+     //자동 스크를링 
+     autoplay: { 
+       //시간 1000 이 1초 
+       delay: 2500, 
+       disableOnInteraction: false, 
+      }, 
+      //페이징 
+      pagination: { 
+        //페이지 기능 
+        el: '.swiper-pagination', 
+        //클릭 가능여부 
+        clickable: true, 
+      }, 
+        //방향표 
+        navigation: { 
+        //다음페이지 설정 
+        nextEl: '.swiper-button-next', 
+        //이전페이지 설정 
+        prevEl: '.swiper-button-prev', 
+      }, 
+    });
+
+});
+
+
+$(function(){
+
+  "use strict";
+
+  var canvas = document.getElementById('canvas'),
+    ctx = canvas.getContext('2d'),
+    w = canvas.width = window.innerWidth,
+    h = canvas.height = window.innerHeight,
+      
+    hue = 217,
+    stars = [],
+    count = 0,
+    maxStars = 1000;
+  
+  // Thanks @jackrugile for the performance tip! https://codepen.io/jackrugile/pen/BjBGoM
+  // Cache gradient
+  var canvas2 = document.createElement('canvas'),
+      ctx2 = canvas2.getContext('2d');
+      canvas2.width = 100;
+      canvas2.height = 100;
+  var half = canvas2.width/2,
+      gradient2 = ctx2.createRadialGradient(half, half, 0, half, half, half);
+      gradient2.addColorStop(0.025, '#fff');
+      gradient2.addColorStop(0.1, 'hsl(' + hue + ', 61%, 33%)');
+      gradient2.addColorStop(0.25, 'hsl(' + hue + ', 64%, 6%)');
+      gradient2.addColorStop(1, 'transparent');
+  
+      ctx2.fillStyle = gradient2;
+      ctx2.beginPath();
+      ctx2.arc(half, half, half, 0, Math.PI * 2);
+      ctx2.fill();
+  
+  // End cache
+  
+  function random(min, max) {
+    if (arguments.length < 2) {
+      max = min;
+      min = 0;
+    }
+    
+    if (min > max) {
+      var hold = max;
+      max = min;
+      min = hold;
+    }
+  
+    return Math.floor(Math.random() * (max - min + 1)) + min;
+  }
+  
+  function maxOrbit(x,y) {
+    var max = Math.max(x,y),
+        diameter = Math.round(Math.sqrt(max*max + max*max));
+    return diameter/2;
+  }
+  
+  var Star = function() {
+  
+    this.orbitRadius = random(maxOrbit(w,h));
+    this.radius = random(60, this.orbitRadius) / 12;
+    this.orbitX = w / 2;
+    this.orbitY = h / 2;
+    this.timePassed = random(0, maxStars);
+    this.speed = random(this.orbitRadius) / 1000000;
+    this.alpha = random(2, 10) / 10;
+  
+    count++;
+    stars[count] = this;
+  }
+  
+  Star.prototype.draw = function() {
+    var x = Math.sin(this.timePassed) * this.orbitRadius + this.orbitX,
+        y = Math.cos(this.timePassed) * this.orbitRadius + this.orbitY,
+        twinkle = random(10);
+  
+    if (twinkle === 1 && this.alpha > 0) {
+      this.alpha -= 0.05;
+    } else if (twinkle === 2 && this.alpha < 1) {
+      this.alpha += 0.05;
+    }
+  
+    ctx.globalAlpha = this.alpha;
+      ctx.drawImage(canvas2, x - this.radius / 2, y - this.radius / 2, this.radius, this.radius);
+    this.timePassed += this.speed;
+  }
+  
+  for (var i = 0; i < maxStars; i++) {
+    new Star();
+  }
+  
+  function animation() {
+      ctx.globalCompositeOperation = 'source-over';
+      ctx.globalAlpha = 0.8;
+      ctx.fillStyle = 'hsla(' + hue + ', 64%, 6%, 1)';
+      ctx.fillRect(0, 0, w, h)
+    
+    ctx.globalCompositeOperation = 'lighter';
+    for (var i = 1, l = stars.length; i < l; i++) {
+      stars[i].draw();
+    };  
+    
+    window.requestAnimationFrame(animation);
+  }
+  
+  animation();
+
+
+});
+
+$(function() { 
+  $('.topBtn').css('display','none');
+  $(window).scroll(function() { if ($(this).scrollTop() > 300) { 
+    $('.topBtn').fadeIn();
+      } else { 
+        $('.topBtn').fadeOut(); 
+      } 
+  });
+	$('.topBtn').click(function(){
+		$('html, body').animate({scrollTop:0},300);
+	});
+});
+
+
+$(function(){
+  new Swiper('.swiper-container-history');
+  const swiper = new Swiper('.swiper-container-history', {
+     //기본 셋팅 
+     direction: 'horizontal', 
+     slidesPerView: 1, // 슬라이드를 한번에 3개를 보여준다
+     slidesPerGroup :1, // 그룹으로 묶을 수, slidesPerView 와 같은 값을 지정하는게 좋음
+     spaceBetween: 100, // 슬라이드간 padding 값 30px 씩 떨어뜨려줌
+     
+     // 그룹수가 맞지 않을 경우 빈칸으로 메우기
+     // 3개가 나와야 되는데 1개만 있다면 2개는 빈칸으로 채워서 3개를 만듬
+     loopFillGroupWithBlank : true,
+
+     loop: true,
+     autoplay: false,
+      //방향표 
+        navigation: { 
+        //다음페이지 설정 
+        nextEl: '.swiper-button-next', 
+        //이전페이지 설정 
+        prevEl: '.swiper-button-prev', 
+      }, 
+    });
+
+});
+
+$(function(){
+	$('ul.tabs li').click(function(){
+		var tab_id = $(this).attr('data-tab');
+
+		$('ul.tabs li').removeClass('current');
+		$('.tab-content').removeClass('current');
+
+		$(this).addClass('current');
+		$("#"+tab_id).addClass('current');
+    AOS.refresh();
+	})
+});
+
+$(function(){
+  new Swiper('.swiper-container-work');
+  const swiper = new Swiper('.swiper-container-work', {
+     //기본 셋팅 
+     //방향 셋팅 vertical 수직, horizontal 수평 설정이 없으면 수평
+     direction: 'horizontal', 
+     //한번에 보여지는 페이지 숫자
+     slidesPerView: 3,
+     //페이지와 페이지 사이의 간격 
+     spaceBetween: 10, 
+     //드레그 기능 true 사용가능 false 사용불가 
+     debugger: true, 
+     //마우스 휠기능 true 사용가능 false 사용불가 
+     mousewheel: false, 
+     //반복 기능 true 사용가능 false 사용불가 
+     loop: true, 
+     //선택된 슬라이드를 중심으로 true 사용가능 false 사용불가 
+     centeredSlides: true, 
+     // 페이지 전환효과 slidesPerView효과와 같이 사용 불가 
+     // effect: 'fade', 
+     //자동 스크를링 
+     speed : 1000, // 슬라이드 속도 2초
+     autoplay: { 
+       //시간 1000 이 1초 
+       delay: 3000, 
+       disableOnInteraction: false, 
+      },
+        //방향표 
+        navigation: { 
+        //다음페이지 설정 
+        nextEl: '.swiper-button-next', 
+        //이전페이지 설정 
+        prevEl: '.swiper-button-prev', 
+      }, 
+    });
+
+});