@charset "UTF-8";
/* 프로젝트에서 뽑은 값 */
/* //End 프로젝트에서 뽑은 값 */
/* 드롭다운,멀티포함 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-thumb {
  background: #cccccc;
  border-radius: 0;
}

::-webkit-scrollbar-thumb:hover {
  background: #888888;
}

::-webkit-scrollbar-track {
  background: #eeeeee;
  border-radius: 0;
}

/**
 * 텍스트의 상단 및 하단 여백을 제거하는 믹스인
 * @param {unit} $font-size - 적용할 폰트 크기
 * @param {unit} $top-trim - 상단 여백을 조절할 값 (em 단위 추천)
 * @param {unit} $bottom-trim - 하단 여백을 조절할 값 (em 단위 추천)
 */
/**
 * [헬퍼 믹스인] remove-text-space-style로 생성된 요소의
 * 상하 트림(margin) 값만 수정합니다.
 */
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: inherit;
  font-family: "Pretendard", "Malgun Gothic", "돋움", "DotumChe", "Dotum", sans-serif;
  vertical-align: baseline;
  -webkit-text-size-adjust: none;
  box-sizing: border-box;
  letter-spacing: -0.02em;
  word-break: keep-all;
  line-height: 1.5;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  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 {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  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 {
    font-size: 4.2vw;
  }
}

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

body {
  line-height: 1;
  color: black;
}

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 {
  color: inherit;
  font: inherit;
  text-decoration: none;
}

strong {
  font: inherit;
}

label,
button,
input[type=submit],
input[type=checkbox],
input[type=radio],
input[type=button] {
  padding: 0px;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  cursor: pointer;
}

input[type=text],
input[type=password],
input[type=number] {
  padding: 0px;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

input,
button,
textarea,
select {
  border: none;
  font-family: "Pretendard", "Malgun Gothic", "돋움", "DotumChe", "Dotum", sans-serif;
  box-sizing: border-box;
}

input[type=submit],
button[type=submit] {
  font-family: "Pretendard", "Malgun Gothic", "돋움", "DotumChe", "Dotum", sans-serif;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

button:focus,
textarea:focus,
input:focus {
  outline: none;
}

button,
textarea,
input,
select,
a,
label {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

img {
  vertical-align: middle;
}

button {
  background: transparent;
  color: inherit;
}

input,
textarea {
  border: 1px solid transparent;
  transition: border 0.3s ease-in-out;
}

::-moz-placeholder {
  color: #666666;
  font-family: "Pretendard", "Malgun Gothic", "돋움", "DotumChe", "Dotum", sans-serif;
}

::placeholder {
  color: #666666;
  font-family: "Pretendard", "Malgun Gothic", "돋움", "DotumChe", "Dotum", sans-serif;
}

.no-scroll {
  overflow: hidden !important;
}
.no-scroll .scroll-frame {
  overflow: hidden !important;
}

.btn {
  position: relative;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s, border 0.2s;
  border: none;
  outline: none;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  border-radius: 24px;
  font-size: 18px;
  height: 56px;
  min-width: 180px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn {
    border-radius: 1.5rem;
  }
}
@media (max-width: 639px) {
  .btn {
    border-radius: 6.3vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn {
    font-size: 1.125rem;
  }
}
@media (max-width: 639px) {
  .btn {
    font-size: 4.725vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn {
    height: 3.5rem;
  }
}
@media (max-width: 639px) {
  .btn {
    height: 14.7vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn {
    min-width: 11.25rem;
  }
}
@media (max-width: 639px) {
  .btn {
    min-width: 47.25vw;
  }
}
.btn span, .btn strong {
  font-weight: 500;
  font-size: 18px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn span, .btn strong {
    font-size: 1.125rem;
  }
}
@media (max-width: 639px) {
  .btn span, .btn strong {
    font-size: 4.725vw;
  }
}
.btn.shape-square {
  border-radius: 6px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn.shape-square {
    border-radius: 0.375rem;
  }
}
@media (max-width: 639px) {
  .btn.shape-square {
    border-radius: 1.575vw;
  }
}
.btn-radius {
  border-radius: 56px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn-radius {
    border-radius: 3.5rem;
  }
}
@media (max-width: 639px) {
  .btn-radius {
    border-radius: 14.7vw;
  }
}
.btn.small {
  height: 40px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn.small {
    height: 2.5rem;
  }
}
@media (max-width: 639px) {
  .btn.small {
    height: 10.5vw;
  }
}
@media screen and (min-width: 1200px) {
  .btn.small {
    height: 40px;
  }
}
.btn.small-radius {
  border: 2px solid #dddddd;
  height: auto;
  width: auto;
  min-width: auto;
  font-weight: 500;
  border-radius: 5px;
  padding: 9px 15px;
  font-size: 15px;
  display: block;
  overflow: hidden;
  display: inline-block;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn.small-radius {
    border-radius: 0.3333rem;
  }
}
@media (max-width: 639px) {
  .btn.small-radius {
    border-radius: 1.4vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn.small-radius {
    padding: 0.5833rem 0.9167rem;
  }
}
@media (max-width: 639px) {
  .btn.small-radius {
    padding: 2.45vw 3.85vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn.small-radius {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .btn.small-radius {
    font-size: 3.85vw;
  }
}
.btn.small-radius::before {
  content: "";
  display: block;
  margin-top: -0.25em;
}
.btn.small-radius::after {
  content: "";
  display: block;
  margin-bottom: -0.2em;
}
.btn.small-radius:hover {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.btn.small-radius-primary {
  border-color: #E13911;
  color: #E13911;
  background: #fff;
  transition: all 0.15s ease-in-out;
}
.btn.small-radius-primary:hover {
  color: #fff;
  background: #E13911;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.btn-secondary {
  color: #fff;
  background: #1E335F;
  transition: all 0.15s ease-in-out;
}
.btn-secondary:hover {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.btn-primary {
  color: #fff;
  background: #E13911;
  transition: all 0.15s ease-in-out;
}
.btn-primary:hover {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.btn-white {
  color: #1E335F;
  background: #fff;
  transition: all 0.15s ease-in-out;
}
.btn-white:hover {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.btn-black {
  background: #000000;
  color: #fff;
}
.btn-gray {
  background: #dddddd;
  color: #000000;
}
.btn-gray:hover {
  background: #333333;
  color: #ffffff;
}
.btn-gray6 {
  background: #666666;
  color: #fff;
}
.btn-gray6:hover {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.btn.outline {
  background: transparent;
  color: #E13911;
  border-style: solid;
  border-color: transparent;
  transition: all 0.15s ease-in;
  border-width: 2px;
}
.btn.outline-white {
  border-style: solid;
  border-color: #fff;
  color: #fff;
}
.btn.outline-gray {
  border-style: solid;
  border-color: #eeeeee;
}
.btn.outline-gray6 {
  border-style: solid;
  border-color: #666666;
  color: #666666;
}
.btn.outline-black {
  font-weight: 400;
  color: #222222;
  border-style: solid;
  border-color: #000000;
}
.btn.outline-black:hover {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.btn.outline-primary {
  border-style: solid;
  border-color: #E13911;
}
.btn.outline-secondary {
  color: #1E335F;
  border-style: solid;
  border-color: #1E335F;
}
.btn.icon {
  gap: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn.icon {
    gap: 0.25rem;
  }
}
@media (max-width: 639px) {
  .btn.icon {
    gap: 1.05vw;
  }
}
.btn.icon .icon-svg {
  width: 18px;
  height: 18px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn.icon .icon-svg {
    width: 1.125rem;
  }
}
@media (max-width: 639px) {
  .btn.icon .icon-svg {
    width: 4.725vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn.icon .icon-svg {
    height: 1.125rem;
  }
}
@media (max-width: 639px) {
  .btn.icon .icon-svg {
    height: 4.725vw;
  }
}
.btn.txt {
  height: auto;
  padding: 0;
  letter-spacing: -0.8px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: 10%;
  text-underline-position: from-font;
  color: #333333;
  font-weight: 600;
  font-size: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn.txt {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .btn.txt {
    font-size: 4.2vw;
  }
}
.btn.txt-primary {
  color: #E13911;
}
.btn.txt-black {
  color: #000;
}
.btn.txt-gray {
  color: #666666;
}
.btn.txt-white {
  color: #fff;
}
.btn-txt {
  color: #333333;
  font-weight: 500;
  font-size: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn-txt {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .btn-txt {
    font-size: 4.2vw;
  }
}

.btn-nav {
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn-nav {
    height: 2.5rem;
  }
}
@media (max-width: 639px) {
  .btn-nav {
    height: 10.5vw;
  }
}
.btn-nav.circle {
  border: 1px solid #aaaaaa;
  width: 40px;
  height: 40px;
  border-radius: 40px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn-nav.circle {
    width: 2.5rem;
  }
}
@media (max-width: 639px) {
  .btn-nav.circle {
    width: 10.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn-nav.circle {
    height: 2.5rem;
  }
}
@media (max-width: 639px) {
  .btn-nav.circle {
    height: 10.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn-nav.circle {
    border-radius: 2.5rem;
  }
}
@media (max-width: 639px) {
  .btn-nav.circle {
    border-radius: 10.5vw;
  }
}
.btn-nav.circle .icon-svg {
  color: #000;
  width: 24px;
  height: 24px;
  margin-left: 4px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn-nav.circle .icon-svg {
    width: 1.5rem;
  }
}
@media (max-width: 639px) {
  .btn-nav.circle .icon-svg {
    width: 6.3vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn-nav.circle .icon-svg {
    height: 1.5rem;
  }
}
@media (max-width: 639px) {
  .btn-nav.circle .icon-svg {
    height: 6.3vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn-nav.circle .icon-svg {
    margin-left: 0.25rem;
  }
}
@media (max-width: 639px) {
  .btn-nav.circle .icon-svg {
    margin-left: 1.05vw;
  }
}
.btn-nav.circle .icon-svg svg {
  transform: rotate(-90deg);
}
.btn-nav.circle.prev .icon-svg {
  margin-left: 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn-nav.circle.prev .icon-svg {
    margin-left: 0rem;
  }
}
@media (max-width: 639px) {
  .btn-nav.circle.prev .icon-svg {
    margin-left: 0vw;
  }
}
.btn-nav.circle.prev .icon-svg svg {
  transform: rotate(90deg);
}
.btn-nav.transparent {
  width: 24px;
  height: 24px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn-nav.transparent {
    width: 1.5rem;
  }
}
@media (max-width: 639px) {
  .btn-nav.transparent {
    width: 6.3vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn-nav.transparent {
    height: 1.5rem;
  }
}
@media (max-width: 639px) {
  .btn-nav.transparent {
    height: 6.3vw;
  }
}
.btn-nav.transparent .icon-svg {
  color: #000;
  --icon-stroke-width:8;
  width: 17px;
  height: 17px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn-nav.transparent .icon-svg {
    width: 1.0417rem;
  }
}
@media (max-width: 639px) {
  .btn-nav.transparent .icon-svg {
    width: 4.375vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn-nav.transparent .icon-svg {
    height: 1.0417rem;
  }
}
@media (max-width: 639px) {
  .btn-nav.transparent .icon-svg {
    height: 4.375vw;
  }
}
.btn-nav.transparent.Playback .icon-svg {
  position: relative;
  width: 100%;
  height: 100%;
}
.btn-nav.transparent.Playback .icon-svg .icon-play, .btn-nav.transparent.Playback .icon-svg .icon-pause {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.btn-nav.transparent.Playback .icon-svg .icon-play {
  width: 10px;
  height: 12px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn-nav.transparent.Playback .icon-svg .icon-play {
    width: 0.625rem;
  }
}
@media (max-width: 639px) {
  .btn-nav.transparent.Playback .icon-svg .icon-play {
    width: 2.625vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn-nav.transparent.Playback .icon-svg .icon-play {
    height: 0.75rem;
  }
}
@media (max-width: 639px) {
  .btn-nav.transparent.Playback .icon-svg .icon-play {
    height: 3.15vw;
  }
}
.btn-nav.transparent.Playback .icon-svg .icon-pause {
  width: 9px;
  height: 10px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn-nav.transparent.Playback .icon-svg .icon-pause {
    width: 0.5625rem;
  }
}
@media (max-width: 639px) {
  .btn-nav.transparent.Playback .icon-svg .icon-pause {
    width: 2.3625vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn-nav.transparent.Playback .icon-svg .icon-pause {
    height: 0.625rem;
  }
}
@media (max-width: 639px) {
  .btn-nav.transparent.Playback .icon-svg .icon-pause {
    height: 2.625vw;
  }
}
.btn-nav.transparent.next .icon-svg {
  margin-left: 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn-nav.transparent.next .icon-svg {
    margin-left: 0rem;
  }
}
@media (max-width: 639px) {
  .btn-nav.transparent.next .icon-svg {
    margin-left: 0vw;
  }
}
.btn-nav.transparent.next .icon-svg svg {
  transform: rotate(-90deg);
}
.btn-nav.transparent.prev .icon-svg {
  margin-left: 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn-nav.transparent.prev .icon-svg {
    margin-left: 0rem;
  }
}
@media (max-width: 639px) {
  .btn-nav.transparent.prev .icon-svg {
    margin-left: 0vw;
  }
}
.btn-nav.transparent.prev .icon-svg svg {
  transform: rotate(90deg);
}

.btn-icon-plus i {
  width: 12px;
  height: 12px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn-icon-plus i {
    width: 0.75rem;
  }
}
@media (max-width: 639px) {
  .btn-icon-plus i {
    width: 3.15vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .btn-icon-plus i {
    height: 0.75rem;
  }
}
@media (max-width: 639px) {
  .btn-icon-plus i {
    height: 3.15vw;
  }
}
.btn-icon-plus i .icon-plus {
  fill: white;
}

.icon-download i {
  width: 18px;
  height: 18px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .icon-download i {
    width: 1.125rem;
  }
}
@media (max-width: 639px) {
  .icon-download i {
    width: 4.725vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .icon-download i {
    height: 1.125rem;
  }
}
@media (max-width: 639px) {
  .icon-download i {
    height: 4.725vw;
  }
}

.dropdown-box, .multi-dropdown-box {
  display: inline-block;
  width: 100%;
}
.dropdown-box > button, .multi-dropdown-box > button {
  width: 100%;
  background: #ffffff;
  border: 1px solid #aaaaaa;
  text-align: left;
  font-weight: 400;
  color: #222222;
  line-height: 1;
  overflow: hidden;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 19px 7px 19px 16px;
  border-radius: 5px;
  font-size: 16px;
  height: 53px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .dropdown-box > button, .multi-dropdown-box > button {
    padding: 1.1667rem 0.4167rem 1.1667rem 1rem;
  }
}
@media (max-width: 639px) {
  .dropdown-box > button, .multi-dropdown-box > button {
    padding: 4.9vw 1.75vw 4.9vw 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .dropdown-box > button, .multi-dropdown-box > button {
    border-radius: 0.3333rem;
  }
}
@media (max-width: 639px) {
  .dropdown-box > button, .multi-dropdown-box > button {
    border-radius: 1.4vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .dropdown-box > button, .multi-dropdown-box > button {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .dropdown-box > button, .multi-dropdown-box > button {
    font-size: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .dropdown-box > button, .multi-dropdown-box > button {
    height: 3.3333rem;
  }
}
@media (max-width: 639px) {
  .dropdown-box > button, .multi-dropdown-box > button {
    height: 14vw;
  }
}
.dropdown-box > button:after, .multi-dropdown-box > button:after {
  content: "";
  position: absolute;
  width: 47px;
  height: 47px;
  transform: translateY(-50%) rotate(0deg);
  top: 50%;
  bottom: 0px;
  right: 10px;
  z-index: 1;
  background-color: black;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='30' viewBox='0 0 54 30' fill='currentColor'%3E%3Cpath d='M0.878677 5.12108C-0.292893 3.9495 -0.292895 2.05046 0.878677 0.878889C2.05025 -0.292681 3.94929 -0.292681 5.12086 0.878889L26.9998 22.7578L48.8787 0.878887C50.0502 -0.292685 51.9493 -0.292685 53.1209 0.878887C54.2924 2.05046 54.2924 3.9495 53.1209 5.12107L29.1209 29.1211C27.9493 30.2926 26.0503 30.2926 24.8787 29.1211L0.878677 5.12108Z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='30' viewBox='0 0 54 30' fill='currentColor'%3E%3Cpath d='M0.878677 5.12108C-0.292893 3.9495 -0.292895 2.05046 0.878677 0.878889C2.05025 -0.292681 3.94929 -0.292681 5.12086 0.878889L26.9998 22.7578L48.8787 0.878887C50.0502 -0.292685 51.9493 -0.292685 53.1209 0.878887C54.2924 2.05046 54.2924 3.9495 53.1209 5.12107L29.1209 29.1211C27.9493 30.2926 26.0503 30.2926 24.8787 29.1211L0.878677 5.12108Z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 14px 8px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 14px 8px;
  transition: transform 0.15s ease-in-out, background-color 0.3s ease;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .dropdown-box > button:after, .multi-dropdown-box > button:after {
    width: 2.9167rem;
  }
}
@media (max-width: 639px) {
  .dropdown-box > button:after, .multi-dropdown-box > button:after {
    width: 12.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .dropdown-box > button:after, .multi-dropdown-box > button:after {
    height: 2.9167rem;
  }
}
@media (max-width: 639px) {
  .dropdown-box > button:after, .multi-dropdown-box > button:after {
    height: 12.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .dropdown-box > button:after, .multi-dropdown-box > button:after {
    -webkit-mask-size: 0.875rem 0.4792rem;
            mask-size: 0.875rem 0.4792rem;
  }
}
@media (max-width: 639px) {
  .dropdown-box > button:after, .multi-dropdown-box > button:after {
    -webkit-mask-size: 3.675vw 2.0125vw;
            mask-size: 3.675vw 2.0125vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .dropdown-box > button:after, .multi-dropdown-box > button:after {
    -webkit-mask-size: 0.875rem 0.4792rem;
  }
}
@media (max-width: 639px) {
  .dropdown-box > button:after, .multi-dropdown-box > button:after {
    -webkit-mask-size: 3.675vw 2.0125vw;
  }
}
@media screen and (min-width: 640px) {
  .dropdown-box > button:after, .multi-dropdown-box > button:after {
    width: 56px;
    height: 56px;
    mask-size: 14px 8px;
    -webkit-mask-size: 14px 8px;
  }
}
.dropdown-box > button:before, .multi-dropdown-box > button:before {
  position: absolute;
  top: 8px;
  right: 48px;
  z-index: 2;
  width: 1px;
  height: 32px;
  background: #eeeeee;
  content: "";
  display: none;
}
.dropdown-box > button:disabled, .dropdown-box > button:active, .dropdown-box > button:focus, .multi-dropdown-box > button:disabled, .multi-dropdown-box > button:active, .multi-dropdown-box > button:focus {
  border-color: #cccccc !important;
  background: #eeeeee !important;
  color: #666666 !important;
}
.dropdown-box > button:disabled:after, .dropdown-box > button:active:after, .dropdown-box > button:focus:after, .multi-dropdown-box > button:disabled:after, .multi-dropdown-box > button:active:after, .multi-dropdown-box > button:focus:after {
  background: #999 !important;
}
@media screen and (min-width: 640px) {
  .dropdown-box > button, .multi-dropdown-box > button {
    padding: 19px 12px 19px 24px;
    border-radius: 8px;
    font-size: 18px;
    height: 56px;
  }
  .dropdown-box > button:hover, .multi-dropdown-box > button:hover {
    border-color: #E13911;
    color: #E13911;
  }
  .dropdown-box > button:hover:after, .multi-dropdown-box > button:hover:after {
    background-color: #E13911;
  }
}
.dropdown-box input[type=hidden].error + button, .multi-dropdown-box input[type=hidden].error + button {
  border-color: #ed1c24;
  background: rgba(254, 46, 54, 0.12);
  color: #ed1c24;
}
.dropdown-box .dropdown-list, .multi-dropdown-box .dropdown-list {
  display: none;
  position: absolute;
  left: 0px;
  z-index: 9;
  min-width: 100%;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-gutter: stable;
  border: 1px solid #dddddd;
  background: #fff;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  max-height: 267px;
  top: 61px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .dropdown-box .dropdown-list, .multi-dropdown-box .dropdown-list {
    border-radius: 0.3333rem;
  }
}
@media (max-width: 639px) {
  .dropdown-box .dropdown-list, .multi-dropdown-box .dropdown-list {
    border-radius: 1.4vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .dropdown-box .dropdown-list, .multi-dropdown-box .dropdown-list {
    max-height: 16.6667rem;
  }
}
@media (max-width: 639px) {
  .dropdown-box .dropdown-list, .multi-dropdown-box .dropdown-list {
    max-height: 70vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .dropdown-box .dropdown-list, .multi-dropdown-box .dropdown-list {
    top: 3.8333rem;
  }
}
@media (max-width: 639px) {
  .dropdown-box .dropdown-list, .multi-dropdown-box .dropdown-list {
    top: 16.1vw;
  }
}
@media screen and (min-width: 640px) {
  .dropdown-box .dropdown-list, .multi-dropdown-box .dropdown-list {
    border-radius: 8px;
    max-height: 310px;
    top: 64px;
  }
}
.dropdown-box .dropdown-list ul li button, .multi-dropdown-box .dropdown-list ul li button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background: #ffffff;
  text-align: left;
  white-space: nowrap;
  font-weight: 400;
  color: #222222;
  padding: 0px 7px 0px 16px;
  font-size: 16px;
  height: 53px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .dropdown-box .dropdown-list ul li button, .multi-dropdown-box .dropdown-list ul li button {
    padding: 0rem 0.4167rem 0rem 1rem;
  }
}
@media (max-width: 639px) {
  .dropdown-box .dropdown-list ul li button, .multi-dropdown-box .dropdown-list ul li button {
    padding: 0vw 1.75vw 0vw 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .dropdown-box .dropdown-list ul li button, .multi-dropdown-box .dropdown-list ul li button {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .dropdown-box .dropdown-list ul li button, .multi-dropdown-box .dropdown-list ul li button {
    font-size: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .dropdown-box .dropdown-list ul li button, .multi-dropdown-box .dropdown-list ul li button {
    height: 3.3333rem;
  }
}
@media (max-width: 639px) {
  .dropdown-box .dropdown-list ul li button, .multi-dropdown-box .dropdown-list ul li button {
    height: 14vw;
  }
}
@media screen and (min-width: 640px) {
  .dropdown-box .dropdown-list ul li button, .multi-dropdown-box .dropdown-list ul li button {
    padding: 0 12px 0 24px;
    height: 56px;
    max-width: 100%;
    font-size: 16px;
  }
}
.dropdown-box .dropdown-list ul li button:hover, .multi-dropdown-box .dropdown-list ul li button:hover {
  color: #E13911;
  background: #f9f9f9;
}
.dropdown-box .dropdown-list ul li button.selected, .multi-dropdown-box .dropdown-list ul li button.selected {
  background: #E13911;
  color: #ffffff;
}
.dropdown-box .dropdown-list ul li button.selected:after, .multi-dropdown-box .dropdown-list ul li button.selected:after {
  display: none;
  width: 13px;
  height: 10px;
  background: url("../images/components/icon_dropdown_check.svg") no-repeat center center;
  content: "";
}
.dropdown-box.placeholder > button, .multi-dropdown-box.placeholder > button {
  color: #222222;
  font-weight: normal;
}
.dropdown-box[direction=top] .dropdown-list, .multi-dropdown-box[direction=top] .dropdown-list {
  top: unset;
  bottom: 62px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .dropdown-box[direction=top] .dropdown-list, .multi-dropdown-box[direction=top] .dropdown-list {
    bottom: 3.875rem;
  }
}
@media (max-width: 639px) {
  .dropdown-box[direction=top] .dropdown-list, .multi-dropdown-box[direction=top] .dropdown-list {
    bottom: 16.275vw;
  }
}
.dropdown-box.open > button, .multi-dropdown-box.open > button {
  border: 1px solid #E13911;
}
.dropdown-box.open > button:after, .multi-dropdown-box.open > button:after {
  transform: translateY(-50%) rotate(-180deg);
  background-color: #E13911;
}

/* 멀티셀렉트박스 */
.multi-dropdown-box {
  position: relative;
  width: 100%;
}
.multi-dropdown-box .dropdown-list .list-search {
  position: sticky;
  right: 0;
  top: 0px;
  left: 0px;
  z-index: 1;
  background: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.multi-dropdown-box .dropdown-list .list-search input {
  width: 96%;
  background: #fff;
  border: 1px solid #666666;
  margin: 11px;
  padding-left: 16px;
  height: 53px;
  border-radius: 5px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .multi-dropdown-box .dropdown-list .list-search input {
    margin: 0.6667rem;
  }
}
@media (max-width: 639px) {
  .multi-dropdown-box .dropdown-list .list-search input {
    margin: 2.8vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .multi-dropdown-box .dropdown-list .list-search input {
    padding-left: 1rem;
  }
}
@media (max-width: 639px) {
  .multi-dropdown-box .dropdown-list .list-search input {
    padding-left: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .multi-dropdown-box .dropdown-list .list-search input {
    height: 3.3333rem;
  }
}
@media (max-width: 639px) {
  .multi-dropdown-box .dropdown-list .list-search input {
    height: 14vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .multi-dropdown-box .dropdown-list .list-search input {
    border-radius: 0.3333rem;
  }
}
@media (max-width: 639px) {
  .multi-dropdown-box .dropdown-list .list-search input {
    border-radius: 1.4vw;
  }
}
.multi-dropdown-box .dropdown-list .list-search .icon-svg {
  position: absolute;
  color: #E13911;
  right: 20px;
  width: 27px;
  height: 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .multi-dropdown-box .dropdown-list .list-search .icon-svg {
    right: 1.25rem;
  }
}
@media (max-width: 639px) {
  .multi-dropdown-box .dropdown-list .list-search .icon-svg {
    right: 5.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .multi-dropdown-box .dropdown-list .list-search .icon-svg {
    width: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .multi-dropdown-box .dropdown-list .list-search .icon-svg {
    width: 7vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .multi-dropdown-box .dropdown-list .list-search .icon-svg {
    height: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .multi-dropdown-box .dropdown-list .list-search .icon-svg {
    height: 7vw;
  }
}
.multi-dropdown-box .dropdown-list ul {
  background: #ffffff;
  padding: 0px 0px 16px 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .multi-dropdown-box .dropdown-list ul {
    padding: 0rem 0rem 1rem 0rem;
  }
}
@media (max-width: 639px) {
  .multi-dropdown-box .dropdown-list ul {
    padding: 0vw 0vw 4.2vw 0vw;
  }
}
.multi-dropdown-box .dropdown-list ul li {
  margin-top: 5px;
}
.multi-dropdown-box .dropdown-list ul li:first-child {
  margin-top: 0px;
}
.multi-dropdown-box .dropdown-list ul li.empty {
  margin-top: 0px;
  color: #666666;
  font-size: 16px;
  line-height: 60px;
  font-weight: 400;
  text-align: center;
}
.multi-dropdown-box .dropdown-list ul li label input {
  display: none;
}
.multi-dropdown-box .dropdown-list ul li label input + p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 16px;
  height: 53px;
  background: #fff;
  color: #222222;
  font-weight: 500;
  font-size: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .multi-dropdown-box .dropdown-list ul li label input + p {
    padding-left: 1rem;
  }
}
@media (max-width: 639px) {
  .multi-dropdown-box .dropdown-list ul li label input + p {
    padding-left: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .multi-dropdown-box .dropdown-list ul li label input + p {
    height: 3.3333rem;
  }
}
@media (max-width: 639px) {
  .multi-dropdown-box .dropdown-list ul li label input + p {
    height: 14vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .multi-dropdown-box .dropdown-list ul li label input + p {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .multi-dropdown-box .dropdown-list ul li label input + p {
    font-size: 4.2vw;
  }
}
.multi-dropdown-box .dropdown-list ul li label input + p span {
  font: inherit;
  color: #fff;
  background: #E13911;
}
.multi-dropdown-box .dropdown-list ul li label input:checked + p {
  color: #fff;
  background: #E13911;
}
.multi-dropdown-box .dropdown-list ul li p {
  color: #222222;
  font-weight: 400;
  font-size: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .multi-dropdown-box .dropdown-list ul li p {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .multi-dropdown-box .dropdown-list ul li p {
    font-size: 4.2vw;
  }
}
.multi-dropdown-box .dropdown-list ul li p:hover {
  color: #E13911;
}
.multi-dropdown-box[direction=top] .list-search {
  top: unset;
  bottom: 0px;
}
.multi-dropdown-box[direction=top] .list-search input {
  border-top: 1px solid #dddddd;
  border-bottom: none;
}
.multi-dropdown-box[direction=top] .dropdown-list {
  top: unset;
  bottom: 53px;
  box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1);
}

/* 체크박스 */
.check-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.check-box > label input {
  display: block;
  margin: 0px;
  width: 20px;
  height: 20px;
  background: url("../images/components/icon_checkbox_off.svg") no-repeat center center;
  background-size: cover;
  border: none;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .check-box > label input {
    width: 1.25rem;
  }
}
@media (max-width: 639px) {
  .check-box > label input {
    width: 5.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .check-box > label input {
    height: 1.25rem;
  }
}
@media (max-width: 639px) {
  .check-box > label input {
    height: 5.25vw;
  }
}
.check-box > label input:checked {
  background: url("../images/components/icon_checkbox_on.svg") no-repeat center center;
  background-size: cover;
}
.check-box > label input:checked + label {
  color: #222222;
}
.check-box > label input:disabled:checked {
  background: url("../images/components/icon_checkbox_disabled.svg") no-repeat center center;
  background-size: cover;
}
.check-box > input {
  display: none;
}
.check-box > input + label {
  font-weight: 500;
  color: #999;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 20px;
  padding-left: 27px;
  font-size: 16px;
  background: url("../images/components/icon_checkbox_off.svg") no-repeat left center;
  background-size: contain;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .check-box > input + label {
    height: 1.25rem;
  }
}
@media (max-width: 639px) {
  .check-box > input + label {
    height: 5.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .check-box > input + label {
    padding-left: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .check-box > input + label {
    padding-left: 7vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .check-box > input + label {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .check-box > input + label {
    font-size: 4.2vw;
  }
}
.check-box > input:checked + label {
  background: url("../images/components/icon_checkbox_on.svg") no-repeat left center;
  background-size: contain;
}
.check-box > input:checked + label {
  color: #222222;
}
.check-box > input:disabled + label {
  background: url("../images/components/icon_checkbox_disabled.svg") no-repeat left center;
  background-size: contain;
}

.check-box-group {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: wrap;
  gap: 13px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .check-box-group {
    gap: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .check-box-group {
    gap: 3.5vw;
  }
}
.check-box-group .check-box label {
  width: auto;
}
.check-box-group.required > label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #222222;
  font-size: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .check-box-group.required > label {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .check-box-group.required > label {
    font-size: 4.2vw;
  }
}
.check-box-group.required > label:after {
  content: "*";
  position: relative;
  display: flex;
  color: #f82417;
}

.radio-group {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 40px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .radio-group {
    gap: 2.5rem;
  }
}
@media (max-width: 639px) {
  .radio-group {
    gap: 10.5vw;
  }
}
.radio-group.custom {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 13px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .radio-group.custom {
    gap: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .radio-group.custom {
    gap: 3.5vw;
  }
}
.radio-group.custom .radio-box {
  width: 100%;
}
.radio-group.custom .radio-box label {
  justify-content: center;
}
.radio-group.custom .radio-box label input {
  width: 100%;
  margin-right: 0;
  background: #fff;
  border: 1px solid #000;
  height: 48px;
  border-radius: 5px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .radio-group.custom .radio-box label input {
    height: 3rem;
  }
}
@media (max-width: 639px) {
  .radio-group.custom .radio-box label input {
    height: 12.6vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .radio-group.custom .radio-box label input {
    border-radius: 0.3333rem;
  }
}
@media (max-width: 639px) {
  .radio-group.custom .radio-box label input {
    border-radius: 1.4vw;
  }
}
.radio-group.custom .radio-box label input:checked {
  background: #E13911;
  border-color: #E13911;
}
.radio-group.custom .radio-box label input:checked + span {
  color: #fff;
}
.radio-group.custom .radio-box label input:disabled {
  opacity: 0.5;
}
.radio-group.custom .radio-box label input:disabled + span {
  opacity: 0.5;
}
.radio-group.custom .radio-box label span {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  color: #222222;
  font-weight: 600;
  transform: translateY(-50%);
}

.radio-box {
  display: inline-block;
}
.radio-box label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.radio-box label input {
  display: block;
  margin: 0px;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background: url("../images/components/icon_radio_off.svg") no-repeat center center;
  background-size: cover;
  border: none;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .radio-box label input {
    width: 1.25rem;
  }
}
@media (max-width: 639px) {
  .radio-box label input {
    width: 5.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .radio-box label input {
    height: 1.25rem;
  }
}
@media (max-width: 639px) {
  .radio-box label input {
    height: 5.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .radio-box label input {
    margin-right: 0.3333rem;
  }
}
@media (max-width: 639px) {
  .radio-box label input {
    margin-right: 1.4vw;
  }
}
.radio-box label input:checked {
  background: url("../images/components/icon_radio_on.svg") no-repeat center center;
  background-size: cover;
}
.radio-box label input:checked + span {
  color: #222222;
}
.radio-box label input:disabled {
  opacity: 0.5;
}
.radio-box label input:disabled + span {
  opacity: 0.5;
}
.radio-box label span {
  color: #999;
  font-weight: 500;
  font-size: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .radio-box label span {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .radio-box label span {
    font-size: 4.2vw;
  }
}

/* 인풋박스 */
.form-row {
  margin-bottom: 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .form-row {
    margin-bottom: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .form-row {
    margin-bottom: 7vw;
  }
}
.form-row > label,
.form-row > .label {
  display: block;
  cursor: default;
  font-weight: 600;
  color: #222222;
  margin-bottom: 9px;
  font-size: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .form-row > label,
  .form-row > .label {
    margin-bottom: 0.5833rem;
  }
}
@media (max-width: 639px) {
  .form-row > label,
  .form-row > .label {
    margin-bottom: 2.45vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .form-row > label,
  .form-row > .label {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .form-row > label,
  .form-row > .label {
    font-size: 4.2vw;
  }
}
.form-row > label span,
.form-row > .label span {
  font: inherit;
  color: #666666;
}
.form-row > label span.required,
.form-row > .label span.required {
  color: #E13911;
}
.form-row input[type=text],
.form-row input[type=number],
.form-row input[type=tel],
.form-row input[type=email],
.form-row input[type=password] {
  display: inline-block;
  width: 100%;
  background: #fff;
  color: #222222;
  transition: border-color 0.3s ease-in-out;
  border: 1px solid #aaaaaa;
  font-size: 16px;
  border-radius: 6px;
  padding: 20px 16px;
  height: 53px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .form-row input[type=text],
  .form-row input[type=number],
  .form-row input[type=tel],
  .form-row input[type=email],
  .form-row input[type=password] {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .form-row input[type=text],
  .form-row input[type=number],
  .form-row input[type=tel],
  .form-row input[type=email],
  .form-row input[type=password] {
    font-size: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .form-row input[type=text],
  .form-row input[type=number],
  .form-row input[type=tel],
  .form-row input[type=email],
  .form-row input[type=password] {
    border-radius: 0.375rem;
  }
}
@media (max-width: 639px) {
  .form-row input[type=text],
  .form-row input[type=number],
  .form-row input[type=tel],
  .form-row input[type=email],
  .form-row input[type=password] {
    border-radius: 1.575vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .form-row input[type=text],
  .form-row input[type=number],
  .form-row input[type=tel],
  .form-row input[type=email],
  .form-row input[type=password] {
    padding: 1.25rem 1rem;
  }
}
@media (max-width: 639px) {
  .form-row input[type=text],
  .form-row input[type=number],
  .form-row input[type=tel],
  .form-row input[type=email],
  .form-row input[type=password] {
    padding: 5.25vw 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .form-row input[type=text],
  .form-row input[type=number],
  .form-row input[type=tel],
  .form-row input[type=email],
  .form-row input[type=password] {
    height: 3.3333rem;
  }
}
@media (max-width: 639px) {
  .form-row input[type=text],
  .form-row input[type=number],
  .form-row input[type=tel],
  .form-row input[type=email],
  .form-row input[type=password] {
    height: 14vw;
  }
}
@media screen and (min-width: 1200px) {
  .form-row input[type=text],
  .form-row input[type=number],
  .form-row input[type=tel],
  .form-row input[type=email],
  .form-row input[type=password] {
    height: 56px;
  }
}
.form-row input[type=text]::-moz-placeholder, .form-row input[type=number]::-moz-placeholder, .form-row input[type=tel]::-moz-placeholder, .form-row input[type=email]::-moz-placeholder, .form-row input[type=password]::-moz-placeholder {
  font-weight: 400;
  color: #666666;
  font-size: 16px;
}
.form-row input[type=text]::placeholder,
.form-row input[type=number]::placeholder,
.form-row input[type=tel]::placeholder,
.form-row input[type=email]::placeholder,
.form-row input[type=password]::placeholder {
  font-weight: 400;
  color: #666666;
  font-size: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .form-row input[type=text]::-moz-placeholder, .form-row input[type=number]::-moz-placeholder, .form-row input[type=tel]::-moz-placeholder, .form-row input[type=email]::-moz-placeholder, .form-row input[type=password]::-moz-placeholder {
    font-size: 1rem;
  }
  .form-row input[type=text]::placeholder,
  .form-row input[type=number]::placeholder,
  .form-row input[type=tel]::placeholder,
  .form-row input[type=email]::placeholder,
  .form-row input[type=password]::placeholder {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .form-row input[type=text]::-moz-placeholder, .form-row input[type=number]::-moz-placeholder, .form-row input[type=tel]::-moz-placeholder, .form-row input[type=email]::-moz-placeholder, .form-row input[type=password]::-moz-placeholder {
    font-size: 4.2vw;
  }
  .form-row input[type=text]::placeholder,
  .form-row input[type=number]::placeholder,
  .form-row input[type=tel]::placeholder,
  .form-row input[type=email]::placeholder,
  .form-row input[type=password]::placeholder {
    font-size: 4.2vw;
  }
}
.form-row input[type=text]:focus,
.form-row input[type=number]:focus,
.form-row input[type=tel]:focus,
.form-row input[type=email]:focus,
.form-row input[type=password]:focus {
  border-color: #E13911;
}
.form-row input[type=text]:-moz-read-only, .form-row input[type=number]:-moz-read-only, .form-row input[type=tel]:-moz-read-only, .form-row input[type=email]:-moz-read-only, .form-row input[type=password]:-moz-read-only {
  border-color: #aaaaaa;
  background: #eeeeee;
  color: #333333;
}
.form-row input[type=text]:disabled, .form-row input[type=text]:read-only,
.form-row input[type=number]:disabled,
.form-row input[type=number]:read-only,
.form-row input[type=tel]:disabled,
.form-row input[type=tel]:read-only,
.form-row input[type=email]:disabled,
.form-row input[type=email]:read-only,
.form-row input[type=password]:disabled,
.form-row input[type=password]:read-only {
  border-color: #aaaaaa;
  background: #eeeeee;
  color: #333333;
}
.form-row input[type=text]:disabled::-moz-placeholder, .form-row input[type=text]:read-only::-moz-placeholder, .form-row input[type=number]:disabled::-moz-placeholder, .form-row input[type=number]:read-only::-moz-placeholder, .form-row input[type=tel]:disabled::-moz-placeholder, .form-row input[type=tel]:read-only::-moz-placeholder, .form-row input[type=email]:disabled::-moz-placeholder, .form-row input[type=email]:read-only::-moz-placeholder, .form-row input[type=password]:disabled::-moz-placeholder, .form-row input[type=password]:read-only::-moz-placeholder {
  color: #333333;
}
.form-row input[type=text]:-moz-read-only::placeholder, .form-row input[type=number]:-moz-read-only::placeholder, .form-row input[type=tel]:-moz-read-only::placeholder, .form-row input[type=email]:-moz-read-only::placeholder, .form-row input[type=password]:-moz-read-only::placeholder {
  color: #333333;
}
.form-row input[type=text]:disabled::placeholder, .form-row input[type=text]:read-only::placeholder,
.form-row input[type=number]:disabled::placeholder,
.form-row input[type=number]:read-only::placeholder,
.form-row input[type=tel]:disabled::placeholder,
.form-row input[type=tel]:read-only::placeholder,
.form-row input[type=email]:disabled::placeholder,
.form-row input[type=email]:read-only::placeholder,
.form-row input[type=password]:disabled::placeholder,
.form-row input[type=password]:read-only::placeholder {
  color: #333333;
}
.form-row input[type=text].error,
.form-row input[type=number].error,
.form-row input[type=tel].error,
.form-row input[type=email].error,
.form-row input[type=password].error {
  border-color: #ed1c24;
  background: rgba(254, 46, 54, 0.12);
}
.form-row input[type=text].error::-moz-placeholder, .form-row input[type=number].error::-moz-placeholder, .form-row input[type=tel].error::-moz-placeholder, .form-row input[type=email].error::-moz-placeholder, .form-row input[type=password].error::-moz-placeholder {
  color: #ed1c24;
}
.form-row input[type=text].error::placeholder,
.form-row input[type=number].error::placeholder,
.form-row input[type=tel].error::placeholder,
.form-row input[type=email].error::placeholder,
.form-row input[type=password].error::placeholder {
  color: #ed1c24;
}
.form-row textarea {
  resize: none;
  display: inline-block;
  width: 100%;
  background: #fff;
  color: #333333;
  transition: border-color 0.3s ease-in-out;
  border: 1px solid #aaaaaa;
  font-size: 16px;
  border-radius: 6px;
  border-width: 1px;
  padding: 20px 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .form-row textarea {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .form-row textarea {
    font-size: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .form-row textarea {
    border-radius: 0.375rem;
  }
}
@media (max-width: 639px) {
  .form-row textarea {
    border-radius: 1.575vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .form-row textarea {
    border-width: 0.0625rem;
  }
}
@media (max-width: 639px) {
  .form-row textarea {
    border-width: 0.2625vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .form-row textarea {
    padding: 1.25rem 1rem;
  }
}
@media (max-width: 639px) {
  .form-row textarea {
    padding: 5.25vw 4.2vw;
  }
}
.form-row textarea:disabled {
  border-color: #cccccc;
  background: #eeeeee;
  color: #666666;
}
.form-row textarea.error {
  border-color: #ed1c24;
  background: rgba(254, 46, 54, 0.12);
}
.form-row textarea.error::-moz-placeholder {
  color: #ed1c24;
}
.form-row textarea.error::placeholder {
  color: #ed1c24;
}
.form-row.error-row input[type=text],
.form-row.error-row input[type=number],
.form-row.error-row input[type=tel],
.form-row.error-row input[type=email],
.form-row.error-row input[type=password],
.form-row.error-row textarea {
  border-color: #ed1c24;
}
.form-row.error-row input[type=text]:focus + .error,
.form-row.error-row input[type=number]:focus + .error,
.form-row.error-row input[type=tel]:focus + .error,
.form-row.error-row input[type=email]:focus + .error,
.form-row.error-row input[type=password]:focus + .error,
.form-row.error-row textarea:focus + .error {
  display: block !important;
}
.form-row.error-row input[type=text]:empty,
.form-row.error-row input[type=number]:empty,
.form-row.error-row input[type=tel]:empty,
.form-row.error-row input[type=email]:empty,
.form-row.error-row input[type=password]:empty,
.form-row.error-row textarea:empty {
  display: none !important;
}
.form-row.valid-row .error {
  display: none !important;
}
.form-row div.error {
  position: relative;
  color: #ed1c24;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 15px;
  padding: 8px 0px 8px 4px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .form-row div.error {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .form-row div.error {
    font-size: 3.85vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .form-row div.error {
    padding: 0.5rem 0rem 0.5rem 0.25rem;
  }
}
@media (max-width: 639px) {
  .form-row div.error {
    padding: 2.1vw 0vw 2.1vw 1.05vw;
  }
}
.form-row div.error:before {
  content: "*";
  color: #ed1c24;
  margin-right: 4px;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .form-row div.error:before {
    margin-right: 0.25rem;
  }
}
@media (max-width: 639px) {
  .form-row div.error:before {
    margin-right: 1.05vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .form-row div.error:before {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .form-row div.error:before {
    font-size: 3.85vw;
  }
}
.form-row.required > label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.form-row.required > label:after {
  content: "*";
  position: relative;
  display: flex;
  color: #f82417;
}

/* 파일박스 */
.file-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0px 10px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .file-box {
    gap: 0rem 0.625rem;
  }
}
@media (max-width: 639px) {
  .file-box {
    gap: 0vw 2.625vw;
  }
}
.file-box .input-file {
  flex-shrink: 0;
}
.file-box .input-file label {
  display: inline-block;
  background: #E13911;
  font-weight: 600;
  color: #fff;
  padding: 0px 7px;
  border-radius: 6px;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .file-box .input-file label {
    padding: 0rem 0.4167rem;
  }
}
@media (max-width: 639px) {
  .file-box .input-file label {
    padding: 0vw 1.75vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .file-box .input-file label {
    border-radius: 0.375rem;
  }
}
@media (max-width: 639px) {
  .file-box .input-file label {
    border-radius: 1.575vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .file-box .input-file label {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .file-box .input-file label {
    font-size: 3.85vw;
  }
}
.file-box .input-file label input {
  display: none;
}
.file-box ul {
  flex: 1;
  overflow: hidden;
}
.file-box ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0px 10px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .file-box ul li {
    gap: 0rem 0.625rem;
  }
}
@media (max-width: 639px) {
  .file-box ul li {
    gap: 0vw 2.625vw;
  }
}
.file-box ul li:first-child {
  margin-top: 0px;
}
.file-box ul li p {
  max-width: calc(100% - 3.675vw);
  font-weight: 500;
  color: #666;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .file-box ul li p {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .file-box ul li p {
    font-size: 3.85vw;
  }
}
.file-box ul li button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.file-box ul li button i .icon-close2 {
  width: 12px;
  height: 11px;
  stroke: black;
  stroke-width: 6;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .file-box ul li button i .icon-close2 {
    width: 0.75rem;
  }
}
@media (max-width: 639px) {
  .file-box ul li button i .icon-close2 {
    width: 3.15vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .file-box ul li button i .icon-close2 {
    height: 0.7083rem;
  }
}
@media (max-width: 639px) {
  .file-box ul li button i .icon-close2 {
    height: 2.975vw;
  }
}

/* 전체메뉴 */
#toggle-menu {
  display: inline-block;
  position: absolute;
  z-index: 98;
  cursor: pointer;
  top: 0;
  background: transparent;
  transition: all 0.1s ease-in;
  top: 0px;
  right: 10px;
  width: 67px;
  height: 67px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  #toggle-menu {
    top: 0rem;
  }
}
@media (max-width: 639px) {
  #toggle-menu {
    top: 0vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  #toggle-menu {
    right: 0.625rem;
  }
}
@media (max-width: 639px) {
  #toggle-menu {
    right: 2.625vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  #toggle-menu {
    width: 4.1667rem;
  }
}
@media (max-width: 639px) {
  #toggle-menu {
    width: 17.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  #toggle-menu {
    height: 4.1667rem;
  }
}
@media (max-width: 639px) {
  #toggle-menu {
    height: 17.5vw;
  }
}
#toggle-menu div {
  position: relative;
  width: 19px;
  height: 15px;
  margin: 26px auto auto 24px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  #toggle-menu div {
    width: 1.1667rem;
  }
}
@media (max-width: 639px) {
  #toggle-menu div {
    width: 4.9vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  #toggle-menu div {
    height: 0.9583rem;
  }
}
@media (max-width: 639px) {
  #toggle-menu div {
    height: 4.025vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  #toggle-menu div {
    margin: 1.6042rem auto auto 1.5rem;
  }
}
@media (max-width: 639px) {
  #toggle-menu div {
    margin: 6.7375vw auto auto 6.3vw;
  }
}
#toggle-menu div span {
  display: block;
  background-color: #000;
  position: absolute;
  transition: transform 0.2s ease-in-out, top 0.1s ease-in-out 0.2s, opacity 0.1s ease-in-out 0.2s;
  -webkit-transition: -webkit-transform 0.2s ease-in-out, top 0.1s ease-in-out 0.2s, opacity 0.1s ease-in-out 0.2s;
  -moz-transition: -moz-transform 0.2s ease-in-out, top 0.1s ease-in-out 0.2s, opacity 0.1s ease-in-out 0.2s;
  transform-origin: center;
  border-radius: 0;
  overflow: hidden;
  width: 19px;
  height: 2px;
  border-radius: 2px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  #toggle-menu div span {
    width: 1.1667rem;
  }
}
@media (max-width: 639px) {
  #toggle-menu div span {
    width: 4.9vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  #toggle-menu div span {
    height: 0.125rem;
  }
}
@media (max-width: 639px) {
  #toggle-menu div span {
    height: 0.525vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  #toggle-menu div span {
    border-radius: 0.125rem;
  }
}
@media (max-width: 639px) {
  #toggle-menu div span {
    border-radius: 0.525vw;
  }
}
#toggle-menu div span.top {
  top: 0;
}
#toggle-menu div span.middle {
  top: 7px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  #toggle-menu div span.middle {
    top: 0.4167rem;
  }
}
@media (max-width: 639px) {
  #toggle-menu div span.middle {
    top: 1.75vw;
  }
}
#toggle-menu div span.bottom {
  top: 13px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  #toggle-menu div span.bottom {
    top: 0.8333rem;
  }
}
@media (max-width: 639px) {
  #toggle-menu div span.bottom {
    top: 3.5vw;
  }
}
@media screen and (min-width: 1200px) {
  #toggle-menu {
    display: none;
    width: 40px;
    height: 40px;
    right: 40px;
    top: 30px;
  }
  #toggle-menu div {
    width: 18px;
    height: 18px;
    margin: 11px auto auto 11px;
  }
  #toggle-menu div span {
    width: 18px;
    height: 2px;
    border-radius: 2px;
  }
  #toggle-menu div span.middle {
    top: 8px;
  }
  #toggle-menu div span.bottom {
    top: 16px;
  }
}
@media screen and (min-width: 1400px) {
  #toggle-menu {
    right: 60px;
  }
}
@media screen and (min-width: 1600px) {
  #toggle-menu {
    right: 80px;
  }
}

#toggle-menu.menu-is-active {
  position: absolute;
  background: transparent;
  z-index: 9999;
}
#toggle-menu.menu-is-active:before {
  position: absolute;
  content: " ";
  display: inline-block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#toggle-menu.menu-is-active span {
  background-color: #000;
  transition: transform 0.2s ease-in-out 0.1s, top 0.1s ease-in-out, opacity 0.1s ease-in-out;
  -webkit-transition: -webkit-transform 0.2s ease-in-out 0.2s, top 0.1s ease-in-out, opacity 0.1s ease-in-out;
  -moz-transition: -moz-transform 0.2s ease-in-out 0.1s, top 0.1s ease-in-out, opacity 0.1s ease-in-out;
  box-shadow: 0px 0px 0px 0px #93deff;
}
#toggle-menu.menu-is-active span.top {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  top: 7px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  #toggle-menu.menu-is-active span.top {
    top: 0.4167rem;
  }
}
@media (max-width: 639px) {
  #toggle-menu.menu-is-active span.top {
    top: 1.75vw;
  }
}
#toggle-menu.menu-is-active span.middle {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  opacity: 0;
  top: 7px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  #toggle-menu.menu-is-active span.middle {
    top: 0.4167rem;
  }
}
@media (max-width: 639px) {
  #toggle-menu.menu-is-active span.middle {
    top: 1.75vw;
  }
}
#toggle-menu.menu-is-active span.bottom {
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  top: 7px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  #toggle-menu.menu-is-active span.bottom {
    top: 0.4167rem;
  }
}
@media (max-width: 639px) {
  #toggle-menu.menu-is-active span.bottom {
    top: 1.75vw;
  }
}

.gnb {
  pointer-events: none;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 100%;
  transition: all 0.2s ease-in;
  opacity: 0;
  overflow: hidden;
  background: #fff;
  z-index: 102;
  padding-top: 67px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .gnb {
    padding-top: 4.1667rem;
  }
}
@media (max-width: 639px) {
  .gnb {
    padding-top: 17.5vw;
  }
}
@media screen and (min-width: 1200px) {
  .gnb {
    top: -100%;
    left: 0;
    width: 100%;
    display: none;
  }
}
.gnb .gnb-top-info {
  width: 100%;
  margin: auto;
  height: 85px;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .gnb .gnb-top-info {
    height: 5.3333rem;
  }
}
@media (max-width: 639px) {
  .gnb .gnb-top-info {
    height: 22.4vw;
  }
}
.gnb .gnb-top-info .btn-row ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.gnb .gnb-top-info .btn-row ul li {
  position: relative;
  width: auto;
  padding: 21px 0px 21px 11px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .gnb .gnb-top-info .btn-row ul li {
    padding: 1.3333rem 0rem 1.3333rem 0.6667rem;
  }
}
@media (max-width: 639px) {
  .gnb .gnb-top-info .btn-row ul li {
    padding: 5.6vw 0vw 5.6vw 2.8vw;
  }
}
.gnb .gnb-top-info .btn-row ul li a {
  height: 43px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 11px;
  padding: 11px 13px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .gnb .gnb-top-info .btn-row ul li a {
    height: 2.6667rem;
  }
}
@media (max-width: 639px) {
  .gnb .gnb-top-info .btn-row ul li a {
    height: 11.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .gnb .gnb-top-info .btn-row ul li a {
    gap: 0.6667rem;
  }
}
@media (max-width: 639px) {
  .gnb .gnb-top-info .btn-row ul li a {
    gap: 2.8vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .gnb .gnb-top-info .btn-row ul li a {
    padding: 0.6667rem 0.8333rem;
  }
}
@media (max-width: 639px) {
  .gnb .gnb-top-info .btn-row ul li a {
    padding: 2.8vw 3.5vw;
  }
}
.gnb .gnb-top-info .btn-row ul li a span {
  width: auto;
  text-align: center;
  color: #222222;
  font-weight: 500;
  letter-spacing: -1.44px;
  font-size: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .gnb .gnb-top-info .btn-row ul li a span {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .gnb .gnb-top-info .btn-row ul li a span {
    font-size: 4.2vw;
  }
}
.gnb .gnb-list {
  width: 100%;
  overflow: hidden;
  height: calc(100% - 22.4vw);
  background: #fff;
}
.gnb .gnb-list .gnb-item {
  position: relative;
  width: 100%;
  flex-flow: wrap;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.gnb .gnb-list .gnb-item > a {
  position: relative;
  width: 40.625%;
  height: 61px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 21px 0px 23px 27px;
  color: #222222;
  font-weight: 700;
  font-size: 17px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .gnb .gnb-list .gnb-item > a {
    height: 3.8333rem;
  }
}
@media (max-width: 639px) {
  .gnb .gnb-list .gnb-item > a {
    height: 16.1vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .gnb .gnb-list .gnb-item > a {
    padding: 1.3333rem 0rem 1.4167rem 1.6667rem;
  }
}
@media (max-width: 639px) {
  .gnb .gnb-list .gnb-item > a {
    padding: 5.6vw 0vw 5.95vw 7vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .gnb .gnb-list .gnb-item > a {
    font-size: 1.0833rem;
  }
}
@media (max-width: 639px) {
  .gnb .gnb-list .gnb-item > a {
    font-size: 4.55vw;
  }
}
@media screen and (min-width: 1200px) {
  .gnb .gnb-list .gnb-item > a {
    font-size: 20px;
  }
}
.gnb .gnb-list .gnb-item > a:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 2px;
  height: 0;
  background: #E13911;
  transform: translateY(-50%);
  transition: height 0.15s ease-in-out;
}
.gnb .gnb-list .gnb-item .depth2 {
  display: none;
  width: 59.375%;
  height: 100vh;
  left: 40.625%;
  background: #f5f5f5;
  padding-bottom: 27px;
  position: absolute;
  border-left: 1px solid #dddddd;
  top: 0;
  z-index: 1;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .gnb .gnb-list .gnb-item .depth2 {
    padding-bottom: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .gnb .gnb-list .gnb-item .depth2 {
    padding-bottom: 7vw;
  }
}
.gnb .gnb-list .gnb-item .depth2 li {
  width: 100%;
  text-align: left;
  padding: 21px 0px 21px 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .gnb .gnb-list .gnb-item .depth2 li {
    padding: 1.3333rem 0rem 1.3333rem 1.6667rem;
  }
}
@media (max-width: 639px) {
  .gnb .gnb-list .gnb-item .depth2 li {
    padding: 5.6vw 0vw 5.6vw 7vw;
  }
}
.gnb .gnb-list .gnb-item .depth2 li a {
  color: #666666;
  font-weight: 500;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 17px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .gnb .gnb-list .gnb-item .depth2 li a {
    font-size: 1.0833rem;
  }
}
@media (max-width: 639px) {
  .gnb .gnb-list .gnb-item .depth2 li a {
    font-size: 4.55vw;
  }
}
@media screen and (min-width: 1200px) {
  .gnb .gnb-list .gnb-item .depth2 li a {
    font-size: 18px;
  }
}
.gnb .gnb-list .gnb-item .depth2 li a:hover {
  color: #E13911;
}
.gnb .gnb-list .gnb-item.active > a {
  color: #E13911;
}
.gnb .gnb-list .gnb-item.active > a:before {
  height: 100%;
}
.gnb .gnb-list .gnb-item:nth-child(2) .depth2 {
  top: -61px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .gnb .gnb-list .gnb-item:nth-child(2) .depth2 {
    top: -3.8333rem;
  }
}
@media (max-width: 639px) {
  .gnb .gnb-list .gnb-item:nth-child(2) .depth2 {
    top: -16.1vw;
  }
}
.gnb .gnb-list .gnb-item:nth-child(3) .depth2 {
  top: -123px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .gnb .gnb-list .gnb-item:nth-child(3) .depth2 {
    top: -7.6667rem;
  }
}
@media (max-width: 639px) {
  .gnb .gnb-list .gnb-item:nth-child(3) .depth2 {
    top: -32.2vw;
  }
}
.gnb .gnb-list .gnb-item:nth-child(4) .depth2 {
  top: -184px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .gnb .gnb-list .gnb-item:nth-child(4) .depth2 {
    top: -11.5rem;
  }
}
@media (max-width: 639px) {
  .gnb .gnb-list .gnb-item:nth-child(4) .depth2 {
    top: -48.3vw;
  }
}
.gnb .gnb-list .gnb-item:nth-child(5) .depth2 {
  top: -245px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .gnb .gnb-list .gnb-item:nth-child(5) .depth2 {
    top: -15.3333rem;
  }
}
@media (max-width: 639px) {
  .gnb .gnb-list .gnb-item:nth-child(5) .depth2 {
    top: -64.4vw;
  }
}
.gnb .gnb-list .gnb-item:nth-child(6) .depth2 {
  top: -307px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .gnb .gnb-list .gnb-item:nth-child(6) .depth2 {
    top: -19.1667rem;
  }
}
@media (max-width: 639px) {
  .gnb .gnb-list .gnb-item:nth-child(6) .depth2 {
    top: -80.5vw;
  }
}
.gnb.gnb-pc {
  position: relative;
  margin: auto auto auto calc(50% - 360px);
  max-width: 590px;
  top: 0;
  opacity: 1;
  transition: none;
  height: 80px;
}
.gnb.gnb-pc .gnb-list {
  opacity: 1;
  transition: none;
  transition-delay: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gnb.gnb-pc .gnb-list .gnb-item {
  border: none;
  padding: 33px 0px;
  position: relative;
}
.gnb.gnb-pc .gnb-list .gnb-item > a span {
  font-weight: 600;
  font-size: 16px;
}
.gnb.gnb-pc .gnb-list .gnb-item > a i {
  display: none;
}
.gnb.gnb-pc .gnb-list .gnb-item:nth-child(6) {
  position: relative;
}
.gnb.gnb-pc .gnb-list .gnb-item:nth-child(6) .shop-badge {
  position: absolute;
  left: 20px;
  top: 4px;
  width: 46px;
  height: 22px;
  border-radius: 22px;
  font-size: 10px;
}
.gnb.gnb-pc .gnb-list .gnb-item .depth2 {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border: 1px solid #E6E2E0;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  min-width: 200px;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  padding: 16px 0;
  display: block;
}
.gnb.gnb-pc .gnb-list .gnb-item .depth2 li {
  padding: 0;
  border: none;
  height: auto;
}
.gnb.gnb-pc .gnb-list .gnb-item .depth2 li a {
  display: block;
  padding: 12px 24px;
  color: #3E3A36;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.2s ease;
  text-align: center;
}
.gnb.gnb-pc .gnb-list .gnb-item .depth2 li a:hover {
  background: #f8f8f8;
  color: #ed1c24;
}
.gnb.gnb-pc .gnb-list .gnb-item:hover .depth2 {
  opacity: 1;
  visibility: visible;
}
.gnb.gnb-pc .mobile_sns {
  display: none;
}

.hide {
  display: none !important;
}

.pc-gnb {
  display: none;
}
@media screen and (min-width: 1200px) {
  .pc-gnb {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 110px;
    width: 100%;
    height: auto;
    max-width: 1200px;
  }
  .pc-gnb .gnb-list {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .pc-gnb .gnb-list .gnb-item {
    height: 59px;
    padding: 0 16px;
  }
  .pc-gnb .gnb-list .gnb-item:after {
    content: "";
    position: relative;
    height: 2px;
    background: transparent;
    display: block;
    margin-left: -16px;
    margin-right: -16px;
  }
  .pc-gnb .gnb-list .gnb-item > a {
    height: 100%;
    gap: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .pc-gnb .gnb-list .gnb-item > a span {
    font-weight: 700;
    color: #666666;
    font-size: 20px;
    letter-spacing: -0.2px;
  }
  .pc-gnb .gnb-list .gnb-item > a .icon-svg {
    width: 20px;
    height: 20px;
  }
  .pc-gnb .gnb-list .gnb-item > a .icon-svg svg {
    width: 55%;
  }
  .pc-gnb .gnb-list .gnb-item:hover {
    height: 57px;
    background: #f9f9f9;
    margin-top: 1px;
  }
  .pc-gnb .gnb-list .gnb-item.on > a {
    color: #E13911;
  }
  .pc-gnb .gnb-list .gnb-item > div {
    pointer-events: none;
    position: absolute;
    width: 100vw;
    height: auto;
    top: 60px;
    left: 50%;
    z-index: 2;
    opacity: 0;
    background: #ffffff;
    transition: opacity 0.5s ease-in-out;
    transform: translateX(-50%);
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.05);
  }
  .pc-gnb .gnb-list .gnb-item > div.is-active {
    opacity: 1;
    pointer-events: auto;
    display: flex;
  }
  .pc-gnb .gnb-list .gnb-item ul {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 24px 0px 40px 0px;
  }
  .pc-gnb .gnb-list .gnb-item ul li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 220px;
    height: 48px;
    padding-left: 20px;
    white-space: nowrap;
    color: #666666;
    font-size: 17px;
    font-weight: 500;
    text-align: left;
    border-radius: 8px;
  }
  .pc-gnb .gnb-list .gnb-item ul li a:hover {
    color: #E13911;
    background: #f5f5f5;
  }
  .pc-gnb .gnb-list .gnb-item ul li.active a {
    color: #E13911;
    background: #f5f5f5;
  }
  .pc-gnb .gnb-list .gnb-item.is-active ul {
    display: grid;
  }
  .pc-gnb .gnb-list .gnb-item.active:after {
    background: #E13911;
    margin-top: -1px;
  }
  .pc-gnb .gnb-list .gnb-item.active a span {
    color: #E13911;
  }
  .pc-gnb .gnb-list .gnb-item.active a .icon-svg {
    color: #E13911;
  }
}

header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  background: #fff;
  border-bottom: 1px solid #dddddd;
  transform: translateZ(0);
  height: 67px;
  overflow: hidden;
  transition: top 0.3s ease-in-out, background-color 0.3s ease;
}
@media (min-width: 640px) and (max-width: 1199px) {
  header {
    height: 4.1667rem;
  }
}
@media (max-width: 639px) {
  header {
    height: 17.5vw;
  }
}
@media screen and (min-width: 1200px) {
  header {
    border-bottom: 1px solid #dddddd;
    height: 170px;
    overflow: visible;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1200px) {
  header:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 110px;
    background: #dddddd;
  }
}
@media screen and (min-width: 1200px) {
  header .gnb .gnb-list {
    max-width: 1000px;
    margin: auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  header .gnb .gnb-list .gnb-item {
    width: auto;
    border: none;
    padding: 0;
  }
  header .gnb .gnb-list .gnb-item > a {
    justify-content: center;
  }
  header .gnb .gnb-list .gnb-item > a .icon-svg {
    display: none;
  }
  header .gnb .gnb-list .gnb-item .depth2 {
    display: block;
    padding-bottom: 0;
  }
  header .gnb .gnb-list .gnb-item .depth2 li {
    text-align: center;
    padding-left: 0;
  }
  header .gnb .app_download {
    display: block;
    width: 100%;
    border-top: 1px solid #222222;
    padding-top: 40px;
    margin-top: 180px;
  }
  header .gnb .app_download ul {
    position: relative;
    width: 1000px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  header .gnb .app_download ul li {
    width: 317px;
    height: 90px;
  }
  header .gnb .app_download ul li a {
    background: #000000;
    border-radius: 12px;
    padding: 0 32px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.15s ease-in;
  }
  header .gnb .app_download ul li a .icon-svg {
    width: 24px;
    height: 24px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  header .gnb .app_download ul li a .icon-svg svg {
    width: 100%;
    --icon-stroke-width:6px;
    transform: rotate(-90deg);
  }
  header .gnb .app_download ul li:first-child {
    width: 342px;
    height: 90px;
  }
  header .gnb .app_download ul li:first-child strong {
    color: #E13911;
    font-size: 18px;
    font-weight: 700;
  }
  header .gnb .app_download ul li:first-child p {
    color: #333333;
    font-size: 16px;
    font-weight: 500;
    margin-top: 16px;
  }
  header .gnb .app_download ul li:nth-child(2) {
    margin-right: 24px;
  }
  header .gnb .app_download ul li:nth-child(2) a:hover, header .gnb .app_download ul li:nth-child(3) a:hover {
    background: #E13911;
  }
}
header .header-inner {
  position: relative;
  width: 100%;
  height: 100%;
  margin: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media screen and (min-width: 1200px) {
  header .header-inner {
    justify-content: flex-start;
    max-width: 1200px;
  }
}
header .header-inner .logo {
  position: absolute;
  display: block;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 18px;
  left: 27px;
  width: 157px;
  height: 30px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  header .header-inner .logo {
    top: 1.1458rem;
  }
}
@media (max-width: 639px) {
  header .header-inner .logo {
    top: 4.8125vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  header .header-inner .logo {
    left: 1.6667rem;
  }
}
@media (max-width: 639px) {
  header .header-inner .logo {
    left: 7vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  header .header-inner .logo {
    width: 9.7917rem;
  }
}
@media (max-width: 639px) {
  header .header-inner .logo {
    width: 41.125vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  header .header-inner .logo {
    height: 1.875rem;
  }
}
@media (max-width: 639px) {
  header .header-inner .logo {
    height: 7.875vw;
  }
}
header .header-inner .logo a {
  width: 157px;
  height: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 640px) and (max-width: 1199px) {
  header .header-inner .logo a {
    width: 9.7917rem;
  }
}
@media (max-width: 639px) {
  header .header-inner .logo a {
    width: 41.125vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  header .header-inner .logo a {
    height: 1.875rem;
  }
}
@media (max-width: 639px) {
  header .header-inner .logo a {
    height: 7.875vw;
  }
}
header .header-inner .logo a img {
  max-width: 100%;
  width: auto;
  margin-right: 7px;
  height: 30px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  header .header-inner .logo a img {
    margin-right: 0.4167rem;
  }
}
@media (max-width: 639px) {
  header .header-inner .logo a img {
    margin-right: 1.75vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  header .header-inner .logo a img {
    height: 1.875rem;
  }
}
@media (max-width: 639px) {
  header .header-inner .logo a img {
    height: 7.875vw;
  }
}
header .header-inner .logo a .icon-svg {
  width: 33px;
  height: 30px;
  color: #E13911;
  margin-right: 7px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  header .header-inner .logo a .icon-svg {
    width: 2.0417rem;
  }
}
@media (max-width: 639px) {
  header .header-inner .logo a .icon-svg {
    width: 8.575vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  header .header-inner .logo a .icon-svg {
    height: 1.875rem;
  }
}
@media (max-width: 639px) {
  header .header-inner .logo a .icon-svg {
    height: 7.875vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  header .header-inner .logo a .icon-svg {
    margin-right: 0.4583rem;
  }
}
@media (max-width: 639px) {
  header .header-inner .logo a .icon-svg {
    margin-right: 1.925vw;
  }
}
@media screen and (min-width: 1200px) {
  header .header-inner .logo a .icon-svg {
    width: 63px;
    height: 58px;
    margin-right: 14px;
  }
}
header .header-inner .logo a .icon-svg svg {
  width: 100%;
  height: 100%;
}
header .header-inner .logo a .txt-logo strong {
  font-weight: 600;
  color: #666666;
  letter-spacing: 0px;
  font-size: 12px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  header .header-inner .logo a .txt-logo strong {
    letter-spacing: -0.0155rem;
  }
}
@media (max-width: 639px) {
  header .header-inner .logo a .txt-logo strong {
    letter-spacing: -0.0652vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  header .header-inner .logo a .txt-logo strong {
    font-size: 0.7708rem;
  }
}
@media (max-width: 639px) {
  header .header-inner .logo a .txt-logo strong {
    font-size: 3.2375vw;
  }
}
header .header-inner .logo a .txt-logo p {
  font-weight: 400;
  color: #aaaaaa;
  letter-spacing: 0px;
  font-size: 6px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  header .header-inner .logo a .txt-logo p {
    letter-spacing: -0.0071rem;
  }
}
@media (max-width: 639px) {
  header .header-inner .logo a .txt-logo p {
    letter-spacing: -0.0298vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  header .header-inner .logo a .txt-logo p {
    font-size: 0.3542rem;
  }
}
@media (max-width: 639px) {
  header .header-inner .logo a .txt-logo p {
    font-size: 1.4875vw;
  }
}
@media screen and (min-width: 1200px) {
  header .header-inner .logo {
    width: 300px;
    height: 58px;
    left: 0px;
    top: 40px;
  }
  header .header-inner .logo a {
    width: 300px;
    height: 58px;
  }
  header .header-inner .logo a img {
    height: 58px;
    margin-right: 14px;
  }
  header .header-inner .logo a .txt-logo strong {
    font-size: 24px;
    letter-spacing: -0.48px;
  }
  header .header-inner .logo a .txt-logo p {
    font-size: 11px;
    letter-spacing: -0.22px;
  }
}
header .header-inner .header-util {
  display: none;
}
@media screen and (min-width: 1200px) {
  header .header-inner .header-util {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 50%;
    height: 50px;
    margin-right: 0;
    margin-left: auto;
    margin-bottom: 30px;
    gap: 6px;
  }
  header .header-inner .header-util a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
  }
  header .header-inner .header-util a span {
    color: #666666;
    font-weight: 700;
    font-size: 17px;
  }
  header .header-inner .header-util a .icon-svg {
    width: 20px;
    height: 20px;
  }
  header .header-inner .header-util a .icon-svg svg {
    width: 80%;
  }
}
header.pc-menu-open .gnb {
  pointer-events: all;
  top: 0;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
  padding-top: 0;
  background: #fff;
}
header.pc-menu-open .gnb .gnb-top-info {
  width: 38.3333333333%;
  height: 100vh;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  justify-content: flex-end;
  align-content: flex-start;
  padding-right: 56px;
  background: url("../images/common/bg_gnb_left.png") no-repeat 100% 0;
  background-size: cover;
}
header.pc-menu-open .gnb .gnb-top-info .btn-row {
  width: 400px;
  margin-right: 0;
  margin-left: auto;
  margin-top: 390px;
}
header.pc-menu-open .gnb .gnb-top-info .info-box {
  width: 400px;
  margin-right: 0;
  margin-left: auto;
  margin-top: 21px;
}
header.pc-menu-open .gnb .gnb-list {
  width: 61.6666666667%;
  margin-left: 64px;
  margin-right: auto;
  margin-top: 140px;
  flex-flow: wrap;
  padding-bottom: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
header.pc-menu-open .gnb .gnb-list .gnb-item {
  width: 100%;
  padding-bottom: 80px;
  background: #fff;
}
header.pc-menu-open .gnb .gnb-list .gnb-item > a {
  justify-content: flex-start;
  padding: 0;
  background: #fff;
}
header.pc-menu-open .gnb .gnb-list .gnb-item .depth2 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: wrap;
}
header.pc-menu-open .gnb .gnb-list .gnb-item .depth2 li {
  width: auto;
  padding: 32px 40px 0 0;
}
header.pc-menu-open .gnb .gnb-list .gnb-item .depth2 li a i {
  display: none;
}
@media screen and (min-width: 1200px) {
  header.pc-menu-open .gnb .gnb-top-info {
    width: 47%;
  }
  header.pc-menu-open .gnb .gnb-list {
    width: 53%;
  }
}
@media screen and (min-width: 1200px) {
  header.pc-menu-open .gnb .gnb-top-info {
    width: 38.3333333333%;
  }
  header.pc-menu-open .gnb .gnb-list {
    width: 61.6666666667%;
  }
}
header.pc-menu-open .header-util {
  z-index: 110;
}
header.pc-menu-open .header-util .btn-mypage, header.pc-menu-open .header-util .btn-membership {
  border-color: #fff;
  color: #fff;
}
header.pc-menu-open .header-util .btn-mypage:hover, header.pc-menu-open .header-util .btn-membership:hover {
  border-color: #E13911;
}
@media screen and (min-width: 1200px) {
  header.pc-menu-open .header-util .btn-logout, header.pc-menu-open .header-util .btn-login {
    right: 126px;
  }
}
@media screen and (min-width: 1200px) {
  header.pc-menu-open .header-util .btn-logout, header.pc-menu-open .header-util .btn-login {
    right: 146px;
  }
}
@media screen and (min-width: 1400px) {
  header.pc-menu-open .header-util .btn-logout, header.pc-menu-open .header-util .btn-login {
    right: 166px;
  }
}
@media screen and (min-width: 1600px) {
  header.pc-menu-open .header-util .btn-logout, header.pc-menu-open .header-util .btn-login {
    right: 186px;
  }
}
header.pc-menu-open .header-util .lang-selector {
  display: block;
}
header.mobile-menu-open {
  overflow: visible;
}
header.mobile-menu-open .header-util {
  z-index: 110;
  width: calc(78.125% - 5.6vw);
}
header.mobile-menu-open .header-util .lang-selector {
  display: block;
}
header.mobile-menu-open .header-util .btn-login, header.mobile-menu-open .header-util .btn-logout {
  right: 136px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  header.mobile-menu-open .header-util .btn-login, header.mobile-menu-open .header-util .btn-logout {
    right: 8.5rem;
  }
}
@media (max-width: 639px) {
  header.mobile-menu-open .header-util .btn-login, header.mobile-menu-open .header-util .btn-logout {
    right: 35.7vw;
  }
}
header.mobile-menu-open .header-util .btn-mypage, header.mobile-menu-open .header-util .btn-membership {
  border-color: #fff;
  color: #fff;
}
header.mobile-menu-open #toggle-menu {
  z-index: 111;
}
header.mobile-menu-open #toggle-menu div span {
  background: #000;
}
header.mobile-menu-open .gnb {
  pointer-events: all;
  left: 0;
  opacity: 1;
}
header.mobile-menu-open.scrolled:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 67px;
  z-index: 110;
  background: #FFFFFF;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 30%);
}
@media (min-width: 640px) and (max-width: 1199px) {
  header.mobile-menu-open.scrolled:before {
    height: 4.1667rem;
  }
}
@media (max-width: 639px) {
  header.mobile-menu-open.scrolled:before {
    height: 17.5vw;
  }
}
header.header-up {
  top: -73px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  header.header-up {
    top: -4.5833rem;
  }
}
@media (max-width: 639px) {
  header.header-up {
    top: -19.25vw;
  }
}
@media screen and (min-width: 1200px) {
  header.header-up {
    top: -180px;
  }
}
header.main #toggle-menu div span {
  background-color: #fff;
}
header.main #toggle-menu.menu-is-active span {
  background-color: #fff;
}
header.main.mobile-menu-open #toggle-menu div span {
  background-color: #000;
}
header.main.mobile-menu-open #toggle-menu.menu-is-active span {
  background-color: #000;
}

body {
  position: relative;
  /*&:before {
      content: "";
      position: fixed;
      width: 100%;
      height: 100%;
      background:rgba(255,255,255,0.9);
      top: 0;
      left: 100%; 
      z-index: 101;
      transition: all .3s ease-in;
  }*/
}
body.overflow {
  overflow: hidden;
  /*&:before {
      left: 0; 
  }*/
}
body.overflow header .gnb {
  overflow: overlay;
}

header:has(+ .container.container-main) {
  background-color: transparent; /* 또는 background: none; */
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
header:has(+ .container.container-main):before {
  background: #fff;
  opacity: 0.3;
}
header:has(+ .container.container-main) .header-inner .logo a .icon-svg {
  color: #fff;
}
header:has(+ .container.container-main) .header-inner .logo a .txt-logo strong, header:has(+ .container.container-main) .header-inner .logo a .txt-logo p {
  color: #fff;
}
header:has(+ .container.container-main) .header-inner .header-util a span {
  color: #fff;
}
header:has(+ .container.container-main) .header-inner .header-util a .icon-svg {
  color: #fff;
}
header:has(+ .container.container-main).mobile-menu-open .header-inner .logo a .icon-svg {
  color: #E13911;
}
header:has(+ .container.container-main).mobile-menu-open .header-inner .logo a .txt-logo strong, header:has(+ .container.container-main).mobile-menu-open .header-inner .logo a .txt-logo p {
  color: #666666;
}
header:has(+ .container.container-main) .pc-gnb .gnb-list .gnb-item > a span {
  color: #fff;
}
header:has(+ .container.container-main) .pc-gnb .gnb-list .gnb-item > a .icon-svg {
  color: #fff;
}
header:has(+ .container.container-main) .pc-gnb .gnb-list .gnb-item:hover {
  background: rgba(255, 255, 255, 0.3);
}
header:has(+ .container.container-main) .pc-gnb .gnb-list .gnb-item > div {
  background: rgba(255, 255, 255, 0.3);
}
header:has(+ .container.container-main) .pc-gnb .gnb-list .gnb-item ul li a {
  color: #fff;
}
header:has(+ .container.container-main) .pc-gnb .gnb-list .gnb-item ul li a:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.3);
}
header:has(+ .container.container-main).scrolled {
  background: rgb(30, 51, 95);
}
header:has(+ .container.container-main).scrolled .pc-gnb .gnb-list .gnb-item > div {
  background: rgb(30, 51, 95);
}

.footer {
  position: relative;
  background: #000;
  width: 100%;
  margin: auto;
}
@media screen and (min-width: 1200px) {
  .footer:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 51px;
    background: #333333;
  }
}
.footer .footer-inner {
  max-width: 1200px;
  margin: auto;
}
@media screen and (min-width: 1200px) {
  .footer .footer-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.footer .footer-top a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #333333;
  padding: 9px 21px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .footer .footer-top a {
    padding: 0.5417rem 1.3333rem;
  }
}
@media (max-width: 639px) {
  .footer .footer-top a {
    padding: 2.275vw 5.6vw;
  }
}
@media screen and (min-width: 1200px) {
  .footer .footer-top a {
    width: 50%;
    border-left: 1px solid #333333;
    border-bottom: none;
  }
  .footer .footer-top a:last-child {
    border-right: 1px solid #333333;
  }
}
.footer .footer-top a span {
  font-weight: 400;
  color: #aaaaaa;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .footer .footer-top a span {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .footer .footer-top a span {
    font-size: 3.85vw;
  }
}
@media screen and (min-width: 1200px) {
  .footer .footer-top a span {
    font-size: 16px;
  }
}
.footer .footer-top a .icon-svg {
  width: 33px;
  height: 33px;
  color: #aaaaaa;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .footer .footer-top a .icon-svg {
    width: 2.0833rem;
  }
}
@media (max-width: 639px) {
  .footer .footer-top a .icon-svg {
    width: 8.75vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .footer .footer-top a .icon-svg {
    height: 2.0833rem;
  }
}
@media (max-width: 639px) {
  .footer .footer-top a .icon-svg {
    height: 8.75vw;
  }
}
.footer .footer-top a .icon-svg svg {
  width: 43%;
}
.footer .footer-bottom {
  padding: 33px 40px 53px 40px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .footer .footer-bottom {
    padding: 2.0833rem 2.5rem 3.3333rem 2.5rem;
  }
}
@media (max-width: 639px) {
  .footer .footer-bottom {
    padding: 8.75vw 10.5vw 14vw 10.5vw;
  }
}
@media screen and (min-width: 1200px) {
  .footer .footer-bottom {
    padding: 40px 20px;
  }
}
.footer .footer-bottom .top .foot-logo {
  margin-bottom: 21px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .footer .footer-bottom .top .foot-logo {
    margin-bottom: 1.3333rem;
  }
}
@media (max-width: 639px) {
  .footer .footer-bottom .top .foot-logo {
    margin-bottom: 5.6vw;
  }
}
@media screen and (min-width: 1200px) {
  .footer .footer-bottom .top .foot-logo {
    margin-bottom: 40px;
  }
}
.footer .footer-bottom .top .foot-logo a {
  width: 100%;
  height: 31px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .footer .footer-bottom .top .foot-logo a {
    height: 1.9583rem;
  }
}
@media (max-width: 639px) {
  .footer .footer-bottom .top .foot-logo a {
    height: 8.225vw;
  }
}
@media screen and (min-width: 1200px) {
  .footer .footer-bottom .top .foot-logo a {
    height: 58px;
  }
}
.footer .footer-bottom .top .foot-logo a img {
  max-width: 100%;
  margin-right: 7px;
  height: 31px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .footer .footer-bottom .top .foot-logo a img {
    margin-right: 0.4167rem;
  }
}
@media (max-width: 639px) {
  .footer .footer-bottom .top .foot-logo a img {
    margin-right: 1.75vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .footer .footer-bottom .top .foot-logo a img {
    height: 1.9583rem;
  }
}
@media (max-width: 639px) {
  .footer .footer-bottom .top .foot-logo a img {
    height: 8.225vw;
  }
}
@media screen and (min-width: 1200px) {
  .footer .footer-bottom .top .foot-logo a img {
    height: 58px;
    margin-right: 14px;
  }
}
.footer .footer-bottom .top .foot-logo a .txt-logo strong {
  font-weight: 600;
  color: #fff;
  letter-spacing: 0px;
  font-size: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .footer .footer-bottom .top .foot-logo a .txt-logo strong {
    letter-spacing: -0.0155rem;
  }
}
@media (max-width: 639px) {
  .footer .footer-bottom .top .foot-logo a .txt-logo strong {
    letter-spacing: -0.0652vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .footer .footer-bottom .top .foot-logo a .txt-logo strong {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .footer .footer-bottom .top .foot-logo a .txt-logo strong {
    font-size: 4.2vw;
  }
}
@media screen and (min-width: 1200px) {
  .footer .footer-bottom .top .foot-logo a .txt-logo strong {
    font-size: 24px;
  }
}
.footer .footer-bottom .top .foot-logo a .txt-logo p {
  font-weight: 400;
  color: #fff;
  letter-spacing: 0px;
  font-size: 6px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .footer .footer-bottom .top .foot-logo a .txt-logo p {
    letter-spacing: -0.0071rem;
  }
}
@media (max-width: 639px) {
  .footer .footer-bottom .top .foot-logo a .txt-logo p {
    letter-spacing: -0.0298vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .footer .footer-bottom .top .foot-logo a .txt-logo p {
    font-size: 0.3958rem;
  }
}
@media (max-width: 639px) {
  .footer .footer-bottom .top .foot-logo a .txt-logo p {
    font-size: 1.6625vw;
  }
}
@media screen and (min-width: 1200px) {
  .footer .footer-bottom .top .foot-logo a .txt-logo p {
    font-size: 11px;
  }
}
.footer .footer-bottom .top .addr, .footer .footer-bottom .top .tel, .footer .footer-bottom .top .email {
  font-weight: 400;
  color: #aaaaaa;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .footer .footer-bottom .top .addr, .footer .footer-bottom .top .tel, .footer .footer-bottom .top .email {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .footer .footer-bottom .top .addr, .footer .footer-bottom .top .tel, .footer .footer-bottom .top .email {
    font-size: 3.85vw;
  }
}
@media screen and (min-width: 1200px) {
  .footer .footer-bottom .top .addr, .footer .footer-bottom .top .tel, .footer .footer-bottom .top .email {
    font-size: 16px;
  }
}
.footer .footer-bottom .top .addr {
  margin-bottom: 20px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .footer .footer-bottom .top .addr {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 639px) {
  .footer .footer-bottom .top .addr {
    margin-bottom: 5.25vw;
  }
}
.footer .footer-bottom .top .email {
  margin-bottom: 18px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .footer .footer-bottom .top .email {
    margin-bottom: 1.125rem;
  }
}
@media (max-width: 639px) {
  .footer .footer-bottom .top .email {
    margin-bottom: 4.725vw;
  }
}
.footer .footer-bottom hr {
  background-color: #333333;
}
.footer .footer-bottom .bottom {
  margin-top: 18px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .footer .footer-bottom .bottom {
    margin-top: 1.125rem;
  }
}
@media (max-width: 639px) {
  .footer .footer-bottom .bottom {
    margin-top: 4.725vw;
  }
}
@media screen and (min-width: 1200px) {
  .footer .footer-bottom .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.footer .footer-bottom .bottom .btn-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .footer .footer-bottom .bottom .btn-row {
    margin-bottom: 0.625rem;
  }
}
@media (max-width: 639px) {
  .footer .footer-bottom .bottom .btn-row {
    margin-bottom: 2.625vw;
  }
}
@media screen and (min-width: 1200px) {
  .footer .footer-bottom .bottom .btn-row {
    margin-bottom: 0;
  }
}
.footer .footer-bottom .bottom .btn-row a {
  display: block;
  font-weight: 500;
  color: #aaaaaa;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .footer .footer-bottom .bottom .btn-row a {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .footer .footer-bottom .bottom .btn-row a {
    font-size: 3.85vw;
  }
}
@media screen and (min-width: 1200px) {
  .footer .footer-bottom .bottom .btn-row a {
    font-size: 16px;
  }
}
.footer .footer-bottom .bottom .btn-row a:last-child {
  margin-left: 8px;
  font-weight: 700;
  color: #fff;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .footer .footer-bottom .bottom .btn-row a:last-child {
    margin-left: 0.5rem;
  }
}
@media (max-width: 639px) {
  .footer .footer-bottom .bottom .btn-row a:last-child {
    margin-left: 2.1vw;
  }
}
@media screen and (min-width: 1200px) {
  .footer .footer-bottom .bottom .btn-row a:last-child {
    margin-left: 24px;
  }
}

.modal.open {
  background: rgba(0, 0, 0, 0.5);
}
.modal#keyword_modal .modal-container {
  color: #333333;
}
@media screen and (min-width: 1200px) {
  .modal#keyword_modal .modal-container {
    max-width: 800px;
  }
}
.modal#keyword_modal .modal-container .modal-title {
  color: #222222;
  font-weight: 700;
  text-align: left;
  font-size: 21px;
  margin-bottom: 40px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .modal-title {
    font-size: 1.2917rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .modal-title {
    font-size: 5.425vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .modal-title {
    margin-bottom: 2.5rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .modal-title {
    margin-bottom: 10.5vw;
  }
}
.modal#keyword_modal .modal-container .modal-title + h4, .modal#keyword_modal .modal-container .box-row + h4, .modal#keyword_modal .modal-container #keyword-section h4 {
  color: #222222;
  font-weight: 700;
  text-align: left;
  font-size: 19px;
  padding-bottom: 19px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .modal-title + h4, .modal#keyword_modal .modal-container .box-row + h4, .modal#keyword_modal .modal-container #keyword-section h4 {
    font-size: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .modal-title + h4, .modal#keyword_modal .modal-container .box-row + h4, .modal#keyword_modal .modal-container #keyword-section h4 {
    font-size: 4.9vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .modal-title + h4, .modal#keyword_modal .modal-container .box-row + h4, .modal#keyword_modal .modal-container #keyword-section h4 {
    padding-bottom: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .modal-title + h4, .modal#keyword_modal .modal-container .box-row + h4, .modal#keyword_modal .modal-container #keyword-section h4 {
    padding-bottom: 4.9vw;
  }
}
.modal#keyword_modal .modal-container #keyword-section {
  margin-top: 33px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container #keyword-section {
    margin-top: 2.0833rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container #keyword-section {
    margin-top: 8.75vw;
  }
}
.modal#keyword_modal .modal-container .radio-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 19px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .radio-group {
    gap: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .radio-group {
    gap: 4.9vw;
  }
}
.modal#keyword_modal .modal-container .box-row {
  border: 1px solid #aaaaaa;
  padding: 27px 13px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .box-row {
    padding: 1.6667rem 0.8333rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .box-row {
    padding: 7vw 3.5vw;
  }
}
.modal#keyword_modal .modal-container .box-row .keyword-list .form-row {
  margin-bottom: 0;
}
.modal#keyword_modal .modal-container .box-row .keyword-list .form-row .check-box-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 19px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .box-row .keyword-list .form-row .check-box-group {
    gap: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .box-row .keyword-list .form-row .check-box-group {
    gap: 4.9vw;
  }
}
.modal#keyword_modal .modal-container .box-row + h4 {
  margin: 33px auto 0 auto;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .box-row + h4 {
    margin: 2.0833rem auto 0 auto;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .box-row + h4 {
    margin: 8.75vw auto 0 auto;
  }
}
.modal#keyword_modal .modal-container .select-keyword {
  margin-top: 33px;
  background: #f5f5f5;
  padding: 13px;
  border-radius: 12px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  flex-flow: wrap;
  display: none;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .select-keyword {
    margin-top: 2.0833rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .select-keyword {
    margin-top: 8.75vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .select-keyword {
    padding: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .select-keyword {
    padding: 3.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .select-keyword {
    border-radius: 0.75rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .select-keyword {
    border-radius: 3.15vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .select-keyword {
    gap: 0.5rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .select-keyword {
    gap: 2.1vw;
  }
}
.modal#keyword_modal .modal-container .select-keyword .item {
  background: #fff;
  border: 1px solid #dddddd;
  padding: 0px 12px;
  height: 32px;
  border-radius: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .select-keyword .item {
    padding: 0rem 0.75rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .select-keyword .item {
    padding: 0vw 3.15vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .select-keyword .item {
    height: 2rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .select-keyword .item {
    height: 8.4vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .select-keyword .item {
    border-radius: 2rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .select-keyword .item {
    border-radius: 8.4vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .select-keyword .item {
    gap: 0.25rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .select-keyword .item {
    gap: 1.05vw;
  }
}
.modal#keyword_modal .modal-container .select-keyword .item span {
  color: #222222;
  font-weight: 400;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .select-keyword .item span {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .select-keyword .item span {
    font-size: 3.85vw;
  }
}
.modal#keyword_modal .modal-container .select-keyword .item .icon-svg {
  width: 12px;
  height: 12px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .select-keyword .item .icon-svg {
    width: 0.75rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .select-keyword .item .icon-svg {
    width: 3.15vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .select-keyword .item .icon-svg {
    height: 0.75rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .select-keyword .item .icon-svg {
    height: 3.15vw;
  }
}
.modal#keyword_modal .modal-container .select-keyword .item .icon-svg svg {
  width: 8px;
  height: 8px;
  fill: #333333;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .select-keyword .item .icon-svg svg {
    width: 0.5rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .select-keyword .item .icon-svg svg {
    width: 2.1vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .select-keyword .item .icon-svg svg {
    height: 0.5rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .select-keyword .item .icon-svg svg {
    height: 2.1vw;
  }
}
.modal#keyword_modal .modal-container .btn-row {
  padding: 40px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .btn-row {
    padding: 2.5rem 0rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .btn-row {
    padding: 10.5vw 0vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .btn-row {
    gap: 1rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .btn-row {
    gap: 4.2vw;
  }
}
.modal#keyword_modal .modal-container .btn-row a {
  min-width: unset;
  width: 128px;
  height: 48px;
  border-radius: 48px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .btn-row a {
    width: 8rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .btn-row a {
    width: 33.6vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .btn-row a {
    height: 3rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .btn-row a {
    height: 12.6vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .btn-row a {
    border-radius: 3rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .btn-row a {
    border-radius: 12.6vw;
  }
}
.modal#keyword_modal .modal-container .btn-row a:first-child {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .btn-row a:first-child {
    gap: 0.25rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .btn-row a:first-child {
    gap: 1.05vw;
  }
}
.modal#keyword_modal .modal-container .btn-row a:first-child span {
  color: #fff;
  font-weight: 500;
  font-size: 20px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .btn-row a:first-child span {
    font-size: 1.25rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .btn-row a:first-child span {
    font-size: 5.25vw;
  }
}
.modal#keyword_modal .modal-container .btn-row a:first-child .icon-svg {
  width: 24px;
  height: 24px;
  color: #fff;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .btn-row a:first-child .icon-svg {
    width: 1.5rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .btn-row a:first-child .icon-svg {
    width: 6.3vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .btn-row a:first-child .icon-svg {
    height: 1.5rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .btn-row a:first-child .icon-svg {
    height: 6.3vw;
  }
}
.modal#keyword_modal .modal-container .btn-row a:first-child .icon-svg svg {
  width: 19px;
  height: 19px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .btn-row a:first-child .icon-svg svg {
    width: 1.1875rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .btn-row a:first-child .icon-svg svg {
    width: 4.9875vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .btn-row a:first-child .icon-svg svg {
    height: 1.1875rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .btn-row a:first-child .icon-svg svg {
    height: 4.9875vw;
  }
}
.modal#keyword_modal .modal-container .modal-scroll {
  max-height: 360px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#keyword_modal .modal-container .modal-scroll {
    max-height: 22.5rem;
  }
}
@media (max-width: 639px) {
  .modal#keyword_modal .modal-container .modal-scroll {
    max-height: 94.5vw;
  }
}
.modal#find_partner_modal .modal-scroll {
  height: 100%;
  max-height: 600px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#find_partner_modal .modal-scroll {
    max-height: 37.5rem;
  }
}
@media (max-width: 639px) {
  .modal#find_partner_modal .modal-scroll {
    max-height: 157.5vw;
  }
}
.modal#find_partner_modal .modal-scroll .content-area .tab-row {
  margin-bottom: 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-row {
    margin-bottom: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-row {
    margin-bottom: 7vw;
  }
}
.modal#find_partner_modal .modal-scroll .content-area .tab-row ul {
  height: 56px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-row ul {
    height: 3.5rem;
  }
}
@media (max-width: 639px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-row ul {
    height: 14.7vw;
  }
}
.modal#find_partner_modal .modal-scroll .content-area .tab-row ul li {
  width: 50%;
  height: 100%;
  border-bottom: 2px solid #dddddd;
}
.modal#find_partner_modal .modal-scroll .content-area .tab-row ul li a {
  color: #333333;
  width: 100%;
  height: 100%;
  font-weight: 700;
  border-bottom: 2px solid transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  gap: 4px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-row ul li a {
    font-size: 1.0833rem;
  }
}
@media (max-width: 639px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-row ul li a {
    font-size: 4.55vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-row ul li a {
    gap: 0.25rem;
  }
}
@media (max-width: 639px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-row ul li a {
    gap: 1.05vw;
  }
}
.modal#find_partner_modal .modal-scroll .content-area .tab-row ul li a span {
  color: #333333;
  font-weight: 700;
  font-size: 17px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-row ul li a span {
    font-size: 1.0833rem;
  }
}
@media (max-width: 639px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-row ul li a span {
    font-size: 4.55vw;
  }
}
.modal#find_partner_modal .modal-scroll .content-area .tab-row ul li a i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  background: #E13911;
  color: #fff;
  font-weight: 600;
  font-size: 11px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-row ul li a i {
    width: 1.125rem;
  }
}
@media (max-width: 639px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-row ul li a i {
    width: 4.725vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-row ul li a i {
    height: 1.125rem;
  }
}
@media (max-width: 639px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-row ul li a i {
    height: 4.725vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-row ul li a i {
    border-radius: 1.125rem;
  }
}
@media (max-width: 639px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-row ul li a i {
    border-radius: 4.725vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-row ul li a i {
    font-size: 0.6875rem;
  }
}
@media (max-width: 639px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-row ul li a i {
    font-size: 2.8875vw;
  }
}
.modal#find_partner_modal .modal-scroll .content-area .tab-row ul li.active {
  border-bottom: 2px solid #1E335F;
}
.modal#find_partner_modal .modal-scroll .content-area .tab-row ul li.active a {
  border-bottom: 2px solid #1E335F;
  color: #1E335F;
}
.modal#find_partner_modal .modal-scroll .content-area .tab-row ul li.active a span {
  color: #1E335F;
}
.modal#find_partner_modal .modal-scroll .content-area .search-row {
  background: #f5f5f5;
  padding: 33px 27px;
  border-radius: 12px;
  margin-bottom: 33px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#find_partner_modal .modal-scroll .content-area .search-row {
    padding: 2.0833rem 1.6667rem;
  }
}
@media (max-width: 639px) {
  .modal#find_partner_modal .modal-scroll .content-area .search-row {
    padding: 8.75vw 7vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#find_partner_modal .modal-scroll .content-area .search-row {
    border-radius: 0.75rem;
  }
}
@media (max-width: 639px) {
  .modal#find_partner_modal .modal-scroll .content-area .search-row {
    border-radius: 3.15vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#find_partner_modal .modal-scroll .content-area .search-row {
    margin-bottom: 2.0833rem;
  }
}
@media (max-width: 639px) {
  .modal#find_partner_modal .modal-scroll .content-area .search-row {
    margin-bottom: 8.75vw;
  }
}
.modal#find_partner_modal .modal-scroll .content-area .search-row .form-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (min-width: 1200px) {
  .modal#find_partner_modal .modal-scroll .content-area .search-row .form-row {
    margin-bottom: 0;
  }
}
.modal#find_partner_modal .modal-scroll .content-area .search-row .form-row > label {
  width: 92px;
  text-align: left;
  margin-bottom: 0;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#find_partner_modal .modal-scroll .content-area .search-row .form-row > label {
    width: 5.7292rem;
  }
}
@media (max-width: 639px) {
  .modal#find_partner_modal .modal-scroll .content-area .search-row .form-row > label {
    width: 24.0625vw;
  }
}
.modal#find_partner_modal .modal-scroll .content-area .search-row .form-row input, .modal#find_partner_modal .modal-scroll .content-area .search-row .form-row .dropdown-box {
  width: calc(100% - 24.0625vw);
}
.modal#find_partner_modal .modal-scroll .content-area .search-row .btn-row .btn {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .modal#find_partner_modal .modal-scroll .content-area .search-row .btn-row .btn {
    width: 120px;
    min-width: unset;
  }
}
@media screen and (min-width: 1200px) {
  .modal#find_partner_modal .modal-scroll .content-area .search-row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
  }
  .modal#find_partner_modal .modal-scroll .content-area .search-row .form-row {
    width: 284px;
  }
  .modal#find_partner_modal .modal-scroll .content-area .search-row .form-row > label {
    width: 60px;
  }
  .modal#find_partner_modal .modal-scroll .content-area .search-row .form-row input {
    width: 224px;
  }
  .modal#find_partner_modal .modal-scroll .content-area .search-row .form-row:first-child {
    width: 274px;
  }
  .modal#find_partner_modal .modal-scroll .content-area .search-row .form-row:first-child > label {
    width: 100px;
  }
  .modal#find_partner_modal .modal-scroll .content-area .search-row .form-row:first-child .dropdown-box {
    width: 174px;
  }
}
.modal#find_partner_modal .modal-scroll .content-area .tab-content-panel .tabpanel {
  display: none;
}
.modal#find_partner_modal .modal-scroll .content-area .tab-content-panel .tabpanel.active {
  display: block;
}
.modal#find_partner_modal .modal-scroll .content-area .tab-content-panel .tabpanel .list .item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 13px;
  border: 1px solid #dddddd;
  border-radius: 12px;
  padding: 27px;
  overflow: hidden;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-content-panel .tabpanel .list .item {
    margin-bottom: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-content-panel .tabpanel .list .item {
    margin-bottom: 3.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-content-panel .tabpanel .list .item {
    border-radius: 0.75rem;
  }
}
@media (max-width: 639px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-content-panel .tabpanel .list .item {
    border-radius: 3.15vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-content-panel .tabpanel .list .item {
    padding: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-content-panel .tabpanel .list .item {
    padding: 7vw;
  }
}
.modal#find_partner_modal .modal-scroll .content-area .tab-content-panel .tabpanel .list .item.active {
  border-color: #E13911;
}
.modal#find_partner_modal .modal-scroll .content-area .tab-content-panel .tabpanel .list .item .photo {
  width: 85px;
  height: 85px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-content-panel .tabpanel .list .item .photo {
    width: 5.2917rem;
  }
}
@media (max-width: 639px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-content-panel .tabpanel .list .item .photo {
    width: 22.225vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-content-panel .tabpanel .list .item .photo {
    height: 5.2917rem;
  }
}
@media (max-width: 639px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-content-panel .tabpanel .list .item .photo {
    height: 22.225vw;
  }
}
.modal#find_partner_modal .modal-scroll .content-area .tab-content-panel .tabpanel .list .item .photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.modal#find_partner_modal .modal-scroll .content-area .tab-content-panel .tabpanel .list .item .info {
  width: calc(100% - 22.225vw);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 19px;
  flex-flow: wrap;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-content-panel .tabpanel .list .item .info {
    padding-left: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-content-panel .tabpanel .list .item .info {
    padding-left: 4.9vw;
  }
}
.modal#find_partner_modal .modal-scroll .content-area .tab-content-panel .tabpanel .list .item .info .name {
  text-align: left;
  width: 100%;
  color: #222222;
  font-weight: 700;
  font-size: 21px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-content-panel .tabpanel .list .item .info .name {
    font-size: 1.2917rem;
  }
}
@media (max-width: 639px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-content-panel .tabpanel .list .item .info .name {
    font-size: 5.425vw;
  }
}
.modal#find_partner_modal .modal-scroll .content-area .tab-content-panel .tabpanel .list .item .info .desc {
  text-align: left;
  width: 100%;
  color: #666666;
  font-weight: 500;
  font-size: 16px;
  margin-top: 8px;
  display: -webkit-box;
  overflow: hidden;
  vertical-align: top;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-content-panel .tabpanel .list .item .info .desc {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-content-panel .tabpanel .list .item .info .desc {
    font-size: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-content-panel .tabpanel .list .item .info .desc {
    margin-top: 0.5rem;
  }
}
@media (max-width: 639px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-content-panel .tabpanel .list .item .info .desc {
    margin-top: 2.1vw;
  }
}
.modal#find_partner_modal .modal-scroll .content-area .tab-content-panel > .btn-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 40px 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-content-panel > .btn-row {
    gap: 1rem;
  }
}
@media (max-width: 639px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-content-panel > .btn-row {
    gap: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-content-panel > .btn-row {
    padding: 2.5rem 0rem;
  }
}
@media (max-width: 639px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-content-panel > .btn-row {
    padding: 10.5vw 0vw;
  }
}
.modal#find_partner_modal .modal-scroll .content-area .tab-content-panel > .btn-row .btn {
  min-width: unset;
  width: 128px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-content-panel > .btn-row .btn {
    width: 8rem;
  }
}
@media (max-width: 639px) {
  .modal#find_partner_modal .modal-scroll .content-area .tab-content-panel > .btn-row .btn {
    width: 33.6vw;
  }
}
.modal#terms_modal .sub-title, .modal#privacy_modal .sub-title {
  padding: 27px 27px 21px 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#terms_modal .sub-title, .modal#privacy_modal .sub-title {
    padding: 1.6667rem 1.6667rem 1.3333rem 1.6667rem;
  }
}
@media (max-width: 639px) {
  .modal#terms_modal .sub-title, .modal#privacy_modal .sub-title {
    padding: 7vw 7vw 5.6vw 7vw;
  }
}
.modal#terms_modal .modal-scroll, .modal#privacy_modal .modal-scroll {
  width: 101%;
  max-height: 360px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#terms_modal .modal-scroll, .modal#privacy_modal .modal-scroll {
    max-height: 22.5rem;
  }
}
@media (max-width: 639px) {
  .modal#terms_modal .modal-scroll, .modal#privacy_modal .modal-scroll {
    max-height: 94.5vw;
  }
}
.modal#terms_modal .modal-scroll .box-row, .modal#privacy_modal .modal-scroll .box-row {
  margin-bottom: 53px;
  border: 1px solid #dddddd;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#terms_modal .modal-scroll .box-row, .modal#privacy_modal .modal-scroll .box-row {
    margin-bottom: 3.3333rem;
  }
}
@media (max-width: 639px) {
  .modal#terms_modal .modal-scroll .box-row, .modal#privacy_modal .modal-scroll .box-row {
    margin-bottom: 14vw;
  }
}
.modal#terms_modal .content-area, .modal#privacy_modal .content-area {
  padding-top: 0;
}
.modal#search_modal .modal-container {
  width: 100%;
  height: 100%;
  border-radius: 0;
  background: #f5f5f5;
}
.modal#search_modal .modal-container .modal-title-box {
  justify-content: flex-end;
}
.modal#search_modal .modal-container .search {
  width: 87.5%;
  height: 100%;
  margin: auto;
}
@media screen and (min-width: 1200px) {
  .modal#search_modal .modal-container .search {
    width: 790px;
  }
}
.modal#search_modal .modal-container .search .form-row {
  margin-bottom: 0;
}
.modal#search_modal .modal-container .search .form-row > label {
  color: #222222;
  font-weight: 700;
  margin-bottom: 0;
  height: 40px;
  font-size: 21px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#search_modal .modal-container .search .form-row > label {
    height: 2.5rem;
  }
}
@media (max-width: 639px) {
  .modal#search_modal .modal-container .search .form-row > label {
    height: 10.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#search_modal .modal-container .search .form-row > label {
    font-size: 1.2917rem;
  }
}
@media (max-width: 639px) {
  .modal#search_modal .modal-container .search .form-row > label {
    font-size: 5.425vw;
  }
}
.modal#search_modal .modal-container .search .form-row button {
  position: absolute;
  bottom: 0;
  right: 0;
}
.modal#search_modal .modal-container .search .modal-scroll {
  height: 100%;
  height: calc(100% - 41.125vw);
}
@media screen and (min-width: 640px) {
  .modal#search_modal .modal-container .search .modal-scroll {
    height: calc(100% - 9.7917rem);
  }
}
@media screen and (min-width: 1200px) {
  .modal#search_modal .modal-container .search .modal-scroll {
    height: auto;
    overflow-y: unset;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.modal#search_modal .modal-container .search .hotkeyword-row, .modal#search_modal .modal-container .search .recentkeyword-row {
  padding: 40px 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#search_modal .modal-container .search .hotkeyword-row, .modal#search_modal .modal-container .search .recentkeyword-row {
    padding: 2.5rem 1.6667rem;
  }
}
@media (max-width: 639px) {
  .modal#search_modal .modal-container .search .hotkeyword-row, .modal#search_modal .modal-container .search .recentkeyword-row {
    padding: 10.5vw 7vw;
  }
}
@media screen and (min-width: 1200px) {
  .modal#search_modal .modal-container .search .hotkeyword-row, .modal#search_modal .modal-container .search .recentkeyword-row {
    width: 50%;
    margin-top: 40px;
    padding-bottom: 0;
    min-height: 265px;
  }
}
.modal#search_modal .modal-container .search .hotkeyword-row .title, .modal#search_modal .modal-container .search .recentkeyword-row .title {
  display: block;
  color: #222222;
  font-weight: 700;
  line-height: 1;
  font-size: 17px;
  margin-bottom: 24px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#search_modal .modal-container .search .hotkeyword-row .title, .modal#search_modal .modal-container .search .recentkeyword-row .title {
    font-size: 1.0833rem;
  }
}
@media (max-width: 639px) {
  .modal#search_modal .modal-container .search .hotkeyword-row .title, .modal#search_modal .modal-container .search .recentkeyword-row .title {
    font-size: 4.55vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#search_modal .modal-container .search .hotkeyword-row .title, .modal#search_modal .modal-container .search .recentkeyword-row .title {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 639px) {
  .modal#search_modal .modal-container .search .hotkeyword-row .title, .modal#search_modal .modal-container .search .recentkeyword-row .title {
    margin-bottom: 6.3vw;
  }
}
.modal#search_modal .modal-container .search .hotkeyword-row .keyword-list a, .modal#search_modal .modal-container .search .recentkeyword-row .keyword-list a {
  font-weight: 400;
  color: #222222;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
  font-size: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#search_modal .modal-container .search .hotkeyword-row .keyword-list a, .modal#search_modal .modal-container .search .recentkeyword-row .keyword-list a {
    margin-bottom: 1rem;
  }
}
@media (max-width: 639px) {
  .modal#search_modal .modal-container .search .hotkeyword-row .keyword-list a, .modal#search_modal .modal-container .search .recentkeyword-row .keyword-list a {
    margin-bottom: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#search_modal .modal-container .search .hotkeyword-row .keyword-list a, .modal#search_modal .modal-container .search .recentkeyword-row .keyword-list a {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .modal#search_modal .modal-container .search .hotkeyword-row .keyword-list a, .modal#search_modal .modal-container .search .recentkeyword-row .keyword-list a {
    font-size: 4.2vw;
  }
}
.modal#search_modal .modal-container .search .hotkeyword-row .keyword-list a i, .modal#search_modal .modal-container .search .recentkeyword-row .keyword-list a i {
  display: block;
  color: #E13911;
  font-weight: 600;
  font-size: 16px;
  width: 20px;
  margin-right: 8px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#search_modal .modal-container .search .hotkeyword-row .keyword-list a i, .modal#search_modal .modal-container .search .recentkeyword-row .keyword-list a i {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .modal#search_modal .modal-container .search .hotkeyword-row .keyword-list a i, .modal#search_modal .modal-container .search .recentkeyword-row .keyword-list a i {
    font-size: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#search_modal .modal-container .search .hotkeyword-row .keyword-list a i, .modal#search_modal .modal-container .search .recentkeyword-row .keyword-list a i {
    width: 1.25rem;
  }
}
@media (max-width: 639px) {
  .modal#search_modal .modal-container .search .hotkeyword-row .keyword-list a i, .modal#search_modal .modal-container .search .recentkeyword-row .keyword-list a i {
    width: 5.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#search_modal .modal-container .search .hotkeyword-row .keyword-list a i, .modal#search_modal .modal-container .search .recentkeyword-row .keyword-list a i {
    margin-right: 0.5rem;
  }
}
@media (max-width: 639px) {
  .modal#search_modal .modal-container .search .hotkeyword-row .keyword-list a i, .modal#search_modal .modal-container .search .recentkeyword-row .keyword-list a i {
    margin-right: 2.1vw;
  }
}
.modal#search_modal .modal-container .search .hotkeyword-row .keyword-list a:last-of-type, .modal#search_modal .modal-container .search .recentkeyword-row .keyword-list a:last-of-type {
  margin-bottom: 0;
}
.modal#search_modal .modal-container .search hr {
  margin: 0;
}
@media screen and (min-width: 1200px) {
  .modal#search_modal .modal-container .search hr {
    position: absolute;
    width: 100%;
    top: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .modal#search_modal .modal-container .search .recentkeyword-row {
    position: relative;
    padding-left: 24px;
  }
  .modal#search_modal .modal-container .search .recentkeyword-row:before {
    content: "";
    position: absolute;
    top: 40px;
    left: 0;
    width: 1px;
    height: calc(100% - 40px);
    background: #dddddd;
  }
}
.modal#search_modal .modal-container .search .recentkeyword-row .keyword-list a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal#search_modal .modal-container .search .recentkeyword-row .keyword-list a .icon-svg {
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#search_modal .modal-container .search .recentkeyword-row .keyword-list a .icon-svg {
    width: 1rem;
  }
}
@media (max-width: 639px) {
  .modal#search_modal .modal-container .search .recentkeyword-row .keyword-list a .icon-svg {
    width: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#search_modal .modal-container .search .recentkeyword-row .keyword-list a .icon-svg {
    height: 1rem;
  }
}
@media (max-width: 639px) {
  .modal#search_modal .modal-container .search .recentkeyword-row .keyword-list a .icon-svg {
    height: 4.2vw;
  }
}
.modal#search_modal .modal-container .search .recentkeyword-row .keyword-list a .icon-svg svg {
  width: 13px;
  height: 13px;
  fill: #333333;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#search_modal .modal-container .search .recentkeyword-row .keyword-list a .icon-svg svg {
    width: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .modal#search_modal .modal-container .search .recentkeyword-row .keyword-list a .icon-svg svg {
    width: 3.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#search_modal .modal-container .search .recentkeyword-row .keyword-list a .icon-svg svg {
    height: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .modal#search_modal .modal-container .search .recentkeyword-row .keyword-list a .icon-svg svg {
    height: 3.5vw;
  }
}
.modal#search_modal .modal-container .search .recentkeyword-row > a {
  margin-top: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#search_modal .modal-container .search .recentkeyword-row > a {
    margin-top: 2.5rem;
  }
}
@media (max-width: 639px) {
  .modal#search_modal .modal-container .search .recentkeyword-row > a {
    margin-top: 10.5vw;
  }
}
.modal#search_modal .modal-container .search .recentkeyword-row > a span {
  color: #E13911;
}
.modal#search_modal .modal-container .search .recentkeyword-row > a .icon-svg {
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #E13911;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#search_modal .modal-container .search .recentkeyword-row > a .icon-svg {
    width: 1.125rem;
  }
}
@media (max-width: 639px) {
  .modal#search_modal .modal-container .search .recentkeyword-row > a .icon-svg {
    width: 4.725vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#search_modal .modal-container .search .recentkeyword-row > a .icon-svg {
    height: 1.125rem;
  }
}
@media (max-width: 639px) {
  .modal#search_modal .modal-container .search .recentkeyword-row > a .icon-svg {
    height: 4.725vw;
  }
}
.modal#search_modal .modal-container .search .recentkeyword-row > a .icon-svg svg {
  width: 13px;
  height: 13px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#search_modal .modal-container .search .recentkeyword-row > a .icon-svg svg {
    width: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .modal#search_modal .modal-container .search .recentkeyword-row > a .icon-svg svg {
    width: 3.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal#search_modal .modal-container .search .recentkeyword-row > a .icon-svg svg {
    height: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .modal#search_modal .modal-container .search .recentkeyword-row > a .icon-svg svg {
    height: 3.5vw;
  }
}

html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
a {
  cursor: pointer;
}

hr {
  width: 100%;
  height: 1px;
  background-color: #E6E2E0;
  border: none;
}
@media (min-width: 640px) and (max-width: 1199px) {
  hr {
    height: 0.0625rem;
  }
}
@media (max-width: 639px) {
  hr {
    height: 0.2625vw;
  }
}

br.mo {
  display: block;
}
@media screen and (min-width: 1200px) {
  br.mo {
    display: none;
  }
}
br.pc {
  display: none;
}
@media screen and (min-width: 1200px) {
  br.pc {
    display: block;
  }
}

.w100 {
  width: 100%;
}

.scroll {
  width: 100%;
  padding: 0 0 0 0;
  overflow-y: overlay;
  text-align: center;
}

.point-font {
  font-family: "Gowun Batang", serif;
  letter-spacing: -0.02em;
  font-weight: 400;
}

.point-font-bold {
  font-family: "Gowun Batang", serif;
  letter-spacing: -0.02em;
  font-weight: 700;
}

h2 {
  color: #222222;
  line-height: 1.5;
  font-weight: 700;
  font-size: 28px;
  font-size: 28px;
  display: block;
  overflow: hidden;
}
@media (min-width: 640px) and (max-width: 1199px) {
  h2 {
    font-size: 1.75rem;
  }
}
@media (max-width: 639px) {
  h2 {
    font-size: 7.35vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  h2 {
    font-size: 1.75rem;
  }
}
@media (max-width: 639px) {
  h2 {
    font-size: 7.35vw;
  }
}
h2::before {
  content: "";
  display: block;
  margin-top: -0.25em;
}
h2::after {
  content: "";
  display: block;
  margin-bottom: -0.25em;
}
@media screen and (min-width: 1200px) {
  h2 {
    font-size: 44px;
  }
  h2::before {
    margin-top: -0.18em;
  }
  h2::after {
    margin-bottom: -0.16em;
  }
}
h2.black {
  font-weight: 900;
  font-size: 28px;
  font-size: 28px;
  display: block;
  overflow: hidden;
  background: transparent;
}
@media (min-width: 640px) and (max-width: 1199px) {
  h2.black {
    font-size: 1.75rem;
  }
}
@media (max-width: 639px) {
  h2.black {
    font-size: 7.35vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  h2.black {
    font-size: 1.75rem;
  }
}
@media (max-width: 639px) {
  h2.black {
    font-size: 7.35vw;
  }
}
h2.black::before {
  content: "";
  display: block;
  margin-top: -0.3em;
}
h2.black::after {
  content: "";
  display: block;
  margin-bottom: -0.3em;
}
@media screen and (min-width: 1200px) {
  h2.black {
    font-size: 44px;
  }
  h2.black::before {
    margin-top: -0.3em;
  }
  h2.black::after {
    margin-bottom: -0.3em;
  }
}
h2.bold {
  font-weight: 700;
  font-size: 29px;
  font-size: 29px;
  display: block;
  overflow: hidden;
  letter-spacing: 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  h2.bold {
    font-size: 1.8333rem;
  }
}
@media (max-width: 639px) {
  h2.bold {
    font-size: 7.7vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  h2.bold {
    font-size: 1.8333rem;
  }
}
@media (max-width: 639px) {
  h2.bold {
    font-size: 7.7vw;
  }
}
h2.bold::before {
  content: "";
  display: block;
  margin-top: -0.25em;
}
h2.bold::after {
  content: "";
  display: block;
  margin-bottom: -0.2em;
}
@media (min-width: 640px) and (max-width: 1199px) {
  h2.bold {
    letter-spacing: -0.0167rem;
  }
}
@media (max-width: 639px) {
  h2.bold {
    letter-spacing: -0.07vw;
  }
}
@media screen and (min-width: 1200px) {
  h2.bold {
    font-size: 40px;
    letter-spacing: -0.4px;
  }
  h2.bold::before {
    margin-top: -0.18em;
  }
  h2.bold::after {
    margin-bottom: -0.15em;
  }
}

h3 {
  font-weight: 700;
  font-size: 27px;
  font-size: 27px;
  display: block;
  overflow: hidden;
  background: transparent;
}
@media (min-width: 640px) and (max-width: 1199px) {
  h3 {
    font-size: 1.6667rem;
  }
}
@media (max-width: 639px) {
  h3 {
    font-size: 7vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  h3 {
    font-size: 1.6667rem;
  }
}
@media (max-width: 639px) {
  h3 {
    font-size: 7vw;
  }
}
h3::before {
  content: "";
  display: block;
  margin-top: -0.25em;
}
h3::after {
  content: "";
  display: block;
  margin-bottom: -0.2em;
}
@media screen and (min-width: 1200px) {
  h3 {
    font-size: 36px;
  }
  h3::before {
    margin-top: -0.25em;
  }
  h3::after {
    margin-bottom: -0.1em;
  }
}

h4 {
  font-weight: 700;
  font-size: 24px;
  font-size: 24px;
  display: block;
  overflow: hidden;
  background: transparent;
}
@media (min-width: 640px) and (max-width: 1199px) {
  h4 {
    font-size: 1.5rem;
  }
}
@media (max-width: 639px) {
  h4 {
    font-size: 6.3vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  h4 {
    font-size: 1.5rem;
  }
}
@media (max-width: 639px) {
  h4 {
    font-size: 6.3vw;
  }
}
h4::before {
  content: "";
  display: block;
  margin-top: -0.25em;
}
h4::after {
  content: "";
  display: block;
  margin-bottom: -0.2em;
}
@media screen and (min-width: 1200px) {
  h4 {
    font-size: 32px;
  }
  h4::before {
    margin-top: -0.25em;
  }
  h4::after {
    margin-bottom: -0.1em;
  }
}
h4.black {
  font-weight: 900;
}

h5 {
  font-weight: 700;
  font-size: 23px;
  font-size: 23px;
  display: block;
  overflow: hidden;
  background: transparent;
}
@media (min-width: 640px) and (max-width: 1199px) {
  h5 {
    font-size: 1.4167rem;
  }
}
@media (max-width: 639px) {
  h5 {
    font-size: 5.95vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  h5 {
    font-size: 1.4167rem;
  }
}
@media (max-width: 639px) {
  h5 {
    font-size: 5.95vw;
  }
}
h5::before {
  content: "";
  display: block;
  margin-top: -0.25em;
}
h5::after {
  content: "";
  display: block;
  margin-bottom: -0.2em;
}
@media screen and (min-width: 1200px) {
  h5 {
    font-size: 28px;
  }
  h5::before {
    margin-top: -0.25em;
  }
  h5::after {
    margin-bottom: -0.1em;
  }
}
h5.medium {
  font-weight: 500;
}
h5.bold {
  font-weight: 700;
}

h6 {
  font-weight: 700;
  font-size: 20px;
  font-size: 20px;
  display: block;
  overflow: hidden;
  background: transparent;
}
@media (min-width: 640px) and (max-width: 1199px) {
  h6 {
    font-size: 1.25rem;
  }
}
@media (max-width: 639px) {
  h6 {
    font-size: 5.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  h6 {
    font-size: 1.25rem;
  }
}
@media (max-width: 639px) {
  h6 {
    font-size: 5.25vw;
  }
}
h6::before {
  content: "";
  display: block;
  margin-top: -0.25em;
}
h6::after {
  content: "";
  display: block;
  margin-bottom: -0.2em;
}
@media screen and (min-width: 1200px) {
  h6 {
    font-size: 24px;
  }
  h6::before {
    margin-top: -0.23em;
  }
  h6::after {
    margin-bottom: -0.2em;
  }
}
h6.medium {
  font-weight: 700;
}
h6.bold {
  font-weight: 700;
}

.txt-b4 {
  font-weight: 400;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .txt-b4 {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .txt-b4 {
    font-size: 3.85vw;
  }
}
@media screen and (min-width: 1200px) {
  .txt-b4 {
    font-size: 14px;
  }
}
.txt-b4.medium {
  font-weight: 500;
}
.txt-b4.bold {
  font-weight: 700;
}
.txt-b4.black {
  font-weight: 900;
}

p {
  color: #666666;
  line-height: 1.5;
  font-weight: 500;
  font-size: 16px;
  font-size: 16px;
  display: block;
  overflow: hidden;
}
@media (min-width: 640px) and (max-width: 1199px) {
  p {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  p {
    font-size: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  p {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  p {
    font-size: 4.2vw;
  }
}
p::before {
  content: "";
  display: block;
  margin-top: -0.15em;
}
p::after {
  content: "";
  display: block;
  margin-bottom: -0.15em;
}
@media screen and (min-width: 1200px) {
  p {
    font-size: 16px;
  }
  p::before {
    margin-top: -0.15em;
  }
  p::after {
    margin-bottom: -0.15em;
  }
}

h2.en:after, h3.en:after, h4.en:after, h5.en:after, h6.en:after {
  display: none;
}

section > .inner {
  position: relative;
  width: 100%;
}
section > .inner.center {
  text-align: center;
}

.section-title {
  position: relative;
  text-align: center;
  letter-spacing: -1.76px;
  color: #222222;
  padding-top: 17px;
  font-size: 29px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .section-title {
    padding-top: 1.0833rem;
  }
}
@media (max-width: 639px) {
  .section-title {
    padding-top: 4.55vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .section-title {
    font-size: 1.8333rem;
  }
}
@media (max-width: 639px) {
  .section-title {
    font-size: 7.7vw;
  }
}
.section-title.left {
  text-align: left;
}
.section-title.left:before {
  left: 0;
  margin-left: 0;
}
.section-title strong {
  color: #E13911;
}
.section-title.section-title-main {
  letter-spacing: -2px;
  font-size: 33px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .section-title.section-title-main {
    font-size: 2.0833rem;
  }
}
@media (max-width: 639px) {
  .section-title.section-title-main {
    font-size: 8.75vw;
  }
}
@media screen and (min-width: 1200px) {
  .section-title {
    font-size: 44px;
    letter-spacing: -0.88px;
  }
  .section-title.section-title-main {
    font-size: 60px;
    letter-spacing: -1.2px;
  }
}

.tooltip-box {
  position: absolute;
  top: 0;
  z-index: 2;
  background-color: #ffffff;
  border: 1px solid #E67E22; /* 오렌지색 계열 */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  top: 33px;
  padding: 24px;
  border-radius: 12px;
  left: -20px;
  right: -20px;
  /* 1. 위쪽 화살표 케이스 */
  /* 2. 아래쪽 화살표 케이스 */
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tooltip-box {
    top: 2.0833rem;
  }
}
@media (max-width: 639px) {
  .tooltip-box {
    top: 8.75vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tooltip-box {
    padding: 1.5rem;
  }
}
@media (max-width: 639px) {
  .tooltip-box {
    padding: 6.3vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tooltip-box {
    border-radius: 0.75rem;
  }
}
@media (max-width: 639px) {
  .tooltip-box {
    border-radius: 3.15vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tooltip-box {
    left: -1.25rem;
  }
}
@media (max-width: 639px) {
  .tooltip-box {
    left: -5.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tooltip-box {
    right: -1.25rem;
  }
}
@media (max-width: 639px) {
  .tooltip-box {
    right: -5.25vw;
  }
}
@media screen and (min-width: 640px) {
  .tooltip-box {
    width: 25rem;
  }
}
@media screen and (min-width: 1200px) {
  .tooltip-box {
    width: 380px;
  }
}
.tooltip-box.is-hidden {
  display: none;
}
.tooltip-box:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 10px;
  /* [핵심] left 값을 CSS 변수로 지정 */
  left: var(--arrow-left, 50%);
  transform: translateX(-50%);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="10"><path d="M 0 10 L 10 0 L 20 10" fill="%23ffffff" stroke="%23E67E22" stroke-width="1.5"/></svg>');
  background-repeat: no-repeat;
}
.tooltip-box.tooltip-bottom::after {
  bottom: -10px; /* 박스의 상단 테두리와 겹치도록 위치 조정 */
  transform: translateX(-50%) rotate(180deg); /* SVG를 180도 회전시켜 뒤집음 */
}
.tooltip-box.tooltip-top::after {
  top: -10px; /* 박스의 하단 테두리와 겹치도록 위치 조정 */
}
.tooltip-box strong {
  display: block;
  color: #E13911;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 11px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tooltip-box strong {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .tooltip-box strong {
    font-size: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tooltip-box strong {
    margin-bottom: 0.6667rem;
  }
}
@media (max-width: 639px) {
  .tooltip-box strong {
    margin-bottom: 2.8vw;
  }
}
.tooltip-box p {
  color: #333333;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tooltip-box p {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .tooltip-box p {
    font-size: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tooltip-box p {
    letter-spacing: -0.01rem;
  }
}
@media (max-width: 639px) {
  .tooltip-box p {
    letter-spacing: -0.042vw;
  }
}
.tooltip-box .tooltip-close {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 16px;
  height: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tooltip-box .tooltip-close {
    top: 1.5rem;
  }
}
@media (max-width: 639px) {
  .tooltip-box .tooltip-close {
    top: 6.3vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tooltip-box .tooltip-close {
    right: 1.5rem;
  }
}
@media (max-width: 639px) {
  .tooltip-box .tooltip-close {
    right: 6.3vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tooltip-box .tooltip-close {
    width: 1rem;
  }
}
@media (max-width: 639px) {
  .tooltip-box .tooltip-close {
    width: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tooltip-box .tooltip-close {
    height: 1rem;
  }
}
@media (max-width: 639px) {
  .tooltip-box .tooltip-close {
    height: 4.2vw;
  }
}
.tooltip-box .tooltip-close .icon-svg {
  width: 100%;
  height: 100%;
}
.tooltip-box .tooltip-close .icon-svg svg {
  width: 11px;
  height: 11px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tooltip-box .tooltip-close .icon-svg svg {
    width: 0.6667rem;
  }
}
@media (max-width: 639px) {
  .tooltip-box .tooltip-close .icon-svg svg {
    width: 2.8vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tooltip-box .tooltip-close .icon-svg svg {
    height: 0.6667rem;
  }
}
@media (max-width: 639px) {
  .tooltip-box .tooltip-close .icon-svg svg {
    height: 2.8vw;
  }
}
.tooltip-box .link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 13px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tooltip-box .link {
    margin-top: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .tooltip-box .link {
    margin-top: 3.5vw;
  }
}
.tooltip-box .link span {
  color: #666666;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.48;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tooltip-box .link span {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .tooltip-box .link span {
    font-size: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tooltip-box .link span {
    letter-spacing: -0.48;
  }
}
@media (max-width: 639px) {
  .tooltip-box .link span {
    letter-spacing: -0.48;
  }
}
.tooltip-box .link .icon-svg {
  width: 16px;
  height: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tooltip-box .link .icon-svg {
    width: 1rem;
  }
}
@media (max-width: 639px) {
  .tooltip-box .link .icon-svg {
    width: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tooltip-box .link .icon-svg {
    height: 1rem;
  }
}
@media (max-width: 639px) {
  .tooltip-box .link .icon-svg {
    height: 4.2vw;
  }
}
.tooltip-box .link .icon-svg svg {
  transform: rotate(-90deg);
  width: 11px;
  height: 6px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tooltip-box .link .icon-svg svg {
    width: 0.6667rem;
  }
}
@media (max-width: 639px) {
  .tooltip-box .link .icon-svg svg {
    width: 2.8vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tooltip-box .link .icon-svg svg {
    height: 0.3958rem;
  }
}
@media (max-width: 639px) {
  .tooltip-box .link .icon-svg svg {
    height: 1.6625vw;
  }
}

.txt-count {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.txt-count strong, .txt-count span {
  width: auto;
  margin: 0;
  font-weight: 500;
  font-size: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .txt-count strong, .txt-count span {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .txt-count strong, .txt-count span {
    font-size: 4.2vw;
  }
}
.txt-count span {
  padding: 0px 4px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .txt-count span {
    padding: 0rem 0.25rem;
  }
}
@media (max-width: 639px) {
  .txt-count span {
    padding: 0vw 1.05vw;
  }
}
.txt-count .byte {
  color: #E13911;
}

.txt-row {
  position: relative;
  text-align: center;
  color: #222222;
  font-weight: 500;
  letter-spacing: -0.56px;
  font-size: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .txt-row {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .txt-row {
    font-size: 4.2vw;
  }
}
.txt-row.icon {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .txt-row.icon {
    margin-top: 1.25rem;
  }
}
@media (max-width: 639px) {
  .txt-row.icon {
    margin-top: 5.25vw;
  }
}
.txt-row.icon span {
  color: #666666;
  font-weight: 500;
  font-size: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .txt-row.icon span {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .txt-row.icon span {
    font-size: 4.2vw;
  }
}
.txt-row.icon .icon-svg {
  margin-right: 8px;
  width: 24px;
  height: 24px;
  color: #E13911;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .txt-row.icon .icon-svg {
    margin-right: 0.5rem;
  }
}
@media (max-width: 639px) {
  .txt-row.icon .icon-svg {
    margin-right: 2.1vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .txt-row.icon .icon-svg {
    width: 1.5rem;
  }
}
@media (max-width: 639px) {
  .txt-row.icon .icon-svg {
    width: 6.3vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .txt-row.icon .icon-svg {
    height: 1.5rem;
  }
}
@media (max-width: 639px) {
  .txt-row.icon .icon-svg {
    height: 6.3vw;
  }
}
.txt-row.icon .icon-svg svg {
  width: 19px;
  height: 13px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .txt-row.icon .icon-svg svg {
    width: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .txt-row.icon .icon-svg svg {
    width: 4.9vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .txt-row.icon .icon-svg svg {
    height: 0.7917rem;
  }
}
@media (max-width: 639px) {
  .txt-row.icon .icon-svg svg {
    height: 3.325vw;
  }
}

/* 모달팝업 */
.modal {
  position: fixed;
  bottom: -9999px;
  left: -9999px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: 999;
}
@media screen and (min-width: 1200px) {
  .modal {
    justify-content: center;
  }
}
.modal.open {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  opacity: 1;
}
.modal.open-out {
  opacity: 0;
}
.modal .modal-scroll {
  width: 100%;
  height: auto;
  padding: 0;
  overflow-y: overlay;
}
.modal .modal-scroll::-webkit-scrollbar {
  width: 10px;
  height: 20px;
}
.modal .modal-scroll::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 5px;
}
.modal .modal-scroll::-webkit-scrollbar-thumb:hover {
  background: #878787;
}
.modal .modal-scroll::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 5px;
}
.modal .modal-scroll .content-area {
  padding: 33px 27px 0px 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal .modal-scroll .content-area {
    padding: 2.0833rem 1.6667rem 0rem 1.6667rem;
  }
}
@media (max-width: 639px) {
  .modal .modal-scroll .content-area {
    padding: 8.75vw 7vw 0vw 7vw;
  }
}
.modal .modal-container {
  width: 94%;
  display: inline-block;
  background: #fff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08);
  text-align: left;
  overflow: hidden;
  border-radius: 12px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal .modal-container {
    border-radius: 0.75rem;
  }
}
@media (max-width: 639px) {
  .modal .modal-container {
    border-radius: 3.15vw;
  }
}
@media screen and (min-width: 1200px) {
  .modal .modal-container {
    width: 100%;
  }
}
.modal .modal-title-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  padding: 17px 17px 0px 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal .modal-title-box {
    padding: 1.0417rem 1.0417rem 0rem 1.6667rem;
  }
}
@media (max-width: 639px) {
  .modal .modal-title-box {
    padding: 4.375vw 4.375vw 0vw 7vw;
  }
}
.modal .modal-title-box .close-btn {
  width: 47px;
  height: 47px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal .modal-title-box .close-btn {
    width: 2.9167rem;
  }
}
@media (max-width: 639px) {
  .modal .modal-title-box .close-btn {
    width: 12.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal .modal-title-box .close-btn {
    height: 2.9167rem;
  }
}
@media (max-width: 639px) {
  .modal .modal-title-box .close-btn {
    height: 12.25vw;
  }
}
.modal .modal-title-box .close-btn .icon-svg {
  color: #000;
  padding-right: 1px;
  width: 33px;
  height: 33px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal .modal-title-box .close-btn .icon-svg {
    width: 2.0833rem;
  }
}
@media (max-width: 639px) {
  .modal .modal-title-box .close-btn .icon-svg {
    width: 8.75vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal .modal-title-box .close-btn .icon-svg {
    height: 2.0833rem;
  }
}
@media (max-width: 639px) {
  .modal .modal-title-box .close-btn .icon-svg {
    height: 8.75vw;
  }
}
.modal .modal-title-box .close-btn .icon-svg svg {
  width: 18px;
  height: 18px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal .modal-title-box .close-btn .icon-svg svg {
    width: 1.125rem;
  }
}
@media (max-width: 639px) {
  .modal .modal-title-box .close-btn .icon-svg svg {
    width: 4.725vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal .modal-title-box .close-btn .icon-svg svg {
    height: 1.125rem;
  }
}
@media (max-width: 639px) {
  .modal .modal-title-box .close-btn .icon-svg svg {
    height: 4.725vw;
  }
}
.modal .modal-title-box.center {
  justify-content: center;
}
.modal .modal-title-box.center .close-btn {
  position: absolute;
}
.modal .modal-title-box.left {
  justify-content: flex-start;
}
.modal .modal-title-box.between {
  justify-content: space-between;
}
.modal .modal-title-box h3 {
  color: #222222;
  font-weight: 700;
  font-size: 17px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal .modal-title-box h3 {
    font-size: 1.0833rem;
  }
}
@media (max-width: 639px) {
  .modal .modal-title-box h3 {
    font-size: 4.55vw;
  }
}
.modal .modal-title-box h3 span {
  color: #222222;
  font-weight: 700;
  font-size: 17px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .modal .modal-title-box h3 span {
    font-size: 1.0833rem;
  }
}
@media (max-width: 639px) {
  .modal .modal-title-box h3 span {
    font-size: 4.55vw;
  }
}
.modal .modal-title-box.none .close-btn {
  filter: brightness(1) invert(1);
}

/* 페이징 */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 43px auto 0px auto;
  gap: 30px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .pagination {
    margin: 2.6667rem auto 0rem auto;
  }
}
@media (max-width: 639px) {
  .pagination {
    margin: 11.2vw auto 0vw auto;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .pagination {
    gap: 1.875rem;
  }
}
@media (max-width: 639px) {
  .pagination {
    gap: 7.875vw;
  }
}
.pagination .page {
  cursor: pointer;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 62px;
  height: 40px;
  border-radius: 5px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .pagination .page {
    width: 3.875rem;
  }
}
@media (max-width: 639px) {
  .pagination .page {
    width: 16.275vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .pagination .page {
    height: 2.5rem;
  }
}
@media (max-width: 639px) {
  .pagination .page {
    height: 10.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .pagination .page {
    border-radius: 0.3333rem;
  }
}
@media (max-width: 639px) {
  .pagination .page {
    border-radius: 1.4vw;
  }
}
.pagination .page.prev[disabled], .pagination .page.next[disabled] {
  opacity: 0.4;
  cursor: default;
}
.pagination .page span {
  display: block;
  line-height: 2;
  font-weight: 500;
  color: #666666;
  font-size: 17px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .pagination .page span {
    font-size: 1.0833rem;
  }
}
@media (max-width: 639px) {
  .pagination .page span {
    font-size: 4.55vw;
  }
}
.pagination .page .icon-svg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 40px;
  color: #000;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .pagination .page .icon-svg {
    width: 1.25rem;
  }
}
@media (max-width: 639px) {
  .pagination .page .icon-svg {
    width: 5.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .pagination .page .icon-svg {
    height: 2.5rem;
  }
}
@media (max-width: 639px) {
  .pagination .page .icon-svg {
    height: 10.5vw;
  }
}
.pagination .page .icon-svg .icon-arrow-down {
  transform: rotate(90deg);
  width: 20px;
  height: auto;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .pagination .page .icon-svg .icon-arrow-down {
    width: 1.25rem;
  }
}
@media (max-width: 639px) {
  .pagination .page .icon-svg .icon-arrow-down {
    width: 5.25vw;
  }
}
.pagination .page.next i .icon-arrow-down {
  transform: rotate(270deg);
}
.pagination .page-list {
  display: flex;
  list-style: none;
  padding: 0;
  gap: 3px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .pagination .page-list {
    gap: 0.2083rem;
  }
}
@media (max-width: 639px) {
  .pagination .page-list {
    gap: 0.875vw;
  }
}
@media screen and (min-width: 1200px) {
  .pagination .page-list {
    gap: 4px;
  }
}
.pagination .page-list .page-item button {
  background: #fff;
  border: none;
  color: #666;
  font-weight: 500;
  font-size: 15px;
  width: 40px;
  height: 40px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.1s ease-in;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .pagination .page-list .page-item button {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .pagination .page-list .page-item button {
    font-size: 3.85vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .pagination .page-list .page-item button {
    width: 2.5rem;
  }
}
@media (max-width: 639px) {
  .pagination .page-list .page-item button {
    width: 10.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .pagination .page-list .page-item button {
    height: 2.5rem;
  }
}
@media (max-width: 639px) {
  .pagination .page-list .page-item button {
    height: 10.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .pagination .page-list .page-item button {
    border-radius: 0.375rem;
  }
}
@media (max-width: 639px) {
  .pagination .page-list .page-item button {
    border-radius: 1.575vw;
  }
}
.pagination .page-list .page-item.active button, .pagination .page-list .page-item:hover button {
  font-weight: 700;
  color: #fff;
  background: #1E335F;
}

.pb0 {
  padding-bottom: 0 !important;
}

.container {
  position: relative;
  width: 100%;
  padding: 67px 0 0 0;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container {
    padding: 4.1667rem 0 0 0;
  }
}
@media (max-width: 639px) {
  .container {
    padding: 17.5vw 0 0 0;
  }
}
.container:has(.exchange-login) {
  padding-bottom: 107px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container:has(.exchange-login) {
    padding-bottom: 6.6667rem;
  }
}
@media (max-width: 639px) {
  .container:has(.exchange-login) {
    padding-bottom: 28vw;
  }
}
@media screen and (min-width: 1200px) {
  .container {
    padding-top: 170px;
  }
  .container:has(.exchange-login) {
    padding-bottom: 160px;
  }
}
.container section > .inner {
  width: 87.5%;
  max-width: 100%;
  margin: auto;
}
@media screen and (min-width: 1200px) {
  .container section > .inner {
    width: 100%;
    max-width: 1200px;
  }
}
.container section > .inner.full {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .container section > .inner.full {
    max-width: 100%;
  }
}
.container.bg-page-top {
  background: url("../images/common/bg-page-top@m.png") no-repeat center 30px;
  background-size: 150%;
}
@media screen and (min-width: 640px) {
  .container.bg-page-top {
    background-size: contain;
  }
}
@media screen and (min-width: 1200px) {
  .container.bg-page-top {
    background: url("../images/common/bg-page-top.png") no-repeat center 90px;
    background-size: unset;
  }
}

body.topbanner-active .container {
  padding-top: 0;
}

/*콘텐츠 타이틀*/
.title-row-content {
  padding: 33px 0px 20px 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .title-row-content {
    padding: 2.0833rem 0rem 1.25rem 0rem;
  }
}
@media (max-width: 639px) {
  .title-row-content {
    padding: 8.75vw 0vw 5.25vw 0vw;
  }
}
@media screen and (min-width: 1200px) {
  .title-row-content {
    padding: 60px 0px 40px 0px;
  }
}
.title-row-content.first {
  padding-top: 0;
}
.title-row-content.center h4 {
  text-align: center;
}
.title-row-content h4 {
  font-size: 24px;
  font-weight: 700;
  color: #222222;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .title-row-content h4 {
    font-size: 1.5rem;
  }
}
@media (max-width: 639px) {
  .title-row-content h4 {
    font-size: 6.3vw;
  }
}
@media screen and (min-width: 1200px) {
  .title-row-content h4 {
    font-size: 28px;
  }
}
.title-row-content h4 strong {
  color: #E13911;
}
.title-row-content p {
  color: #222222;
  font-weight: 400;
  margin-top: 7px;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .title-row-content p {
    margin-top: 0.4167rem;
  }
}
@media (max-width: 639px) {
  .title-row-content p {
    margin-top: 1.75vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .title-row-content p {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .title-row-content p {
    font-size: 3.85vw;
  }
}
.title-row-content p.left {
  text-align: left;
}
.title-row-content.small {
  padding: 21px 0px 4px 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .title-row-content.small {
    padding: 1.3333rem 0rem 0.25rem 0rem;
  }
}
@media (max-width: 639px) {
  .title-row-content.small {
    padding: 5.6vw 0vw 1.05vw 0vw;
  }
}
.title-row-content.small h4 {
  font-size: 16px;
  font-weight: 700;
  color: #222222;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .title-row-content.small h4 {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .title-row-content.small h4 {
    font-size: 4.2vw;
  }
}
@media screen and (min-width: 1200px) {
  .title-row-content.small h4 {
    font-size: 18px;
  }
}
.title-row-content.icon {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 1200px) {
  .title-row-content.icon {
    padding-bottom: 12px;
  }
}
.title-row-content.icon h4 {
  font-weight: 600;
  color: #222222;
  font-size: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .title-row-content.icon h4 {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .title-row-content.icon h4 {
    font-size: 4.2vw;
  }
}
@media screen and (min-width: 640px) {
  .title-row-content.icon h4 {
    font-size: 18px;
  }
}
.title-row-content.icon a {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.title-row-content.icon a .icon-svg {
  --pen-check-path1-fill-color:#4BC8C4;
  --pen-check-path2-stroke-color:#4BC8C4;
  width: 19px;
  height: 19px;
  margin-right: 5px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .title-row-content.icon a .icon-svg {
    width: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .title-row-content.icon a .icon-svg {
    width: 4.9vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .title-row-content.icon a .icon-svg {
    height: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .title-row-content.icon a .icon-svg {
    height: 4.9vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .title-row-content.icon a .icon-svg {
    margin-right: 0.3333rem;
  }
}
@media (max-width: 639px) {
  .title-row-content.icon a .icon-svg {
    margin-right: 1.4vw;
  }
}
.title-row-content.icon a span {
  font-weight: 500;
  color: #222222;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .title-row-content.icon a span {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .title-row-content.icon a span {
    font-size: 3.85vw;
  }
}
@media screen and (min-width: 640px) {
  .title-row-content.icon a span {
    font-size: 14px;
  }
}

/*페이지 타이틀 기본*/
.page-title {
  padding: 53px 0px;
  /*서브카피가 들어가 있는 경우*/
}
@media (min-width: 640px) and (max-width: 1199px) {
  .page-title {
    padding: 3.3333rem 0rem;
  }
}
@media (max-width: 639px) {
  .page-title {
    padding: 14vw 0vw;
  }
}
@media screen and (min-width: 1200px) {
  .page-title {
    padding: 116px 0 80px 0;
  }
}
.page-title h2 {
  text-align: left;
  color: #222222;
}
.page-title .txt-row {
  max-width: 100%;
  text-align: left;
  color: #666666;
  font-weight: 500;
  margin: auto;
  word-break: keep-all;
  margin-top: 16px;
  letter-spacing: 0px;
  font-size: 19px;
  display: block;
  overflow: hidden;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .page-title .txt-row {
    margin-top: 1rem;
  }
}
@media (max-width: 639px) {
  .page-title .txt-row {
    margin-top: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .page-title .txt-row {
    letter-spacing: -0.0117rem;
  }
}
@media (max-width: 639px) {
  .page-title .txt-row {
    letter-spacing: -0.049vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .page-title .txt-row {
    font-size: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .page-title .txt-row {
    font-size: 4.9vw;
  }
}
.page-title .txt-row::before {
  content: "";
  display: block;
  margin-top: -0.14em;
}
.page-title .txt-row::after {
  content: "";
  display: block;
  margin-bottom: -0.2em;
}
@media screen and (min-width: 1200px) {
  .page-title .txt-row {
    font-size: 20px;
    letter-spacing: -0.2px;
  }
  .page-title .txt-row::before {
    margin-top: -0.18em;
  }
  .page-title .txt-row::after {
    margin-bottom: -0.2em;
  }
}
.page-title .txt-row.point {
  font-weight: 600;
  color: #E13911;
}
@media screen and (min-width: 1200px) {
  .page-title .txt-row.point {
    margin-top: 30px;
  }
}
.page-title .box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.page-title .box .icon-svg svg {
  --i-path1-fill-color:#666666;
}
.page-title.center {
  text-align: center;
}
.page-title.center h2 {
  text-align: center;
}
.page-title.center .txt-row {
  text-align: center;
  margin: auto;
}

.inner-title {
  color: #222222;
  font-weight: 700;
  font-size: 21px;
  margin-bottom: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .inner-title {
    font-size: 1.2917rem;
  }
}
@media (max-width: 639px) {
  .inner-title {
    font-size: 5.425vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .inner-title {
    margin-bottom: 1rem;
  }
}
@media (max-width: 639px) {
  .inner-title {
    margin-bottom: 4.2vw;
  }
}
.inner-title.icon {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.inner-title.icon span {
  color: #222222;
  font-weight: 700;
  font-size: 21px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .inner-title.icon span {
    font-size: 1.2917rem;
  }
}
@media (max-width: 639px) {
  .inner-title.icon span {
    font-size: 5.425vw;
  }
}
.inner-title.icon .icon-svg {
  width: 24px;
  height: 24px;
  margin-right: 4px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .inner-title.icon .icon-svg {
    width: 1.5rem;
  }
}
@media (max-width: 639px) {
  .inner-title.icon .icon-svg {
    width: 6.3vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .inner-title.icon .icon-svg {
    height: 1.5rem;
  }
}
@media (max-width: 639px) {
  .inner-title.icon .icon-svg {
    height: 6.3vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .inner-title.icon .icon-svg {
    margin-right: 0.25rem;
  }
}
@media (max-width: 639px) {
  .inner-title.icon .icon-svg {
    margin-right: 1.05vw;
  }
}
.inner-title.icon .icon-svg svg {
  width: 18px;
  height: 18px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .inner-title.icon .icon-svg svg {
    width: 1.1042rem;
  }
}
@media (max-width: 639px) {
  .inner-title.icon .icon-svg svg {
    width: 4.6375vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .inner-title.icon .icon-svg svg {
    height: 1.125rem;
  }
}
@media (max-width: 639px) {
  .inner-title.icon .icon-svg svg {
    height: 4.725vw;
  }
}
@media screen and (min-width: 1200px) {
  .inner-title {
    padding-top: 4px;
  }
}

.step-row {
  width: 100%;
}
.step-row .step-inner {
  display: grid;
  margin: auto;
  /*li{
      position: relative;
      height: 100%;
      background: $Gray4;
      overflow: hidden;
      @include responsive(width, 179px);
      @include responsive(border-radius, 16px);
      &:before{
          content:"";
          position: absolute;
          width: 0;
          height: 100%;
          left: 0;
          top: 0;
          background: $primary;
          transform: translateZ(0px);
          transition: width 0.25s linear;
          will-change: width;
      }
      &.active{
          &:before{
              width: 100%;
          }
      }
  }*/
}
.step-row .step-inner .item {
  width: 100%;
  height: 100%;
  margin: auto;
}
.step-row .step-inner .item ul {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: wrap;
}
.step-row .step-inner .item ul li.num {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 27px;
  height: 27px;
  border-radius: 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .step-row .step-inner .item ul li.num {
    width: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .step-row .step-inner .item ul li.num {
    width: 7vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .step-row .step-inner .item ul li.num {
    height: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .step-row .step-inner .item ul li.num {
    height: 7vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .step-row .step-inner .item ul li.num {
    border-radius: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .step-row .step-inner .item ul li.num {
    border-radius: 7vw;
  }
}
@media screen and (min-width: 1200px) {
  .step-row .step-inner .item ul li.num {
    width: 24px;
    height: 24px;
    border-radius: 24px;
  }
}
.step-row .step-inner .item ul li.num span {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 15px;
  font-weight: 700;
  transition: all 0.25s linear;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .step-row .step-inner .item ul li.num span {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .step-row .step-inner .item ul li.num span {
    font-size: 3.85vw;
  }
}
@media screen and (min-width: 1200px) {
  .step-row .step-inner .item ul li.num span {
    font-size: 14px;
  }
}
.step-row .step-inner.mix {
  width: 373px;
  grid-template-columns: repeat(4, 1fr);
  gap: 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .step-row .step-inner.mix {
    width: 23.3333rem;
  }
}
@media (max-width: 639px) {
  .step-row .step-inner.mix {
    width: 98vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .step-row .step-inner.mix {
    gap: 0rem;
  }
}
@media (max-width: 639px) {
  .step-row .step-inner.mix {
    gap: 0vw;
  }
}
@media screen and (min-width: 1200px) {
  .step-row .step-inner.mix {
    width: 1000px;
  }
}
.step-row .step-inner.mix .item ul {
  position: relative;
}
.step-row .step-inner.mix .item ul li {
  position: relative;
  z-index: 2;
}
.step-row .step-inner.mix .item ul li.num {
  background: #dddddd;
}
.step-row .step-inner.mix .item ul li.num span {
  color: #fff;
}
.step-row .step-inner.mix .item ul li.num:before {
  content: "";
  position: absolute;
  border-radius: 16px;
  width: 16px;
  height: 16px;
  border-style: solid;
  border-color: #dddddd;
  border-width: 5px;
  left: 0;
  top: 0;
  background: #dddddd;
  transform: translateZ(0px);
  transition: all 0.25s linear;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .step-row .step-inner.mix .item ul li.num:before {
    border-radius: 1rem;
  }
}
@media (max-width: 639px) {
  .step-row .step-inner.mix .item ul li.num:before {
    border-radius: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .step-row .step-inner.mix .item ul li.num:before {
    width: 1rem;
  }
}
@media (max-width: 639px) {
  .step-row .step-inner.mix .item ul li.num:before {
    width: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .step-row .step-inner.mix .item ul li.num:before {
    height: 1rem;
  }
}
@media (max-width: 639px) {
  .step-row .step-inner.mix .item ul li.num:before {
    height: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .step-row .step-inner.mix .item ul li.num:before {
    border-width: 0.3333rem;
  }
}
@media (max-width: 639px) {
  .step-row .step-inner.mix .item ul li.num:before {
    border-width: 1.4vw;
  }
}
@media screen and (min-width: 1200px) {
  .step-row .step-inner.mix .item ul li.num:before {
    width: 14px;
    height: 14px;
    border-radius: 14px;
    border-width: 5px;
  }
}
.step-row .step-inner.mix .item ul li.num.on {
  background-color: #1E335F;
}
.step-row .step-inner.mix .item ul li.num.on:before {
  background-color: #fff;
  border-color: #1E335F;
}
.step-row .step-inner.mix .item ul li.num.on span {
  color: transparent;
}
.step-row .step-inner.mix .item ul li.num.on + li {
  color: #1E335F;
}
.step-row .step-inner.mix .item ul li.num.active {
  background-color: #1E335F;
}
.step-row .step-inner.mix .item ul li.num.active:before {
  background-color: #1E335F;
  border-color: #1E335F;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='36' height='24' viewBox='0 0 36 24' fill='none'%3e%3cpath d='M4 12L13.3385 20L32 4' stroke='white' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  background-size: 12px 8px;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .step-row .step-inner.mix .item ul li.num.active:before {
    background-size: 0.75rem 0.5rem;
  }
}
@media (max-width: 639px) {
  .step-row .step-inner.mix .item ul li.num.active:before {
    background-size: 3.15vw 2.1vw;
  }
}
@media screen and (min-width: 1200px) {
  .step-row .step-inner.mix .item ul li.num.active:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3e%3cpath d='M1.7998 4.0001L4.60137 6.4001L10.1998 1.6001' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3e%3C/svg%3E");
    background-size: 12px 8px;
  }
}
.step-row .step-inner.mix .item ul li.num.active span {
  color: transparent;
}
.step-row .step-inner.mix .item ul li.txt {
  width: 100%;
  text-align: center;
  color: #666666;
  font-weight: 500;
  letter-spacing: -1.44px;
  padding-top: 13px;
  font-size: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .step-row .step-inner.mix .item ul li.txt {
    padding-top: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .step-row .step-inner.mix .item ul li.txt {
    padding-top: 3.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .step-row .step-inner.mix .item ul li.txt {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .step-row .step-inner.mix .item ul li.txt {
    font-size: 4.2vw;
  }
}
@media screen and (min-width: 1200px) {
  .step-row .step-inner.mix .item ul li.txt {
    font-size: 16px;
    padding-top: 16px;
  }
}
.step-row .step-inner.mix .item ul:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #dddddd;
  left: 50%;
  top: 13px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .step-row .step-inner.mix .item ul:after {
    top: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .step-row .step-inner.mix .item ul:after {
    top: 3.5vw;
  }
}
@media screen and (min-width: 1200px) {
  .step-row .step-inner.mix .item ul:after {
    top: 11px;
  }
}
.step-row .step-inner.mix .item ul.active:after {
  background: #1E335F;
}
.step-row .step-inner.mix .item:last-child ul:after {
  display: none;
}
.step-row .step-inner.number5 {
  width: 211px;
  grid-template-columns: repeat(5, 1fr);
  gap: 19px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .step-row .step-inner.number5 {
    width: 13.1667rem;
  }
}
@media (max-width: 639px) {
  .step-row .step-inner.number5 {
    width: 55.3vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .step-row .step-inner.number5 {
    gap: 1.2083rem;
  }
}
@media (max-width: 639px) {
  .step-row .step-inner.number5 {
    gap: 5.075vw;
  }
}
.step-row .step-inner.number5 ul {
  position: relative;
}
.step-row .step-inner.number5 ul:before {
  content: "";
  position: absolute;
  background: #dddddd;
  left: 34px;
  border-radius: 3px;
  height: 3px;
  width: 3px;
  top: 12px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .step-row .step-inner.number5 ul:before {
    left: 2.1458rem;
  }
}
@media (max-width: 639px) {
  .step-row .step-inner.number5 ul:before {
    left: 9.0125vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .step-row .step-inner.number5 ul:before {
    border-radius: 0.2083rem;
  }
}
@media (max-width: 639px) {
  .step-row .step-inner.number5 ul:before {
    border-radius: 0.875vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .step-row .step-inner.number5 ul:before {
    height: 0.2083rem;
  }
}
@media (max-width: 639px) {
  .step-row .step-inner.number5 ul:before {
    height: 0.875vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .step-row .step-inner.number5 ul:before {
    width: 0.2083rem;
  }
}
@media (max-width: 639px) {
  .step-row .step-inner.number5 ul:before {
    width: 0.875vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .step-row .step-inner.number5 ul:before {
    top: 0.7292rem;
  }
}
@media (max-width: 639px) {
  .step-row .step-inner.number5 ul:before {
    top: 3.0625vw;
  }
}
.step-row .step-inner.number5 ul li.num span {
  color: #aaaaaa;
  line-height: 1;
}
.step-row .step-inner.number5 ul li.num:before {
  content: "";
  position: absolute;
  border-radius: 16px;
  width: 16px;
  height: 16px;
  border-style: solid;
  border-color: #fff;
  border-width: 5px;
  left: 0;
  top: 0;
  background: #fff;
  transform: translateZ(0px);
  transition: all 0.25s linear;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .step-row .step-inner.number5 ul li.num:before {
    border-radius: 1rem;
  }
}
@media (max-width: 639px) {
  .step-row .step-inner.number5 ul li.num:before {
    border-radius: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .step-row .step-inner.number5 ul li.num:before {
    width: 1rem;
  }
}
@media (max-width: 639px) {
  .step-row .step-inner.number5 ul li.num:before {
    width: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .step-row .step-inner.number5 ul li.num:before {
    height: 1rem;
  }
}
@media (max-width: 639px) {
  .step-row .step-inner.number5 ul li.num:before {
    height: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .step-row .step-inner.number5 ul li.num:before {
    border-width: 0.3333rem;
  }
}
@media (max-width: 639px) {
  .step-row .step-inner.number5 ul li.num:before {
    border-width: 1.4vw;
  }
}
.step-row .step-inner.number5 ul li.num.active, .step-row .step-inner.number5 ul li.num.on {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.step-row .step-inner.number5 ul li.num.active:before, .step-row .step-inner.number5 ul li.num.on:before {
  background: #E13911;
  border-color: #E13911;
}
.step-row .step-inner.number5 ul li.num.active span, .step-row .step-inner.number5 ul li.num.on span {
  color: #ffffff;
}

.sub-title {
  color: #222222;
  font-weight: 700;
  font-size: 24px;
  padding-bottom: 40px;
  letter-spacing: 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .sub-title {
    font-size: 1.5rem;
  }
}
@media (max-width: 639px) {
  .sub-title {
    font-size: 6.3vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .sub-title {
    padding-bottom: 2.5rem;
  }
}
@media (max-width: 639px) {
  .sub-title {
    padding-bottom: 10.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .sub-title {
    letter-spacing: -0.015rem;
  }
}
@media (max-width: 639px) {
  .sub-title {
    letter-spacing: -0.063vw;
  }
}
@media screen and (min-width: 1200px) {
  .sub-title {
    font-size: 32px;
    letter-spacing: -0.32px;
  }
}
.sub-title span {
  font-weight: 700;
  font-size: 21px;
  letter-spacing: 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .sub-title span {
    font-size: 1.3333rem;
  }
}
@media (max-width: 639px) {
  .sub-title span {
    font-size: 5.6vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .sub-title span {
    letter-spacing: -0.015rem;
  }
}
@media (max-width: 639px) {
  .sub-title span {
    letter-spacing: -0.063vw;
  }
}
@media screen and (min-width: 1200px) {
  .sub-title span {
    font-size: 32px;
    letter-spacing: -0.32px;
  }
}
.sub-title.boder-line {
  border-bottom: 2px solid #000;
}
.sub-title.title-row2 span {
  display: block;
  color: #1E335F;
  font-weight: 700;
  font-size: 16px;
  display: block;
  overflow: hidden;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .sub-title.title-row2 span {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .sub-title.title-row2 span {
    font-size: 4.2vw;
  }
}
.sub-title.title-row2 span::before {
  content: "";
  display: block;
  margin-top: 0em;
}
.sub-title.title-row2 span::after {
  content: "";
  display: block;
  margin-bottom: -0.15em;
}
.sub-title.title-row2 strong {
  display: block;
  color: #222222;
  font-weight: 700;
  margin-top: 11px;
  font-size: 21px;
  display: block;
  overflow: hidden;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .sub-title.title-row2 strong {
    margin-top: 0.6667rem;
  }
}
@media (max-width: 639px) {
  .sub-title.title-row2 strong {
    margin-top: 2.8vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .sub-title.title-row2 strong {
    font-size: 1.3333rem;
  }
}
@media (max-width: 639px) {
  .sub-title.title-row2 strong {
    font-size: 5.6vw;
  }
}
.sub-title.title-row2 strong::before {
  content: "";
  display: block;
  margin-top: -0.08em;
}
.sub-title.title-row2 strong::after {
  content: "";
  display: block;
  margin-bottom: -0.08em;
}

/*
    <h3 class="sub-title title-row2">
        <span>보상 절차 안내</span>
        <strong>분실·도난 사고가 발생하셨나요?</strong>
    </h3>
*/
.list-row .secret, .list-row .check-reply, .view-row .secret, .view-row .check-reply {
  min-width: unset;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border-width: 1px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .secret, .list-row .check-reply, .view-row .secret, .view-row .check-reply {
    height: 1.75rem;
  }
}
@media (max-width: 639px) {
  .list-row .secret, .list-row .check-reply, .view-row .secret, .view-row .check-reply {
    height: 7.35vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .secret, .list-row .check-reply, .view-row .secret, .view-row .check-reply {
    gap: 0.25rem;
  }
}
@media (max-width: 639px) {
  .list-row .secret, .list-row .check-reply, .view-row .secret, .view-row .check-reply {
    gap: 1.05vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .secret, .list-row .check-reply, .view-row .secret, .view-row .check-reply {
    border-radius: 0.25rem;
  }
}
@media (max-width: 639px) {
  .list-row .secret, .list-row .check-reply, .view-row .secret, .view-row .check-reply {
    border-radius: 1.05vw;
  }
}
.list-row .secret span, .list-row .check-reply span, .view-row .secret span, .view-row .check-reply span {
  line-height: 1;
  display: block;
  font-weight: 500;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .secret span, .list-row .check-reply span, .view-row .secret span, .view-row .check-reply span {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .list-row .secret span, .list-row .check-reply span, .view-row .secret span, .view-row .check-reply span {
    font-size: 3.85vw;
  }
}
.list-row .secret .icon-svg, .list-row .check-reply .icon-svg, .view-row .secret .icon-svg, .view-row .check-reply .icon-svg {
  width: 16px;
  height: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .secret .icon-svg, .list-row .check-reply .icon-svg, .view-row .secret .icon-svg, .view-row .check-reply .icon-svg {
    width: 1rem;
  }
}
@media (max-width: 639px) {
  .list-row .secret .icon-svg, .list-row .check-reply .icon-svg, .view-row .secret .icon-svg, .view-row .check-reply .icon-svg {
    width: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .secret .icon-svg, .list-row .check-reply .icon-svg, .view-row .secret .icon-svg, .view-row .check-reply .icon-svg {
    height: 1rem;
  }
}
@media (max-width: 639px) {
  .list-row .secret .icon-svg, .list-row .check-reply .icon-svg, .view-row .secret .icon-svg, .view-row .check-reply .icon-svg {
    height: 4.2vw;
  }
}
.list-row .secret .icon-svg svg, .list-row .check-reply .icon-svg svg, .view-row .secret .icon-svg svg, .view-row .check-reply .icon-svg svg {
  width: 100%;
  height: 100%;
}
.list-row .secret, .view-row .secret {
  width: 74px;
  margin-right: 8px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .secret, .view-row .secret {
    width: 4.625rem;
  }
}
@media (max-width: 639px) {
  .list-row .secret, .view-row .secret {
    width: 19.425vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .secret, .view-row .secret {
    margin-right: 0.5rem;
  }
}
@media (max-width: 639px) {
  .list-row .secret, .view-row .secret {
    margin-right: 2.1vw;
  }
}
.list-row .secret .icon-svg, .view-row .secret .icon-svg {
  color: #666666;
}
.list-row .check-reply, .view-row .check-reply {
  width: 87px;
  margin-left: 13px;
  border-color: #16A34A;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .check-reply, .view-row .check-reply {
    width: 5.4167rem;
  }
}
@media (max-width: 639px) {
  .list-row .check-reply, .view-row .check-reply {
    width: 22.75vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .check-reply, .view-row .check-reply {
    margin-left: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .list-row .check-reply, .view-row .check-reply {
    margin-left: 3.5vw;
  }
}
.list-row .check-reply span, .view-row .check-reply span {
  color: #16A34A;
}
.list-row .check-reply .icon-svg, .view-row .check-reply .icon-svg {
  color: #16A34A;
}
.list-row .info-row, .view-row .info-row {
  width: calc(100% - 31.5vw);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: wrap;
}
@media screen and (min-width: 1200px) {
  .list-row .info-row, .view-row .info-row {
    width: 20%;
    justify-content: flex-end;
  }
}
.list-row .info-row .label, .view-row .info-row .label {
  font-weight: 500;
  color: #aaaaaa;
  font-size: 16px;
  width: 49px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .info-row .label, .view-row .info-row .label {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .list-row .info-row .label, .view-row .info-row .label {
    font-size: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .info-row .label, .view-row .info-row .label {
    width: 3.0833rem;
  }
}
@media (max-width: 639px) {
  .list-row .info-row .label, .view-row .info-row .label {
    width: 12.95vw;
  }
}
.list-row .info-row .value, .view-row .info-row .value {
  width: calc(100% - 12.95vw);
  font-weight: 500;
  color: #333333;
  font-size: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .info-row .value, .view-row .info-row .value {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .list-row .info-row .value, .view-row .info-row .value {
    font-size: 4.2vw;
  }
}
@media screen and (min-width: 1200px) {
  .list-row .info-row .value, .view-row .info-row .value {
    width: auto;
  }
}

.list-row {
  padding-bottom: 107px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row {
    padding-bottom: 6.6667rem;
  }
}
@media (max-width: 639px) {
  .list-row {
    padding-bottom: 28vw;
  }
}
.list-row .list-option-row {
  border-bottom: 1px solid #dddddd;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 40px 0px 21px 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list-option-row {
    padding: 2.5rem 0rem 1.3333rem 0rem;
  }
}
@media (max-width: 639px) {
  .list-row .list-option-row {
    padding: 10.5vw 0vw 5.6vw 0vw;
  }
}
.list-row .list-option-row .total-count {
  font-weight: 700;
  color: #222222;
  font-size: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list-option-row .total-count {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .list-row .list-option-row .total-count {
    font-size: 4.2vw;
  }
}
.list-row .list-option-row .total-count strong {
  color: #E13911;
}
.list-row .list-option-row .sort {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
}
.list-row .list-option-row .sort > label {
  font-weight: 700;
  color: #222222;
  margin-bottom: 0;
  font-size: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list-option-row .sort > label {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .list-row .list-option-row .sort > label {
    font-size: 4.2vw;
  }
}
.list-row .list-option-row .sort .dropdown-box {
  min-width: 120px;
  margin-left: 13px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list-option-row .sort .dropdown-box {
    min-width: 7.5rem;
  }
}
@media (max-width: 639px) {
  .list-row .list-option-row .sort .dropdown-box {
    min-width: 31.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list-option-row .sort .dropdown-box {
    margin-left: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .list-row .list-option-row .sort .dropdown-box {
    margin-left: 3.5vw;
  }
}
.list-row .list-option-row .sort .dropdown-box button {
  height: 48px;
  padding: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list-option-row .sort .dropdown-box button {
    height: 3rem;
  }
}
@media (max-width: 639px) {
  .list-row .list-option-row .sort .dropdown-box button {
    height: 12.6vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list-option-row .sort .dropdown-box button {
    padding: 1rem;
  }
}
@media (max-width: 639px) {
  .list-row .list-option-row .sort .dropdown-box button {
    padding: 4.2vw;
  }
}
.list-row .list-option-row .sort .dropdown-box button:after {
  right: 0;
}
@media screen and (min-width: 1200px) {
  .list-row .list-option-row .sort .dropdown-box button:after {
    height: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .list-row .list-option-row .sort .dropdown-box button {
    height: 40px;
    padding: 10px 16px;
  }
}
.list-row .list-option-row .sort .dropdown-box .dropdown-list {
  top: 51px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list-option-row .sort .dropdown-box .dropdown-list {
    top: 3.2083rem;
  }
}
@media (max-width: 639px) {
  .list-row .list-option-row .sort .dropdown-box .dropdown-list {
    top: 13.475vw;
  }
}
.list-row .list .no-data {
  background: #f5f5f5;
  padding: 40px;
  margin: 21px 0px;
  border-radius: 12px;
  text-align: center;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list .no-data {
    padding: 2.5rem;
  }
}
@media (max-width: 639px) {
  .list-row .list .no-data {
    padding: 10.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list .no-data {
    margin: 1.2917rem 0rem;
  }
}
@media (max-width: 639px) {
  .list-row .list .no-data {
    margin: 5.425vw 0vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list .no-data {
    border-radius: 0.75rem;
  }
}
@media (max-width: 639px) {
  .list-row .list .no-data {
    border-radius: 3.15vw;
  }
}
.list-row .list .no-data strong {
  font-weight: 700;
  color: #222222;
  font-size: 19px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list .no-data strong {
    font-size: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .list-row .list .no-data strong {
    font-size: 4.9vw;
  }
}
.list-row .list .no-data p {
  font-weight: 500;
  color: #222222;
  font-size: 16px;
  margin: 13px auto 24px auto;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list .no-data p {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .list-row .list .no-data p {
    font-size: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list .no-data p {
    margin: 0.8333rem auto 1.5rem auto;
  }
}
@media (max-width: 639px) {
  .list-row .list .no-data p {
    margin: 3.5vw auto 6.3vw auto;
  }
}
.list-row .list .no-data .btn {
  min-width: unset;
  min-width: 129px;
  height: 40px;
  padding: 0px 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list .no-data .btn {
    min-width: 8.0833rem;
  }
}
@media (max-width: 639px) {
  .list-row .list .no-data .btn {
    min-width: 33.95vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list .no-data .btn {
    height: 2.5rem;
  }
}
@media (max-width: 639px) {
  .list-row .list .no-data .btn {
    height: 10.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list .no-data .btn {
    padding: 0rem 1rem;
  }
}
@media (max-width: 639px) {
  .list-row .list .no-data .btn {
    padding: 0vw 4.2vw;
  }
}
.list-row .list .no-data .btn span {
  line-height: 1;
  font-weight: 600;
  color: #fff;
  font-size: 14px;
  margin-top: 1px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list .no-data .btn span {
    font-size: 0.875rem;
  }
}
@media (max-width: 639px) {
  .list-row .list .no-data .btn span {
    font-size: 3.675vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list .no-data .btn span {
    margin-top: 0.0625rem;
  }
}
@media (max-width: 639px) {
  .list-row .list .no-data .btn span {
    margin-top: 0.2625vw;
  }
}
.list-row .list .no-data .btn .icon-svg {
  margin-left: 4px;
  width: 18px;
  height: 18px;
  color: #fff;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list .no-data .btn .icon-svg {
    margin-left: 0.25rem;
  }
}
@media (max-width: 639px) {
  .list-row .list .no-data .btn .icon-svg {
    margin-left: 1.05vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list .no-data .btn .icon-svg {
    width: 1.125rem;
  }
}
@media (max-width: 639px) {
  .list-row .list .no-data .btn .icon-svg {
    width: 4.725vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list .no-data .btn .icon-svg {
    height: 1.125rem;
  }
}
@media (max-width: 639px) {
  .list-row .list .no-data .btn .icon-svg {
    height: 4.725vw;
  }
}
.list-row .list .no-data .btn .icon-svg svg {
  transform: rotate(-90deg);
  width: 12px;
  height: 7px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list .no-data .btn .icon-svg svg {
    width: 0.75rem;
  }
}
@media (max-width: 639px) {
  .list-row .list .no-data .btn .icon-svg svg {
    width: 3.15vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list .no-data .btn .icon-svg svg {
    height: 0.4583rem;
  }
}
@media (max-width: 639px) {
  .list-row .list .no-data .btn .icon-svg svg {
    height: 1.925vw;
  }
}
.list-row .list .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: wrap;
  padding: 27px;
  border-bottom: 3px double #dddddd;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list .item {
    padding: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .list-row .list .item {
    padding: 7vw;
  }
}
.list-row .list .item.received {
  background: #FAFBFF;
  padding-left: 75px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list .item.received {
    padding-left: 4.6667rem;
  }
}
@media (max-width: 639px) {
  .list-row .list .item.received {
    padding-left: 19.6vw;
  }
}
@media screen and (min-width: 1200px) {
  .list-row .list .item.received {
    padding-left: 100px;
  }
}
.list-row .list .item .tag-row {
  width: 100%;
  margin-bottom: 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list .item .tag-row {
    margin-bottom: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .list-row .list .item .tag-row {
    margin-bottom: 7vw;
  }
}
.list-row .list .item .link-row {
  width: 100%;
  margin-bottom: 53px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: wrap;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list .item .link-row {
    margin-bottom: 3.3333rem;
  }
}
@media (max-width: 639px) {
  .list-row .list .item .link-row {
    margin-bottom: 14vw;
  }
}
@media screen and (min-width: 1200px) {
  .list-row .list .item .link-row {
    width: 80%;
    margin-bottom: 0;
  }
}
.list-row .list .item .link-row .subject {
  width: 100%;
  display: -webkit-box;
  overflow: hidden;
  vertical-align: top;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  color: #222222;
  font-weight: 700;
  font-size: 19px;
  margin-bottom: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list .item .link-row .subject {
    font-size: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .list-row .list .item .link-row .subject {
    font-size: 4.9vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list .item .link-row .subject {
    margin-bottom: 1rem;
  }
}
@media (max-width: 639px) {
  .list-row .list .item .link-row .subject {
    margin-bottom: 4.2vw;
  }
}
@media screen and (min-width: 1200px) {
  .list-row .list .item .link-row .subject {
    width: auto;
    margin-bottom: 0;
    margin-right: 16px;
  }
}
.list-row .list .item > button, .list-row .list .item > a {
  min-width: unset;
  width: 120px;
  height: 40px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list .item > button, .list-row .list .item > a {
    width: 7.5rem;
  }
}
@media (max-width: 639px) {
  .list-row .list .item > button, .list-row .list .item > a {
    width: 31.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list .item > button, .list-row .list .item > a {
    height: 2.5rem;
  }
}
@media (max-width: 639px) {
  .list-row .list .item > button, .list-row .list .item > a {
    height: 10.5vw;
  }
}
.list-row .list .item > button span, .list-row .list .item > a span {
  font-weight: 600;
  color: #fff;
  font-size: 14px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list .item > button span, .list-row .list .item > a span {
    font-size: 0.875rem;
  }
}
@media (max-width: 639px) {
  .list-row .list .item > button span, .list-row .list .item > a span {
    font-size: 3.675vw;
  }
}
.list-row .list .item > button .icon-svg, .list-row .list .item > a .icon-svg {
  margin-left: 4px;
  width: 18px;
  height: 18px;
  color: #fff;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list .item > button .icon-svg, .list-row .list .item > a .icon-svg {
    margin-left: 0.25rem;
  }
}
@media (max-width: 639px) {
  .list-row .list .item > button .icon-svg, .list-row .list .item > a .icon-svg {
    margin-left: 1.05vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list .item > button .icon-svg, .list-row .list .item > a .icon-svg {
    width: 1.125rem;
  }
}
@media (max-width: 639px) {
  .list-row .list .item > button .icon-svg, .list-row .list .item > a .icon-svg {
    width: 4.725vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list .item > button .icon-svg, .list-row .list .item > a .icon-svg {
    height: 1.125rem;
  }
}
@media (max-width: 639px) {
  .list-row .list .item > button .icon-svg, .list-row .list .item > a .icon-svg {
    height: 4.725vw;
  }
}
.list-row .list .item > button .icon-svg svg, .list-row .list .item > a .icon-svg svg {
  transform: rotate(-90deg);
  width: 12px;
  height: 7px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list .item > button .icon-svg svg, .list-row .list .item > a .icon-svg svg {
    width: 0.75rem;
  }
}
@media (max-width: 639px) {
  .list-row .list .item > button .icon-svg svg, .list-row .list .item > a .icon-svg svg {
    width: 3.15vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list-row .list .item > button .icon-svg svg, .list-row .list .item > a .icon-svg svg {
    height: 0.4583rem;
  }
}
@media (max-width: 639px) {
  .list-row .list .item > button .icon-svg svg, .list-row .list .item > a .icon-svg svg {
    height: 1.925vw;
  }
}
@media screen and (min-width: 1200px) {
  .list-row .list .item > button, .list-row .list .item > a {
    position: absolute;
    top: 27px;
    right: 27px;
    padding-top: 2px;
  }
}

.view-row.detail {
  padding: 40px 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .view-row.detail {
    padding: 2.5rem 1.6667rem;
  }
}
@media (max-width: 639px) {
  .view-row.detail {
    padding: 10.5vw 7vw;
  }
}
@media screen and (min-width: 1200px) {
  .view-row.detail {
    padding: 56px 48px;
  }
}
.view-row.detail .subject {
  display: -webkit-box;
  overflow: hidden;
  vertical-align: top;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  margin: 27px 0px 16px 0px;
  font-size: 21px;
  font-weight: 700;
  color: #222222;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .view-row.detail .subject {
    margin: 1.6667rem 0rem 1rem 0rem;
  }
}
@media (max-width: 639px) {
  .view-row.detail .subject {
    margin: 7vw 0vw 4.2vw 0vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .view-row.detail .subject {
    font-size: 1.2917rem;
  }
}
@media (max-width: 639px) {
  .view-row.detail .subject {
    font-size: 5.425vw;
  }
}
@media screen and (min-width: 1200px) {
  .view-row.detail .subject {
    margin: 24px 0 0 0;
    font-size: 32px;
  }
}

.tag-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tag-row .tags {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: wrap;
  gap: 8px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tag-row .tags {
    gap: 0.5rem;
  }
}
@media (max-width: 639px) {
  .tag-row .tags {
    gap: 2.1vw;
  }
}
.tag-row .tags label {
  line-height: 1;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 13px 3px 13px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tag-row .tags label {
    height: 1.75rem;
  }
}
@media (max-width: 639px) {
  .tag-row .tags label {
    height: 7.35vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tag-row .tags label {
    padding: 0.25rem 0.8333rem 0.1667rem 0.8333rem;
  }
}
@media (max-width: 639px) {
  .tag-row .tags label {
    padding: 1.05vw 3.5vw 0.7vw 3.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tag-row .tags label {
    border-radius: 0.25rem;
  }
}
@media (max-width: 639px) {
  .tag-row .tags label {
    border-radius: 1.05vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tag-row .tags label {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .tag-row .tags label {
    font-size: 3.85vw;
  }
}
@media screen and (min-width: 1200px) {
  .tag-row .tags label {
    font-size: 14px;
    padding: 9px 10px 7px 10px;
    letter-spacing: -0.14px;
  }
}
.tag-row .tags label.black {
  background: #222222;
  color: #fff;
}
.tag-row .tags label.lightblue {
  background: #DFE9FC;
  color: #1E335F;
}
.tag-row .tags label.lightgreen {
  background: #F3F6DA;
  color: #7B880C;
}
.tag-row .tags label.lightpink {
  background: #FDF0FF;
  color: #D93CDB;
}
.tag-row .tags label.orange {
  background: #FFF7EF;
  color: #FF8800;
}
.tag-row .tags label.blue {
  background: #2563EB;
  color: #fff;
}
.tag-row .tags label.gray {
  background: #eeeeee;
  color: #666666;
}
.tag-row .tags label.purple {
  background: #FBF0FF;
  color: #7D43C9;
}
@media screen and (min-width: 1200px) {
  .tag-row {
    width: calc(100% - 168px);
    justify-content: flex-start;
  }
}

.tag {
  font-weight: 700;
  font-size: 15px;
  display: block;
  overflow: hidden;
  letter-spacing: -1.32px;
  display: inline-block;
  padding: 7px 16px 8px 16px;
  border-radius: 29px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tag {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .tag {
    font-size: 3.85vw;
  }
}
.tag::before {
  content: "";
  display: block;
  margin-top: -0.25em;
}
.tag::after {
  content: "";
  display: block;
  margin-bottom: -0.225em;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tag {
    padding: 0.4167rem 1rem 0.5rem 1rem;
  }
}
@media (max-width: 639px) {
  .tag {
    padding: 1.75vw 4.2vw 2.1vw 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tag {
    border-radius: 1.8333rem;
  }
}
@media (max-width: 639px) {
  .tag {
    border-radius: 7.7vw;
  }
}
@media screen and (min-width: 1200px) {
  .tag {
    font-size: 14px;
    padding: 7px 14px 9px 14px;
    border-radius: 34px;
  }
}
.tag.border.blue {
  border: 2px solid #1E335F;
  color: #1E335F;
}
.tag.border.red {
  border: 2px solid rgba(255, 88, 120, 0.2);
  color: #727069;
}
.tag.face.blue {
  border: 2px solid #1E335F;
  background: #1E335F;
  color: #fff;
}
.tag.face.gray {
  border: 2px solid #eeeeee;
  background: #eeeeee;
  color: #aaaaaa;
}

.file-download-row {
  width: 100%;
  background: #f9f9f9;
  padding: 27px 0px;
  margin-bottom: 67px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .file-download-row {
    padding: 1.6667rem 0rem;
  }
}
@media (max-width: 639px) {
  .file-download-row {
    padding: 7vw 0vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .file-download-row {
    margin-bottom: 4.1667rem;
  }
}
@media (max-width: 639px) {
  .file-download-row {
    margin-bottom: 17.5vw;
  }
}
@media screen and (min-width: 1200px) {
  .file-download-row {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    margin-bottom: 80px;
  }
}
.file-download-row .file-inner {
  width: 87.5%;
  margin: auto;
}
@media screen and (min-width: 1200px) {
  .file-download-row .file-inner {
    width: 100%;
    padding: 32px;
  }
}
.file-download-row .file-inner strong {
  display: block;
  font-weight: 700;
  color: #222222;
  font-size: 21px;
  margin-bottom: 21px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .file-download-row .file-inner strong {
    font-size: 1.2917rem;
  }
}
@media (max-width: 639px) {
  .file-download-row .file-inner strong {
    font-size: 5.425vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .file-download-row .file-inner strong {
    margin-bottom: 1.3333rem;
  }
}
@media (max-width: 639px) {
  .file-download-row .file-inner strong {
    margin-bottom: 5.6vw;
  }
}
.file-download-row .file-inner ul {
  width: 100%;
  border: 1px solid #dddddd;
  border-radius: 5px;
  padding: 13px;
  background: #fff;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .file-download-row .file-inner ul {
    border-radius: 0.3333rem;
  }
}
@media (max-width: 639px) {
  .file-download-row .file-inner ul {
    border-radius: 1.4vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .file-download-row .file-inner ul {
    padding: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .file-download-row .file-inner ul {
    padding: 3.5vw;
  }
}
.file-download-row .file-inner ul li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .file-download-row .file-inner ul li {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 639px) {
  .file-download-row .file-inner ul li {
    margin-bottom: 2.1vw;
  }
}
.file-download-row .file-inner ul li:last-child {
  margin-bottom: 0;
}
.file-download-row .file-inner ul li a {
  width: calc(100% - 19.95vw);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  color: #222222;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .file-download-row .file-inner ul li a {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .file-download-row .file-inner ul li a {
    font-size: 3.85vw;
  }
}
.file-download-row .file-inner ul li button {
  width: 76px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .file-download-row .file-inner ul li button {
    width: 4.75rem;
  }
}
@media (max-width: 639px) {
  .file-download-row .file-inner ul li button {
    width: 19.95vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .file-download-row .file-inner ul li button {
    gap: 0.25rem;
  }
}
@media (max-width: 639px) {
  .file-download-row .file-inner ul li button {
    gap: 1.05vw;
  }
}
.file-download-row .file-inner ul li button span {
  font-weight: 500;
  color: #222222;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .file-download-row .file-inner ul li button span {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .file-download-row .file-inner ul li button span {
    font-size: 3.85vw;
  }
}
.file-download-row .file-inner ul li button .icon-svg {
  width: 20px;
  height: 20px;
  color: #222222;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .file-download-row .file-inner ul li button .icon-svg {
    width: 1.25rem;
  }
}
@media (max-width: 639px) {
  .file-download-row .file-inner ul li button .icon-svg {
    width: 5.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .file-download-row .file-inner ul li button .icon-svg {
    height: 1.25rem;
  }
}
@media (max-width: 639px) {
  .file-download-row .file-inner ul li button .icon-svg {
    height: 5.25vw;
  }
}
.file-download-row .file-inner ul li button .icon-svg svg {
  width: 17px;
  height: 14px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .file-download-row .file-inner ul li button .icon-svg svg {
    width: 1.0417rem;
  }
}
@media (max-width: 639px) {
  .file-download-row .file-inner ul li button .icon-svg svg {
    width: 4.375vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .file-download-row .file-inner ul li button .icon-svg svg {
    height: 0.8958rem;
  }
}
@media (max-width: 639px) {
  .file-download-row .file-inner ul li button .icon-svg svg {
    height: 3.7625vw;
  }
}

.post-navigation {
  width: 87.5%;
  margin: auto;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
@media screen and (min-width: 1200px) {
  .post-navigation {
    width: 100%;
    max-width: 1200px;
  }
}
.post-navigation .prev, .post-navigation .next {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 23px 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .post-navigation .prev, .post-navigation .next {
    padding: 1.4583rem 0rem;
  }
}
@media (max-width: 639px) {
  .post-navigation .prev, .post-navigation .next {
    padding: 6.125vw 0vw;
  }
}
.post-navigation .prev .label, .post-navigation .next .label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  padding: 0px 21px 0 21px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .post-navigation .prev .label, .post-navigation .next .label {
    gap: 0.3333rem;
  }
}
@media (max-width: 639px) {
  .post-navigation .prev .label, .post-navigation .next .label {
    gap: 1.4vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .post-navigation .prev .label, .post-navigation .next .label {
    padding: 0rem 1.3333rem 0 1.3333rem;
  }
}
@media (max-width: 639px) {
  .post-navigation .prev .label, .post-navigation .next .label {
    padding: 0vw 5.6vw 0 5.6vw;
  }
}
.post-navigation .prev .label .icon-svg, .post-navigation .next .label .icon-svg {
  width: 18px;
  height: 18px;
  color: #222222;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .post-navigation .prev .label .icon-svg, .post-navigation .next .label .icon-svg {
    width: 1.125rem;
  }
}
@media (max-width: 639px) {
  .post-navigation .prev .label .icon-svg, .post-navigation .next .label .icon-svg {
    width: 4.725vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .post-navigation .prev .label .icon-svg, .post-navigation .next .label .icon-svg {
    height: 1.125rem;
  }
}
@media (max-width: 639px) {
  .post-navigation .prev .label .icon-svg, .post-navigation .next .label .icon-svg {
    height: 4.725vw;
  }
}
.post-navigation .prev .label .icon-svg svg, .post-navigation .next .label .icon-svg svg {
  width: 13px;
  height: 7px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .post-navigation .prev .label .icon-svg svg, .post-navigation .next .label .icon-svg svg {
    width: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .post-navigation .prev .label .icon-svg svg, .post-navigation .next .label .icon-svg svg {
    width: 3.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .post-navigation .prev .label .icon-svg svg, .post-navigation .next .label .icon-svg svg {
    height: 0.45rem;
  }
}
@media (max-width: 639px) {
  .post-navigation .prev .label .icon-svg svg, .post-navigation .next .label .icon-svg svg {
    height: 1.89vw;
  }
}
.post-navigation .prev .label span, .post-navigation .next .label span {
  font-weight: 700;
  color: #222222;
  font-size: 17px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .post-navigation .prev .label span, .post-navigation .next .label span {
    font-size: 1.0833rem;
  }
}
@media (max-width: 639px) {
  .post-navigation .prev .label span, .post-navigation .next .label span {
    font-size: 4.55vw;
  }
}
.post-navigation .prev .subject, .post-navigation .next .subject {
  font-weight: 400;
  color: #666666;
  font-size: 17px;
  padding-left: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .post-navigation .prev .subject, .post-navigation .next .subject {
    font-size: 1.0833rem;
  }
}
@media (max-width: 639px) {
  .post-navigation .prev .subject, .post-navigation .next .subject {
    font-size: 4.55vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .post-navigation .prev .subject, .post-navigation .next .subject {
    padding-left: 1.3333rem;
  }
}
@media (max-width: 639px) {
  .post-navigation .prev .subject, .post-navigation .next .subject {
    padding-left: 5.6vw;
  }
}
.post-navigation .prev {
  border-bottom: 1px solid #dddddd;
}
.post-navigation .prev .label .icon-svg {
  transform: rotate(180deg);
}

@media screen and (min-width: 1200px) {
  .banner-01 .inner, .banner-02 .inner {
    max-width: 1200px;
    margin: auto;
  }
}
.banner-01 .inner .txt-row, .banner-02 .inner .txt-row {
  text-align: left;
}
.banner-01 .inner .txt-row strong, .banner-02 .inner .txt-row strong {
  display: block;
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .banner-01 .inner .txt-row strong, .banner-02 .inner .txt-row strong {
    font-size: 1.5rem;
  }
}
@media (max-width: 639px) {
  .banner-01 .inner .txt-row strong, .banner-02 .inner .txt-row strong {
    font-size: 6.3vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .banner-01 .inner .txt-row strong, .banner-02 .inner .txt-row strong {
    margin-bottom: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .banner-01 .inner .txt-row strong, .banner-02 .inner .txt-row strong {
    margin-bottom: 7vw;
  }
}
.banner-01 .inner .txt-row p, .banner-02 .inner .txt-row p {
  color: #fff;
  font-weight: 400;
  opacity: 0.5;
  margin-bottom: 40px;
  font-size: 19px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .banner-01 .inner .txt-row p, .banner-02 .inner .txt-row p {
    margin-bottom: 2.5rem;
  }
}
@media (max-width: 639px) {
  .banner-01 .inner .txt-row p, .banner-02 .inner .txt-row p {
    margin-bottom: 10.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .banner-01 .inner .txt-row p, .banner-02 .inner .txt-row p {
    font-size: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .banner-01 .inner .txt-row p, .banner-02 .inner .txt-row p {
    font-size: 4.9vw;
  }
}
.banner-01 .inner .btn-row, .banner-02 .inner .btn-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 13px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .banner-01 .inner .btn-row, .banner-02 .inner .btn-row {
    gap: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .banner-01 .inner .btn-row, .banner-02 .inner .btn-row {
    gap: 3.5vw;
  }
}
.banner-01 .inner .btn-row .btn, .banner-02 .inner .btn-row .btn {
  min-width: unset;
  width: 180px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .banner-01 .inner .btn-row .btn, .banner-02 .inner .btn-row .btn {
    width: 11.25rem;
  }
}
@media (max-width: 639px) {
  .banner-01 .inner .btn-row .btn, .banner-02 .inner .btn-row .btn {
    width: 47.25vw;
  }
}
.banner-01 {
  padding: 53px 27px 201px 27px;
  background: url("../images/sub/bg-bottom-main@m.jpg") no-repeat center center;
  background-size: auto 100%;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .banner-01 {
    padding: 3.3333rem 1.6667rem 12.5833rem 1.6667rem;
  }
}
@media (max-width: 639px) {
  .banner-01 {
    padding: 14vw 7vw 52.85vw 7vw;
  }
}
@media screen and (min-width: 640px) {
  .banner-01 {
    padding-left: 3.3334rem;
  }
}
@media screen and (min-width: 1200px) {
  .banner-01 {
    background: url("../images/sub/bg-bottom-banner1.jpg") no-repeat center center;
    background-size: auto 100%;
    padding: 100px 0;
  }
}
.banner-02 {
  padding: 53px 27px 201px 27px;
  background: url("../images/sub/bg-bottom-banner2@m.jpg") no-repeat center center;
  background-size: auto 100%;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .banner-02 {
    padding: 3.3333rem 1.6667rem 12.5833rem 1.6667rem;
  }
}
@media (max-width: 639px) {
  .banner-02 {
    padding: 14vw 7vw 52.85vw 7vw;
  }
}
@media screen and (min-width: 640px) {
  .banner-02 {
    padding-left: 3.3334rem;
  }
}
@media screen and (min-width: 1200px) {
  .banner-02 {
    background: url("../images/sub/bg-bottom-banner2.jpg") no-repeat center center;
    background-size: auto 100%;
    padding: 100px 0;
  }
}

/*테이블*/
.table-row .table {
  width: 100%;
  table-layout: auto;
  border-top: 2px solid #222222;
  border-bottom: 1px solid #dddddd;
}
.table-row .table.col2 col:first-child {
  width: 133px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .table-row .table.col2 col:first-child {
    width: 8.3333rem;
  }
}
@media (max-width: 639px) {
  .table-row .table.col2 col:first-child {
    width: 35vw;
  }
}
@media screen and (min-width: 640px) {
  .table-row .table.col2 col:first-child {
    width: 200px;
  }
}
.table-row .table.col3 col:first-child {
  min-width: 133px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .table-row .table.col3 col:first-child {
    min-width: 8.3333rem;
  }
}
@media (max-width: 639px) {
  .table-row .table.col3 col:first-child {
    min-width: 35vw;
  }
}
.table-row .table.col4 col:nth-child(1), .table-row .table.col4 col:nth-child(3) {
  min-width: 67px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .table-row .table.col4 col:nth-child(1), .table-row .table.col4 col:nth-child(3) {
    min-width: 4.1667rem;
  }
}
@media (max-width: 639px) {
  .table-row .table.col4 col:nth-child(1), .table-row .table.col4 col:nth-child(3) {
    min-width: 17.5vw;
  }
}
.table-row .table.responsive.col4 col:nth-child(1) {
  width: 35.7142857143%;
}
.table-row .table.responsive.col4 col:nth-child(2) {
  width: 64.2857142857%;
}
@media screen and (min-width: 1200px) {
  .table-row .table.responsive.col4 col:nth-child(1), .table-row .table.responsive.col4 col:nth-child(3) {
    width: 16.6666666667%;
  }
  .table-row .table.responsive.col4 col:nth-child(2), .table-row .table.responsive.col4 col:nth-child(4) {
    width: 33.3333333333%;
  }
}
.table-row .table.responsive.col4 th {
  font-weight: 500;
  color: #E13911;
  background: #ed1c24;
  vertical-align: middle;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .table-row .table.responsive.col4 th {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .table-row .table.responsive.col4 th {
    font-size: 3.85vw;
  }
}
.table-row .table.responsive.col4 td {
  vertical-align: middle;
}
.table-row .table.responsive.col4 td:nth-child(1) {
  text-align: center;
  font-weight: 500;
  color: #E13911;
  background: #ed1c24;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .table-row .table.responsive.col4 td:nth-child(1) {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .table-row .table.responsive.col4 td:nth-child(1) {
    font-size: 3.85vw;
  }
}
.table-row .table.responsive.col4 td:nth-child(2) {
  text-align: left;
  font-weight: 400;
  color: #222222;
  padding-left: 13px;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .table-row .table.responsive.col4 td:nth-child(2) {
    padding-left: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .table-row .table.responsive.col4 td:nth-child(2) {
    padding-left: 3.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .table-row .table.responsive.col4 td:nth-child(2) {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .table-row .table.responsive.col4 td:nth-child(2) {
    font-size: 3.85vw;
  }
}
@media screen and (min-width: 1200px) {
  .table-row .table.responsive.col4 td:nth-child(1), .table-row .table.responsive.col4 td:nth-child(3) {
    text-align: center;
    font-weight: 500;
    color: #E13911;
    background: #ed1c24;
    font-size: 15px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 640px) and (max-width: 1199px) {
  .table-row .table.responsive.col4 td:nth-child(1), .table-row .table.responsive.col4 td:nth-child(3) {
    font-size: 0.9167rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 639px) {
  .table-row .table.responsive.col4 td:nth-child(1), .table-row .table.responsive.col4 td:nth-child(3) {
    font-size: 3.85vw;
  }
}
@media screen and (min-width: 1200px) {
  .table-row .table.responsive.col4 td:nth-child(2), .table-row .table.responsive.col4 td:nth-child(4) {
    text-align: left;
    font-weight: 400;
    color: #222222;
    padding-left: 13px;
    font-size: 15px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 640px) and (max-width: 1199px) {
  .table-row .table.responsive.col4 td:nth-child(2), .table-row .table.responsive.col4 td:nth-child(4) {
    padding-left: 0.8333rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 639px) {
  .table-row .table.responsive.col4 td:nth-child(2), .table-row .table.responsive.col4 td:nth-child(4) {
    padding-left: 3.5vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 640px) and (max-width: 1199px) {
  .table-row .table.responsive.col4 td:nth-child(2), .table-row .table.responsive.col4 td:nth-child(4) {
    font-size: 0.9167rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 639px) {
  .table-row .table.responsive.col4 td:nth-child(2), .table-row .table.responsive.col4 td:nth-child(4) {
    font-size: 3.85vw;
  }
}
.table-row .table caption {
  color: #222222;
  text-align: left;
  font-weight: 600;
  font-size: 21px;
  padding: 48px 0px 28px 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .table-row .table caption {
    font-size: 1.3333rem;
  }
}
@media (max-width: 639px) {
  .table-row .table caption {
    font-size: 5.6vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .table-row .table caption {
    padding: 2.9792rem 0rem 1.7292rem 0rem;
  }
}
@media (max-width: 639px) {
  .table-row .table caption {
    padding: 12.5125vw 0vw 7.2625vw 0vw;
  }
}
@media screen and (min-width: 1200px) {
  .table-row .table caption {
    font-size: 22px;
    padding: 66px 0px 26px 0px;
  }
}
.table-row .table caption.caption-hide {
  font-size: 0;
  overflow: hidden;
  text-indent: -9999px;
  padding: 21px 0px 0px 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .table-row .table caption.caption-hide {
    padding: 1.3333rem 0rem 0rem 0rem;
  }
}
@media (max-width: 639px) {
  .table-row .table caption.caption-hide {
    padding: 5.6vw 0vw 0vw 0vw;
  }
}
@media screen and (min-width: 1200px) {
  .table-row .table caption.caption-hide {
    padding-top: 24px;
  }
}
.table-row .table th, .table-row .table td {
  vertical-align: middle;
  padding: 21px 0px;
  border-bottom: 1px solid #dddddd;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .table-row .table th, .table-row .table td {
    padding: 1.3333rem 0rem;
  }
}
@media (max-width: 639px) {
  .table-row .table th, .table-row .table td {
    padding: 5.6vw 0vw;
  }
}
@media screen and (min-width: 640px) {
  .table-row .table th, .table-row .table td {
    font-size: 14px;
    padding: 24px 0px;
  }
}
.table-row .table th.center, .table-row .table td.center {
  text-align: center !important;
}
.table-row .table.horizontal-type th {
  vertical-align: middle;
  font-weight: 500;
  color: #222222;
  background: #f9f9f9;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .table-row .table.horizontal-type th {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .table-row .table.horizontal-type th {
    font-size: 3.85vw;
  }
}
@media screen and (min-width: 1200px) {
  .table-row .table.horizontal-type th {
    font-size: 14px;
  }
}
.table-row .table.horizontal-type td {
  vertical-align: middle;
  text-align: left;
  font-weight: 400;
  color: #333333;
  padding-left: 13px;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .table-row .table.horizontal-type td {
    padding-left: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .table-row .table.horizontal-type td {
    padding-left: 3.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .table-row .table.horizontal-type td {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .table-row .table.horizontal-type td {
    font-size: 3.85vw;
  }
}
@media screen and (min-width: 1200px) {
  .table-row .table.horizontal-type td {
    font-size: 14px;
  }
}
.table-row .table.vertical-type th {
  vertical-align: middle;
  font-weight: 500;
  color: #222222;
  background: #f9f9f9;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .table-row .table.vertical-type th {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .table-row .table.vertical-type th {
    font-size: 3.85vw;
  }
}
@media screen and (min-width: 1200px) {
  .table-row .table.vertical-type th {
    font-size: 14px;
  }
}
.table-row .table.vertical-type td {
  vertical-align: middle;
  text-align: left;
  font-weight: 400;
  color: #333333;
  padding-left: 13px;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .table-row .table.vertical-type td {
    padding-left: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .table-row .table.vertical-type td {
    padding-left: 3.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .table-row .table.vertical-type td {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .table-row .table.vertical-type td {
    font-size: 3.85vw;
  }
}
@media screen and (min-width: 1200px) {
  .table-row .table.vertical-type td {
    font-size: 14px;
  }
}
.table-row .table.mixed-type th {
  font-weight: 500;
  color: #222222;
  background: #f9f9f9;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .table-row .table.mixed-type th {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .table-row .table.mixed-type th {
    font-size: 3.85vw;
  }
}
.table-row .table.mixed-type td {
  text-align: left;
  font-weight: 400;
  color: #333333;
  padding-left: 13px;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .table-row .table.mixed-type td {
    padding-left: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .table-row .table.mixed-type td {
    padding-left: 3.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .table-row .table.mixed-type td {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .table-row .table.mixed-type td {
    font-size: 3.85vw;
  }
}
.table-row.scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-row.scroll table {
  width: 640px;
}
@media screen and (min-width: 1200px) {
  .table-row.scroll table {
    width: 100%;
  }
}

/*박스*/
.box-row {
  border: 1px solid #666666;
  border-radius: 11px;
  padding: 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .box-row {
    border-radius: 0.6667rem;
  }
}
@media (max-width: 639px) {
  .box-row {
    border-radius: 2.8vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .box-row {
    padding: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .box-row {
    padding: 7vw;
  }
}
@media screen and (min-width: 1200px) {
  .box-row {
    padding: 32px;
  }
}

/* 상품 */
.product.list, .product.view {
  padding-bottom: 23px;
  margin-bottom: 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list, .product.view {
    padding-bottom: 1.4167rem;
  }
}
@media (max-width: 639px) {
  .product.list, .product.view {
    padding-bottom: 5.95vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list, .product.view {
    margin-bottom: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .product.list, .product.view {
    margin-bottom: 7vw;
  }
}
.product.list.item .item-date, .product.view.item .item-date {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 33px 33px 0px 33px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item .item-date, .product.view.item .item-date {
    padding: 2.0833rem 2.0833rem 0rem 2.0833rem;
  }
}
@media (max-width: 639px) {
  .product.list.item .item-date, .product.view.item .item-date {
    padding: 8.75vw 8.75vw 0vw 8.75vw;
  }
}
.product.list.item .item-date .icon-svg, .product.view.item .item-date .icon-svg {
  color: #E13911;
  width: 27px;
  height: 27px;
  margin-right: 3px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item .item-date .icon-svg, .product.view.item .item-date .icon-svg {
    width: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .product.list.item .item-date .icon-svg, .product.view.item .item-date .icon-svg {
    width: 7vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item .item-date .icon-svg, .product.view.item .item-date .icon-svg {
    height: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .product.list.item .item-date .icon-svg, .product.view.item .item-date .icon-svg {
    height: 7vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item .item-date .icon-svg, .product.view.item .item-date .icon-svg {
    margin-right: 0.1667rem;
  }
}
@media (max-width: 639px) {
  .product.list.item .item-date .icon-svg, .product.view.item .item-date .icon-svg {
    margin-right: 0.7vw;
  }
}
.product.list.item .item-date span, .product.view.item .item-date span {
  font-weight: 700;
  color: #E13911;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item .item-date span, .product.view.item .item-date span {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .product.list.item .item-date span, .product.view.item .item-date span {
    font-size: 3.85vw;
  }
}
@media screen and (min-width: 1200px) {
  .product.list.item .item-date, .product.view.item .item-date {
    font-size: 14px;
    padding: 40px 40px 0px 40px;
  }
  .product.list.item .item-date .icon-svg, .product.view.item .item-date .icon-svg {
    width: 24px;
    height: 24px;
  }
}
.product.list.item .item-label, .product.view.item .item-label {
  font-weight: 600;
  border: 2px solid transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  border-radius: 28px;
  padding: 4px 16px;
  font-size: 13px;
  margin-right: 8px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item .item-label, .product.view.item .item-label {
    border-radius: 1.75rem;
  }
}
@media (max-width: 639px) {
  .product.list.item .item-label, .product.view.item .item-label {
    border-radius: 7.35vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item .item-label, .product.view.item .item-label {
    padding: 0.25rem 1rem;
  }
}
@media (max-width: 639px) {
  .product.list.item .item-label, .product.view.item .item-label {
    padding: 1.05vw 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item .item-label, .product.view.item .item-label {
    font-size: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .product.list.item .item-label, .product.view.item .item-label {
    font-size: 3.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item .item-label, .product.view.item .item-label {
    margin-right: 0.5rem;
  }
}
@media (max-width: 639px) {
  .product.list.item .item-label, .product.view.item .item-label {
    margin-right: 2.1vw;
  }
}
@media screen and (min-width: 1200px) {
  .product.list.item .item-label, .product.view.item .item-label {
    padding: 4px 24px;
    font-size: 16px;
  }
}
.product.list.item .item-label.submitted, .product.view.item .item-label.submitted {
  background: #E13911;
  color: #ffffff;
  border-color: #E13911;
}
.product.list.item .item-label.pending, .product.view.item .item-label.pending {
  background: #ffffff;
  border-color: #E13911;
  color: #E13911;
}
.product.list.item .item-label.processing, .product.view.item .item-label.processing {
  background: #E13911;
  color: #ffffff;
  border-color: #E13911;
}
.product.list.item .item-label.completed, .product.view.item .item-label.completed {
  background: #eeeeee;
  color: #333333;
  border-color: #eeeeee;
}
.product.list.item .item-name, .product.view.item .item-name {
  color: #222222;
  font-weight: 700;
  font-size: 24px;
  display: block;
  overflow: hidden;
  padding: 0px 33px;
  margin: 0px 0px 19px 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item .item-name, .product.view.item .item-name {
    font-size: 1.5rem;
  }
}
@media (max-width: 639px) {
  .product.list.item .item-name, .product.view.item .item-name {
    font-size: 6.3vw;
  }
}
.product.list.item .item-name::before, .product.view.item .item-name::before {
  content: "";
  display: block;
  margin-top: -0.26em;
}
.product.list.item .item-name::after, .product.view.item .item-name::after {
  content: "";
  display: block;
  margin-bottom: -0.26em;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item .item-name, .product.view.item .item-name {
    padding: 0rem 2.0833rem;
  }
}
@media (max-width: 639px) {
  .product.list.item .item-name, .product.view.item .item-name {
    padding: 0vw 8.75vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item .item-name, .product.view.item .item-name {
    margin: 0rem 0rem 1.1667rem 0rem;
  }
}
@media (max-width: 639px) {
  .product.list.item .item-name, .product.view.item .item-name {
    margin: 0vw 0vw 4.9vw 0vw;
  }
}
@media screen and (min-width: 1200px) {
  .product.list.item .item-name, .product.view.item .item-name {
    font-size: 26px;
    padding: 0 40px;
  }
}
.product.list.item .item-name + p, .product.view.item .item-name + p {
  padding: 0px 33px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item .item-name + p, .product.view.item .item-name + p {
    padding: 0rem 2.0833rem;
  }
}
@media (max-width: 639px) {
  .product.list.item .item-name + p, .product.view.item .item-name + p {
    padding: 0vw 8.75vw;
  }
}
@media screen and (min-width: 1200px) {
  .product.list.item .item-name + p, .product.view.item .item-name + p {
    padding: 0 40px;
  }
}
.product.list.item .item-info, .product.view.item .item-info {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  margin-bottom: 19px;
  gap: 11px 0px;
  padding: 0px 33px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item .item-info, .product.view.item .item-info {
    margin-bottom: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .product.list.item .item-info, .product.view.item .item-info {
    margin-bottom: 4.9vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item .item-info, .product.view.item .item-info {
    gap: 0.6667rem 0rem;
  }
}
@media (max-width: 639px) {
  .product.list.item .item-info, .product.view.item .item-info {
    gap: 2.8vw 0vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item .item-info, .product.view.item .item-info {
    padding: 0rem 2.0833rem;
  }
}
@media (max-width: 639px) {
  .product.list.item .item-info, .product.view.item .item-info {
    padding: 0vw 8.75vw;
  }
}
@media screen and (min-width: 1200px) {
  .product.list.item .item-info, .product.view.item .item-info {
    padding: 0 40px;
  }
}
.product.list.item .item-info dt, .product.view.item .item-info dt {
  text-align: left;
  font-weight: 700;
  color: #222222;
  font-size: 15px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item .item-info dt, .product.view.item .item-info dt {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .product.list.item .item-info dt, .product.view.item .item-info dt {
    font-size: 3.85vw;
  }
}
.product.list.item .item-info dt::before, .product.view.item .item-info dt::before {
  content: "";
  display: block;
  margin-top: -0.25em;
}
.product.list.item .item-info dt::after, .product.view.item .item-info dt::after {
  content: "";
  display: block;
  margin-bottom: -0.15em;
}
@media screen and (min-width: 1200px) {
  .product.list.item .item-info dt, .product.view.item .item-info dt {
    font-size: 14px;
  }
}
.product.list.item .item-info dd, .product.view.item .item-info dd {
  color: #333333;
  text-align: left;
  font-weight: 400;
  font-size: 15px;
  display: block;
  overflow: hidden;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item .item-info dd, .product.view.item .item-info dd {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .product.list.item .item-info dd, .product.view.item .item-info dd {
    font-size: 3.85vw;
  }
}
.product.list.item .item-info dd::before, .product.view.item .item-info dd::before {
  content: "";
  display: block;
  margin-top: -0.25em;
}
.product.list.item .item-info dd::after, .product.view.item .item-info dd::after {
  content: "";
  display: block;
  margin-bottom: -0.15em;
}
@media screen and (min-width: 1200px) {
  .product.list.item .item-info dd, .product.view.item .item-info dd {
    font-size: 14px;
  }
}
.product.list.item hr, .product.view.item hr {
  height: 3px;
  background: #fff;
  margin-top: 8px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item hr, .product.view.item hr {
    margin-top: 0.4792rem;
  }
}
@media (max-width: 639px) {
  .product.list.item hr, .product.view.item hr {
    margin-top: 2.0125vw;
  }
}
.product.list.item .item-more, .product.view.item .item-more {
  width: 100%;
  box-shadow: none;
  margin-top: 33px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item .item-more, .product.view.item .item-more {
    margin-top: 2.0833rem;
  }
}
@media (max-width: 639px) {
  .product.list.item .item-more, .product.view.item .item-more {
    margin-top: 8.75vw;
  }
}
.product.list.item .item-box, .product.view.item .item-box {
  padding: 0px 33px;
  border-radius: 11px;
  margin-top: 20px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item .item-box, .product.view.item .item-box {
    padding: 0rem 2.0833rem;
  }
}
@media (max-width: 639px) {
  .product.list.item .item-box, .product.view.item .item-box {
    padding: 0vw 8.75vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item .item-box, .product.view.item .item-box {
    border-radius: 0.6667rem;
  }
}
@media (max-width: 639px) {
  .product.list.item .item-box, .product.view.item .item-box {
    border-radius: 2.8vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item .item-box, .product.view.item .item-box {
    margin-top: 1.25rem;
  }
}
@media (max-width: 639px) {
  .product.list.item .item-box, .product.view.item .item-box {
    margin-top: 5.25vw;
  }
}
.product.list.item .item-box dl, .product.view.item .item-box dl {
  background: #eeeeee;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 13px 0px 13px 19px;
  border-radius: 11px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item .item-box dl, .product.view.item .item-box dl {
    padding: 0.8333rem 0rem 0.8333rem 1.1667rem;
  }
}
@media (max-width: 639px) {
  .product.list.item .item-box dl, .product.view.item .item-box dl {
    padding: 3.5vw 0vw 3.5vw 4.9vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item .item-box dl, .product.view.item .item-box dl {
    border-radius: 0.6667rem;
  }
}
@media (max-width: 639px) {
  .product.list.item .item-box dl, .product.view.item .item-box dl {
    border-radius: 2.8vw;
  }
}
.product.list.item .item-box dl dt, .product.view.item .item-box dl dt {
  text-align: left;
  font-weight: 700;
  color: #222222;
  margin-right: 19px;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item .item-box dl dt, .product.view.item .item-box dl dt {
    margin-right: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .product.list.item .item-box dl dt, .product.view.item .item-box dl dt {
    margin-right: 4.9vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item .item-box dl dt, .product.view.item .item-box dl dt {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .product.list.item .item-box dl dt, .product.view.item .item-box dl dt {
    font-size: 3.85vw;
  }
}
.product.list.item .item-box dl dt.w100, .product.view.item .item-box dl dt.w100 {
  margin-right: 0;
  text-align: left;
}
@media screen and (min-width: 1200px) {
  .product.list.item .item-box dl dt, .product.view.item .item-box dl dt {
    font-size: 14px;
  }
}
.product.list.item .item-box dl dd, .product.view.item .item-box dl dd {
  text-align: left;
  font-weight: 400;
  color: #333333;
  font-size: 15px;
  letter-spacing: -0.45px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item .item-box dl dd, .product.view.item .item-box dl dd {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .product.list.item .item-box dl dd, .product.view.item .item-box dl dd {
    font-size: 3.85vw;
  }
}
@media screen and (min-width: 1200px) {
  .product.list.item .item-box dl dd, .product.view.item .item-box dl dd {
    font-size: 14px;
  }
}
.product.list.item .item-box dl dd strong, .product.view.item .item-box dl dd strong {
  font-weight: 700;
}
.product.list.item .item-box dl dd.w100, .product.view.item .item-box dl dd.w100 {
  margin-right: 0;
  text-align: left;
  grid-column: 1/-1;
}
.product.list.item .item-box hr, .product.view.item .item-box hr {
  margin: 16px 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item .item-box hr, .product.view.item .item-box hr {
    margin: 1rem 0rem;
  }
}
@media (max-width: 639px) {
  .product.list.item .item-box hr, .product.view.item .item-box hr {
    margin: 4.2vw 0vw;
  }
}
.product.list.item.no-data, .product.view.item.no-data {
  text-align: center;
}
.product.list.item.no-data p, .product.view.item.no-data p {
  text-align: center;
  margin-top: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item.no-data p, .product.view.item.no-data p {
    margin-top: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .product.list.item.no-data p, .product.view.item.no-data p {
    margin-top: 3.85vw;
  }
}
.product.list.item.no-data .icon-svg, .product.view.item.no-data .icon-svg {
  --path1-fill-color:#E6E6E6;
  --path2-fill-color:#fff;
  margin: auto;
  width: 31px;
  height: 31px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item.no-data .icon-svg, .product.view.item.no-data .icon-svg {
    width: 1.9375rem;
  }
}
@media (max-width: 639px) {
  .product.list.item.no-data .icon-svg, .product.view.item.no-data .icon-svg {
    width: 8.1375vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.list.item.no-data .icon-svg, .product.view.item.no-data .icon-svg {
    height: 1.9375rem;
  }
}
@media (max-width: 639px) {
  .product.list.item.no-data .icon-svg, .product.view.item.no-data .icon-svg {
    height: 8.1375vw;
  }
}
.product.view.item {
  border: none;
  background: #f9f9f9;
  border-radius: 11px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.view.item {
    border-radius: 0.6667rem;
  }
}
@media (max-width: 639px) {
  .product.view.item {
    border-radius: 2.8vw;
  }
}
.product.view.item .item-date {
  margin-bottom: 19px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.view.item .item-date {
    margin-bottom: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .product.view.item .item-date {
    margin-bottom: 4.9vw;
  }
}
.product.view.item .item-name {
  margin: 0;
  text-align: left;
  font-size: 24px;
  display: block;
  overflow: hidden;
  margin-bottom: 19px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.view.item .item-name {
    font-size: 1.5rem;
  }
}
@media (max-width: 639px) {
  .product.view.item .item-name {
    font-size: 6.3vw;
  }
}
.product.view.item .item-name::before {
  content: "";
  display: block;
  margin-top: -0.26em;
}
.product.view.item .item-name::after {
  content: "";
  display: block;
  margin-bottom: -0.2em;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .product.view.item .item-name {
    margin-bottom: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .product.view.item .item-name {
    margin-bottom: 4.9vw;
  }
}

/*li 하이픈 리스트*/
.hyphen-list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: wrap;
}
.hyphen-list li {
  width: 100%;
  position: relative;
  font-weight: 400;
  color: #222222;
  font-size: 14px;
  padding-left: 8px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .hyphen-list li {
    font-size: 0.875rem;
  }
}
@media (max-width: 639px) {
  .hyphen-list li {
    font-size: 3.675vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .hyphen-list li {
    padding-left: 0.5rem;
  }
}
@media (max-width: 639px) {
  .hyphen-list li {
    padding-left: 2.1vw;
  }
}
.hyphen-list li:before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 400;
  color: #222222;
  font-size: 14px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .hyphen-list li:before {
    font-size: 0.875rem;
  }
}
@media (max-width: 639px) {
  .hyphen-list li:before {
    font-size: 3.675vw;
  }
}
.hyphen-list li.list-none {
  padding-left: 0;
}
.hyphen-list li.list-none:before {
  display: none;
}
.hyphen-list.dot li:before {
  content: "·";
}
.hyphen-list.list-none li {
  padding-left: 0;
}
.hyphen-list.list-none li:before {
  display: none;
}

/* 리스트 스타일 */
.list_style_custom li {
  position: relative;
  font-weight: 400;
  color: #222222;
  margin-bottom: 4px;
  padding-left: 11px;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list_style_custom li {
    margin-bottom: 0.25rem;
  }
}
@media (max-width: 639px) {
  .list_style_custom li {
    margin-bottom: 1.05vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list_style_custom li {
    padding-left: 0.6667rem;
  }
}
@media (max-width: 639px) {
  .list_style_custom li {
    padding-left: 2.8vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list_style_custom li {
    font-size: 0.9583rem;
  }
}
@media (max-width: 639px) {
  .list_style_custom li {
    font-size: 4.025vw;
  }
}
@media screen and (min-width: 640px) {
  .list_style_custom li {
    font-size: 16px;
  }
}
.list_style_custom li.point-black, .list_style_custom li .point-black {
  font-size: 15px;
  color: #222222;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list_style_custom li.point-black, .list_style_custom li .point-black {
    font-size: 0.9583rem;
  }
}
@media (max-width: 639px) {
  .list_style_custom li.point-black, .list_style_custom li .point-black {
    font-size: 4.025vw;
  }
}
@media screen and (min-width: 640px) {
  .list_style_custom li.point-black, .list_style_custom li .point-black {
    font-size: 16px;
  }
}
.list_style_custom li.point-black:before, .list_style_custom li .point-black:before {
  color: #222222 !important;
}
.list_style_custom li.point-red, .list_style_custom li .point-red {
  font-size: 15px;
  color: #ED1C24;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list_style_custom li.point-red, .list_style_custom li .point-red {
    font-size: 0.9583rem;
  }
}
@media (max-width: 639px) {
  .list_style_custom li.point-red, .list_style_custom li .point-red {
    font-size: 4.025vw;
  }
}
@media screen and (min-width: 640px) {
  .list_style_custom li.point-red, .list_style_custom li .point-red {
    font-size: 16px;
  }
}
.list_style_custom li.point-red:before, .list_style_custom li .point-red:before {
  color: #ED1C24 !important;
}
.list_style_custom li.hyphen {
  position: relative;
}
.list_style_custom li.hyphen:before {
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 400;
  color: #222222;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list_style_custom li.hyphen:before {
    font-size: 0.9583rem;
  }
}
@media (max-width: 639px) {
  .list_style_custom li.hyphen:before {
    font-size: 4.025vw;
  }
}
@media screen and (min-width: 640px) {
  .list_style_custom li.hyphen:before {
    font-size: 16px;
  }
}
.list_style_custom.number {
  list-style-type: decimal;
}
.list_style_custom.number li.list-none {
  list-style-type: none;
  margin-left: 0;
}
.list_style_custom.dot li:before {
  content: "·";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list_style_custom.dot li:before {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .list_style_custom.dot li:before {
    font-size: 3.85vw;
  }
}
.list_style_custom.dot li.hyphen {
  position: relative;
}
.list_style_custom.dot li.hyphen:before {
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 400;
  color: #222222;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list_style_custom.dot li.hyphen:before {
    font-size: 0.9583rem;
  }
}
@media (max-width: 639px) {
  .list_style_custom.dot li.hyphen:before {
    font-size: 4.025vw;
  }
}
@media screen and (min-width: 640px) {
  .list_style_custom.dot li.hyphen:before {
    font-size: 16px;
  }
}
.list_style_custom.asterisk {
  list-style-type: none;
}
.list_style_custom.asterisk li {
  margin-left: 0;
  padding-left: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list_style_custom.asterisk li {
    padding-left: 1rem;
  }
}
@media (max-width: 639px) {
  .list_style_custom.asterisk li {
    padding-left: 4.2vw;
  }
}
.list_style_custom.asterisk li:before {
  content: "*";
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 400;
  color: #222222;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .list_style_custom.asterisk li:before {
    font-size: 0.9583rem;
  }
}
@media (max-width: 639px) {
  .list_style_custom.asterisk li:before {
    font-size: 4.025vw;
  }
}
@media screen and (min-width: 640px) {
  .list_style_custom.asterisk li:before {
    font-size: 16px;
  }
}
.list_style_custom.asterisk li.hyphen:before {
  content: "-";
}

/* 둥근원안에 숫자 */
.circled_numbers {
  margin-top: 8px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .circled_numbers {
    margin-top: 0.5rem;
  }
}
@media (max-width: 639px) {
  .circled_numbers {
    margin-top: 2.1vw;
  }
}
.circled_numbers > li {
  position: relative;
  color: #222222;
  font-weight: 400;
  list-style: none;
  padding-left: 0;
  margin-left: 16px;
  margin-bottom: 8px;
  font-size: 13px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .circled_numbers > li {
    margin-left: 1rem;
  }
}
@media (max-width: 639px) {
  .circled_numbers > li {
    margin-left: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .circled_numbers > li {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 639px) {
  .circled_numbers > li {
    margin-bottom: 2.1vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .circled_numbers > li {
    font-size: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .circled_numbers > li {
    font-size: 3.5vw;
  }
}
.circled_numbers > li:before {
  content: "①";
  font-weight: 400;
  position: absolute;
  color: #222222;
  font-size: 13px;
  left: -16px;
  margin-right: 8px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .circled_numbers > li:before {
    font-size: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .circled_numbers > li:before {
    font-size: 3.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .circled_numbers > li:before {
    left: -1rem;
  }
}
@media (max-width: 639px) {
  .circled_numbers > li:before {
    left: -4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .circled_numbers > li:before {
    margin-right: 0.5rem;
  }
}
@media (max-width: 639px) {
  .circled_numbers > li:before {
    margin-right: 2.1vw;
  }
}
.circled_numbers > li:nth-child(2):before {
  content: "②";
}
.circled_numbers > li:nth-child(3):before {
  content: "③";
}
.circled_numbers > li:nth-child(4):before {
  content: "④";
}
.circled_numbers > li:nth-child(5):before {
  content: "⑤";
}
.circled_numbers > li:nth-child(6):before {
  content: "⑥";
}
.circled_numbers > li:nth-child(7):before {
  content: "⑦";
}
.circled_numbers > li:nth-child(8):before {
  content: "⑧";
}
.circled_numbers > li:nth-child(9):before {
  content: "⑨";
}
.circled_numbers > li:nth-child(10):before {
  content: "⑩";
}
.circled_numbers > li:nth-child(11):before {
  content: "⑪";
}
.circled_numbers > li:nth-child(12):before {
  content: "⑫";
}
.circled_numbers > li:nth-child(13):before {
  content: "⑬";
}
.circled_numbers > li:nth-child(14):before {
  content: "⑭";
}
.circled_numbers > li:nth-child(15):before {
  content: "⑮";
}
.circled_numbers > li:nth-child(16):before {
  content: "⑯";
}
.circled_numbers > li:nth-child(17):before {
  content: "⑰";
}
.circled_numbers > li:nth-child(18):before {
  content: "⑱";
}
.circled_numbers > li:nth-child(19):before {
  content: "⑲";
}
.circled_numbers > li:nth-child(20):before {
  content: "⑳";
}

/* =============================================
 * Custom List Style (SCSS Version)
 * ============================================= */
/* ▼ 원형 숫자 리스트 스타일 정의 */
@counter-style circle-num-style {
  system: cyclic;
  symbols: "①" "②" "③" "④" "⑤" "⑥" "⑦" "⑧" "⑨" "⑩";
  suffix: " ";
}
/* ▼ 리스트 스타일을 적용할 전체 컨테이너 */
.custom-list-style {
  font-size: 15px;
  /* ol과 ul의 기본 여백 및 스타일 초기화 */
  /* * -------------------------------------------
   * ▼ 단계별 스타일 정의 (Nesting 활용)
   * -------------------------------------------
   */
  /* * -------------------------------------------
   * ▼ 클래스별 커스텀 스타일
   * -------------------------------------------
   */
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style {
    font-size: 3.85vw;
  }
}
@media screen and (min-width: 1200px) {
  .custom-list-style {
    font-size: 16px;
  }
}
.custom-list-style ol, .custom-list-style ul {
  padding-left: 0;
  margin: 11px 0px;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style ol, .custom-list-style ul {
    padding-left: 0;
  }
}
@media (max-width: 639px) {
  .custom-list-style ol, .custom-list-style ul {
    padding-left: 0;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style ol, .custom-list-style ul {
    margin: 0.6667rem 0rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style ol, .custom-list-style ul {
    margin: 2.8vw 0vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style ol, .custom-list-style ul {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style ol, .custom-list-style ul {
    font-size: 3.85vw;
  }
}
@media screen and (min-width: 1200px) {
  .custom-list-style ol, .custom-list-style ul {
    font-size: 16px;
  }
}
.custom-list-style li {
  list-style: none; /* 브라우저 기본 리스트 스타일 제거 */
  position: relative;
  list-style: inherit;
  font-weight: 400;
  padding-left: 20px;
  font-size: 15px;
  /* 마커(기호)의 기본 스타일 */
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style li {
    padding-left: 1.25rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style li {
    padding-left: 5.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style li {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style li {
    font-size: 3.85vw;
  }
}
@media screen and (min-width: 1200px) {
  .custom-list-style li {
    font-size: 16px;
  }
}
.custom-list-style li p {
  color: #222222;
  font-weight: 400;
  overflow: visible;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style li p {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style li p {
    font-size: 3.85vw;
  }
}
@media screen and (min-width: 1200px) {
  .custom-list-style li p {
    font-size: 16px;
  }
}
.custom-list-style li p:before, .custom-list-style li p:after {
  display: none;
}
.custom-list-style li::before {
  position: absolute;
  text-align: right; /* 오른쪽 정렬로 숫자 자릿수 맞춰줌 */
  font-weight: 400;
  color: inherit;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 20px;
  left: 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style li::before {
    width: 1.25rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style li::before {
    width: 5.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style li::before {
    left: 0rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style li::before {
    left: 0vw;
  }
}
.custom-list-style > ol {
  counter-reset: level1;
}
.custom-list-style > ol > li::before {
  counter-increment: level1;
  content: counter(level1) ".";
  font-weight: bold;
}
.custom-list-style > ol > li > ul {
  counter-reset: level2;
}
.custom-list-style > ol > li > ul > li {
  font-weight: 400;
  color: #222222;
  margin-bottom: 20px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style > ol > li > ul > li {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style > ol > li > ul > li {
    margin-bottom: 5.25vw;
  }
}
.custom-list-style > ol > li > ul > li::before {
  counter-increment: level2;
  content: counter(level2) ".";
  color: #222222;
  font-weight: 500;
}
.custom-list-style > ol > li > ul > li > ul > li {
  font-weight: 400;
  color: #222222;
  padding-left: 8px;
  margin-bottom: 13px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style > ol > li > ul > li > ul > li {
    padding-left: 0.5rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style > ol > li > ul > li > ul > li {
    padding-left: 2.1vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style > ol > li > ul > li > ul > li {
    margin-bottom: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style > ol > li > ul > li > ul > li {
    margin-bottom: 3.5vw;
  }
}
.custom-list-style > ol > li > ul > li > ul > li strong {
  font-weight: 700;
}
.custom-list-style > ol > li > ul > li > ul > li::before {
  content: "-";
  color: #222222;
  font-weight: 400;
}
.custom-list-style > ol > li > ul > li > ul > li > ul > li {
  font-weight: 400;
  color: #222222;
  margin-bottom: 8px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style > ol > li > ul > li > ul > li > ul > li {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style > ol > li > ul > li > ul > li > ul > li {
    margin-bottom: 2.1vw;
  }
}
.custom-list-style > ol > li > ul > li > ul > li > ul > li::before {
  content: "·";
  color: #222222;
  font-weight: 400;
}
.custom-list-style ol.art {
  counter-reset: art-counter;
}
.custom-list-style ol.art > li::before {
  counter-increment: art-counter;
  content: "제 " counter(art-counter, decimal-leading-zero) "조.";
  width: 67px;
  font-size: 18px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style ol.art > li::before {
    width: 4.1667rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style ol.art > li::before {
    width: 17.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style ol.art > li::before {
    font-size: 1.125rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style ol.art > li::before {
    font-size: 4.725vw;
  }
}
.custom-list-style ol.art > li {
  font-weight: 600;
  padding-left: 0;
  padding-bottom: 40px;
  font-size: 18px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style ol.art > li {
    padding-bottom: 2.5rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style ol.art > li {
    padding-bottom: 10.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style ol.art > li {
    font-size: 1.125rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style ol.art > li {
    font-size: 4.725vw;
  }
}
.custom-list-style ol.art > li > strong {
  display: block;
  color: #222222;
  font-weight: 700;
  padding-left: 67px;
  font-size: 18px;
  margin-bottom: 13px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style ol.art > li > strong {
    padding-left: 4.1667rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style ol.art > li > strong {
    padding-left: 17.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style ol.art > li > strong {
    font-size: 1.125rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style ol.art > li > strong {
    font-size: 4.725vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style ol.art > li > strong {
    margin-bottom: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style ol.art > li > strong {
    margin-bottom: 3.5vw;
  }
}
.custom-list-style ul li {
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style ul li {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style ul li {
    font-size: 3.85vw;
  }
}
@media screen and (min-width: 1200px) {
  .custom-list-style ul li {
    font-size: 16px;
  }
}
.custom-list-style ul.alpha {
  counter-reset: alpha;
}
.custom-list-style ul.alpha > li::before {
  counter-increment: alpha;
  content: counter(alpha, upper-alpha);
}
.custom-list-style ul.circle-num {
  list-style: none;
  counter-reset: circleCounter;
  margin-left: 0 !important;
  /*> li::before {
      color: inherit;
      content: none;
      &:marker{
          @include responsive(left, $marker-offset-mobile);
      }
  }*/
}
.custom-list-style ul.circle-num > li {
  counter-increment: circleCounter;
  padding-left: 20px;
  /* 선택 사항: 마커와 텍스트 사이의 간격을 미세 조정할 수 있습니다. */
  /* padding-left: 8px; */
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style ul.circle-num > li {
    padding-left: 1.25rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style ul.circle-num > li {
    padding-left: 5.25vw;
  }
}
.custom-list-style ul.circle-num > li::before {
  /* 4. ::before 요소의 내용을 카운터 값으로 채웁니다. */
  /* 이 때, @counter-style에서 정의한 'circle-num-style' 서식을 사용합니다. */
  margin-top: -3px;
  content: counter(circleCounter, circle-num-style);
  /* (선택사항) 텍스트가 길어져도 기호가 찌그러지지 않도록 합니다. */
  flex-shrink: 0;
  font-size: 18px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style ul.circle-num > li::before {
    margin-top: -0.1667rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style ul.circle-num > li::before {
    margin-top: -0.7vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style ul.circle-num > li::before {
    font-size: 1.125rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style ul.circle-num > li::before {
    font-size: 4.725vw;
  }
}
.custom-list-style ul.hyphen > li {
  padding-left: 13px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style ul.hyphen > li {
    padding-left: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style ul.hyphen > li {
    padding-left: 3.5vw;
  }
}
.custom-list-style ul.hyphen > li::before {
  color: inherit;
  content: "-";
  width: 7px;
  left: 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style ul.hyphen > li::before {
    width: 0.4167rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style ul.hyphen > li::before {
    width: 1.75vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style ul.hyphen > li::before {
    left: 0rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style ul.hyphen > li::before {
    left: 0vw;
  }
}
.custom-list-style ul.dot > li {
  padding-left: 10px;
  margin-bottom: 7px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style ul.dot > li {
    padding-left: 0.625rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style ul.dot > li {
    padding-left: 2.625vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style ul.dot > li {
    margin-bottom: 0.4167rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style ul.dot > li {
    margin-bottom: 1.75vw;
  }
}
.custom-list-style ul.dot > li::before {
  color: inherit;
  content: "·";
  left: 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style ul.dot > li::before {
    left: 0rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style ul.dot > li::before {
    left: 0vw;
  }
}
.custom-list-style ul.asterisk > li {
  padding-left: 12px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style ul.asterisk > li {
    padding-left: 0.75rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style ul.asterisk > li {
    padding-left: 3.15vw;
  }
}
.custom-list-style ul.asterisk > li::before {
  color: inherit;
  content: "*";
  width: 12px !important;
  left: 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style ul.asterisk > li::before {
    width: 12px !important;
  }
}
@media (max-width: 639px) {
  .custom-list-style ul.asterisk > li::before {
    width: 12px !important;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style ul.asterisk > li::before {
    left: 0rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style ul.asterisk > li::before {
    left: 0vw;
  }
}
.custom-list-style ul.ref > li::before {
  color: inherit;
  content: "※";
  left: 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style ul.ref > li::before {
    left: 0rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style ul.ref > li::before {
    left: 0vw;
  }
}
.custom-list-style ul.square-solid > li::before {
  color: inherit;
  content: "▣";
  left: 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style ul.square-solid > li::before {
    left: 0rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style ul.square-solid > li::before {
    left: 0vw;
  }
}
.custom-list-style ul.diamond-solid > li::before {
  color: inherit;
  content: "◈";
  left: 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style ul.diamond-solid > li::before {
    left: 0rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style ul.diamond-solid > li::before {
    left: 0vw;
  }
}
.custom-list-style ul.decimal {
  counter-reset: decimal-count;
}
.custom-list-style ul.decimal li {
  padding-left: 13px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .custom-list-style ul.decimal li {
    padding-left: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .custom-list-style ul.decimal li {
    padding-left: 3.5vw;
  }
}
.custom-list-style ul.decimal > li::before {
  color: inherit;
  counter-increment: decimal-count;
  content: counter(decimal-count) ".";
}
.custom-list-style ul.decimal-bracket {
  counter-reset: bracket-count;
}
.custom-list-style ul.decimal-bracket > li::before {
  color: inherit;
  counter-increment: bracket-count;
  content: counter(bracket-count) ")";
}

.note-row {
  background: #f9f9f9;
  border-radius: 11px;
  padding: 21px 27px;
  margin-top: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .note-row {
    border-radius: 0.6667rem;
  }
}
@media (max-width: 639px) {
  .note-row {
    border-radius: 2.8vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .note-row {
    padding: 1.3333rem 1.6667rem;
  }
}
@media (max-width: 639px) {
  .note-row {
    padding: 5.6vw 7vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .note-row {
    margin-top: 1rem;
  }
}
@media (max-width: 639px) {
  .note-row {
    margin-top: 4.2vw;
  }
}
.note-row .note strong {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 11px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .note-row .note strong {
    margin-bottom: 0.6667rem;
  }
}
@media (max-width: 639px) {
  .note-row .note strong {
    margin-bottom: 2.8vw;
  }
}
.note-row .note strong .icon-svg {
  --path1-stroke-color:#4BC8C4;
  --path2-fill-color:#4BC8C4;
  margin-right: 4px;
  width: 16px;
  height: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .note-row .note strong .icon-svg {
    margin-right: 0.25rem;
  }
}
@media (max-width: 639px) {
  .note-row .note strong .icon-svg {
    margin-right: 1.05vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .note-row .note strong .icon-svg {
    width: 1rem;
  }
}
@media (max-width: 639px) {
  .note-row .note strong .icon-svg {
    width: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .note-row .note strong .icon-svg {
    height: 1rem;
  }
}
@media (max-width: 639px) {
  .note-row .note strong .icon-svg {
    height: 4.2vw;
  }
}
.note-row .note strong span {
  color: #222222;
  font-weight: 600;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .note-row .note strong span {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .note-row .note strong span {
    font-size: 3.85vw;
  }
}
@media screen and (min-width: 1200px) {
  .note-row .note strong span {
    font-size: 14px;
  }
}
.note-row .note ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: wrap;
}
.note-row .note ul li {
  width: 100%;
  position: relative;
  color: #222222;
  font-weight: 400;
  font-size: 13px;
  padding-left: 8px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .note-row .note ul li {
    font-size: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .note-row .note ul li {
    font-size: 3.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .note-row .note ul li {
    padding-left: 0.5rem;
  }
}
@media (max-width: 639px) {
  .note-row .note ul li {
    padding-left: 2.1vw;
  }
}
.note-row .note ul li span.small {
  font-weight: 400;
  font-size: 13px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .note-row .note ul li span.small {
    font-size: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .note-row .note ul li span.small {
    font-size: 3.5vw;
  }
}
.note-row .note ul li:before {
  content: "·";
  position: absolute;
  left: 0;
  top: 0;
  color: #222222;
  font-weight: 400;
  font-size: 13px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .note-row .note ul li:before {
    font-size: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .note-row .note ul li:before {
    font-size: 3.5vw;
  }
}
.note-row .note ul li.asterisk:before {
  content: "*";
}
@media screen and (min-width: 1200px) {
  .note-row .note ul li {
    font-size: 14px;
  }
}
.note-row .note ul.reference_mark {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.note-row .note ul.reference_mark li {
  text-align: left;
  padding-left: 12px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .note-row .note ul.reference_mark li {
    padding-left: 0.75rem;
  }
}
@media (max-width: 639px) {
  .note-row .note ul.reference_mark li {
    padding-left: 3.15vw;
  }
}
.note-row .note ul.reference_mark li:before {
  content: "※";
}
.note-row .note ul.list-none li {
  font-weight: 600;
  padding-left: 0;
}
.note-row .note ul.list-none li:before {
  display: none;
}
.note-row .note ul.hyphen-list li:before {
  content: "-";
}
.note-row.no-title {
  background: #ffffff;
  padding: 0;
}

.detail-summary, .case-summary {
  background: #1E335F;
}
@media screen and (min-width: 1200px) {
  .detail-summary, .case-summary {
    min-height: 510px;
  }
  .detail-summary:before, .case-summary:before {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../images/sub/bg_titlebox_left.svg");
    background-position: -19px -7px;
    background-size: 145px auto;
    background-repeat: no-repeat;
    opacity: 0.06;
    z-index: 2;
  }
}
@media screen and (min-width: 1200px) and (min-width: 640px) and (max-width: 1199px) {
  .detail-summary:before, .case-summary:before {
    background-position: -1.1875rem -0.4167rem;
  }
}
@media screen and (min-width: 1200px) and (max-width: 639px) {
  .detail-summary:before, .case-summary:before {
    background-position: -4.9875vw -1.75vw;
  }
}
@media screen and (min-width: 1200px) and (min-width: 640px) and (max-width: 1199px) {
  .detail-summary:before, .case-summary:before {
    background-size: 9.0625rem auto;
  }
}
@media screen and (min-width: 1200px) and (max-width: 639px) {
  .detail-summary:before, .case-summary:before {
    background-size: 38.0625vw auto;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1200px) {
  .detail-summary:before, .case-summary:before {
    background-position: 12px 34px;
    background-size: 210px auto;
    opacity: 0.06;
  }
}
@media screen and (min-width: 1200px) {
  .detail-summary:after, .case-summary:after {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../images/sub/bg_titlebox_right.svg");
    background-position: calc(100% + 154px) 12px;
    background-repeat: no-repeat;
    background-size: 421px auto;
    opacity: 0.06;
    z-index: 2;
  }
}
.detail-summary .item, .case-summary .item {
  padding: 40px 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .detail-summary .item, .case-summary .item {
    padding: 2.5rem 1.6667rem;
  }
}
@media (max-width: 639px) {
  .detail-summary .item, .case-summary .item {
    padding: 10.5vw 7vw;
  }
}
@media screen and (min-width: 1200px) {
  .detail-summary .item, .case-summary .item {
    max-width: 1200px;
    margin: auto;
    padding: 100px 0px;
  }
}
.detail-summary .item .link-row, .case-summary .item .link-row {
  margin-top: 33px;
  margin-bottom: 19px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .detail-summary .item .link-row, .case-summary .item .link-row {
    margin-top: 2.0833rem;
  }
}
@media (max-width: 639px) {
  .detail-summary .item .link-row, .case-summary .item .link-row {
    margin-top: 8.75vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .detail-summary .item .link-row, .case-summary .item .link-row {
    margin-bottom: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .detail-summary .item .link-row, .case-summary .item .link-row {
    margin-bottom: 4.9vw;
  }
}
@media screen and (min-width: 1200px) {
  .detail-summary .item .link-row, .case-summary .item .link-row {
    margin-top: 48px;
    margin-bottom: 24px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
.detail-summary .item .link-row .subject, .case-summary .item .link-row .subject {
  font-weight: 700;
  color: #fff;
  margin-bottom: 0;
  display: -webkit-box;
  overflow: hidden;
  vertical-align: top;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  font-size: 24px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .detail-summary .item .link-row .subject, .case-summary .item .link-row .subject {
    font-size: 1.5rem;
  }
}
@media (max-width: 639px) {
  .detail-summary .item .link-row .subject, .case-summary .item .link-row .subject {
    font-size: 6.3vw;
  }
}
@media screen and (min-width: 1200px) {
  .detail-summary .item .link-row .subject, .case-summary .item .link-row .subject {
    font-size: 32px;
  }
}
.detail-summary .item .link-row .secret, .case-summary .item .link-row .secret {
  min-width: unset;
  margin-top: 17px;
  padding: 0px 8px;
  height: 28px;
  border-width: 1px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .detail-summary .item .link-row .secret, .case-summary .item .link-row .secret {
    margin-top: 1.0417rem;
  }
}
@media (max-width: 639px) {
  .detail-summary .item .link-row .secret, .case-summary .item .link-row .secret {
    margin-top: 4.375vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .detail-summary .item .link-row .secret, .case-summary .item .link-row .secret {
    padding: 0rem 0.5rem;
  }
}
@media (max-width: 639px) {
  .detail-summary .item .link-row .secret, .case-summary .item .link-row .secret {
    padding: 0vw 2.1vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .detail-summary .item .link-row .secret, .case-summary .item .link-row .secret {
    height: 1.75rem;
  }
}
@media (max-width: 639px) {
  .detail-summary .item .link-row .secret, .case-summary .item .link-row .secret {
    height: 7.35vw;
  }
}
.detail-summary .item .link-row .secret span, .case-summary .item .link-row .secret span {
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .detail-summary .item .link-row .secret span, .case-summary .item .link-row .secret span {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .detail-summary .item .link-row .secret span, .case-summary .item .link-row .secret span {
    font-size: 3.85vw;
  }
}
.detail-summary .item .link-row .secret .icon-svg, .case-summary .item .link-row .secret .icon-svg {
  width: 16px;
  height: 16px;
  color: #fff;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .detail-summary .item .link-row .secret .icon-svg, .case-summary .item .link-row .secret .icon-svg {
    width: 1rem;
  }
}
@media (max-width: 639px) {
  .detail-summary .item .link-row .secret .icon-svg, .case-summary .item .link-row .secret .icon-svg {
    width: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .detail-summary .item .link-row .secret .icon-svg, .case-summary .item .link-row .secret .icon-svg {
    height: 1rem;
  }
}
@media (max-width: 639px) {
  .detail-summary .item .link-row .secret .icon-svg, .case-summary .item .link-row .secret .icon-svg {
    height: 4.2vw;
  }
}
.detail-summary .item .link-row .secret .icon-svg svg, .case-summary .item .link-row .secret .icon-svg svg {
  width: 13px;
  height: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .detail-summary .item .link-row .secret .icon-svg svg, .case-summary .item .link-row .secret .icon-svg svg {
    width: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .detail-summary .item .link-row .secret .icon-svg svg, .case-summary .item .link-row .secret .icon-svg svg {
    width: 3.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .detail-summary .item .link-row .secret .icon-svg svg, .case-summary .item .link-row .secret .icon-svg svg {
    height: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .detail-summary .item .link-row .secret .icon-svg svg, .case-summary .item .link-row .secret .icon-svg svg {
    height: 3.85vw;
  }
}
@media screen and (min-width: 1200px) {
  .detail-summary .item .link-row .secret, .case-summary .item .link-row .secret {
    display: flex;
    margin: -2px 0 0 12px;
  }
  .detail-summary .item .link-row .secret span, .case-summary .item .link-row .secret span {
    line-height: 1.5;
  }
}
.detail-summary .item .desc, .case-summary .item .desc {
  color: #fff;
  opacity: 0.7;
  font-weight: 500;
  font-size: 19px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .detail-summary .item .desc, .case-summary .item .desc {
    font-size: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .detail-summary .item .desc, .case-summary .item .desc {
    font-size: 4.9vw;
  }
}
@media screen and (min-width: 1200px) {
  .detail-summary .item .desc, .case-summary .item .desc {
    font-size: 20px;
    width: 70%;
  }
}
.detail-summary .item hr, .case-summary .item hr {
  opacity: 0.7;
  background-color: #dddddd;
  margin: 21px 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .detail-summary .item hr, .case-summary .item hr {
    margin: 1.3333rem 0rem;
  }
}
@media (max-width: 639px) {
  .detail-summary .item hr, .case-summary .item hr {
    margin: 5.6vw 0vw;
  }
}
@media screen and (min-width: 1200px) {
  .detail-summary .item hr, .case-summary .item hr {
    display: none;
  }
}
.detail-summary .item .group, .case-summary .item .group {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: wrap;
}
@media screen and (min-width: 1200px) {
  .detail-summary .item .group, .case-summary .item .group {
    flex-flow: nowrap;
    flex-direction: row-reverse;
    margin-top: 92px;
  }
}
.detail-summary .item .group .hastag-row, .case-summary .item .group .hastag-row {
  width: 100%;
  margin-top: 21px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .detail-summary .item .group .hastag-row, .case-summary .item .group .hastag-row {
    margin-top: 1.3333rem;
  }
}
@media (max-width: 639px) {
  .detail-summary .item .group .hastag-row, .case-summary .item .group .hastag-row {
    margin-top: 5.6vw;
  }
}
.detail-summary .item .group .hastag-row span, .case-summary .item .group .hastag-row span {
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  flex-flow: wrap;
  color: #fff;
  height: 36px;
  padding: 0px 16px;
  border-radius: 36px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .detail-summary .item .group .hastag-row span, .case-summary .item .group .hastag-row span {
    height: 2.25rem;
  }
}
@media (max-width: 639px) {
  .detail-summary .item .group .hastag-row span, .case-summary .item .group .hastag-row span {
    height: 9.45vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .detail-summary .item .group .hastag-row span, .case-summary .item .group .hastag-row span {
    padding: 0rem 1rem;
  }
}
@media (max-width: 639px) {
  .detail-summary .item .group .hastag-row span, .case-summary .item .group .hastag-row span {
    padding: 0vw 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .detail-summary .item .group .hastag-row span, .case-summary .item .group .hastag-row span {
    border-radius: 2.25rem;
  }
}
@media (max-width: 639px) {
  .detail-summary .item .group .hastag-row span, .case-summary .item .group .hastag-row span {
    border-radius: 9.45vw;
  }
}
@media screen and (min-width: 1200px) {
  .detail-summary .item .group .hastag-row, .case-summary .item .group .hastag-row {
    margin-top: 0;
    width: 100%;
  }
}
.detail-summary .item .group .info-row, .case-summary .item .group .info-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 1200px) {
  .detail-summary .item .group .info-row, .case-summary .item .group .info-row {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}
.detail-summary .item .group .info-row .info, .case-summary .item .group .info-row .info {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.detail-summary .item .group .info-row .info dt, .detail-summary .item .group .info-row .info dd, .case-summary .item .group .info-row .info dt, .case-summary .item .group .info-row .info dd {
  width: auto;
}
.detail-summary .item .group .info-row .info dt, .case-summary .item .group .info-row .info dt {
  margin-right: 8px;
  color: #aaaaaa;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .detail-summary .item .group .info-row .info dt, .case-summary .item .group .info-row .info dt {
    margin-right: 0.5rem;
  }
}
@media (max-width: 639px) {
  .detail-summary .item .group .info-row .info dt, .case-summary .item .group .info-row .info dt {
    margin-right: 2.1vw;
  }
}
.detail-summary .item .group .info-row .info dd, .case-summary .item .group .info-row .info dd {
  margin-right: 20px;
  color: #fff;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .detail-summary .item .group .info-row .info dd, .case-summary .item .group .info-row .info dd {
    margin-right: 1.25rem;
  }
}
@media (max-width: 639px) {
  .detail-summary .item .group .info-row .info dd, .case-summary .item .group .info-row .info dd {
    margin-right: 5.25vw;
  }
}
.detail-summary .item .group .info-row .info:nth-of-type(1) dt, .case-summary .item .group .info-row .info:nth-of-type(1) dt {
  display: none;
}
.detail-summary .item .group .info-row .info:nth-of-type(1) dd, .case-summary .item .group .info-row .info:nth-of-type(1) dd {
  margin-right: 0;
}
@media screen and (min-width: 1200px) {
  .detail-summary .item .group .info-row .info:nth-of-type(1), .case-summary .item .group .info-row .info:nth-of-type(1) {
    margin-right: 24px;
  }
  .detail-summary .item .group .info-row .info:nth-of-type(1) dt, .case-summary .item .group .info-row .info:nth-of-type(1) dt {
    display: block;
  }
}
.detail-summary .item .group .info-row .info:nth-of-type(2), .case-summary .item .group .info-row .info:nth-of-type(2) {
  justify-content: flex-end;
}
.detail-summary .item .group .info-row .info:nth-of-type(2) dd, .case-summary .item .group .info-row .info:nth-of-type(2) dd {
  margin-right: 0;
}
.detail-summary .item .share-row, .case-summary .item .share-row {
  position: absolute;
  top: 40px;
  right: 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .detail-summary .item .share-row, .case-summary .item .share-row {
    top: 2.5rem;
  }
}
@media (max-width: 639px) {
  .detail-summary .item .share-row, .case-summary .item .share-row {
    top: 10.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .detail-summary .item .share-row, .case-summary .item .share-row {
    right: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .detail-summary .item .share-row, .case-summary .item .share-row {
    right: 7vw;
  }
}
.detail-summary .item .share-row a, .case-summary .item .share-row a {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: unset;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.2);
  width: 40px;
  height: 40px;
  border-radius: 40px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .detail-summary .item .share-row a, .case-summary .item .share-row a {
    width: 2.5rem;
  }
}
@media (max-width: 639px) {
  .detail-summary .item .share-row a, .case-summary .item .share-row a {
    width: 10.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .detail-summary .item .share-row a, .case-summary .item .share-row a {
    height: 2.5rem;
  }
}
@media (max-width: 639px) {
  .detail-summary .item .share-row a, .case-summary .item .share-row a {
    height: 10.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .detail-summary .item .share-row a, .case-summary .item .share-row a {
    border-radius: 2.5rem;
  }
}
@media (max-width: 639px) {
  .detail-summary .item .share-row a, .case-summary .item .share-row a {
    border-radius: 10.5vw;
  }
}
.detail-summary .item .share-row a img, .case-summary .item .share-row a img {
  width: 18px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .detail-summary .item .share-row a img, .case-summary .item .share-row a img {
    width: 1.125rem;
  }
}
@media (max-width: 639px) {
  .detail-summary .item .share-row a img, .case-summary .item .share-row a img {
    width: 4.725vw;
  }
}
@media screen and (min-width: 1200px) {
  .detail-summary .item .share-row, .case-summary .item .share-row {
    top: 100px;
  }
}
.detail-summary .item .btn-detail-view, .case-summary .item .btn-detail-view {
  display: none;
}
@media screen and (min-width: 1200px) {
  .detail-summary .item .btn-detail-view, .case-summary .item .btn-detail-view {
    display: flex;
  }
}

.example-swiper .swiper-slide, .example-swiper .card-item, .list .swiper-slide, .list .card-item {
  overflow: hidden;
  border: 1px solid #dddddd;
  border-radius: 11px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .example-swiper .swiper-slide, .example-swiper .card-item, .list .swiper-slide, .list .card-item {
    border-radius: 0.6667rem;
  }
}
@media (max-width: 639px) {
  .example-swiper .swiper-slide, .example-swiper .card-item, .list .swiper-slide, .list .card-item {
    border-radius: 2.8vw;
  }
}
.example-swiper .swiper-slide .slide-top, .example-swiper .card-item .slide-top, .list .swiper-slide .slide-top, .list .card-item .slide-top {
  padding: 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .example-swiper .swiper-slide .slide-top, .example-swiper .card-item .slide-top, .list .swiper-slide .slide-top, .list .card-item .slide-top {
    padding: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .example-swiper .swiper-slide .slide-top, .example-swiper .card-item .slide-top, .list .swiper-slide .slide-top, .list .card-item .slide-top {
    padding: 7vw;
  }
}
.example-swiper .swiper-slide .slide-top .tag-row, .example-swiper .card-item .slide-top .tag-row, .list .swiper-slide .slide-top .tag-row, .list .card-item .slide-top .tag-row {
  margin-bottom: 21px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .example-swiper .swiper-slide .slide-top .tag-row, .example-swiper .card-item .slide-top .tag-row, .list .swiper-slide .slide-top .tag-row, .list .card-item .slide-top .tag-row {
    margin-bottom: 1.3333rem;
  }
}
@media (max-width: 639px) {
  .example-swiper .swiper-slide .slide-top .tag-row, .example-swiper .card-item .slide-top .tag-row, .list .swiper-slide .slide-top .tag-row, .list .card-item .slide-top .tag-row {
    margin-bottom: 5.6vw;
  }
}
@media screen and (min-width: 1200px) {
  .example-swiper .swiper-slide .slide-top .tag-row, .example-swiper .card-item .slide-top .tag-row, .list .swiper-slide .slide-top .tag-row, .list .card-item .slide-top .tag-row {
    width: 100%;
  }
}
.example-swiper .swiper-slide .slide-top .tag-row label, .example-swiper .card-item .slide-top .tag-row label, .list .swiper-slide .slide-top .tag-row label, .list .card-item .slide-top .tag-row label {
  cursor: default;
}
.example-swiper .swiper-slide .slide-top .subject, .example-swiper .card-item .slide-top .subject, .list .swiper-slide .slide-top .subject, .list .card-item .slide-top .subject {
  color: #222222;
  font-weight: 700;
  font-size: 19px;
  display: -webkit-box;
  overflow: hidden;
  vertical-align: top;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  margin-bottom: 19px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .example-swiper .swiper-slide .slide-top .subject, .example-swiper .card-item .slide-top .subject, .list .swiper-slide .slide-top .subject, .list .card-item .slide-top .subject {
    font-size: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .example-swiper .swiper-slide .slide-top .subject, .example-swiper .card-item .slide-top .subject, .list .swiper-slide .slide-top .subject, .list .card-item .slide-top .subject {
    font-size: 4.9vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .example-swiper .swiper-slide .slide-top .subject, .example-swiper .card-item .slide-top .subject, .list .swiper-slide .slide-top .subject, .list .card-item .slide-top .subject {
    margin-bottom: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .example-swiper .swiper-slide .slide-top .subject, .example-swiper .card-item .slide-top .subject, .list .swiper-slide .slide-top .subject, .list .card-item .slide-top .subject {
    margin-bottom: 4.9vw;
  }
}
.example-swiper .swiper-slide .slide-top .desc, .example-swiper .card-item .slide-top .desc, .list .swiper-slide .slide-top .desc, .list .card-item .slide-top .desc {
  color: #666666;
  font-weight: 500;
  font-size: 16px;
  display: -webkit-box;
  overflow: hidden;
  vertical-align: top;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  margin-bottom: 21px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .example-swiper .swiper-slide .slide-top .desc, .example-swiper .card-item .slide-top .desc, .list .swiper-slide .slide-top .desc, .list .card-item .slide-top .desc {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .example-swiper .swiper-slide .slide-top .desc, .example-swiper .card-item .slide-top .desc, .list .swiper-slide .slide-top .desc, .list .card-item .slide-top .desc {
    font-size: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .example-swiper .swiper-slide .slide-top .desc, .example-swiper .card-item .slide-top .desc, .list .swiper-slide .slide-top .desc, .list .card-item .slide-top .desc {
    margin-bottom: 1.3333rem;
  }
}
@media (max-width: 639px) {
  .example-swiper .swiper-slide .slide-top .desc, .example-swiper .card-item .slide-top .desc, .list .swiper-slide .slide-top .desc, .list .card-item .slide-top .desc {
    margin-bottom: 5.6vw;
  }
}
.example-swiper .swiper-slide .slide-top hr, .example-swiper .card-item .slide-top hr, .list .swiper-slide .slide-top hr, .list .card-item .slide-top hr {
  margin: 0px 0px 16px 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .example-swiper .swiper-slide .slide-top hr, .example-swiper .card-item .slide-top hr, .list .swiper-slide .slide-top hr, .list .card-item .slide-top hr {
    margin: 0rem 0rem 1rem 0rem;
  }
}
@media (max-width: 639px) {
  .example-swiper .swiper-slide .slide-top hr, .example-swiper .card-item .slide-top hr, .list .swiper-slide .slide-top hr, .list .card-item .slide-top hr {
    margin: 0vw 0vw 4.2vw 0vw;
  }
}
.example-swiper .swiper-slide .slide-top .info-row, .example-swiper .card-item .slide-top .info-row, .list .swiper-slide .slide-top .info-row, .list .card-item .slide-top .info-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.example-swiper .swiper-slide .slide-top .info-row .col, .example-swiper .card-item .slide-top .info-row .col, .list .swiper-slide .slide-top .info-row .col, .list .card-item .slide-top .info-row .col {
  width: 50%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.example-swiper .swiper-slide .slide-top .info-row .col:nth-of-type(1) .label, .example-swiper .card-item .slide-top .info-row .col:nth-of-type(1) .label, .list .swiper-slide .slide-top .info-row .col:nth-of-type(1) .label, .list .card-item .slide-top .info-row .col:nth-of-type(1) .label {
  display: none;
}
.example-swiper .swiper-slide .slide-top .info-row .col:nth-of-type(1) .value, .example-swiper .card-item .slide-top .info-row .col:nth-of-type(1) .value, .list .swiper-slide .slide-top .info-row .col:nth-of-type(1) .value, .list .card-item .slide-top .info-row .col:nth-of-type(1) .value {
  width: 100%;
}
.example-swiper .swiper-slide .slide-top .info-row .col:nth-of-type(2), .example-swiper .card-item .slide-top .info-row .col:nth-of-type(2), .list .swiper-slide .slide-top .info-row .col:nth-of-type(2), .list .card-item .slide-top .info-row .col:nth-of-type(2) {
  justify-content: flex-end;
}
.example-swiper .swiper-slide .slide-top .info-row .col:nth-of-type(2) .label, .example-swiper .swiper-slide .slide-top .info-row .col:nth-of-type(2) .value, .example-swiper .card-item .slide-top .info-row .col:nth-of-type(2) .label, .example-swiper .card-item .slide-top .info-row .col:nth-of-type(2) .value, .list .swiper-slide .slide-top .info-row .col:nth-of-type(2) .label, .list .swiper-slide .slide-top .info-row .col:nth-of-type(2) .value, .list .card-item .slide-top .info-row .col:nth-of-type(2) .label, .list .card-item .slide-top .info-row .col:nth-of-type(2) .value {
  width: auto;
}
.example-swiper .swiper-slide .slide-top .info-row .col:nth-of-type(2) .label, .example-swiper .card-item .slide-top .info-row .col:nth-of-type(2) .label, .list .swiper-slide .slide-top .info-row .col:nth-of-type(2) .label, .list .card-item .slide-top .info-row .col:nth-of-type(2) .label {
  padding-right: 4px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .example-swiper .swiper-slide .slide-top .info-row .col:nth-of-type(2) .label, .example-swiper .card-item .slide-top .info-row .col:nth-of-type(2) .label, .list .swiper-slide .slide-top .info-row .col:nth-of-type(2) .label, .list .card-item .slide-top .info-row .col:nth-of-type(2) .label {
    padding-right: 0.25rem;
  }
}
@media (max-width: 639px) {
  .example-swiper .swiper-slide .slide-top .info-row .col:nth-of-type(2) .label, .example-swiper .card-item .slide-top .info-row .col:nth-of-type(2) .label, .list .swiper-slide .slide-top .info-row .col:nth-of-type(2) .label, .list .card-item .slide-top .info-row .col:nth-of-type(2) .label {
    padding-right: 1.05vw;
  }
}
.example-swiper .swiper-slide .img-row, .example-swiper .card-item .img-row, .list .swiper-slide .img-row, .list .card-item .img-row {
  position: relative;
}
.example-swiper .swiper-slide .img-row img, .example-swiper .card-item .img-row img, .list .swiper-slide .img-row img, .list .card-item .img-row img {
  max-width: 100%;
}
.example-swiper .swiper-slide .img-row .hastag-row, .example-swiper .card-item .img-row .hastag-row, .list .swiper-slide .img-row .hastag-row, .list .card-item .img-row .hastag-row {
  position: absolute;
  width: calc(100% - 14vw);
  bottom: 27px;
  left: 27px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px 4px;
  flex-flow: wrap;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .example-swiper .swiper-slide .img-row .hastag-row, .example-swiper .card-item .img-row .hastag-row, .list .swiper-slide .img-row .hastag-row, .list .card-item .img-row .hastag-row {
    bottom: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .example-swiper .swiper-slide .img-row .hastag-row, .example-swiper .card-item .img-row .hastag-row, .list .swiper-slide .img-row .hastag-row, .list .card-item .img-row .hastag-row {
    bottom: 7vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .example-swiper .swiper-slide .img-row .hastag-row, .example-swiper .card-item .img-row .hastag-row, .list .swiper-slide .img-row .hastag-row, .list .card-item .img-row .hastag-row {
    left: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .example-swiper .swiper-slide .img-row .hastag-row, .example-swiper .card-item .img-row .hastag-row, .list .swiper-slide .img-row .hastag-row, .list .card-item .img-row .hastag-row {
    left: 7vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .example-swiper .swiper-slide .img-row .hastag-row, .example-swiper .card-item .img-row .hastag-row, .list .swiper-slide .img-row .hastag-row, .list .card-item .img-row .hastag-row {
    gap: 0.25rem 0.25rem;
  }
}
@media (max-width: 639px) {
  .example-swiper .swiper-slide .img-row .hastag-row, .example-swiper .card-item .img-row .hastag-row, .list .swiper-slide .img-row .hastag-row, .list .card-item .img-row .hastag-row {
    gap: 1.05vw 1.05vw;
  }
}
@media screen and (min-width: 1200px) {
  .example-swiper .swiper-slide .img-row .hastag-row, .example-swiper .card-item .img-row .hastag-row, .list .swiper-slide .img-row .hastag-row, .list .card-item .img-row .hastag-row {
    width: calc(100% - 48px);
    left: 24px;
    bottom: 24px;
  }
}
.example-swiper .swiper-slide .img-row .hastag-row span, .example-swiper .card-item .img-row .hastag-row span, .list .swiper-slide .img-row .hastag-row span, .list .card-item .img-row .hastag-row span {
  width: auto;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  border-radius: 36px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.2);
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
  font-size: 15px;
  padding: 0px 13px;
  letter-spacing: 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .example-swiper .swiper-slide .img-row .hastag-row span, .example-swiper .card-item .img-row .hastag-row span, .list .swiper-slide .img-row .hastag-row span, .list .card-item .img-row .hastag-row span {
    height: 2.25rem;
  }
}
@media (max-width: 639px) {
  .example-swiper .swiper-slide .img-row .hastag-row span, .example-swiper .card-item .img-row .hastag-row span, .list .swiper-slide .img-row .hastag-row span, .list .card-item .img-row .hastag-row span {
    height: 9.45vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .example-swiper .swiper-slide .img-row .hastag-row span, .example-swiper .card-item .img-row .hastag-row span, .list .swiper-slide .img-row .hastag-row span, .list .card-item .img-row .hastag-row span {
    border-radius: 2.25rem;
  }
}
@media (max-width: 639px) {
  .example-swiper .swiper-slide .img-row .hastag-row span, .example-swiper .card-item .img-row .hastag-row span, .list .swiper-slide .img-row .hastag-row span, .list .card-item .img-row .hastag-row span {
    border-radius: 9.45vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .example-swiper .swiper-slide .img-row .hastag-row span, .example-swiper .card-item .img-row .hastag-row span, .list .swiper-slide .img-row .hastag-row span, .list .card-item .img-row .hastag-row span {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .example-swiper .swiper-slide .img-row .hastag-row span, .example-swiper .card-item .img-row .hastag-row span, .list .swiper-slide .img-row .hastag-row span, .list .card-item .img-row .hastag-row span {
    font-size: 3.85vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .example-swiper .swiper-slide .img-row .hastag-row span, .example-swiper .card-item .img-row .hastag-row span, .list .swiper-slide .img-row .hastag-row span, .list .card-item .img-row .hastag-row span {
    padding: 0rem 0.8333rem;
  }
}
@media (max-width: 639px) {
  .example-swiper .swiper-slide .img-row .hastag-row span, .example-swiper .card-item .img-row .hastag-row span, .list .swiper-slide .img-row .hastag-row span, .list .card-item .img-row .hastag-row span {
    padding: 0vw 3.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .example-swiper .swiper-slide .img-row .hastag-row span, .example-swiper .card-item .img-row .hastag-row span, .list .swiper-slide .img-row .hastag-row span, .list .card-item .img-row .hastag-row span {
    letter-spacing: -0.0092rem;
  }
}
@media (max-width: 639px) {
  .example-swiper .swiper-slide .img-row .hastag-row span, .example-swiper .card-item .img-row .hastag-row span, .list .swiper-slide .img-row .hastag-row span, .list .card-item .img-row .hastag-row span {
    letter-spacing: -0.0385vw;
  }
}
@media screen and (min-width: 1200px) {
  .example-swiper .swiper-slide .img-row .hastag-row span, .example-swiper .card-item .img-row .hastag-row span, .list .swiper-slide .img-row .hastag-row span, .list .card-item .img-row .hastag-row span {
    border: none;
    background: none;
    height: auto;
    padding: 0 12px 0 0;
  }
}
@media screen and (min-width: 1200px) {
  .example-swiper .swiper-slide:before, .example-swiper .card-item:before, .list .swiper-slide:before, .list .card-item:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 2;
    border-radius: 10px;
    border: 3px solid #E13911;
    pointer-events: none;
    opacity: 0;
    transition: all 0.3s ease;
  }
  .example-swiper .swiper-slide:hover, .example-swiper .card-item:hover, .list .swiper-slide:hover, .list .card-item:hover {
    overflow: visible;
  }
  .example-swiper .swiper-slide:hover:before, .example-swiper .card-item:hover:before, .list .swiper-slide:hover:before, .list .card-item:hover:before {
    opacity: 1;
  }
  .example-swiper .swiper-slide:hover .img-row, .example-swiper .card-item:hover .img-row, .list .swiper-slide:hover .img-row, .list .card-item:hover .img-row {
    overflow: hidden;
  }
}

.visual-box {
  position: relative;
  background: #1E335F;
  z-index: 1;
  width: 87.5%;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 231px;
  border-radius: 12px;
  margin-bottom: 67px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .visual-box {
    min-height: 14.4167rem;
  }
}
@media (max-width: 639px) {
  .visual-box {
    min-height: 60.55vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .visual-box {
    border-radius: 0.75rem;
  }
}
@media (max-width: 639px) {
  .visual-box {
    border-radius: 3.15vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .visual-box {
    margin-bottom: 4.1667rem;
  }
}
@media (max-width: 639px) {
  .visual-box {
    margin-bottom: 17.5vw;
  }
}
@media screen and (min-width: 1200px) {
  .visual-box {
    width: 1200px;
    height: 280px;
    margin-bottom: 120px;
  }
}
.visual-box strong {
  position: relative;
  display: block;
  z-index: 3;
  color: #fff;
  font-weight: 700;
  text-align: center;
  font-size: 24px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .visual-box strong {
    font-size: 1.5rem;
  }
}
@media (max-width: 639px) {
  .visual-box strong {
    font-size: 6.3vw;
  }
}
@media screen and (min-width: 1200px) {
  .visual-box strong {
    font-size: 32px;
  }
}
.visual-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/sub/bg_titlebox_left.svg");
  background-position: -19px -7px;
  background-size: 145px auto;
  background-repeat: no-repeat;
  opacity: 0.06;
  z-index: 2;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .visual-box:before {
    background-position: -1.1875rem -0.4167rem;
  }
}
@media (max-width: 639px) {
  .visual-box:before {
    background-position: -4.9875vw -1.75vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .visual-box:before {
    background-size: 9.0625rem auto;
  }
}
@media (max-width: 639px) {
  .visual-box:before {
    background-size: 38.0625vw auto;
  }
}
@media screen and (min-width: 1200px) {
  .visual-box:before {
    background-position: 12px 34px;
    background-size: 210px auto;
    opacity: 0.06;
  }
}
.visual-box:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/sub/bg_titlebox_right.svg");
  background-position: 914px -108px;
  background-repeat: no-repeat;
  opacity: 0;
  z-index: 2;
}
@media screen and (min-width: 1200px) {
  .visual-box:after {
    background-size: 426px auto;
    opacity: 0.06;
  }
}

.controler {
  width: 100%;
  margin-top: 20px;
  height: 40px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .controler {
    margin-top: 1.25rem;
  }
}
@media (max-width: 639px) {
  .controler {
    margin-top: 5.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .controler {
    height: 2.5rem;
  }
}
@media (max-width: 639px) {
  .controler {
    height: 10.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .controler {
    gap: 0.5rem;
  }
}
@media (max-width: 639px) {
  .controler {
    gap: 2.1vw;
  }
}
.controler .swiper-pagination {
  background: #fff;
  position: relative;
  bottom: unset;
  left: unset;
  width: auto;
  transform: unset;
  height: 40px;
  border-radius: 40px;
  border: 1px solid #dddddd;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .controler .swiper-pagination {
    height: 2.5rem;
  }
}
@media (max-width: 639px) {
  .controler .swiper-pagination {
    height: 10.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .controler .swiper-pagination {
    border-radius: 2.5rem;
  }
}
@media (max-width: 639px) {
  .controler .swiper-pagination {
    border-radius: 10.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .controler .swiper-pagination {
    padding: 0rem 1rem;
  }
}
@media (max-width: 639px) {
  .controler .swiper-pagination {
    padding: 0vw 4.2vw;
  }
}
.controler .swiper-pagination span {
  color: #333333;
  font-weight: 700;
  font-size: 16px;
  padding: 0px 4px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .controler .swiper-pagination span {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .controler .swiper-pagination span {
    font-size: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .controler .swiper-pagination span {
    padding: 0rem 0.25rem;
  }
}
@media (max-width: 639px) {
  .controler .swiper-pagination span {
    padding: 0vw 1.05vw;
  }
}
.controler .swiper-pagination span.swiper-pagination-current {
  color: #E13911;
}
.controler .swiper-button-prev, .controler .swiper-button-next {
  left: unset;
  right: unset;
  position: relative;
  top: unset;
  margin-top: unset;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  border: 1px solid #dddddd;
  display: flex;
  justify-content: center;
  align-items: center;
}
.controler .swiper-button-prev:after, .controler .swiper-button-next:after {
  display: none;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .controler .swiper-button-prev, .controler .swiper-button-next {
    width: 2.5rem;
  }
}
@media (max-width: 639px) {
  .controler .swiper-button-prev, .controler .swiper-button-next {
    width: 10.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .controler .swiper-button-prev, .controler .swiper-button-next {
    height: 2.5rem;
  }
}
@media (max-width: 639px) {
  .controler .swiper-button-prev, .controler .swiper-button-next {
    height: 10.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .controler .swiper-button-prev, .controler .swiper-button-next {
    border-radius: 2.5rem;
  }
}
@media (max-width: 639px) {
  .controler .swiper-button-prev, .controler .swiper-button-next {
    border-radius: 10.5vw;
  }
}
.controler .swiper-button-prev .icon-svg, .controler .swiper-button-next .icon-svg {
  width: 24px;
  height: 24px;
  color: #333333;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .controler .swiper-button-prev .icon-svg, .controler .swiper-button-next .icon-svg {
    width: 1.5rem;
  }
}
@media (max-width: 639px) {
  .controler .swiper-button-prev .icon-svg, .controler .swiper-button-next .icon-svg {
    width: 6.3vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .controler .swiper-button-prev .icon-svg, .controler .swiper-button-next .icon-svg {
    height: 1.5rem;
  }
}
@media (max-width: 639px) {
  .controler .swiper-button-prev .icon-svg, .controler .swiper-button-next .icon-svg {
    height: 6.3vw;
  }
}
.controler .swiper-button-prev .icon-svg svg, .controler .swiper-button-next .icon-svg svg {
  transform: rotate(-90deg);
  width: 13px;
  height: 7px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .controler .swiper-button-prev .icon-svg svg, .controler .swiper-button-next .icon-svg svg {
    width: 0.7917rem;
  }
}
@media (max-width: 639px) {
  .controler .swiper-button-prev .icon-svg svg, .controler .swiper-button-next .icon-svg svg {
    width: 3.325vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .controler .swiper-button-prev .icon-svg svg, .controler .swiper-button-next .icon-svg svg {
    height: 0.4375rem;
  }
}
@media (max-width: 639px) {
  .controler .swiper-button-prev .icon-svg svg, .controler .swiper-button-next .icon-svg svg {
    height: 1.8375vw;
  }
}
.controler .swiper-button-prev.swiper-button-disabled, .controler .swiper-button-next.swiper-button-disabled {
  opacity: 1;
}
.controler .swiper-button-prev.swiper-button-disabled .icon-svg, .controler .swiper-button-next.swiper-button-disabled .icon-svg {
  opacity: 0.3;
}
.controler .swiper-button-prev .icon-svg svg {
  transform: rotate(90deg);
}

.content-row {
  padding-bottom: 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row {
    padding-bottom: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .content-row {
    padding-bottom: 7vw;
  }
}
.content-row .content-block {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 27px;
  margin-bottom: 40px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block {
    gap: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .content-row .content-block {
    gap: 7vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block {
    margin-bottom: 2.5rem;
  }
}
@media (max-width: 639px) {
  .content-row .content-block {
    margin-bottom: 10.5vw;
  }
}
@media screen and (min-width: 1200px) {
  .content-row .content-block {
    gap: 40px 48px;
    flex-direction: row;
  }
}
.content-row .content-block.icon {
  flex-direction: row;
  gap: 21px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.icon {
    gap: 1.3333rem;
  }
}
@media (max-width: 639px) {
  .content-row .content-block.icon {
    gap: 5.6vw;
  }
}
.content-row .content-block.icon .icon-row {
  background: #f9f9f9;
  width: 100px;
  min-width: 100px;
  height: 100px;
  max-height: 100px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.icon .icon-row {
    width: 6.25rem;
  }
}
@media (max-width: 639px) {
  .content-row .content-block.icon .icon-row {
    width: 26.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.icon .icon-row {
    min-width: 6.25rem;
  }
}
@media (max-width: 639px) {
  .content-row .content-block.icon .icon-row {
    min-width: 26.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.icon .icon-row {
    height: 6.25rem;
  }
}
@media (max-width: 639px) {
  .content-row .content-block.icon .icon-row {
    height: 26.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.icon .icon-row {
    max-height: 6.25rem;
  }
}
@media (max-width: 639px) {
  .content-row .content-block.icon .icon-row {
    max-height: 26.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.icon .icon-row {
    border-radius: 6.25rem;
  }
}
@media (max-width: 639px) {
  .content-row .content-block.icon .icon-row {
    border-radius: 26.25vw;
  }
}
.content-row .content-block.icon .icon-row img {
  width: 50px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.icon .icon-row img {
    width: 3.125rem;
  }
}
@media (max-width: 639px) {
  .content-row .content-block.icon .icon-row img {
    width: 13.125vw;
  }
}
@media screen and (min-width: 400px) {
  .content-row .content-block.icon .icon-row {
    width: 133px;
    min-width: 133px;
    height: 133px;
    max-height: 133px;
    border-radius: 133px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (min-width: 400px) and (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.icon .icon-row {
    width: 8.3333rem;
  }
}
@media screen and (min-width: 400px) and (max-width: 639px) {
  .content-row .content-block.icon .icon-row {
    width: 35vw;
  }
}
@media screen and (min-width: 400px) and (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.icon .icon-row {
    min-width: 8.3333rem;
  }
}
@media screen and (min-width: 400px) and (max-width: 639px) {
  .content-row .content-block.icon .icon-row {
    min-width: 35vw;
  }
}
@media screen and (min-width: 400px) and (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.icon .icon-row {
    height: 8.3333rem;
  }
}
@media screen and (min-width: 400px) and (max-width: 639px) {
  .content-row .content-block.icon .icon-row {
    height: 35vw;
  }
}
@media screen and (min-width: 400px) and (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.icon .icon-row {
    max-height: 8.3333rem;
  }
}
@media screen and (min-width: 400px) and (max-width: 639px) {
  .content-row .content-block.icon .icon-row {
    max-height: 35vw;
  }
}
@media screen and (min-width: 400px) and (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.icon .icon-row {
    border-radius: 8.3333rem;
  }
}
@media screen and (min-width: 400px) and (max-width: 639px) {
  .content-row .content-block.icon .icon-row {
    border-radius: 35vw;
  }
}
@media screen and (min-width: 400px) {
  .content-row .content-block.icon .icon-row img {
    width: 67px;
  }
}
@media screen and (min-width: 400px) and (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.icon .icon-row img {
    width: 4.1667rem;
  }
}
@media screen and (min-width: 400px) and (max-width: 639px) {
  .content-row .content-block.icon .icon-row img {
    width: 17.5vw;
  }
}
@media screen and (min-width: 1200px) {
  .content-row .content-block.icon .icon-row {
    width: 200px;
    height: 200px;
    min-width: 200px;
    max-height: 200px;
    border-radius: 200px;
  }
  .content-row .content-block.icon .icon-row img {
    width: 100px;
  }
}
.content-row .content-block.icon .txt-row {
  width: calc(100% - 26.25vw);
}
@media screen and (min-width: 400px) {
  .content-row .content-block.icon .txt-row {
    width: calc(100% - 35vw);
  }
}
@media screen and (min-width: 1200px) {
  .content-row .content-block.icon .txt-row {
    width: 362px;
  }
}
.content-row .content-block.icon .txt-row strong {
  font-size: 19px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.icon .txt-row strong {
    font-size: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .content-row .content-block.icon .txt-row strong {
    font-size: 4.9vw;
  }
}
@media screen and (min-width: 1200px) {
  .content-row .content-block.desc .txt-row {
    width: 100%;
  }
}
.content-row .content-block.img {
  flex-direction: row;
  gap: 21px;
  margin-bottom: 21px;
  align-items: flex-start;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.img {
    gap: 1.3333rem;
  }
}
@media (max-width: 639px) {
  .content-row .content-block.img {
    gap: 5.6vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.img {
    margin-bottom: 1.3333rem;
  }
}
@media (max-width: 639px) {
  .content-row .content-block.img {
    margin-bottom: 5.6vw;
  }
}
@media screen and (min-width: 1200px) {
  .content-row .content-block.img {
    gap: 0;
    padding-left: 248px;
  }
}
.content-row .content-block.img .icon-row {
  overflow: hidden;
  width: 100px;
  min-width: 100px;
  height: 100px;
  max-height: 100px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.img .icon-row {
    width: 6.25rem;
  }
}
@media (max-width: 639px) {
  .content-row .content-block.img .icon-row {
    width: 26.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.img .icon-row {
    min-width: 6.25rem;
  }
}
@media (max-width: 639px) {
  .content-row .content-block.img .icon-row {
    min-width: 26.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.img .icon-row {
    height: 6.25rem;
  }
}
@media (max-width: 639px) {
  .content-row .content-block.img .icon-row {
    height: 26.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.img .icon-row {
    max-height: 6.25rem;
  }
}
@media (max-width: 639px) {
  .content-row .content-block.img .icon-row {
    max-height: 26.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.img .icon-row {
    border-radius: 6.25rem;
  }
}
@media (max-width: 639px) {
  .content-row .content-block.img .icon-row {
    border-radius: 26.25vw;
  }
}
.content-row .content-block.img .icon-row img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 400px) {
  .content-row .content-block.img .icon-row {
    width: 133px;
    min-width: 133px;
    height: 133px;
    max-height: 133px;
    border-radius: 133px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (min-width: 400px) and (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.img .icon-row {
    width: 8.3333rem;
  }
}
@media screen and (min-width: 400px) and (max-width: 639px) {
  .content-row .content-block.img .icon-row {
    width: 35vw;
  }
}
@media screen and (min-width: 400px) and (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.img .icon-row {
    min-width: 8.3333rem;
  }
}
@media screen and (min-width: 400px) and (max-width: 639px) {
  .content-row .content-block.img .icon-row {
    min-width: 35vw;
  }
}
@media screen and (min-width: 400px) and (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.img .icon-row {
    height: 8.3333rem;
  }
}
@media screen and (min-width: 400px) and (max-width: 639px) {
  .content-row .content-block.img .icon-row {
    height: 35vw;
  }
}
@media screen and (min-width: 400px) and (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.img .icon-row {
    max-height: 8.3333rem;
  }
}
@media screen and (min-width: 400px) and (max-width: 639px) {
  .content-row .content-block.img .icon-row {
    max-height: 35vw;
  }
}
@media screen and (min-width: 400px) and (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.img .icon-row {
    border-radius: 8.3333rem;
  }
}
@media screen and (min-width: 400px) and (max-width: 639px) {
  .content-row .content-block.img .icon-row {
    border-radius: 35vw;
  }
}
@media screen and (min-width: 1200px) {
  .content-row .content-block.img .icon-row {
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    height: 200px;
    min-width: 200px;
    max-height: 200px;
    border-radius: 200px;
  }
}
.content-row .content-block.img .txt-row {
  width: calc(100% - 26.25vw);
}
@media screen and (min-width: 400px) {
  .content-row .content-block.img .txt-row {
    width: calc(100% - 35vw);
  }
}
@media screen and (min-width: 640px) {
  .content-row .content-block.img .txt-row {
    width: calc(100% - 9.6666rem);
  }
}
@media screen and (min-width: 1200px) {
  .content-row .content-block.img .txt-row {
    width: 952px;
  }
}
.content-row .content-block.img .txt-row strong {
  font-size: 19px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.img .txt-row strong {
    font-size: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .content-row .content-block.img .txt-row strong {
    font-size: 4.9vw;
  }
}
.content-row .content-block.txt {
  margin-bottom: 53px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.txt {
    margin-bottom: 3.3333rem;
  }
}
@media (max-width: 639px) {
  .content-row .content-block.txt {
    margin-bottom: 14vw;
  }
}
@media screen and (min-width: 1200px) {
  .content-row .content-block.txt {
    gap: 0;
    padding-left: 248px;
    margin-bottom: 40px;
  }
}
.content-row .content-block.txt .box-row {
  border: none;
  background: #eeeeee;
  padding: 21px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: wrap;
  gap: 13px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.txt .box-row {
    padding: 1.3333rem;
  }
}
@media (max-width: 639px) {
  .content-row .content-block.txt .box-row {
    padding: 5.6vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.txt .box-row {
    gap: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .content-row .content-block.txt .box-row {
    gap: 3.5vw;
  }
}
.content-row .content-block.txt .box-row strong {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.txt .box-row strong {
    gap: 0.5rem;
  }
}
@media (max-width: 639px) {
  .content-row .content-block.txt .box-row strong {
    gap: 2.1vw;
  }
}
.content-row .content-block.txt .box-row strong .icon-svg {
  width: 18px;
  height: 18px;
  color: #E13911;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.txt .box-row strong .icon-svg {
    width: 1.125rem;
  }
}
@media (max-width: 639px) {
  .content-row .content-block.txt .box-row strong .icon-svg {
    width: 4.725vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.txt .box-row strong .icon-svg {
    height: 1.125rem;
  }
}
@media (max-width: 639px) {
  .content-row .content-block.txt .box-row strong .icon-svg {
    height: 4.725vw;
  }
}
.content-row .content-block.txt .box-row strong .icon-svg svg {
  width: 15px;
  height: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.txt .box-row strong .icon-svg svg {
    width: 0.9583rem;
  }
}
@media (max-width: 639px) {
  .content-row .content-block.txt .box-row strong .icon-svg svg {
    width: 4.025vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.txt .box-row strong .icon-svg svg {
    height: 0.9583rem;
  }
}
@media (max-width: 639px) {
  .content-row .content-block.txt .box-row strong .icon-svg svg {
    height: 4.025vw;
  }
}
.content-row .content-block.txt .box-row strong span {
  font-weight: 700;
  color: #000;
  font-size: 17px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.txt .box-row strong span {
    font-size: 1.0833rem;
  }
}
@media (max-width: 639px) {
  .content-row .content-block.txt .box-row strong span {
    font-size: 4.55vw;
  }
}
.content-row .content-block.txt .box-row p {
  font-weight: 500;
  color: #000;
  font-size: 17px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .content-block.txt .box-row p {
    font-size: 1.0833rem;
  }
}
@media (max-width: 639px) {
  .content-row .content-block.txt .box-row p {
    font-size: 4.55vw;
  }
}
.content-row .content-block.txt:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 1200px) {
  .content-row .content-block.diagram {
    flex-flow: wrap;
  }
}
.content-row .txt-row > strong {
  display: block;
  width: 100%;
  text-align: left;
  color: #000;
  font-weight: 700;
  letter-spacing: -0.62px;
  font-size: 21px;
  margin-bottom: 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .txt-row > strong {
    font-size: 1.2917rem;
  }
}
@media (max-width: 639px) {
  .content-row .txt-row > strong {
    font-size: 5.425vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .txt-row > strong {
    margin-bottom: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .content-row .txt-row > strong {
    margin-bottom: 7vw;
  }
}
@media screen and (min-width: 1200px) {
  .content-row .txt-row > strong {
    font-size: 24px;
  }
}
.content-row .txt-row > p {
  text-align: left;
  color: #000;
  font-weight: 500;
  letter-spacing: -0.52px;
  font-size: 17px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .txt-row > p {
    font-size: 1.0833rem;
  }
}
@media (max-width: 639px) {
  .content-row .txt-row > p {
    font-size: 4.55vw;
  }
}
.content-row .txt-row > p b {
  display: block;
  font-weight: 700;
  padding: 16px 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .txt-row > p b {
    padding: 1rem 0rem;
  }
}
@media (max-width: 639px) {
  .content-row .txt-row > p b {
    padding: 4.2vw 0vw;
  }
}
@media screen and (min-width: 1200px) {
  .content-row .txt-row {
    width: 592px;
  }
}
.content-row .txt-row.diagram-desc {
  text-align: left;
  margin-bottom: 13px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .txt-row.diagram-desc {
    margin-bottom: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .content-row .txt-row.diagram-desc {
    margin-bottom: 3.5vw;
  }
}
.content-row .txt-row.diagram-desc b {
  font-weight: 700;
}
@media screen and (min-width: 1200px) {
  .content-row .txt-row.diagram-desc {
    width: 100%;
  }
}
.content-row .img-row {
  overflow: hidden;
  border-radius: 12px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .img-row {
    border-radius: 0.75rem;
  }
}
@media (max-width: 639px) {
  .content-row .img-row {
    border-radius: 3.15vw;
  }
}
.content-row .img-row img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 1200px) {
  .content-row .img-row {
    width: 560px;
  }
}
.content-row .diagram-row {
  width: 267px;
  margin: auto;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .diagram-row {
    width: 16.6667rem;
  }
}
@media (max-width: 639px) {
  .content-row .diagram-row {
    width: 70vw;
  }
}
@media screen and (min-width: 1200px) {
  .content-row .diagram-row {
    width: 100%;
    margin-bottom: 40px;
  }
}
.content-row .diagram-row ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: wrap;
  gap: 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .diagram-row ul {
    gap: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .content-row .diagram-row ul {
    gap: 7vw;
  }
}
@media screen and (min-width: 1200px) {
  .content-row .diagram-row ul {
    gap: 86px;
  }
}
.content-row .diagram-row ul li {
  width: 267px;
  height: 267px;
  border-radius: 267px;
  background: #f9f9f9;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-flow: wrap;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .diagram-row ul li {
    width: 16.6667rem;
  }
}
@media (max-width: 639px) {
  .content-row .diagram-row ul li {
    width: 70vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .diagram-row ul li {
    height: 16.6667rem;
  }
}
@media (max-width: 639px) {
  .content-row .diagram-row ul li {
    height: 70vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .diagram-row ul li {
    border-radius: 16.6667rem;
  }
}
@media (max-width: 639px) {
  .content-row .diagram-row ul li {
    border-radius: 70vw;
  }
}
.content-row .diagram-row ul li img {
  width: 100px;
  height: auto;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .diagram-row ul li img {
    width: 6.25rem;
  }
}
@media (max-width: 639px) {
  .content-row .diagram-row ul li img {
    width: 26.25vw;
  }
}
.content-row .diagram-row ul li strong {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 700;
  color: #000;
  font-size: 19px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .content-row .diagram-row ul li strong {
    font-size: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .content-row .diagram-row ul li strong {
    font-size: 4.9vw;
  }
}
@media screen and (min-width: 1200px) {
  .content-row .diagram-row ul li {
    width: 300px;
    height: 300px;
    border-radius: 300px;
  }
  .content-row .diagram-row ul li img {
    width: 100px;
  }
  .content-row .diagram-row ul li strong {
    font-size: 20px;
  }
}

.search-row {
  background: #f5f5f5;
  padding: 40px 27px;
  border-radius: 12px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .search-row {
    padding: 2.5rem 1.6667rem;
  }
}
@media (max-width: 639px) {
  .search-row {
    padding: 10.5vw 7vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .search-row {
    border-radius: 0.75rem;
  }
}
@media (max-width: 639px) {
  .search-row {
    border-radius: 3.15vw;
  }
}
@media screen and (min-width: 1200px) {
  .search-row {
    padding: 40px;
  }
  .search-row form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: wrap;
  }
}
.search-row dl {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: wrap;
}
.search-row dl dt {
  font-weight: 700;
  width: 22.1%;
  margin-bottom: 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .search-row dl dt {
    margin-bottom: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .search-row dl dt {
    margin-bottom: 7vw;
  }
}
.search-row dl dd {
  width: 77.9%;
  margin-bottom: 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .search-row dl dd {
    margin-bottom: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .search-row dl dd {
    margin-bottom: 7vw;
  }
}
.search-row dl dd .form-row {
  margin-bottom: 0;
}
@media screen and (min-width: 1200px) {
  .search-row dl {
    flex-flow: nowrap;
    width: calc(100% - 124px);
  }
  .search-row dl dt {
    margin-bottom: 0;
  }
  .search-row dl dt:nth-of-type(1) {
    width: 83px;
  }
  .search-row dl dt:nth-of-type(2) {
    width: 95px;
    padding-left: 24px;
  }
  .search-row dl dt:nth-of-type(3) {
    width: 81px;
    padding-left: 24px;
  }
  .search-row dl dd {
    margin-bottom: 0;
  }
  .search-row dl dd input {
    height: 48px;
  }
  .search-row dl dd:nth-of-type(1), .search-row dl dd:nth-of-type(2) {
    width: 180px;
  }
  .search-row dl dd:nth-of-type(1) .dropdown, .search-row dl dd:nth-of-type(2) .dropdown {
    width: 180px;
  }
  .search-row dl dd:nth-of-type(1) .dropdown .dropdown-box button, .search-row dl dd:nth-of-type(2) .dropdown .dropdown-box button {
    height: 48px;
    padding: 14px 12px 14px 24px;
  }
  .search-row dl dd:nth-of-type(1) .dropdown .dropdown-box .dropdown-list, .search-row dl dd:nth-of-type(2) .dropdown .dropdown-box .dropdown-list {
    top: 54px;
  }
  .search-row dl dd:nth-of-type(3) {
    width: 379px;
  }
}
.search-row .btn-row .btn {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .search-row .btn-row {
    width: 124px;
    text-align: right;
  }
  .search-row .btn-row .btn {
    min-width: unset;
    width: 110px;
    height: 48px;
    border-radius: 48px;
  }
}
.search-row hr {
  margin: 0;
  margin: 27px 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .search-row hr {
    margin: 1.6667rem 0rem;
  }
}
@media (max-width: 639px) {
  .search-row hr {
    margin: 7vw 0vw;
  }
}
@media screen and (min-width: 1200px) {
  .search-row hr {
    width: 100%;
    margin: 24px 0;
  }
}
.search-row .select-fillter {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: wrap;
}
@media screen and (min-width: 1200px) {
  .search-row .select-fillter {
    flex-flow: nowrap;
    width: 100%;
  }
}
.search-row .select-fillter strong {
  color: #222222;
  font-weight: 700;
  font-size: 17px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .search-row .select-fillter strong {
    font-size: 1.0833rem;
  }
}
@media (max-width: 639px) {
  .search-row .select-fillter strong {
    font-size: 4.55vw;
  }
}
.search-row .select-fillter strong span {
  color: #E13911;
}
@media screen and (min-width: 1200px) {
  .search-row .select-fillter strong {
    width: 120px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.search-row .select-fillter .btn-filter-reset {
  min-width: unset;
  background: #fff;
  margin: 1px 0px 0px 13px;
  width: 32px;
  height: 32px;
  border-radius: 32px;
  border: 1px solid #dddddd;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .search-row .select-fillter .btn-filter-reset {
    margin: 0.0833rem 0rem 0rem 0.8333rem;
  }
}
@media (max-width: 639px) {
  .search-row .select-fillter .btn-filter-reset {
    margin: 0.35vw 0vw 0vw 3.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .search-row .select-fillter .btn-filter-reset {
    width: 2rem;
  }
}
@media (max-width: 639px) {
  .search-row .select-fillter .btn-filter-reset {
    width: 8.4vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .search-row .select-fillter .btn-filter-reset {
    height: 2rem;
  }
}
@media (max-width: 639px) {
  .search-row .select-fillter .btn-filter-reset {
    height: 8.4vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .search-row .select-fillter .btn-filter-reset {
    border-radius: 2rem;
  }
}
@media (max-width: 639px) {
  .search-row .select-fillter .btn-filter-reset {
    border-radius: 8.4vw;
  }
}
@media screen and (min-width: 1200px) {
  .search-row .select-fillter .btn-filter-reset {
    margin: 0 8px 0 14px;
  }
}
.search-row .select-fillter .fillter-list {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: wrap;
  gap: 8px 8px;
  margin-top: 13px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .search-row .select-fillter .fillter-list {
    gap: 0.5rem 0.5rem;
  }
}
@media (max-width: 639px) {
  .search-row .select-fillter .fillter-list {
    gap: 2.1vw 2.1vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .search-row .select-fillter .fillter-list {
    margin-top: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .search-row .select-fillter .fillter-list {
    margin-top: 3.5vw;
  }
}
@media screen and (min-width: 1200px) {
  .search-row .select-fillter .fillter-list {
    margin-top: 0;
  }
}
.search-row .select-fillter .fillter-list .item {
  background: #fff;
  border: 1px solid #dddddd;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  border-radius: 32px;
  gap: 2px;
  padding: 0px 12px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .search-row .select-fillter .fillter-list .item {
    height: 2rem;
  }
}
@media (max-width: 639px) {
  .search-row .select-fillter .fillter-list .item {
    height: 8.4vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .search-row .select-fillter .fillter-list .item {
    border-radius: 2rem;
  }
}
@media (max-width: 639px) {
  .search-row .select-fillter .fillter-list .item {
    border-radius: 8.4vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .search-row .select-fillter .fillter-list .item {
    gap: 0.125rem;
  }
}
@media (max-width: 639px) {
  .search-row .select-fillter .fillter-list .item {
    gap: 0.525vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .search-row .select-fillter .fillter-list .item {
    padding: 0rem 0.75rem;
  }
}
@media (max-width: 639px) {
  .search-row .select-fillter .fillter-list .item {
    padding: 0vw 3.15vw;
  }
}
.search-row .select-fillter .fillter-list .item span {
  color: #222222;
  font-weight: 400;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .search-row .select-fillter .fillter-list .item span {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .search-row .select-fillter .fillter-list .item span {
    font-size: 3.85vw;
  }
}
.search-row .select-fillter .fillter-list .item .icon-svg {
  width: 12px;
  height: 12px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .search-row .select-fillter .fillter-list .item .icon-svg {
    width: 0.75rem;
  }
}
@media (max-width: 639px) {
  .search-row .select-fillter .fillter-list .item .icon-svg {
    width: 3.15vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .search-row .select-fillter .fillter-list .item .icon-svg {
    height: 0.75rem;
  }
}
@media (max-width: 639px) {
  .search-row .select-fillter .fillter-list .item .icon-svg {
    height: 3.15vw;
  }
}
.search-row .select-fillter .fillter-list .item .icon-svg svg {
  width: 8px;
  height: 8px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .search-row .select-fillter .fillter-list .item .icon-svg svg {
    width: 0.5rem;
  }
}
@media (max-width: 639px) {
  .search-row .select-fillter .fillter-list .item .icon-svg svg {
    width: 2.1vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .search-row .select-fillter .fillter-list .item .icon-svg svg {
    height: 0.5rem;
  }
}
@media (max-width: 639px) {
  .search-row .select-fillter .fillter-list .item .icon-svg svg {
    height: 2.1vw;
  }
}
@media screen and (min-width: 1200px) {
  .search-row.expert-com dl {
    flex-flow: nowrap;
    width: calc(100% - 124px);
  }
  .search-row.expert-com dl dt {
    margin-bottom: 0;
  }
  .search-row.expert-com dl dt:nth-of-type(1) {
    width: 74px;
  }
  .search-row.expert-com dl dt:nth-of-type(2) {
    width: 83px;
    padding-left: 24px;
  }
  .search-row.expert-com dl dd {
    margin-bottom: 0;
  }
  .search-row.expert-com dl dd input {
    height: 48px;
  }
  .search-row.expert-com dl dd:nth-of-type(1) {
    width: 180px;
  }
  .search-row.expert-com dl dd:nth-of-type(1) .dropdown {
    width: 180px;
  }
  .search-row.expert-com dl dd:nth-of-type(1) .dropdown .dropdown-box button {
    height: 48px;
    padding: 14px 12px 14px 24px;
  }
  .search-row.expert-com dl dd:nth-of-type(1) .dropdown .dropdown-box .dropdown-list {
    top: 54px;
  }
  .search-row.expert-com dl dd:nth-of-type(2) {
    width: 649px;
  }
}
@media screen and (min-width: 1200px) {
  .search-row.news dl {
    flex-flow: nowrap;
    width: calc(100% - 124px);
  }
  .search-row.news dl dt {
    margin-bottom: 0;
  }
  .search-row.news dl dt:nth-of-type(1) {
    width: 88px;
  }
  .search-row.news dl dt:nth-of-type(2) {
    width: 83px;
    padding-left: 24px;
  }
  .search-row.news dl dd {
    margin-bottom: 0;
  }
  .search-row.news dl dd input {
    height: 48px;
  }
  .search-row.news dl dd:nth-of-type(1) {
    width: 180px;
  }
  .search-row.news dl dd:nth-of-type(1) .dropdown {
    width: 180px;
  }
  .search-row.news dl dd:nth-of-type(1) .dropdown .dropdown-box button {
    height: 48px;
    padding: 14px 12px 14px 24px;
  }
  .search-row.news dl dd:nth-of-type(1) .dropdown .dropdown-box .dropdown-list {
    top: 54px;
  }
  .search-row.news dl dd:nth-of-type(2) {
    width: 635px;
  }
}

.tab {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #dddddd;
}
.tab li {
  width: 43.75%;
  height: 53px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tab li {
    height: 3.3333rem;
  }
}
@media (max-width: 639px) {
  .tab li {
    height: 14vw;
  }
}
.tab li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #666666;
  font-weight: 500;
  font-size: 16px;
  border-bottom: none;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .tab li a {
    font-size: 1rem;
  }
}
@media (max-width: 639px) {
  .tab li a {
    font-size: 4.2vw;
  }
}
.tab li.active a {
  color: #222222;
  border-bottom: 3px solid #000;
}

.container-inner-form.exchange-login {
  padding: 107px 27px 0px 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-inner-form.exchange-login {
    padding: 6.6667rem 1.6667rem 0rem 1.6667rem;
  }
}
@media (max-width: 639px) {
  .container-inner-form.exchange-login {
    padding: 28vw 7vw 0vw 7vw;
  }
}
.container-inner-form.exchange-login .page-title {
  padding: 0px 27px 40px 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-inner-form.exchange-login .page-title {
    padding: 0rem 1.6667rem 2.5rem 1.6667rem;
  }
}
@media (max-width: 639px) {
  .container-inner-form.exchange-login .page-title {
    padding: 0vw 7vw 10.5vw 7vw;
  }
}
@media screen and (min-width: 640px) {
  .container-inner-form.exchange-login .page-title {
    padding: 160px 0 80px 0;
  }
}
@media screen and (min-width: 1200px) {
  .container-inner-form.exchange-login .page-title {
    padding: 160px 0 80px 0;
  }
}
.container-inner-form.exchange-login .submit-row {
  margin-bottom: 0;
}
.container-inner-form .visit-content, .container-inner-form .delivery-content {
  display: none;
}
.container-inner-form .txt-box.visit, .container-inner-form .txt-box.delivery {
  background: #f9f9f9;
  border-radius: 11px;
  padding: 21px 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-inner-form .txt-box.visit, .container-inner-form .txt-box.delivery {
    border-radius: 0.6667rem;
  }
}
@media (max-width: 639px) {
  .container-inner-form .txt-box.visit, .container-inner-form .txt-box.delivery {
    border-radius: 2.8vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-inner-form .txt-box.visit, .container-inner-form .txt-box.delivery {
    padding: 1.3333rem 1.6667rem;
  }
}
@media (max-width: 639px) {
  .container-inner-form .txt-box.visit, .container-inner-form .txt-box.delivery {
    padding: 5.6vw 7vw;
  }
}
.container-inner-form .txt-box.visit .title-row, .container-inner-form .txt-box.delivery .title-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 4px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-inner-form .txt-box.visit .title-row, .container-inner-form .txt-box.delivery .title-row {
    margin-bottom: 0.25rem;
  }
}
@media (max-width: 639px) {
  .container-inner-form .txt-box.visit .title-row, .container-inner-form .txt-box.delivery .title-row {
    margin-bottom: 1.05vw;
  }
}
.container-inner-form .txt-box.visit .title-row .icon-svg, .container-inner-form .txt-box.delivery .title-row .icon-svg {
  --path1-stroke-color:#4BC8C4;
  --path2-fill-color:#4BC8C4;
  width: 16px;
  height: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-inner-form .txt-box.visit .title-row .icon-svg, .container-inner-form .txt-box.delivery .title-row .icon-svg {
    width: 1rem;
  }
}
@media (max-width: 639px) {
  .container-inner-form .txt-box.visit .title-row .icon-svg, .container-inner-form .txt-box.delivery .title-row .icon-svg {
    width: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-inner-form .txt-box.visit .title-row .icon-svg, .container-inner-form .txt-box.delivery .title-row .icon-svg {
    height: 1rem;
  }
}
@media (max-width: 639px) {
  .container-inner-form .txt-box.visit .title-row .icon-svg, .container-inner-form .txt-box.delivery .title-row .icon-svg {
    height: 4.2vw;
  }
}
.container-inner-form .txt-box.visit .title-row strong, .container-inner-form .txt-box.delivery .title-row strong {
  font-weight: 600;
  color: #E13911;
  margin-left: 4px;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-inner-form .txt-box.visit .title-row strong, .container-inner-form .txt-box.delivery .title-row strong {
    margin-left: 0.25rem;
  }
}
@media (max-width: 639px) {
  .container-inner-form .txt-box.visit .title-row strong, .container-inner-form .txt-box.delivery .title-row strong {
    margin-left: 1.05vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-inner-form .txt-box.visit .title-row strong, .container-inner-form .txt-box.delivery .title-row strong {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .container-inner-form .txt-box.visit .title-row strong, .container-inner-form .txt-box.delivery .title-row strong {
    font-size: 3.85vw;
  }
}
.container-inner-form .txt-box.visit p, .container-inner-form .txt-box.delivery p {
  font-weight: 600;
  color: #222222;
  font-size: 13px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-inner-form .txt-box.visit p, .container-inner-form .txt-box.delivery p {
    font-size: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .container-inner-form .txt-box.visit p, .container-inner-form .txt-box.delivery p {
    font-size: 3.5vw;
  }
}
.container-inner-form .caution {
  color: #FE2E36;
  font-weight: 500;
  line-height: 1.3;
  padding: 5px 0px 0px 9px;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-inner-form .caution {
    padding: 0.3333rem 0rem 0rem 0.5833rem;
  }
}
@media (max-width: 639px) {
  .container-inner-form .caution {
    padding: 1.4vw 0vw 0vw 2.45vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-inner-form .caution {
    font-size: 0.9583rem;
  }
}
@media (max-width: 639px) {
  .container-inner-form .caution {
    font-size: 4.025vw;
  }
}
.container-inner-form .caution-row {
  position: relative;
  background: #f9f9f9;
  border-radius: 5px;
  padding: 27px;
  height: 285px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-inner-form .caution-row {
    border-radius: 0.3333rem;
  }
}
@media (max-width: 639px) {
  .container-inner-form .caution-row {
    border-radius: 1.4vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-inner-form .caution-row {
    padding: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .container-inner-form .caution-row {
    padding: 7vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-inner-form .caution-row {
    height: 17.7917rem;
  }
}
@media (max-width: 639px) {
  .container-inner-form .caution-row {
    height: 74.725vw;
  }
}
.container-inner-form .caution-row .agree-row {
  margin-bottom: 18px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-inner-form .caution-row .agree-row {
    margin-bottom: 1.125rem;
  }
}
@media (max-width: 639px) {
  .container-inner-form .caution-row .agree-row {
    margin-bottom: 4.725vw;
  }
}
.container-inner-form .caution-row .caution-txt-box {
  position: relative;
  overflow: hidden;
  margin-top: 16px;
  height: 160px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-inner-form .caution-row .caution-txt-box {
    margin-top: 0.9792rem;
  }
}
@media (max-width: 639px) {
  .container-inner-form .caution-row .caution-txt-box {
    margin-top: 4.1125vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-inner-form .caution-row .caution-txt-box {
    height: 10rem;
  }
}
@media (max-width: 639px) {
  .container-inner-form .caution-row .caution-txt-box {
    height: 42vw;
  }
}
.container-inner-form .caution-row .caution-txt-box:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(249, 249, 249, 0) 0%, #F9F9F9 100%);
}
.container-inner-form .caution-row .caution-txt-box + a {
  position: absolute;
  left: 50%;
  bottom: 27px;
  transform: translateX(-50%);
  z-index: 2;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-inner-form .caution-row .caution-txt-box + a {
    bottom: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .container-inner-form .caution-row .caution-txt-box + a {
    bottom: 7vw;
  }
}
.container-inner-form .btn-row {
  width: 100%;
  text-align: center;
  padding-top: 33px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-inner-form .btn-row {
    padding-top: 2.0833rem;
  }
}
@media (max-width: 639px) {
  .container-inner-form .btn-row {
    padding-top: 8.75vw;
  }
}
.container-inner-form .btn-row .btn {
  width: 213px;
  margin: 0px 4px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-inner-form .btn-row .btn {
    width: 13.3333rem;
  }
}
@media (max-width: 639px) {
  .container-inner-form .btn-row .btn {
    width: 56vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-inner-form .btn-row .btn {
    margin: 0rem 0.25rem;
  }
}
@media (max-width: 639px) {
  .container-inner-form .btn-row .btn {
    margin: 0vw 1.05vw;
  }
}
@media screen and (min-width: 1200px) {
  .container-inner-form .btn-row .btn {
    width: 240px;
  }
}
.container-inner-form .btn-row.btn-col2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 1200px) {
  .container-inner-form .btn-row.btn-col2 {
    justify-content: center;
  }
}
.container-inner-form .btn-row.btn-col2 .btn {
  width: 49%;
}
@media screen and (min-width: 1200px) {
  .container-inner-form .btn-row.btn-col2 .btn {
    width: 240px;
  }
}
.container-inner-form .select_date .icon-svg {
  position: absolute;
  color: #E13911;
  right: 16px;
  top: 48px;
  width: 27px;
  height: 27px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-inner-form .select_date .icon-svg {
    right: 1rem;
  }
}
@media (max-width: 639px) {
  .container-inner-form .select_date .icon-svg {
    right: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-inner-form .select_date .icon-svg {
    top: 3.0208rem;
  }
}
@media (max-width: 639px) {
  .container-inner-form .select_date .icon-svg {
    top: 12.6875vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-inner-form .select_date .icon-svg {
    width: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .container-inner-form .select_date .icon-svg {
    width: 7vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .container-inner-form .select_date .icon-svg {
    height: 1.6667rem;
  }
}
@media (max-width: 639px) {
  .container-inner-form .select_date .icon-svg {
    height: 7vw;
  }
}

.caution-txt-box ol {
  list-style: decimal;
  margin-left: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .caution-txt-box ol {
    margin-left: 1rem;
  }
}
@media (max-width: 639px) {
  .caution-txt-box ol {
    margin-left: 4.2vw;
  }
}
.caution-txt-box ol > li {
  font-weight: 400;
  color: #222222;
  margin-bottom: 16px;
  font-size: 13px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .caution-txt-box ol > li {
    margin-bottom: 1rem;
  }
}
@media (max-width: 639px) {
  .caution-txt-box ol > li {
    margin-bottom: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .caution-txt-box ol > li {
    font-size: 0.8333rem;
  }
}
@media (max-width: 639px) {
  .caution-txt-box ol > li {
    font-size: 3.5vw;
  }
}

.total-row {
  background: #f9f9f9;
  padding: 27px 21px;
  margin-bottom: 33px;
  border-radius: 5px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .total-row {
    padding: 1.6667rem 1.3333rem;
  }
}
@media (max-width: 639px) {
  .total-row {
    padding: 7vw 5.6vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .total-row {
    margin-bottom: 2.0833rem;
  }
}
@media (max-width: 639px) {
  .total-row {
    margin-bottom: 8.75vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .total-row {
    border-radius: 0.3333rem;
  }
}
@media (max-width: 639px) {
  .total-row {
    border-radius: 1.4vw;
  }
}
@media screen and (min-width: 640px) {
  .total-row {
    border-radius: 8px;
    margin-bottom: 32px;
    padding: 30px 22px;
  }
}
.total-row ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.total-row ul li:first-child {
  color: #222222;
  font-weight: 400;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .total-row ul li:first-child {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .total-row ul li:first-child {
    font-size: 3.85vw;
  }
}
.total-row ul li:last-child strong {
  color: #222222;
  font-weight: 600;
  font-size: 17px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .total-row ul li:last-child strong {
    font-size: 1.0833rem;
  }
}
@media (max-width: 639px) {
  .total-row ul li:last-child strong {
    font-size: 4.55vw;
  }
}
.total-row ul li:last-child span {
  color: #222222;
  font-weight: 400;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .total-row ul li:last-child span {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .total-row ul li:last-child span {
    font-size: 3.85vw;
  }
}
.total-row ul:last-child li:first-child {
  color: #222222;
  font-weight: 600;
  font-size: 15px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .total-row ul:last-child li:first-child {
    font-size: 0.9167rem;
  }
}
@media (max-width: 639px) {
  .total-row ul:last-child li:first-child {
    font-size: 3.85vw;
  }
}
.total-row ul:last-child li:last-child strong {
  color: #E13911;
  font-weight: 700;
  font-size: 21px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .total-row ul:last-child li:last-child strong {
    font-size: 1.3333rem;
  }
}
@media (max-width: 639px) {
  .total-row ul:last-child li:last-child strong {
    font-size: 5.6vw;
  }
}
.total-row ul:last-child li:last-child span {
  color: #E13911;
  font-weight: 400;
  font-size: 19px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .total-row ul:last-child li:last-child span {
    font-size: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .total-row ul:last-child li:last-child span {
    font-size: 4.9vw;
  }
}
@media screen and (min-width: 640px) {
  .total-row ul li:first-child {
    font-size: 14px;
    padding-left: 16px;
  }
  .total-row ul li:last-child {
    padding-right: 16px;
  }
  .total-row ul li:last-child strong {
    font-size: 18px;
  }
  .total-row ul li:last-child span {
    font-size: 14px;
  }
  .total-row ul:last-child li:first-child {
    font-size: 14px;
  }
  .total-row ul:last-child li:last-child strong {
    font-size: 24px;
  }
  .total-row ul:last-child li:last-child span {
    font-size: 20px;
  }
}

.address-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: wrap;
}
.address-row > label {
  width: 100%;
}
.address-row #postcode, .address-row #diff_postcode {
  width: calc(100% - 31.5vw);
}
.address-row .btn-search {
  width: 93px;
  height: 56px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .address-row .btn-search {
    width: 5.8333rem;
  }
}
@media (max-width: 639px) {
  .address-row .btn-search {
    width: 24.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .address-row .btn-search {
    height: 3.5rem;
  }
}
@media (max-width: 639px) {
  .address-row .btn-search {
    height: 14.7vw;
  }
}
.address-row #address, .address-row #diff_address {
  margin: 8px 0px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .address-row #address, .address-row #diff_address {
    margin: 0.5rem 0rem;
  }
}
@media (max-width: 639px) {
  .address-row #address, .address-row #diff_address {
    margin: 2.1vw 0vw;
  }
}
@media screen and (min-width: 640px) {
  .address-row #postcode, .address-row #diff_postcode {
    width: calc(100% - 120px);
  }
}

/*모션*/
.motion-fade {
  opacity: 0;
  transition: opacity 1s;
}
.motion-fade.active {
  opacity: 1;
}

.motion-up {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.7s, transform 0.7s;
}
.motion-up.active {
  opacity: 1;
  transform: translateY(0);
}

.motion-left {
  opacity: 0;
  transform: translateX(-40px);
  transition: opacity 0.7s, transform 0.7s;
}
.motion-left.active {
  opacity: 1;
  transform: none;
}

.icon-svg {
  width: 47px;
  height: 47px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  color: #222222;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .icon-svg {
    width: 2.9167rem;
  }
}
@media (max-width: 639px) {
  .icon-svg {
    width: 12.25vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .icon-svg {
    height: 2.9167rem;
  }
}
@media (max-width: 639px) {
  .icon-svg {
    height: 12.25vw;
  }
}
@media screen and (min-width: 1200px) {
  .icon-svg {
    width: 56px;
    height: 56px;
  }
}
.icon-svg.size120 {
  width: 40px;
  height: 40px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .icon-svg.size120 {
    width: 2.5rem;
  }
}
@media (max-width: 639px) {
  .icon-svg.size120 {
    width: 10.5vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .icon-svg.size120 {
    height: 2.5rem;
  }
}
@media (max-width: 639px) {
  .icon-svg.size120 {
    height: 10.5vw;
  }
}
@media screen and (min-width: 1200px) {
  .icon-svg.size120 {
    width: 40px;
    height: 40px;
  }
}
.icon-svg.size100 {
  width: 33px;
  height: 33px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .icon-svg.size100 {
    width: 2.0833rem;
  }
}
@media (max-width: 639px) {
  .icon-svg.size100 {
    width: 8.75vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .icon-svg.size100 {
    height: 2.0833rem;
  }
}
@media (max-width: 639px) {
  .icon-svg.size100 {
    height: 8.75vw;
  }
}
@media screen and (min-width: 1200px) {
  .icon-svg.size100 {
    width: 36px;
    height: 36px;
  }
}
.icon-svg.size72 {
  width: 24px;
  height: 24px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .icon-svg.size72 {
    width: 1.5rem;
  }
}
@media (max-width: 639px) {
  .icon-svg.size72 {
    width: 6.3vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .icon-svg.size72 {
    height: 1.5rem;
  }
}
@media (max-width: 639px) {
  .icon-svg.size72 {
    height: 6.3vw;
  }
}
@media screen and (min-width: 1200px) {
  .icon-svg.size72 {
    width: 32px;
    height: 32px;
  }
}
.icon-svg.size64 {
  width: 21px;
  height: 21px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .icon-svg.size64 {
    width: 1.3333rem;
  }
}
@media (max-width: 639px) {
  .icon-svg.size64 {
    width: 5.6vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .icon-svg.size64 {
    height: 1.3333rem;
  }
}
@media (max-width: 639px) {
  .icon-svg.size64 {
    height: 5.6vw;
  }
}
.icon-svg.size64 svg {
  width: 79.6875%;
  height: 100%;
}
@media screen and (min-width: 1200px) {
  .icon-svg.size64 {
    width: 24px;
    height: 24px;
  }
}
.icon-svg.size56 {
  width: 19px;
  height: 19px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .icon-svg.size56 {
    width: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .icon-svg.size56 {
    width: 4.9vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .icon-svg.size56 {
    height: 1.1667rem;
  }
}
@media (max-width: 639px) {
  .icon-svg.size56 {
    height: 4.9vw;
  }
}
@media screen and (min-width: 1200px) {
  .icon-svg.size56 {
    width: 20px;
    height: 20px;
  }
}
.icon-svg.size48 {
  width: 16px;
  height: 16px;
}
@media (min-width: 640px) and (max-width: 1199px) {
  .icon-svg.size48 {
    width: 1rem;
  }
}
@media (max-width: 639px) {
  .icon-svg.size48 {
    width: 4.2vw;
  }
}
@media (min-width: 640px) and (max-width: 1199px) {
  .icon-svg.size48 {
    height: 1rem;
  }
}
@media (max-width: 639px) {
  .icon-svg.size48 {
    height: 4.2vw;
  }
}
@media screen and (min-width: 1200px) {
  .icon-svg.size48 {
    width: 18px;
    height: 18px;
  }
}
.icon-svg svg {
  overflow: hidden;
  width: 43%;
  height: auto;
}

@keyframes floatAnimation {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes floatCenterAnimation {
  0% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(-15px);
  }
  100% {
    transform: translateX(-50%) translateY(0);
  }
}
@keyframes floatY2 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-18px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes floatY {
  0% {
    transform: translate(-50%, 0);
  }
  50% {
    transform: translate(-50%, -18px);
  }
  100% {
    transform: translate(-50%, 0);
  }
}
@keyframes scaleX {
  0% {
    transform: translateX(-50%) scale(0.9);
  }
  50% {
    transform: translateX(-50%) scale(1);
  }
  100% {
    transform: translateX(-50%) scale(0.9);
  }
}
@keyframes scaleX2 {
  0% {
    transform: translateX(-50%) scale(1);
  }
  50% {
    transform: translateX(-50%) scale(0.9);
  }
  100% {
    transform: translateX(-50%) scale(1);
  }
}
.float-animate2 {
  animation: scaleX 2.2s ease-in-out infinite;
}

.float-animate {
  animation: floatY 2.2s ease-in-out infinite;
}

.float-animate3 {
  animation: floatY2 2.2s ease-in-out infinite;
}

.float-animate.delay1 {
  animation-delay: 0s;
}

.float-animate.delay2 {
  animation-delay: 0.7s;
}

.float-animate.delay3 {
  animation-delay: 1.1s;
}

.float-animate2.delay3 {
  animation-delay: 1.1s;
}

.float-animate3.delay1 {
  animation-delay: 0s;
}

.float-animate3.delay2 {
  animation-delay: 0.7s;
}

.float-animate3.delay3 {
  animation-delay: 1.1s;
}

.float-animate3.delay4 {
  animation-delay: 0.9s;
}/*# sourceMappingURL=style.css.map */