@import"https://cdn.jsdelivr.net/npm/@openfonts/noto-sans-kr_korean@1.44.1/index.min.css";

*,*::before,*::after {
  box-sizing:border-box;
  margin:0;
  padding:0;
  font-family:"Noto Sans KR",sans-serif;
  color:#000;
  box-sizing:border-box;
  letter-spacing:-0.025vw;
  list-style:none;
}

.mfp-bg {
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1042;
  overflow:hidden;
  position:fixed;
  background:var(--primary);
  opacity:.8;
}

.mfp-wrap {
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1043;
  position:fixed;
  outline:none !important;
  -webkit-backface-visibility:hidden;
}

.mfp-container {
  text-align:center;
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  padding:0 8px;
  box-sizing:border-box;
}

.mfp-container:before {
  content:"";
  display:inline-block;
  height:100%;
  vertical-align:middle;
}

.mfp-align-top .mfp-container:before {
  display:none;
}

.mfp-content {
  position:relative;
  display:inline-block;
  vertical-align:middle;
  margin:0 auto;
  text-align:left;
  z-index:1045;
}

.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content {
  width:100%;
  cursor:auto;
}

.mfp-ajax-cur {
  cursor:progress;
}

.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor:zoom-out;
}

.mfp-zoom {
  cursor:pointer;
  cursor:zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor:auto;
}

.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter {
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
}

.mfp-loading.mfp-figure {
  display:none;
}

.mfp-hide {
  display:none !important;
}

.mfp-preloader {
  color:#ccc;
  position:absolute;
  top:50%;
  width:auto;
  text-align:center;
  margin-top:-0.8em;
  left:8px;
  right:8px;
  z-index:1044;
}

.mfp-preloader a {
  color:#ccc;
}

.mfp-preloader a:hover {
  color:#fff;
}

.mfp-s-ready .mfp-preloader {
  display:none;
}

.mfp-s-error .mfp-content {
  display:none;
}

button::-moz-focus-inner {
  padding:0;
  border:0;
}

.mfp-close:hover,.mfp-close:focus {
  opacity:1;
}

.mfp-close:active {
  top:1px;
}

.mfp-close-btn-in .mfp-close {
  color:#333;
}

.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close {
  color:#fff;
  right:-6px;
  text-align:right;
  padding-right:6px;
  width:100%;
}

.mfp-counter {
  position:absolute;
  top:0;
  right:0;
  color:#ccc;
  font-size:12px;
  line-height:18px;
  white-space:nowrap;
}

.mfp-arrow {
  position:absolute;
  opacity:.65;
  margin:0;
  top:50%;
  margin-top:-55px;
  padding:0;
  width:90px;
  height:110px;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

.mfp-arrow:active {
  margin-top:-54px;
}

.mfp-arrow:hover,.mfp-arrow:focus {
  opacity:1;
}

.mfp-arrow:before,.mfp-arrow:after {
  content:"";
  display:block;
  width:0;
  height:0;
  position:absolute;
  left:0;
  top:0;
  margin-top:35px;
  margin-left:35px;
  border:medium inset rgba(0,0,0,0);
}

.mfp-arrow:after {
  border-top-width:13px;
  border-bottom-width:13px;
  top:8px;
}

.mfp-arrow:before {
  border-top-width:21px;
  border-bottom-width:21px;
  opacity:.7;
}

.mfp-arrow-left {
  left:0;
}

.mfp-arrow-left:after {
  border-right:17px solid #fff;
  margin-left:31px;
}

.mfp-arrow-left:before {
  margin-left:25px;
  border-right:27px solid #3f3f3f;
}

.mfp-arrow-right {
  right:0;
}

.mfp-arrow-right:after {
  border-left:17px solid #fff;
  margin-left:39px;
}

.mfp-arrow-right:before {
  border-left:27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top:40px;
  padding-bottom:40px;
}

.mfp-iframe-holder .mfp-content {
  line-height:0;
  width:100%;
  max-width:900px;
}

.mfp-iframe-holder .mfp-close {
  top:-40px;
}

.mfp-iframe-scaler {
  width:100%;
  height:0;
  overflow:hidden;
  padding-top:56.25%;
}

.mfp-iframe-scaler iframe {
  position:absolute;
  display:block;
  top:0;
  left:0;
  width:100%;
  height:100%;
  box-shadow:0 0 8px rgba(0,0,0,.6);
  background:#000;
}

img.mfp-img {
  width:auto;
  max-width:100%;
  height:auto;
  display:block;
  line-height:0;
  box-sizing:border-box;
  padding:40px 0 40px;
  margin:0 auto;
}

.mfp-figure {
  line-height:0;
}

.mfp-figure:after {
  content:"";
  position:absolute;
  left:0;
  top:40px;
  bottom:40px;
  display:block;
  right:0;
  width:auto;
  height:auto;
  z-index:-1;
  box-shadow:0 0 8px rgba(0,0,0,.6);
  background:#444;
}

.mfp-figure small {
  color:#bdbdbd;
  display:block;
  font-size:12px;
  line-height:14px;
}

.mfp-figure figure {
  margin:0;
}

.mfp-bottom-bar {
  margin-top:-36px;
  position:absolute;
  top:100%;
  left:0;
  width:100%;
  cursor:auto;
}

.mfp-title {
  text-align:left;
  line-height:18px;
  color:#f3f3f3;
  word-wrap:break-word;
  padding-right:36px;
}

.mfp-image-holder .mfp-content {
  max-width:100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor:pointer;
}

@media screen and (max-width: 800px)and (orientation: landscape),screen and (max-height: 300px) {

  .mfp-img-mobile .mfp-image-holder {
    padding-left:0;
    padding-right:0;
  }

  .mfp-img-mobile img.mfp-img {
    padding:0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top:0;
    bottom:0;
  }

  .mfp-img-mobile .mfp-figure small {
    display:inline;
    margin-left:5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background:rgba(0,0,0,.6);
    bottom:0;
    margin:0;
    top:auto;
    padding:3px 5px;
    position:fixed;
    box-sizing:border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding:0;
  }

  .mfp-img-mobile .mfp-counter {
    right:5px;
    top:3px;
  }

  .mfp-img-mobile .mfp-close {
    top:0;
    right:0;
    width:35px;
    height:35px;
    line-height:35px;
    background:rgba(0,0,0,.6);
    position:fixed;
    text-align:center;
    padding:0;
  }
}

@media all and (max-width: 900px) {

  .mfp-arrow {
    transform:scale(0.75);
  }

  .mfp-arrow-left {
    transform-origin:0;
  }

  .mfp-arrow-right {
    transform-origin:100%;
  }

  .mfp-container {
    padding-left:6px;
    padding-right:6px;
  }
}

:root {
  --color-blue-50: #EEF6FF;
  --color-blue-100: #cce3ff;
  --color-blue-200: #99c8ff;
  --color-blue-300: #66acff;
  --color-blue-400: #3391ff;
  --color-blue-500: #0075ff;
  --color-blue-600: #005ecc;
  --color-blue-700: #004699;
  --color-blue-800: #002f66;
  --color-blue-900: #001733;
  --color-red-100: #fcd9da;
  --color-red-200: #f9b3b5;
  --color-red-300: #f78e91;
  --color-red-400: #f4686c;
  --color-red-500: #f14247;
  --color-red-600: #c13539;
  --color-red-700: #91282b;
  --color-red-800: #601a1c;
  --color-red-900: #300d0e;
  --color-orange-100: #ffe1cc;
  --color-orange-200: #ffc499;
  --color-orange-300: #ffa666;
  --color-orange-400: #ff8933;
  --color-orange-500: #ff6b00;
  --color-orange-600: #cc5600;
  --color-orange-700: #994000;
  --color-orange-800: #662b00;
  --color-orange-900: #331500;
  --color-yellow-100: #fff1cf;
  --color-yellow-200: #ffe49f;
  --color-yellow-300: #ffd66e;
  --color-yellow-400: #ffc93e;
  --color-yellow-500: #ffbb0e;
  --color-yellow-600: #cc960b;
  --color-yellow-700: #997008;
  --color-yellow-800: #664b06;
  --color-yellow-900: #332503;
  --color-green-100: #cdebe0;
  --color-green-200: #9ad7c1;
  --color-green-300: #68c4a3;
  --color-green-400: #36b084;
  --color-green-500: #039c65;
  --color-green-600: #037d51;
  --color-green-700: #025e3d;
  --color-green-800: #013e28;
  --color-green-900: #011f14;
  --color-gray-50: #F5F5F5;
  --color-gray-100: #dee0e1;
  --color-gray-200: #bdc0c3;
  --color-gray-300: #9ca1a6;
  --color-gray-400: #7b8188;
  --color-gray-500: #5a626a;
  --color-gray-600: #484e55;
  --color-gray-700: #363b40;
  --color-gray-800: #24272a;
  --color-gray-900: #121415;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-accent: #0075ff;
  --color-negative: #f14247;
  --color-warning: #ffbb0e;
  --color-positive: #039c65;
  --color-positiveTransparent: #039c651a;
  --color-negativeTransparent: #f142471a;
  --primary: var(--color-black);
  --secondary: var(--color-white);
  --tertiary: #f5f5f5;
  --fourthly: #EFF3F8;
  --contentPrimary: var(--color-black);
  --contentSecondary: var(--color-gray-500);
  --contentTertiary: var(--color-gray-300);
  --popup-bg: var(--primary);
  --popup-confirm: var(--color-gray-800);
  --popup-confirm-text: var(--color-white);
  --popup-cancel: var(--color-gray-100);
  --popup-cancel-text: var(--color-gray-300);
  --borderOpaque: var(--color-gray-100);
  --borderTransparent: rgba(127, 144, 162, 0.3);
  --borderTransparent15: rgba(127, 144, 162, 0.15);
}

:root {
  --weight_b: 700;
  --weight_sb: 600;
  --weight_r: 400;
  --px_header_l: 40px;
  --px_header_m: 32px;
  --px_header_s: 24px;
  --px_title_xl: 24px;
  --px_title_l: 21px;
  --px_title_m: 18px;
  --px_title_s: 16px;
  --px_title_xs: 14px;
  --px_body_l: 18px;
  --px_body_m: 16px;
  --px_body_s: 14px;
  --px_body_xs: 12px;
  --px_detail_l: 16px;
  --px_detail_m: 14px;
  --px_detail_s: 12px;
  --px_label_l: 18px;
  --px_label_m: 16px;
  --px_label_s: 14px;
  --px_label_xs: 12px;
  --px_link_l: 18px;
  --px_link_m: 16px;
  --px_link_s: 14px;
  --vw_header_l: 11.111vw;
  --vw_header_m: 8.889vw;
  --vw_header_s: 6.667vw;
  --vw_title_xl: 6.667vw;
  --vw_title_l: 5.833vw;
  --vw_title_m: 5vw;
  --vw_title_s: 4.444vw;
  --vw_title_xs: 3.889vw;
  --vw_body_l: 5vw;
  --vw_body_m: 4.444vw;
  --vw_body_s: 3.333vw;
  --vw_detail_l: 4.444vw;
  --vw_detail_m: 3.889vw;
  --vw_detail_s: 3.333vw;
  --vw_label_l: 5vw;
  --vw_label_m: 4.444vw;
  --vw_label_s: 3.889vw;
  --vw_label_xs: 3.333vw;
  --vw_link_l: 5vw;
  --vw_link_m: 4.444vw;
  --vw_link_s: 3.889vw;
}

:root {
  --px_m_screen_margin: 16px;
  --vw_m_screen_margin: 4.444vw;
  --px_spacing_1: 2px;
  --px_spacing_2: 4px;
  --px_spacing_3: 8px;
  --px_spacing_4: 12px;
  --px_spacing_5: 16px;
  --px_spacing_6: 20px;
  --px_spacing_7: 24px;
  --px_spacing_8: 32px;
  --px_spacing_9: 40px;
  --px_spacing_10: 48px;
  --vw_spacing_1: 0.556vw;
  --vw_spacing_2: 1.111vw;
  --vw_spacing_3: 2.222vw;
  --vw_spacing_4: 3.333vw;
  --vw_spacing_5: 4.444vw;
  --vw_spacing_6: 5.556vw;
  --vw_spacing_7: 6.667vw;
  --vw_spacing_8: 8.889vw;
  --vw_spacing_9: 11.111vw;
  --vw_spacing_10: 13.333vw;
  --hf_px_spacing: 20px;
  --hf_vw_spacing: 5.556vw;
  --px_radius_1: 2px;
  --px_radius_2: 4px;
  --px_radius_3: 6px;
  --px_radius_4: 8px;
  --px_radius_5: 12px;
  --px_radius_6: 16px;
  --px_radius_7: 20px;
  --px_radius_8: 24px;
  --px_radius_9: 40px;
  --vw_radius_1: 0.556vw;
  --vw_radius_2: 1.111vw;
  --vw_radius_3: 2.222vw;
  --vw_radius_4: 3.333vw;
  --vw_radius_5: 4.444vw;
  --vw_radius_6: 5.556vw;
  --vw_radius_7: 6.667vw;
  --vw_radius_8: 8.889vw;
  --vw_radius_9: 11.111vw;
  --px_size_1: 2px;
  --px_size_2: 4px;
  --px_size_3: 8px;
  --px_size_4: 12px;
  --px_size_5: 16px;
  --px_size_6: 20px;
  --px_size_7: 24px;
  --px_size_8: 32px;
  --px_size_9: 40px;
  --px_size_10: 48px;
  --px_size_11: 52px;
  --vw_size_1: 0.556vw;
  --vw_size_2: 1.111vw;
  --vw_size_3: 2.222vw;
  --vw_size_4: 3.333vw;
  --vw_size_5: 4.444vw;
  --vw_size_6: 5.556vw;
  --vw_size_7: 6.667vw;
  --vw_size_8: 8.889vw;
  --vw_size_9: 11.111vw;
  --vw_size_10: 13.333vw;
  --vw_size_11: 14.444vw;
}

body {
  font-size:var(--vw_body_m);
  background-color:var(--color-white);
}

main {
  padding-top:var(--hf_vw_spacing);
  padding-bottom:var(--hf_vw_spacing);
}

section {
  margin-bottom:var(--vw_spacing_8);
  padding-left:var(--vw_spacing_5);
  padding-right:var(--vw_spacing_5);
}

.section-title {
  margin-bottom:var(--vw_spacing_4);
  font-size:var(--vw_title_m);
}

.title-btn-wrap {
  justify-content:space-between;
  align-items:center;
}

.icon_chevron {
  height:var(--vw_size_3);
  width:var(--vw_size_3);
  background:url("../images/icons/icon_chevron_right_black.svg") no-repeat center center/contain;
}

.icon_arrow {
  height:var(--vw_size_3);
  width:var(--vw_size_6);
  background:url("../images/icons/icon_arrow_left_black.svg") no-repeat center center/contain;
  animation:arrow 1.3s ease-in infinite;
  animation-delay:.5s;
}

@keyframes arrow {

  0% {
    opacity:1;
    transform:translateX(0);
  }

  50% {
    opacity:.1;
    transform:translateX(-15px);
  }

  100% {
    opacity:0;
    transform:translateX(-15px);
  }
}

.icon_reload {
  display:block;
  width:var(--vw_size_6);
  height:var(--vw_size_6);
  background:url("../images/icons/icon_refresh_white.svg") no-repeat center center/contain;
  background-size:60%;
  background-color:var(--color-blue-200);
  border-radius:var(--vw_radius_9);
  box-shadow:0 2px 10px 1px rgba(0,0,0,.0823529412);
}

.icon_check {
  width:var(--vw_size_3);
  background:url("../images/icons/icon_check.svg") no-repeat center/contain;
}

.icon_check_white {
  width:var(--vw_size_3);
  background:url("../images/icons/icon_check_white.svg") no-repeat center/contain;
}

.swiper-pagination span {
  height:var(--vw_size_3);
  width:var(--vw_size_3);
  margin:0 var(--vw_spacing_1) !important;
  border-radius:var(--vw_radius_9);
  background-color:var(--color-gray-400);
  transition:.3s;
}

.swiper-pagination .swiper-pagination-bullet-active {
  width:calc(var(--vw_size_3)*2.5);
  background-color:var(--color-blue-200);
}

.card {
  padding:var(--vw_spacing_6);
  border-radius:var(--vw_radius_8);
}

.btn {
  display:block;
  font-size:inherit;
  background-color:rgba(0,0,0,0);
  border:none;
}

.flex {
  display:flex;
}

.badge-text {
  padding:var(--vw_spacing_3) var(--vw_spacing_4);
  color:var(--color-white);
  background-color:var(--color-accent);
  border-radius:var(--vw_radius_9);
}

.badge-text_s {
  padding:var(--vw_spacing_2) var(--vw_spacing_3);
  color:var(--color-white);
  background-color:var(--color-accent);
  border-radius:var(--vw_radius_9);
}

.btn_A {
  padding:var(--vw_spacing_3);
  color:var(--color-white);
  background-color:var(--color-accent);
  border-radius:var(--vw_radius_2);
}

.btn_B {
  padding:var(--vw_spacing_3) var(--vw_spacing_4);
  color:var(--color-white);
  background-color:var(--color-accent);
  border-radius:var(--vw_radius_9);
}

.btn-text-icon {
  align-items:center;
  font-size:var(--vw_label_xs);
}

.btn-text-icon p {
  margin-right:var(--vw_spacing_2);
}

* {
  margin:0;
  padding:0;
  box-sizing:border-box;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  vertical-align:baseline;
  font-style:normal;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
  display:block;
}

body {
  line-height:1;
}

ol,ul {
  list-style:none;
}

blockquote,q {
  quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
  content:"";
  content:none;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

a {
  text-decoration:none;
  -webkit-text-size-adjust:none;
  color:#000;
  outline:0;
}

a:link,a:active,a:visited,a:hover {
  text-decoration:none;
}

img {
  display:inline-block;
}

:root {
  --color-black: #000000;
  --color-white: #ffffff;
  --color-gray-bg: #f8f8f8;
  --color-gray-text: #909090;
  --color-gray-bgText: #808080;
  --color-gray-border: #d9d9d9;
  --color-gray-line: #e9e9e9;
  --color-gray-bgBtn: #f2f2f2;
  --color-point: #01a69f;
  --color-whowho: #0075ff;
  --color-nagative: #ed1b23;
  --font-bold: 700;
  --font-medium: 500;
  --font-regular: 400;
  --margin-6px: 1.6vw;
}

#event_wrap {
  line-height:1.5;
  font-weight:300;
  overflow:hidden;
  text-align:center;
  background-color:var(--color-white);
}

#event_wrap .event_header {
  padding:20px 0 22px !important;
  line-height:1.2;
  box-sizing:border-box;
  text-align:center;
  background:#fff;
}

#event_wrap .event_header h1 {
  font-weight:var(--font-bold);
  font-size:25px;
  line-height:1.2;
}

#event_wrap .inner {
  padding:0 6.67vw 6.67vw 6.67vw;
}

#event_wrap .inner .event_main {
  padding:8.59vw 6.25vw 0;
  box-sizing:border-box;
  background-color:#eef6ff;
  text-align:left;
  overflow:hidden;
}

#event_wrap .inner .event_main h3 {
  font-size:7.5vw;
  line-height:1.2;
  color:#222;
  font-weight:var(--font-bold);
}

#event_wrap .inner .event_main h3 span {
  color:#01a69f;
}

#event_wrap .inner .event_main h3 span.badge {
  color:#fff;
  background:#01a69f;
  font-size:5vw;
  padding:1.2vw;
  border-radius:var(--vw_radius_2);
  vertical-align:middle;
}

#event_wrap .inner .event_main>p {
  color:#777b80;
  padding-top:3.91vw;
  font-size:4vw;
  font-weight:var(--font-regular);
}

#event_wrap .inner .event_main .main_visual {
  position:relative;
  text-align:center;
  padding-top:15.16vw;
  height:87vw;
}

#event_wrap .inner .event_main .main_visual .phone {
  width:46.56vw;
  position:relative;
  z-index:2;
  margin:0 auto;
  animation-duration:1s;
  animation-name:slideup;
  animation-iteration-count:1;
}

#event_wrap .inner .event_main .main_visual .noti1 {
  display:block;
  width:80vw;
  position:absolute;
  z-index:3;
  left:calc(50% - 40vw);
  top:24vw;
  animation-duration:1s;
  animation-delay:.5s;
  animation-name:fadein;
  animation-iteration-count:1;
  opacity:0;
}

#event_wrap .inner .event_main .main_visual .noti2 {
  display:block;
  width:80vw;
  position:absolute;
  z-index:3;
  left:calc(50% - 40vw);
  top:24vw;
  opacity:0;
  animation-name:blink;
  animation-duration:1s;
  animation-delay:1.5s;
  animation-iteration-count:infinite;
}

#event_wrap .inner .event_main .main_visual::before {
  content:"";
  display:block;
  position:absolute;
  width:300vw;
  height:25vw;
  left:0;
  top:48vw;
  background-image:url(../images/kt_ai_voicePhishing/main_back_img.svg);
  background-size:contain;
  background-repeat:repeat-x;
  background-position:center center;
  z-index:1;
  animation-name:wave;
  animation-duration:10s;
  animation-iteration-count:infinite;
  animation-direction:alternate;
  animation-play-state:running;
  animation-timing-function:linear;
}

@keyframes wave {

  0% {
    left:-200vw;
  }

  50% {
    left:-100vw;
  }

  100% {
    left:-200vw;
  }
}

@keyframes slideup {

  from {
    margin-top:20%;
    opacity:0;
  }

  to {
    margin-top:0%;
    opacity:100%;
  }
}

@keyframes fadein {

  0% {
    margin-top:10%;
    opacity:0;
  }

  100% {
    opacity:100%;
    margin-top:0;
  }
}

@keyframes blink {

  0% {
    opacity:100%;
  }

  50% {
    opacity:80%;
  }

  100% {
    opacity:100%;
  }
}

#event_wrap .inner .event_contents {
  position:relative;
  left:0;
  right:0;
  z-index:10;
  background-color:#fff;
}

#event_wrap .inner .event_contents .contents__01 .title {
  padding:15.63vw 0;
  border-bottom:2.222vw solid #f5f5f5;
}

#event_wrap .inner .event_contents .contents__01 .title p {
  color:#5a626a;
  font-size:4.69vw;
  font-weight:var(--font-regular);
}

#event_wrap .inner .event_contents .contents__01 .title h5 {
  margin-top:3%;
  font-weight:var(--font-bold);
  font-size:7.81vw;
  line-height:120%;
}

#event_wrap .inner .event_contents .contents__01 h6 {
  display:inline-block;
  color:#000000;
  font-size:6vw;
  font-weight:500;
  margin-bottom:5.556vw;
  margin-top:10vw;
  line-height:1.3;
  text-align:left;
  font-weight:var(--font-bold);
}

#event_wrap .inner .event_contents .contents__01 h6 span {
  color:#000000;
}

#event_wrap .inner .event_contents .contents__01 h6 span.badge {
  color:#ed1b23;
  font-size:4vw;
}

#event_wrap .inner .event_contents .contents__01 ul {
  padding:0 6.25vw;
}

#event_wrap .inner .event_contents .contents__01 ul li {
  position:relative;
  padding:9.28vw 0;
  background-color:#f6f7fc;
  border-radius:4vw;
  box-shadow:4px 4px 10px 0px rgba(0,0,0,.25);
  margin-bottom:7.81vw;
}

#event_wrap .inner .event_contents .contents__01 ul li:last-of-type .img_wrap {
  background-image:url(../images/kt_ai_voicePhishing/contents_back_phone.svg);
  background-repeat:no-repeat;
  background-size:90% auto;
  background-position:center center;
}

#event_wrap .inner .event_contents .contents__01 ul li:last-of-type .img_wrap img {
  width:100%;
}

#event_wrap .inner .event_contents .contents__01 ul li p {
  font-size:3.2vw;
  color:#5a626a;
  font-weight:var(--font-regular);
}

#event_wrap .inner .event_contents .contents__01 ul li p span {
  font-weight:800;
  color:#01a69f;
}

#event_wrap .inner .event_contents .contents__01 ul li p:first-of-type {
  padding-top:4.69vw;
}

#event_wrap .inner .event_contents .contents__01 ul li .img_wrap {
  position:relative;
  height:48.44vw;
}

#event_wrap .inner .event_contents .contents__01 ul li .agent_animation_mo img {
  position:absolute;
}

#event_wrap .inner .event_contents .contents__01 ul li .agent_animation_mo .phone {
  width:46.88vw;
  left:calc(50% - 23.44vw);
  top:0;
}

#event_wrap .inner .event_contents .contents__01 ul li .agent_animation_mo .row {
  width:17.19vw;
  left:calc(50% - 15vw);
  top:7vw;
  opacity:0;
}

#event_wrap .inner .event_contents .contents__01 ul li .agent_animation_mo .row.ani {
  animation:rowLine .5s linear forwards;
}

@keyframes rowLine {

  0% {
    left:calc(50% - 15vw);
    opacity:0;
  }

  100% {
    left:calc(50% - 8.595vw);
    opacity:1;
  }
}

#event_wrap .inner .event_contents .contents__01 ul li .agent_animation_mo .col {
  height:17.19vw;
  opacity:0;
  top:6vw;
  left:calc(50% - 2.3vw);
}

#event_wrap .inner .event_contents .contents__01 ul li .agent_animation_mo .col.ani {
  animation:colLine .5s linear forwards;
}

@keyframes colLine {

  0% {
    top:6vw;
    opacity:0;
  }

  100% {
    top:10vw;
    opacity:1;
  }
}

#event_wrap .inner .event_contents .contents__01 ul li .agent_animation_mo .text {
  width:64vw;
  left:calc(50% - 32vw);
  bottom:3vw;
}

#event_wrap .inner .event_contents .contents__01 ul li .agent_animation_mo .ai {
  width:8.4vw;
  height:8.4vw;
  opacity:0;
  top:12vw;
  left:calc(50% - 4.8vw);
}

#event_wrap .inner .event_contents .contents__01 ul li .agent_animation_mo .ai.ani {
  animation:aiText .5s linear forwards;
  animation-delay:.5s;
}

@keyframes aiText {

  0% {
    opacity:0;
  }

  100% {
    opacity:1;
  }
}

#event_wrap .inner .event_contents .contents__01 ul li .agent_animation_mo .voice {
  position:absolute;
  width:42.34vw;
  height:auto;
  bottom:4.5vw;
  right:13vw;
}

#event_wrap .inner .event_contents .contents__02 {
  margin-top:15.63vw;
  background-color:#f5f5f5;
  padding:7.5vw 0;
}

#event_wrap .inner .event_contents .contents__02 h6 {
  font-size:5.94vw;
  font-weight:var(--font-bold);
  padding-bottom:1vw;
}

#event_wrap .inner .event_contents .contents__02 p {
  font-size:4.38vw;
  color:#5a626a;
  font-weight:var(--font-regular);
}

#event_wrap .inner .event_contents .contents__03 {
  background-color:#fff;
  padding-bottom:9.69vw;
}

#event_wrap .inner .event_contents .contents__03 h6 {
  color:#000;
  font-size:5.25vw;
  font-weight:var(--font-bold);
  padding-top:12.5vw;
}

#event_wrap .inner .event_contents .contents__03 ul {
  padding:17.19vw 6.25vw 0;
}

#event_wrap .inner .event_contents .contents__03 ul li {
  position:relative;
  padding:9.69vw 0 0;
  margin-bottom:15.63vw;
  border-radius:3.91vw;
  border:2px solid #000;
  background-color:#fff;
}

#event_wrap .inner .event_contents .contents__03 ul li p {
  color:#000;
  font-size:5vw;
  height:24.06vw;
  font-weight:var(--font-regular);
}

#event_wrap .inner .event_contents .contents__03 ul li p span {
  font-weight:var(--font-bold);
  color:#01a69f;
}

#event_wrap .inner .event_contents .contents__03 ul li p small {
  font-weight:var(--font-regular);
  color:#000;
}

#event_wrap .inner .event_contents .contents__03 ul li .img_wrap {
  width:100%;
  height:auto;
  padding:2.34vw 7.5vw 0;
  box-sizing:border-box;
}

#event_wrap .inner .event_contents .contents__03 ul li .img_wrap img {
  display:block;
  width:100%;
}

#event_wrap .inner .event_contents .contents__03 ul li:nth-child(1)::before {
  content:"1";
  display:block;
  position:absolute;
  width:10.5vw;
  height:10.5vw;
  background:#000;
  left:calc(50% - 5.25vw);
  top:-6vw;
  border-radius:50%;
  color:#fff;
  font-size:5.56vw;
  font-weight:var(--font-bold);
  line-height:10.5vw;
}

#event_wrap .inner .event_contents .contents__03 ul li:nth-child(2)::before {
  content:"2";
  display:block;
  position:absolute;
  width:10.5vw;
  height:10.5vw;
  background:#000;
  left:calc(50% - 5.25vw);
  top:-6vw;
  border-radius:50%;
  color:#fff;
  font-size:5.56vw;
  font-weight:var(--font-bold);
  line-height:10.5vw;
}

#event_wrap .inner .event_contents .contents__03 ul li:nth-child(3)::before {
  content:"3";
  display:block;
  position:absolute;
  width:10.5vw;
  height:10.5vw;
  background:#000;
  left:calc(50% - 5.25vw);
  top:-6vw;
  border-radius:50%;
  color:#fff;
  font-size:5.56vw;
  font-weight:var(--font-bold);
  line-height:10.5vw;
}

#event_wrap .inner .event_contents .contents__03 ul li:nth-child(4)::before {
  content:"4";
  display:block;
  position:absolute;
  width:10.5vw;
  height:10.5vw;
  background:#000;
  left:calc(50% - 5.25vw);
  top:-6vw;
  border-radius:50%;
  color:#fff;
  font-size:5.56vw;
  font-weight:var(--font-bold);
  line-height:10.5vw;
}

#event_wrap .inner .event_contents .contents__03 ul li:nth-child(5)::before {
  content:"5";
  display:block;
  position:absolute;
  width:10.5vw;
  height:10.5vw;
  background:#000;
  left:calc(50% - 5.25vw);
  top:-6vw;
  border-radius:50%;
  color:#fff;
  font-size:5.56vw;
  font-weight:var(--font-bold);
  line-height:10.5vw;
}

#event_wrap .inner .event_contents .contents__03 .whowho_btn {
  margin:0 6.25vw;
}

#event_wrap .inner .event_contents .contents__03 .whowho_btn a {
  display:flex;
  justify-content:center;
  padding:3vw 7vw;
  border-radius:12px;
  color:var(--color-white);
  background-color: var(--color-black);
  text-align: center;
  box-sizing: border-box;
  width: 100%;
  font-size:4.27vw;
  font-weight: bold;
}

.popup_wrap {
  display:none;
}

.popup_wrap .popup_content {
  display:block;
  width:88.89vw;
  padding:8.89vw 5.56vw 6.67vw;
  background-color:#fff;
  border-radius:6.67vw;
  z-index:1001;
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  line-height:1.3;
}

.popup_wrap .popup_content .popup_content__body {
  text-align:center;
}

.popup_wrap .popup_content .popup_content__body::after {
  content:"";
  display:block;
  width:10%;
  height:1px;
  background:var(--color-gray-100);
  margin:0 auto;
  margin-top:3vw;
}

.popup_wrap .popup_content .popup_content__body img {
  width:13.33vw;
  height:auto;
  margin:0 auto;
}

.popup_wrap .popup_content .popup_content__body p#popupContentText {
  padding-top:2vw;
  text-align:center;
  font-size:5vw;
  font-weight:700;
  color:var(--color-blue-700);
}

.popup_wrap .popup_content .popup_content__body p#popupContentText.text_left {
  text-align:left;
}

.popup_wrap .popup_content .popup_content__body p#popupContentSubText {
  padding-top:1.5vw;
  font-size:3.7vw;
  font-weight:400;
  color:var(--color-gray-600);
}

.popup_wrap .popup_content>.btn_popup_close {
  display:block;
  background:none;
  border:none;
  outline:none;
  width:5.56vw;
  height:5.56vw;
  position:absolute;
  right:5.56vw;
  top:5.56vw;
}

.popup_wrap .popup_content>.btn_popup_close img {
  display:block;
  width:100%;
  height:100%;
}

.popup_wrap .popup_bg {
  display:block;
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color:rgba(0,0,0,.7);
  z-index:1000;
}

.popup_wrap .popup_content__footer {
  width:100%;
  display:block;
  padding-top:3vw;
}

.popup_wrap .popup_content__footer button {
  display:block;
  padding:2.67vw 0;
  width:100%;
  color:#9ca1a6;
  line-height:1.5;
  font-size:4.44vw;
  font-weight:700;
  background-color:#fff;
  border:1px solid #dee0e1;
  border-radius:10.56vw;
}

.popup_wrap .popup_content__footer button.popup_btn_primary {
  color:#fff;
  background-color:var(--color-blue-400);
  border:none;
}

.popup_wrap .popup_content__footer p {
  font-size:2.78vw;
  color:var(--color-gray-400);
  font-weight:400;
}

.pc_popup {
  display:none;
}

.pc_popup .popup_content {
  display:block;
  width:600px;
  padding:40px 20px;
  background-color:#fff;
  border-radius:25px;
  z-index:1001;
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  line-height:1.5;
}

.pc_popup .popup_content .popup_content__body img {
  width:150px;
  height:auto;
}

.pc_popup .popup_content .popup_content__body p {
  text-align:center;
  font-size:32px;
  font-weight:700;
  padding-top:30px;
}

.pc_popup .popup_content .popup_content__body p.text_left {
  text-align:left;
}

.pc_popup .popup_bg {
  display:block;
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color:rgba(0,0,0,.7);
  z-index:1000;
}

.popup_content__footer {
  display:flex;
  align-items:center;
  justify-content:center;
  padding-top:20px;
}

.popup_content__footer button {
  padding:10px 30px;
  color:#9ca1a6;
  line-height:1.5;
  font-size:32px;
  font-weight:700;
  background-color:#fff;
  border:1px solid #dee0e1;
  border-radius:50px;
}

.popup_content__footer button.popup_btn_primary {
  color:#fff;
  background-color:#0075ff;
  border:none;
}