diff --git a/assets/css/kia/event/event-nba-lunching-promotion.css b/assets/css/kia/event/event-nba-lunching-promotion.css new file mode 100644 index 0000000..3905b8c --- /dev/null +++ b/assets/css/kia/event/event-nba-lunching-promotion.css @@ -0,0 +1,144 @@ +@font-face { + font-family: 'kiabold'; + src: url('/kr/assets/font/kia/event/KiaSignatureFixOTFBold.otf') format('truetype'); +} +@font-face { + font-family: 'kiaregular'; + src: url('/kr/assets/font/kia/event/KiaSignatureFixOTFRegular.otf') format('truetype'); +} + +img { + max-width: 100%; +} + +.top{ + position: static; + top: 140px; + left: 300px; +} + +#video{ + display: block; + position: absolute; + top: 46.5%; + left: 29%; + width: 610px; + transform: translateX(-50%); + transition: top .2s ease; +} + +.video{ + width: 100%; + height: 100%; + aspect-ratio: 16/9; +} + +#head{ + text-align: center; + font-family: 'kiabold'; + font-size: 22pt; + margin-top: 0; + margin-bottom: 15px +} + +#code { + display: block; + position: relative; + margin-top: -30px; +} + +#inform { + display: block; + position: relative; + margin-top: -50px; +} + +@media only screen and (max-width: 1240px) { + #video { + top: 47.2%; + left: 31%; + } +} + +@media only screen and (max-width: 1215px) { + #video { + left: 67px; + transform: none; + } +} + +@media only screen and (max-width: 1024px) { + #video { + top: 47.1%; + } +} + +@media only screen and (max-width: 740px) { + #video { + top: 47%; + left: 7.5%; + width: 85%; + } +} + +@media only screen and (max-width: 640px) { + #code { + margin-top: -20px; + } +} + +@media only screen and (max-width: 600px) { + #video { + top: 47%; + left: 8.3%; + width:83%; + } +} + +@media only screen and (max-width: 580px) { + #video { + top: 46.5%; + } + #code { + margin-top: -15px; + } + #inform { + margin-top: -40px; + } +} + +@media only screen and (max-width: 520px) { + #video { + top: 46.7%; + left: 8.5%; + width:82%; + } + #inform { + margin-top: -30px; + } +} + +@media only screen and (max-width: 457px) { + #video { + top: 47%; + left: 8.5%; + width:82%; + } + #code { + margin-top: -10px; + } +} + +@media only screen and (max-width: 410px) { + #code { + margin-top: -5px; + } +} + +@media only screen and (max-width: 318px) { + #video { + top: 46.7%; + left: 10.4%; + width:80%; + } +} \ No newline at end of file diff --git a/assets/images/kia/event/event-nba-lunching-promotion/bottom2.jpg b/assets/images/kia/event/event-nba-lunching-promotion/bottom2.jpg new file mode 100644 index 0000000..e989476 Binary files /dev/null and b/assets/images/kia/event/event-nba-lunching-promotion/bottom2.jpg differ diff --git a/assets/images/kia/event/event-nba-lunching-promotion/bottom3.jpg b/assets/images/kia/event/event-nba-lunching-promotion/bottom3.jpg new file mode 100644 index 0000000..082bed4 Binary files /dev/null and b/assets/images/kia/event/event-nba-lunching-promotion/bottom3.jpg differ diff --git a/assets/images/kia/event/event-nba-lunching-promotion/top.jpg b/assets/images/kia/event/event-nba-lunching-promotion/top.jpg new file mode 100644 index 0000000..e4a907b Binary files /dev/null and b/assets/images/kia/event/event-nba-lunching-promotion/top.jpg differ diff --git a/service/event-nba-lunching-promotion.html b/service/event-nba-lunching-promotion.html new file mode 100644 index 0000000..6c64e8c --- /dev/null +++ b/service/event-nba-lunching-promotion.html @@ -0,0 +1,291 @@ + + + + 제품상세명 > 제품리스트 > 회사명 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
 
+ + +
+
+
+ +
+ + + + +
+
+
+ +
+ + + + +
+ + + +
+ +
+ + +
+ +
+ +
+ MV + 161어 1660 +
+
+ +
+ +
+
+ + + +
+ 개인정보 처리방침 + 이용약관 +
+ + +
+
+
+ +
+ + MV + 161어 1660 + +
+ + + + + +
+
+ + +
+ 로그인/가입 +
+ + +
+ +
+ + + + + +
+ + + + +
+
+
+
+ + +
+

이벤트

+
+ + +
+
+
+
+

+ + 종료 + 2023.06.19 ~ 2023.07.18 + +

+

카카오 플러스 친구 이벤트 당첨자 발표

+
+
+ + + +
+ +
+ +
+
+ + +
+ +
+ +
+ +
+ +
+
+
+
+ + + + + + diff --git a/service/event-nba-lunching-promotion2.html b/service/event-nba-lunching-promotion2.html new file mode 100644 index 0000000..ebf59d2 --- /dev/null +++ b/service/event-nba-lunching-promotion2.html @@ -0,0 +1,12 @@ + + + + + + Not responsive demo + + + + + + \ No newline at end of file