@font-face {
  font-family: 'kiaM';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/KiaSignatureRegular.woff2') format("woff2"), url('../fonts/KiaSignatureRegular.woff') format("woff");
  font-display: swap;
}

@font-face {
  font-family: 'kiaB';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/KiaSignatureBold.woff2') format("woff2"), url('../fonts/KiaSignatureBold.woff') format("woff");
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans Bold';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/NotoSans-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Noto Sans';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/NotoSans-Regular.ttf') format('truetype');
}

:root {
  --kiaR: 'kiaM', 'Noto Sans', sans-serif;
  --kiaB: 'kiaB', 'Noto Sans Bold', sans-serif;
  --pc: 768;
  --pc2: 1280px;
  --pc3: 1440px;
  --pc4: 1700px;
  --tb: 1024px;
  --tb2: 960px;
  --mo: 767px;
  --img_arrowL: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2IDRMOCAxMkwxNiAyMCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD48L3N2Zz4=");
  --img_arrowL_white: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2IDRMOCAxMkwxNiAyMCIgc3Ryb2tlPSIjMDUxNDFmIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPjwvc3ZnPg==");
  --deviceWidth: 1;
  --vw: 1px;
  --pcDeviceWidth: 1600;
  --pcVw: 100vw;
  --ratio: 1920;
  --max1600: clamp(1600px, calc(1600 / 1920 * 100vw), calc(1600 / 1920 * 100vw));
  --pc2: calc(2 / var(--pcDeviceWidth) * var(--pcVw));
  --pc3: calc(3 / var(--pcDeviceWidth) * var(--pcVw));
  --pc4: calc(4 / var(--pcDeviceWidth) * var(--pcVw));
  --pc5: calc(5 / var(--pcDeviceWidth) * var(--pcVw));
  --pc6: calc(6 / var(--pcDeviceWidth) * var(--pcVw));
  --pc8: calc(8 / var(--pcDeviceWidth) * var(--pcVw));
  --pc10: calc(10 / var(--pcDeviceWidth) * var(--pcVw));
  --pc12: calc(12 / var(--pcDeviceWidth) * var(--pcVw));
  --pc13: calc(13 / var(--pcDeviceWidth) * var(--pcVw));
  --pc14: calc(14 / var(--pcDeviceWidth) * var(--pcVw));
  --pc16: calc(16 / var(--pcDeviceWidth) * var(--pcVw));
  --pc15: calc(15 / var(--pcDeviceWidth) * var(--pcVw));
  --pc18: calc(18 / var(--pcDeviceWidth) * var(--pcVw));
  --pc20: calc(20 / var(--pcDeviceWidth) * var(--pcVw));
  --pc24: calc(24 / var(--pcDeviceWidth) * var(--pcVw));
  --pc28: calc(28 / var(--pcDeviceWidth) * var(--pcVw));
  --pc30: calc(30 / var(--pcDeviceWidth) * var(--pcVw));
  --pc32: calc(32 / var(--pcDeviceWidth) * var(--pcVw));
  --pc36: calc(36 / var(--pcDeviceWidth) * var(--pcVw));
  --pc40: calc(40 / var(--pcDeviceWidth) * var(--pcVw));
  --pc44: calc(44 / var(--pcDeviceWidth) * var(--pcVw));
  --pc48: calc(48 / var(--pcDeviceWidth) * var(--pcVw));
  --pc50: calc(50 / var(--pcDeviceWidth) * var(--pcVw));
  --pc52: calc(52 / var(--pcDeviceWidth) * var(--pcVw));
  --pc56: calc(56 / var(--pcDeviceWidth) * var(--pcVw));
  --pc60: calc(60 / var(--pcDeviceWidth) * var(--pcVw));
  --pc72: calc(72 / var(--pcDeviceWidth) * var(--pcVw));
  --pc80: calc(80 / var(--pcDeviceWidth) * var(--pcVw));
  --pc82: calc(82 / var(--pcDeviceWidth) * var(--pcVw));
  --pc90: calc(90 / var(--pcDeviceWidth) * var(--pcVw));
  --pc100: calc(100 / var(--pcDeviceWidth) * var(--pcVw));
  --pc115: calc(115 / var(--pcDeviceWidth) * var(--pcVw));
  --pc120: calc(120 / var(--pcDeviceWidth) * var(--pcVw));
  --pc140: calc(140 / var(--pcDeviceWidth) * var(--pcVw));
  --pc150: calc(150 / var(--pcDeviceWidth) * var(--pcVw));
  --pc160: calc(160 / var(--pcDeviceWidth) * var(--pcVw));
  --pc166: calc(166 / var(--pcDeviceWidth) * var(--pcVw));
  --pc170: calc(170 / var(--pcDeviceWidth) * var(--pcVw));
  --pc175: calc(175 / var(--pcDeviceWidth) * var(--pcVw));
  --pc180: calc(180 / var(--pcDeviceWidth) * var(--pcVw));
  --pc200: calc(200 / var(--pcDeviceWidth) * var(--pcVw));
  --pc220: calc(220 / var(--pcDeviceWidth) * var(--pcVw));
  --pc225: calc(225 / var(--pcDeviceWidth) * var(--pcVw));
  --pc226: calc(226 / var(--pcDeviceWidth) * var(--pcVw));
  --pc240: calc(240 / var(--pcDeviceWidth) * var(--pcVw));
  --pc250: calc(250 / var(--pcDeviceWidth) * var(--pcVw));
  --pc257: calc(257 / var(--pcDeviceWidth) * var(--pcVw));
  --pc260: calc(260 / var(--pcDeviceWidth) * var(--pcVw));
  --pc267: calc(267 / var(--pcDeviceWidth) * var(--pcVw));
  --pc293: calc(293 / var(--pcDeviceWidth) * var(--pcVw));
  --pc300: calc(300 / var(--pcDeviceWidth) * var(--pcVw));
  --pc320: calc(320 / var(--pcDeviceWidth) * var(--pcVw));
  --pc330: calc(330 / var(--pcDeviceWidth) * var(--pcVw));
  --pc374: calc(374 / var(--pcDeviceWidth) * var(--pcVw));
  --pc403: calc(403 / var(--pcDeviceWidth) * var(--pcVw));
  --pc420: calc(420 / var(--pcDeviceWidth) * var(--pcVw));
  --pc440: calc(440 / var(--pcDeviceWidth) * var(--pcVw));
  --pc464: calc(464 / var(--pcDeviceWidth) * var(--pcVw));
  --pc486: calc(486 / var(--pcDeviceWidth) * var(--pcVw));
  --pc480: calc(480 / var(--pcDeviceWidth) * var(--pcVw));
  --pc496: calc(496 / var(--pcDeviceWidth) * var(--pcVw));
  --pc520: calc(520 / var(--pcDeviceWidth) * var(--pcVw));
  --pc531: calc(531 / var(--pcDeviceWidth) * var(--pcVw));
  --pc532: calc(532 / var(--pcDeviceWidth) * var(--pcVw));
  --pc574: calc(574 / var(--pcDeviceWidth) * var(--pcVw));
  --pc586: calc(586 / var(--pcDeviceWidth) * var(--pcVw));
  --pc680: calc(680 / var(--pcDeviceWidth) * var(--pcVw));
  --pc690: calc(690 / var(--pcDeviceWidth) * var(--pcVw));
  --pc700: calc(700 / var(--pcDeviceWidth) * var(--pcVw));
  --pc708: calc(708 / var(--pcDeviceWidth) * var(--pcVw));
  --pc720: calc(720 / var(--pcDeviceWidth) * var(--pcVw));
  --pc800: calc(800 / var(--pcDeviceWidth) * var(--pcVw));
  --pc810: calc(810 / var(--pcDeviceWidth) * var(--pcVw));
  --pc920: calc(920 / var(--pcDeviceWidth) * var(--pcVw));
  --pc933: calc(933 / var(--pcDeviceWidth) * var(--pcVw));
  --moDeviceWidth: 360;
  --moVw: 100vw;
  --mo2: calc(2 / var(--moDeviceWidth) * var(--moVw));
  --mo3: calc(3 / var(--moDeviceWidth) * var(--moVw));
  --mo4: calc(4 / var(--moDeviceWidth) * var(--moVw));
  --mo5: calc(5 / var(--moDeviceWidth) * var(--moVw));
  --mo6: calc(6 / var(--moDeviceWidth) * var(--moVw));
  --mo8: calc(8 / var(--moDeviceWidth) * var(--moVw));
  --mo10: calc(10 / var(--moDeviceWidth) * var(--moVw));
  --mo12: calc(12 / var(--moDeviceWidth) * var(--moVw));
  --mo13: calc(13 / var(--moDeviceWidth) * var(--moVw));
  --mo14: calc(14 / var(--moDeviceWidth) * var(--moVw));
  --mo15: calc(15 / var(--moDeviceWidth) * var(--moVw));
  --mo16: calc(16 / var(--moDeviceWidth) * var(--moVw));
  --mo18: calc(18 / var(--moDeviceWidth) * var(--moVw));
  --mo20: calc(20 / var(--moDeviceWidth) * var(--moVw));
  --mo24: calc(24 / var(--moDeviceWidth) * var(--moVw));
  --mo28: calc(28 / var(--moDeviceWidth) * var(--moVw));
  --mo30: calc(30 / var(--moDeviceWidth) * var(--moVw));
  --mo32: calc(32 / var(--moDeviceWidth) * var(--moVw));
  --mo36: calc(36 / var(--moDeviceWidth) * var(--moVw));
  --mo40: calc(40 / var(--moDeviceWidth) * var(--moVw));
  --mo44: calc(44 / var(--moDeviceWidth) * var(--moVw));
  --mo48: calc(48 / var(--moDeviceWidth) * var(--moVw));
  --mo50: calc(50 / var(--moDeviceWidth) * var(--moVw));
  --mo52: calc(52 / var(--moDeviceWidth) * var(--moVw));
  --mo56: calc(56 / var(--moDeviceWidth) * var(--moVw));
  --mo60: calc(60 / var(--moDeviceWidth) * var(--moVw));
  --mo72: calc(72 / var(--moDeviceWidth) * var(--moVw));
  --mo80: calc(80 / var(--moDeviceWidth) * var(--moVw));
  --mo82: calc(82 / var(--moDeviceWidth) * var(--moVw));
  --mo90: calc(90 / var(--moDeviceWidth) * var(--moVw));
  --mo100: calc(100 / var(--moDeviceWidth) * var(--moVw));
  --mo115: calc(115 / var(--moDeviceWidth) * var(--moVw));
  --mo120: calc(120 / var(--moDeviceWidth) * var(--moVw));
  --mo140: calc(140 / var(--moDeviceWidth) * var(--moVw));
  --mo150: calc(150 / var(--moDeviceWidth) * var(--moVw));
  --mo160: calc(160 / var(--moDeviceWidth) * var(--moVw));
  --mo166: calc(166 / var(--moDeviceWidth) * var(--moVw));
  --mo170: calc(170 / var(--moDeviceWidth) * var(--moVw));
  --mo175: calc(175 / var(--moDeviceWidth) * var(--moVw));
  --mo180: calc(180 / var(--moDeviceWidth) * var(--moVw));
  --mo200: calc(200 / var(--moDeviceWidth) * var(--moVw));
  --mo220: calc(220 / var(--moDeviceWidth) * var(--moVw));
  --mo225: calc(225 / var(--moDeviceWidth) * var(--moVw));
  --mo226: calc(226 / var(--moDeviceWidth) * var(--moVw));
  --mo240: calc(240 / var(--moDeviceWidth) * var(--moVw));
  --mo250: calc(250 / var(--moDeviceWidth) * var(--moVw));
  --mo257: calc(257 / var(--moDeviceWidth) * var(--moVw));
  --mo260: calc(260 / var(--moDeviceWidth) * var(--moVw));
  --mo267: calc(267 / var(--moDeviceWidth) * var(--moVw));
  --mo293: calc(293 / var(--moDeviceWidth) * var(--moVw));
  --mo300: calc(300 / var(--moDeviceWidth) * var(--moVw));
  --mo320: calc(320 / var(--moDeviceWidth) * var(--moVw));
  --mo330: calc(330 / var(--moDeviceWidth) * var(--moVw));
  --mo374: calc(374 / var(--moDeviceWidth) * var(--moVw));
  --mo403: calc(403 / var(--moDeviceWidth) * var(--moVw));
  --mo420: calc(420 / var(--moDeviceWidth) * var(--moVw));
  --mo440: calc(440 / var(--moDeviceWidth) * var(--moVw));
  --mo464: calc(464 / var(--moDeviceWidth) * var(--moVw));
  --mo486: calc(486 / var(--moDeviceWidth) * var(--moVw));
  --mo480: calc(480 / var(--moDeviceWidth) * var(--moVw));
  --mo496: calc(496 / var(--moDeviceWidth) * var(--moVw));
  --mo520: calc(520 / var(--moDeviceWidth) * var(--moVw));
  --mo531: calc(531 / var(--moDeviceWidth) * var(--moVw));
  --mo532: calc(532 / var(--moDeviceWidth) * var(--moVw));
  --mo574: calc(574 / var(--moDeviceWidth) * var(--moVw));
  --mo586: calc(586 / var(--moDeviceWidth) * var(--moVw));
  --mo680: calc(680 / var(--moDeviceWidth) * var(--moVw));
  --mo690: calc(690 / var(--moDeviceWidth) * var(--moVw));
  --mo700: calc(700 / var(--moDeviceWidth) * var(--moVw));
  --mo708: calc(708 / var(--moDeviceWidth) * var(--moVw));
  --mo720: calc(720 / var(--moDeviceWidth) * var(--moVw));
  --mo800: calc(800 / var(--moDeviceWidth) * var(--moVw));
  --mo810: calc(810 / var(--moDeviceWidth) * var(--moVw));
  --mo920: calc(920 / var(--moDeviceWidth) * var(--moVw));
  --mo933: calc(933 / var(--moDeviceWidth) * var(--moVw));
  --pxDeviceWidth: 1920;
  --pxVw: 100vw;
  --px2: calc(2 / var(--pxDeviceWidth) * var(--pxVw));
  --px3: calc(3 / var(--pxDeviceWidth) * var(--pxVw));
  --px4: calc(4 / var(--pxDeviceWidth) * var(--pxVw));
  --px5: calc(5 / var(--pxDeviceWidth) * var(--pxVw));
  --px6: calc(6 / var(--pxDeviceWidth) * var(--pxVw));
  --px8: calc(8 / var(--pxDeviceWidth) * var(--pxVw));
  --px10: calc(10 / var(--pxDeviceWidth) * var(--pxVw));
  --px12: calc(12 / var(--pxDeviceWidth) * var(--pxVw));
  --px13: calc(13 / var(--pxDeviceWidth) * var(--pxVw));
  --px14: calc(14 / var(--pxDeviceWidth) * var(--pxVw));
  --px15: calc(15 / var(--pxDeviceWidth) * var(--pxVw));
  --px16: calc(16 / var(--pxDeviceWidth) * var(--pxVw));
  --px18: calc(18 / var(--pxDeviceWidth) * var(--pxVw));
  --px20: calc(20 / var(--pxDeviceWidth) * var(--pxVw));
  --px24: calc(24 / var(--pxDeviceWidth) * var(--pxVw));
  --px28: calc(28 / var(--pxDeviceWidth) * var(--pxVw));
  --px30: calc(30 / var(--pxDeviceWidth) * var(--pxVw));
  --px32: calc(32 / var(--pxDeviceWidth) * var(--pxVw));
  --px36: calc(36 / var(--pxDeviceWidth) * var(--pxVw));
  --px40: calc(40 / var(--pxDeviceWidth) * var(--pxVw));
  --px44: calc(44 / var(--pxDeviceWidth) * var(--pxVw));
  --px48: calc(48 / var(--pxDeviceWidth) * var(--pxVw));
  --px50: calc(50 / var(--pxDeviceWidth) * var(--pxVw));
  --px52: calc(52 / var(--pxDeviceWidth) * var(--pxVw));
  --px56: calc(56 / var(--pxDeviceWidth) * var(--pxVw));
  --px60: calc(60 / var(--pxDeviceWidth) * var(--pxVw));
  --px72: calc(72 / var(--pxDeviceWidth) * var(--pxVw));
  --px80: calc(80 / var(--pxDeviceWidth) * var(--pxVw));
  --px82: calc(82 / var(--pxDeviceWidth) * var(--pxVw));
  --px90: calc(90 / var(--pxDeviceWidth) * var(--pxVw));
  --px100: calc(100 / var(--pxDeviceWidth) * var(--pxVw));
  --px115: calc(115 / var(--pxDeviceWidth) * var(--pxVw));
  --px120: calc(120 / var(--pxDeviceWidth) * var(--pxVw));
  --px140: calc(140 / var(--pxDeviceWidth) * var(--pxVw));
  --px150: calc(150 / var(--pxDeviceWidth) * var(--pxVw));
  --px160: calc(160 / var(--pxDeviceWidth) * var(--pxVw));
  --px166: calc(166 / var(--pxDeviceWidth) * var(--pxVw));
  --px170: calc(170 / var(--pxDeviceWidth) * var(--pxVw));
  --px175: calc(175 / var(--pxDeviceWidth) * var(--pxVw));
  --px180: calc(180 / var(--pxDeviceWidth) * var(--pxVw));
  --px200: calc(200 / var(--pxDeviceWidth) * var(--pxVw));
  --px220: calc(220 / var(--pxDeviceWidth) * var(--pxVw));
  --px225: calc(225 / var(--pxDeviceWidth) * var(--pxVw));
  --px226: calc(226 / var(--pxDeviceWidth) * var(--pxVw));
  --px240: calc(240 / var(--pxDeviceWidth) * var(--pxVw));
  --px250: calc(250 / var(--pxDeviceWidth) * var(--pxVw));
  --px257: calc(257 / var(--pxDeviceWidth) * var(--pxVw));
  --px260: calc(260 / var(--pxDeviceWidth) * var(--pxVw));
  --px267: calc(267 / var(--pxDeviceWidth) * var(--pxVw));
  --px293: calc(293 / var(--pxDeviceWidth) * var(--pxVw));
  --px300: calc(300 / var(--pxDeviceWidth) * var(--pxVw));
  --px320: calc(320 / var(--pxDeviceWidth) * var(--pxVw));
  --px330: calc(330 / var(--pxDeviceWidth) * var(--pxVw));
  --px374: calc(374 / var(--pxDeviceWidth) * var(--pxVw));
  --px403: calc(403 / var(--pxDeviceWidth) * var(--pxVw));
  --px420: calc(420 / var(--pxDeviceWidth) * var(--pxVw));
  --px440: calc(440 / var(--pxDeviceWidth) * var(--pxVw));
  --px464: calc(464 / var(--pxDeviceWidth) * var(--pxVw));
  --px486: calc(486 / var(--pxDeviceWidth) * var(--pxVw));
  --px480: calc(480 / var(--pxDeviceWidth) * var(--pxVw));
  --px496: calc(496 / var(--pxDeviceWidth) * var(--pxVw));
  --px520: calc(520 / var(--pxDeviceWidth) * var(--pxVw));
  --px531: calc(531 / var(--pxDeviceWidth) * var(--pxVw));
  --px532: calc(532 / var(--pxDeviceWidth) * var(--pxVw));
  --px574: calc(574 / var(--pxDeviceWidth) * var(--pxVw));
  --px586: calc(586 / var(--pxDeviceWidth) * var(--pxVw));
  --px680: calc(680 / var(--pxDeviceWidth) * var(--pxVw));
  --px690: calc(690 / var(--pxDeviceWidth) * var(--pxVw));
  --px700: calc(700 / var(--pxDeviceWidth) * var(--pxVw));
  --px708: calc(708 / var(--pxDeviceWidth) * var(--pxVw));
  --px720: calc(720 / var(--pxDeviceWidth) * var(--pxVw));
  --px800: calc(800 / var(--pxDeviceWidth) * var(--pxVw));
  --px810: calc(810 / var(--pxDeviceWidth) * var(--pxVw));
  --px920: calc(920 / var(--pxDeviceWidth) * var(--pxVw));
  --px933: calc(933 / var(--pxDeviceWidth) * var(--pxVw));
  --pnDeviceWidth: 1920;
  --pnVw: 100vw;
  --pn2: calc(2 / var(--pnDeviceWidth) * var(--pnVw));
  --pn3: calc(3 / var(--pnDeviceWidth) * var(--pnVw));
  --pn4: calc(4 / var(--pnDeviceWidth) * var(--pnVw));
  --pn5: calc(5 / var(--pnDeviceWidth) * var(--pnVw));
  --pn6: calc(6 / var(--pnDeviceWidth) * var(--pnVw));
  --pn8: calc(8 / var(--pnDeviceWidth) * var(--pnVw));
  --pn10: calc(10 / var(--pnDeviceWidth) * var(--pnVw));
  --pn12: calc(12 / var(--pnDeviceWidth) * var(--pnVw));
  --pn13: calc(13 / var(--pnDeviceWidth) * var(--pnVw));
  --pn14: calc(14 / var(--pnDeviceWidth) * var(--pnVw));
  --pn15: calc(15 / var(--pnDeviceWidth) * var(--pnVw));
  --pn16: calc(16 / var(--pnDeviceWidth) * var(--pnVw));
  --pn18: calc(18 / var(--pnDeviceWidth) * var(--pnVw));
  --pn20: calc(20 / var(--pnDeviceWidth) * var(--pnVw));
  --pn24: calc(24 / var(--pnDeviceWidth) * var(--pnVw));
  --pn28: calc(28 / var(--pnDeviceWidth) * var(--pnVw));
  --pn30: calc(30 / var(--pnDeviceWidth) * var(--pnVw));
  --pn32: calc(32 / var(--pnDeviceWidth) * var(--pnVw));
  --pn36: calc(36 / var(--pnDeviceWidth) * var(--pnVw));
  --pn40: calc(40 / var(--pnDeviceWidth) * var(--pnVw));
  --pn44: calc(44 / var(--pnDeviceWidth) * var(--pnVw));
  --pn48: calc(48 / var(--pnDeviceWidth) * var(--pnVw));
  --pn50: calc(50 / var(--pnDeviceWidth) * var(--pnVw));
  --pn52: calc(52 / var(--pnDeviceWidth) * var(--pnVw));
  --pn56: calc(56 / var(--pnDeviceWidth) * var(--pnVw));
  --pn60: calc(60 / var(--pnDeviceWidth) * var(--pnVw));
  --pn72: calc(72 / var(--pnDeviceWidth) * var(--pnVw));
  --pn80: calc(80 / var(--pnDeviceWidth) * var(--pnVw));
  --pn82: calc(82 / var(--pnDeviceWidth) * var(--pnVw));
  --pn90: calc(90 / var(--pnDeviceWidth) * var(--pnVw));
  --pn100: calc(100 / var(--pnDeviceWidth) * var(--pnVw));
  --pn115: calc(115 / var(--pnDeviceWidth) * var(--pnVw));
  --pn120: calc(120 / var(--pnDeviceWidth) * var(--pnVw));
  --pn140: calc(140 / var(--pnDeviceWidth) * var(--pnVw));
  --pn150: calc(150 / var(--pnDeviceWidth) * var(--pnVw));
  --pn160: calc(160 / var(--pnDeviceWidth) * var(--pnVw));
  --pn166: calc(166 / var(--pnDeviceWidth) * var(--pnVw));
  --pn170: calc(170 / var(--pnDeviceWidth) * var(--pnVw));
  --pn175: calc(175 / var(--pnDeviceWidth) * var(--pnVw));
  --pn180: calc(180 / var(--pnDeviceWidth) * var(--pnVw));
  --pn200: calc(200 / var(--pnDeviceWidth) * var(--pnVw));
  --pn220: calc(220 / var(--pnDeviceWidth) * var(--pnVw));
  --pn225: calc(225 / var(--pnDeviceWidth) * var(--pnVw));
  --pn226: calc(226 / var(--pnDeviceWidth) * var(--pnVw));
  --pn240: calc(240 / var(--pnDeviceWidth) * var(--pnVw));
  --pn250: calc(250 / var(--pnDeviceWidth) * var(--pnVw));
  --pn257: calc(257 / var(--pnDeviceWidth) * var(--pnVw));
  --pn260: calc(260 / var(--pnDeviceWidth) * var(--pnVw));
  --pn267: calc(267 / var(--pnDeviceWidth) * var(--pnVw));
  --pn293: calc(293 / var(--pnDeviceWidth) * var(--pnVw));
  --pn300: calc(300 / var(--pnDeviceWidth) * var(--pnVw));
  --pn320: calc(320 / var(--pnDeviceWidth) * var(--pnVw));
  --pn330: calc(330 / var(--pnDeviceWidth) * var(--pnVw));
  --pn374: calc(374 / var(--pnDeviceWidth) * var(--pnVw));
  --pn403: calc(403 / var(--pnDeviceWidth) * var(--pnVw));
  --pn420: calc(420 / var(--pnDeviceWidth) * var(--pnVw));
  --pn440: calc(440 / var(--pnDeviceWidth) * var(--pnVw));
  --pn464: calc(464 / var(--pnDeviceWidth) * var(--pnVw));
  --pn486: calc(486 / var(--pnDeviceWidth) * var(--pnVw));
  --pn480: calc(480 / var(--pnDeviceWidth) * var(--pnVw));
  --pn496: calc(496 / var(--pnDeviceWidth) * var(--pnVw));
  --pn520: calc(520 / var(--pnDeviceWidth) * var(--pnVw));
  --pn531: calc(531 / var(--pnDeviceWidth) * var(--pnVw));
  --pn532: calc(532 / var(--pnDeviceWidth) * var(--pnVw));
  --pn574: calc(574 / var(--pnDeviceWidth) * var(--pnVw));
  --pn586: calc(586 / var(--pnDeviceWidth) * var(--pnVw));
  --pn680: calc(680 / var(--pnDeviceWidth) * var(--pnVw));
  --pn690: calc(690 / var(--pnDeviceWidth) * var(--pnVw));
  --pn700: calc(700 / var(--pnDeviceWidth) * var(--pnVw));
  --pn708: calc(708 / var(--pnDeviceWidth) * var(--pnVw));
  --pn720: calc(720 / var(--pnDeviceWidth) * var(--pnVw));
  --pn800: calc(800 / var(--pnDeviceWidth) * var(--pnVw));
  --pn810: calc(810 / var(--pnDeviceWidth) * var(--pnVw));
  --pn920: calc(920 / var(--pnDeviceWidth) * var(--pnVw));
  --pn933: calc(933 / var(--pnDeviceWidth) * var(--pnVw));
  --mxDeviceWidth: 360;
  --mxVw: 100vw;
  --mx2: calc(2 / var(--mxDeviceWidth) * var(--mxVw));
  --mx3: calc(3 / var(--mxDeviceWidth) * var(--mxVw));
  --mx4: calc(4 / var(--mxDeviceWidth) * var(--mxVw));
  --mx5: calc(5 / var(--mxDeviceWidth) * var(--mxVw));
  --mx6: calc(6 / var(--mxDeviceWidth) * var(--mxVw));
  --mx8: calc(8 / var(--mxDeviceWidth) * var(--mxVw));
  --mx10: calc(10 / var(--mxDeviceWidth) * var(--mxVw));
  --mx12: calc(12 / var(--mxDeviceWidth) * var(--mxVw));
  --mx13: calc(13 / var(--mxDeviceWidth) * var(--mxVw));
  --mx14: calc(14 / var(--mxDeviceWidth) * var(--mxVw));
  --mx15: calc(15 / var(--mxDeviceWidth) * var(--mxVw));
  --mx16: calc(16 / var(--mxDeviceWidth) * var(--mxVw));
  --mx18: calc(18 / var(--mxDeviceWidth) * var(--mxVw));
  --mx20: calc(20 / var(--mxDeviceWidth) * var(--mxVw));
  --mx24: calc(24 / var(--mxDeviceWidth) * var(--mxVw));
  --mx28: calc(28 / var(--mxDeviceWidth) * var(--mxVw));
  --mx30: calc(30 / var(--mxDeviceWidth) * var(--mxVw));
  --mx32: calc(32 / var(--mxDeviceWidth) * var(--mxVw));
  --mx36: calc(36 / var(--mxDeviceWidth) * var(--mxVw));
  --mx40: calc(40 / var(--mxDeviceWidth) * var(--mxVw));
  --mx44: calc(44 / var(--mxDeviceWidth) * var(--mxVw));
  --mx48: calc(48 / var(--mxDeviceWidth) * var(--mxVw));
  --mx50: calc(50 / var(--mxDeviceWidth) * var(--mxVw));
  --mx52: calc(52 / var(--mxDeviceWidth) * var(--mxVw));
  --mx56: calc(56 / var(--mxDeviceWidth) * var(--mxVw));
  --mx60: calc(60 / var(--mxDeviceWidth) * var(--mxVw));
  --mx72: calc(72 / var(--mxDeviceWidth) * var(--mxVw));
  --mx80: calc(80 / var(--mxDeviceWidth) * var(--mxVw));
  --mx82: calc(82 / var(--mxDeviceWidth) * var(--mxVw));
  --mx90: calc(90 / var(--mxDeviceWidth) * var(--mxVw));
  --mx100: calc(100 / var(--mxDeviceWidth) * var(--mxVw));
  --mx115: calc(115 / var(--mxDeviceWidth) * var(--mxVw));
  --mx120: calc(120 / var(--mxDeviceWidth) * var(--mxVw));
  --mx140: calc(140 / var(--mxDeviceWidth) * var(--mxVw));
  --mx150: calc(150 / var(--mxDeviceWidth) * var(--mxVw));
  --mx160: calc(160 / var(--mxDeviceWidth) * var(--mxVw));
  --mx166: calc(166 / var(--mxDeviceWidth) * var(--mxVw));
  --mx170: calc(170 / var(--mxDeviceWidth) * var(--mxVw));
  --mx175: calc(175 / var(--mxDeviceWidth) * var(--mxVw));
  --mx180: calc(180 / var(--mxDeviceWidth) * var(--mxVw));
  --mx200: calc(200 / var(--mxDeviceWidth) * var(--mxVw));
  --mx220: calc(220 / var(--mxDeviceWidth) * var(--mxVw));
  --mx225: calc(225 / var(--mxDeviceWidth) * var(--mxVw));
  --mx226: calc(226 / var(--mxDeviceWidth) * var(--mxVw));
  --mx240: calc(240 / var(--mxDeviceWidth) * var(--mxVw));
  --mx250: calc(250 / var(--mxDeviceWidth) * var(--mxVw));
  --mx257: calc(257 / var(--mxDeviceWidth) * var(--mxVw));
  --mx260: calc(260 / var(--mxDeviceWidth) * var(--mxVw));
  --mx267: calc(267 / var(--mxDeviceWidth) * var(--mxVw));
  --mx293: calc(293 / var(--mxDeviceWidth) * var(--mxVw));
  --mx300: calc(300 / var(--mxDeviceWidth) * var(--mxVw));
  --mx320: calc(320 / var(--mxDeviceWidth) * var(--mxVw));
  --mx330: calc(330 / var(--mxDeviceWidth) * var(--mxVw));
  --mx374: calc(374 / var(--mxDeviceWidth) * var(--mxVw));
  --mx403: calc(403 / var(--mxDeviceWidth) * var(--mxVw));
  --mx420: calc(420 / var(--mxDeviceWidth) * var(--mxVw));
  --mx440: calc(440 / var(--mxDeviceWidth) * var(--mxVw));
  --mx464: calc(464 / var(--mxDeviceWidth) * var(--mxVw));
  --mx486: calc(486 / var(--mxDeviceWidth) * var(--mxVw));
  --mx480: calc(480 / var(--mxDeviceWidth) * var(--mxVw));
  --mx496: calc(496 / var(--mxDeviceWidth) * var(--mxVw));
  --mx520: calc(520 / var(--mxDeviceWidth) * var(--mxVw));
  --mx531: calc(531 / var(--mxDeviceWidth) * var(--mxVw));
  --mx532: calc(532 / var(--mxDeviceWidth) * var(--mxVw));
  --mx574: calc(574 / var(--mxDeviceWidth) * var(--mxVw));
  --mx586: calc(586 / var(--mxDeviceWidth) * var(--mxVw));
  --mx700: calc(700 / var(--mxDeviceWidth) * var(--mxVw));
  --mx708: calc(708 / var(--mxDeviceWidth) * var(--mxVw));
  --mx720: calc(720 / var(--mxDeviceWidth) * var(--mxVw));
  --mx800: calc(800 / var(--mxDeviceWidth) * var(--mxVw));
  --mx810: calc(810 / var(--mxDeviceWidth) * var(--mxVw));
  --mx920: calc(920 / var(--mxDeviceWidth) * var(--mxVw));
  --mx933: calc(933 / var(--mxDeviceWidth) * var(--mxVw));
  --mnDeviceWidth: 360;
  --mnVw: 100vw;
  --mn2: calc(2 / var(--mnDeviceWidth) * var(--mnVw));
  --mn3: calc(3 / var(--mnDeviceWidth) * var(--mnVw));
  --mn4: calc(4 / var(--mnDeviceWidth) * var(--mnVw));
  --mn5: calc(5 / var(--mnDeviceWidth) * var(--mnVw));
  --mn6: calc(6 / var(--mnDeviceWidth) * var(--mnVw));
  --mn8: calc(8 / var(--mnDeviceWidth) * var(--mnVw));
  --mn10: calc(10 / var(--mnDeviceWidth) * var(--mnVw));
  --mn12: calc(12 / var(--mnDeviceWidth) * var(--mnVw));
  --mn13: calc(13 / var(--mnDeviceWidth) * var(--mnVw));
  --mn14: calc(14 / var(--mnDeviceWidth) * var(--mnVw));
  --mn15: calc(15 / var(--mnDeviceWidth) * var(--mnVw));
  --mn16: calc(16 / var(--mnDeviceWidth) * var(--mnVw));
  --mn18: calc(18 / var(--mnDeviceWidth) * var(--mnVw));
  --mn20: calc(20 / var(--mnDeviceWidth) * var(--mnVw));
  --mn24: calc(24 / var(--mnDeviceWidth) * var(--mnVw));
  --mn28: calc(28 / var(--mnDeviceWidth) * var(--mnVw));
  --mn30: calc(30 / var(--mnDeviceWidth) * var(--mnVw));
  --mn32: calc(32 / var(--mnDeviceWidth) * var(--mnVw));
  --mn36: calc(36 / var(--mnDeviceWidth) * var(--mnVw));
  --mn40: calc(40 / var(--mnDeviceWidth) * var(--mnVw));
  --mn44: calc(44 / var(--mnDeviceWidth) * var(--mnVw));
  --mn48: calc(48 / var(--mnDeviceWidth) * var(--mnVw));
  --mn50: calc(50 / var(--mnDeviceWidth) * var(--mnVw));
  --mn52: calc(52 / var(--mnDeviceWidth) * var(--mnVw));
  --mn56: calc(56 / var(--mnDeviceWidth) * var(--mnVw));
  --mn60: calc(60 / var(--mnDeviceWidth) * var(--mnVw));
  --mn72: calc(72 / var(--mnDeviceWidth) * var(--mnVw));
  --mn80: calc(80 / var(--mnDeviceWidth) * var(--mnVw));
  --mn82: calc(82 / var(--mnDeviceWidth) * var(--mnVw));
  --mn90: calc(90 / var(--mnDeviceWidth) * var(--mnVw));
  --mn100: calc(100 / var(--mnDeviceWidth) * var(--mnVw));
  --mn115: calc(115 / var(--mnDeviceWidth) * var(--mnVw));
  --mn120: calc(120 / var(--mnDeviceWidth) * var(--mnVw));
  --mn140: calc(140 / var(--mnDeviceWidth) * var(--mnVw));
  --mn150: calc(150 / var(--mnDeviceWidth) * var(--mnVw));
  --mn160: calc(160 / var(--mnDeviceWidth) * var(--mnVw));
  --mn166: calc(166 / var(--mnDeviceWidth) * var(--mnVw));
  --mn170: calc(170 / var(--mnDeviceWidth) * var(--mnVw));
  --mn175: calc(175 / var(--mnDeviceWidth) * var(--mnVw));
  --mn180: calc(180 / var(--mnDeviceWidth) * var(--mnVw));
  --mn200: calc(200 / var(--mnDeviceWidth) * var(--mnVw));
  --mn220: calc(220 / var(--mnDeviceWidth) * var(--mnVw));
  --mn225: calc(225 / var(--mnDeviceWidth) * var(--mnVw));
  --mn226: calc(226 / var(--mnDeviceWidth) * var(--mnVw));
  --mn240: calc(240 / var(--mnDeviceWidth) * var(--mnVw));
  --mn250: calc(250 / var(--mnDeviceWidth) * var(--mnVw));
  --mn257: calc(257 / var(--mnDeviceWidth) * var(--mnVw));
  --mn260: calc(260 / var(--mnDeviceWidth) * var(--mnVw));
  --mn267: calc(267 / var(--mnDeviceWidth) * var(--mnVw));
  --mn293: calc(293 / var(--mnDeviceWidth) * var(--mnVw));
  --mn300: calc(300 / var(--mnDeviceWidth) * var(--mnVw));
  --mn320: calc(320 / var(--mnDeviceWidth) * var(--mnVw));
  --mn330: calc(330 / var(--mnDeviceWidth) * var(--mnVw));
  --mn374: calc(374 / var(--mnDeviceWidth) * var(--mnVw));
  --mn403: calc(403 / var(--mnDeviceWidth) * var(--mnVw));
  --mn420: calc(420 / var(--mnDeviceWidth) * var(--mnVw));
  --mn440: calc(440 / var(--mnDeviceWidth) * var(--mnVw));
  --mn464: calc(464 / var(--mnDeviceWidth) * var(--mnVw));
  --mn486: calc(486 / var(--mnDeviceWidth) * var(--mnVw));
  --mn480: calc(480 / var(--mnDeviceWidth) * var(--mnVw));
  --mn496: calc(496 / var(--mnDeviceWidth) * var(--mnVw));
  --mn520: calc(520 / var(--mnDeviceWidth) * var(--mnVw));
  --mn531: calc(531 / var(--mnDeviceWidth) * var(--mnVw));
  --mn532: calc(532 / var(--mnDeviceWidth) * var(--mnVw));
  --mn574: calc(574 / var(--mnDeviceWidth) * var(--mnVw));
  --mn586: calc(586 / var(--mnDeviceWidth) * var(--mnVw));
  --mn700: calc(700 / var(--mnDeviceWidth) * var(--mnVw));
  --mn708: calc(708 / var(--mnDeviceWidth) * var(--mnVw));
  --mn720: calc(720 / var(--mnDeviceWidth) * var(--mnVw));
  --mn800: calc(800 / var(--mnDeviceWidth) * var(--mnVw));
  --mn810: calc(810 / var(--mnDeviceWidth) * var(--mnVw));
  --mn920: calc(920 / var(--mnDeviceWidth) * var(--mnVw));
  --mn933: calc(933 / var(--mnDeviceWidth) * var(--mnVw));
  --gray000: #ffffff;
  --gray300: #b3b8bc;
  --gray200: #cdd0d2;
  --gray: #02090d;
  --black: #0b0d0e;
  --black48: #0b0d0e7a;
  --black00: #0b0d0e00;
  --kiaBlack: #05141f;
  --gray170: #172630;
  --gray300: #303e48;
  --gray800: #8D959A;
  --grayE00: #e8eaeb;
  --transition: all .5s ease-out;
  --transition1: all .1s ease-out;
  --transition3: all .3s ease-out;
  --hdHeight: 112px;
  --schdHeight: 112px;
  --contentsWith: 1440px;
}

:has(#wrap.hmg-kwcms) {
  --hdHeight: 72px;
  --schdHeight: 72px;
}

@keyframes anLeft {
  0.1% {
    display: none;
    opacity: 0;
    transform: ranslateX(10%);
  }
  20% {
    display: block;
    opacity: 0;
    transform: translateX(10%);
  }
  100% {
    display: block;
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes anGradientFloat {
  0.1% {
    transform: translate3d(0, 0, 0);
    filter: blur(160px);
  }
  50% {
    transform: translate3d(50%, 0, 0);
    filter: blur(200px);
  }
  100% {
    transform: translate3d(0, 0, 0);
    filter: blur(160px);
  }
}

@keyframes anOpacity {
  0% {
    opacity: .6;
  }
  100% {
    opacity: 1;
  }
}

@keyframes anOpacityReverse {
  0% {
    opacity: 1;
  }
  100% {
    opacity: .6;
  }
}

@keyframes anTranslateX50 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes anTranslateX50_rtl {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(50%);
  }
}

@keyframes anBulletsDynamicLeft1 {
  100% {
    transform: translateX(-20px);
    opacity: 0;
  }
}

@keyframes anBulletsDynamicLeft2 {
  100% {
    transform: translateX(-20px);
    opacity: 0;
    width: clamp(var(--pn6), var(--pc6), var(--px6));
    height: clamp(var(--pn6), var(--pc6), var(--px6));
    padding: 0 0 0 clamp(var(--pn6), var(--pc6), var(--px6));
  }
}

@keyframes anBulletsDynamicLeft3 {
  100% {
    transform: translateX(-20px);
    opacity: 1;
    width: clamp(var(--pn6), var(--pc6), var(--px6));
    height: clamp(var(--pn6), var(--pc6), var(--px6));
    padding: 0 0 0 clamp(var(--pn6), var(--pc6), var(--px6));
    background-color: var(--gray200);
  }
}

@keyframes anBulletsDynamicLeft4 {
  100% {
    transform: translateX(-20px);
    opacity: 1;
    width: clamp(var(--pn10), var(--pc10), var(--px10));
    height: clamp(var(--pn10), var(--pc10), var(--px10));
    padding: 0 0 0 clamp(var(--pn10), var(--pc10), var(--px10));
    background-color: var(--gray170);
  }
}

@keyframes anBulletsDynamicLeft5 {
  100% {
    transform: translateX(-20px);
    opacity: 0;
    width: clamp(var(--pn10), var(--pc10), var(--px10));
    height: clamp(var(--pn10), var(--pc10), var(--px10));
    padding: 0 0 0 clamp(var(--pn10), var(--pc10), var(--px10));
  }
}

@keyframes anBulletsDynamicLeft6 {
  100% {
    transform: translateX(-20px);
    opacity: 1;
  }
}

@keyframes anBulletsDynamicRight1 {
  100% {
    transform: translateX(20px);
    opacity: 0;
  }
}

@keyframes anBulletsDynamicRight2 {
  100% {
    transform: translateX(20px);
    opacity: 0;
    width: clamp(var(--pn6), var(--pc6), var(--px6));
    height: clamp(var(--pn6), var(--pc6), var(--px6));
    padding: 0 0 0 clamp(var(--pn6), var(--pc6), var(--px6));
  }
}

@keyframes anBulletsDynamicRight3 {
  100% {
    transform: translateX(20px);
    opacity: 1;
    width: clamp(var(--pn6), var(--pc6), var(--px6));
    height: clamp(var(--pn6), var(--pc6), var(--px6));
    padding: 0 0 0 clamp(var(--pn6), var(--pc6), var(--px6));
    background-color: var(--gray200);
  }
}

@keyframes anBulletsDynamicRight4 {
  100% {
    transform: translateX(20px);
    opacity: 1;
    width: clamp(var(--pn10), var(--pc10), var(--px10));
    height: clamp(var(--pn10), var(--pc10), var(--px10));
    padding: 0 0 0 clamp(var(--pn10), var(--pc10), var(--px10));
    background-color: var(--gray170);
  }
}

@keyframes anBulletsDynamicRight5 {
  100% {
    transform: translateX(20px);
    opacity: 0;
    width: clamp(var(--pn10), var(--pc10), var(--px10));
    height: clamp(var(--pn10), var(--pc10), var(--px10));
    padding: 0 0 0 clamp(var(--pn10), var(--pc10), var(--px10));
  }
}

@keyframes anBulletsDynamicRight6 {
  100% {
    transform: translateX(20px);
    opacity: 1;
  }
}

@keyframes anBulletsDynamicLeftM1 {
  100% {
    transform: translateX(-20px);
    opacity: 0;
  }
}

@keyframes anBulletsDynamicLeftM2 {
  100% {
    transform: translateX(-20px);
    opacity: 0;
    width: clamp(var(--mn3), var(--mo3), var(--mx3));
    height: clamp(var(--mn3), var(--mo3), var(--mx3));
    padding: 0 0 0 clamp(var(--mn3), var(--mo3), var(--mx3));
  }
}

@keyframes anBulletsDynamicLeftM3 {
  100% {
    transform: translateX(-20px);
    opacity: 1;
    width: clamp(var(--mn3), var(--mo3), var(--mx3));
    height: clamp(var(--mn3), var(--mo3), var(--mx3));
    padding: 0 0 0 clamp(var(--mn3), var(--mo3), var(--mx3));
    background-color: var(--gray200);
  }
}

@keyframes anBulletsDynamicLeftM4 {
  100% {
    transform: translateX(-20px);
    opacity: 1;
    width: clamp(var(--mn6), var(--mo6), var(--mx6));
    height: clamp(var(--mn6), var(--mo6), var(--mx6));
    padding: 0 0 0 clamp(var(--mn6), var(--mo6), var(--mx6));
    background-color: var(--gray170);
  }
}

@keyframes anBulletsDynamicLeftM5 {
  100% {
    transform: translateX(-20px);
    opacity: 0;
    width: clamp(var(--mn6), var(--mo6), var(--mx6));
    height: clamp(var(--mn6), var(--mo6), var(--mx6));
    padding: 0 0 0 clamp(var(--mn6), var(--mo6), var(--mx6));
  }
}

@keyframes anBulletsDynamicLeftM6 {
  100% {
    transform: translateX(-20px);
    opacity: 1;
  }
}

@keyframes anBulletsDynamicRightM1 {
  100% {
    transform: translateX(20px);
    opacity: 0;
  }
}

@keyframes anBulletsDynamicRightM2 {
  100% {
    transform: translateX(20px);
    opacity: 0;
    width: clamp(var(--pn3), var(--pc3), var(--px3));
    height: clamp(var(--pn3), var(--pc3), var(--px3));
    padding: 0 0 0 clamp(var(--pn3), var(--pc3), var(--px3));
  }
}

@keyframes anBulletsDynamicRightM3 {
  100% {
    transform: translateX(20px);
    opacity: 1;
    width: clamp(var(--mn3), var(--mo3), var(--mx3));
    height: clamp(var(--mn3), var(--mo3), var(--mx3));
    padding: 0 0 0 clamp(var(--mn3), var(--mo3), var(--mx3));
    background-color: var(--gray200);
  }
}

@keyframes anBulletsDynamicRightM4 {
  100% {
    transform: translateX(20px);
    opacity: 1;
    width: clamp(var(--mn6), var(--mo6), var(--mx6));
    height: clamp(var(--mn6), var(--mo6), var(--mx6));
    padding: 0 0 0 clamp(var(--mn6), var(--mo6), var(--mx6));
    background-color: var(--gray170);
  }
}

@keyframes anBulletsDynamicRightM5 {
  100% {
    transform: translateX(20px);
    opacity: 0;
    width: clamp(var(--mn6), var(--mo6), var(--mx6));
    height: clamp(var(--mn6), var(--mo6), var(--mx6));
    padding: 0 0 0 clamp(var(--mn6), var(--mo6), var(--mx6));
  }
}

@keyframes anBulletsDynamicRightM6 {
  100% {
    transform: translateX(20px);
    opacity: 1;
  }
}

@keyframes anFloatA {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(4px, -12px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes anFloatD {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(10px, -6px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}

div:has(>.cate_discoverkia),
div:has(>div>.cate_discoverkia),
.fifa-2026 {
  background-color: var(--black);
  padding-bottom: clamp(var(--pn40), var(--pc40), var(--px40));
}

div:has(>.cate_discoverkia) em,
div:has(>div>.cate_discoverkia) em,
.fifa-2026 em {
  font-style: normal;
}

div:has(>.cate_discoverkia) h1,
div:has(>div>.cate_discoverkia) h1,
.fifa-2026 h1,
div:has(>.cate_discoverkia) h2,
div:has(>div>.cate_discoverkia) h2,
.fifa-2026 h2,
div:has(>.cate_discoverkia) h3,
div:has(>div>.cate_discoverkia) h3,
.fifa-2026 h3,
div:has(>.cate_discoverkia) h4,
div:has(>div>.cate_discoverkia) h4,
.fifa-2026 h4,
div:has(>.cate_discoverkia) h5,
div:has(>div>.cate_discoverkia) h5,
.fifa-2026 h5,
div:has(>.cate_discoverkia) h6,
div:has(>div>.cate_discoverkia) h6,
.fifa-2026 h6,
div:has(>.cate_discoverkia) p,
div:has(>div>.cate_discoverkia) p,
.fifa-2026 p,
div:has(>.cate_discoverkia) ul,
div:has(>div>.cate_discoverkia) ul,
.fifa-2026 ul,
div:has(>.cate_discoverkia) ol,
div:has(>div>.cate_discoverkia) ol,
.fifa-2026 ol,
div:has(>.cate_discoverkia) li,
div:has(>div>.cate_discoverkia) li,
.fifa-2026 li,
div:has(>.cate_discoverkia) dl,
div:has(>div>.cate_discoverkia) dl,
.fifa-2026 dl,
div:has(>.cate_discoverkia) dt,
div:has(>div>.cate_discoverkia) dt,
.fifa-2026 dt,
div:has(>.cate_discoverkia) dd,
div:has(>div>.cate_discoverkia) dd,
.fifa-2026 dd {
  margin: 0;
  padding: 0;
  list-style: none;
}

div:has(>.cate_discoverkia) *,
div:has(>div>.cate_discoverkia) *,
.fifa-2026 * {
  box-sizing: border-box;
  font-family: var(--kiaR);
}

div:has(>.cate_discoverkia) .globalText,
div:has(>div>.cate_discoverkia) .globalText,
.fifa-2026 .globalText {
  position: relative;
  z-index: 40;
  height: 0;
}

div:has(>.cate_discoverkia) .globalText p,
div:has(>div>.cate_discoverkia) .globalText p,
.fifa-2026 .globalText p {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: clamp(var(--pn40), var(--pc40), var(--px40)) clamp(var(--pn60), var(--pc60), var(--px60)) clamp(var(--pn40), var(--pc40), var(--px40));
  background: linear-gradient(180deg, rgba(23, 24, 22, 0) 0, #000 100%);
  font-size: 13px;
  color: #4a565e;
  color: var(--gray300);
}

.aosection {
  position: relative;
  z-index: 3;
}

.aosection.aocp_kv {
  position: relative;
  z-index: 0;
}

br.pc {
  display: block;
}

br.mo {
  display: none;
}

.videoTag video.pc {
  display: block;
}

.videoTag video.mo {
  display: none;
}

body:has(.dkcp_sectionFake.type-bgWhite-start) .dkcp_section.dkcp_kv .secKvImage::after {
  content: '';
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  transition: background-color .3s ease-out;
}

body:has(.dkcp_sectionFake.type-bgWhite-start.active) .dkcp_section.dkcp_kv .secKvImage::after {
  height: 100%;
  background-color: var(--grayE00);
}

body:has(.dkcp_sectionFake.type-bgBlack-start) .dkcp_section.dkcp_kv .secKvImage::after {
  content: '';
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  transition: background-color .3s ease-out;
}

body:has(.dkcp_sectionFake.type-bgBlack-start.active) .dkcp_section.dkcp_kv .secKvImage::after {
  height: 100%;
  background-color: var(--black);
}

body:has(.ex_top_menu) .discover_menu {
  position: relative;
}

body:has(.ex_top_menu) .ex_top_menu {
  z-index: 100 !important;
}

body:has(.ex_top_menu) .ex_top_menu .inner_box {
  display: flex;
}

body:has(.ex_top_menu) .ex_top_menu .inner_box .scroll_box {
  margin-left: auto;
}

body:has(.ex_top_menu) .ex_top_menu .inner_box .scroll_box .exsub_gnb {
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
  padding-right: 15px;
}

body:has(.ex_top_menu) .ex_top_menu .inner_box .scroll_box .exsub_gnb::-webkit-scrollbar {
  height: 8px;
  background: transparent;
}

body:has(.ex_top_menu) .ex_top_menu .inner_box .scroll_box .exsub_gnb::-webkit-scrollbar-track {
  border-radius: 4px;
  background-color: #05141f44;
}

body:has(.ex_top_menu) .ex_top_menu .inner_box .scroll_box .exsub_gnb::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #05141f77;
  cursor: move;
}

body:has(.ex_top_menu) .ex_top_menu .inner_box .scroll_box.fn__float {
  padding-left: 0;
  padding-right: 0;
}

body:has(.ex_top_menu) .dkcp_kv .secHeaderKv {
  padding-top: 60px;
}

@media (max-width: 767px) {
  div:has(>.cate_discoverkia),
  div:has(>div>.cate_discoverkia),
  .fifa-2026 {
    padding-bottom: clamp(var(--mn20), var(--mo20), var(--mx20));
  }
  
  div:has(>.cate_discoverkia) .globalText p,
  div:has(>div>.cate_discoverkia) .globalText p,
  .fifa-2026 .globalText p {
    padding: clamp(var(--mn20), var(--mo20), var(--mx20));
    font-size: 10px;
    color: var(--gray300);
  }
  
  br.pc {
    display: none;
  }
  
  br.mo {
    display: block;
  }
  
  .videoTag video.pc {
    display: none;
  }
  
  .videoTag video.mo {
    display: block;
  }
  
  body:has(.ex_top_menu) .ex_top_menu .inner_box {
    display: block;
  }
  
  body:has(.ex_top_menu) .ex_top_menu .inner_box .scroll_box {
    margin-left: initial;
  }
  
  body:has(.ex_top_menu) .ex_top_menu .inner_box .scroll_box .exsub_gnb::-webkit-scrollbar {
    height: 4px;
  }
  
  body:has(.ex_top_menu) .ex_top_menu .inner_box .scroll_box .exsub_gnb::-webkit-scrollbar-track {
    border-radius: 2px;
  }
  
  body:has(.ex_top_menu) .ex_top_menu .inner_box .scroll_box .exsub_gnb::-webkit-scrollbar-thumb {
    border-radius: 2px;
  }
  
  body:has(.ex_top_menu) .ex_top_menu .inner_box .scroll_box.fn__float {
    padding-left: 0;
    padding-right: 0;
  }
  
  body:has(.ex_top_menu) .dkcp_kv .secHeaderKv {
    padding-top: calc(100px + clamp(var(--mn52), var(--mo52), var(--mx52)));
  }
  
  .dkcp_kv .secKvText.group2 {
    top: calc(60px + clamp(var(--mn40), var(--mo40), var(--mx40)) + var(--schdHeight));
  }
}

@media (max-width: 1024px) {
  .dkcp_kv .secKvText.group2 {
    top: calc(60px + clamp(var(--mn40), var(--mo40), var(--mx40)));
  }
}

.dkcp_section {
  position: relative;
}

.dkcp_section div,
.dkcp_section span,
.dkcp_section p,
.dkcp_section li,
.dkcp_section dt,
.dkcp_section dd,
.dkcp_section b,
.dkcp_section u,
.dkcp_section s,
.dkcp_section b,
.dkcp_section strong,
.dkcp_section i,
.dkcp_section em,
.dkcp_section h1,
.dkcp_section h2,
.dkcp_section h3,
.dkcp_section h4,
.dkcp_section h5,
.dkcp_section h6 {
  word-spacing: -0.01em;
  letter-spacing: -0.02em;
}

.dkcp_section.h-100vh {
  height: calc(100vh - var(--schdHeight));
  min-height: clamp(var(--pn320), var(--pc320), var(--px320));
}

.dkcp_section.secIn-h-100pc .secInner {
  height: 100%;
}

.dkcp_section.bg-black {
  background-color: var(--black);
}

.dkcp_section .tx-white {
  color: #fff !important;
}

.dkcp_section .pb140 {
  padding-bottom: clamp(var(--pn140), var(--pc140), var(--px140));
}

.dkcp_section.top-0 .secInner {
  top: 0 !important;
  margin-top: 0 !important;
}

.dkcp_section.items-center .secHeader {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.dkcp_section.content-center .secHeader {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.dkcp_section.secHeading-pb60 .secHeaderBox {
  padding-bottom: clamp(var(--pn50), var(--pc50), var(--px50));
}

.dkcp_section.secMain-roundBox div[class*='secMain'] {
  padding-bottom: clamp(var(--pn140), var(--pc140), var(--px140));
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  width: initial;
  padding-left: clamp(var(--pn120), var(--pc120), var(--px120));
  padding-right: clamp(var(--pn120), var(--pc120), var(--px120));
}

.dkcp_section.bg-gradientA .secInner {
  background: linear-gradient(180deg, var(--black00) 0, rgba(255, 255, 255, 0.10) 100%);
}

.dkcp_section.is-roundBox .secInner {
  position: relative;
  margin-top: clamp(var(--pn40), var(--pc40), var(--px40));
  overflow: hidden;
  width: calc(100% - clamp(var(--pn80), var(--pc80), var(--px80)));
  margin-left: clamp(var(--pn40), var(--pc40), var(--px40));
  margin-right: clamp(var(--pn40), var(--pc40), var(--px40));
  border-radius: clamp(var(--pn20), var(--pc20), var(--px20));
}

.dkcp_section.is-roundBox.h-full .secInner {
  height: calc(100% - clamp(var(--pn80), var(--pc80), var(--px80)));
  max-height: calc(100vh - clamp(var(--pn80), var(--pc80), var(--px80)));
}

.dkcp_section.is-roundBox .secHeaderBox {
  max-width: var(--max1600);
  padding-left: clamp(var(--pn80), var(--pc80), var(--px80));
  padding-right: clamp(var(--pn80), var(--pc80), var(--px80));
}

@media (max-width: 1680px) {
  .dkcp_section.is-roundBox .secHeaderBox {
    margin-left: 0;
    width: 100%;
  }
}

.dkcp_section.is-roundBox.secMain-roundBox div[class*='secMain'] {
  max-width: var(--max1600);
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(var(--pn80), var(--pc80), var(--px80));
  padding-right: clamp(var(--pn80), var(--pc80), var(--px80));
}

.dkcp_section.secHeading-row .secHeader {
  display: flex;
  column-gap: clamp(var(--pn24), var(--pc24), var(--px24));
}

.dkcp_section.secHeading-row .secHeader .title,
.dkcp_section.secHeading-row .secHeader .description {
  flex: 0 0 calc((100% - clamp(var(--pn24), var(--pc24), var(--px24))) / 2);
}

.dkcp_section.secHeading-row .secHeader .title+.description {
  margin-top: 0;
}

.dkcp_section.secHeading-row .secHeader .description {
  max-width: initial;
}

.dkcp_section.bg-white .secInner {
  background-color: #ffffff;
}

.dkcp_section.bg-white .secInner .secHeader .title {
  color: var(--kiaBlack);
}

.dkcp_section.bg-white .secInner .secHeader .description {
  color: var(--gray170);
}

.dkcp_section.is-textAbove .secHeaderBox {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  height: 100%;
}

.dkcp_section.is-imageAbove_mTextAbove .secHeaderBox {
  position: relative;
  z-index: 5;
}

.dkcp_section.is-imageAbove_mTextAbove .secMainVisual {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
  width: 100%;
  height: 100%;
}

.dkcp_section .secInner {
  text-align: center;
}

.dkcp_section .secHeaderBox {
  padding-top: clamp(var(--pn140), var(--pc140), var(--px140));
  padding-bottom: clamp(var(--pn140), var(--pc140), var(--px140));
  width: 100%;
  max-width: var(--max1600);
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(var(--pn80), var(--pc80), var(--px80));
  padding-right: clamp(var(--pn80), var(--pc80), var(--px80));
  text-align: left;
}

.dkcp_section .secHeaderBox:has(.secHeader.is-full) {
  width: 100%;
  height: 100%;
}

.dkcp_section .secHeaderBox:has(.secHeader.is-center) {
  display: flex;
  flex-flow: nowrap column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.dkcp_section .secHeaderBox:has(.secHeader.is-center) .description {
  max-width: initial;
}

@media (max-width: 1680px) {
  .dkcp_section .secHeaderBox {
    width: calc(100% - clamp(var(--pn80), var(--pc80), var(--px80)));
  }
}

.dkcp_section.is-manyContents .secHeaderBox {
  padding-top: clamp(calc(30 / 950 * 100vh), calc(30 / 950 * 100vh), 80px) !important;
  padding-bottom: clamp(calc(30 / 950 * 100vh), calc(30 / 950 * 100vh), 80px) !important;
}

.dkcp_section.is-manyContents .secHeaderBox .secHeader .group2 .slideWrap {
  margin-top: clamp(calc(10 / 950 * 100vh), calc(10 / 950 * 100vh), 52px);
}

.dkcp_section.is-manyContents .secHeaderBox .secHeader .group2 .slideWrap {
  margin-top: clamp(calc(52 / 1050 * 100vh), calc(52 / 1050 * 100vh), 52px);
}

.dkcp_section.color-black_mWhite .secHeader,
.dkcp_section.color-black_mWhite .secHeaderKv {
  color: var(--black);
}

.dkcp_section.color-black_mWhite .secHeader .description,
.dkcp_section.color-black_mWhite .secHeaderKv .description {
  color: var(--gray170);
}

.dkcp_section.color-black .secHeader,
.dkcp_section.color-black .secHeaderKv {
  color: var(--black);
}

.dkcp_section.color-black .secHeader .description,
.dkcp_section.color-black .secHeaderKv .description {
  color: var(--gray170);
}

.dkcp_section.color-black .list .item .title {
  color: var(--kiaBlack);
}

.dkcp_section.color-black .list .item .description {
  color: var(--gray170);
}

.dkcp_section :has(.is-widthDefault) div:has(>.is-widthDefault) {
  text-align: center;
}

.dkcp_section :has(.is-widthDefault) .is-widthDefault {
  max-width: var(--max1600);
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(var(--pn80), var(--pc80), var(--px80));
  padding-right: clamp(var(--pn80), var(--pc80), var(--px80));
  text-align: left;
}

@media (max-width: 1680px) {
  .dkcp_section :has(.is-widthDefault) .is-widthDefault {
    width: calc(100% - clamp(var(--pn80), var(--pc80), var(--px80)));
  }
}

.dkcp_section .secHeader,
.dkcp_section .secHeaderKv {
  width: 100%;
  color: var(--gray000);
}

.dkcp_section .secHeader span,
.dkcp_section .secHeaderKv span {
  display: block;
}

.dkcp_section .secHeader {
  width: 100%;
}

.dkcp_section .secHeader.is-box {
  padding-left: clamp(var(--pn120), var(--pc120), var(--px120)) !important;
  padding-right: clamp(var(--pn120), var(--pc120), var(--px120)) !important;
  padding-top: clamp(var(--pn140), var(--pc140), var(--px140)) !important;
  padding-bottom: clamp(var(--pn140), var(--pc140), var(--px140)) !important;
}

.dkcp_section .secHeader.is-list .title {
  font-size: clamp(var(--pn18), var(--pc18), var(--px18));
  line-height: 1.666;
}

.dkcp_section .secHeader.is-list .title+.description {
  margin-top: clamp(var(--pn8), var(--pc8), var(--px8));
}

.dkcp_section .secHeader.is-list .description {
  font-size: clamp(var(--pn14), var(--pc14), var(--px14));
  line-height: 1.714;
}

.dkcp_section .secHeader.w-464 {
  max-width: clamp(var(--pn464), var(--pc464), var(--px464)) !important;
}

.dkcp_section .secHeader.w-586 {
  max-width: clamp(var(--pn586), var(--pc586), var(--px586)) !important;
}

.dkcp_section .secHeader.w-708 {
  max-width: clamp(var(--pn708), var(--pc708), var(--px708)) !important;
}

.dkcp_section .secHeader.h-auto {
  height: auto;
}

.dkcp_section .secHeader .title {
  display: block;
  font-size: clamp(var(--pn36), var(--pc36), var(--px36));
  line-height: 1.5;
  font-family: var(--kiaR);
  font-weight: 400;
}

.dkcp_section .secHeader .title.fs-small {
  font-size: clamp(var(--pn24), var(--pc24), var(--px24));
  line-height: 1.571;
}

.dkcp_section .secHeader .title+.description {
  margin-top: clamp(var(--pn20), var(--pc20), var(--px20));
}
.fifa-2026-outro  .secHeader .description {
    display: block;
    max-width: clamp(var(--pn464), var(--pc464), var(--px464));
    font-size: 3rem;
    line-height: 1.5;
    color: var(--gray200);
    margin-bottom: 20px;
}
.dkcp_section .secHeader .description {
    display: block;
    /* max-width: clamp(var(--pn464), var(--pc464), var(--px464)); */
    font-size: 3rem;
    line-height: 1.75;
    color: var(--gray200);
    margin-bottom: 20px;
}

.dkcp_section .secHeader .description b {
  font-weight: 400;
  font-family: var(--kiaB);
}

.dkcp_section .secHeader .description p {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.dkcp_section .secHeader .description p+p {
  margin-top: clamp(var(--pn16), var(--pc16), var(--px16));
}

.dkcp_section .secHeader .subTitle {
  display: block;
  font-size: clamp(var(--pn24), var(--pc24), var(--px24));
  line-height: 1.5;
  font-family: var(--kiaR);
  font-weight: 400;
}

.dkcp_section .secHeader .subTitle+.description {
  margin-top: clamp(var(--pn16), var(--pc16), var(--px16));
}

.dkcp_section .secHeader .subTitle+.description p+p {
  margin-top: clamp(var(--pn8), var(--pc8), var(--px8));
}

.dkcp_section .secHeader .buttonWrap {
  margin-top: clamp(var(--pn40), var(--pc40), var(--px40));
}

.dkcp_section .secHeader .buttonWrap .button {
  padding: 0;
  border-width: 0;
  display: inline-flex;
  align-items: center;
  gap: clamp(var(--pn6), var(--pc6), var(--px6));
  padding: clamp(var(--pn12), var(--pc12), var(--px12)) clamp(var(--pn48), var(--pc48), var(--px48));
  border-radius: clamp(var(--pn4), var(--pc4), var(--px4));
  border: 1px solid #ffffff99;
  font-size: clamp(var(--pn14), var(--pc14), var(--px14));
  line-height: 1.288;
  font-family: var(--kiaB);
  color: var(--gray000);
  text-decoration: none;
  cursor: pointer;
  padding-right: clamp(var(--pn48), var(--pc48), var(--px48));
  transition: all .3s ease-out;
}

.dkcp_section .secHeader .buttonWrap .button::after {
  content: '';
  display: inline-block;
  width: clamp(var(--pn14), var(--pc14), var(--px14));
  height: clamp(var(--pn14), var(--pc14), var(--px14));
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNjY5MzUgNi4wMTIzN0wxLjg3NzY5IDYuMDEyMzdNNi40NjEwMiA5LjY3OTA0TDEwLjEyNzcgNi4wMTIzN0w2LjQ2MTAyIDIuMzQ1NyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) no-repeat center center / 100% auto;
  transition: all .3s ease-out;
}

.dkcp_section .secHeader .buttonWrap .button:hover {
  background-color: #ffffff29;
  padding-right: clamp(var(--pn40), var(--pc40), var(--px40));
}

.dkcp_section .secHeader .buttonWrap .button:hover::after {
  margin-left: clamp(var(--pn8), var(--pc8), var(--px8));
}

.dkcp_section .secHeader .subscription {
  display: block;
  margin-top: clamp(var(--pn40), var(--pc40), var(--px40));
  font-size: clamp(var(--pn24), var(--pc24), var(--px24));
  line-height: 1.33;
  font-family: var(--kiaB);
}

.dkcp_section .secHeader hr {
  display: none;
  width: 0;
  height: 0;
  border: 0;
  height: 0;
  margin: 0;
  background: transparent;
}

.dkcp_section picture.img img {
  max-width: 100%;
  vertical-align: top;
}

@media (max-width: 1024px) {
  .dkcp_section.h-100vh {
    height: calc(100vh);
  }
}

@media (max-width: 767px) {
  .dkcp_section.items-center .secHeader {
    align-items: flex-start;
  }
  
  .dkcp_section.content-center .secHeader {
    justify-content: flex-start;
  }
  
  .dkcp_section.secHeading-pb60 .secHeaderBox {
    padding-top: clamp(var(--mn40), var(--mo40), var(--mx40));
    padding-bottom: clamp(var(--mn24), var(--mo24), var(--mx24));
  }
  
  .dkcp_section.secMain-roundBox div[class*='secMain'] {
    padding-left: clamp(var(--mn20), var(--mo20), var(--mx20));
    padding-right: clamp(var(--mn20), var(--mo20), var(--mx20));
    padding-bottom: clamp(var(--mn40), var(--mo40), var(--mx40));
  }
  
  .dkcp_section.is-roundBox .secInner {
    position: relative;
    overflow: hidden;
    width: calc(100% - clamp(var(--mn20), var(--mo20), var(--mx20)));
    margin-top: clamp(var(--mn20), var(--mo20), var(--mx20));
    margin-left: clamp(var(--mn10), var(--mo10), var(--mx10));
    margin-right: clamp(var(--mn10), var(--mo10), var(--mx10));
    border-radius: clamp(var(--mn12), var(--mo12), var(--mx12));
  }
  
  .dkcp_section.is-roundBox.h-full .secInner {
    height: calc(100% - clamp(var(--mn40), var(--mo40), var(--mx40)));
    max-height: calc(100vh - clamp(var(--mn40), var(--mo40), var(--mx40)));
  }
  
  .dkcp_section.is-roundBox .secHeaderBox {
    margin-left: 0;
    margin-right: 0;
    padding-left: clamp(var(--mn20), var(--mo20), var(--mx20));
    padding-right: clamp(var(--mn20), var(--mo20), var(--mx20));
  }
  
  .dkcp_section.is-roundBox.secMain-roundBox div[class*='secMain'] {
    padding-left: clamp(var(--mn20), var(--mo20), var(--mx20));
    padding-right: clamp(var(--mn20), var(--mo20), var(--mx20));
  }
  
  .dkcp_section.secHeading-row .secHeader {
    display: block;
  }
  
  .dkcp_section.is-imageAbove_mTextAbove .secHeaderBox {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    width: 100%;
    height: 100%;
  }
  
  .dkcp_section.is-imageAbove_mTextAbove .secMainVisual {
    position: relative;
    top: 0;
    left: 0;
    transform: translateX(0);
    z-index: 0;
    width: 100%;
  }
  
  .dkcp_section.color-black_mWhite .secHeader,
  .dkcp_section.color-black_mWhite .secHeaderKv {
    color: var(--gray000);
  }
  
  .dkcp_section.color-black_mWhite .secHeader .description,
  .dkcp_section.color-black_mWhite .secHeaderKv .description {
    color: var(--gray200);
  }
  
  .dkcp_section .secHeaderBox {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: clamp(var(--mn30), var(--mo30), var(--mx30));
    padding-right: clamp(var(--mn30), var(--mo30), var(--mx30));
    padding-top: clamp(var(--mn40), var(--mo40), var(--mx40));
    padding-bottom: clamp(var(--mn40), var(--mo40), var(--mx40));
  }
  
  .dkcp_section .secHeader.is-list .title {
    max-width: initial;
    font-size: clamp(var(--mn16), var(--mo16), var(--mx16));
    line-height: 1.75;
  }
  
  .dkcp_section .secHeader.is-list .title+.description {
    margin-top: clamp(var(--mn8), var(--mo8), var(--mx8));
  }
  
  .dkcp_section .secHeader.is-list .description {
    max-width: initial;
    font-size: clamp(var(--mn13), var(--mo13), var(--mx13));
    line-height: 1.692;
  }
  
  .dkcp_section .secHeader.box {
    padding-left: clamp(var(--mn20), var(--mo20), var(--mx20));
    padding-right: clamp(var(--mn20), var(--mo20), var(--mx20));
    padding-top: clamp(var(--mn40), var(--mo40), var(--mx40));
    padding-bottom: clamp(var(--mn80), var(--mo80), var(--mx80));
  }
  
  .dkcp_section .secHeader.w-464 {
    max-width: initial !important;
  }
  
  .dkcp_section .secHeader.w-586 {
    max-width: initial !important;
  }
  
  .dkcp_section .secHeader.w-708 {
    max-width: initial !important;
  }
  
  .dkcp_section .secHeader .title {
    font-size: clamp(var(--mn24), var(--mo24), var(--mx24));
  }
  
  .dkcp_section .secHeader .title.fs-small {
    font-size: clamp(var(--mn18), var(--mo18), var(--mx18));
    line-height: 1.666;
  }
  
  .dkcp_section .secHeader .title+.description {
    margin-top: clamp(var(--mn20), var(--mo20), var(--mx20));
  }
  
  .dkcp_section .secHeader .description {
    max-width: initial;
    font-size: clamp(var(--mn14), var(--mo14), var(--mx14));
  }
  
  .dkcp_section .secHeader .buttonWrap {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: clamp(var(--mn30), var(--mo30), var(--mx30));
  }
  
  .dkcp_section .secHeader .buttonWrap .button {
    gap: clamp(var(--mn6), var(--mo6), var(--mx6));
    padding: clamp(var(--mn10), var(--mo10), var(--mx10)) clamp(var(--mn30), var(--mo30), var(--mx30));
    border-radius: clamp(var(--mn4), var(--mo4), var(--mx4));
    font-size: clamp(var(--mn14), var(--mo14), var(--mx14));
  }
  
  .dkcp_section .secHeader .buttonWrap .button::after {
    width: clamp(var(--mn12), var(--mo12), var(--mx12));
    height: clamp(var(--mn12), var(--mo12), var(--mx12));
  }
  
  .dkcp_section .secHeader .buttonWrap .button:hover {
    padding-right: clamp(var(--mn16), var(--mo16), var(--mx16));
  }
  
  .dkcp_section .secHeader .buttonWrap .button:hover::after {
    margin-left: 0;
  }
  
  .dkcp_section .secHeader .subscription {
    margin-top: clamp(var(--mn20), var(--mo20), var(--mx20));
    font-size: clamp(var(--mn18), var(--mo18), var(--mx18));
  }
  
  .dkcp_section .secHeader .subTitle {
    font-size: clamp(var(--mn18), var(--mo18), var(--mx18));
    line-height: 1.666;
  }
  
  .dkcp_section .secHeader .subTitle+.description {
    margin-top: clamp(var(--mn10), var(--mo10), var(--mx10));
  }
  
  .dkcp_section .secHeader .subTitle+.description p+p {
    margin-top: clamp(var(--mn10), var(--mo10), var(--mx10));
  }
}

.dkcp_section .slideWrap {
  position: relative;
  overflow: visible;
  height: auto;
  background: 0;
}

.dkcp_section .slideWrap.slideSingle {
  width: clamp(var(--pn464), var(--pc464), var(--px464));
  height: clamp(var(--pn348), var(--pc348), var(--px348));
}

.dkcp_section .slideWrap.slideSingle .swiper {
  overflow: hidden;
  height: 100%;
  margin-left: 0;
  border-radius: clamp(var(--pn12), var(--pc12), var(--px12));
}

.dkcp_section .slideWrap.slideSingle .swiper .list {
  display: flex;
}

.dkcp_section .slideWrap.slideSingle .swiper .item {
  flex: 0 0 100%;
}

.dkcp_section .slideWrap.slideSingle .swiper .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slideSingle .slideController{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
.slideMulti .slideController{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
.dkcp_section .slideWrap.slideSingle:hover .slideController :where(.buttonPrev, .buttonNext) {
  opacity: 1 !important;
}

.dkcp_section .slideWrap.slideSingle .slideController .paginationBox.type-fraction {
  position: absolute;
  left: auto;
  left: initial;
  right: clamp(var(--pn20), var(--pc20), var(--px20));
  bottom: auto;
  bottom: initial;
  top: clamp(var(--pn20), var(--pc20), var(--px20));
}

.dkcp_section .slideWrap.slideSingle .slideController .paginationBox.type-indicator {
  display: none;
}

.dkcp_section .slideWrap.slideSingle .slideController .buttonPrev,
.dkcp_section .slideWrap.slideSingle .slideController .buttonNext {
  left: clamp(var(--pn20), var(--pc20), var(--px20));
  border-color: #00000080;
  background: var(--img_arrowL) no-repeat center center / clamp(var(--pn24), var(--pc24), var(--px24)) auto #00000080;
}

.dkcp_section .slideWrap.slideSingle .slideController .buttonPrev:hover,
.dkcp_section .slideWrap.slideSingle .slideController .buttonNext:hover {
  background-color: #00000099;
}

.dkcp_section .slideWrap.slideSingle .slideController .buttonPrev.swiper-button-disabled,
.dkcp_section .slideWrap.slideSingle .slideController .buttonNext.swiper-button-disabled {
  display: none;
}

.dkcp_section .slideWrap.slideSingle .slideController .buttonNext {
  left: auto;
  left: initial;
  right: clamp(var(--pn20), var(--pc20), var(--px20));
}

.dkcp_section .slideWrap.slideMulti .swiper {
  overflow: visible;
}

.dkcp_section .slideWrap.slideMulti .swiper .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dkcp_section .slideWrap.slideMulti:hover .slideController :where(.buttonPrev, .buttonNext) {
  opacity: 1;
}

.dkcp_section .slideWrap.slideMulti .slideController .paginationBox.type-bulletsDynamic {
  margin-top: clamp(var(--pn40), var(--pc40), var(--px40));
  position:absolute;
  bottom:-45px;
}

.dkcp_section .slideWrap.slideAuto .list {
  display: flex;
  flex-flow: nowrap row;
  gap: clamp(var(--pn24), var(--pc24), var(--px24));
  position: relative;
  left: -25%;
  transform: translateX(-25%);
  animation: 25s linear .001s infinite normal none running anTranslateX50;
  width: max-content;
}

.dkcp_section .slideWrap.slideAuto .item {
  flex-shrink: 0;
  display: inline-flex;
  align-items: flex-start;
  height: auto;
}

.dkcp_section .slideWrap.slideAuto .item img {
  width: 100%;
  height: auto;
  border-radius: clamp(var(--pn12), var(--pc12), var(--px12));
  overflow: hidden;
}

.dkcp_section .slideWrap.slideCenterLoop.slideWrap .slideController:where(.buttonPrev, .buttonNext) {
  top: clamp(calc((466 / 2) / var(--pnDeviceWidth) * var(--pnVw)), calc((466 / 2) / var(--pcDeviceWidth) * var(--pcVw)), calc((466 / 2) / var(--pxDeviceWidth) * var(--pxVw)));
  border-width: 0;
  box-shadow: rgba(0, 0, 0, 0.14) 0 6px 12px;
  background: var(--img_arrowL) no-repeat center center / clamp(var(--pn24), var(--pc24), var(--px24)) auto #00000080;
}

.dkcp_section .slideWrap.slideCenterLoop.slideWrap .slideController:where(.buttonPrev, .buttonNext):hover {
  background-color: #00000099;
}

@media (max-width: 1680px) {
  .dkcp_section .slideWrap.slideCenterLoop.slideWrap .slideController .buttonPrev {
    left: clamp(var(--pn30), var(--pc30), var(--px30));
  }
  
  .dkcp_section .slideWrap.slideCenterLoop.slideWrap .slideController .buttonNext {
    right: clamp(var(--pn30), var(--pc30), var(--px30));
  }
}

.dkcp_section .slideWrap.slideCenterLoop.slideWrap:hover .slideController :where(.buttonPrev, .buttonNext) {
  opacity: 1;
}

.dkcp_section .slideWrap .slideController .buttonPrev,
.dkcp_section .slideWrap .slideController .buttonNext {
  position: absolute;
  left: calc(clamp(var(--pn60), var(--pc60), var(--px140)) * -1);
  top: 50%;
  transform: translateY(-50%);
  overflow: hidden;
  z-index: 1;
  width: clamp(var(--pn52), var(--pc52), var(--px52));
  height: clamp(var(--pn52), var(--pc52), var(--px52));
  border-radius: 50%;
  border: 1px solid #f3f4f5;
  background: var(--img_arrowL_white) no-repeat center center / clamp(var(--pn24), var(--pc24), var(--px24)) auto #ffffff;
  box-shadow: rgba(0, 0, 0, 0.14) 0 6px 12px 0;
  cursor: pointer;
  opacity: 1;
  transition: var(--transition);
}

.dkcp_section .slideWrap .slideController .buttonPrev:hover,
.dkcp_section .slideWrap .slideController .buttonNext:hover {
  background-color: #f3f4f5;
}

.dkcp_section .slideWrap .slideController .buttonPrev.swiper-button-disabled,
.dkcp_section .slideWrap .slideController .buttonNext.swiper-button-disabled {
  display: none;
}

.dkcp_section .slideWrap .slideController .buttonNext {
  left: auto;
  left: initial;
  right: calc(clamp(var(--pn60), var(--pc60), var(--px140)) * -1);
  transform: translateY(-50%) rotate(180deg);
  box-shadow: rgba(0, 0, 0, 0.14) 0 -6px 12px 0;
}

.dkcp_section .slideWrap .slideController .paginationBox.type-fraction {
  display: inline-flex;
  gap: clamp(var(--pn4), var(--pc4), var(--px4));
  justify-content: center;
  align-items: center;
  z-index: 10;
  width: clamp(var(--pn75), var(--pc75), var(--px75));
  height: clamp(var(--pn36), var(--pc36), var(--px36));
  padding: 0 clamp(var(--pn12), var(--pc12), var(--px12));
  border-radius: clamp(var(--pn18), var(--pc18), var(--px18));
  border-width: 0;
  font-size: clamp(var(--pn16), var(--pc16), var(--px16));
  line-height: 1.75;
  color: var(--gray800);
}

.dkcp_section .slideWrap .slideController .paginationBox.type-fraction.bg-black48 {
  background: var(--black48);
  color: var(--gray200);
}

.dkcp_section .slideWrap .slideController .paginationBox.type-fraction.bg-black48 b {
  color: #fff;
}

.dkcp_section .slideWrap .slideController .paginationBox.type-fraction b {
  display: inline-flex;
  padding-top: .3em;
  font-family: var(--kiaB);
  color: var(--kiaBlack);
}

.dkcp_section .slideWrap .slideController .paginationBox.type-fraction span {
  display: inline-flex;
  row-gap: clamp(var(--pn4), var(--pc4), var(--px4));
  opacity: .5;
  padding-top: .3em;
  color: inherit;
}

.dkcp_section .slideWrap .slideController .paginationBox.type-fraction span::before {
  content: '/';
  margin-right: clamp(var(--pn4), var(--pc4), var(--px4));
}

.dkcp_section .slideWrap .slideController .paginationBox.type-indicator {
  display: inline-flex;
  gap: clamp(var(--pn10), var(--pc10), var(--px10));
}

.dkcp_section .slideWrap .slideController .paginationBox.type-indicator .item {
  flex: 0;
  overflow: hidden;
  width: clamp(var(--pn10), var(--pc10), var(--px10));
  height: clamp(var(--pn10), var(--pc10), var(--px10));
  padding: 0 0 0 clamp(var(--pn10), var(--pc10), var(--px10));
  border: 0;
  outline: 0;
  border-radius: clamp(var(--pn5), var(--pc5), var(--px5));
  border-width: 0 !important;
  background: #ffffff !important;
  opacity: .4;
  transition: var(--transition);
}

.dkcp_section .slideWrap .slideController .paginationBox.type-indicator .item.swiper-pagination-bullet-active {
  opacity: 1;
  width: clamp(var(--pn16), var(--pc16), var(--px16));
  padding: 0 0 0 clamp(var(--pn16), var(--pc16), var(--px16));
}

.dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic {
  display: flex;
  gap: clamp(var(--pn10), var(--pc10), var(--px10));
  justify-content: center;
  align-items: center;
  transition: var(--transition);
  overflow: hidden;
  width: 100%;
  height: clamp(var(--pn10), var(--pc10), var(--px10));
}

.dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic span {
  overflow: hidden;
  width: clamp(var(--pn10), var(--pc10), var(--px10));
  height: clamp(var(--pn10), var(--pc10), var(--px10));
  padding: 0 0 0 clamp(var(--pn10), var(--pc10), var(--px10));
  border-width: 0;
  outline: 0;
  border-radius: clamp(var(--pn5), var(--pc5), var(--px5));
  background: var(--gray170);
  transition: var(--transition);
}

.dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic span:nth-child(4) {
  opacity: 1;
}

.dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic span:nth-child(3),
.dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic span:nth-child(5),
.dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic span:nth-child(2),
.dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic span:nth-child(6),
.dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic span:nth-child(1),
.dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic span:nth-child(7) {
  background: var(--gray200);
  opacity: 1;
}

.dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic span:nth-child(2),
.dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic span:nth-child(6),
.dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic span:nth-child(1),
.dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic span:nth-child(7) {
  width: clamp(var(--pn6), var(--pc6), var(--px6));
  height: clamp(var(--pn6), var(--pc6), var(--px6));
  padding: 0 0 0 clamp(var(--pn6), var(--pc6), var(--px6));
}

.dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic span:nth-child(1),
.dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic span:nth-child(7) {
  opacity: 0;
}

.dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(2) {
  animation: anBulletsDynamicLeft1 .3s ease-in;
}

.dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(3) {
  animation: anBulletsDynamicLeft2 .3s ease-in;
}

.dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(4) {
  animation: anBulletsDynamicLeft3 .3s ease-in;
}

.dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(5) {
  animation: anBulletsDynamicLeft4 .3s ease-in;
}

.dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(6) {
  animation: anBulletsDynamicLeft5 .3s ease-in;
}

.dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(7) {
  animation: anBulletsDynamicLeft6 .3s ease-in;
}

.dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(1) {
  animation: anBulletsDynamicRight6 .3s ease-in;
}

.dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(2) {
  animation: anBulletsDynamicRight5 .3s ease-in;
}

.dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(3) {
  animation: anBulletsDynamicRight4 .3s ease-in;
}

.dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(4) {
  animation: anBulletsDynamicRight3 .3s ease-in;
}

.dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(5) {
  animation: anBulletsDynamicRight2 .3s ease-in;
}

.dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(6) {
  animation: anBulletsDynamicRight1 .3s ease-in;
}

@media (max-width: 767px) {
  .dkcp_section .slideWrap {
    position: relative;
  }
  
  .dkcp_section .slideWrap.slideSingle {
    width: 100%;
    height: auto;
  }
  
  .dkcp_section .slideWrap.slideSingle .swiper {
    border-radius: clamp(var(--mn8), var(--mo8), var(--mx8));
  }
  
  .dkcp_section .slideWrap.slideSingle .slideController .paginationBox.type-fraction {
    right: clamp(var(--mn16), var(--mo16), var(--mx16));
    top: clamp(var(--mn16), var(--mo16), var(--mx16));
  }
  
  .dkcp_section .slideWrap.slideSingle .slideController .paginationBox.type-indicator {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: clamp(var(--mn20), var(--mo20), var(--mx20));
    left: 50%;
    z-index: 10;
    transform: translateX(-50%);
  }
  
  .dkcp_section .slideWrap.slideMulti .slideController .buttonPrev,
  .dkcp_section .slideWrap.slideMulti .slideController .buttonNext {
    display: none;
  }
  
  .dkcp_section .slideWrap.slideMulti .slideController .paginationBox.type-bulletsDynamic {
    margin-top: clamp(var(--mn24), var(--mo24), var(--mx24));
  }
  
  .dkcp_section .slideWrap.slideAuto .list {
    gap: clamp(var(--mn12), var(--mo12), var(--mx12));
    animation: 25s linear .001s infinite normal none running anTranslateX50;
    width: fit-content;
  }
  
  .dkcp_section .slideWrap.slideAuto .item {
    height: auto;
  }
  
  .dkcp_section .slideWrap.slideAuto .item img {
    border-radius: clamp(var(--mn8), var(--mo8), var(--mx8));
  }
  
  .dkcp_section .slideWrap .slideController .buttonPrev,
  .dkcp_section .slideWrap .slideController .buttonNext {
    display: none;
  }
  
  .dkcp_section .slideWrap .slideController .paginationBox.type-fraction {
    gap: clamp(var(--mn4), var(--mo4), var(--mx4));
    width: clamp(var(--mn64), var(--mo64), var(--mx64));
    height: clamp(var(--mn32), var(--mo32), var(--mx32));
    padding: 0 clamp(var(--mn10), var(--mo10), var(--mx10));
    border-radius: clamp(var(--mn16), var(--mo16), var(--mx16));
    font-size: clamp(var(--mn12), var(--mo12), var(--mx12));
    line-height: 1.666;
  }
  
  .dkcp_section .slideWrap .slideController .paginationBox.type-fraction span {
    row-gap: clamp(var(--mn4), var(--mo4), var(--mx4));
  }
  
  .dkcp_section .slideWrap .slideController .paginationBox.type-fraction span::before {
    margin-right: clamp(var(--mn4), var(--mo4), var(--mx4));
  }
  
  .dkcp_section .slideWrap .slideController .paginationBox.type-indicator {
    gap: clamp(var(--mn6), var(--mo6), var(--mx6));
    bottom: clamp(var(--mn20), var(--mo20), var(--mx20));
    left: 50%;
  }
  
  .dkcp_section .slideWrap .slideController .paginationBox.type-indicator .item {
    width: clamp(var(--mn6), var(--mo6), var(--mx6));
    height: clamp(var(--mn6), var(--mo6), var(--mx6));
    padding: 0 0 0 clamp(var(--mn6), var(--mo6), var(--mx6));
    border-radius: clamp(var(--mn4), var(--mo4), var(--mx4));
  }
  
  .dkcp_section .slideWrap .slideController .paginationBox.type-indicator .item.swiper-pagination-bullet-active {
    width: clamp(var(--mn10), var(--mo10), var(--mx10));
    padding: 0 0 0 clamp(var(--mn10), var(--mo10), var(--mx10));
  }
  
  .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic {
    display: flex;
    gap: clamp(var(--mn6), var(--mo6), var(--mx6));
    overflow: hidden;
    width: 100%;
    height: clamp(var(--mn6), var(--mo6), var(--mx6));
  }
  
  .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic span {
    width: clamp(var(--mn6), var(--mo6), var(--mx6));
    height: clamp(var(--mn6), var(--mo6), var(--mx6));
    padding: 0 0 0 clamp(var(--mn6), var(--mo6), var(--mx6));
    border-radius: clamp(var(--mn3), var(--mo3), var(--mx3));
    background-color: var(--gray170);
    transition: var(--transition);
  }
  
  .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic span:nth-child(4) {
    opacity: 1;
  }
  
  .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic span:nth-child(3),
  .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic span:nth-child(5),
  .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic span:nth-child(2),
  .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic span:nth-child(6),
  .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic span:nth-child(1),
  .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic span:nth-child(7) {
    background-color: var(--gray200);
    opacity: 1;
  }
  
  .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic span:nth-child(2),
  .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic span:nth-child(6),
  .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic span:nth-child(1),
  .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic span:nth-child(7) {
    width: clamp(var(--mn4), var(--mo4), var(--mx4));
    height: clamp(var(--mn4), var(--mo4), var(--mx4));
    padding: 0 0 0 clamp(var(--mn2), var(--mo2), var(--mx2));
  }
  
  .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic span:nth-child(1),
  .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic span:nth-child(7) {
    opacity: 0;
  }
  
  .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(2) {
    animation: anBulletsDynamicLeftM1 .3s ease-in;
  }
  
  .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(3) {
    animation: anBulletsDynamicLeftM2 .3s ease-in;
  }
  
  .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(4) {
    animation: anBulletsDynamicLeftM3 .3s ease-in;
  }
  
  .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(5) {
    animation: anBulletsDynamicLeftM4 .3s ease-in;
  }
  
  .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(6) {
    animation: anBulletsDynamicLeftM5 .3s ease-in;
  }
  
  .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(7) {
    animation: anBulletsDynamicLeftM6 .3s ease-in;
  }
  
  .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(1) {
    animation: anBulletsDynamicRightM6 .3s ease-in;
  }
  
  .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(2) {
    animation: anBulletsDynamicRightM5 .3s ease-in;
  }
  
  .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(3) {
    animation: anBulletsDynamicRightM4 .3s ease-in;
  }
  
  .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(4) {
    animation: anBulletsDynamicRightM3 .3s ease-in;
  }
  
  .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(5) {
    animation: anBulletsDynamicRightM2 .3s ease-in;
  }
  
  .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(6) {
    animation: anBulletsDynamicRightM1 .3s ease-in;
  }
}

body:has(.dkcp_visual.active) .dkcp_kv .secKvImage.active .img {
  display: none;
}
.subContents {
    margin-top: 8rem;
}
.dkcp_kv {
  position: relative;
  height: 100%;
}

.dkcp_kv.brandIdentity_kv .secMainKvBg::before {
  background-color: #00000099;
}

.dkcp_kv.dim-after-not .secMainKvBg::after {
  display: none;
}

.dkcp_kv .secHeaderBox {
  display: flex;
  position: relative;
  z-index: 30;
  height: calc(100vh - var(--schdHeight));
  height: auto;
  padding-top: clamp(var(--pn100), var(--pc100), var(--px100));
  /*align-items: center;*/
  /*  position: absolute;*/
}

@media (max-width: 1024px) {
  .dkcp_kv .secHeaderBox {
    height: calc(100vh);
  }
}

.dkcp_kv .secHeaderKv {
  text-align: left;
}

.dkcp_kv .secHeaderKv .superscription {
    display: block;
    font-size: 3rem;
    line-height: 1.666;
    font-family: "kiaM";
}

.dkcp_kv .secHeaderKv .superscription+.title {
  margin-top: clamp(var(--pn24), var(--pc24), var(--px24));
}

.dkcp_kv .secHeaderKv .title {
    display: block;
    font-size: 8rem;
    line-height: 1.291666;
    font-family: var(--kiaB);
}

.dkcp_kv .secHeaderKv .title+.description {
  margin-top: clamp(var(--pn10), var(--pc10), var(--px10));
}

.dkcp_kv .secHeaderKv .description {
  display: block;
  font-size: clamp(var(--pn18), var(--pc18), var(--px18));
  line-height: 1.666;
}
.dkcp_kv .secHeaderKv .description  p{
    display: block;
    font-size: 3rem;
    line-height: 1.666;
    font-family: "kiaM";
}

.dkcp_kv .secKvGroup {
  position: relative;
  z-index: 30;
}

.dkcp_kv .secKvGroup:has(.secKvText.group2.active) {
  text-align: center;
}

.dkcp_kv .secKvGroup:has(.secKvText.group2.active) .secKvText.group1 {
  opacity: 0;
}

.dkcp_kv .secKvText.group1 {
  opacity: 0;
}

.dkcp_kv .secKvText.group2 {
  opacity: 0;
  margin-left: auto;
  margin-right: auto;
}

.dkcp_kv .secKvText {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 30;
  height: calc(100vh - var(--schdHeight));
  transition: all .3s ease 1s;
}

.dkcp_kv .secKvText p {
    text-align: center;
    font-size: 2rem;
    line-height: 1.666;
    color: var(--gray000);
    font-family: 'kiaM';
}
.dkcp_kv .secKvText p+p {
  position: relative;
  margin-top: clamp(var(--pn16), var(--pc16), var(--px16));
}

.dkcp_kv .secKvText p:not(:has(span)) {
  text-align: center;
  transform: translateY(30px);
  opacity: 0;
  transition: var(--transition);
}

.dkcp_kv .secKvText p:has(span) span {
  display: block;
  text-align: center;
  transform: translateY(30px);
  opacity: 0;
  transition: var(--transition);
}

.dkcp_kv .secKvText p b {
  font-family: var(--kiaB);
}

.dkcp_kv .secKvText .subTitle {
  opacity: 0;
  transform: translateY(30px);
  font-size: clamp(var(--pn36), var(--pc36), var(--px36));
  font-weight: 400;
  color: var(--gray000);
  line-height: 1.5;
  transition: var(--transition);
}

.dkcp_kv .secKvText .description {
  font-size: clamp(var(--pn16), var(--pc16), var(--px16));
  font-weight: 400;
  color: var(--gray200);
}

.dkcp_kv .secKvText.group1 {
  width: 100%;
  transition: all .1s;
}

.dkcp_kv .secKvText.group2 {
  flex-direction: row;
  align-items: flex-start;
  position: absolute;
  left: 50%;
  top: calc((100vh - var(--schdHeight)) / 2);
  transform: translate(-50%, -50%);
  z-index: 30;
  opacity: 0;
  width: max-content;
  max-width: var(--max1600);
  height: auto;
  padding-left: clamp(var(--pn80), var(--pc80), var(--px80));
  padding-right: clamp(var(--pn80), var(--pc80), var(--px80));
  transition: all .1s;
}

.dkcp_kv .secKvText.group2 .subTitle,
.dkcp_kv .secKvText.group2 .description {
  flex: 1;
  text-align: left;
}

.dkcp_kv .secKvText.group2 .subTitle p,
.dkcp_kv .secKvText.group2 .description p {
  text-align: inherit;
  font-size: clamp(var(--pn16), var(--pc16), var(--px16));
  line-height: 1.75;
  color: var(--gray200);
}

@media (max-width: 1680px) {
  .dkcp_kv .secKvText.group2 {
    width: calc(100% - clamp(var(--pn80), var(--pc80), var(--px80)));
  }
}

.dkcp_kv .secKvText.active:not(:has(span)) p {
  transform: translateY(0);
  opacity: 1;
}

.dkcp_kv .secKvText.active:has(span) p span {
  transform: translateY(0);
  opacity: 1;
}

.dkcp_kv .secKvText.active:has(span) p:nth-child(1) span {
  transition-delay: .03s;
}

.dkcp_kv .secKvText.active:has(span) p:nth-child(2) span:nth-child(1) {
  transition-delay: .3s;
}

.dkcp_kv .secKvText.active:has(span) p:nth-child(2) span:nth-child(2) {
  transition-delay: .4s;
}

.dkcp_kv .secKvText.active:has(span) p:nth-child(2) span:nth-child(3) {
  transition-delay: .5s;
}

.dkcp_kv .secKvText.active:has(span) p:nth-child(2) span:nth-child(4) {
  transition-delay: .5s;
}

.dkcp_kv .secKvText.active:has(span) p:nth-child(2) span:nth-child(5) {
  transition-delay: .5s;
}

.dkcp_kv .secKvText.active:has(span) p:nth-child(2) span:nth-child(6) {
  transition-delay: .5s;
}

.dkcp_kv .secKvText.active:has(span) p:nth-child(2) span:nth-child(7) {
  transition-delay: .5s;
}

.dkcp_kv .secKvText.active:has(span) p:nth-child(2) span:nth-child(8) {
  transition-delay: .5s;
}

.dkcp_kv .secKvText.active:has(span) p:nth-child(3) span:nth-child(1) {
  transition-delay: .6s;
}

.dkcp_kv .secKvText.active:has(span) p:nth-child(3) span:nth-child(2) {
  transition-delay: .7s;
}

.dkcp_kv .secKvText.active:has(span) p:nth-child(3) span:nth-child(3) {
  transition-delay: .8s;
}

.dkcp_kv .secKvText.active:has(span) p:nth-child(3) span:nth-child(4) {
  transition-delay: .9s;
}

.dkcp_kv .secKvText.active:has(span) p:nth-child(3) span:nth-child(5) {
  transition-delay: .10s;
}

.dkcp_kv .secKvText.active:has(span) p:nth-child(3) span:nth-child(6) {
  transition-delay: .11s;
}

.dkcp_kv .secKvText.active:has(span) p:nth-child(3) span:nth-child(7) {
  transition-delay: .12s;
}

.dkcp_kv .secKvText.active:has(span) p:nth-child(3) span:nth-child(8) {
  transition-delay: .13s;
}

.dkcp_kv .secKvText.active.group1,
.dkcp_kv .secKvText.active.group2 {
  opacity: 1;
}

.dkcp_kv .secKvText.active.group1 .subTitle,
.dkcp_kv .secKvText.active.group2 .subTitle {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0;
}

.dkcp_kv .secKvText.active.group1 .description p,
.dkcp_kv .secKvText.active.group2 .description p {
  transform: translateY(0);
  opacity: 1;
}

.dkcp_kv .secKvText.active.group1 .description p:nth-child(1),
.dkcp_kv .secKvText.active.group2 .description p:nth-child(1) {
  transition-delay: .3s;
}

.dkcp_kv .secKvText.active.group1 .description p:nth-child(2),
.dkcp_kv .secKvText.active.group2 .description p:nth-child(2) {
  transition-delay: .6s;
}

@media (max-width: 1024px) {
  .dkcp_kv .secKvText {
    height: calc(100vh);
  }
  
  .dkcp_kv .secKvText.group2 {
    top: calc((100vh) / 2);
  }
}

.dkcp_kv:has(.secKvImage.active) .secKvText.active {
  opacity: 0 !important;
  transition: all .3s ease;
}

.dkcp_kv:has(.secKvText.group2) .secKvImage::before {
  display: none;
}

.dkcp_kv .secKvImage {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 30;
  opacity: 0;
  transform: scale(0);
  width: 100%;
  height: calc(100vh - var(--schdHeight));
  transition: opacity 800ms cubic-bezier(0.33, 1, 0.68, 1), transform 800ms cubic-bezier(0.33, 1, 0.68, 1);
}

.dkcp_kv .secKvImage::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
  width: 100%;
  /*height: 100%;*/
  background: var(--black);
  transition: all 0 ease .001s;
}
.section {
    background: #000;
}
.dkcp_kv .secKvImage img {
  width: clamp(var(--pn933), var(--pc933), var(--px933));
}

.dkcp_kv .secKvImage.active {
  transform: scale(1);
  opacity: 1;
}

.dkcp_kv .secKvImage.active::before {
  opacity: 1;
  transition: all .6s ease .6s;
}

@media (max-width: 1024px) {
  .dkcp_kv .secKvImage {
    height: calc(100vh);
  }
}

.dkcp_kv .secKvGroup:has(.secKvImage.active) {
  transform: none !important;
}

.dkcp_kv .secKvGroup:has(.secKvImage.active) .secKvImage.active {
  position: fixed;
  left: 0;
  top: auto;
  top: initial;
  bottom: 0;
}

.dkcp_kv .secMainKvBg {
  position: fixed;
  left: 0;
  top: var(--schdHeight);
  width: 100%;
  height: calc(100vh - var(--schdHeight));
}

.dkcp_kv .secMainKvBg::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: clamp(var(--pn82), var(--pc82), var(--px82));
  background: linear-gradient(180deg, #02090d00 0, #02090d33 30%, #02090d 100%);
}

.dkcp_kv .secMainKvBg::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: #000000b8;
  backdrop-filter: blur(0);
  opacity: 0;
  transition: -webkit-backdrop-filter .6s ease-out, backdrop-filter .6s ease-out, opacity .6s ease-out;
}

.dkcp_kv .secMainKvBg .img {
  opacity: 0;
  transition: all .6s ease-out;
}

.dkcp_kv .secMainKvBg .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
}

.dkcp_kv .secMainKvBg.active::before {
  backdrop-filter: blur(35px);
  animation: anOpacity .6s ease-out forwards;
}

.dkcp_kv .secMainKvBg.active2::before {
  background: linear-gradient(180deg, #0b0d0e 0, #00000099 50%, #0b0d0e 100%);
  backdrop-filter: blur(0);
  animation: anOpacityReverse .3s ease-out both;
}

.dkcp_kv .secMainKvBg.active2 .img {
  opacity: 1;
}

.dkcp_kv .secMainKvBg.active3::before {
  animation: anOpacity .6s ease-out forwards;
}

.dkcp_kv .secMainKvBg.activeBlack {
  filter: blur(0) !important;
}

.dkcp_kv .secMainKvBg.activeBlack::before {
  background-color: #000 !important;
}

.dkcp_kv .secMainKvBg video,
.dkcp_kv .secMainKvBg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1024px) {
  .dkcp_kv .secMainKvBg {
    top: 0;
    height: calc(100vh);
  }
}

@media (max-width: 767px) {
  .dkcp_kv .secHeaderBox {
    padding-top: 0;
    padding-left: clamp(var(--mn20), var(--mo20), var(--mx20));
    padding-right: clamp(var(--mn20), var(--mo20), var(--mx20));
  }
  
  .dkcp_kv .secHeaderKv {
    padding: clamp(var(--mn52), var(--mo52), var(--mx52)) 0;
  }
  
  .dkcp_kv .secHeaderKv .superscription {
    font-size: clamp(var(--mn16), var(--mo16), var(--mx16));
    line-height: 1.75;
  }
  
  .dkcp_kv .secHeaderKv .superscription+.title {
    margin-top: clamp(var(--mn20), var(--mo20), var(--mx20));
  }
  
  .dkcp_kv .secHeaderKv .title {
    font-size: clamp(var(--mn32), var(--mo32), var(--mx32));
    line-height: 1.5;
  }
  
  .dkcp_kv .secHeaderKv .title+.description {
    margin-top: clamp(var(--mn8), var(--mo8), var(--mx8));
  }
  
  .dkcp_kv .secHeaderKv .description {
    font-size: clamp(var(--mn16), var(--mo16), var(--mx16));
    line-height: 1.7;
  }
  
  .dkcp_kv .secKvText {
    max-width: 100%;
    overflow: hidden;
    height: 100vh;
  }
  
  .dkcp_kv .secKvText p {
    padding: 0 clamp(var(--mn20), var(--mo20), var(--mx20));
    font-size: clamp(var(--mn16), var(--mo16), var(--mx16));
    line-height: 1.75;
  }
  
  .dkcp_kv .secKvText p+p {
    margin-top: clamp(var(--mn15), var(--mo15), var(--mx15));
  }
  
  .dkcp_kv .secKvText.group2 {
    display: block;
    position: absolute;
    left: 0;
    top: calc(clamp(var(--mn40), var(--mo40), var(--mx40)));
    transform: none;
    margin-left: 0;
    margin-right: 0;
  }
  
  .dkcp_kv .secKvText.group2 .subTitle {
    display: block;
    width: 100%;
    font-size: clamp(var(--mn24), var(--mo24), var(--mx24));
    line-height: 1.5;
  }
  
  .dkcp_kv .secKvText.group2 .subTitle,
  .dkcp_kv .secKvText.group2 .description {
    text-align: left;
  }
  
  .dkcp_kv .secKvText.group2 .subTitle p,
  .dkcp_kv .secKvText.group2 .description p {
    padding: clamp(var(--mn16), var(--mo16), var(--mx16)) 0 0 0;
    text-align: inherit;
    font-size: clamp(var(--mn14), var(--mo14), var(--mx14));
    line-height: 1.714;
    color: var(--gray200);
  }
  
  .dkcp_kv .secKvText.group2.active .description p:nth-child(1) {
    opacity: 1;
    transition-delay: 0;
  }
  
  .dkcp_kv .secKvText.group2.active .description p:nth-child(2) {
    opacity: 0;
    height: 0;
    transition-delay: .3s;
  }
  
  .dkcp_kv .secKvText.group2.active2 .description p:nth-child(1) {
    opacity: 0;
    height: 0;
    padding-top: 0;
  }
  
  .dkcp_kv .secKvText.group2.active2 .description p:nth-child(2) {
    opacity: 1;
    height: auto;
  }
  
  .dkcp_kv .secKvImage {
    height: 100vh;
  }
  
  .dkcp_kv .secKvImage img {
    width: clamp(var(--mn320), var(--mo320), var(--mx320));
  }
  
  .dkcp_kv .secMainKvBg {
    top: 0;
  }
  
  .dkcp_kv .secMainKvBg::after {
    height: clamp(var(--mn50), var(--mo50), var(--mx50));
  }
}

html.ext-strict .dkcp_visual.mt-m420 {
  margin-top: 0;
}

html.ext-strict .dkcp_visual.fifa2026_visualTextDescription {
  z-index: 31;
  position: relative;
}

html.ext-strict .dkcp_kv .secMainKvBg {
  position: relative;
}

html.ext-strict .dkcp_kv .secKvImage.active::before {
  display: none;
}

html.ext-strict .secKvGroup:has(.secKvImage.active) .secKvImage.active {
  position: relative;
}

.dkcp_visual {
  overflow: hidden;
  z-index: 35;
}

.dkcp_visual.fifa2026_visualTextDescription {
  z-index: 30;
}

.dkcp_visual.fifa2026_visualTextDescription .secHeader .description {
  color: #fff;
}

.dkcp_visual.type-description {
  z-index: 30;
}

.dkcp_visual.type-description .secHeader .description {
  color: #ffffff;
}

.dkcp_visual.type-description .secHeader .description.fs-18 {
  font-size: clamp(var(--pn18), var(--pc18), var(--px18));
  line-height: 1.666;
}

.dkcp_visual.type-textTransition .secHeaderBox {
  z-index: 10;
  background-color: var(--black);
}

.dkcp_visual.type-textTransition .secMainVisual {
  z-index: 15;
}

.dkcp_visual.type-visualSlideAuto .slideWrap {
  margin-top: clamp(var(--pn90), var(--pc90), var(--px90));
  opacity: 0;
  transform: translateY(30px);
  transition: var(--transition);
  transition-delay: .9;
}

.dkcp_visual.type-visualSlideAuto .secInner {
  position: relative;
}

.dkcp_visual.type-visualSlideAuto .secInner::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
  width: 100%;
  height: clamp(var(--pn680), var(--pc680), var(--px680));
  background: linear-gradient(rgba(11, 13, 14, 0) 0, #0b0d0e 100%), linear-gradient(rgba(11, 13, 14, 0) 0, #0b0d0e 100%);
}

.dkcp_visual.type-visualSlideAuto:has(.secHeaderBox.active) .slideWrap {
  transform: translateY(0);
  opacity: 1;
}

.dkcp_visual.type-visualVideo .secMainVisual {
  padding-bottom: 1px;
}

.dkcp_visual.type-visualDivide {
  height: calc(100vh - var(--schdHeight) + clamp(var(--pn464), var(--pc464), var(--px464)));
}

.dkcp_visual.type-visualDivide .secHeaderBox {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: var(--transition);
  height: calc(100vh - var(--schdHeight));
}

.dkcp_visual.type-visualDivide .secHeaderBox .secHeader {
  height: auto;
}

.dkcp_visual.type-visualDivide .secHeaderBox .secHeader > * {
  text-align: center;
}

.dkcp_visual.type-visualDivide .secHeaderBox .secHeader .description {
  max-width: 100%;
}

.dkcp_visual.type-visualDivide .secInner:has(.secMainVisual.active) .secHeaderBox {
  opacity: 0 !important;
}

.dkcp_visual.type-visualDivide .secInner {
  height: 100%;
}

.dkcp_visual.type-visualDivide .secMainVisual {
  height: 100%;
  height: calc(100vh - var(--schdHeight));
}

.dkcp_visual.type-visualDivide .secMainVisual .item {
  position: absolute;
  overflow: hidden;
  border-radius: clamp(var(--pn12), var(--pc12), var(--px12));
  opacity: 0;
  transition: opacity .8s cubic-bezier(0.65, 0, 0.35, 1), transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.dkcp_visual.type-visualDivide .secMainVisual .item:nth-child(1) {
  left: 0;
  top: 0;
  width: clamp(calc(704 / var(--pnDeviceWidth) * var(--pnVw)), calc(704 / var(--pcDeviceWidth) * var(--pcVw)), calc(760 / var(--pxDeviceWidth) * var(--pxVw)));
  transform: translate3d(-60%, -60%, 0);
  transition-delay: .1s;
}

.dkcp_visual.type-visualDivide .secMainVisual .item:nth-child(1) img {
  animation: 6s ease-in-out .001s infinite normal none running anFloatA;
}

.dkcp_visual.type-visualDivide .secMainVisual .item:nth-child(2) {
  right: 0;
  top: 0;
  width: clamp(calc(396 / var(--pnDeviceWidth) * var(--pnVw)), calc(396 / var(--pcDeviceWidth) * var(--pcVw)), calc(400 / var(--pxDeviceWidth) * var(--pxVw)));
  transform: translate3d(60%, -60%, 0);
  transition-delay: .2s;
}

.dkcp_visual.type-visualDivide .secMainVisual .item:nth-child(3) {
  left: 0;
  bottom: 0;
  width: clamp(calc(446 / var(--pnDeviceWidth) * var(--pnVw)), calc(446 / var(--pcDeviceWidth) * var(--pcVw)), calc(450 / var(--pxDeviceWidth) * var(--pxVw)));
  transform: translate3d(-60%, 60%, 0);
  transition-delay: .3s;
  aspect-ratio: 450 / 302;
}

.dkcp_visual.type-visualDivide .secMainVisual .item:nth-child(4) {
  right: 0;
  bottom: 0;
  width: clamp(calc(383 / var(--pnDeviceWidth) * var(--pnVw)), calc(383 / var(--pcDeviceWidth) * var(--pcVw)), calc(386 / var(--pxDeviceWidth) * var(--pxVw)));
  transform: translate3d(60%, 60%, 0);
  transition-delay: .4s;
}

.dkcp_visual.type-visualDivide .secMainVisual .item:nth-child(4) img {
  animation: 6s ease-in-out .001s infinite normal none running anFloatD;
}

.dkcp_visual.type-visualDivide .secMainVisual.active .item:nth-child(1) {
  opacity: 1;
  transform: translate3d(-10%, -30%, 0);
}

.dkcp_visual.type-visualDivide .secMainVisual.active .item:nth-child(2) {
  opacity: 1;
  transform: translate3d(-30%, 32%, 0);
}

.dkcp_visual.type-visualDivide .secMainVisual.active .item:nth-child(3) {
  opacity: 1;
  transform: translate3d(40%, -12%, 0);
}

.dkcp_visual.type-visualDivide .secMainVisual.active .item:nth-child(4) {
  opacity: 1;
  transform: translate3d(-105%, 72%, 0);
}

.dkcp_visual.type-visualDivide .secMainText {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: calc(100vh - var(--schdHeight));
  transition: var(--transition);
}

.dkcp_visual.type-visualDivide .secMainText .description {
  font-size: clamp(var(--pn36), var(--pc36), var(--px36));
  line-height: 1.5;
  color: #fff;
}

.dkcp_visual.type-visualDivide .secMainText.active {
  opacity: 1;
}

.dkcp_visual.fifa2026_visualSlideAuto .slideWrap .list .item {
  height: clamp(var(--pn486), var(--pc486), var(--px486));
}

.dkcp_visual.fifa2026_visualSlideAuto .slideWrap .list .item:nth-child(6n+1) {
  flex-basis: clamp(calc(342 / var(--pnDeviceWidth) * var(--pnVw)), calc(342 / var(--pcDeviceWidth) * var(--pcVw)), calc(342 / var(--pxDeviceWidth) * var(--pxVw)));
}

.dkcp_visual.fifa2026_visualSlideAuto .slideWrap .list .item:nth-child(6n+2) {
  flex-basis: clamp(calc(253 / var(--pnDeviceWidth) * var(--pnVw)), calc(253 / var(--pcDeviceWidth) * var(--pcVw)), calc(253 / var(--pxDeviceWidth) * var(--pxVw)));
}

.dkcp_visual.fifa2026_visualSlideAuto .slideWrap .list .item:nth-child(6n+3) {
  flex-basis: clamp(calc(536 / var(--pnDeviceWidth) * var(--pnVw)), calc(536 / var(--pcDeviceWidth) * var(--pcVw)), calc(536 / var(--pxDeviceWidth) * var(--pxVw)));
}

.dkcp_visual.fifa2026_visualSlideAuto .slideWrap .list .item:nth-child(6n+4) {
  flex-basis: clamp(calc(536 / var(--pnDeviceWidth) * var(--pnVw)), calc(536 / var(--pcDeviceWidth) * var(--pcVw)), calc(536 / var(--pxDeviceWidth) * var(--pxVw)));
}

.dkcp_visual.fifa2026_visualSlideAuto .slideWrap .list .item:nth-child(6n+5) {
  flex-basis: clamp(calc(302 / var(--pnDeviceWidth) * var(--pnVw)), calc(302 / var(--pcDeviceWidth) * var(--pcVw)), calc(302 / var(--pxDeviceWidth) * var(--pxVw)));
}

.dkcp_visual.fifa2026_visualSlideAuto .slideWrap .list .item:nth-child(6n+6) {
  flex-basis: clamp(calc(296 / var(--pnDeviceWidth) * var(--pnVw)), calc(296 / var(--pcDeviceWidth) * var(--pcVw)), calc(296 / var(--pxDeviceWidth) * var(--pxVw)));
}

.dkcp_visual.fifa2026_visualSlideAuto .slideWrap .list .item:nth-child(even) {
  align-items: flex-end;
}

.dkcp_visual.height-auto {
  height: auto;
}

.dkcp_visual.height-auto .secInner {
  height: auto;
}

.dkcp_visual.height-auto .secInner .secMainVisual {
  height: auto;
}

.dkcp_visual.height-auto .secInner .secMainVisual img {
  height: auto;
}

.dkcp_visual.mt-m420 {
  margin-top: calc(clamp(var(--pn420), var(--pc420), var(--px420)) * -1);
}

.dkcp_visual.mt-m420 .secHeaderBox {
  top: clamp(var(--pn420), var(--pc420), var(--px420));
}

.dkcp_visual.gradient-btm200 .secMainVisual::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: clamp(var(--pn200), var(--pc200), var(--px200));
  background: linear-gradient(180deg, #0B0D0E00 0, #0b0d0e 100%);
}

.dkcp_visual.gradient-top250 .secMainVisual::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: clamp(var(--pn250), var(--pc250), var(--px250));
  background: linear-gradient(0, #0B0D0E00 0, #0b0d0e 100%);
}

.dkcp_visual .secHeader {
  width: 100%;
  /*height: 100%;*/
  padding-top: 0;
}

.dkcp_visual .secHeader .group2 {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.dkcp_visual .secHeader .group2 .slideWrap {
  transition: var(--transition);
  transition-delay: .8s;
  transform: translateY(50px);
  opacity: 0;
  margin-top: clamp(var(--pn52), var(--pc52), var(--px52));
}

.dkcp_visual .secHeader .title {
  position: relative;
  z-index: 10;
}

.dkcp_visual .secHeader .description {
  position: relative;
  z-index: 10;
  opacity: 0;
  transform: translateY(50px);
}

.dkcp_visual .secHeaderBox .title {
  opacity: 0;
  transition: var(--transition);
  transform: translateY(50px);
}

.dkcp_visual .secHeaderBox .description p {
  opacity: 0;
  transition: var(--transition);
  transform: translateY(50px);
}

.dkcp_visual .secHeaderBox .description p+p {
  margin-top: clamp(var(--pn24), var(--pc24), var(--px24));
}

.dkcp_visual .secHeaderBox .description p:nth-child(1) {
  transition-delay: .2s;
}

.dkcp_visual .secHeaderBox .description p:nth-child(2) {
  transition-delay: .3s;
}

.dkcp_visual .secHeaderBox .description p:nth-child(3) {
  transition-delay: .4s;
}

.dkcp_visual .secHeaderBox .description p:nth-child(4) {
  transition-delay: .5s;
}

.dkcp_visual .secHeaderBox .description p:nth-child(5) {
  transition-delay: .6s;
}

.dkcp_visual .secHeaderBox .subTitle {
  opacity: 0;
  transition: var(--transition);
  transform: translateY(50px);
}

.dkcp_visual .secHeaderBox.active:not(:has(.group)) .title {
  opacity: 1;
  transform: translateY(0);
}

.dkcp_visual .secHeaderBox.active:not(:has(.group)) .description {
  opacity: 1;
  transform: translateY(0);
}

.dkcp_visual .secHeaderBox.active:not(:has(.group)) .description p {
  opacity: 1;
  transform: translateY(0);
}

.dkcp_visual .secHeaderBox.active:not(:has(.group)) .subTitle {
  opacity: 1;
  transform: translateY(0);
}

.dkcp_visual .secHeaderBox.active .group .title {
  opacity: 1;
  transform: translateY(0);
}

.dkcp_visual .secHeaderBox.active .group .description {
  opacity: 1;
  transform: translateY(0);
}

.dkcp_visual .secHeaderBox.active .group .description p {
  opacity: 1;
  transform: translateY(0);
}

.dkcp_visual .secHeaderBox.active .group .subTitle {
  opacity: 1;
  transform: translateY(0);
}

.dkcp_visual .secHeaderBox.active .group2 {
  position: absolute;
  height: 0;
  opacity: 0;
}

.dkcp_visual .secHeaderBox.active.activeTwo .group {
  position: absolute;
  height: 0;
  opacity: 0;
}

.dkcp_visual .secHeaderBox.active.activeTwo .group2 {
  position: relative;
  z-index: 10;
  height: 100%;
  opacity: 1;
}

.dkcp_visual .secHeaderBox.active.activeTwo .group2 .title {
  opacity: 1;
  transform: translateY(0);
}

.dkcp_visual .secHeaderBox.active.activeTwo .group2 .description {
  opacity: 1;
  transform: translateY(0);
}

.dkcp_visual .secHeaderBox.active.activeTwo .group2 .description p {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0;
}

.dkcp_visual .secHeaderBox.active.activeTwo .group2 .subTitle {
  opacity: 1;
  transform: translateY(0);
}

.dkcp_visual .secHeaderBox.active.activeTwo .group2 .slideWrap {
  opacity: 1;
  transform: translateY(0);
}

.dkcp_visual .secMainVisual {
  position: relative;
  height: 100%;
}

.dkcp_visual .secMainVisual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dkcp_visual .secMainVisual video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1024px) {
  .dkcp_visual.type-visualDivide {
    height: calc(100vh + clamp(var(--pn464), var(--pc464), var(--px464)));
  }
  
  .dkcp_visual.type-visualDivide .secHeaderBox {
    height: calc(100vh);
  }
  
  .dkcp_visual.type-visualDivide .secMainVisual {
    height: calc(100vh);
  }
  
  .dkcp_visual.type-visualDivide .secMainText {
    height: calc(100vh);
  }
}

@media (max-width: 767px) {
  .dkcp_visual.fifa2026_visualTextDescription {
    z-index: 30;
  }
  
  .dkcp_visual.fifa2026_visualTextDescription .secHeader .description {
    font-size: clamp(var(--mn16), var(--mo16), var(--mx16));
  }
  
  .dkcp_visual.type-description .secHeader .description.fs-18 {
    font-size: clamp(var(--mn16), var(--mo16), var(--mx16));
    line-height: 1.666;
  }
  
  .dkcp_visual.type-visualMulti:has(.secHeaderBox.active.activeTwo) .secMainVisual {
    opacity: .4;
  }
  
  .dkcp_visual.type-visualSlideAuto .slideWrap {
    margin-top: clamp(var(--mn40), var(--mo40), var(--mx40));
  }
  
  .dkcp_visual.type-visualSlideAuto .secInner::after {
    display: none;
  }
  
  .dkcp_visual.fifa2026_visualSlideAuto .slideWrap .list .item {
    height: auto;
  }
  
  .dkcp_visual.fifa2026_visualSlideAuto .slideWrap .list .item:nth-child(6n+1) {
    flex-basis: clamp(calc(122 / var(--mnDeviceWidth) * var(--mnVw)), calc(122 / var(--moDeviceWidth) * var(--moVw)), calc(122 / var(--mxDeviceWidth) * var(--mxVw)));
  }
  
  .dkcp_visual.fifa2026_visualSlideAuto .slideWrap .list .item:nth-child(6n+2) {
    flex-basis: clamp(calc(138 / var(--mnDeviceWidth) * var(--mnVw)), calc(138 / var(--moDeviceWidth) * var(--moVw)), calc(138 / var(--mxDeviceWidth) * var(--mxVw)));
  }
  
  .dkcp_visual.fifa2026_visualSlideAuto .slideWrap .list .item:nth-child(6n+3) {
    flex-basis: clamp(calc(212 / var(--mnDeviceWidth) * var(--mnVw)), calc(212 / var(--moDeviceWidth) * var(--moVw)), calc(212 / var(--mxDeviceWidth) * var(--mxVw)));
  }
  
  .dkcp_visual.fifa2026_visualSlideAuto .slideWrap .list .item:nth-child(6n+4) {
    flex-basis: clamp(calc(133 / var(--mnDeviceWidth) * var(--mnVw)), calc(133 / var(--moDeviceWidth) * var(--moVw)), calc(133 / var(--mxDeviceWidth) * var(--mxVw)));
  }
  
  .dkcp_visual.fifa2026_visualSlideAuto .slideWrap .list .item:nth-child(6n+5) {
    flex-basis: clamp(calc(138 / var(--mnDeviceWidth) * var(--mnVw)), calc(138 / var(--moDeviceWidth) * var(--moVw)), calc(138 / var(--mxDeviceWidth) * var(--mxVw)));
  }
  
  .dkcp_visual.fifa2026_visualSlideAuto .slideWrap .list .item:nth-child(6n+6) {
    flex-basis: clamp(calc(254 / var(--mnDeviceWidth) * var(--mnVw)), calc(254 / var(--moDeviceWidth) * var(--moVw)), calc(254 / var(--mxDeviceWidth) * var(--mxVw)));
  }
  
  .dkcp_visual.fifa2026_visualSlideAuto .slideWrap .list .item:nth-child(even) {
    align-items: flex-start;
  }
  
  .dkcp_visual.type-visualVideo .secMainVisual {
    padding-bottom: 1px;
  }
  
  .dkcp_visual.mt-m420 {
    margin-top: calc(clamp(var(--mn200), var(--mo200), var(--mx200)) * -1);
  }
  
  .dkcp_visual.mt-m420 .secHeaderBox {
    bottom: auto !important;
    bottom: initial !important;
    top: clamp(var(--mn200), var(--mo200), var(--mx200)) !important;
  }
  
  .dkcp_visual.gradient-btm200 .secMainVisual::after {
    height: clamp(var(--mn100), var(--mo100), var(--mx100));
  }
  
  .dkcp_visual.gradient-top250 .secMainVisual::before {
    height: clamp(var(--mn300), var(--mo300), var(--mx300));
  }
  
  .dkcp_visual .secHeaderBox {
    position: absolute;
    left: 0;
    top: auto;
    top: initial;
    bottom: 0;
    margin-top: auto;
    padding: clamp(var(--mn40), var(--mo40), var(--mx40)) clamp(var(--mn20), var(--mo20), var(--mx20)) clamp(var(--mn56), var(--mo56), var(--mx56));
  }
  
  .dkcp_visual .secHeaderBox .description p+p {
    margin-top: clamp(var(--mn16), var(--mo16), var(--mx16));
  }
  
  .dkcp_visual .secHeader::before {
    left: 0;
    top: auto;
    top: initial;
    bottom: 0;
    width: 100%;
    height: clamp(var(--mn464), var(--mo464), var(--mx464));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.06) 20%, rgba(0, 0, 0, 0.28) 48%, rgba(0, 0, 0, 0.38) 58.17%, rgba(0, 0, 0, 0.54) 76.92%, rgba(0, 0, 0, 0.75) 100%);
  }
  
  .dkcp_visual .secHeader .group .title {
    opacity: 1;
    transform: translateY(0);
  }
  
  .dkcp_visual .secHeader .group .description {
    opacity: 1;
    transform: translateY(0);
  }
  
  .dkcp_visual .secHeader .group .description p {
    opacity: 1;
    transform: translateY(0);
  }
  
  .dkcp_visual .secHeader .group .subTitle {
    opacity: 1;
    transform: translateY(0);
  }
  
  .dkcp_visual .secHeader .group2 .slideWrap {
    margin-top: auto !important;
  }
  
  .dkcp_visual .secHeader .group2 .description {
    font-size: clamp(var(--mn13), var(--mo13), var(--mx13));
    line-height: 1.692;
  }
  
  .dkcp_visual .secMainVisual {
    height: 100%;
    border-radius: clamp(var(--mn12), var(--mo12), var(--mx12));
    transition: var(--transition);
  }
  
  .dkcp_visual .secHeaderBox.active .group .title {
    opacity: 1;
    transform: translateY(0);
  }
  
  .dkcp_visual .secHeaderBox.active .group .description {
    opacity: 1;
    transform: translateY(0);
  }
  
  .dkcp_visual .secHeaderBox.active .group .description p {
    opacity: 1;
    transform: translateY(0);
  }
  
  .dkcp_visual .secHeaderBox.active .group .subTitle {
    opacity: 1;
    transform: translateY(0);
  }
  
  .dkcp_visual .secHeaderBox.active .group2 {
    position: absolute;
    height: 0;
    opacity: 0;
  }
  
  .dkcp_visual .secHeaderBox.active.activeTwo .group {
    position: absolute;
    height: 0;
    opacity: 0;
  }
  
  .dkcp_visual .secHeaderBox.active.activeTwo .group2 {
    position: relative;
    height: 100%;
    opacity: 1;
  }
  
  .dkcp_visual .secHeaderBox.active.activeTwo .group2 .title {
    opacity: 1;
    transform: translateY(0);
  }
  
  .dkcp_visual .secHeaderBox.active.activeTwo .group2 .description {
    opacity: 1;
    transform: translateY(0);
  }
  
  .dkcp_visual .secHeaderBox.active.activeTwo .group2 .description p {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0;
  }
  
  .dkcp_visual .secHeaderBox.active.activeTwo .group2 .description p+p {
    position: absolute;
    z-index: -1;
    opacity: 0;
    transition: var(--transition);
    transform: translateY(50px);
    transition: all 0 ease;
  }
  
  .dkcp_visual .secHeaderBox.active.activeTwo .group2 .subTitle {
    opacity: 1;
    transform: translateY(0);
  }
  
  .dkcp_visual .secHeaderBox.active.activeTwo .group2 .slideWrap {
    opacity: 1;
    transform: translateY(0);
  }
  
  .dkcp_visual .secHeaderBox.active.activeThree .group2 .description p {
    position: absolute;
    height: 0;
    opacity: 0;
    transition: all 0 ease;
  }
  
  .dkcp_visual .secHeaderBox.active.activeThree .group2 .description p+p {
    position: relative;
    z-index: 10;
    height: auto;
    opacity: 1;
    margin-top: 0;
    transform: translateY(0);
    transition: var(--transition);
  }
}

.dkcp_banner {
  z-index: 50;
}

.dkcp_banner.type-plaid .secMainBanner .list .item:nth-child(even) .itemInner {
  flex-direction: row-reverse;
}

.dkcp_banner.bg-grayA .secInner {
  background-color: #ffffff1a;
  background-color: #242627;
}

.dkcp_banner.bg-list-grayA .secMainBanner .list .item {
  background-color: #ffffff1a;
  background-color: #242627;
}

.dkcp_banner.type-horizontal .secMainBanner .list {
  flex-flow: nowrap row;
}

.dkcp_banner.type-horizontal .secMainBanner .list .item {
  flex-shrink: 1;
}

.dkcp_banner.type-horizontal .secMainBanner .list .item .itemInner {
  flex-flow: wrap column;
  height: auto;
}

.dkcp_banner.type-horizontal .secMainBanner .list .item:nth-child(1) .itemImg {
  transition-delay: .1s;
}

.dkcp_banner.type-horizontal .secMainBanner .list .item:nth-child(1) .title {
  transition-delay: .2s;
}

.dkcp_banner.type-horizontal .secMainBanner .list .item:nth-child(1) .description {
  transition-delay: .3s;
}

.dkcp_banner.type-horizontal .secMainBanner .list .item:nth-child(2) .itemImg {
  transition-delay: .3s;
}

.dkcp_banner.type-horizontal .secMainBanner .list .item:nth-child(2) .title {
  transition-delay: .4s;
}

.dkcp_banner.type-horizontal .secMainBanner .list .item:nth-child(2) .description {
  transition-delay: .5s;
}

.dkcp_banner.type-horizontal .secMainBanner .list .item:nth-child(3) .itemImg {
  transition-delay: .5s;
}

.dkcp_banner.type-horizontal .secMainBanner .list .item:nth-child(3) .title {
  transition-delay: .6s;
}

.dkcp_banner.type-horizontal .secMainBanner .list .item:nth-child(3) .description {
  transition-delay: .7s;
}

.dkcp_banner.type-horizontal .secMainBanner .itemImg {
  flex: none;
  height: clamp(var(--pn260), var(--pc260), var(--px260));
}

.dkcp_banner.type-horizontal .secMainBanner .itemText {
  flex: 0 0 auto;
  text-align: left;
}

.dkcp_banner.type-vertical .secInner {
  background-color: transparent;
}

.dkcp_banner.type-vertical .secInner .secHeaderBox {
  padding: 0;
}

.dkcp_banner.type-vertical .secMainBanner .list .item {
  overflow: hidden;
  padding: 0;
  border-radius: clamp(var(--pn20), var(--pc20), var(--px20));
}

.dkcp_banner.type-vertical .secMainBanner .list .item .itemInner {
  flex-direction: row-reverse;
  justify-content: space-between;
  height: auto;
  max-width: var(--max1600);
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(var(--pn80), var(--pc80), var(--px80));
  padding-right: clamp(var(--pn80), var(--pc80), var(--px80));
  padding-top: clamp(var(--pn100), var(--pc100), var(--px100));
  padding-bottom: clamp(var(--pn100), var(--pc100), var(--px100));
  text-align: left;
}

.dkcp_banner.type-vertical .secMainBanner .list .item .itemInner .itemText {
  align-items: flex-start;
}

.dkcp_banner.type-vertical .secMainBanner .list .item:nth-child(1) .itemImg {
  transition-delay: .1s;
}

.dkcp_banner.type-vertical .secMainBanner .list .item:nth-child(1) .title {
  transition-delay: .2s;
}

.dkcp_banner.type-vertical .secMainBanner .list .item:nth-child(1) .description {
  transition-delay: .3s;
}

.dkcp_banner.type-vertical .secMainBanner .list .item:nth-child(1) .buttonWrap {
  transition-delay: .4s;
}

.dkcp_banner.type-vertical .secMainBanner .list .item:nth-child(2) .itemImg {
  transition-delay: .3s;
}

.dkcp_banner.type-vertical .secMainBanner .list .item:nth-child(2) .title {
  transition-delay: .4s;
}

.dkcp_banner.type-vertical .secMainBanner .list .item:nth-child(2) .description {
  transition-delay: .5s;
}

.dkcp_banner.type-vertical .secMainBanner .list .item:nth-child(3) .itemImg {
  transition-delay: .5s;
}

.dkcp_banner.type-vertical .secMainBanner .list .item:nth-child(3) .title {
  transition-delay: .6s;
}

.dkcp_banner.type-vertical .secMainBanner .list .item:nth-child(3) .description {
  transition-delay: .7s;
}

.dkcp_banner.type-vertical .secMainBanner .itemImg {
  flex: 0 0 clamp(var(--pn520), var(--pc520), var(--px520));
}

.dkcp_banner.type-vertical .secMainBanner .itemImg img {
  height: auto;
}

.dkcp_banner.type-vertical .secMainBanner .item.active .title {
  opacity: 1;
  transform: translateY(0);
}

.dkcp_banner.type-vertical .secMainBanner .item.active .description {
  opacity: 1;
  transform: translateY(0);
}

.dkcp_banner.type-vertical .secMainBanner .item.active .description span {
  opacity: 1;
  transform: translateY(0);
}

.dkcp_banner.type-vertical .secMainBanner .item.active .buttonWrap {
  opacity: 1;
  transform: translateY(0);
}

.dkcp_banner.type-vertical .secMainBanner .item.active .itemImg {
  opacity: 1;
  transform: translateY(0);
}

.dkcp_banner.type-zigzag .secHeader .description {
  font-size: clamp(var(--pn14), var(--pc14), var(--px14));
}

.dkcp_banner.type-zigzag .secMainBanner .group+.group {
  margin-top: clamp(var(--pn100), var(--pc100), var(--px100));
}

.dkcp_banner.type-zigzag .secMainBanner .group .secHeader .subTitle,
.dkcp_banner.type-zigzag .secMainBanner .group .secHeader .description {
  opacity: 0;
  transform: translateY(30px);
  transition: var(--transition);
}

.dkcp_banner.type-zigzag .secMainBanner .group .secHeader .description {
  transition-delay: .3s;
}

.dkcp_banner.type-zigzag .secMainBanner .group:nth-child(1) .list {
  justify-content: flex-start;
}

.dkcp_banner.type-zigzag .secMainBanner .group:nth-child(2) .secHeader {
  padding-left: calc((100% - clamp(var(--pn24), var(--pc24), var(--px24))) / 3);
}

.dkcp_banner.type-zigzag .secMainBanner .group:nth-child(2) .list {
  justify-content: flex-end;
}

.dkcp_banner.type-zigzag .secMainBanner .group .list .item:nth-child(1) .itemImg {
  transition-delay: 0;
}

.dkcp_banner.type-zigzag .secMainBanner .group .list .item:nth-child(1) .title {
  transition-delay: .2s;
}

.dkcp_banner.type-zigzag .secMainBanner .group .list .item:nth-child(1) .description {
  transition-delay: .4s;
}

.dkcp_banner.type-zigzag .secMainBanner .group .list .item:nth-child(2) .itemImg {
  transition-delay: .3s;
}

.dkcp_banner.type-zigzag .secMainBanner .group .list .item:nth-child(2) .title {
  transition-delay: .5s;
}

.dkcp_banner.type-zigzag .secMainBanner .group .list .item:nth-child(2) .description {
  transition-delay: .7s;
}

.dkcp_banner.type-zigzag .secMainBanner .group.active .secHeader .subTitle,
.dkcp_banner.type-zigzag .secMainBanner .group.active .secHeader .description {
  opacity: 1;
  transform: translateY(0);
}

.dkcp_banner.type-zigzag .secMainBanner .list {
  flex-flow: nowrap row;
  margin-top: clamp(var(--pn40), var(--pc40), var(--px40));
}

.dkcp_banner.type-zigzag .secMainBanner .list .item {
  width: calc((100% - clamp(var(--pn24), var(--pc24), var(--px24))) / 3);
}

.dkcp_banner.type-zigzag .secMainBanner .list .item .itemInner {
  flex-flow: nowrap column;
  height: auto;
}

.dkcp_banner.list-title-24 .secMainBanner .itemText .title {
  font-size: clamp(var(--pn24), var(--pc24), var(--px24));
}

.dkcp_banner .secHeaderBox .title,
.dkcp_banner .list .item .title {
  opacity: 0;
  transition: var(--transition);
  transform: translateY(50px);
  font-family: var(--kiaR);
}

.dkcp_banner .secHeaderBox .description,
.dkcp_banner .list .item .description {
  opacity: 0;
  transition: var(--transition);
  transform: translateY(50px);
  transition-delay: .2s;
}

.dkcp_banner .secHeaderBox .description span,
.dkcp_banner .list .item .description span {
  display: block;
  opacity: 0;
  transform: translateY(50px);
  transition: var(--transition);
}

.dkcp_banner .secHeaderBox .description span+span,
.dkcp_banner .list .item .description span+span {
  margin-top: var(--pc24);
}

.dkcp_banner .secHeaderBox .itemImg,
.dkcp_banner .list .item .itemImg {
  opacity: 0;
  transition: var(--transition);
  transform: translateY(50px);
}

.dkcp_banner .secHeaderBox .buttonWrap,
.dkcp_banner .list .item .buttonWrap {
  opacity: 0;
  transition: var(--transition);
  transform: translateY(50px);
  transition-delay: .3s;
}

.dkcp_banner .list .item .title {
  transition-delay: .3s;
}

.dkcp_banner .list .item .description {
  transition-delay: .5s;
}

.dkcp_banner .secHeaderBox.active .title,
.dkcp_banner .list .item.active .title {
  opacity: 1;
  transform: translateY(0);
}

.dkcp_banner .secHeaderBox.active .description,
.dkcp_banner .list .item.active .description {
  opacity: 1;
  transform: translateY(0);
}

.dkcp_banner .secHeaderBox.active .description span,
.dkcp_banner .list .item.active .description span {
  opacity: 1;
  transform: translateY(0);
}

.dkcp_banner .secHeaderBox.active .itemImg,
.dkcp_banner .list .item.active .itemImg {
  opacity: 1;
  transform: translateY(0);
}

.dkcp_banner .secHeaderBox.active .buttonWrap,
.dkcp_banner .list .item.active .buttonWrap {
  opacity: 1;
  transform: translateY(0);
}

.dkcp_banner .secMainBanner .list {
  display: flex;
  gap: clamp(var(--pn24), var(--pc24), var(--px24));
  flex-flow: nowrap column;
  position: relative;
}

.dkcp_banner .secMainBanner .list a.item {
  display: block;
  text-decoration: none;
}

.dkcp_banner .secMainBanner .list .item {
  flex-shrink: 0;
}

.dkcp_banner .secMainBanner .list .item .itemInner {
  display: flex;
  gap: clamp(var(--pn24), var(--pc24), var(--px24));
  width: 100%;
  height: clamp(var(--pn496), var(--pc496), var(--px496));
  z-index: 10;
}

.dkcp_banner .secMainBanner .itemText {
  flex: 0 0 calc((100% - clamp(var(--pn24), var(--pc24), var(--px24))) / 2);
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  width: 100%;
  text-align: left;
}

.dkcp_banner .secMainBanner .itemText .title {
  display: block;
  max-width: clamp(var(--pn464), var(--pc464), var(--px464));
  width: 100%;
  font-size: 2.5rem;
  line-height: 1.666;
  font-weight: 400;
  color: #ffffff;
}

.dkcp_banner .secMainBanner .itemText .title+.description {
  margin-top: clamp(var(--pn8), var(--pc8), var(--px8));
}

.dkcp_banner .secMainBanner .itemText .description {
  max-width: clamp(var(--pn464), var(--pc464), var(--px464));
  width: 100%;
  font-size: 2rem;
  line-height: 1.714;
  color: var(--gray200);
}

.dkcp_banner .secMainBanner .itemImg {
  flex: 0 0 calc((100% - clamp(var(--pn24), var(--pc24), var(--px24))) / 2);
  position: relative;
  z-index: 15;
  overflow: hidden;
  border-radius: clamp(var(--pn8), var(--pc8), var(--px8));
}

.dkcp_banner .secMainBanner .itemImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
}

@media (max-width: 767px) {
  .dkcp_banner.type-horizontal .secMainBanner .list {
    flex-flow: nowrap column;
  }
  
  .dkcp_banner.type-horizontal .secMainBanner .itemImg {
    height: auto;
  }
  
  .dkcp_banner.type-vertical .secInner {
    background-color: transparent;
  }
  
  .dkcp_banner.type-vertical .secInner .secHeaderBox {
    padding: 0;
  }
  
  .dkcp_banner.type-vertical .secMainBanner {
    padding: 0;
  }
  
  .dkcp_banner.type-vertical .secMainBanner .list {
    gap: clamp(var(--mn12), var(--mo12), var(--mx12));
  }
  
  .dkcp_banner.type-vertical .secMainBanner .list .item {
    border-radius: clamp(var(--mn12), var(--mo12), var(--mx12));
  }
  
  .dkcp_banner.type-vertical .secMainBanner .list .item .itemInner {
    display: block;
    max-width: var(--max1600);
    padding-left: clamp(var(--mn20), var(--mo20), var(--mx20));
    padding-right: clamp(var(--mn20), var(--mo20), var(--mx20));
    padding-top: clamp(var(--mn40), var(--mo40), var(--mx40));
    padding-bottom: clamp(var(--mn40), var(--mo40), var(--mx40));
  }
  
  .dkcp_banner.type-vertical .secMainBanner .itemImg {
    flex: 0 0 100%;
  }
  
  .dkcp_banner.type-vertical .secMainBanner .itemImg img {
    height: auto;
  }
  
  .dkcp_banner.type-zigzag .secHeader .description {
    font-size: clamp(var(--mn13), var(--mo13), var(--mx13));
  }
  
  .dkcp_banner.type-zigzag .secMainBanner .group+.group {
    margin-top: clamp(var(--mn80), var(--mo80), var(--mx80));
  }
  
  .dkcp_banner.type-zigzag .secMainBanner .group .secHeader .description {
    transition-delay: .3s;
  }
  
  .dkcp_banner.type-zigzag .secMainBanner .group:nth-child(1) .list {
    justify-content: flex-start;
  }
  
  .dkcp_banner.type-zigzag .secMainBanner .group:nth-child(2) .secHeader {
    padding-left: 0;
  }
  
  .dkcp_banner.type-zigzag .secMainBanner .group:nth-child(2) .list {
    justify-content: flex-end;
  }
  
  .dkcp_banner.type-zigzag .secMainBanner .group .list .item:nth-child(1) .itemImg {
    transition-delay: 0;
  }
  
  .dkcp_banner.type-zigzag .secMainBanner .group .list .item:nth-child(1) .title {
    transition-delay: .2s;
  }
  
  .dkcp_banner.type-zigzag .secMainBanner .group .list .item:nth-child(1) .description {
    transition-delay: .4s;
  }
  
  .dkcp_banner.type-zigzag .secMainBanner .group .list .item:nth-child(2) .itemImg {
    transition-delay: .3s;
  }
  
  .dkcp_banner.type-zigzag .secMainBanner .group .list .item:nth-child(2) .title {
    transition-delay: .5s;
  }
  
  .dkcp_banner.type-zigzag .secMainBanner .group .list .item:nth-child(2) .description {
    transition-delay: .7s;
  }
  
  .dkcp_banner.type-zigzag .secMainBanner .group.active .secHeader .subTitle,
  .dkcp_banner.type-zigzag .secMainBanner .group.active .secHeader .description {
    opacity: 1;
    transform: translateY(0);
  }
  
  .dkcp_banner.type-zigzag .secMainBanner .list {
    flex-flow: nowrap column;
    margin-top: clamp(var(--mn40), var(--mo40), var(--mx40));
  }
  
  .dkcp_banner.type-zigzag .secMainBanner .list .item {
    width: 100%;
  }
  
  .dkcp_banner.type-zigzag .secMainBanner .list .item .itemInner {
    flex-flow: nowrap column;
    height: auto;
  }
  
  .dkcp_banner.list-title-24 .secMainBanner .itemText .title {
    font-size: clamp(var(--mn18), var(--mo18), var(--mx18));
  }
  
  .dkcp_banner .secHeaderBox {
    padding-bottom: clamp(var(--mn40), var(--mo40), var(--mx40));
    border-radius: clamp(var(--mn12), var(--mo12), var(--mx12)) clamp(var(--mn12), var(--mo12), var(--mx12)) 0 0;
  }
  
  .dkcp_banner .secMainBanner {
    height: auto;
    padding-left: clamp(var(--mn20), var(--mo20), var(--mx20));
    padding-right: clamp(var(--mn20), var(--mo20), var(--mx20));
    padding-bottom: clamp(var(--mn40), var(--mo40), var(--mx40));
    border-radius: 0 0 clamp(var(--mn12), var(--mo12), var(--mx12)) clamp(var(--mn12), var(--mo12), var(--mx12));
  }
  
  .dkcp_banner .secMainBanner .list .item+.item {
    padding-top: clamp(var(--mn40), var(--mo40), var(--mx40));
  }
  
  .dkcp_banner .secMainBanner .list .item .itemInner {
    display: block;
    position: relative;
    height: auto;
  }
  
  .dkcp_banner .secMainBanner .itemText {
    max-width: 100%;
    flex: 1 0 100%;
    margin-top: clamp(var(--mn20), var(--mo20), var(--mx20));
    padding: 0;
    text-align: left;
  }
  
  .dkcp_banner .secMainBanner .itemText .title {
    max-width: initial;
    font-size: clamp(var(--mn16), var(--mo16), var(--mx16));
    line-height: 1.75;
  }
  
  .dkcp_banner .secMainBanner .itemText .title+.description {
    margin-top: clamp(var(--mn8), var(--mo8), var(--mx8));
  }
  
  .dkcp_banner .secMainBanner .itemText .description {
    max-width: initial;
    font-size: clamp(var(--mn13), var(--mo13), var(--mx13));
    line-height: 1.692;
  }
  
  .dkcp_banner .secMainBanner .itemImg {
    max-width: 100%;
    flex: 1 0 100%;
    border-radius: clamp(var(--mn8), var(--mo8), var(--mx8));
  }
}

.dkcp_slide {
  overflow: hidden;
  z-index: 30;
}

.dkcp_slide.fifa2026_slideMulti {
  z-index: 31;
}

.dkcp_slide.fifa2026_slideMulti .secMainSlide {
  position: relative;
}

.dkcp_slide.fifa2026_slideMulti .secMainSlide .swiper {
  position: relative;
  margin-left: calc(clamp(var(--pn12), var(--pc12), var(--px12)) * -1);
  margin-right: calc(clamp(var(--pn12), var(--pc12), var(--px12)) * -1);
}

.dkcp_slide.fifa2026_slideMulti .secMainSlide .list {
  height: clamp(var(--pn531), var(--pc531), var(--px531));
  width: 100%;
}

.dkcp_slide.fifa2026_slideMulti .secMainSlide .item {
  flex-shrink: 0;
  flex-grow: 0;
  position: relative;
  width: initial;
  width: calc(100% / 4);
  height: clamp(var(--pn257), var(--pc257), var(--px257));
  transition: all .6s;
  transform-origin: right;
  padding-right: clamp(var(--pn12), var(--pc12), var(--px12));
  padding-left: clamp(var(--pn12), var(--pc12), var(--px12));
}

.dkcp_slide.fifa2026_slideMulti .secMainSlide .item.swiper-slide-active {
  width: calc(100% / 2);
  height: clamp(var(--pn531), var(--pc531), var(--px531));
}

.dkcp_slide.fifa2026_slideMulti .secMainSlide .item.swiper-slide-active .itemImg {
  height: 100%;
}

.dkcp_slide.fifa2026_slideMulti .secMainSlide .item.swiper-slide-active .itemText {
  display: block;
  animation: anLeft .3s ease-in .4s forwards;
}

.dkcp_slide.fifa2026_slideMulti .secMainSlide .item.swiper-slide-prev {
  opacity: 0;
}

.dkcp_slide.fifa2026_slideMulti .secMainSlide .item.swiper-slide-active+.item+.item+.item {
  opacity: 0;
}

.dkcp_slide.fifa2026_slideMulti .secMainSlide .itemImg {
  overflow: hidden;
  height: 100%;
  border-radius: clamp(var(--pn12), var(--pc12), var(--px12));
}

.dkcp_slide.fifa2026_slideMulti .secMainSlide .itemImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dkcp_slide.fifa2026_slideMulti .secMainSlide .itemText {
  display: none;
  position: absolute;
  left: 100%;
  bottom: 0;
  opacity: 0;
  width: clamp(var(--pn464), var(--pc464), var(--px464));
  margin-left: clamp(var(--pn24), var(--pc24), var(--px24));
  color: var(--gray000);
  text-align: left;
}

.dkcp_slide.fifa2026_slideMulti .secMainSlide .itemText em {
  display: block;
  font-size: 2.5rem;
  line-height: 1.666;
  font-weight: 400;
  color: var(--kiaBlack);
}

.dkcp_slide.fifa2026_slideMulti .secMainSlide .itemText p {
  display: block;
  margin-top: clamp(var(--pn8), var(--pc8), var(--px8));
  font-size: 2rem;
  line-height: 1.692;
  color: var(--gray170);
}

.dkcp_slide.fifa2026_slideCenterLoop .secHeader .description {
  max-width: 100%;
}

.dkcp_slide.fifa2026_slideCenterLoop .secMainSlide .item {
  flex-shrink: 0;
  width: clamp(calc(460 / var(--pnDeviceWidth) * var(--pnVw)), calc(460 / var(--pcDeviceWidth) * var(--pcVw)), calc(460 / var(--pxDeviceWidth) * var(--pxVw)));
  min-height: clamp(calc(496 / var(--pnDeviceWidth) * var(--pnVw)), calc(496 / var(--pcDeviceWidth) * var(--pcVw)), calc(496 / var(--pxDeviceWidth) * var(--pxVw)));
}

.dkcp_slide.fifa2026_slideCenterLoop .secMainSlide .item .itemImg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: clamp(calc(466 / var(--pnDeviceWidth) * var(--pnVw)), calc(466 / var(--pcDeviceWidth) * var(--pcVw)), calc(466 / var(--pxDeviceWidth) * var(--pxVw)));
}

.dkcp_slide.fifa2026_slideCenterLoop .secMainSlide .item .itemImg img {
  width: clamp(calc(395 / var(--pnDeviceWidth) * var(--pnVw)), calc(395 / var(--pcDeviceWidth) * var(--pcVw)), calc(395 / var(--pxDeviceWidth) * var(--pxVw)));
  transition: var(--transition3);
  transform-origin: center center;
  filter: grayscale(100%);
}

.dkcp_slide.fifa2026_slideCenterLoop .secMainSlide .item .itemText {
  margin-top: clamp(var(--pn20), var(--pc20), var(--px20));
}

.dkcp_slide.fifa2026_slideCenterLoop .secMainSlide .item .itemText em {
  font-size: clamp(var(--pn18), var(--pc18), var(--px18));
  line-height: 1.66;
  opacity: 0;
  transition: var(--transition1);
  transition-delay: 0;
}

.dkcp_slide.fifa2026_slideCenterLoop .secMainSlide .item.swiper-slide-active .itemImg img {
  transform: scale(1.294);
  filter: grayscale(0);
}

.dkcp_slide.fifa2026_slideCenterLoop .secMainSlide .item.swiper-slide-active .itemText {
  text-align: center;
}

.dkcp_slide.fifa2026_slideCenterLoop .secMainSlide .item.swiper-slide-active .itemText em {
  opacity: 1;
  transition-delay: 0;
}

.dkcp_slide.fifa2026_slideCenterLoop .slideController {
  margin-top: clamp(var(--pn60), var(--pc60), var(--px60));
}

.dkcp_slide .secHeader {
  padding-top: 0;
}

.dkcp_slide .secHeaderBox .title {
  opacity: 0;
  transition: var(--transition);
  transform: translateY(50px);
}

.dkcp_slide .secHeaderBox .description {
  opacity: 0;
  transition: var(--transition);
  transform: translateY(50px);
  transition-delay: .2s;
}

.dkcp_slide .secHeaderBox.active .title {
  opacity: 1;
  transform: translateY(0);
  font-size: 3.5rem;
}

.dkcp_slide .secHeaderBox.active .description {
  opacity: 1;
  transform: translateY(0);
  font-size: 2.5rem;
}

.dkcp_slide .secMainSlide .list {
  display: flex;
}

@media (max-width: 767px) {
  .dkcp_slide.fifa2026_slideMulti .secMainSlide {
    min-height: auto;
  }
  
  .dkcp_slide.fifa2026_slideMulti .secMainSlide .swiper {
    margin-left: calc(clamp(var(--mn10), var(--mo10), var(--mx10)) * -1);
    margin-right: calc(clamp(var(--mn10), var(--mo10), var(--mx10)) * -1);
  }
  
  .dkcp_slide.fifa2026_slideMulti .secMainSlide .list {
    column-gap: 0;
    height: auto;
  }
  
  .dkcp_slide.fifa2026_slideMulti .secMainSlide .item {
    width: 100% !important;
    height: auto;
    padding-left: clamp(var(--mn10), var(--mo10), var(--mx10));
    padding-right: clamp(var(--mn10), var(--mo10), var(--mx10));
  }
  
  .dkcp_slide.fifa2026_slideMulti .secMainSlide .item.swiper-slide-active {
    height: auto;
  }
  
  .dkcp_slide.fifa2026_slideMulti .secMainSlide .item.swiper-slide-active .itemImg {
    width: 100%;
    height: clamp(var(--mn225), var(--mo225), var(--mx225));
  }
  
  .dkcp_slide.fifa2026_slideMulti .secMainSlide .itemImg {
    overflow: hidden;
    width: initial;
    height: clamp(var(--mn225), var(--mo225), var(--mx225));
    border-radius: clamp(var(--mn8), var(--mo8), var(--mx8));
  }
  
  .dkcp_slide.fifa2026_slideMulti .secMainSlide .itemText {
    display: block;
    position: static;
    margin-left: 0;
    min-width: initial;
    width: initial;
  }
  
  .dkcp_slide.fifa2026_slideMulti .secMainSlide .itemText em {
    margin-top: clamp(var(--mn16), var(--mo16), var(--mx16));
    font-size: clamp(var(--mn16), var(--mo16), var(--mx16));
  }
  
  .dkcp_slide.fifa2026_slideMulti .secMainSlide .itemText p {
    margin-top: clamp(var(--mn8), var(--mo8), var(--mx8));
    font-size: clamp(var(--mn13), var(--mo13), var(--mx13));
  }
  
  .dkcp_slide.fifa2026_slideCenterLoop .secMainSlide {
    min-height: auto;
  }
  
  .dkcp_slide.fifa2026_slideCenterLoop .secMainSlide .item {
    width: 100% !important;
    max-width: clamp(var(--mn170), var(--mo170), var(--mx170));
    height: auto;
  }
  
  .dkcp_slide.fifa2026_slideCenterLoop .secMainSlide .item .itemImg {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: clamp(var(--mn200), var(--mo200), var(--mx200));
  }
  
  .dkcp_slide.fifa2026_slideCenterLoop .secMainSlide .item .itemImg img {
    width: clamp(calc(123 / var(--mnDeviceWidth) * var(--mnVw)), calc(123 / var(--moDeviceWidth) * var(--moVw)), calc(123 / var(--mxDeviceWidth) * var(--mxVw)));
  }
  
  .dkcp_slide.fifa2026_slideCenterLoop .secMainSlide .item .itemText {
    margin-top: clamp(var(--mn15), var(--mo15), var(--mx15));
    position: relative;
    width: 80vw;
    margin-left: 50%;
    transform: translateX(-50%);
  }
  
  .dkcp_slide.fifa2026_slideCenterLoop .secMainSlide .item .itemText em {
    font-size: clamp(var(--mn16), var(--mo16), var(--mx16));
    line-height: 1.66;
    opacity: 0;
    transition: var(--transition1);
    transition-delay: 0;
  }
  
  .dkcp_slide.fifa2026_slideCenterLoop .secMainSlide .item.swiper-slide-active .itemImg img {
    transform: scale(1.789);
  }
  
  .dkcp_slide.fifa2026_slideCenterLoop .secMainSlide .item.swiper-slide-active .itemText em {
    opacity: 1;
    transition-delay: 0;
  }
  
  .dkcp_slide .slideController {
    position: static;
    margin-top: clamp(var(--mn20), var(--mo20), var(--mx20));
  }
}

html[dir='rtl'] .dkcp_section .secHeaderBox,
html.lang-ar .dkcp_section .secHeaderBox {
  text-align: right;
}

html[dir='rtl'] .dkcp_section :has(.is-widthDefault) .is-widthDefault,
html.lang-ar .dkcp_section :has(.is-widthDefault) .is-widthDefault {
  text-align: right;
}

html[dir='rtl'] .dkcp_section .secHeader .buttonWrap .button::after,
html.lang-ar .dkcp_section .secHeader .buttonWrap .button::after {
  transform: rotate(180deg);
}

html[dir='rtl'] .dkcp_section .secHeader .buttonWrap .button:hover,
html.lang-ar .dkcp_section .secHeader .buttonWrap .button:hover {
  padding-left: clamp(var(--pn40), var(--pc40), var(--px40));
  padding-right: clamp(var(--pn48), var(--pc48), var(--px48));
}

html[dir='rtl'] .dkcp_section .secHeader .buttonWrap .button:hover::after,
html.lang-ar .dkcp_section .secHeader .buttonWrap .button:hover::after {
  margin-right: clamp(var(--pn8), var(--pc8), var(--px8));
  margin-left: 0;
}

html[dir='rtl'] .dkcp_slide .secMainSlide .itemText,
html.lang-ar .dkcp_slide .secMainSlide .itemText {
  left: auto;
  left: initial;
  right: 100%;
  margin-left: 0;
  margin-right: clamp(var(--pn24), var(--pc24), var(--px24));
  text-align: right;
}

html[dir='rtl'] .dkcp_slide .secMainSlide .list .item,
html.lang-ar .dkcp_slide .secMainSlide .list .item {
  transform-origin: right;
}

html[dir='rtl'] .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(1),
html.lang-ar .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(1) {
  animation: none;
}

html[dir='rtl'] .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(2),
html.lang-ar .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(2) {
  animation: anBulletsDynamicRight1 .3s ease-in;
}

html[dir='rtl'] .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(3),
html.lang-ar .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(3) {
  animation: anBulletsDynamicRight2 .3s ease-in;
}

html[dir='rtl'] .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(4),
html.lang-ar .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(4) {
  animation: anBulletsDynamicRight3 .3s ease-in;
}

html[dir='rtl'] .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(5),
html.lang-ar .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(5) {
  animation: anBulletsDynamicRight4 .3s ease-in;
}

html[dir='rtl'] .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(6),
html.lang-ar .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(6) {
  animation: anBulletsDynamicRight5 .3s ease-in;
}

html[dir='rtl'] .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(7),
html.lang-ar .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(7) {
  animation: anBulletsDynamicRight6 .3s ease-in;
}

html[dir='rtl'] .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(1),
html.lang-ar .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(1) {
  animation: anBulletsDynamicLeft6 .3s ease-in;
}

html[dir='rtl'] .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(2),
html.lang-ar .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(2) {
  animation: anBulletsDynamicLeft5 .3s ease-in;
}

html[dir='rtl'] .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(3),
html.lang-ar .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(3) {
  animation: anBulletsDynamicLeft4 .3s ease-in;
}

html[dir='rtl'] .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(4),
html.lang-ar .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(4) {
  animation: anBulletsDynamicLeft3 .3s ease-in;
}

html[dir='rtl'] .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(5),
html.lang-ar .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(5) {
  animation: anBulletsDynamicLeft2 .3s ease-in;
}

html[dir='rtl'] .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(6),
html.lang-ar .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(6) {
  animation: anBulletsDynamicLeft1 .3s ease-in;
}

html[dir='rtl'] .dkcp_section .slideWrap .slideController .buttonPrev,
html[dir='rtl'] .dkcp_section .slideWrap .slideController .buttonNext,
html.lang-ar .dkcp_section .slideWrap .slideController .buttonPrev,
html.lang-ar .dkcp_section .slideWrap .slideController .buttonNext {
  left: auto;
  left: initial;
  right: calc(clamp(var(--pn60), var(--pc60), var(--px140)) * -1);
  transform: translateY(-50%) rotate(180deg);
}

html[dir='rtl'] .dkcp_section .slideWrap.slideMulti .slideController .buttonNext,
html.lang-ar .dkcp_section .slideWrap.slideMulti .slideController .buttonNext {
  right: auto;
  right: initial;
  left: calc(clamp(var(--pn60), var(--pc60), var(--px140)) * -1);
  transform: translateY(-50%) rotate(0);
}

html[dir='rtl'] .dkcp_section .slideWrap.slideAuto .list,
html.lang-ar .dkcp_section .slideWrap.slideAuto .list {
  left: 25%;
  transform: translateX(25%);
  animation: 25s linear .001s infinite normal none running anTranslateX50_rtl;
  width: max-content;
}

html[dir='rtl'] .dkcp_kv .secHeaderKv,
html.lang-ar .dkcp_kv .secHeaderKv {
  text-align: right;
}

html[dir='rtl'] .dkcp_kv .secKvText.group2 .subTitle,
html[dir='rtl'] .dkcp_kv .secKvText.group2 .description,
html.lang-ar .dkcp_kv .secKvText.group2 .subTitle,
html.lang-ar .dkcp_kv .secKvText.group2 .description {
  text-align: right;
}

html[dir='rtl'] .dkcp_banner.type-horizontal .secMainBanner .itemText,
html.lang-ar .dkcp_banner.type-horizontal .secMainBanner .itemText {
  text-align: right;
}

html[dir='rtl'] .dkcp_banner.type-vertical .secInner .secMainBanner .list .item .itemInner,
html.lang-ar .dkcp_banner.type-vertical .secInner .secMainBanner .list .item .itemInner {
  text-align: right;
}

html[dir='rtl'] .dkcp_banner .secMainBanner .itemText,
html.lang-ar .dkcp_banner .secMainBanner .itemText {
  text-align: right;
}

html[dir='rtl'] .dkcp_banner.type-zigzag .secMainBanner .group:nth-child(2) .secHeader,
html.lang-ar .dkcp_banner.type-zigzag .secMainBanner .group:nth-child(2) .secHeader {
  padding-left: 0;
  padding-right: calc((100% - clamp(var(--pn24), var(--pc24), var(--px24))) / 3);
}

@media (max-width: 767px) {
  html[dir='rtl'] .dkcp_slide .secMainSlide .itemText,
  html.lang-ar .dkcp_slide .secMainSlide .itemText {
    margin-right: 0;
  }
  
  html[dir='rtl'] .dkcp_slide.fifa2026_slideCenterLoop .secMainSlide .item .itemText,
  html.lang-ar .dkcp_slide.fifa2026_slideCenterLoop .secMainSlide .item .itemText {
    right: 0;
    transform: translateX(50%);
    margin-left: 0;
    margin-right: 50%;
  }
  
  html[dir='rtl'] .dkcp_section .secHeader .buttonWrap .button:hover,
  html.lang-ar .dkcp_section .secHeader .buttonWrap .button:hover {
    padding-left: clamp(var(--mn30), var(--mo30), var(--mx30));
    padding-right: clamp(var(--mn30), var(--mo30), var(--mx30));
  }
  
  html[dir='rtl'] .dkcp_section .secHeader .buttonWrap .button:hover::after,
  html.lang-ar .dkcp_section .secHeader .buttonWrap .button:hover::after {
    margin-right: 0;
    margin-left: 0;
  }
  
  html[dir='rtl'] .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(1),
  html.lang-ar .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(1) {
    animation: none;
  }
  
  html[dir='rtl'] .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(2),
  html.lang-ar .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(2) {
    animation: anBulletsDynamicRightM1 .3s ease-in;
  }
  
  html[dir='rtl'] .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(3),
  html.lang-ar .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(3) {
    animation: anBulletsDynamicRightM2 .3s ease-in;
  }
  
  html[dir='rtl'] .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(4),
  html.lang-ar .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(4) {
    animation: anBulletsDynamicRightM3 .3s ease-in;
  }
  
  html[dir='rtl'] .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(5),
  html.lang-ar .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(5) {
    animation: anBulletsDynamicRightM4 .3s ease-in;
  }
  
  html[dir='rtl'] .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(6),
  html.lang-ar .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(6) {
    animation: anBulletsDynamicRightM5 .3s ease-in;
  }
  
  html[dir='rtl'] .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(7),
  html.lang-ar .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='next'] span:nth-child(7) {
    animation: anBulletsDynamicRightM6 .3s ease-in;
  }
  
  html[dir='rtl'] .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(1),
  html.lang-ar .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(1) {
    animation: anBulletsDynamicLeftM6 .3s ease-in;
  }
  
  html[dir='rtl'] .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(2),
  html.lang-ar .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(2) {
    animation: anBulletsDynamicLeftM5 .3s ease-in;
  }
  
  html[dir='rtl'] .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(3),
  html.lang-ar .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(3) {
    animation: anBulletsDynamicLeftM4 .3s ease-in;
  }
  
  html[dir='rtl'] .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(4),
  html.lang-ar .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(4) {
    animation: anBulletsDynamicLeftM3 .3s ease-in;
  }
  
  html[dir='rtl'] .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(5),
  html.lang-ar .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(5) {
    animation: anBulletsDynamicLeftM2 .3s ease-in;
  }
  
  html[dir='rtl'] .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(6),
  html.lang-ar .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(6) {
    animation: anBulletsDynamicLeftM1 .3s ease-in;
  }
  
  html[dir='rtl'] .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(7),
  html.lang-ar .dkcp_section .slideWrap .slideController .paginationBox.type-bulletsDynamic[data-slide-direction='prev'] span:nth-child(7) {
    animation: none;
  }
  
  html[dir='rtl'] .dkcp_banner.type-zigzag .secMainBanner .group:nth-child(2) .secHeader,
  html.lang-ar .dkcp_banner.type-zigzag .secMainBanner .group:nth-child(2) .secHeader {
    padding-left: 0;
    padding-right: 0;
  }
}