@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  font-family: "Pretendard", sans-serif;
  color: #111;
  font-size: 16px;
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  color: inherit;
  text-decoration: none;
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title],
dfn[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-size: 1rem;
  font-family: inherit; /* 1 */
  line-height: 1.2; /* 1 */
  margin: 0; /* 2 */
  padding: 0;
  vertical-align: middle;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  border: 0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/**
 * Margin, Padding reset
 */
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,
input,
select,
optgroup,
button {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/**
 * HTML5 Tags reset for older browsers
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

/*
 * List
 */
ol,
ul,
li {
  padding: 0;
  list-style: none;
}

/**
 * Table
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
 * Blockquote, q
 */
blockquote,
q {
  quotes: none;
}

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

button {
  background: transparent;
  border: none;
  cursor: pointer;
  vertical-align: middle;
  margin: 0;
  cursor: pointer;
  -webkit-appearance: none;
}

input[type=submit], input[type=button], input[type=reset] {
  cursor: pointer;
  -webkit-appearance: none;
}

img,
fieldset {
  border: 0;
  outline: none;
}

img {
  border: 0;
  max-width: 100%;
  vertical-align: top;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

select {
  margin: 0;
  resize: none;
  vertical-align: middle;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  text-overflow: "";
  zoom: 1;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.483887 0.241943L5.99989 5.75794L11.5159 0.241943' stroke='black' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  padding-right: 22px;
}

/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
  display: none;
}

/* clears the input search 'X' from Internet Explorer */
input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the input search 'X' from Chrome */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

/* Outline */
* {
  outline: none !important;
}

textarea:focus {
  outline: none !important;
}

button:focus {
  outline: none !important;
}

input:focus {
  outline: none !important;
}

.tab {
  position: relative;
  text-align: center;
}
.tab .tab-list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.tab .tab-link {
  cursor: pointer;
  height: 40px;
  border-radius: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #f2f2f2;
  color: #555;
  font-weight: 500;
  font-size: 17px;
  line-height: 1;
  padding: 0 1.3em;
  min-width: 90px;
}
.tab .tab-link.active {
  font-weight: 700;
  background-color: #111;
  color: #fff;
}
.tab .tab-content {
  display: none;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.text-color-1 {
  color: #6c48ea;
}

.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

@media (min-width: 821px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media (min-width: 1024px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body:after {
  clear: both;
  display: block;
  content: "";
}
body {
  position: relative;
  margin: 0 auto;
  width: 100%;
  background-color: #fff;
}

.skip a {
  text-indent: -9999px;
  font-size: 0;
  height: 0;
  position: absolute;
  top: 0;
}
.skip a:focus {
  text-indent: 0;
  font-size: 14px;
  width: 100%;
  line-height: 30px;
  height: 30px;
  display: block;
  background-color: #0c3874;
  color: #fff;
  text-align: center;
  z-index: 999;
}

/*
$header-transition : 트랜지션 적용 변수
true: 모두 적용
flase: web에만 트랜지션 적용 (모바일에선 display:none/block으로 동작)
*/
body {
  background: #f0f1f2 url(//cwstatic.asiae.co.kr/election2026/bg.webp) no-repeat;
  background-position: 50% 0;
  background-size: 2560px auto;
}
@media (max-width: 820.98px) {
  body {
    background-image: url(//cwstatic.asiae.co.kr/election2026/bg-md.webp);
    background-size: 820px auto;
  }
}

html {
  scroll-padding-top: calc(var(--headerHeight) + 10px);
}

:root {
  --headerHeight: 60px;
}
@media (max-width: 820.98px) {
  :root {
    --headerHeight: 52px;
  }
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: var(--headerHeight);
  background-color: transparent;
  -webkit-transition: 300ms background;
  transition: 300ms background;
  z-index: 100;
}
.header.fixed {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.header__wrap {
  max-width: 1120px;
  padding: 0 20px;
  margin: 0 auto;
}
@media (max-width: 820.98px) {
  .header__wrap {
    margin-left: 4px;
    margin-right: 4px;
  }
}
@media (max-width: 820.98px) {
  .header:not(.fixed) .top-menu .nav {
    display: none;
  }
  .header.fixed .top-menu .logo-img {
    display: none;
  }
  .header.fixed .top-menu .logo-fix {
    display: block;
  }
  .header.fixed .top-menu .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header.fixed .top-menu .btn-share__wrap {
    display: none;
  }
}

.top-menu {
  position: relative;
  z-index: 200;
  height: var(--headerHeight);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.top-menu .logo {
  font-size: 0;
  margin-right: auto;
}
.top-menu .logo-img {
  width: 159px;
}
@media (max-width: 820.98px) {
  .top-menu .logo-img {
    width: 115px;
  }
}
.top-menu .logo-fix {
  display: none;
}

.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(80px, 10vw);
  height: var(--headerHeight);
  color: #111;
  font-size: 17px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: -1px;
}

.btn-share__wrap {
  margin-left: 70px;
}
.btn-share {
  width: 30px;
  height: 30px;
  display: block;
}

@media (min-width: 821px) {
  .title-area {
    padding-top: calc(var(--headerHeight) + 40px);
    min-height: 215px;
  }
  .title-area .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.title-area__title {
  font-family: "GmarketSans", "Pretendard", sans-serif;
  text-align: left;
  color: #3f08a0;
}
.title-area__title .desc {
  font-size: 21px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -1px;
}
.title-area__title .title .em {
  color: #8c08a0;
}
.title-area__title .title {
  color: inherit;
  margin-top: 14px;
  font-size: 40px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -2px;
}
.title-area__date {
  font-family: "GmarketSans", "Pretendard", sans-serif;
  text-align: right;
}
.title-area__date .date {
  line-height: 1;
  color: #553d80;
  font-size: 15px;
  font-weight: 400;
}
.title-area__date .d-day {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 6px;
  border-radius: 40px;
  background: #722af0;
  display: flex;
  height: 50px;
  padding: 0 1em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 28px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.5px;
}
@media (max-width: 820.98px) {
  .title-area {
    padding: calc(var(--headerHeight) + 20px) 4px 0;
  }
  .title-area__title {
    text-align: center;
  }
  .title-area__title .desc {
    font-size: min(20px, 5.5555555556vw);
  }
  .title-area__title .title {
    font-size: min(30px, 8.3333333333vw);
  }
  .title-area__date {
    margin-top: 20px;
    text-align: center;
  }
  .title-area__date .d-day {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 8px;
    height: 38px;
    font-size: 18px;
    letter-spacing: 0;
  }
  .title-area .nav {
    margin-top: 24px;
  }
}

#contents {
  position: relative;
  z-index: 2;
}

.btn_scroll_top {
  position: fixed;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  right: 24px;
  bottom: 19px;
  width: 52px;
  aspect-ratio: 1;
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15) !important;
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15) !important;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn_scroll_top.bottom-fixed {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 820.98px) {
  .btn_scroll_top {
    bottom: 15px;
    right: 15px;
    width: 40px;
  }
}
.btn_scroll_top > i {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 5px 0 0 0;
  border: 2px solid rgba(0, 0, 0, 0.7);
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.footer {
  z-index: 100;
  position: relative;
  color: #595959;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  line-height: 1;
  padding: 30px 0;
}
@media (max-width: 820.98px) {
  .footer {
    padding: 24px 0;
  }
}

:root {
  --gutter: 30px;
}
@media (max-width: 820.98px) {
  :root {
    --gutter: 20px;
  }
}

.main-contents,
.container {
  max-width: 1120px;
  padding: 0 20px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 820.98px) {
  .main-contents,
  .container {
    padding: 0 4px;
  }
}

.main-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 820.98px) {
  .main-contents {
    gap: 12px;
  }
}

.section {
  width: 100%;
  gap: 20px;
}
.section, .section-box {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}
.section-box {
  width: 100%;
  padding: var(--gutter);
  background-color: #fff;
}
.section .box-title em {
  color: #722af0;
  font-style: normal;
}
.section .box-title {
  width: 100%;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.section .box-title .title {
  color: #111;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3636363636;
  letter-spacing: -0.0454545455em;
  margin: 0;
}
.section .box-title .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  color: #111;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -1px;
}
.section .box-title .btn--link {
  color: #595959;
}
.section .box-title .btn--link:hover {
  color: #111;
}

@media (max-width: 820.98px) {
  .section {
    gap: 12px;
  }
  .section, .section-box {
    border-radius: 20px;
  }
  .section-box {
    padding: 30px var(--gutter);
  }
  .section-box--aside {
    margin-top: 12px;
  }
  .issue-carousel {
    margin: 12px 0 0;
    border-radius: 16px;
    padding: 30px 20px;
    background-color: #fff;
  }
}
@media (min-width: 821px) {
  .section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .section--1 {
    background-color: #fff;
    padding: 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0;
  }
  .section--1 .section-box {
    border-radius: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .issue-carousel {
    margin-top: 24px;
    padding-top: 24px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    border-top: 1px solid #efefef;
    width: 100%;
  }
  .section--3 {
    background-color: #fff;
    padding: 30px;
    gap: 26px;
  }
  .section--3 .section-box {
    padding: 0;
    border-radius: 0;
  }
  .section--3 .section-box--aside {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 min(30%, 314px);
            flex: 0 0 min(30%, 314px);
    -ms-flex: 0 0 314px;
        flex: 0 0 314px;
    border-left: 1px solid #efefef;
    padding-left: 26px;
  }
  .section--4 .section-box--aside {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 344px;
            flex: 0 0 344px;
    margin-left: auto;
  }
}
.article-type--thumb .link {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 820.98px) {
  .article-type--thumb .link {
    gap: 12px;
  }
}
.article-type--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.article-type--list .item {
  width: 100%;
}
.article-type--list .link {
  gap: 20px;
}
@media (max-width: 820.98px) {
  .article-type--list .link {
    gap: 16px;
  }
}
.article-type--title {
  margin-bottom: -12px;
}
.article-type--title .item {
  border-top: 1px solid #efefef;
}
.article-type--title .item:nth-child(1) {
  border-top: 0;
}
.article-type--title .item .link {
  padding: 12px 0;
  display: block;
}
.article-type--title .txt-bx .tit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-size: 16px;
}
.article-type .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (hover: hover) {
  .article-type .link:hover .txt-bx .tit {
    text-decoration: underline;
  }
}
.article-type .img-bx {
  min-width: 100px;
  width: 100%;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #f5f5f5;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.02);
}
.article-type .img-bx picture,
.article-type .img-bx img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.article-type .txt-bx .tit {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -1px;
}
.article-type .txt-bx .desc {
  margin-top: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  font-weight: 400;
  font-size: 15px;
  color: #595959;
  letter-spacing: -1px;
}
.article-type .txt-bx .date {
  font-size: 13px;
  color: #595959;
  margin-top: 16px;
  line-height: 1;
}
@media (max-width: 820.98px) {
  .article-type .txt-bx .date {
    margin-top: 12px;
  }
}

.section--1 .col--aside .article-type--list {
  gap: 16px;
}
.section--1 .col--aside .article-type--list .item:not(:nth-child(1)) {
  padding-top: 16px;
  border-top: 1px solid #efefef;
}
.section--1 .col--aside .article-type--list .link {
  gap: 16px;
  position: relative;
  overflow: hidden;
}
.section--1 .col--aside .article-type--list .link:after {
  content: "";
  display: block;
}
.section--1 .col--aside .article-type--list .img-bx {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 131px;
          flex: 0 0 131px;
  width: 131px;
  aspect-ratio: 131/95;
  border-radius: 8px;
}
.section--1 .col--aside .article-type--list .txt-bx {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(100% - 131px - 16px);
          flex: 1 1 calc(100% - 131px - 16px);
  max-width: calc(100% - 131px - 16px);
}
.section--1 .col--aside .article-type--list .txt-bx .tit {
  font-size: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  max-height: 2.8em;
}
.section--1 .col--aside .article-type--list .txt-bx .desc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  margin-top: 8px;
}

.section--3 .section-box--main .article-type {
  gap: 18px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 820.98px) {
  .section--3 .section-box--main .article-type {
    gap: 16px;
    grid-template-columns: 1fr 1fr;
  }
  .section--3 .section-box--main .article-type .item + .item + .item {
    display: none;
  }
}
.section--3 .section-box--main .article-type .img-bx {
  aspect-ratio: 214/144;
}
.section--3 .section-box--main .article-type .img-bx img {
  -o-object-position: top center;
     object-position: top center;
}
.section--3 .section-box--main .article-type .txt-bx .tit {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}
.section--3 .section-box--aside .article-type {
  gap: 10px;
}
.section--3 .section-box--aside .article-type .item {
  width: 100%;
  border-radius: 16px;
  border: 1px solid #ddd;
}
.section--3 .section-box--aside .article-type .link {
  padding: 16px 20px;
  display: block;
}
.section--3 .section-box--aside .article-type .link:before {
  margin-bottom: 4px;
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.4001 6.2C8.50516 6.12121 8.62471 6.06388 8.75192 6.03129C8.87913 5.99869 9.01152 5.99148 9.14152 6.01005C9.27152 6.02862 9.3966 6.07262 9.50959 6.13953C9.62259 6.20643 9.72131 6.29494 9.8001 6.4C9.87889 6.50506 9.93622 6.62461 9.96881 6.75182C10.0014 6.87903 10.0086 7.01142 9.99005 7.14142C9.97148 7.27142 9.92748 7.39649 9.86058 7.50949C9.79367 7.62249 9.70516 7.72121 9.6001 7.8C8.0361 8.973 7.1401 10.114 6.6271 11.11C7.33147 10.9287 8.07483 10.9713 8.75386 11.232C9.43289 11.4926 10.0138 11.9583 10.416 12.5644C10.8181 13.1704 11.0215 13.8867 10.9978 14.6136C10.974 15.3406 10.7244 16.0421 10.2836 16.6206C9.84285 17.1992 9.23277 17.626 8.5382 17.8419C7.84362 18.0577 7.09907 18.0518 6.40801 17.8249C5.71696 17.5981 5.11374 17.1616 4.68221 16.5761C4.25067 15.9906 4.01226 15.2852 4.0001 14.558C3.87339 13.33 4.04775 12.0895 4.5081 10.944C5.1051 9.438 6.2721 7.796 8.4001 6.2ZM17.4001 6.2C17.5052 6.12121 17.6247 6.06388 17.7519 6.03129C17.8791 5.99869 18.0115 5.99148 18.1415 6.01005C18.2715 6.02862 18.3966 6.07262 18.5096 6.13953C18.6226 6.20643 18.7213 6.29494 18.8001 6.4C18.8789 6.50506 18.9362 6.62461 18.9688 6.75182C19.0014 6.87903 19.0086 7.01142 18.9901 7.14142C18.9715 7.27142 18.9275 7.39649 18.8606 7.50949C18.7937 7.62249 18.7052 7.72121 18.6001 7.8C17.0361 8.973 16.1401 10.114 15.6271 11.11C16.3315 10.9287 17.0748 10.9713 17.7539 11.232C18.4329 11.4926 19.0138 11.9583 19.416 12.5644C19.8181 13.1704 20.0215 13.8867 19.9978 14.6136C19.974 15.3406 19.7244 16.0421 19.2836 16.6206C18.8429 17.1992 18.2328 17.626 17.5382 17.8419C16.8436 18.0577 16.0991 18.0518 15.408 17.8249C14.717 17.5981 14.1137 17.1616 13.6822 16.5761C13.2507 15.9906 13.0123 15.2852 13.0001 14.558C12.8734 13.33 13.0477 12.0895 13.5081 10.944C14.1061 9.438 15.2721 7.796 17.4001 6.2Z' fill='%23111111'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.section--3 .section-box--aside .article-type .txt-bx .tit {
  font-size: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}
.section--3 .section-box--aside .article-type .txt-bx .date {
  margin-top: 4px;
  text-align: right;
}

.section--4 .article-type--title {
  margin-top: 10px;
}
.section--4 .article-type--title .txt-bx .tit {
  font-size: 16px;
}
.section--4 .article-type--list {
  row-gap: 14px;
}
.section--4 .article-type--list .img-bx {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 160px;
          flex: 0 0 160px;
  width: 160px;
  aspect-ratio: 160/100;
}
@media (max-width: 820.98px) {
  .section--4 .article-type--list .img-bx {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 min(45%, 160px);
            flex: 0 0 min(45%, 160px);
    width: min(45%, 160px);
  }
}
.section--4 .article-type--list .txt-bx .tit {
  font-size: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  max-height: 2.8em;
}
.section--4 .article-type--list .txt-bx .desc {
  margin-top: 8px;
}

.section--5 .article-type .item {
  width: 260px;
}
@media (max-width: 820.98px) {
  .section--5 .article-type .item {
    width: 168px;
  }
}
.section--5 .article-type .txt-bx .tit {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}
.section--5 .article-type .img-bx {
  aspect-ratio: 260/170;
}
.section--5 .article-type .swiper-button {
  margin-top: -30px;
}
.section--5 .article-type {
  position: relative;
  overflow: visible;
}
.section--5 .article-type .swiper-container {
  width: calc(100% + var(--gutter) * 2);
  left: calc(var(--gutter) * -1);
  padding: 0 var(--gutter);
}
.section--5 .article-type .swiper-container:before, .section--5 .article-type .swiper-container:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 130px;
  z-index: 10;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 1;
}
@media (max-width: 820.98px) {
  .section--5 .article-type .swiper-container:before, .section--5 .article-type .swiper-container:after {
    width: 80px;
  }
}
.section--5 .article-type .swiper-container:before {
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}
.section--5 .article-type .swiper-container:after {
  right: 0;
  background: -webkit-gradient(linear, right top, left top, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}
.article-type:has(.swiper-button--prev.swiper-button-disabled) .swiper-container::before,
.article-type:has(.swiper-button--next.swiper-button-disabled) .swiper-container::after {
  opacity: 0;
}

.section--5 .article-type .swiper-button {
  z-index: 2;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  opacity: 1;
}
.section--5 .article-type .swiper-button-disabled {
  opacity: 0;
}
.section--5 .article-type .swiper-button--next {
  right: -20px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='39.5' width='39' height='39' rx='19.5' transform='rotate(-90 0.5 39.5)' fill='white'/%3E%3Crect x='0.5' y='39.5' width='39' height='39' rx='19.5' transform='rotate(-90 0.5 39.5)' stroke='%23EFEFEF'/%3E%3Cpath d='M16.452 25.42L17.513 26.48L23.292 20.703C23.3851 20.6104 23.4591 20.5004 23.5095 20.3791C23.56 20.2579 23.5859 20.1278 23.5859 19.9965C23.5859 19.8652 23.56 19.7352 23.5095 19.6139C23.4591 19.4927 23.3851 19.3826 23.292 19.29L17.513 13.51L16.453 14.57L21.877 19.995L16.452 25.42Z' fill='%23333333'/%3E%3C/svg%3E%0A");
}
.section--5 .article-type .swiper-button--prev {
  left: -20px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='39.5' width='39' height='39' rx='19.5' transform='rotate(-90 0.5 39.5)' fill='white'/%3E%3Crect x='0.5' y='39.5' width='39' height='39' rx='19.5' transform='rotate(-90 0.5 39.5)' stroke='%23EFEFEF'/%3E%3Cpath d='M23.548 25.42L22.487 26.48L16.708 20.703C16.6149 20.6104 16.5409 20.5004 16.4905 20.3791C16.44 20.2579 16.4141 20.1278 16.4141 19.9965C16.4141 19.8652 16.44 19.7352 16.4905 19.6139C16.5409 19.4927 16.6149 19.3826 16.708 19.29L22.487 13.51L23.547 14.57L18.123 19.995L23.548 25.42Z' fill='%23333333'/%3E%3C/svg%3E%0A");
}

@media (min-width: 821px) {
  .section--1 .section-box {
    display: grid;
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
    grid-template-columns: minmax(60%, 600px) minmax(calc(40% - 24px), 396px);
  }
  .section--1 .box-title {
    grid-column: 1/span 2;
    grid-row: 1/2;
  }
  .section--1 .col--aside {
    border-left: 1px solid #efefef;
    padding-left: 24px;
  }
}
.section--1 .col--main .link {
  display: block;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.section--1 .col--main .link,
.section--1 .col--main .img-bx {
  height: 100%;
}
.section--1 .col--main .img-bx {
  overflow: hidden;
  position: relative;
  display: block;
  max-height: 349px;
}
.section--1 .col--main .img-bx img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section--1 .col--main .txt-bx {
  z-index: 2;
  padding: 20px 30px;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.8)));
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
  color: #fff;
}
.section--1 .col--main .txt-bx .tit {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -1px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  max-height: 2.8em;
}
@media (max-width: 820.98px) {
  .section--1 .col--aside {
    margin-top: 16px;
  }
  .section--1 .col--main .txt-bx {
    padding: 14px 20px;
  }
  .section--1 .col--main .txt-bx .tit {
    font-size: 24px;
  }
}

.issue-carousel .swiper-container {
  width: 100%;
  overflow: hidden;
  row-gap: 0;
}
@media (min-width: 821px) {
  .issue-carousel .swiper-util {
    margin-top: 16px;
  }
}
.issue-carousel .swiper-util {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.issue-carousel .swiper-util:has(.swiper-button--next.swiper-button-disabled):has(.swiper-button--prev.swiper-button-disabled) {
  display: none;
}
.issue-carousel .swiper-pagination {
  position: relative;
  left: auto;
  bottom: 0;
  width: auto;
  min-width: 4em;
  color: #595959;
  font-size: 15px;
  font-weight: 400;
  line-height: 100%;
}
.issue-carousel .swiper-pagination-current {
  color: #6c48ea;
  font-weight: 700;
}
.issue-carousel .swiper-button {
  font-size: 0;
  position: relative;
  -webkit-transform: none;
          transform: none;
  left: auto;
  right: auto;
  top: auto;
}
.issue-carousel .swiper-button-disabled {
  cursor: default;
}
.issue-carousel .swiper-button-disabled path {
  fill: #dddddd;
}
.issue-carousel .link {
  position: relative;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.issue-carousel .txt-bx {
  width: 100%;
}
@media (min-width: 821px) {
  .issue-carousel .txt-bx .tit {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
  }
}
.issue-carousel .txt-bx .desc {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}
.issue-carousel .txt-bx .tit {
  font-weight: 600;
  font-size: 17px;
}
.issue-carousel .txt-bx .desc {
  font-weight: 400;
  margin-top: 13px;
}
@media (min-width: 821px) {
  .issue-carousel .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .issue-carousel .link {
    width: 33.33%;
    padding: 0 24px;
  }
  .issue-carousel .link:not(:last-child):before {
    content: "";
    border-left: 1px solid #efefef;
    right: -1px;
    top: 0;
    bottom: 0;
    position: absolute;
    display: block;
  }
}
@media (max-width: 820.98px) {
  .issue-carousel .swiper-container {
    margin-top: -16px;
    height: 328px;
  }
  .issue-carousel .link {
    padding: 16px 0;
  }
  .issue-carousel .link:not(:last-child):before {
    content: "";
  }
  .issue-carousel .link:before {
    border-bottom: 1px solid #efefef;
    width: 100%;
    left: 0;
    bottom: 0;
    position: absolute;
    display: block;
  }
  .issue-carousel .txt-bx .tit {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
  }
  .issue-carousel .txt-bx .desc {
    margin-top: 10px;
  }
}

.section--2 .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.section--2 .tab-content {
  width: 100%;
}
.section--2 .tab__toggle {
  margin-left: auto;
  width: 34px;
  aspect-ratio: 1;
  border: 1px solid #efefef;
  border-radius: 50%;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.section--2 .tab__toggle.active:after {
  margin-top: -2px;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.section--2 .tab__toggle:after {
  content: "";
  width: 13px;
  height: 8px;
  display: block;
  margin-top: 2px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath d='M1.06021 -8.58307e-06L0.00021553 1.06099L5.77722 6.83999C5.86978 6.93315 5.97986 7.00707 6.10111 7.05752C6.22236 7.10797 6.35239 7.13394 6.48372 7.13394C6.61504 7.13394 6.74507 7.10797 6.86632 7.05752C6.98757 7.00707 7.09765 6.93315 7.19021 6.83999L12.9702 1.06099L11.9102 0.000991344L6.48521 5.42499L1.06021 -8.58307e-06Z' fill='%23666666'/%3E%3C/svg%3E");
}
.section--2 .tab-list.open {
  height: auto;
  overflow: visible;
}
.section--2 .tab-list {
  margin-bottom: 30px;
  overflow: hidden;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 34px);
          flex: 0 0 calc(100% - 34px);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 36px;
  gap: 6px;
  white-space: nowrap;
}
.section--2 .tab-list .tab-link {
  min-width: auto;
  height: 36px;
  line-height: 36px;
  border-radius: 36px;
  padding: 0 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  color: #555;
  font-size: 15px;
  font-weight: 500;
}
.section--2 .tab-list .tab-link.active {
  background: #111;
  color: #fff;
  font-weight: 600;
}

.txt-notice {
  color: #595959;
  margin-left: auto;
  margin-top: 10px;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  word-break: keep-all;
  letter-spacing: -1px;
}
.txt-notice a {
  color: #000;
  text-decoration: underline;
}

.cand {
  text-align: left;
}
.cand__title {
  width: 100%;
  text-align: left;
  margin-bottom: 10px;
  color: #000;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -1px;
}
.cand:not(:has(.cand-content.active)) .cand-list + .cand-content {
  display: grid;
}
.cand:not(:has(.cand-content.active)) .item:first-child .img-bx:before {
  content: "";
}
.cand-list {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 1;
  letter-spacing: -1px;
}
.cand-list .item {
  position: relative;
}
.cand-list .item:has(.i-elected) {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.cand-list .cand-link.active .img-bx:before {
  content: "";
}
.cand-list .img-bx {
  max-width: 70px;
  position: relative;
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  margin: 0 auto 16px;
}
.cand-list .img-bx:before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #6c48ea;
}
.cand-list .img-bx img {
  width: 100%;
  height: 100%;
  -o-object-position: 0 50%;
     object-position: 0 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
.cand-list .i-elected {
  border-radius: 60px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  white-space: nowrap;
  font-style: normal;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  margin-top: -5px;
  height: 20px;
  padding: 0 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: linear-gradient(106deg, #f9b138 6.45%, #f1973b 50.84%);
  color: #fff;
  text-shadow: 0 0 2px rgba(127, 76, 0, 0.5);
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.5px;
}
.cand-list .name {
  font-weight: 600;
  font-size: 16px;
}
.cand-list .party {
  font-weight: 400;
  color: #595959;
  font-size: 13px;
  margin-top: 6px;
}
.cand-content {
  display: none;
}
.cand-content.active {
  display: grid;
}
.cand-content {
  border-radius: 16px;
  border: 1px solid #efefef;
}
.cand .wrap--img {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  aspect-ratio: 142/190;
  position: relative;
}
.cand .wrap--img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  border-radius: 10px;
  overflow: hidden;
}
.cand .wrap--img .i-elected {
  font-size: 0;
  position: absolute;
  background: url(//cwstatic.asiae.co.kr/election2026/i-elected.svg) no-repeat;
  background-size: contain;
  width: 50px;
  height: 64px;
  right: -10px;
  bottom: -21px;
}
.cand .wrap--name {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cand .wrap--name * {
  line-height: 1;
}
.cand .wrap--name .name {
  font-size: 25px;
  font-weight: 500;
  letter-spacing: -1px;
  color: #000;
}
.cand .wrap--name .no {
  color: #595959;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.5px;
  margin-left: 12px;
}
.cand .wrap--name .party {
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 12px;
  height: 25px;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 6px;
  font-weight: 700;
  color: #fff;
  font-size: 13px;
  letter-spacing: -1px;
  background-color: #6c6c6c;
}
.cand .wrap--name .party[data-party*=더불어민주당] {
  background: #0f4eaa;
}
.cand .wrap--name .party[data-party*=국민의힘] {
  background: #e61e2b;
}
.cand .wrap--name .party[data-party*=조국혁신당] {
  background-color: #06275e;
}
.cand .wrap--name .party[data-party*=진보당] {
  background-color: #d6001c;
}
.cand .wrap--name .party[data-party*=개혁신당] {
  background-color: #eb632a;
}
.cand .wrap--name .party[data-party*=기본소득당] {
  background-color: #00d2c3;
}
.cand .wrap--name .party[data-party*=사회민주당] {
  background-color: #f58400;
}
.cand .wrap--name .party[data-party*=무소속] {
  background-color: #6c6c6c;
}
.cand .wrap--list {
  padding-top: 20px;
  border-top: 1px solid #efefef;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  line-height: 1.4;
  letter-spacing: -0.5px;
}
.cand .wrap--list dl {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cand .wrap--list dt {
  font-size: 15px;
  min-width: 60px;
  color: #595959;
}
.cand .wrap--list dd {
  font-size: 16px;
  color: #000;
}
.cand .wrap--list dd p:not(:nth-child(1)) {
  margin-top: 8px;
}
@media (min-width: 821px) {
  .cand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 16px;
  }
  .cand-list {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 242px;
            flex: 0 0 242px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
    text-align: center;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .cand-content {
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    padding: 30px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    max-width: 740px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-align: self-start;
        -ms-flex-align: self-start;
            align-items: self-start;
    grid-template-columns: 142px auto;
    grid-template-rows: minmax(45px, auto);
  }
  .cand .wrap--img {
    grid-row: 1/span 2;
  }
  .cand .wrap--name {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    white-space: nowrap;
    padding: 10px 0;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .cand .wrap--name .party {
    margin-left: auto;
  }
}
@media (min-width: 1024px) {
  .cand-content {
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
  }
}
@media (max-width: 820.98px) {
  .cand-list {
    margin-bottom: 30px;
    gap: 16px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    row-gap: 16px; /* 아이템 사이 간격 */
  }
  .cand-content {
    position: relative;
    grid-template-columns: 120px auto;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    padding: 20px;
  }
  .cand .wrap--name {
    -ms-flex-line-pack: center;
        align-content: center;
    row-gap: 8px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .cand .wrap--name .name,
  .cand .wrap--name .no {
    width: 100%;
  }
  .cand .wrap--name .no {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin: 0;
  }
  .cand .wrap--name .party {
    margin-top: 30px;
  }
  .cand .wrap--list {
    margin-top: 20px;
    grid-row: 2/3;
    grid-column: 1/span 2;
  }
}
@media (max-width: 359.98px) {
  .cand-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .cand-content {
    padding: 12px;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    grid-template-columns: minmax(25%, 100px) auto;
  }
  .cand .wrap--list dt {
    min-width: 50px;
  }
}

.quiz {
  height: calc(100% - 40px);
  display: grid;
  grid-template-rows: 1fr 70px;
  gap: 20px;
  border-top: 1px solid #eee;
  padding-top: 20px;
}
.quiz__wrap {
  letter-spacing: -1px;
  display: grid;
  grid-template-rows: minmax(20px, auto) 1fr;
  gap: 10px;
  min-height: 252px;
}
.quiz__wrap:has(.quiz__submit) {
  grid-template-rows: minmax(20px, auto) 1fr 48px;
}
.quiz .quiz-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  color: #000;
  line-height: 1.4;
}
.quiz .quiz-box .symbol {
  font-size: 20px;
  color: #6c48ea;
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-weight: 600;
}
.quiz__quest {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 17px;
  font-weight: 500;
  -ms-flex-item-align: start;
      align-self: start;
  margin-bottom: auto;
}
.quiz__answer {
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 6px;
  height: 156px;
}
.quiz__answer label {
  height: 48px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 30px;
  color: #000;
  font-size: 15px;
  border: 1px solid #efefef;
  border-radius: 30px;
}
.quiz__answer label:has(input:checked) {
  border: 1px solid #722af0;
}
.quiz__answer label input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.quiz__result {
  font-size: 16px;
  font-weight: 400;
  padding: 20px;
  border-radius: 16px;
  background: #f7f7fc;
  word-break: keep-all;
}
.quiz__result p {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.quiz__submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1em;
  height: 48px;
  border-radius: 48px;
  background-color: #6c48ea;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
}
.quiz__submit[disabled] {
  cursor: default;
  background-color: #eee;
  color: #ccc;
  font-weight: 500;
}

.quiz-banner {
  width: 100%;
  border-radius: 16px;
  background: #f4edff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  padding: 10px 22px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #111;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -1.5px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: 300ms background;
  transition: 300ms background;
  line-height: 1.2;
  word-break: keep-all;
  gap: 10px;
}
@media (hover: hover) {
  .quiz-banner:hover {
    background-color: rgb(237.7666666667, 226.8, 255);
  }
}
.quiz-banner .text-color-1 {
  font-weight: 700;
}
.quiz-banner:after {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 57px;
          flex: 0 0 57px;
  content: "";
  display: block;
  aspect-ratio: 57/43;
  background: url(//cwstatic.asiae.co.kr/election2026/bg-quiz.svg) no-repeat;
  background-size: contain;
}
@media (max-width: 820.98px) {
  .quiz-banner {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 639.98px) {
  .quiz-banner {
    padding: 10px 15px;
  }
}

.section--6 .tab-content {
  margin-top: 30px;
}
.section--6 .tab-content > .wrap {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media (max-width: 820.98px) {
  .section--6 .tab-content > .wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 40px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.section--6 .chart-wrap .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;
  color: #111;
  font-size: 17px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -1px;
}
.section--6 .chart-wrap .title .unit {
  margin-left: 2px;
  font-size: 13px;
  color: #888;
}
.section--6 .chart-wrap .chart {
  font-size: 0;
  position: relative;
}
.section--6 .chart-wrap--pie {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 170px;
          flex: 0 0 170px;
}
.section--6 .chart-wrap--pie .title {
  white-space: nowrap;
  font-size: 19px;
  font-weight: 600;
}
.section--6 .chart-wrap--pie .title .em {
  color: #c533ff;
}
.section--6 .chart-wrap--pie .num {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  color: #111;
  font-size: 30px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.5px;
}
.section--6 .chart-wrap--bar {
  width: 100%;
  padding: 30px;
  border-radius: 16px;
  border: 1px solid #efefef;
}
.section--6 .chart-wrap--bar .scroll-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
  cursor: default;
  overflow: scroll hidden;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.section--6 .chart-wrap--bar .scroll-wrap ::-webkit-scrollbar {
  display: none;
}
@media (min-width: 821px) {
  .section--6 .chart-wrap--bar {
    padding-left: 30px;
    padding-right: 30px;
  }
  .section--6 .chart-wrap--bar .scroll-wrap {
    width: calc(100% + 60px);
    left: -30px;
    padding: 0 30px;
  }
}
@media (max-width: 820.98px) {
  .section--6 .chart-wrap--bar {
    padding-left: 15px;
    padding-right: 15px;
  }
  .section--6 .chart-wrap--bar .scroll-wrap {
    width: calc(100% + 30px);
    left: -15px;
    padding: 0 15px;
  }
}
.section--6 .chart-wrap--bar .chart {
  white-space: nowrap;
  margin: 0 auto;
  min-width: 748px;
  max-width: 748px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 169px;
  padding-bottom: 30px;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.5px;
  color: #111;
}
.section--6 .chart-wrap--bar .chart:before {
  width: 100%;
  height: 1px;
  left: 0;
  top: 69.5px;
  position: absolute;
  content: "";
  opacity: 0.07;
  background: #000;
  display: block;
}
.section--6 .chart-wrap--bar .chart li {
  border-bottom: 1px solid #000;
  width: 44px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
}
.section--6 .chart-wrap--bar .chart .num {
  display: block;
  width: 20px;
  border-radius: 10px 10px 0 0;
  background-color: #722af0;
  position: relative;
}
.section--6 .chart-wrap--bar .chart .num:before {
  content: attr(data-num);
  left: 50%;
  top: 0;
  position: absolute;
  display: block;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
}
.section--6 .chart-wrap--bar .chart .local {
  bottom: -30px;
  left: 0;
  right: 0;
  position: absolute;
}
@media (min-width: 821px) {
  .section--6 .chart-wrap--pie {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 170px;
            flex: 0 0 170px;
  }
  .section--6 .chart-wrap--bar {
    max-width: 810px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 170px - 20px);
            flex: 0 0 calc(100% - 170px - 20px);
    width: calc(100% - 170px - 20px);
  }
}
.section--6 .pie {
  width: 170px;
  height: 170px;
}
.section--6 .pie-bg {
  fill: none;
  stroke: #efefef;
  stroke-width: 34;
}
.section--6 .pie-bar {
  fill: none;
  stroke: #c533ff;
  stroke-width: 34;
  stroke-linecap: butt;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

.chart-wrap {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
}
.chart-wrap .arr-next {
  right: -20px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='39.5' width='39' height='39' rx='19.5' transform='rotate(-90 0.5 39.5)' fill='white'/%3E%3Crect x='0.5' y='39.5' width='39' height='39' rx='19.5' transform='rotate(-90 0.5 39.5)' stroke='%23EFEFEF'/%3E%3Cpath d='M16.452 25.42L17.513 26.48L23.292 20.703C23.3851 20.6104 23.4591 20.5004 23.5095 20.3791C23.56 20.2579 23.5859 20.1278 23.5859 19.9965C23.5859 19.8652 23.56 19.7352 23.5095 19.6139C23.4591 19.4927 23.3851 19.3826 23.292 19.29L17.513 13.51L16.453 14.57L21.877 19.995L16.452 25.42Z' fill='%23333333'/%3E%3C/svg%3E%0A");
}
.chart-wrap .arr-prev {
  left: -20px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='39.5' width='39' height='39' rx='19.5' transform='rotate(-90 0.5 39.5)' fill='white'/%3E%3Crect x='0.5' y='39.5' width='39' height='39' rx='19.5' transform='rotate(-90 0.5 39.5)' stroke='%23EFEFEF'/%3E%3Cpath d='M23.548 25.42L22.487 26.48L16.708 20.703C16.6149 20.6104 16.5409 20.5004 16.4905 20.3791C16.44 20.2579 16.4141 20.1278 16.4141 19.9965C16.4141 19.8652 16.44 19.7352 16.4905 19.6139C16.5409 19.4927 16.6149 19.3826 16.708 19.29L22.487 13.51L23.547 14.57L18.123 19.995L23.548 25.42Z' fill='%23333333'/%3E%3C/svg%3E%0A");
}
.chart-wrap .arr-next,
.chart-wrap .arr-prev {
  z-index: 2;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
}

.schedule-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  text-align: center;
}
.schedule-list dl {
  width: 100%;
}
.schedule-list dl.active dt {
  background-color: #6c48ea;
  color: #fff;
  font-weight: 700;
}
.schedule-list dt {
  margin: 0 auto;
  height: 48px;
  border-radius: 48px;
  background-color: #efefef;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #111;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -1px;
}
.schedule-list dd {
  margin-top: 24px;
  color: #111;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: -1px;
}
@media (min-width: 821px) {
  .schedule-list {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .schedule-list dl {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    position: relative;
  }
  .schedule-list dl:before {
    content: "";
    height: 48px;
    width: 24px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='48' viewBox='0 0 24 48' fill='none'%3E%3Cpath d='M7 14C7.45714 14.2286 13.8571 20.7619 17 24L7 34' stroke='%23DDDDDD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
  .schedule-list dl:nth-child(1):before {
    content: none;
  }
  .schedule-list dt {
    max-width: 205px;
    width: 80%;
  }
  .schedule-list dd .time {
    display: block;
    color: #595959;
  }
}
@media (max-width: 820.98px) {
  .schedule-list {
    gap: 20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .schedule-list dd {
    margin-top: 16px;
    font-weight: 400;
  }
  .schedule-list dd .time {
    display: inline-block;
  }
}

.util-modal {
  position: fixed;
  z-index: 500;
  top: 0;
  left: 0;
  height: 100dvh;
  width: 100%;
  background: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 500ms opacity;
  transition: 500ms opacity;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.util-modal.active {
  visibility: visible !important;
  opacity: 1 !important;
}
.util-modal__wrap {
  position: relative;
  max-width: 80vh;
  overflow-y: auto;
  background-color: #fff;
  border-radius: 20px;
  padding: 20px;
  text-align: left;
  min-width: 180px;
}
.util-modal__wrap .close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.078 2.29286C12.4685 1.90236 13.1015 1.90241 13.4921 2.29286C13.8826 2.68338 13.8826 3.31639 13.4921 3.70692L9.38758 7.81141L13.6932 12.1171C14.0838 12.5076 14.0838 13.1416 13.6932 13.5321C13.3028 13.9223 12.6697 13.9222 12.2792 13.5321L7.97254 9.22547L3.70692 13.4921C3.31639 13.8826 2.68338 13.8826 2.29286 13.4921C1.90241 13.1015 1.90236 12.4685 2.29286 12.078L6.55946 7.81141L2.49403 3.74598C2.10352 3.35545 2.10351 2.72244 2.49403 2.33192C2.88457 1.94166 3.51765 1.94149 3.90809 2.33192L7.97352 6.39735L12.078 2.29286Z' fill='%23111111'/%3E%3C/svg%3E%0A");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 16px;
}
.util-modal__wrap .title {
  font-size: 15px;
  color: #111;
  font-weight: 700;
  margin-bottom: 1.5em;
  line-height: 1;
  letter-spacing: -0.01em;
}
.util-modal .list {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  font-size: 0;
}
.util-modal .list .i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 46px;
  height: 46px;
}
.util-modal .list .i img {
  width: 100%;
  height: 100%;
}
.util-modal .list .btn {
  text-decoration: none;
}
.util-modal .list .btn p {
  color: #111;
  margin-top: 4px;
  font-size: 12px;
  letter-spacing: -0.5px;
}