@font-face {
  font-family: "Spoqa Han Sans Neo";
  src: url("/mweb/fonts/spoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff2") format("woff2"), url("/mweb/fonts/spoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff") format("woff"), url("/mweb/fonts/spoqaHanSansNeo/SpoqaHanSansNeo-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Spoqa Han Sans Neo";
  src:
    url("/mweb/fonts/spoqaHanSansNeo/SpoqaHanSansNeo-Medium.woff2") format("woff2"),
    url("/mweb/fonts/spoqaHanSansNeo/SpoqaHanSansNeo-Medium.woff") format("woff"),
    url("/mweb/fonts/spoqaHanSansNeo/SpoqaHanSansNeo-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "Spoqa Han Sans Neo";
  src:
    url("/mweb/fonts/spoqaHanSansNeo/SpoqaHanSansNeo-Bold.woff2") format("woff2"),
    url("/mweb/fonts/spoqaHanSansNeo/SpoqaHanSansNeo-Bold.woff") format("woff"),
    url("/mweb/fonts/spoqaHanSansNeo/SpoqaHanSansNeo-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
}
body {position:relative;overflow-x:hidden;}
.mt-graph {margin-top:40px !important}
.is-mo {display:block;}
.inner {width:clamp(240px, 100%, 1104px);padding:0 20px;margin:0 auto}
.privacy-infographic {position:relative;overflow:hidden;}
.privacy-infographic * {font-family:"Spoqa Han Sans Neo";color:#0e100f;box-sizing:border-box}
.privacy-infographic .visual {background-color:#2a2d76;background-image:radial-gradient(circle at 70% 100%, #194c92 12%, #2a2d76)}
.privacy-infographic .visual .inner {position:relative;height:460px}
.privacy-infographic .visual .inner::after {content:"";position:absolute;right:17px;bottom:-19px;width:268px;aspect-ratio:1;background:url("/mobilealpha/public/images/privacyInfographic_img01.png") no-repeat 100% 100% / 100% auto}
.privacy-infographic .visual .inner .title {padding:60px 8px}
.privacy-infographic .visual .inner .title .logo {width:118px}
.privacy-infographic .visual .inner .title p {margin-top:12px;color:#fff;font-size:32px;font-weight:700;line-height:44px;letter-spacing:-.9px}
.privacy-infographic .content {padding: 40px 0}
.privacy-infographic .section {padding:0;margin:0 0 78px;font-size:16px}
.privacy-infographic .section:last-child {margin-bottom:0}
.privacy-infographic .section .section-title {text-align:left}
.privacy-infographic .section .section-title h3 {font-size:20px;font-weight:700;line-height:28px;letter-spacing:-0.4px}
.privacy-infographic .section .section-title p {margin-top:10px;font-size:16px;letter-spacing:-.74px;line-height:22px;word-break:keep-all}
.privacy-infographic .section .section-content p {margin-top:12px;font-size:14px;line-height:22px;letter-spacing:-0.56px;word-break:keep-all}
.privacy-infographic .section .section-content .move-page {display:inline-block;margin-top:20px;color:#777e8c;font-size:13px;line-height:20px}
.privacy-infographic .section .section-content .graph {width:clamp(240px, 91%, 620px);margin:37px auto 0;padding-bottom:5px;font-size:0;line-height:0}
.privacy-infographic .section .section-content .graph2 {width:clamp(240px, 88%, 560px);margin: 40px auto 0;padding-bottom:10px;font-size:0;line-height:0}
.privacy-infographic .box-list {display:grid;grid-template-columns:1fr;grid-auto-rows:1fr;gap:20px;margin-top:30px}
.privacy-infographic .box-list li {position:relative;display:flex;flex-direction:column;justify-content:center;min-height:121px;padding:20px 25px 20px 90px;border:1px solid #eee;border-radius:10px}
.privacy-infographic .box-list li .icon-img {position:absolute;left:25px;top:50%;width:46px;height:46px;transform:translateY(-50%);}
.privacy-infographic .box-list li .list-title {margin:0;font-size:16px;font-weight:700;letter-spacing:0}
.privacy-infographic .box-list li .list-title+p {margin-top:5px;font-size:14px;line-height:20px;letter-spacing:-0.56px;}
.privacy-infographic .box-list.certification {display:flex;flex-flow:row wrap;align-items:stretch;}
.privacy-infographic .box-list.certification li {flex:1 1 auto;padding:40px 23px 20px;width:100%}
.privacy-infographic .box-list.certification li::before {display:none;}
.privacy-infographic .box-list.certification li .list-img {width:97px;margin: 0 auto 29px}
.privacy-infographic .box-list.certification li .list-info {padding-top:17px;margin-top:13px;border-top:1px solid #eee}
.privacy-infographic .box-list.certification li .list-info:nth-of-type(2) {padding:0;margin:0;border:none;}
.privacy-infographic .box-list.certification li .list-info .info-title {display:block;margin-bottom:3px;font-size:16px;font-weight:700;}
.privacy-infographic .box-list.certification li .list-info .info-desc {font-size:13px;line-height:20px;letter-spacing:-.5px}
.privacy-infographic .color-list {margin-top:5px;}
.privacy-infographic .color-list li {padding-left:6px;margin-bottom:2px;color:#2d78fa;font-size:13px;line-height:1.5;letter-spacing: -.5px;}
.privacy-infographic .color-list li::before {content:'※';display:inline-block;margin:0 2px 0 -5px;font-size:15px}
.privacy-infographic .footer {padding:40px 0 45px;text-align:center;background:#fafbfb}
.privacy-infographic .footer img {width:145px}
.privacy-infographic .footer p {margin-top:8px;color:#838795;font-size:13px;letter-spacing:-.4px;line-height:20px}
.privacy-infographic .footer .space {display:block;margin-top:8px;color:#838795;font-size:14px;letter-spacing:-.8px}
.privacy-infographic .footer .cs {display:block;margin:30px 0 0;font-size:15px;letter-spacing:-.4px}

@media screen and (min-width:768px) {
  .mt-graph {margin-top:65px !important}
  .is-mo {display:none}
  .inner {padding:0 40px;}
  .privacy-infographic .visual .inner {height:300px}
  .privacy-infographic .visual .inner::after {right:34px;bottom:-21px;width:339px}
  .privacy-infographic .visual .inner .title {display:flex;flex-direction:column;justify-content:center;height:100%;padding:3px 330px 0 3px;}
  .privacy-infographic .visual .inner .title .logo {width:164px}
  .privacy-infographic .visual .inner .title p {margin-top:18px;font-size:44px;letter-spacing:-0.6px;line-height:52px;word-break:keep-all}
  .privacy-infographic .content {padding:100px 0 80px}
  .privacy-infographic .section {padding:0;margin-bottom:100px}  
  .privacy-infographic .section .section-title h3 {font-size:24px;line-height:30px;letter-spacing:-0.4px}
  .privacy-infographic .section .section-title p {margin-top:12px}
  .privacy-infographic .section .section-content p {margin-top:12px;font-size:16px;line-height:24px}
  .privacy-infographic .section .section-content .move-page {font-size:14px;line-height:24px}
  .privacy-infographic .section .section-content .graph {margin:90px auto 0px;padding-bottom:12px}
  .privacy-infographic .section .section-content .graph2 {margin:60px auto 0px;padding-bottom:12px}
  .privacy-infographic .box-list {grid-template-columns:1fr 1fr; margin-top:34px}
  .privacy-infographic .box-list li {padding:34px 25px 36px 90px}
  .privacy-infographic .box-list li .list-title {margin-top:0}
  .privacy-infographic .box-list li .list-title+p {padding:0;font-size:13px;line-height:1.55;letter-spacing:0;}
  .privacy-infographic .box-list.certification {margin-top:26px}
  .privacy-infographic .box-list.certification li {display:grid;grid-template-columns:155px 1fr;width:calc(50% - 10px);padding:30px 40px 30px 0;}
  .privacy-infographic .box-list.certification li .list-img {grid-row:1/span 2;height:100%;display:flex;align-items:center}
  .privacy-infographic .box-list.certification li .list-info {padding:19px 0 0;margin-top:10px}
  .privacy-infographic .box-list.certification li .list-info .info-title {margin-bottom:5px}
  .privacy-infographic .box-list.certification li .list-info .info-desc {font-size:14px;line-height:20px}
  .privacy-infographic .color-list li {font-size:14px;}
  .privacy-infographic .footer {padding:60px 0;}
  .privacy-infographic .footer img {width:170px}
  .privacy-infographic .footer p {margin-top:14px;line-height:24px;letter-spacing:0}
  .privacy-infographic .footer .space {display:none;}
  .privacy-infographic .footer .cs {margin:25px 0 0;}
}