@charset "UTF-8";
/* FONTSET */
@font-face {
  font-family: "NanumSquareRound";
  font-weight: 500;
  src: url(../fonts/NanumSquareRoundR.eot);
  src: url(../fonts/NanumSquareRoundR.eot?#iefix) format("embedded-opentype"),
    url(../fonts/NanumSquareRoundR.woff2) format("woff2"),
    url(../fonts/NanumSquareRoundR.woff) format("woff"),
    url(../fonts/NanumSquareRoundR.ttf) format("truetype");
}
@font-face {
  font-family: "NanumSquareRound";
  font-weight: 600;
  src: url(../fonts/NanumSquareRoundB.eot);
  src: url(../fonts/NanumSquareRoundB.eot?#iefix) format("embedded-opentype"),
    url(../fonts/NanumSquareRoundB.woff2) format("woff2"),
    url(../fonts/NanumSquareRoundB.woff) format("woff"),
    url(../fonts/NanumSquareRoundB.ttf) format("truetype");
}
@font-face {
  font-family: "NanumSquareRound";
  font-weight: 700;
  src: url(../fonts/NanumSquareRoundB.eot);
  src: url(../fonts/NanumSquareRoundB.eot?#iefix) format("embedded-opentype"),
    url(../fonts/NanumSquareRoundB.woff2) format("woff2"),
    url(../fonts/NanumSquareRoundB.woff) format("woff"),
    url(../fonts/NanumSquareRoundB.ttf) format("truetype");
}
@font-face {
  font-family: "NanumSquareRound";
  font-weight: 800;
  src: url(../fonts/NanumSquareRoundEB.eot);
  src: local("NanumSquareRoundExtraBold"),
    url(../fonts/NanumSquareRoundEB.eot?#iefix) format("embedded-opentype"),
    url(../fonts/NanumSquareRoundEB.woff2) format("woff2"),
    url(../fonts/NanumSquareRoundEB.woff) format("woff"),
    url(../fonts/NanumSquareRoundEB.ttf) format("truetype");
}
@font-face {
  font-family: "NanumSquareRound";
  font-weight: 200;
  src: url(../fonts/NanumSquareRoundL.eot);
  src: url(../fonts/NanumSquareRoundL.eot?#iefix) format("embedded-opentype"),
    url(../fonts/NanumSquareRoundL.woff2) format("woff2"),
    url(../fonts/NanumSquareRoundL.woff) format("woff"),
    url(../fonts/NanumSquareRoundL.ttf) format("truetype");
}
.table--list.is--scroll-x,
.scroll-x,
.tab-tags,
.tab-tag {
  -webkit-transform: translate3d(0, 0, 0);
}
.table--list.is--scroll-x::-webkit-scrollbar,
.scroll-x::-webkit-scrollbar,
.tab-tags::-webkit-scrollbar,
.tab-tag::-webkit-scrollbar {
  height: 13px;
  border: 5px solid rgba(255, 255, 255, 0);
}
.table--list.is--scroll-x::-webkit-scrollbar-button:start:decrement,
.scroll-x::-webkit-scrollbar-button:start:decrement,
.tab-tags::-webkit-scrollbar-button:start:decrement,
.tab-tag::-webkit-scrollbar-button:start:decrement,
.table--list.is--scroll-x::-webkit-scrollbar-button:end:increment,
.scroll-x::-webkit-scrollbar-button:end:increment,
.tab-tags::-webkit-scrollbar-button:end:increment,
.tab-tag::-webkit-scrollbar-button:end:increment {
  display: block;
  width: 0;
  height: 0;
}
.table--list.is--scroll-x::-webkit-scrollbar-track,
.scroll-x::-webkit-scrollbar-track,
.tab-tags::-webkit-scrollbar-track,
.tab-tag::-webkit-scrollbar-track {
  background: transparent;
}
.table--list.is--scroll-x::-webkit-scrollbar-thumb,
.scroll-x::-webkit-scrollbar-thumb,
.tab-tags::-webkit-scrollbar-thumb,
.tab-tag::-webkit-scrollbar-thumb {
  border: 5px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  background-color: #d9d9d9;
  border-radius: 6px;
}

header
  .header--utill
  .header--utill__noti
  .header__noti-text
  .tab--wrapper
  .tab--contents,
.table--list.is--scroll-y .table--list__tbody,
.dropdown--box,
.input-box--text.is--tags,
.input-box--textarea textarea,
.input-box--textarea.is--border {
  -webkit-transform: translate3d(0, 0, 0);
}
header
  .header--utill
  .header--utill__noti
  .header__noti-text
  .tab--wrapper
  .tab--contents::-webkit-scrollbar,
.table--list.is--scroll-y .table--list__tbody::-webkit-scrollbar,
.dropdown--box::-webkit-scrollbar,
.input-box--text.is--tags::-webkit-scrollbar,
.input-box--textarea textarea::-webkit-scrollbar,
.input-box--textarea.is--border::-webkit-scrollbar,
.table--scroll-y .tbody::-webkit-scrollbar {
  width: 13px;
} /* 250221 .table--scroll-y .tbody로 수정 */
header
  .header--utill
  .header--utill__noti
  .header__noti-text
  .tab--wrapper
  .tab--contents::-webkit-scrollbar-button:start:decrement,
.table--list.is--scroll-y
  .table--list__tbody::-webkit-scrollbar-button:start:decrement,
.dropdown--box::-webkit-scrollbar-button:start:decrement,
.input-box--text.is--tags::-webkit-scrollbar-button:start:decrement,
.input-box--textarea textarea::-webkit-scrollbar-button:start:decrement,
.input-box--textarea.is--border::-webkit-scrollbar-button:start:decrement,
header
  .header--utill
  .header--utill__noti
  .header__noti-text
  .tab--wrapper
  .tab--contents::-webkit-scrollbar-button:end:increment,
.table--list.is--scroll-y
  .table--list__tbody::-webkit-scrollbar-button:end:increment,
.dropdown--box::-webkit-scrollbar-button:end:increment,
.input-box--text.is--tags::-webkit-scrollbar-button:end:increment,
.input-box--textarea textarea::-webkit-scrollbar-button:end:increment,
.input-box--textarea.is--border::-webkit-scrollbar-button:end:increment,
.table--scroll-y .tbody::-webkit-scrollbar-button:end:increment {
  display: block;
  width: 0;
  height: 0;
} /* 250221 .table--scroll-y .tbody로 수정 */
header
  .header--utill
  .header--utill__noti
  .header__noti-text
  .tab--wrapper
  .tab--contents::-webkit-scrollbar-track,
.table--list.is--scroll-y .table--list__tbody::-webkit-scrollbar-track,
.dropdown--box::-webkit-scrollbar-track,
.input-box--text.is--tags::-webkit-scrollbar-track,
.input-box--textarea textarea::-webkit-scrollbar-track,
.input-box--textarea.is--border::-webkit-scrollbar-track,
.table--scroll-y .tbody::-webkit-scrollbar-track {
  background: transparent;
} /* 250221 .table--scroll-y .tbody로 수정 */
header
  .header--utill
  .header--utill__noti
  .header__noti-text
  .tab--wrapper
  .tab--contents::-webkit-scrollbar-thumb,
.table--list.is--scroll-y .table--list__tbody::-webkit-scrollbar-thumb,
.dropdown--box::-webkit-scrollbar-thumb,
.input-box--text.is--tags::-webkit-scrollbar-thumb,
.input-box--textarea textarea::-webkit-scrollbar-thumb,
.input-box--textarea.is--border::-webkit-scrollbar-thumb,
.table--scroll-y .tbody::-webkit-scrollbar-thumb {
  border: 5px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  background-color: #d9d9d9;
  border-radius: 6px;
} /* 250221 .table--scroll-y .tbody로 수정 */

footer .footer--wrapper,
header .header--wrapper,
.contents-area,
.contents--title__box {
  max-width: 1200px;
  padding-left: 36px;
  padding-right: 36px;
}
@media (max-width: 1199px) {
  footer .footer--wrapper,
  header .header--wrapper,
  .contents-area,
  .contents--title__box {
    max-width: 1288px;
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media (max-width: 768px) {
  footer .footer--wrapper,
  header .header--wrapper,
  .contents-area,
  .contents--title__box {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.box-grid {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
@media (max-width: 1199px) {
  .box-grid {
    gap: 16px;
  }
}

footer .footer--logo a,
footer .footer--copy-logo,
header .header--logo .tooltip--button,
header .header--utill .header--utill__cs,
header .header--utill .header--utill__noti > a,
header .header--utill .header--utill__noti > button,
header .header--utill .header--utill__user .header--utill__profile a .img,
header .header--utill .header--utill__user .header--utill__profile button .img,
.chatbot--button .icon,
.chatbot--menu .icon,
.box--detail-indicator a .arrow::before,
.box--detail-indicator a .arrow::after,
.box--empty-icon,
.recommend--item .recommend--thum .image,
.recommend--item .recommend--thum .download::after,
.recommend--item .recommend--thum .like::before,
.recommend--item.is--myclass:not(.is--contents)[tabindex="0"]
  .recommend--title-inner
  > p
  span::after,
.info-tag__menu .tab-menu--button,
.state-box.is--noti,
.ico-91,
.ico-83,
.ico-68,
.ico-64,
.ico-50,
.ico-46,
.ico-42,
.ico-40,
.ico-36,
.ico-34,
.ico-32,
.ico-30,
.ico-28,
.ico-27,
.ico-26,
.ico-24,
.ico-22,
.ico-20,
.ico-19,
.ico-18,
.ico-17,
.ico-16,
.ico-14,
.ico-12,
.ico-10,
.button-state::after,
.pagenavi--arrow,
.dropdown--select::after,
.date--button .button-icon > p,
.input-check .input--box::before,
.input-check.is--circle .input--box::before,
.input-radio .input--box::before {
  background-color: transparent;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  color: transparent;
  font-size: 0;
} /* 250217 ico-64 추가 */

.button-main,
.button-main.is--xsmall,
.button-sub,
.button-text,
.button-icon,
.button-tag {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.dim.button-main,
.dim.button-sub,
.dim.button-text,
.dim.button-icon,
.dim.button-tag,
.button-main:disabled,
.button-sub:disabled,
.button-text:disabled,
.button-icon:disabled,
.button-tag:disabled {
  opacity: 0.3;
}

.dropdown--select,
.dropdown--box,
.input-box--text,
.input-box--textarea textarea {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 8px;
}

.dropdown--box > .dropdown--item:not(label),
.dropdown--box > .dropdown--item span strong,
.dropdown--box.bg--item .input-check:not(label),
.dropdown--box.bg--item .input-check span strong {
  background-color: transparent;
  border: none;
  color: #000000;
  font-size: 14px;
  line-height: 16px;
}

.recommend--item .recommend--text {
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.recommend--item .recommend--text span {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  position: relative;
  color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
}
.recommend--item .recommend--text span:not(:first-child)::before {
  position: relative;
  display: block;
  width: 1px;
  height: 11.6px;
  border: 0.8px solid #000000;
  opacity: 0.15;
  content: "";
}

.text-flow {
  overflow: hidden;
  position: relative;
  min-height: 18px;
  font-size: 16px;
  line-height: normal;
  cursor: default;
}
.text-flow > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  max-width: 100%;
}
.text-flow .clone {
  position: fixed !important;
  width: auto !important;
  max-width: none !important;
  top: 0 !important;
  left: 0 !important;
  text-overflow: inherit !important;
}
.text-flow .clone span {
  width: auto !important;
}
.animate.text-flow span {
  overflow: visible;
  position: absolute;
  max-width: none;
  top: 0;
  left: 100%;
  text-overflow: inherit;
  white-space: nowrap;
  transition: left 3s;
  -webkit-animation: marquee 7s linear infinite;
  -moz-animation: marquee 7s linear infinite;
  animation: marquee 7s linear infinite;
}

/* RESET */
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
}

body {
  overflow: hidden;
}
@media (max-width: 1024px) {
  body {
    overflow-x: auto;
  }
}

table {
  width: 100%;
  table-layout: fixed;
}
table,
table tr {
  border-collapse: inherit;
}
table,
table tr,
table td,
table th,
table thead,
table tbody,
table tfoot,
table caption {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  vertical-align: baseline;
  text-decoration: none;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h1,
div,
p,
span,
i,
em,
b,
strong,
ul,
ol,
li,
dl,
dt,
dd,
img,
button,
a,
table,
tr,
th,
td,
thead,
tbody,
tfoot,
header,
footer,
nav,
aside,
main,
article,
section,
hgroup,
details,
figure,
figcaption,
mark,
time,
address,
summary,
label,
input,
textarea,
::before,
::after {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: "NanumSquareRound", "Malgun Gothic", Arial, "Dotum", sans-serif;
  box-sizing: border-box;
  word-break: break-all; /* 241128 추가 */
}

button {
  background-color: transparent;
  color: #000;
}

button:not(:disabled) {
  cursor: pointer;
}

input[type="password"] {
  font-family: initial;
}

ul,
ol,
li,
dl,
dt,
dd {
  list-style: none;
}

input {
  outline: none;
}

.input-checked-group {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
}

.input-check {
  position: relative;
  display: inline-block;
  font-size: 0;
}
.input-check input:not([type="text"]) {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 15;
}
.input-check input:not([type="text"]):checked + .input--box::before {
  border-color: #7e44fb;
  background-image: url("../images/form/check-color.svg");
  background-color: #7e44fb;
}
.input-check input:not([type="text"]):checked + .input--box input[type="text"],
.input-check input:not([type="text"]):checked + .input--box textarea {
  color: #7e44fb;
  font-weight: 700;
}
.input-check
  input:not([type="text"]):checked
  + .input--box
  input[type="text"].is--border,
.input-check
  input:not([type="text"]):checked
  + .input--box
  textarea.is--border {
  font-weight: 400;
  color: #000000;
  border-color: #7e44fb;
  background-color: #f2ecff;
}
.input-check input:not([type="text"]):focus {
  outline: none;
}
.input-check input:not([type="text"]).is--inner {
  width: 24px;
}
.input-check .input--box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  vertical-align: top;
  display: inline-flex;
  gap: 12px;
  z-index: 5;
}
.input-check .input--box::before {
  flex-shrink: 0;
  flex-grow: 0;
  overflow: hidden;
  display: block;
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  content: "";
  border-radius: 4px;
}
.input-check .input--box .input--text {
  padding: 3px 0;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.125;
}
.input-check .input--box.is--middle {
  align-items: center;
}
.input-check.is--small .input--box::before {
  width: 18px;
  height: 18px;
}
.input-check.is--small .input--box .input--text {
  padding: 0;
}
.input-check.text-black input:checked + .input--box,
.input-check.text-black input:checked + .input--box .input--text {
  color: #000000;
}
.input-check.is--violet input:checked + .input--box,
.input-check.is--violet input:checked + .input--box .input--text {
  color: #7e44fb;
  font-weight: 700;
}
input:checked + .input-check.input--out .input--box::before {
  border-color: #7e44fb;
  background-image: url("../images/form/check-color.svg");
}

.input-check.is--circle {
  position: relative;
  display: inline-block;
  font-size: 0;
}
.input-check.is--circle input:not([type="text"]) {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 15;
}
.input-check.is--circle input:not([type="text"]):checked + .input--box::before {
  border-color: #7e44fb;
  background-image: url("../images/form/radio-color.svg");
}
.input-check.is--circle
  input:not([type="text"]):checked
  + .input--box
  input[type="text"],
.input-check.is--circle
  input:not([type="text"]):checked
  + .input--box
  textarea {
  color: #7e44fb;
  font-weight: 700;
}
.input-check.is--circle
  input:not([type="text"]):checked
  + .input--box
  input[type="text"].is--border,
.input-check.is--circle
  input:not([type="text"]):checked
  + .input--box
  textarea.is--border {
  font-weight: 400;
  color: #000000;
  border-color: #7e44fb;
  background-color: #f2ecff;
}
.input-check.is--circle input:not([type="text"]):focus {
  outline: none;
}
.input-check.is--circle input:not([type="text"]).is--inner {
  width: 24px;
}
.input-check.is--circle .input--box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  vertical-align: top;
  display: inline-flex;
  gap: 12px;
  z-index: 5;
}
.input-check.is--circle .input--box::before {
  flex-shrink: 0;
  flex-grow: 0;
  overflow: hidden;
  display: block;
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  content: "";
  border-radius: 24px;
}
.input-check.is--circle .input--box .input--text {
  padding: 3px 0;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.125;
}
.input-check.is--circle .input--box.is--middle {
  align-items: center;
}
.input-check.is--circle.is--small .input--box::before {
  width: 18px;
  height: 18px;
}
.input-check.is--circle.is--small .input--box .input--text {
  padding: 0;
}
.input-check.is--circle.text-black input:checked + .input--box,
.input-check.is--circle.text-black input:checked + .input--box .input--text {
  color: #000000;
}
.input-check.is--circle.is--violet input:checked + .input--box,
.input-check.is--circle.is--violet input:checked + .input--box .input--text {
  color: #7e44fb;
  font-weight: 700;
}
input:checked + .input-check.is--circle.input--out .input--box::before {
  border-color: #7e44fb;
  background-image: url("../images/form/radio-color.svg");
}

.input-check.is--circle input:not([type="text"]):checked + .input--box::before {
  background-color: transparent;
}
.input-check.is--toggle .input--box {
  position: relative;
  width: 60px;
  height: 30px;
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 50px;
}
.input-check.is--toggle .input--box::before {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 4px;
  left: 4px;
  background: none;
  background-color: #cccccc;
  border-radius: 20px;
  border: none;
}
.input-check.is--toggle input:checked + .input--box {
  background-color: #7e44fb;
  border-color: #7e44fb;
}
.input-check.is--toggle input:checked + .input--box::before {
  left: auto;
  right: 5px;
  background: none;
  background-color: #ffffff;
}

.input-radio {
  position: relative;
  display: inline-block;
  font-size: 0;
  margin-top: 2px;
  margin-bottom: 2px;
  flex-shrink: 0;
}
.input-radio input:not([type="text"]) {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 15;
}
.input-radio input:not([type="text"]):checked + .input--box::before {
  border-color: #7e44fb;
  background-image: url("../images/form/radio-color.svg");
}
/* .input-radio input:not([type=text]):disabled + .input--box::before { 241202 삭제
  background-image: url("../images/form/radio_disabled.svg");
  border-color: rgba(0, 0, 0, 0.2);
} */
.input-radio input:not([type="text"]):checked + .input--box input[type="text"],
.input-radio input:not([type="text"]):checked + .input--box textarea {
  color: #7e44fb;
  font-weight: 700;
}
.input-radio
  input:not([type="text"]):checked
  + .input--box
  input[type="text"].is--border,
.input-radio
  input:not([type="text"]):checked
  + .input--box
  textarea.is--border {
  font-weight: 400;
  color: #000000;
  border-color: #7e44fb;
  background-color: #f2ecff;
}
.input-radio input:not([type="text"]):focus {
  outline: none;
}
.input-radio input:not([type="text"]).is--inner {
  width: 24px;
}
.input-radio .input--box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  vertical-align: top;
  display: inline-flex;
  gap: 12px;
  z-index: 5;
}
.input-radio .input--box::before {
  flex-shrink: 0;
  flex-grow: 0;
  overflow: hidden;
  display: block;
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  content: "";
  border-radius: 24px;
}
.input-radio .input--box .input--text {
  padding: 3px 0;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.125;
}
.input-radio .input--box.is--middle {
  align-items: center;
}
.input-radio.is--small .input--box::before {
  width: 18px;
  height: 18px;
}
.input-radio.is--small .input--box .input--text {
  padding: 0;
}
.input-radio.text-black input:checked + .input--box,
.input-radio.text-black input:checked + .input--box .input--text {
  color: #000000;
}
.input-radio.is--violet input:checked + .input--box,
.input-radio.is--violet input:checked + .input--box .input--text {
  color: #7e44fb;
  font-weight: 700;
}
input:checked + .input-radio.input--out .input--box::before {
  border-color: #7e44fb;
  background-image: url("../images/form/radio-color.svg");
}

.input-box--text {
  overflow: hidden;
  display: block;
  width: 100%;
  min-height: 40px;
  padding: 6px 14px;
  font-size: 14px;
  text-align: left;
  line-height: 1.14;
  outline: none;
}
.input-box--text::placeholder {
  color: rgba(0, 0, 0, 0.35);
}
.input-box--text::-moz-placeholder {
  color: rgba(0, 0, 0, 0.35);
}
.input-box--text::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.35);
}
.input-box--text.is--large {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 18px;
  line-height: 28px;
}
.input-box--text.is--medium {
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 18px;
  line-height: 20px;
}
.input-box--text.is--round {
  border-radius: 50px;
}
.input-box--text.holder-f-16 {
  font-size: 16px;
}
.input-box--text.holder-f-16::placeholder {
  font-size: 16px;
}
.input-box--text.holder-f-16::-moz-placeholder {
  font-size: 16px;
}
.input-box--text.holder-f-16::-webkit-input-placeholder {
  font-size: 16px;
}
.input-box--text.is--tags {
  overflow: hidden;
  overflow-y: auto;
  justify-content: start;
  align-items: start;
}
.input-box--text.is--tags > .f-14 {
  margin: 2px 0px 0;
}
.input-box--text.is--ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.input-box--text.bg--gray {
  background-color: #f6f6f6;
  border-color: #f6f6f6;
}
.input-box--text.bg--gray input::placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.input-box--text.bg--gray input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.input-box--text.bg--gray input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.input-box--text.is--pass,
.input-box--text:focus {
  border-color: #7e44fb;
}
.input-box--text.is--error {
  background-color: rgba(250, 66, 37, 0.03);
  border-color: #fa4225;
}
.input-box--text:not(input) {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
}
.input-box--text:not(input) input {
  flex-shrink: 1;
  flex-grow: 1;
  align-self: stretch;
  width: 100%;
  padding: 6px 14px;
  padding-right: 7px;
  background-color: transparent;
  font-size: 14px;
  text-align: left;
}
.input-box--text:not(input) input.input-tags {
  width: auto;
}
.input-box--text:not(input).is--large {
  padding: 0;
}
.input-box--text:not(input).is--large input {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 18px;
  line-height: 28px;
}
.input-box--text:not(input).is--title {
  padding-right: 9px;
  background-color: rgba(255, 255, 255, 0.2);
  border: transparent;
}
.input-box--text:not(input).is--title input {
  padding: 9px;
  line-height: 30px;
}
.input-box--text:not(input).is--search button,
.input-box--text:not(input).is--search a {
  margin-right: 7px;
  color: transparent;
  font-size: 0;
}
.input-box--text:not(input).no-input {
  flex-wrap: wrap;
  padding: 5px;
}
.input-box--required {
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
}
.input-box--required.is--desc {
  color: #000000;
}
.input-box--required.is--pass {
  color: #7e44fb;
}
.input-box--required.is--error {
  color: #fa4225;
}
.input-box--textarea {
  line-height: 0;
}
.input-box--textarea textarea {
  width: 100%;
  overflow-y: auto;
  padding: 14px 14px;
  font-size: 16px;
  line-height: 18px;
  box-sizing: border-box;
  resize: none;
  outline: none;
  appearance: none;
}
.input-box--textarea textarea:focus {
  border-color: #7e44fb;
}
.input-box--textarea textarea::placeholder {
  color: rgba(0, 0, 0, 0.35);
  font-weight: 400;
}
.input-box--textarea textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.35);
  font-weight: 400;
}
.input-box--textarea textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.35);
  font-weight: 400;
}
.input-box--textarea textarea.input-auto {
  min-height: 32px;
  height: 32px;
  padding: 0;
  line-height: 24px;
  overflow-y: hidden;
  border-width: 0;
}
.input-box--textarea.is--border {
  overflow-y: auto;
  padding: 3px 14px;
  min-height: 40px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 8px;
  font-size: 16px;
}
.input-box--textarea.is--border.focus {
  border-color: #7e44fb;
}
.input-box--datetime {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.input-box--datetime .input-box--text {
  position: relative;
  width: auto;
}
.input-box--datetime .input-box--text .ico-calendar-black {
  position: absolute;
  z-index: 1;
  right: 14px;
  margin-right: 0px !important;
}
.input-box--datetime .input-box--text .input--datepicker {
  position: relative;
  z-index: 2;
  font-size: 16px;
}
.input-box--text.disabled {
  /* 250508 추가 */
  border-color: #f3f3f3;
}
.input-box--text.disabled .ico-calendar-black {
  /* 250508 추가 */
  background-image: url(../images/ico/calendar2-gray.svg);
}
.input-box--text .input--datepicker:disabled {
  /* 250508 추가 */
  color: #ccc;
}
.input-box--datetime .dropdown--area {
  flex-shrink: 0;
  flex-grow: 0;
  width: 86px;
}
@media (max-width: 1199px) {
  .input-box--datetime.tablet--date-full {
    flex-wrap: wrap;
  }
  .input-box--datetime.tablet--date-full .input-box--text:not(.width-full) {
    flex-shrink: 0;
    flex-grow: 0;
    width: 100%;
  }
  .input-box--datetime.tablet--date-full .dropdown--area {
    width: calc((100% - 12px) / 2);
  }
}
.input-box__timer {
  position: relative;
  margin-top: 20px;
}
.input-box__timer input {
  padding-right: 79px;
}
.input-box__timer .timer {
  position: absolute;
  top: 12px;
  right: 13px;
  color: #fa4225;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
}

.input-email {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.input-email .input-box,
.input-email .dropdown--area {
  width: calc((100% - 50px) / 3);
}
.input-email .input-box {
  flex-shrink: 1;
  flex-grow: 1;
  color: #000000;
  font-size: 14px;
  font-weight: 700;
}
.input-email .input-box::placeholder {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 400;
}
.input-email .input-box::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 400;
}
.input-email .input-box::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 400;
}
.input-email .input-box + .dropdown--area {
  margin-left: 12px;
}
.input-email__at {
  flex-shrink: 0;
  flex-grow: 0;
  padding-right: 12px;
  padding-left: 12px;
  color: rgba(0, 0, 0, 0.5);
}
.input-email .dropdown--area {
  flex-shrink: 0;
  flex-grow: 0;
}
.input-email .dropdown--area .dropdown--select {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
}

/* TAB */
.tab-box {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  height: 55px;
  gap: 6px;
}
.tab-box.tab-fit:not(.tab-text) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));
}
.tab-box.tab-fit:not(.tab-text) .tab--button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 2px;
  padding-left: 12px;
  padding-right: 12px;
}
.tab--button {
  min-width: 228px;
  margin-top: 11px;
  background-color: #e3e4f8;
  border-radius: 20px 20px 0 0;
  color: #000000;
  font-size: 18px;
}
.tab--button .num {
  margin-left: 20px;
}
.tab--button.active {
  margin-top: 0;
  background-color: #ffffff;
  font-size: 20px;
  font-weight: 700;
}
.tab--button.active .num {
  color: #7e44fb;
}
.tab--contents {
  display: none;
  border-radius: 0 0 20px 20px;
}
.tab--contents.is--bg {
  background-color: #ffffff;
}
.tab--contents.active {
  display: block;
}
.tab-xl .tab--button {
  min-width: 268px;
}
.tab-double .tab--button {
  width: 50%;
  min-width: auto;
}
.tab-triple .tab--button {
  width: 33.3333%;
  min-width: auto;
}
.tab-quadruple .tab--button {
  width: 25%;
  min-width: auto;
}
.tab-quintuple .tab--button {
  width: 20%;
  min-width: auto;
}
.tab-full .tab--button {
  width: 100%;
  min-width: auto;
}
.tab-week .tab--button {
  width: calc((100% - 36px) / 7);
  min-width: 0;
}
.tab-fit .tab--button {
  flex-shrink: 1;
  flex-grow: 1;
  width: auto;
  min-width: 0;
}
.tab-only + .tab--contents,
.tab-only + .classes--wrapper {
  border-radius: 0 20px 20px 20px !important;
}
.tab-text {
  height: 59px;
  border-bottom: 1px solid #d9d9d9;
}
.tab-text .tab--button {
  margin-top: 0;
  padding-top: 4px;
  background-color: transparent;
  border-bottom: 4px solid transparent;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 700;
}
.tab-text .tab--button.active {
  border-bottom-color: #7e44fb;
  color: #7e44fb;
  font-weight: 700;
  font-size: 18px;
}
.tab-text.has--swiper {
  position: relative;
  display: block;
  height: 58px;
}
.tab-text.has--swiper .swiper-container {
  position: initial;
  padding: 0;
}
.tab-text.has--swiper .swiper-container .tab--button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  padding-top: 18px;
  padding-bottom: 15px;
  color: rgba(21, 21, 21, 0.5);
  border-radius: 0;
}
.tab-text.has--swiper .swiper-container .tab--button.active {
  color: #7e44fb;
}
.tab-text.has--swiper
  .swiper-container:not(.swiper-container-initialized)
  .swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));
}
.tab-text.has--swiper
  .swiper-container.swiper-container-initialized
  .swiper-button-prev,
.tab-text.has--swiper
  .swiper-container.swiper-container-initialized
  .swiper-button-next {
  display: block;
}
.tab-text.has--swiper
  .swiper-container.swiper-container-initialized
  .tab--button {
  width: 180px;
}
.tab-text.has--swiper .swiper-wrapper {
  min-width: 100%;
}
.tab-text.has--swiper .swiper-button-prev,
.tab-text.has--swiper .swiper-button-next {
  position: absolute;
  display: none;
  width: 28px;
  height: 28px;
  top: 50%;
  font-size: 0;
  transform: translateY(-50%);
  z-index: 15;
}
.tab-text.has--swiper .swiper-button-prev .ico-28,
.tab-text.has--swiper .swiper-button-next .ico-28 {
  position: relative;
  z-index: 10;
}
.tab-text.has--swiper .swiper-button-prev .cover,
.tab-text.has--swiper .swiper-button-next .cover {
  position: absolute;
  width: 77px;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(270deg, #ffffff 52.6%, rgba(0, 0, 0, 0) 87.04%);
  content: "";
  z-index: 5;
}
.tab-text.has--swiper .swiper-button-prev.swiper-button-disabled .cover,
.tab-text.has--swiper .swiper-button-next.swiper-button-disabled .cover {
  display: none;
}
.tab-text.has--swiper .swiper-button-prev {
  left: 0;
  transform: translateY(-50%) rotate(180deg);
}
.tab-text.has--swiper .swiper-button-next {
  right: 0;
}
.tab-textlist {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 48px;
}
.tab-textlist .tab--button {
  position: relative;
  min-width: initial;
  margin: 0;
  background-color: transparent;
  border-radius: 0;
  color: #000000;
  font-size: 28px;
  line-height: 32px;
  opacity: 0.4;
}
.tab-textlist .tab--button:not(:first-child)::before {
  position: absolute;
  width: 1px;
  height: 24px;
  top: 50%;
  left: -24px;
  background-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-50%);
  content: "";
}
.tab-textlist .tab--button.active {
  opacity: 1;
}
.tab-textlist.white .tab--button {
  color: #ffffff;
}
.tab-switch {
  gap: 0px;
  height: auto;
}
.tab-switch .tab--button {
  margin-top: 0;
  width: 100%;
  min-width: auto;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.35);
  font-weight: 700;
  border-radius: 0;
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.16);
  height: 50px;
}
.tab-switch .tab--button.active {
  background-color: #7e44fb;
  color: #ffffff;
}
.tab-switch .tab--button + .tab--button {
  border-left-color: transparent;
}
.tab-switch .tab--button:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.tab-switch .tab--button:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.tab-tags {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  overflow-x: auto;
  height: auto;
  gap: 20px;
  width: calc(100% - 74px);
  position: relative;
}
.tab-tags--wrapper.open::before {
  content: "";
  position: fixed;
  width: 300vw;
  height: 100vh;
  left: 0px;
  top: 0px;
  background: #000000;
  opacity: 0.5;
  z-index: 11;
}
.tab-tags--wrapper.is--scroll .tab-tags {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  padding-right: 0;
  margin-right: 74px;
  /* [이슈리스트 : 230901][2668] 탭 없을 시 기본 높이값 지정 */
  min-height: 71px;
}
.tab-tags--wrapper.is--scroll .tab-tags--box:not(.tags-select)::before,
.tab-tags--wrapper.is--scroll .tab-tags--box:not(.tags-select)::after {
  position: absolute;
  top: 0;
  right: 58px;
  width: 40px;
  height: 58px;
  background: linear-gradient(
    270deg,
    #ffffff 56.25%,
    rgba(255, 255, 255, 0) 81.25%
  );
  content: "";
  z-index: 5;
}
.tab-tags--wrapper.is--scroll .tab-tags--box:not(.tags-select)::before {
  display: none;
  transform: rotate(180deg);
  right: auto;
  left: -15px;
}
.tab-tags--wrapper.is--scroll .tab-tags--box:not(.tags-select) .tag--button {
  width: 290px;
}
.tab-tags--wrapper.is--scroll.end .tab-tags--box::before {
  display: block;
}
.tab-tags--wrapper.is--scroll.end .tab-tags--box::after {
  display: none;
}
.tab-tags--wrapper.is--scroll.ing .tab-tags--box::before {
  display: block;
}
.tab-tags--wrap {
  position: relative;
}
.tab-tags--box {
  position: relative;
  flex-shrink: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.tab-tags--box .tab-action {
  position: absolute;
  right: 0;
  top: 0;
  width: 58px;
  height: 58px;
  flex-shrink: 0;
  background: rgba(126, 68, 251, 0.1);
  border-radius: 10px;
}
.tab-tags--box .tab-action > * {
  vertical-align: middle;
}
.tab-tags--box:not(.tags-select) .tag--button {
  flex-shrink: 0;
  flex-grow: 0;
}
.tab-tags--box:not(.tags-select) .tag--button > p,
.tab-tags--box:not(.tags-select) .tag--button .tab-tag--text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tab-tags--box .box--empty {
  gap: 8px;
  width: calc(100% - 72px);
  min-height: 295px;
  background-color: #ffffff;
  border-radius: 10px;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
}
.tab-tags--box .box--empty .box--empty-icon {
  width: 70px;
  height: 70px;
}
.tab-tags--box .box--empty .button-main {
  margin-top: 35px;
}
.tab-tags--box.tags-select {
  display: none;
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 12;
}
.tab-tags--box.tags-select .tab-tags {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  padding-right: 0;
  margin-right: 74px;
  flex-wrap: wrap;
  gap: 16px 14px;
  overflow: visible;
  z-index: 13;
}
.tab-tags--box.tags-select .tab-action {
  background-color: #ffffff;
}
.tab-tags--box.tags-select .tag--button {
  background-color: #ffffff;
  width: auto;
  padding: 0 40px;
}
.tab-tags--box.tags-select .tag--button.active,
.tab-tags--box.tags-select .tag--button:focus,
.tab-tags--box.tags-select .tag--button:active {
  background-color: #e2e0fc;
  color: #000000;
}
.tab-tags .tag--button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  max-width: 338px;
  color: #000000;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  border-radius: 10px;
  background: rgba(126, 68, 251, 0.1);
  height: 58px;
  padding: 0 30px;
  cursor: pointer;
}
.tab-tags .tag--button.active,
.tab-tags .tag--button.active .tab-tag--text {
  background-color: #7e44fb;
  color: #ffffff;
}
.tab-tags .tag--button.active .ico-cancel-black {
  background-image: url("../images/ico/cancel-white.svg");
}
.tab-tags .tag--button .tab-tag--text {
  color: rgba(0, 0, 0, 0.8);
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  border-radius: 10px;
}
.tab-tags .tag--button .button-delete {
  display: none;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.tab-tags .tag--button .button-delete p {
  vertical-align: middle;
}
.tab-tags .tag--button:hover .tab-tag--text {
  padding-right: 28px;
}
.tab-tags .tag--button:hover .button-delete {
  display: block;
}
.tab-round .tab--button {
  border-radius: 50px;
}
.tab-tag {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  overflow: hidden;
  overflow-x: auto;
  overflow: overlay;
  gap: 12px;
  height: auto;
  padding-top: 14px;
  padding-bottom: 14px;
}
.tab-tag .tab--button {
  flex-shrink: 0;
  flex-grow: 0;
  min-width: 80px;
  height: 49px;
  margin-top: 0;
  border-radius: 34px;
  padding: 0 18px;
  background-color: #ffffff;
}
.tab-tag .tab--button.active {
  font-weight: 700;
  background-color: #7e44fb;
  color: #ffffff;
}
.tab-tag--wrapper {
  gap: 15px;
}

/* 250523 tab--button disabled case 추가 */
.tab-full .tab--button.disabled {
  color: #b3b3b3;
}

/* BUTTON */
.button-tag,
.button-main.is--xsmall {
  height: auto;
  padding: 5px 14px;
  border-radius: 50px;
  font-size: 14px;
  line-height: 16px;
  cursor: default;
}
.button-tag [class^="ico-"],
.button-main.is--xsmall [class^="ico-"] {
  margin-left: 3px;
}
.button-tag [class^="ico-"]:first-child,
.button-main.is--xsmall [class^="ico-"]:first-child {
  margin-left: 0;
  margin-right: 3px;
}
[class^="line"].button-tag,
[class^="line"].button-main.is--xsmall {
  padding: 4px 13px;
}

.gray.button-tag,
.gray.button-state,
.gray.button-main {
  background-color: #5b5b5b;
  color: #ffffff;
}
.gray.button-tag:hover:not(.dim):not(:disabled),
.gray.button-state:hover:not(.dim):not(:disabled),
.gray.button-main:hover:not(.dim):not(:disabled),
.gray.hover.button-tag,
.gray.hover.button-state,
.gray.hover.button-main {
  background-color: #7b7b7b;
}
.lightgray.button-tag,
.lightgray.button-state,
.lightgray.button-main {
  background-color: #f4f4f4;
  color: #000000;
}
.lightgray.button-tag:hover:not(.dim):not(:disabled),
.lightgray.button-state:hover:not(.dim):not(:disabled),
.lightgray.button-main:hover:not(.dim):not(:disabled),
.lightgray.hover.button-tag,
.lightgray.hover.button-state,
.lightgray.hover.button-main {
  background-color: #dddddd;
}
.gray-line.button-tag,
.gray-line.button-state,
.gray-line.button-main {
  background-color: #ffffff;
  border: 1px solid #b6b6b6;
  color: #000000;
}
.gray-line.button-tag:hover:not(.dim):not(:disabled),
.gray-line.button-state:hover:not(.dim):not(:disabled),
.gray-line.button-main:hover:not(.dim):not(:disabled),
.gray-line.hover.button-tag,
.gray-line.hover.button-state,
.gray-line.hover.button-main {
  background-color: rgba(0, 0, 0, 0.04);
}
.violet.button-tag,
.violet.button-state,
.violet.button-main {
  background-color: #7e44fb;
  color: #ffffff;
}
.violet.button-tag:hover:not(.dim):not(:disabled),
.violet.button-state:hover:not(.dim):not(:disabled),
.violet.button-main:hover:not(.dim):not(:disabled),
.violet.hover.button-tag,
.violet.hover.button-state,
.violet.hover.button-main {
  background-color: #9767ff;
}
.violet-light.button-tag,
.violet-light.button-state,
.violet-light.button-main {
  background-color: rgba(126, 68, 251, 0.1);
}
.violet-light-line.button-tag,
.violet-light-line.button-state,
.violet-light-line.button-main {
  background-color: rgba(126, 68, 251, 0.1);
  border: 1px solid #7e44fb;
  color: #7e44fb;
}
.violet-light-gray.button-tag,
.violet-light-gray.button-state,
.violet-light-gray.button-main {
  background-color: #f7f3ff;
  color: #7e44fb;
}
.violet-light-end.button-tag,
.violet-light-end.button-state,
.violet-light-end.button-main {
  background-color: #f7f3ff;
  color: rgba(0, 0, 0, 0.6);
}
.line.button-tag,
.line.button-state,
.line.button-main {
  background-color: #ffffff;
  border: 1px solid #7e44fb;
  color: #7e44fb;
}
.line.button-tag:hover:not(.dim):not(:disabled),
.line.button-state:hover:not(.dim):not(:disabled),
.line.button-main:hover:not(.dim):not(:disabled),
.line.hover.button-tag,
.line.hover.button-state,
.line.hover.button-main {
  background-color: rgba(126, 68, 251, 0.1);
}
.blue.button-tag,
.blue.button-state,
.blue.button-main {
  background-color: #43a5ff;
  color: #ffffff;
}
.blue.button-tag:hover:not(.dim):not(:disabled),
.blue.button-state:hover:not(.dim):not(:disabled),
.blue.button-main:hover:not(.dim):not(:disabled),
.blue.hover.button-tag,
.blue.hover.button-state,
.blue.hover.button-main {
  background-color: rgba(67, 165, 255, 0.8);
}
.blue.button-tag:disabled,
.blue.button-state:disabled,
.blue.button-main:disabled,
.blue.is--disabled.button-tag,
.blue.is--disabled.button-state,
.blue.is--disabled.button-main {
  opacity: 0.5;
}
.blue-line.button-tag,
.blue-line.button-state,
.blue-line.button-main {
  background-color: #ffffff;
  border: 1px solid #43a5ff;
  color: #43a5ff;
}
.blue-line.button-tag:hover:not(.dim):not(:disabled),
.blue-line.button-state:hover:not(.dim):not(:disabled),
.blue-line.button-main:hover:not(.dim):not(:disabled),
.blue-line.hover.button-tag,
.blue-line.hover.button-state,
.blue-line.hover.button-main {
  background-color: rgba(67, 165, 255, 0.2);
}

.lightgray-line.button-tag,
.lightgray-line.button-state,
.lightgray-line.button-main {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  color: #808080;
}

.white.button-tag,
.white.button-state,
.white.button-main {
  background-color: #ffffff;
  color: #000000;
}
.accept.button-tag,
.accept.button-state,
.accept.button-main {
  background-color: rgba(0, 186, 19, 0.1);
  color: #00ba13;
}
.accept.button-tag::after,
.accept.button-state::after,
.accept.button-main::after {
  background-image: url("../images/ico/next-green.svg");
}
.ready.button-tag,
.ready.button-state,
.ready.button-main {
  background-color: rgba(0, 0, 0, 0.1);
  color: #000000;
}
.ready.button-tag::after,
.ready.button-state::after,
.ready.button-main::after {
  background-image: url("../images/ico/next-black.svg");
}
.reject.button-tag,
.reject.button-state,
.reject.button-main {
  background-color: rgba(255, 58, 58, 0.1);
  color: #ff3a3a;
}
.reject.button-tag::after,
.reject.button-state::after,
.reject.button-main::after {
  background-image: url("../images/ico/next-red.svg");
}

.button-main {
  min-width: 165px;
  padding: 0 50px;
  height: 44px;
  border-radius: 8px;
  font-size: 18px;
}
.button-main.is--large {
  height: 56px;
}
.button-main.is--small {
  min-width: 0;
  height: 40px;
  padding-right: 19px;
  padding-left: 19px;
}
.button-main.is--small.gray {
  padding-right: 18px;
  padding-left: 18px;
}
.button-main.is--lsmall {
  min-width: 0;
  padding-left: 12px;
  padding-right: 12px;
  height: 34px;
  border-radius: 8px;
  font-size: 16px;
  white-space: nowrap;
  flex-shrink: 0;
}
.button-main.is--msmall {
  min-width: 0;
  padding-left: 12px;
  padding-right: 12px;
  height: 30px;
  border-radius: 4px;
  font-size: 16px;
  white-space: nowrap;
  flex-shrink: 0;
}
.button-main.is--ico {
  padding-left: 12px;
  padding-right: 12px;
}
.button-main.is--ico p {
  margin-right: 4px;
}
.button-main.is--round {
  border-radius: 100px;
}

.button-main.is--xxsmall {
  min-width: 0;
  height: 28px;
  padding: 0 12px;
  font-size: 14px;
}

.button-sub {
  min-width: 130px;
  height: 40px;
  padding: 0 32px;
  background-color: #ffffff;
  border-radius: 22px;
  color: #7e44fb;
  font-size: 18px;
  font-weight: 700;
}
.button-text {
  height: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 8px;
}
.button-text [class^="ico-"]:first-child {
  margin-right: 4px;
}
.button-text.bg {
  padding-left: 16px;
  padding-right: 12px;
  background-color: #f4f4f4;
}
.button-text.nobg {
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 16px;
  line-height: 18px;
}
.button-text.nobg p[class^="ico"] {
  margin-right: 0;
}
.button-text.line {
  padding-left: 11px;
  padding-right: 13px;
  background-color: #ffffff;
  border: 1px solid #b6b6b6;
}
.button-text.line:hover {
  /* 240930 추가*/
  background-color: rgba(0, 0, 0, 0.04);
}
.button-text.line.line-light {
  border-color: rgba(0, 0, 0, 0.16);
}
.button-text.line-light {
  padding: 4px 13px;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.14);
}
.button-text.line-light [class^="ico-"]:first-child {
  margin-left: -2px;
}
.button-text.line-light [class^="ico-"]:last-child {
  margin-right: -2px;
}
.button-text.is--lsmall {
  min-width: 0;
  padding-left: 12px;
  padding-right: 12px;
  height: 34px;
  border-radius: 8px;
  font-size: 16px;
  white-space: nowrap;
  flex-shrink: 0;
}
.button-state {
  position: relative;
  justify-content: flex-start;
  gap: 7px;
  padding-right: 11px;
  padding-left: 15px;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  white-space: nowrap;
}
.button-state::after {
  width: 28px;
  height: 28px;
  background-size: auto 100%;
  content: "";
}
.button-icon {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 36px;
}
.button-icon:hover:not(.dim):not(:disabled),
.button-icon.hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.button-icon.bg {
  background-color: #d9d9d9;
}
.button-icon.bg:hover:not(.dim):not(:disabled),
.button-icon.bg.hover {
  background-color: #cacaca;
}
.button-icon.line {
  border: 1px solid #a2a2a2;
}
.button-icon.line.violet {
  border-color: rgba(126, 68, 251, 0.3);
}
.button-icon.line.violet:hover:not(.dim):not(:disabled),
.button-icon.line.violet.hover {
  background-color: rgba(126, 68, 251, 0.06);
}
td .button-icon {
  vertical-align: middle;
}
.button-tag.is--large {
  height: 30px;
}
.button-tag span {
  margin-left: 4px;
}
.button-toggle {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.button-toggle button,
.button-toggle a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  min-width: 90px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 8px 0 0 8px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  z-index: 5;
}
.button-toggle button.active,
.button-toggle a.active {
  background-color: #ffffff;
  color: #7e44fb;
  border-color: rgba(0, 0, 0, 0.16);
  z-index: 10;
}
.button-toggle button + a,
.button-toggle button + button,
.button-toggle a + a,
.button-toggle a + button {
  margin-left: -1px;
  border-radius: 0 8px 8px 0;
}
.button-toggle.is--violet {
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 8px;
}
.button-toggle.is--violet button,
.button-toggle.is--violet a {
  position: relative;
  margin: -1px;
  background-color: transparent;
  border: none;
  border-radius: 8px;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
}
.button-toggle.is--violet button.active,
.button-toggle.is--violet a.active {
  background-color: #7e44fb;
  border-color: #7e44fb;
  color: #ffffff;
  font-weight: 700;
}
.button-toggle.is--violet button + a,
.button-toggle.is--violet button + button,
.button-toggle.is--violet a + a,
.button-toggle.is--violet a + button {
  margin-left: 0;
}
.button-toggle.is--violet-opacity button,
.button-toggle.is--violet-opacity a {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.16);
  color: rgba(0, 0, 0, 0.5);
  font-weight: 800;
  line-height: 18px;
}
.button-toggle.is--violet-opacity button.active,
.button-toggle.is--violet-opacity a.active {
  background-color: rgba(126, 68, 251, 0.1);
  border-color: #7e44fb;
  color: #7e44fb;
}
.layer__title .button-toggle button,
.layer__title .button-toggle a {
  border-color: #d6d6d6;
  color: #000000;
}
.layer__title .button-toggle button.active,
.layer__title .button-toggle a.active {
  color: #7e44fb;
  z-index: 10;
}
.button--file {
  position: relative;
  flex-shrink: 0;
}
.button--file button {
  width: 100%;
}
.button--file input[type="file"] {
  position: absolute;
  opacity: 0;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/* PAGE NAVIGATION */
.pagenavi--box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
.pagenavi--box button:not(.button-main),
.pagenavi--box a:not(.button-main) {
  height: 28px;
  background-size: auto 12px;
  text-align: center;
}
.pagenavi--box button:not(.button-main):disabled,
.pagenavi--box button:not(.button-main).is--disabled,
.pagenavi--box a:not(.button-main):disabled,
.pagenavi--box a:not(.button-main).is--disabled {
  opacity: 0.1;
}
.pagenavi--box.pagenavi--step {
  position: relative;
}
.pagenavi--box.pagenavi--step .pagenavi--number__area {
  width: 180px;
  text-align: center;
  flex-shrink: 0;
}
.pagenavi--box.pagenavi--step .pagenavi--number {
  display: inline-flex;
}
.pagenavi--box.pagenavi--step .pagenavi--number + .pagenavi--number {
  gap: inherit;
}
.pagenavi--box.pagenavi--step .pagenavi--number + .pagenavi--number::before {
  content: "/";
  display: inline-block;
  vertical-align: middle;
}
.pagenavi--box.pagenavi--step .pagenavi--number .input-box--text {
  font-size: 20px;
  font-weight: 700;
  width: 50px;
  height: 30px;
  min-height: 30px;
  padding: 3px 4px 6px;
  text-align: center;
}
.pagenavi--box.pagenavi--step .pagenavi--arrow {
  margin-left: 6px;
  margin-right: 6px;
  flex-shrink: 0;
  width: auto;
}
.pagenavi--box.pagenavi--step .is--prev {
  background: none;
}
.pagenavi--box.pagenavi--step .is--prev::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 7px;
  height: 100%;
  background-image: url("../images/ico/left-black.svg");
  background-position: 0 50%;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.pagenavi--box.pagenavi--step .is--next {
  background: none;
}
.pagenavi--box.pagenavi--step .is--next::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 7px;
  height: 100%;
  transform: rotate(180deg);
  background-image: url("../images/ico/left-black.svg");
  background-position: 0 50%;
  background-repeat: no-repeat;
  margin-left: 10px;
}
.pagenavi--arrow {
  height: 28px;
}
.pagenavi--arrow.is--prev,
.pagenavi--arrow.is--next {
  width: 6px;
}
.pagenavi--arrow.is--first,
.pagenavi--arrow.is--last {
  width: 12px;
}
.pagenavi--arrow.is--first {
  margin-right: 5px;
  background-image: url("../images/ico/arrow-first-gray.svg");
}
.pagenavi--arrow.is--prev {
  margin-right: 12px;
  background-image: url("../images/ico/arrow-prev-gray.svg");
}
.pagenavi--arrow.is--next {
  margin-left: 12px;
  background-image: url("../images/ico/arrow-next-gray.svg");
}
.pagenavi--arrow.is--last {
  margin-left: 5px;
  background-image: url("../images/ico/arrow-last-gray.svg");
}
.pagenavi--arrow.is--disabled {
  opacity: 0.1;
}
.pagenavi--number {
  color: #000000;
  font-size: 16px;
  line-height: 30px;
}
.pagenavi--number.active {
  min-width: 28px;
  height: 28px;
  padding: 0 4px;
  border-radius: 28px;
  background-color: #7e44fb;
  color: #ffffff;
  font-weight: 800;
}

/* DROP DOWN */
.dropdown--area {
  position: relative;
  display: inline-block;
}
.dropdown--area.open {
  z-index: 30;
}
.dropdown--area.open > .dropdown--box {
  display: flex;
}
.dropdown--area.open > .dropdown--select::after {
  transform: rotate(180deg);
}
.dropdown--area.last > .dropdown--box {
  top: auto;
  bottom: 100%;
  margin-bottom: 4px;
}
.dropdown--area.bg--gray > .dropdown--select {
  background-color: #f6f6f6;
  border-color: #f6f6f6;
}
.dropdown--area.is--large > .dropdown--select {
  padding-top: 20px;
  padding-bottom: 20px;
}
.dropdown--area.is--large > .dropdown--select::after {
  right: 11px;
}
.dropdown--area.is--large.has--data .dropdown--select {
  font-weight: 700;
}
.dropdown--area.is--text > .dropdown--select {
  min-height: auto;
  padding-top: 0;
  padding-right: 19px;
  padding-bottom: 0;
  padding-left: 0;
  background-color: transparent;
  border: none;
  color: #000000;
}
.dropdown--area.is--text > .dropdown--select::after {
  width: 16px;
  height: 16px;
  right: 0;
  margin-top: -8px;
}
.dropdown--area.is--text > .dropdown--select + .dropdown--box {
  width: 122px;
  left: 50%;
  margin-top: 16px;
  margin-left: -48px;
}
.dropdown--area.is--ellipsis > .dropdown--select {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dropdown--area.has--data > .dropdown--select {
  color: #000000;
}
.item--search .dropdown--area .input-box--text input[type="text"] {
  font-size: 16px;
  color: #000000;
}
.item--search .dropdown--area .button-main.is--small {
  width: 78px;
}
.item--search .dropdown--area .dropdown--box.bg--item .input-check {
  padding: 6px 10px;
}
.item--search
  .dropdown--area
  .dropdown--box.bg--item
  .input-check
  .input--text {
  display: flex;
  flex-direction: row;
  font-size: 14px;
  gap: 8px;
}
.dropdown--select {
  position: relative;
  width: 100%;
  min-height: 40px;
  padding: 6px 32px 6px 14px;
  color: rgba(0, 0, 0, 0.35);
  font-size: 16px;
  text-align: left;
  line-height: 18px;
}
.dropdown--select::after {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 50%;
  right: 6px;
  margin-top: -14px;
  background-image: url("../images/ico/down-black.svg");
  content: "";
}
.dropdown--box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow-y: auto;
  position: absolute;
  display: none;
  width: 100%;
  max-height: 225px;
  top: 100%;
  margin-top: 4px;
  padding: 9px;
  gap: 6px;
}
.layer-area .dropdown--box {
  max-height: 224px;
}
.dropdown--box > .dropdown--item {
  display: block;
  width: 100%;
  padding: 10px;
  border-radius: 4px;
  text-align: left;
  word-break: break-all;
}
.dropdown--box > .dropdown--item span strong {
  padding-top: 4px;
  padding-bottom: 4px;
}
.dropdown--box > .dropdown--item:hover,
.dropdown--box > .dropdown--item.active {
  background: rgba(126, 68, 251, 0.1);
  font-weight: 700; /* 250611 추가 */
}
.dropdown--box.no--data {
  justify-content: center;
  align-items: center;
  padding: 20px;
  height: 140px;
  color: #a6a6a6;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
}
.dropdown--box.bg--item .input-check {
  display: block;
  width: 100%;
  padding: 10px;
  border-radius: 4px;
  text-align: left;
  word-break: break-all;
}
.dropdown--box.bg--item .input-check span strong {
  padding-top: 4px;
  padding-bottom: 4px;
}
.dropdown--box.bg--item .input-check:hover,
.dropdown--box.bg--item .input-check.active {
  background: rgba(126, 68, 251, 0.1);
}
.dropdown--box .input-check {
  white-space: nowrap;
}

/* PAGE BUTTON */
.page__button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 14px;
}
.page__button > button:not(.button-text),
.page__button > a {
  min-width: 240px;
  padding-right: 20px;
  padding-left: 20px;
}
.page__button.has--pagenation {
  gap: 0;
}
.page__button.is--small {
  gap: 12px;
}
.page__button.is--small > button:not(.button-text),
.page__button.is--small > a {
  min-width: 164px;
  height: 44px;
}
.page__button-left,
.page__button-right {
  width: 177px;
}
.page__button-left > button:not(.button-text),
.page__button-left > a,
.page__button-right > button:not(.button-text),
.page__button-right > a {
  min-width: 109px;
  padding-right: 10px;
  padding-left: 10px;
}
.page__button-center {
  flex-shrink: 1;
  flex-grow: 1;
}
.page__button-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

/* DATE BUTTON */
.date--button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  gap: 28px;
}
.date--button .button-icon {
  width: 44px;
  height: 44px;
  background-color: #ffffff;
}
.date--button .button-icon > p {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: 1px 0;
}
.date--button .button-icon.ico-36 {
  width: 36px;
  height: 36px;
  margin: 0px;
}
.date--button .button-icon.ico-36 > p {
  width: 14px;
  height: 14px;
}
.date--button .date--button-prev {
  margin-left: 4px;
}
.date--button .date--button-next {
  margin-right: 4px;
  transform: rotate(180deg);
}
.date--button .button-left {
  position: absolute;
  left: 0;
}
.date--button .button-right {
  position: absolute;
  right: 0;
}
.date--button .calendar--datepicker {
  cursor: pointer;
}
.date--button.has--button {
  padding-left: 120px;
  padding-right: 120px;
}
.date--button.has--picker > p {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.date--button.is--title {
  gap: 31px;
  padding-right: 0;
  padding-left: 0;
}
.date--button.is--title .f-24-sb {
  color: #ffffff;
  font-weight: 800;
}

.ico-91 {
  display: inline-block;
  width: 91px;
  height: 91px;
  flex-shrink: 0;
}
.ico-83 {
  display: inline-block;
  width: 83px;
  height: 83px;
  flex-shrink: 0;
}
.ico-68 {
  display: inline-block;
  width: 68px;
  height: 68px;
  flex-shrink: 0;
}
.ico-64 {
  /*240924 추가*/
  display: inline-block;
  width: 64px;
  height: 64px;
  flex-shrink: 0;
}
.ico-50 {
  /*240621 추가*/
  display: inline-block;
  width: 50px;
  height: 50px;
  flex-shrink: 0;
}
.ico-46 {
  display: inline-block;
  width: 46px;
  height: 46px;
  flex-shrink: 0;
}
.ico-42 {
  display: inline-block;
  width: 42px;
  height: 42px;
  flex-shrink: 0;
}
.ico-40 {
  display: inline-block;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.ico-36 {
  display: inline-block;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}
.ico-34 {
  display: inline-block;
  width: 34px;
  height: 34px;
  flex-shrink: 0;
}
.ico-32 {
  display: inline-block;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}
.ico-30 {
  display: inline-block;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
}
.ico-28 {
  display: inline-block;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}
.ico-27 {
  display: inline-block;
  width: 27px;
  height: 27px;
  flex-shrink: 0;
}
.ico-26 {
  display: inline-block;
  width: 26px;
  height: 26px;
  flex-shrink: 0;
}
.ico-24 {
  display: inline-block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.ico-22 {
  display: inline-block;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}
.ico-20 {
  display: inline-block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.ico-19 {
  display: inline-block;
  width: 19px;
  height: 19px;
  flex-shrink: 0;
}
.ico-18 {
  display: inline-block;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
.ico-17 {
  display: inline-block;
  width: 17px;
  height: 17px;
  flex-shrink: 0;
}
.ico-16 {
  display: inline-block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.ico-14 {
  display: inline-block;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.ico-12 {
  display: inline-block;
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}
.ico-10 {
  display: inline-block;
  width: 10px;
  height: 10px;
  flex-shrink: 0;
}

.ico-calendar-left-black {
  background-image: url("../images/ico/calendar-left-black.svg");
}

.ico-arrow-prev-black {
  background-image: url("../images/ico/arrow-prev-black.svg");
}

.ico-arrow-left-black {
  background-image: url("../images/ico/arrow-left-black.svg");
}

.ico-arrow-next-black {
  background-image: url("../images/ico/arrow-next-black.svg");
}

.ico-add-28-black {
  background-image: url("../images/ico/add-28-black.svg");
}

.ico-add-black {
  background-image: url("../images/ico/add-black.svg");
}

.ico-add-circle-black {
  background-image: url("../images/ico/add-circle-black.svg");
}

.ico-prev-black {
  background-image: url("../images/ico/prev-black.svg");
}

.ico-calendar3-black {
  background-image: url("../images/ico/calendar3-black.png");
}

.ico-tooltip-black {
  background-image: url("../images/ico/tooltip-black.svg");
}

.ico-down-stroke2-black {
  background-image: url("../images/ico/down-stroke2-black.svg");
}

.ico-videojump-black {
  background-image: url("../images/ico/videojump-black.svg");
}

.ico-videostop-black {
  background-image: url("../images/ico/videostop-black.svg");
}

.ico-view-black {
  background-image: url("../images/ico/view-black.svg");
}

.ico-volume-black {
  background-image: url("../images/ico/volume-black.svg");
}

.ico-up-black {
  background-image: url("../images/ico/up-black.svg");
}

.ico-upload-500-black {
  background-image: url("../images/ico/upload-500-black.svg");
}

.ico-upload-black {
  background-image: url("../images/ico/upload-black.svg");
}

.ico-video-black {
  background-image: url("../images/ico/video-black.svg");
}

.ico-video-play-black {
  background-image: url("../images/ico/video-play-black.svg");
}

.ico-time-60-black {
  background-image: url("../images/ico/time-60-black.svg");
}

.ico-time-black {
  background-image: url("../images/ico/time-black.svg");
}

.ico-swiper-next-black {
  background-image: url("../images/ico/swiper-next-black.svg");
}

.ico-swiper-left-black {
  background-image: url("../images/ico/swiper-left-black.svg");
}

.ico-share-black {
  background-image: url("../images/ico/share-black.svg");
}

.ico-share-shin-black {
  background-image: url("../images/ico/share-shin-black.svg");
}

.ico-siren-black {
  background-image: url("../images/ico/siren-black.svg");
}

.ico-sms-black {
  background-image: url("../images/ico/sms-black.svg");
}

.ico-search-black {
  background-image: url("../images/ico/search-black.svg");
}

.ico-reply-black {
  background-image: url("../images/ico/reply-black.svg");
}

.ico-profile-black {
  background-image: url("../images/ico/profile-black.svg");
}

.ico-repeat-black {
  background-image: url("../images/ico/repeat-black.svg");
}

.ico-pencle-black {
  background-image: url("../images/ico/pencle-black.svg");
}

.ico-plug-black {
  background-image: url("../images/ico/plug-black.svg");
}

.ico-plus-black {
  background-image: url("../images/ico/plus-black.svg");
}

.ico-noti-black {
  background-image: url("../images/ico/noti-black.svg");
}

.ico-my-black {
  background-image: url("../images/ico/my-black.svg");
}

.ico-next-black {
  background-image: url("../images/ico/next-black.svg");
}

.ico-main-search-black {
  background-image: url("../images/ico/main-search-black.svg");
}

.ico-minus-black {
  background-image: url("../images/ico/minus-black.svg");
}

.ico-minus-circle-black {
  background-image: url("../images/ico/minus-circle-black.svg");
}

.ico-more-black {
  background-image: url("../images/ico/more-black.svg");
}

.ico-more-vertical-black {
  background-image: url("../images/ico/more-vertical-black.svg");
}

.ico-listview-black {
  background-image: url("../images/ico/listview-black.svg");
}

.ico-lock-black {
  background-image: url("../images/ico/lock-black.svg");
}

.ico-main-close-black {
  background-image: url("../images/ico/main-close-black.svg");
}

.ico-main-left-black {
  background-image: url("../images/ico/main-left-black.svg");
}

.ico-lesson-copy-black {
  background-image: url("../images/ico/lesson-copy-black.svg");
}

.ico-lesson-live-black {
  background-image: url("../images/ico/lesson-live-black.svg");
}

.ico-inactive-black {
  background-image: url("../images/ico/inactive-black.svg");
}

.ico-left-black {
  background-image: url("../images/ico/left-black.svg");
}

.ico-edit-black {
  background-image: url("../images/ico/edit-black.svg");
}

.ico-file-black {
  background-image: url("../images/ico/file-black.svg");
}

.ico-fullscreen-black {
  background-image: url("../images/ico/fullscreen-black.svg");
}

.ico-down-black {
  background-image: url("../images/ico/down-black.svg");
}

.ico-download-300-black {
  background-image: url("../images/ico/download-300-black.svg");
}

.ico-download-black {
  background-image: url("../images/ico/download-black.svg");
}

.ico-delete-black {
  background-image: url("../images/ico/delete-black.svg");
}

.ico-delete-x-black {
  background-image: url("../images/ico/delete-x-black.svg");
}

.ico-deplyment-black {
  background-image: url("../images/ico/deplyment-black.svg");
}

.ico-document-black {
  background-image: url("../images/ico/document-black.svg");
}

.ico-close-black {
  background-image: url("../images/ico/close-black.svg");
}

.ico-comment-black {
  background-image: url("../images/ico/comment-black.svg");
}

.ico-cs-black {
  background-image: url("../images/ico/cs-black.svg");
}

.ico-change-black {
  background-image: url("../images/ico/change-black.svg");
}

.ico-check-write-black {
  background-image: url("../images/ico/check-write-black.svg");
}

.ico-calendar2-black {
  background-image: url("../images/ico/calendar2-black.svg");
}

.ico-calendar-right-black {
  background-image: url("../images/ico/calendar-right-black.svg");
}

.ico-camera-black {
  background-image: url("../images/ico/camera-black.svg");
}

.ico-cancel-black {
  background-image: url("../images/ico/cancel-black.svg");
}

.ico-cardview-black {
  background-image: url("../images/ico/cardview-black.svg");
}

.ico-attchment-black {
  background-image: url("../images/ico/attchment-black.svg");
}

.ico-calendar-black {
  background-image: url("../images/ico/calendar-black.svg");
}

.ico-copy-white {
  background-image: url("../images/ico/copy-white.svg");
}
.ico-copy-black {
  background-image: url("../images/ico/ico-copy-black.svg");
}
.ico-chatbot-bot-white {
  background-image: url("../images/ico/chatbot-bot-white.svg");
}

.ico-chatbot-close-white {
  background-image: url("../images/ico/chatbot-close-white.svg");
}

.ico-watching-white {
  background-image: url("../images/ico/watching-white.svg");
}

.ico-tooltip-white {
  background-image: url("../images/ico/tooltip-white.svg");
}

.ico-upload-white {
  background-image: url("../images/ico/upload-white.svg");
}

.ico-up-white {
  background-image: url("../images/ico/up-white.svg");
}

.ico-search-white {
  background-image: url("../images/ico/search-white.svg");
}

.ico-profile-big-white {
  background-image: url("../images/ico/profile-big-white.svg");
}

.ico-profile-white {
  background-image: url("../images/ico/profile-white.svg");
}

.ico-noti-white {
  background-image: url("../images/ico/noti-white.svg");
}

.ico-next-white {
  background-image: url("../images/ico/next-white.svg");
}

.ico-more-white {
  background-image: url("../images/ico/more-white.svg");
}

.ico-live-white {
  background-image: url("../images/ico/live-white.svg");
}

.ico-heart-off-white {
  background-image: url("../images/ico/heart-off-white.svg");
}

.ico-heart-on-white {
  background-image: url("../images/ico/heart-on-white.svg");
}

.ico-filter-white {
  background-image: url("../images/ico/filter-white.svg");
}

.ico-download-white {
  background-image: url("../images/ico/download-white.svg");
}

.ico-down-white {
  background-image: url("../images/ico/down-white.svg");
}

.ico-cs-white {
  background-image: url("../images/ico/cs-white.svg");
}

.ico-check-white {
  background-image: url("../images/ico/check-white.svg");
}

.ico-cancel-white {
  background-image: url("../images/ico/cancel-white.svg");
}

.ico-arrow-play-white {
  background-image: url("../images/ico/arrow-play-white.svg");
}

.ico-add-white {
  background-image: url("../images/ico/add-white.svg");
}

.ico-arrow-back-white {
  background-image: url("../images/ico/arrow-back-white.svg");
}

.ico-siren-white {
  background-image: url("../images/ico/siren-white.svg");
}

.ico-prev-white {
  background-image: url("../images/ico/prev-white.svg");
}
/* 240409 추가 */
.ico-right-white {
  background-image: url("../images/ico/prev-white.svg");
  transform: rotate(180deg);
}
.ico-repeat-white {
  background-image: url("../images/ico/repeat-white.svg");
}

.ico-delete-violet {
  background-image: url("../images/ico/delete-violet.svg");
}

.ico-next-violet {
  background-image: url("../images/ico/next-violet.svg");
}

.ico-noti-violet {
  background-image: url("../images/ico/noti-violet.svg");
}

.ico-random-violet {
  background-image: url("../images/ico/random-violet.svg");
}

.ico-reset-violet {
  background-image: url("../images/ico/reset-violet.svg");
}

.ico-check-violet {
  background-image: url("../images/ico/check-violet.svg");
}

.ico-check-thin-violet {
  background-image: url("../images/ico/check-thin-violet.svg");
}

.ico-thumbs-up-violet {
  background-image: url("../images/ico/thumbs-up-violet.svg");
}

.ico-profile-violet {
  background-image: url("../images/ico/profile-violet.svg");
}

.ico-repeat-violet {
  background-image: url("../images/ico/repeat-violet.svg");
}

.ico-down-violet {
  background-image: url("../images/ico/down-violet.svg");
}

.ico-add-violet {
  background-image: url("../images/ico/add-violet.svg");
}

.ico-add-18-violet {
  background-image: url("../images/ico/add-18-violet.svg");
}

.ico-toast-noti-violet {
  background-image: url("../images/ico/toast-noti-violet.svg");
}

.ico-toast-ok-violet {
  background-image: url("../images/ico/toast-ok-violet.svg");
}

.ico-play-violet {
  background-image: url("../images/ico/play-violet.svg");
}

.ico-volume-violet {
  background-image: url("../images/ico/volume-violet.svg");
}

.ico-stop-violet {
  background-image: url("../images/ico/stop-violet.svg");
}

.ico-edit-violet {
  background-image: url("../images/ico/edit-violet.svg");
}

.ico-pin-violet {
  background-image: url("../images/ico/pin-violet.svg");
}

.ico-chatbot-roulette-violet {
  background-image: url("../images/ico/chatbot-roulette-violet.svg");
}

.ico-chatbot-bot-violet {
  background-image: url("../images/ico/chatbot-bot-violet.svg");
}

.ico-chatbot-sticker-violet {
  background-image: url("../images/ico/chatbot-sticker-violet.svg");
}

.ico-chatbot-talk-violet {
  background-image: url("../images/ico/chatbot-talk-violet.svg");
}

.ico-check-write-violet {
  background-image: url("../images/ico/check-write-violet.svg");
}

.ico-drawing-student-gray {
  background-image: url("../images/ico/drawing-student-gray.svg");
}

.ico-time-gray {
  background-image: url("../images/ico/time-gray.svg");
}

.ico-volume-gray {
  background-image: url("../images/ico/volume-gray.svg");
}

.ico-change-gray {
  background-image: url("../images/ico/change-gray.svg");
}

.ico-video-empty-gray {
  background-image: url("../images/ico/video-empty-gray.svg");
}

.ico-student-gray {
  background-image: url("../images/ico/student-gray.svg");
}

.ico-study-gray {
  background-image: url("../images/ico/study-gray.svg");
}

.ico-screenshot-gray {
  background-image: url("../images/ico/screenshot-gray.svg");
}

.ico-scroll-mark-gray {
  background-image: url("../images/ico/scroll-mark-gray.svg");
}

.ico-repeat-gray {
  background-image: url("../images/ico/repeat-gray.svg");
}

.ico-question-small-gray {
  background-image: url("../images/ico/question-small-gray.svg");
}

.ico-radio-gray {
  background-image: url("../images/ico/radio-gray.svg");
}

.ico-page-arrow-gray {
  background-image: url("../images/ico/page-arrow-gray.svg");
}

.ico-noti-school-gray {
  background-image: url("../images/ico/noti-school-gray.svg");
}

.ico-noti-service-gray {
  background-image: url("../images/ico/noti-service-gray.svg");
}

.ico-noti-survey-gray {
  background-image: url("../images/ico/noti-survey-gray.svg");
}

.ico-noti-profile-gray {
  background-image: url("../images/ico/noti-profile-gray.svg");
}

.ico-noti-qna-gray {
  background-image: url("../images/ico/noti-qna-gray.svg");
}

.ico-mp4-gray {
  background-image: url("../images/ico/mp4-gray.svg");
}

.ico-lesson-gray {
  background-image: url("../images/ico/lesson-gray.svg");
}

.ico-info-circle-gray {
  background-image: url("../images/ico/info-circle-gray.svg");
}

.ico-help-gray {
  background-image: url("../images/ico/help-gray.svg");
}

.ico-drawing-gray {
  background-image: url("../images/ico/drawing-gray.svg");
}

.ico-drawing-share-gray {
  background-image: url("../images/ico/drawing-share-gray.svg");
}

.ico-class-gray {
  background-image: url("../images/ico/class-gray.svg");
}

.ico-close-gray {
  background-image: url("../images/ico/close-gray.svg");
}

.ico-cancel-gray {
  background-image: url("../images/ico/cancel-gray.svg");
}

.ico-board-gray {
  background-image: url("../images/ico/board-gray.svg");
}

.ico-calendar-gray {
  background-image: url("../images/ico/calendar-gray.svg");
}

.ico-arrow-prev-gray {
  background-image: url("../images/ico/arrow-prev-gray.svg");
}

.ico-arrow-right-gray {
  background-image: url("../images/ico/arrow-right-gray.svg");
}

.ico-arrow-first-gray {
  background-image: url("../images/ico/arrow-first-gray.svg");
}

.ico-arrow-last-gray {
  background-image: url("../images/ico/arrow-last-gray.svg");
}

.ico-arrow-next-gray {
  background-image: url("../images/ico/arrow-next-gray.svg");
}

.ico-view-gray {
  background-image: url("../images/ico/view-gray.svg");
}

.ico-tooltip-gray {
  background-image: url("../images/ico/tooltip-gray.svg");
}

.ico-todo-ing-blue {
  background-image: url("../images/ico/todo-ing-blue.svg");
}

.ico-repeat-blue {
  background-image: url("../images/ico/repeat-blue.svg");
}

.ico-ratio-box-blue {
  background-image: url("../images/ico/ratio-box-blue.svg");
}

.ico-lesson-box-blue {
  background-image: url("../images/ico/lesson-box-blue.svg");
}

.ico-correct-blue {
  background-image: url("../images/ico/correct-blue.svg");
}

.ico-total-member-blue {
  background-image: url("../images/ico/total-member-blue.svg");
}

.ico-correct-green {
  background-image: url("../images/ico/correct-green.svg");
}

.ico-check-member-green {
  background-image: url("../images/ico/check-member-green.svg");
}

.ico-time-box-green {
  background-image: url("../images/ico/time-box-green.svg");
}

.ico-todo-today-green {
  background-image: url("../images/ico/todo-today-green.svg");
}

.ico-radio-green {
  background-image: url("../images/ico/radio-green.svg");
}

.ico-next-green {
  background-image: url("../images/ico/next-green.svg");
}

.ico-not-member-orange {
  background-image: url("../images/ico/not-member-orange.svg");
}

.ico-member-box-orange {
  background-image: url("../images/ico/member-box-orange.svg");
}

.ico-time-box-orange {
  background-image: url("../images/ico/time-box-orange.svg");
}

.ico-todo-end-orange {
  background-image: url("../images/ico/todo-end-orange.svg");
}

.ico-next-red {
  background-image: url("../images/ico/next-red.svg");
}

.ico-incorrect-red {
  background-image: url("../images/ico/incorrect-red.svg");
}

.ico-pdf-color {
  background-image: url("../images/ico/pdf-color.svg");
}

.ico-noti-school-color {
  background-image: url("../images/ico/noti-school-color.svg");
}

.ico-noti-service-color {
  background-image: url("../images/ico/noti-service-color.svg");
}

.ico-noti-survey-color {
  background-image: url("../images/ico/noti-survey-color.svg");
}

.ico-noti-profile-color {
  background-image: url("../images/ico/noti-profile-color.svg");
}

.ico-noti-qna-color {
  background-image: url("../images/ico/noti-qna-color.svg");
}

.ico-hwp-color {
  background-image: url("../images/ico/hwp-color.svg");
}

.ico-etc-color {
  background-image: url("../images/ico/etc-color.svg");
}

.ico-excel-color {
  background-image: url("../images/ico/excel-color.svg");
}

.ico-book-01-color {
  background-image: url("../images/ico/book-01-color.svg");
}

.ico-book-02-color {
  background-image: url("../images/ico/book-02-color.svg");
}

.ico-book-03-color {
  background-image: url("../images/ico/book-03-color.svg");
}

.ico-book-04-color {
  background-image: url("../images/ico/book-04-color.svg");
}

.ico-alert-color {
  background-image: url("../images/ico/alert-color.svg");
}

.ico-word-color {
  background-image: url("../images/ico/word-color.svg");
}

.ico-workbook-color {
  background-image: url("../images/ico/workbook-color.svg");
}

.ico-test-color {
  background-image: url("../images/ico/test-color.svg");
}

.ico-powerpoint-color {
  background-image: url("../images/ico/powerpoint-color.svg");
}

.ico-target-high {
  background-image: url("../images/ico/target-high.png");
}

.ico-target-middle {
  background-image: url("../images/ico/target-middle.png");
}

.ico-target-elementary {
  background-image: url("../images/ico/target-elementary.png");
}

.ico-make-detail {
  background-image: url("../images/ico/make-detail.svg");
}

.ico-make-option {
  background-image: url("../images/ico/make-option.svg");
}

.ico-make-subject {
  background-image: url("../images/ico/make-subject.svg");
}

.ico-lesson-detail {
  background-image: url("../images/ico/lesson-detail.png");
}

.ico-lesson-edit {
  background-image: url("../images/ico/lesson-edit.svg");
}

.ico-lesson-grade {
  background-image: url("../images/ico/lesson-grade.png");
}

.ico-lesson-option {
  background-image: url("../images/ico/lesson-option.png");
}

.ico-lesson-school {
  background-image: url("../images/ico/lesson-school.png");
}

.ico-lesson-date {
  background-image: url("../images/ico/lesson-date.png");
}

.ico-lesson-attend {
  background-image: url("../images/ico/lesson-attend.png");
}

.ico-lesson-vod {
  background-image: url("../images/ico/lesson-vod.png");
}

.ico-lesson-live {
  background-image: url("../images/ico/lesson-live.png");
}

.ico-lesson-video {
  background-image: url("../images/ico/lesson-video.png");
}

.ico-lesson-cam {
  background-image: url("../images/ico/lesson-cam.png");
}

.ico-digital-step08 {
  background-image: url("../images/ico/digital-step08.svg");
}

.ico-digital-step07 {
  background-image: url("../images/ico/digital-step07.svg");
}

.ico-digital-step06 {
  background-image: url("../images/ico/digital-step06.svg");
}

.ico-digital-step05 {
  background-image: url("../images/ico/digital-step05.svg");
}

.ico-digital-step04 {
  background-image: url("../images/ico/digital-step04.svg");
}

.ico-digital-step03 {
  background-image: url("../images/ico/digital-step03.svg");
}

.ico-digital-step02 {
  background-image: url("../images/ico/digital-step02.svg");
}

.ico-digital-step01 {
  background-image: url("../images/ico/digital-step01.svg");
}

.form-check-gray {
  background-image: url("../images/form/check-gray.svg");
}

.form-radio-gray {
  background-image: url("../images/form/radio-gray.svg");
}

.form-check-color {
  background-image: url("../images/form/check-color.svg");
}

.form-radio-color {
  background-image: url("../images/form/radio-color.svg");
}

.img-titlebg-left {
  background-image: url("../images/img/titlebg-left.png");
}

.img-titlebg-right {
  background-image: url("../images/img/titlebg-right.png");
}

.img-btn-share-stop {
  background-image: url("../images/img/btn-share-stop.svg");
}

.img-checkrobot-32 {
  background-image: url("../images/img/checkrobot-32.png");
}

.img-join-done {
  background-image: url("../images/img/join-done.svg");
}

.img-join-wait {
  background-image: url("../images/img/join-wait.svg");
}

.img-main-banner {
  background-image: url("../images/img/main-banner.svg");
}

.img-write-emoji {
  background-image: url("../images/img/write-emoji.svg");
}

.img-please {
  background-image: url("../images/img/please.svg");
}

.img-footer-01 {
  background-image: url("../images/img/footer-01.png");
}

.img-footer-02 {
  background-image: url("../images/img/footer-02.png");
}

.img-footer-03 {
  background-image: url("../images/img/footer-03.png");
}

.img-footer-04 {
  background-image: url("../images/img/footer-04.png");
}

.img-footer-05 {
  background-image: url("../images/img/footer-05.png");
}

.img-myclass-bg-blue {
  background-image: url("../images/img/myclass-bg-blue.svg");
}

.img-myclass-particle-blue {
  background-image: url("../images/img/myclass-particle-blue.svg");
}

.img-myclass-bg-violet {
  background-image: url("../images/img/myclass-bg-violet.svg");
}

.img-myclass-particle-violet {
  background-image: url("../images/img/myclass-particle-violet.svg");
}

.img-myclass-bg-green {
  background-image: url("../images/img/myclass-bg-green.svg");
}

.img-myclass-particle-green {
  background-image: url("../images/img/myclass-particle-green.svg");
}

.img-myclass-index-mylesson {
  background-image: url("../images/img/myclass-index-mylesson.svg");
}

.img-report-month-illust01 {
  background-image: url("../images/img/report-month-illust01.svg");
}

.img-report-month-badgebox {
  background-image: url("../images/img/report-month-badgebox.png");
}

.img-report-month-guide {
  background-image: url("../images/img/report-month-guide.png");
}

.img-total-report-women {
  background-image: url("../images/img/total-report-women.svg");
}

.img-total-report-men {
  background-image: url("../images/img/total-report-men.svg");
}

.img-crown {
  background-image: url("../images/img/crown.png");
}

.img-badge-profile-bg {
  background-image: url("../images/img/badge-profile-bg.svg");
}

.img-badge-profile-bg2 {
  background-image: url("../images/img/badge-profile-bg2.svg");
}

.img-badge-profile-bg3 {
  background-image: url("../images/img/badge-profile-bg3.svg");
}

.img-workbook-make-01 {
  background-image: url("../images/img/workbook-make-01.svg");
}

.img-workbook-make-02 {
  background-image: url("../images/img/workbook-make-02.svg");
}

.img-workbook-make-03 {
  background-image: url("../images/img/workbook-make-03.svg");
}

.img-workbook-make-04 {
  background-image: url("../images/img/workbook-make-04.svg");
}

.img-contents-student-illust {
  background-image: url("../images/img/contents-student-illust.svg");
}

.img-book {
  background-image: url("../images/img/book.png");
}

.img-letter {
  background-image: url("../images/img/letter.png");
}

.img-mylesson {
  background-image: url("../images/img/mylesson.png");
}

.img-preview-incorrect {
  background-image: url("../images/img/preview-incorrect.svg");
}

.img-preview-correct {
  background-image: url("../images/img/preview-correct.svg");
}

.img-power {
  background-image: url("../images/img/power.png");
}

.img-drawing-01-color {
  background-image: url("../images/img/drawing-01-color.png");
}

.img-drawing-02-color {
  background-image: url("../images/img/drawing-02-color.png");
}

.img-drawing-particle {
  background-image: url("../images/img/drawing-particle.svg");
}

.img-myclass-empty-info {
  background-image: url("../images/img/myclass-empty-info.png");
}

.img-mylesson-empty-complete {
  background-image: url("../images/img/mylesson-empty-complete.png");
}

.img-digital-element01 {
  background-image: url("../images/img/digital-element01.png");
}

.img-digital-element02 {
  background-image: url("../images/img/digital-element02.png");
}

.img-digital-element03 {
  background-image: url("../images/img/digital-element03.png");
}

.img-digital-element04 {
  background-image: url("../images/img/digital-element04.png");
}

.img-digital-element05 {
  background-image: url("../images/img/digital-element05.png");
}

.img-digital-element06 {
  background-image: url("../images/img/digital-element06.png");
}

.img-digital-element07 {
  background-image: url("../images/img/digital-element07.png");
}

.img-digital-element08 {
  background-image: url("../images/img/digital-element08.png");
}

.img-digital-high01 {
  background-image: url("../images/img/digital-high01.png");
}

.img-digital-high02 {
  background-image: url("../images/img/digital-high02.png");
}

.img-digital-high03 {
  background-image: url("../images/img/digital-high03.png");
}

.img-digital-high04 {
  background-image: url("../images/img/digital-high04.png");
}

.img-digital-high05 {
  background-image: url("../images/img/digital-high05.png");
}

.img-digital-high06 {
  background-image: url("../images/img/digital-high06.png");
}

.img-digital-high07 {
  background-image: url("../images/img/digital-high07.png");
}

.img-digital-high08 {
  background-image: url("../images/img/digital-high08.png");
}

.img-footer-01-black {
  background-image: url("../images/img/footer-01-black.png");
}

.img-footer-02-black {
  background-image: url("../images/img/footer-02-black.png");
}

.img-footer-03-black {
  background-image: url("../images/img/footer-03-black.png");
}

.img-footer-04-black {
  background-image: url("../images/img/footer-04-black.png");
}

.img-footer-05-black {
  background-image: url("../images/img/footer-05-black.png");
}

.img-footer-logo-black {
  background-image: url("../images/img/footer-logo-black.png");
}

.img-footer-01-white {
  background-image: url("../images/img/footer-01-white.png");
}

.img-footer-02-white {
  background-image: url("../images/img/footer-02-white.png");
}

.img-footer-03-white {
  background-image: url("../images/img/footer-03-white.png");
}

.img-footer-04-white {
  background-image: url("../images/img/footer-04-white.png");
}

.img-footer-05-white {
  background-image: url("../images/img/footer-05-white.png");
}

.img-footer-logo-white {
  background-image: url("../images/img/footer-logo-white.png");
}

.img-logo-white {
  background-image: url("../images/img/logo-white.png");
}

.img-class-thumb-logo-white {
  background-image: url("../images/img/class-thumb-logo-white.png");
}

.img-check-white {
  background-image: url("../images/img/check-white.svg");
}

.img-logo-color {
  background-image: url("../images/img/logo-color.png");
}

.img-logo2-color {
  background-image: url("../images/img/logo2-color.svg");
}

.img-roulette-pin-color {
  background-image: url("../images/img/roulette-pin-color.svg");
}

.img-emoji-1-color {
  background-image: url("../images/img/emoji-1-color.png");
}

.img-emoji-2-color {
  background-image: url("../images/img/emoji-2-color.png");
}

.img-emoji-3-color {
  background-image: url("../images/img/emoji-3-color.png");
}

.img-lesson-make-color {
  background-image: url("../images/img/lesson-make-color.png");
}

.img-lesson-notice-color {
  background-image: url("../images/img/lesson-notice-color.png");
}

.img-lesson-today-color {
  background-image: url("../images/img/lesson-today-color.png");
}

.img-class-thumb-base-color {
  background-image: url("../images/img/class-thumb-base-color.svg");
}

.img-class-thumb-logo-color {
  background-image: url("../images/img/class-thumb-logo-color.svg");
}

.img-today-ai-color {
  background-image: url("../images/img/today-ai-color.svg");
}

.img-sticker-01-color {
  background-image: url("../images/img/sticker-01-color.svg");
}

.img-sticker-02-color {
  background-image: url("../images/img/sticker-02-color.svg");
}

.img-sticker-03-color {
  background-image: url("../images/img/sticker-03-color.svg");
}

.img-sticker-04-color {
  background-image: url("../images/img/sticker-04-color.svg");
}

.img-sticker-05-color {
  background-image: url("../images/img/sticker-05-color.svg");
}

.img-sticker-06-color {
  background-image: url("../images/img/sticker-06-color.svg");
}

.img-sticker-07-color {
  background-image: url("../images/img/sticker-07-color.svg");
}

.img-sticker-08-color {
  background-image: url("../images/img/sticker-08-color.svg");
}

.img-sticker-09-color {
  background-image: url("../images/img/sticker-09-color.svg");
}

.img-sticker-10-color {
  background-image: url("../images/img/sticker-10-color.svg");
}

.img-sticker-11-color {
  background-image: url("../images/img/sticker-11-color.svg");
}

.img-sticker-12-color {
  background-image: url("../images/img/sticker-12-color.svg");
}

.img-badge-01-color {
  background-image: url("../images/img/badge-01-color.svg");
}

.img-badge-02-color {
  background-image: url("../images/img/badge-02-color.svg");
}

.img-badge-03-color {
  background-image: url("../images/img/badge-03-color.svg");
}

.img-badge-04-color {
  background-image: url("../images/img/badge-04-color.svg");
}

.img-badge-05-color {
  background-image: url("../images/img/badge-05-color.svg");
}

.img-report-illust-color {
  background-image: url("../images/img/report-illust-color.svg");
}

.img-report-bg-color {
  background-image: url("../images/img/report-bg-color.svg");
}

.img-report-pres-ai-color {
  background-image: url("../images/img/report-pres-ai-color.svg");
}

.img-report-guide-ai-color {
  background-image: url("../images/img/report-guide-ai-color.svg");
}

.img-title-book-color {
  background-image: url("../images/img/title-book-color.png");
}

.img-title-light-color {
  background-image: url("../images/img/title-light-color.png");
}

.img-rate-color {
  background-image: url("../images/img/rate-color.svg");
}

.img-solved-color {
  background-image: url("../images/img/solved-color.svg");
}

.img-myclass-index-color {
  background-image: url("../images/img/myclass-index-color.svg");
}

.img-main-banner-png {
  background-image: url("../images/img/main-banner.png");
}

.img-join-done-png {
  background-image: url("../images/img/join-done.png");
}

.img-join-wait-png {
  background-image: url("../images/img/join-wait.png");
}

.img-clap-png {
  background-image: url("../images/img/clap.png");
}

.img-rocket-png {
  background-image: url("../images/img/rocket.png");
}

.img-mystat-empty-left-png {
  background-image: url("../images/img/mystat-empty-left.png");
}

.img-mystat-empty-right-png {
  background-image: url("../images/img/mystat-empty-right.png");
}

.img-calendar-png {
  background-image: url("../images/img/calendar.png");
}

.img-clean-png {
  background-image: url("../images/img/clean.png");
}

.img-human-png {
  background-image: url("../images/img/human.png");
}

.img-school-png {
  background-image: url("../images/img/school.png");
}

.img-cake-png {
  background-image: url("../images/img/cake.png");
}

.img-knock-color-png {
  background-image: url("../images/img/knock-color.png");
}

.img-particle-color-png {
  background-image: url("../images/img/particle-color.png");
}

.img-bell_on-color-png {
  background-image: url("../images/img/bell_on-color.png");
}

.img-bell-color-png {
  background-image: url("../images/img/bell-color.png");
}

.img-knock_on-color-png {
  background-image: url("../images/img/knock_on-color.png");
}

.img-hello-png {
  background-image: url("../images/img/hello.png");
}

.join-step02 {
  background-image: url("../images/join/step02.svg");
}

.join-step03 {
  background-image: url("../images/join/step03.svg");
}

.join-step01 {
  background-image: url("../images/join/step01.svg");
}

.main-tutor {
  background-image: url("../images/main/tutor.svg");
}

.main-tutor-big {
  background-image: url("../images/main/tutor-big.svg");
}

.main-app-google {
  background-image: url("../images/main/app-google.svg");
}

.main-app-kakao {
  background-image: url("../images/main/app-kakao.svg");
}

.main-app-naver {
  background-image: url("../images/main/app-naver.svg");
}

.main-bg {
  background-image: url("../images/main/bg.jpg");
}

.main-blackboard {
  background-image: url("../images/main/blackboard.svg");
}

.main-parents {
  background-image: url("../images/main/parents.svg");
}

.main-scroll {
  background-image: url("../images/main/scroll.svg");
}

.main-student {
  background-image: url("../images/main/student.svg");
}

.main-teacher {
  background-image: url("../images/main/teacher.svg");
}

.main-title-icon {
  background-image: url("../images/main/title-icon.svg");
}

.main-select-class-title {
  background-image: url("../images/main/select-class-title.svg");
}

.main-class02-on {
  background-image: url("../images/main/class02-on.svg");
}

.main-class01 {
  background-image: url("../images/main/class01.svg");
}

.main-class01-on {
  background-image: url("../images/main/class01-on.svg");
}

.main-class02 {
  background-image: url("../images/main/class02.svg");
}

.main-intro-solved-color {
  background-image: url("../images/main/intro-solved-color.svg");
}

.main-title-stat-color {
  background-image: url("../images/main/title-stat-color.png");
}

.main-title-recomm-color {
  background-image: url("../images/main/title-recomm-color.png");
}

.main-title-noti-color {
  background-image: url("../images/main/title-noti-color.png");
}

.main-title-lesson-color {
  background-image: url("../images/main/title-lesson-color.png");
}

.main-intro-viewing-color {
  background-image: url("../images/main/intro-viewing-color.svg");
}

.main-intro-rate-color {
  background-image: url("../images/main/intro-rate-color.svg");
}

.main-tutor-png {
  background-image: url("../images/main/tutor.png");
}

.main-tutor-big-png {
  background-image: url("../images/main/tutor-big.png");
}

.main-app-google-png {
  background-image: url("../images/main/app-google.png");
}

.main-app-kakao-png {
  background-image: url("../images/main/app-kakao.png");
}

.main-app-naver-png {
  background-image: url("../images/main/app-naver.png");
}

.main-blackboard-png {
  background-image: url("../images/main/blackboard.png");
}

.main-blackboard-big-png {
  background-image: url("../images/main/blackboard-big.png");
}

.main-howto-01-png {
  background-image: url("../images/main/howto-01.png");
}

.main-howto-02-png {
  background-image: url("../images/main/howto-02.png");
}

.main-howto-03-png {
  background-image: url("../images/main/howto-03.png");
}

.main-howto-04-png {
  background-image: url("../images/main/howto-04.png");
}

.main-parents-png {
  background-image: url("../images/main/parents.png");
}

.main-scroll-png {
  background-image: url("../images/main/scroll.png");
}

.main-student-png {
  background-image: url("../images/main/student.png");
}

.main-teacher-png {
  background-image: url("../images/main/teacher.png");
}

.scroll-x {
  overflow-x: auto;
}

.margin-t-0 {
  margin-top: 0px !important;
}

.margin-r-0 {
  margin-right: 0px !important;
}

.margin-b-0 {
  margin-bottom: 0px !important;
}

.margin-l-0 {
  margin-left: 0px !important;
}

.margin-y-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.margin-x-0 {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.margin-a-0 {
  margin: 0px !important;
}

.wrap.mobile .margin-t-0 {
  margin-top: 0rem !important;
}
.wrap.mobile .margin-r-0 {
  margin-right: 0rem !important;
}
.wrap.mobile .margin-b-0 {
  margin-bottom: 0rem !important;
}
.wrap.mobile .margin-l-0 {
  margin-left: 0rem !important;
}
.wrap.mobile .margin-y-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}
.wrap.mobile .margin-x-0 {
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}
.wrap.mobile .margin-a-0 {
  margin: 0rem !important;
}

.margin-t-1 {
  margin-top: 1px !important;
}

.margin-r-1 {
  margin-right: 1px !important;
}

.margin-b-1 {
  margin-bottom: 1px !important;
}

.margin-l-1 {
  margin-left: 1px !important;
}

.margin-y-1 {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.margin-x-1 {
  margin-right: 1px !important;
  margin-left: 1px !important;
}

.margin-a-1 {
  margin: 1px !important;
}

.wrap.mobile .margin-t-1 {
  margin-top: 0.1rem !important;
}
.wrap.mobile .margin-r-1 {
  margin-right: 0.1rem !important;
}
.wrap.mobile .margin-b-1 {
  margin-bottom: 0.1rem !important;
}
.wrap.mobile .margin-l-1 {
  margin-left: 0.1rem !important;
}
.wrap.mobile .margin-y-1 {
  margin-top: 0.1rem !important;
  margin-bottom: 0.1rem !important;
}
.wrap.mobile .margin-x-1 {
  margin-right: 0.1rem !important;
  margin-left: 0.1rem !important;
}
.wrap.mobile .margin-a-1 {
  margin: 0.1rem !important;
}

.margin-t-2 {
  margin-top: 2px !important;
}

.margin-r-2 {
  margin-right: 2px !important;
}

.margin-b-2 {
  margin-bottom: 2px !important;
}

.margin-l-2 {
  margin-left: 2px !important;
}

.margin-y-2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.margin-x-2 {
  margin-right: 2px !important;
  margin-left: 2px !important;
}

.margin-a-2 {
  margin: 2px !important;
}

.wrap.mobile .margin-t-2 {
  margin-top: 0.2rem !important;
}
.wrap.mobile .margin-r-2 {
  margin-right: 0.2rem !important;
}
.wrap.mobile .margin-b-2 {
  margin-bottom: 0.2rem !important;
}
.wrap.mobile .margin-l-2 {
  margin-left: 0.2rem !important;
}
.wrap.mobile .margin-y-2 {
  margin-top: 0.2rem !important;
  margin-bottom: 0.2rem !important;
}
.wrap.mobile .margin-x-2 {
  margin-right: 0.2rem !important;
  margin-left: 0.2rem !important;
}
.wrap.mobile .margin-a-2 {
  margin: 0.2rem !important;
}

.margin-t-3 {
  margin-top: 3px !important;
}

.margin-r-3 {
  margin-right: 3px !important;
}

.margin-b-3 {
  margin-bottom: 3px !important;
}

.margin-l-3 {
  margin-left: 3px !important;
}

.margin-y-3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.margin-x-3 {
  margin-right: 3px !important;
  margin-left: 3px !important;
}

.margin-a-3 {
  margin: 3px !important;
}

.wrap.mobile .margin-t-3 {
  margin-top: 0.3rem !important;
}
.wrap.mobile .margin-r-3 {
  margin-right: 0.3rem !important;
}
.wrap.mobile .margin-b-3 {
  margin-bottom: 0.3rem !important;
}
.wrap.mobile .margin-l-3 {
  margin-left: 0.3rem !important;
}
.wrap.mobile .margin-y-3 {
  margin-top: 0.3rem !important;
  margin-bottom: 0.3rem !important;
}
.wrap.mobile .margin-x-3 {
  margin-right: 0.3rem !important;
  margin-left: 0.3rem !important;
}
.wrap.mobile .margin-a-3 {
  margin: 0.3rem !important;
}

.margin-t-4 {
  margin-top: 4px !important;
}

.margin-r-4 {
  margin-right: 4px !important;
}

.margin-b-4 {
  margin-bottom: 4px !important;
}

.margin-l-4 {
  margin-left: 4px !important;
}

.margin-y-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.margin-x-4 {
  margin-right: 4px !important;
  margin-left: 4px !important;
}

.margin-a-4 {
  margin: 4px !important;
}

.wrap.mobile .margin-t-4 {
  margin-top: 0.4rem !important;
}
.wrap.mobile .margin-r-4 {
  margin-right: 0.4rem !important;
}
.wrap.mobile .margin-b-4 {
  margin-bottom: 0.4rem !important;
}
.wrap.mobile .margin-l-4 {
  margin-left: 0.4rem !important;
}
.wrap.mobile .margin-y-4 {
  margin-top: 0.4rem !important;
  margin-bottom: 0.4rem !important;
}
.wrap.mobile .margin-x-4 {
  margin-right: 0.4rem !important;
  margin-left: 0.4rem !important;
}
.wrap.mobile .margin-a-4 {
  margin: 0.4rem !important;
}

.margin-t-5 {
  margin-top: 5px !important;
}

.margin-r-5 {
  margin-right: 5px !important;
}

.margin-b-5 {
  margin-bottom: 5px !important;
}

.margin-l-5 {
  margin-left: 5px !important;
}

.margin-y-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.margin-x-5 {
  margin-right: 5px !important;
  margin-left: 5px !important;
}

.margin-a-5 {
  margin: 5px !important;
}

.wrap.mobile .margin-t-5 {
  margin-top: 0.5rem !important;
}
.wrap.mobile .margin-r-5 {
  margin-right: 0.5rem !important;
}
.wrap.mobile .margin-b-5 {
  margin-bottom: 0.5rem !important;
}
.wrap.mobile .margin-l-5 {
  margin-left: 0.5rem !important;
}
.wrap.mobile .margin-y-5 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.wrap.mobile .margin-x-5 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.wrap.mobile .margin-a-5 {
  margin: 0.5rem !important;
}

.margin-t-6 {
  margin-top: 6px !important;
}

.margin-r-6 {
  margin-right: 6px !important;
}

.margin-b-6 {
  margin-bottom: 6px !important;
}

.margin-l-6 {
  margin-left: 6px !important;
}

.margin-y-6 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.margin-x-6 {
  margin-right: 6px !important;
  margin-left: 6px !important;
}

.margin-a-6 {
  margin: 6px !important;
}

.wrap.mobile .margin-t-6 {
  margin-top: 0.6rem !important;
}
.wrap.mobile .margin-r-6 {
  margin-right: 0.6rem !important;
}
.wrap.mobile .margin-b-6 {
  margin-bottom: 0.6rem !important;
}
.wrap.mobile .margin-l-6 {
  margin-left: 0.6rem !important;
}
.wrap.mobile .margin-y-6 {
  margin-top: 0.6rem !important;
  margin-bottom: 0.6rem !important;
}
.wrap.mobile .margin-x-6 {
  margin-right: 0.6rem !important;
  margin-left: 0.6rem !important;
}
.wrap.mobile .margin-a-6 {
  margin: 0.6rem !important;
}

.margin-t-7 {
  margin-top: 7px !important;
}

.margin-r-7 {
  margin-right: 7px !important;
}

.margin-b-7 {
  margin-bottom: 7px !important;
}

.margin-l-7 {
  margin-left: 7px !important;
}

.margin-y-7 {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}

.margin-x-7 {
  margin-right: 7px !important;
  margin-left: 7px !important;
}

.margin-a-7 {
  margin: 7px !important;
}

.wrap.mobile .margin-t-7 {
  margin-top: 0.7rem !important;
}
.wrap.mobile .margin-r-7 {
  margin-right: 0.7rem !important;
}
.wrap.mobile .margin-b-7 {
  margin-bottom: 0.7rem !important;
}
.wrap.mobile .margin-l-7 {
  margin-left: 0.7rem !important;
}
.wrap.mobile .margin-y-7 {
  margin-top: 0.7rem !important;
  margin-bottom: 0.7rem !important;
}
.wrap.mobile .margin-x-7 {
  margin-right: 0.7rem !important;
  margin-left: 0.7rem !important;
}
.wrap.mobile .margin-a-7 {
  margin: 0.7rem !important;
}

.margin-t-8 {
  margin-top: 8px !important;
}

.margin-r-8 {
  margin-right: 8px !important;
}

.margin-b-8 {
  margin-bottom: 8px !important;
}

.margin-l-8 {
  margin-left: 8px !important;
}

.margin-y-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.margin-x-8 {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

.margin-a-8 {
  margin: 8px !important;
}

.wrap.mobile .margin-t-8 {
  margin-top: 0.8rem !important;
}
.wrap.mobile .margin-r-8 {
  margin-right: 0.8rem !important;
}
.wrap.mobile .margin-b-8 {
  margin-bottom: 0.8rem !important;
}
.wrap.mobile .margin-l-8 {
  margin-left: 0.8rem !important;
}
.wrap.mobile .margin-y-8 {
  margin-top: 0.8rem !important;
  margin-bottom: 0.8rem !important;
}
.wrap.mobile .margin-x-8 {
  margin-right: 0.8rem !important;
  margin-left: 0.8rem !important;
}
.wrap.mobile .margin-a-8 {
  margin: 0.8rem !important;
}

.margin-t-9 {
  margin-top: 9px !important;
}

.margin-r-9 {
  margin-right: 9px !important;
}

.margin-b-9 {
  margin-bottom: 9px !important;
}

.margin-l-9 {
  margin-left: 9px !important;
}

.margin-y-9 {
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}

.margin-x-9 {
  margin-right: 9px !important;
  margin-left: 9px !important;
}

.margin-a-9 {
  margin: 9px !important;
}

.wrap.mobile .margin-t-9 {
  margin-top: 0.9rem !important;
}
.wrap.mobile .margin-r-9 {
  margin-right: 0.9rem !important;
}
.wrap.mobile .margin-b-9 {
  margin-bottom: 0.9rem !important;
}
.wrap.mobile .margin-l-9 {
  margin-left: 0.9rem !important;
}
.wrap.mobile .margin-y-9 {
  margin-top: 0.9rem !important;
  margin-bottom: 0.9rem !important;
}
.wrap.mobile .margin-x-9 {
  margin-right: 0.9rem !important;
  margin-left: 0.9rem !important;
}
.wrap.mobile .margin-a-9 {
  margin: 0.9rem !important;
}

.margin-t-10 {
  margin-top: 10px !important;
}

.margin-r-10 {
  margin-right: 10px !important;
}

.margin-b-10 {
  margin-bottom: 10px !important;
}

.margin-l-10 {
  margin-left: 10px !important;
}

.margin-y-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.margin-x-10 {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.margin-a-10 {
  margin: 10px !important;
}

.wrap.mobile .margin-t-10 {
  margin-top: 1rem !important;
}
.wrap.mobile .margin-r-10 {
  margin-right: 1rem !important;
}
.wrap.mobile .margin-b-10 {
  margin-bottom: 1rem !important;
}
.wrap.mobile .margin-l-10 {
  margin-left: 1rem !important;
}
.wrap.mobile .margin-y-10 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.wrap.mobile .margin-x-10 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.wrap.mobile .margin-a-10 {
  margin: 1rem !important;
}

.margin-t-11 {
  margin-top: 11px !important;
}

.margin-r-11 {
  margin-right: 11px !important;
}

.margin-b-11 {
  margin-bottom: 11px !important;
}

.margin-l-11 {
  margin-left: 11px !important;
}

.margin-y-11 {
  margin-top: 11px !important;
  margin-bottom: 11px !important;
}

.margin-x-11 {
  margin-right: 11px !important;
  margin-left: 11px !important;
}

.margin-a-11 {
  margin: 11px !important;
}

.wrap.mobile .margin-t-11 {
  margin-top: 1.1rem !important;
}
.wrap.mobile .margin-r-11 {
  margin-right: 1.1rem !important;
}
.wrap.mobile .margin-b-11 {
  margin-bottom: 1.1rem !important;
}
.wrap.mobile .margin-l-11 {
  margin-left: 1.1rem !important;
}
.wrap.mobile .margin-y-11 {
  margin-top: 1.1rem !important;
  margin-bottom: 1.1rem !important;
}
.wrap.mobile .margin-x-11 {
  margin-right: 1.1rem !important;
  margin-left: 1.1rem !important;
}
.wrap.mobile .margin-a-11 {
  margin: 1.1rem !important;
}

.margin-t-12 {
  margin-top: 12px !important;
}

.margin-r-12 {
  margin-right: 12px !important;
}

.margin-b-12 {
  margin-bottom: 12px !important;
}

.margin-l-12 {
  margin-left: 12px !important;
}

.margin-y-12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.margin-x-12 {
  margin-right: 12px !important;
  margin-left: 12px !important;
}

.margin-a-12 {
  margin: 12px !important;
}

.wrap.mobile .margin-t-12 {
  margin-top: 1.2rem !important;
}
.wrap.mobile .margin-r-12 {
  margin-right: 1.2rem !important;
}
.wrap.mobile .margin-b-12 {
  margin-bottom: 1.2rem !important;
}
.wrap.mobile .margin-l-12 {
  margin-left: 1.2rem !important;
}
.wrap.mobile .margin-y-12 {
  margin-top: 1.2rem !important;
  margin-bottom: 1.2rem !important;
}
.wrap.mobile .margin-x-12 {
  margin-right: 1.2rem !important;
  margin-left: 1.2rem !important;
}
.wrap.mobile .margin-a-12 {
  margin: 1.2rem !important;
}

.margin-t-13 {
  margin-top: 13px !important;
}

.margin-r-13 {
  margin-right: 13px !important;
}

.margin-b-13 {
  margin-bottom: 13px !important;
}

.margin-l-13 {
  margin-left: 13px !important;
}

.margin-y-13 {
  margin-top: 13px !important;
  margin-bottom: 13px !important;
}

.margin-x-13 {
  margin-right: 13px !important;
  margin-left: 13px !important;
}

.margin-a-13 {
  margin: 13px !important;
}

.wrap.mobile .margin-t-13 {
  margin-top: 1.3rem !important;
}
.wrap.mobile .margin-r-13 {
  margin-right: 1.3rem !important;
}
.wrap.mobile .margin-b-13 {
  margin-bottom: 1.3rem !important;
}
.wrap.mobile .margin-l-13 {
  margin-left: 1.3rem !important;
}
.wrap.mobile .margin-y-13 {
  margin-top: 1.3rem !important;
  margin-bottom: 1.3rem !important;
}
.wrap.mobile .margin-x-13 {
  margin-right: 1.3rem !important;
  margin-left: 1.3rem !important;
}
.wrap.mobile .margin-a-13 {
  margin: 1.3rem !important;
}

.margin-t-14 {
  margin-top: 14px !important;
}

.margin-r-14 {
  margin-right: 14px !important;
}

.margin-b-14 {
  margin-bottom: 14px !important;
}

.margin-l-14 {
  margin-left: 14px !important;
}

.margin-y-14 {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}

.margin-x-14 {
  margin-right: 14px !important;
  margin-left: 14px !important;
}

.margin-a-14 {
  margin: 14px !important;
}

.wrap.mobile .margin-t-14 {
  margin-top: 1.4rem !important;
}
.wrap.mobile .margin-r-14 {
  margin-right: 1.4rem !important;
}
.wrap.mobile .margin-b-14 {
  margin-bottom: 1.4rem !important;
}
.wrap.mobile .margin-l-14 {
  margin-left: 1.4rem !important;
}
.wrap.mobile .margin-y-14 {
  margin-top: 1.4rem !important;
  margin-bottom: 1.4rem !important;
}
.wrap.mobile .margin-x-14 {
  margin-right: 1.4rem !important;
  margin-left: 1.4rem !important;
}
.wrap.mobile .margin-a-14 {
  margin: 1.4rem !important;
}

.margin-t-15 {
  margin-top: 15px !important;
}

.margin-r-15 {
  margin-right: 15px !important;
}

.margin-b-15 {
  margin-bottom: 15px !important;
}

.margin-l-15 {
  margin-left: 15px !important;
}

.margin-y-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.margin-x-15 {
  margin-right: 15px !important;
  margin-left: 15px !important;
}

.margin-a-15 {
  margin: 15px !important;
}

.wrap.mobile .margin-t-15 {
  margin-top: 1.5rem !important;
}
.wrap.mobile .margin-r-15 {
  margin-right: 1.5rem !important;
}
.wrap.mobile .margin-b-15 {
  margin-bottom: 1.5rem !important;
}
.wrap.mobile .margin-l-15 {
  margin-left: 1.5rem !important;
}
.wrap.mobile .margin-y-15 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.wrap.mobile .margin-x-15 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.wrap.mobile .margin-a-15 {
  margin: 1.5rem !important;
}

.margin-t-16 {
  margin-top: 16px !important;
}

.margin-r-16 {
  margin-right: 16px !important;
}

.margin-b-16 {
  margin-bottom: 16px !important;
}

.margin-l-16 {
  margin-left: 16px !important;
}

.margin-y-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.margin-x-16 {
  margin-right: 16px !important;
  margin-left: 16px !important;
}

.margin-a-16 {
  margin: 16px !important;
}

.wrap.mobile .margin-t-16 {
  margin-top: 1.6rem !important;
}
.wrap.mobile .margin-r-16 {
  margin-right: 1.6rem !important;
}
.wrap.mobile .margin-b-16 {
  margin-bottom: 1.6rem !important;
}
.wrap.mobile .margin-l-16 {
  margin-left: 1.6rem !important;
}
.wrap.mobile .margin-y-16 {
  margin-top: 1.6rem !important;
  margin-bottom: 1.6rem !important;
}
.wrap.mobile .margin-x-16 {
  margin-right: 1.6rem !important;
  margin-left: 1.6rem !important;
}
.wrap.mobile .margin-a-16 {
  margin: 1.6rem !important;
}

.margin-t-17 {
  margin-top: 17px !important;
}

.margin-r-17 {
  margin-right: 17px !important;
}

.margin-b-17 {
  margin-bottom: 17px !important;
}

.margin-l-17 {
  margin-left: 17px !important;
}

.margin-y-17 {
  margin-top: 17px !important;
  margin-bottom: 17px !important;
}

.margin-x-17 {
  margin-right: 17px !important;
  margin-left: 17px !important;
}

.margin-a-17 {
  margin: 17px !important;
}

.wrap.mobile .margin-t-17 {
  margin-top: 1.7rem !important;
}
.wrap.mobile .margin-r-17 {
  margin-right: 1.7rem !important;
}
.wrap.mobile .margin-b-17 {
  margin-bottom: 1.7rem !important;
}
.wrap.mobile .margin-l-17 {
  margin-left: 1.7rem !important;
}
.wrap.mobile .margin-y-17 {
  margin-top: 1.7rem !important;
  margin-bottom: 1.7rem !important;
}
.wrap.mobile .margin-x-17 {
  margin-right: 1.7rem !important;
  margin-left: 1.7rem !important;
}
.wrap.mobile .margin-a-17 {
  margin: 1.7rem !important;
}

.margin-t-18 {
  margin-top: 18px !important;
}

.margin-r-18 {
  margin-right: 18px !important;
}

.margin-b-18 {
  margin-bottom: 18px !important;
}

.margin-l-18 {
  margin-left: 18px !important;
}

.margin-y-18 {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}

.margin-x-18 {
  margin-right: 18px !important;
  margin-left: 18px !important;
}

.margin-a-18 {
  margin: 18px !important;
}

.wrap.mobile .margin-t-18 {
  margin-top: 1.8rem !important;
}
.wrap.mobile .margin-r-18 {
  margin-right: 1.8rem !important;
}
.wrap.mobile .margin-b-18 {
  margin-bottom: 1.8rem !important;
}
.wrap.mobile .margin-l-18 {
  margin-left: 1.8rem !important;
}
.wrap.mobile .margin-y-18 {
  margin-top: 1.8rem !important;
  margin-bottom: 1.8rem !important;
}
.wrap.mobile .margin-x-18 {
  margin-right: 1.8rem !important;
  margin-left: 1.8rem !important;
}
.wrap.mobile .margin-a-18 {
  margin: 1.8rem !important;
}

.margin-t-19 {
  margin-top: 19px !important;
}

.margin-r-19 {
  margin-right: 19px !important;
}

.margin-b-19 {
  margin-bottom: 19px !important;
}

.margin-l-19 {
  margin-left: 19px !important;
}

.margin-y-19 {
  margin-top: 19px !important;
  margin-bottom: 19px !important;
}

.margin-x-19 {
  margin-right: 19px !important;
  margin-left: 19px !important;
}

.margin-a-19 {
  margin: 19px !important;
}

.wrap.mobile .margin-t-19 {
  margin-top: 1.9rem !important;
}
.wrap.mobile .margin-r-19 {
  margin-right: 1.9rem !important;
}
.wrap.mobile .margin-b-19 {
  margin-bottom: 1.9rem !important;
}
.wrap.mobile .margin-l-19 {
  margin-left: 1.9rem !important;
}
.wrap.mobile .margin-y-19 {
  margin-top: 1.9rem !important;
  margin-bottom: 1.9rem !important;
}
.wrap.mobile .margin-x-19 {
  margin-right: 1.9rem !important;
  margin-left: 1.9rem !important;
}
.wrap.mobile .margin-a-19 {
  margin: 1.9rem !important;
}

.margin-t-20 {
  margin-top: 20px !important;
}

.margin-r-20 {
  margin-right: 20px !important;
}

.margin-b-20 {
  margin-bottom: 20px !important;
}

.margin-l-20 {
  margin-left: 20px !important;
}

.margin-y-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.margin-x-20 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.margin-a-20 {
  margin: 20px !important;
}

.wrap.mobile .margin-t-20 {
  margin-top: 2rem !important;
}
.wrap.mobile .margin-r-20 {
  margin-right: 2rem !important;
}
.wrap.mobile .margin-b-20 {
  margin-bottom: 2rem !important;
}
.wrap.mobile .margin-l-20 {
  margin-left: 2rem !important;
}
.wrap.mobile .margin-y-20 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
.wrap.mobile .margin-x-20 {
  margin-right: 2rem !important;
  margin-left: 2rem !important;
}
.wrap.mobile .margin-a-20 {
  margin: 2rem !important;
}

.margin-t-21 {
  margin-top: 21px !important;
}

.margin-r-21 {
  margin-right: 21px !important;
}

.margin-b-21 {
  margin-bottom: 21px !important;
}

.margin-l-21 {
  margin-left: 21px !important;
}

.margin-y-21 {
  margin-top: 21px !important;
  margin-bottom: 21px !important;
}

.margin-x-21 {
  margin-right: 21px !important;
  margin-left: 21px !important;
}

.margin-a-21 {
  margin: 21px !important;
}

.wrap.mobile .margin-t-21 {
  margin-top: 2.1rem !important;
}
.wrap.mobile .margin-r-21 {
  margin-right: 2.1rem !important;
}
.wrap.mobile .margin-b-21 {
  margin-bottom: 2.1rem !important;
}
.wrap.mobile .margin-l-21 {
  margin-left: 2.1rem !important;
}
.wrap.mobile .margin-y-21 {
  margin-top: 2.1rem !important;
  margin-bottom: 2.1rem !important;
}
.wrap.mobile .margin-x-21 {
  margin-right: 2.1rem !important;
  margin-left: 2.1rem !important;
}
.wrap.mobile .margin-a-21 {
  margin: 2.1rem !important;
}

.margin-t-22 {
  margin-top: 22px !important;
}

.margin-r-22 {
  margin-right: 22px !important;
}

.margin-b-22 {
  margin-bottom: 22px !important;
}

.margin-l-22 {
  margin-left: 22px !important;
}

.margin-y-22 {
  margin-top: 22px !important;
  margin-bottom: 22px !important;
}

.margin-x-22 {
  margin-right: 22px !important;
  margin-left: 22px !important;
}

.margin-a-22 {
  margin: 22px !important;
}

.wrap.mobile .margin-t-22 {
  margin-top: 2.2rem !important;
}
.wrap.mobile .margin-r-22 {
  margin-right: 2.2rem !important;
}
.wrap.mobile .margin-b-22 {
  margin-bottom: 2.2rem !important;
}
.wrap.mobile .margin-l-22 {
  margin-left: 2.2rem !important;
}
.wrap.mobile .margin-y-22 {
  margin-top: 2.2rem !important;
  margin-bottom: 2.2rem !important;
}
.wrap.mobile .margin-x-22 {
  margin-right: 2.2rem !important;
  margin-left: 2.2rem !important;
}
.wrap.mobile .margin-a-22 {
  margin: 2.2rem !important;
}

.margin-t-23 {
  margin-top: 23px !important;
}

.margin-r-23 {
  margin-right: 23px !important;
}

.margin-b-23 {
  margin-bottom: 23px !important;
}

.margin-l-23 {
  margin-left: 23px !important;
}

.margin-y-23 {
  margin-top: 23px !important;
  margin-bottom: 23px !important;
}

.margin-x-23 {
  margin-right: 23px !important;
  margin-left: 23px !important;
}

.margin-a-23 {
  margin: 23px !important;
}

.wrap.mobile .margin-t-23 {
  margin-top: 2.3rem !important;
}
.wrap.mobile .margin-r-23 {
  margin-right: 2.3rem !important;
}
.wrap.mobile .margin-b-23 {
  margin-bottom: 2.3rem !important;
}
.wrap.mobile .margin-l-23 {
  margin-left: 2.3rem !important;
}
.wrap.mobile .margin-y-23 {
  margin-top: 2.3rem !important;
  margin-bottom: 2.3rem !important;
}
.wrap.mobile .margin-x-23 {
  margin-right: 2.3rem !important;
  margin-left: 2.3rem !important;
}
.wrap.mobile .margin-a-23 {
  margin: 2.3rem !important;
}

.margin-t-24 {
  margin-top: 24px !important;
}

.margin-r-24 {
  margin-right: 24px !important;
}

.margin-b-24 {
  margin-bottom: 24px !important;
}

.margin-l-24 {
  margin-left: 24px !important;
}

.margin-y-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.margin-x-24 {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

.margin-a-24 {
  margin: 24px !important;
}

.wrap.mobile .margin-t-24 {
  margin-top: 2.4rem !important;
}
.wrap.mobile .margin-r-24 {
  margin-right: 2.4rem !important;
}
.wrap.mobile .margin-b-24 {
  margin-bottom: 2.4rem !important;
}
.wrap.mobile .margin-l-24 {
  margin-left: 2.4rem !important;
}
.wrap.mobile .margin-y-24 {
  margin-top: 2.4rem !important;
  margin-bottom: 2.4rem !important;
}
.wrap.mobile .margin-x-24 {
  margin-right: 2.4rem !important;
  margin-left: 2.4rem !important;
}
.wrap.mobile .margin-a-24 {
  margin: 2.4rem !important;
}

.margin-t-25 {
  margin-top: 25px !important;
}

.margin-r-25 {
  margin-right: 25px !important;
}

.margin-b-25 {
  margin-bottom: 25px !important;
}

.margin-l-25 {
  margin-left: 25px !important;
}

.margin-y-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.margin-x-25 {
  margin-right: 25px !important;
  margin-left: 25px !important;
}

.margin-a-25 {
  margin: 25px !important;
}

.wrap.mobile .margin-t-25 {
  margin-top: 2.5rem !important;
}
.wrap.mobile .margin-r-25 {
  margin-right: 2.5rem !important;
}
.wrap.mobile .margin-b-25 {
  margin-bottom: 2.5rem !important;
}
.wrap.mobile .margin-l-25 {
  margin-left: 2.5rem !important;
}
.wrap.mobile .margin-y-25 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}
.wrap.mobile .margin-x-25 {
  margin-right: 2.5rem !important;
  margin-left: 2.5rem !important;
}
.wrap.mobile .margin-a-25 {
  margin: 2.5rem !important;
}

.margin-t-26 {
  margin-top: 26px !important;
}

.margin-r-26 {
  margin-right: 26px !important;
}

.margin-b-26 {
  margin-bottom: 26px !important;
}

.margin-l-26 {
  margin-left: 26px !important;
}

.margin-y-26 {
  margin-top: 26px !important;
  margin-bottom: 26px !important;
}

.margin-x-26 {
  margin-right: 26px !important;
  margin-left: 26px !important;
}

.margin-a-26 {
  margin: 26px !important;
}

.wrap.mobile .margin-t-26 {
  margin-top: 2.6rem !important;
}
.wrap.mobile .margin-r-26 {
  margin-right: 2.6rem !important;
}
.wrap.mobile .margin-b-26 {
  margin-bottom: 2.6rem !important;
}
.wrap.mobile .margin-l-26 {
  margin-left: 2.6rem !important;
}
.wrap.mobile .margin-y-26 {
  margin-top: 2.6rem !important;
  margin-bottom: 2.6rem !important;
}
.wrap.mobile .margin-x-26 {
  margin-right: 2.6rem !important;
  margin-left: 2.6rem !important;
}
.wrap.mobile .margin-a-26 {
  margin: 2.6rem !important;
}

.margin-t-27 {
  margin-top: 27px !important;
}

.margin-r-27 {
  margin-right: 27px !important;
}

.margin-b-27 {
  margin-bottom: 27px !important;
}

.margin-l-27 {
  margin-left: 27px !important;
}

.margin-y-27 {
  margin-top: 27px !important;
  margin-bottom: 27px !important;
}

.margin-x-27 {
  margin-right: 27px !important;
  margin-left: 27px !important;
}

.margin-a-27 {
  margin: 27px !important;
}

.wrap.mobile .margin-t-27 {
  margin-top: 2.7rem !important;
}
.wrap.mobile .margin-r-27 {
  margin-right: 2.7rem !important;
}
.wrap.mobile .margin-b-27 {
  margin-bottom: 2.7rem !important;
}
.wrap.mobile .margin-l-27 {
  margin-left: 2.7rem !important;
}
.wrap.mobile .margin-y-27 {
  margin-top: 2.7rem !important;
  margin-bottom: 2.7rem !important;
}
.wrap.mobile .margin-x-27 {
  margin-right: 2.7rem !important;
  margin-left: 2.7rem !important;
}
.wrap.mobile .margin-a-27 {
  margin: 2.7rem !important;
}

.margin-t-28 {
  margin-top: 28px !important;
}

.margin-r-28 {
  margin-right: 28px !important;
}

.margin-b-28 {
  margin-bottom: 28px !important;
}

.margin-l-28 {
  margin-left: 28px !important;
}

.margin-y-28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.margin-x-28 {
  margin-right: 28px !important;
  margin-left: 28px !important;
}

.margin-a-28 {
  margin: 28px !important;
}

.wrap.mobile .margin-t-28 {
  margin-top: 2.8rem !important;
}
.wrap.mobile .margin-r-28 {
  margin-right: 2.8rem !important;
}
.wrap.mobile .margin-b-28 {
  margin-bottom: 2.8rem !important;
}
.wrap.mobile .margin-l-28 {
  margin-left: 2.8rem !important;
}
.wrap.mobile .margin-y-28 {
  margin-top: 2.8rem !important;
  margin-bottom: 2.8rem !important;
}
.wrap.mobile .margin-x-28 {
  margin-right: 2.8rem !important;
  margin-left: 2.8rem !important;
}
.wrap.mobile .margin-a-28 {
  margin: 2.8rem !important;
}

.margin-t-29 {
  margin-top: 29px !important;
}

.margin-r-29 {
  margin-right: 29px !important;
}

.margin-b-29 {
  margin-bottom: 29px !important;
}

.margin-l-29 {
  margin-left: 29px !important;
}

.margin-y-29 {
  margin-top: 29px !important;
  margin-bottom: 29px !important;
}

.margin-x-29 {
  margin-right: 29px !important;
  margin-left: 29px !important;
}

.margin-a-29 {
  margin: 29px !important;
}

.wrap.mobile .margin-t-29 {
  margin-top: 2.9rem !important;
}
.wrap.mobile .margin-r-29 {
  margin-right: 2.9rem !important;
}
.wrap.mobile .margin-b-29 {
  margin-bottom: 2.9rem !important;
}
.wrap.mobile .margin-l-29 {
  margin-left: 2.9rem !important;
}
.wrap.mobile .margin-y-29 {
  margin-top: 2.9rem !important;
  margin-bottom: 2.9rem !important;
}
.wrap.mobile .margin-x-29 {
  margin-right: 2.9rem !important;
  margin-left: 2.9rem !important;
}
.wrap.mobile .margin-a-29 {
  margin: 2.9rem !important;
}

.margin-t-30 {
  margin-top: 30px !important;
}

.margin-r-30 {
  margin-right: 30px !important;
}

.margin-b-30 {
  margin-bottom: 30px !important;
}

.margin-l-30 {
  margin-left: 30px !important;
}

.margin-y-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.margin-x-30 {
  margin-right: 30px !important;
  margin-left: 30px !important;
}

.margin-a-30 {
  margin: 30px !important;
}

.wrap.mobile .margin-t-30 {
  margin-top: 3rem !important;
}
.wrap.mobile .margin-r-30 {
  margin-right: 3rem !important;
}
.wrap.mobile .margin-b-30 {
  margin-bottom: 3rem !important;
}
.wrap.mobile .margin-l-30 {
  margin-left: 3rem !important;
}
.wrap.mobile .margin-y-30 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.wrap.mobile .margin-x-30 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.wrap.mobile .margin-a-30 {
  margin: 3rem !important;
}

.margin-t-31 {
  margin-top: 31px !important;
}

.margin-r-31 {
  margin-right: 31px !important;
}

.margin-b-31 {
  margin-bottom: 31px !important;
}

.margin-l-31 {
  margin-left: 31px !important;
}

.margin-y-31 {
  margin-top: 31px !important;
  margin-bottom: 31px !important;
}

.margin-x-31 {
  margin-right: 31px !important;
  margin-left: 31px !important;
}

.margin-a-31 {
  margin: 31px !important;
}

.wrap.mobile .margin-t-31 {
  margin-top: 3.1rem !important;
}
.wrap.mobile .margin-r-31 {
  margin-right: 3.1rem !important;
}
.wrap.mobile .margin-b-31 {
  margin-bottom: 3.1rem !important;
}
.wrap.mobile .margin-l-31 {
  margin-left: 3.1rem !important;
}
.wrap.mobile .margin-y-31 {
  margin-top: 3.1rem !important;
  margin-bottom: 3.1rem !important;
}
.wrap.mobile .margin-x-31 {
  margin-right: 3.1rem !important;
  margin-left: 3.1rem !important;
}
.wrap.mobile .margin-a-31 {
  margin: 3.1rem !important;
}

.margin-t-32 {
  margin-top: 32px !important;
}

.margin-r-32 {
  margin-right: 32px !important;
}

.margin-b-32 {
  margin-bottom: 32px !important;
}

.margin-l-32 {
  margin-left: 32px !important;
}

.margin-y-32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.margin-x-32 {
  margin-right: 32px !important;
  margin-left: 32px !important;
}

.margin-a-32 {
  margin: 32px !important;
}

.wrap.mobile .margin-t-32 {
  margin-top: 3.2rem !important;
}
.wrap.mobile .margin-r-32 {
  margin-right: 3.2rem !important;
}
.wrap.mobile .margin-b-32 {
  margin-bottom: 3.2rem !important;
}
.wrap.mobile .margin-l-32 {
  margin-left: 3.2rem !important;
}
.wrap.mobile .margin-y-32 {
  margin-top: 3.2rem !important;
  margin-bottom: 3.2rem !important;
}
.wrap.mobile .margin-x-32 {
  margin-right: 3.2rem !important;
  margin-left: 3.2rem !important;
}
.wrap.mobile .margin-a-32 {
  margin: 3.2rem !important;
}

.margin-t-33 {
  margin-top: 33px !important;
}

.margin-r-33 {
  margin-right: 33px !important;
}

.margin-b-33 {
  margin-bottom: 33px !important;
}

.margin-l-33 {
  margin-left: 33px !important;
}

.margin-y-33 {
  margin-top: 33px !important;
  margin-bottom: 33px !important;
}

.margin-x-33 {
  margin-right: 33px !important;
  margin-left: 33px !important;
}

.margin-a-33 {
  margin: 33px !important;
}

.wrap.mobile .margin-t-33 {
  margin-top: 3.3rem !important;
}
.wrap.mobile .margin-r-33 {
  margin-right: 3.3rem !important;
}
.wrap.mobile .margin-b-33 {
  margin-bottom: 3.3rem !important;
}
.wrap.mobile .margin-l-33 {
  margin-left: 3.3rem !important;
}
.wrap.mobile .margin-y-33 {
  margin-top: 3.3rem !important;
  margin-bottom: 3.3rem !important;
}
.wrap.mobile .margin-x-33 {
  margin-right: 3.3rem !important;
  margin-left: 3.3rem !important;
}
.wrap.mobile .margin-a-33 {
  margin: 3.3rem !important;
}

.margin-t-34 {
  margin-top: 34px !important;
}

.margin-r-34 {
  margin-right: 34px !important;
}

.margin-b-34 {
  margin-bottom: 34px !important;
}

.margin-l-34 {
  margin-left: 34px !important;
}

.margin-y-34 {
  margin-top: 34px !important;
  margin-bottom: 34px !important;
}

.margin-x-34 {
  margin-right: 34px !important;
  margin-left: 34px !important;
}

.margin-a-34 {
  margin: 34px !important;
}

.wrap.mobile .margin-t-34 {
  margin-top: 3.4rem !important;
}
.wrap.mobile .margin-r-34 {
  margin-right: 3.4rem !important;
}
.wrap.mobile .margin-b-34 {
  margin-bottom: 3.4rem !important;
}
.wrap.mobile .margin-l-34 {
  margin-left: 3.4rem !important;
}
.wrap.mobile .margin-y-34 {
  margin-top: 3.4rem !important;
  margin-bottom: 3.4rem !important;
}
.wrap.mobile .margin-x-34 {
  margin-right: 3.4rem !important;
  margin-left: 3.4rem !important;
}
.wrap.mobile .margin-a-34 {
  margin: 3.4rem !important;
}

.margin-t-35 {
  margin-top: 35px !important;
}

.margin-r-35 {
  margin-right: 35px !important;
}

.margin-b-35 {
  margin-bottom: 35px !important;
}

.margin-l-35 {
  margin-left: 35px !important;
}

.margin-y-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.margin-x-35 {
  margin-right: 35px !important;
  margin-left: 35px !important;
}

.margin-a-35 {
  margin: 35px !important;
}

.wrap.mobile .margin-t-35 {
  margin-top: 3.5rem !important;
}
.wrap.mobile .margin-r-35 {
  margin-right: 3.5rem !important;
}
.wrap.mobile .margin-b-35 {
  margin-bottom: 3.5rem !important;
}
.wrap.mobile .margin-l-35 {
  margin-left: 3.5rem !important;
}
.wrap.mobile .margin-y-35 {
  margin-top: 3.5rem !important;
  margin-bottom: 3.5rem !important;
}
.wrap.mobile .margin-x-35 {
  margin-right: 3.5rem !important;
  margin-left: 3.5rem !important;
}
.wrap.mobile .margin-a-35 {
  margin: 3.5rem !important;
}

.margin-t-36 {
  margin-top: 36px !important;
}

.margin-r-36 {
  margin-right: 36px !important;
}

.margin-b-36 {
  margin-bottom: 36px !important;
}

.margin-l-36 {
  margin-left: 36px !important;
}

.margin-y-36 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.margin-x-36 {
  margin-right: 36px !important;
  margin-left: 36px !important;
}

.margin-a-36 {
  margin: 36px !important;
}

.wrap.mobile .margin-t-36 {
  margin-top: 3.6rem !important;
}
.wrap.mobile .margin-r-36 {
  margin-right: 3.6rem !important;
}
.wrap.mobile .margin-b-36 {
  margin-bottom: 3.6rem !important;
}
.wrap.mobile .margin-l-36 {
  margin-left: 3.6rem !important;
}
.wrap.mobile .margin-y-36 {
  margin-top: 3.6rem !important;
  margin-bottom: 3.6rem !important;
}
.wrap.mobile .margin-x-36 {
  margin-right: 3.6rem !important;
  margin-left: 3.6rem !important;
}
.wrap.mobile .margin-a-36 {
  margin: 3.6rem !important;
}

.margin-t-37 {
  margin-top: 37px !important;
}

.margin-r-37 {
  margin-right: 37px !important;
}

.margin-b-37 {
  margin-bottom: 37px !important;
}

.margin-l-37 {
  margin-left: 37px !important;
}

.margin-y-37 {
  margin-top: 37px !important;
  margin-bottom: 37px !important;
}

.margin-x-37 {
  margin-right: 37px !important;
  margin-left: 37px !important;
}

.margin-a-37 {
  margin: 37px !important;
}

.wrap.mobile .margin-t-37 {
  margin-top: 3.7rem !important;
}
.wrap.mobile .margin-r-37 {
  margin-right: 3.7rem !important;
}
.wrap.mobile .margin-b-37 {
  margin-bottom: 3.7rem !important;
}
.wrap.mobile .margin-l-37 {
  margin-left: 3.7rem !important;
}
.wrap.mobile .margin-y-37 {
  margin-top: 3.7rem !important;
  margin-bottom: 3.7rem !important;
}
.wrap.mobile .margin-x-37 {
  margin-right: 3.7rem !important;
  margin-left: 3.7rem !important;
}
.wrap.mobile .margin-a-37 {
  margin: 3.7rem !important;
}

.margin-t-38 {
  margin-top: 38px !important;
}

.margin-r-38 {
  margin-right: 38px !important;
}

.margin-b-38 {
  margin-bottom: 38px !important;
}

.margin-l-38 {
  margin-left: 38px !important;
}

.margin-y-38 {
  margin-top: 38px !important;
  margin-bottom: 38px !important;
}

.margin-x-38 {
  margin-right: 38px !important;
  margin-left: 38px !important;
}

.margin-a-38 {
  margin: 38px !important;
}

.wrap.mobile .margin-t-38 {
  margin-top: 3.8rem !important;
}
.wrap.mobile .margin-r-38 {
  margin-right: 3.8rem !important;
}
.wrap.mobile .margin-b-38 {
  margin-bottom: 3.8rem !important;
}
.wrap.mobile .margin-l-38 {
  margin-left: 3.8rem !important;
}
.wrap.mobile .margin-y-38 {
  margin-top: 3.8rem !important;
  margin-bottom: 3.8rem !important;
}
.wrap.mobile .margin-x-38 {
  margin-right: 3.8rem !important;
  margin-left: 3.8rem !important;
}
.wrap.mobile .margin-a-38 {
  margin: 3.8rem !important;
}

.margin-t-39 {
  margin-top: 39px !important;
}

.margin-r-39 {
  margin-right: 39px !important;
}

.margin-b-39 {
  margin-bottom: 39px !important;
}

.margin-l-39 {
  margin-left: 39px !important;
}

.margin-y-39 {
  margin-top: 39px !important;
  margin-bottom: 39px !important;
}

.margin-x-39 {
  margin-right: 39px !important;
  margin-left: 39px !important;
}

.margin-a-39 {
  margin: 39px !important;
}

.wrap.mobile .margin-t-39 {
  margin-top: 3.9rem !important;
}
.wrap.mobile .margin-r-39 {
  margin-right: 3.9rem !important;
}
.wrap.mobile .margin-b-39 {
  margin-bottom: 3.9rem !important;
}
.wrap.mobile .margin-l-39 {
  margin-left: 3.9rem !important;
}
.wrap.mobile .margin-y-39 {
  margin-top: 3.9rem !important;
  margin-bottom: 3.9rem !important;
}
.wrap.mobile .margin-x-39 {
  margin-right: 3.9rem !important;
  margin-left: 3.9rem !important;
}
.wrap.mobile .margin-a-39 {
  margin: 3.9rem !important;
}

.margin-t-40 {
  margin-top: 40px !important;
}

.margin-r-40 {
  margin-right: 40px !important;
}

.margin-b-40 {
  margin-bottom: 40px !important;
}

.margin-l-40 {
  margin-left: 40px !important;
}

.margin-y-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.margin-x-40 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

.margin-a-40 {
  margin: 40px !important;
}

.wrap.mobile .margin-t-40 {
  margin-top: 4rem !important;
}
.wrap.mobile .margin-r-40 {
  margin-right: 4rem !important;
}
.wrap.mobile .margin-b-40 {
  margin-bottom: 4rem !important;
}
.wrap.mobile .margin-l-40 {
  margin-left: 4rem !important;
}
.wrap.mobile .margin-y-40 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}
.wrap.mobile .margin-x-40 {
  margin-right: 4rem !important;
  margin-left: 4rem !important;
}
.wrap.mobile .margin-a-40 {
  margin: 4rem !important;
}

.margin-t-41 {
  margin-top: 41px !important;
}

.margin-r-41 {
  margin-right: 41px !important;
}

.margin-b-41 {
  margin-bottom: 41px !important;
}

.margin-l-41 {
  margin-left: 41px !important;
}

.margin-y-41 {
  margin-top: 41px !important;
  margin-bottom: 41px !important;
}

.margin-x-41 {
  margin-right: 41px !important;
  margin-left: 41px !important;
}

.margin-a-41 {
  margin: 41px !important;
}

.wrap.mobile .margin-t-41 {
  margin-top: 4.1rem !important;
}
.wrap.mobile .margin-r-41 {
  margin-right: 4.1rem !important;
}
.wrap.mobile .margin-b-41 {
  margin-bottom: 4.1rem !important;
}
.wrap.mobile .margin-l-41 {
  margin-left: 4.1rem !important;
}
.wrap.mobile .margin-y-41 {
  margin-top: 4.1rem !important;
  margin-bottom: 4.1rem !important;
}
.wrap.mobile .margin-x-41 {
  margin-right: 4.1rem !important;
  margin-left: 4.1rem !important;
}
.wrap.mobile .margin-a-41 {
  margin: 4.1rem !important;
}

.margin-t-42 {
  margin-top: 42px !important;
}

.margin-r-42 {
  margin-right: 42px !important;
}

.margin-b-42 {
  margin-bottom: 42px !important;
}

.margin-l-42 {
  margin-left: 42px !important;
}

.margin-y-42 {
  margin-top: 42px !important;
  margin-bottom: 42px !important;
}

.margin-x-42 {
  margin-right: 42px !important;
  margin-left: 42px !important;
}

.margin-a-42 {
  margin: 42px !important;
}

.wrap.mobile .margin-t-42 {
  margin-top: 4.2rem !important;
}
.wrap.mobile .margin-r-42 {
  margin-right: 4.2rem !important;
}
.wrap.mobile .margin-b-42 {
  margin-bottom: 4.2rem !important;
}
.wrap.mobile .margin-l-42 {
  margin-left: 4.2rem !important;
}
.wrap.mobile .margin-y-42 {
  margin-top: 4.2rem !important;
  margin-bottom: 4.2rem !important;
}
.wrap.mobile .margin-x-42 {
  margin-right: 4.2rem !important;
  margin-left: 4.2rem !important;
}
.wrap.mobile .margin-a-42 {
  margin: 4.2rem !important;
}

.margin-t-43 {
  margin-top: 43px !important;
}

.margin-r-43 {
  margin-right: 43px !important;
}

.margin-b-43 {
  margin-bottom: 43px !important;
}

.margin-l-43 {
  margin-left: 43px !important;
}

.margin-y-43 {
  margin-top: 43px !important;
  margin-bottom: 43px !important;
}

.margin-x-43 {
  margin-right: 43px !important;
  margin-left: 43px !important;
}

.margin-a-43 {
  margin: 43px !important;
}

.wrap.mobile .margin-t-43 {
  margin-top: 4.3rem !important;
}
.wrap.mobile .margin-r-43 {
  margin-right: 4.3rem !important;
}
.wrap.mobile .margin-b-43 {
  margin-bottom: 4.3rem !important;
}
.wrap.mobile .margin-l-43 {
  margin-left: 4.3rem !important;
}
.wrap.mobile .margin-y-43 {
  margin-top: 4.3rem !important;
  margin-bottom: 4.3rem !important;
}
.wrap.mobile .margin-x-43 {
  margin-right: 4.3rem !important;
  margin-left: 4.3rem !important;
}
.wrap.mobile .margin-a-43 {
  margin: 4.3rem !important;
}

.margin-t-44 {
  margin-top: 44px !important;
}

.margin-r-44 {
  margin-right: 44px !important;
}

.margin-b-44 {
  margin-bottom: 44px !important;
}

.margin-l-44 {
  margin-left: 44px !important;
}

.margin-y-44 {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}

.margin-x-44 {
  margin-right: 44px !important;
  margin-left: 44px !important;
}

.margin-a-44 {
  margin: 44px !important;
}

.wrap.mobile .margin-t-44 {
  margin-top: 4.4rem !important;
}
.wrap.mobile .margin-r-44 {
  margin-right: 4.4rem !important;
}
.wrap.mobile .margin-b-44 {
  margin-bottom: 4.4rem !important;
}
.wrap.mobile .margin-l-44 {
  margin-left: 4.4rem !important;
}
.wrap.mobile .margin-y-44 {
  margin-top: 4.4rem !important;
  margin-bottom: 4.4rem !important;
}
.wrap.mobile .margin-x-44 {
  margin-right: 4.4rem !important;
  margin-left: 4.4rem !important;
}
.wrap.mobile .margin-a-44 {
  margin: 4.4rem !important;
}

.margin-t-45 {
  margin-top: 45px !important;
}

.margin-r-45 {
  margin-right: 45px !important;
}

.margin-b-45 {
  margin-bottom: 45px !important;
}

.margin-l-45 {
  margin-left: 45px !important;
}

.margin-y-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.margin-x-45 {
  margin-right: 45px !important;
  margin-left: 45px !important;
}

.margin-a-45 {
  margin: 45px !important;
}

.wrap.mobile .margin-t-45 {
  margin-top: 4.5rem !important;
}
.wrap.mobile .margin-r-45 {
  margin-right: 4.5rem !important;
}
.wrap.mobile .margin-b-45 {
  margin-bottom: 4.5rem !important;
}
.wrap.mobile .margin-l-45 {
  margin-left: 4.5rem !important;
}
.wrap.mobile .margin-y-45 {
  margin-top: 4.5rem !important;
  margin-bottom: 4.5rem !important;
}
.wrap.mobile .margin-x-45 {
  margin-right: 4.5rem !important;
  margin-left: 4.5rem !important;
}
.wrap.mobile .margin-a-45 {
  margin: 4.5rem !important;
}

.margin-t-46 {
  margin-top: 46px !important;
}

.margin-r-46 {
  margin-right: 46px !important;
}

.margin-b-46 {
  margin-bottom: 46px !important;
}

.margin-l-46 {
  margin-left: 46px !important;
}

.margin-y-46 {
  margin-top: 46px !important;
  margin-bottom: 46px !important;
}

.margin-x-46 {
  margin-right: 46px !important;
  margin-left: 46px !important;
}

.margin-a-46 {
  margin: 46px !important;
}

.wrap.mobile .margin-t-46 {
  margin-top: 4.6rem !important;
}
.wrap.mobile .margin-r-46 {
  margin-right: 4.6rem !important;
}
.wrap.mobile .margin-b-46 {
  margin-bottom: 4.6rem !important;
}
.wrap.mobile .margin-l-46 {
  margin-left: 4.6rem !important;
}
.wrap.mobile .margin-y-46 {
  margin-top: 4.6rem !important;
  margin-bottom: 4.6rem !important;
}
.wrap.mobile .margin-x-46 {
  margin-right: 4.6rem !important;
  margin-left: 4.6rem !important;
}
.wrap.mobile .margin-a-46 {
  margin: 4.6rem !important;
}

.margin-t-47 {
  margin-top: 47px !important;
}

.margin-r-47 {
  margin-right: 47px !important;
}

.margin-b-47 {
  margin-bottom: 47px !important;
}

.margin-l-47 {
  margin-left: 47px !important;
}

.margin-y-47 {
  margin-top: 47px !important;
  margin-bottom: 47px !important;
}

.margin-x-47 {
  margin-right: 47px !important;
  margin-left: 47px !important;
}

.margin-a-47 {
  margin: 47px !important;
}

.wrap.mobile .margin-t-47 {
  margin-top: 4.7rem !important;
}
.wrap.mobile .margin-r-47 {
  margin-right: 4.7rem !important;
}
.wrap.mobile .margin-b-47 {
  margin-bottom: 4.7rem !important;
}
.wrap.mobile .margin-l-47 {
  margin-left: 4.7rem !important;
}
.wrap.mobile .margin-y-47 {
  margin-top: 4.7rem !important;
  margin-bottom: 4.7rem !important;
}
.wrap.mobile .margin-x-47 {
  margin-right: 4.7rem !important;
  margin-left: 4.7rem !important;
}
.wrap.mobile .margin-a-47 {
  margin: 4.7rem !important;
}

.margin-t-48 {
  margin-top: 48px !important;
}

.margin-r-48 {
  margin-right: 48px !important;
}

.margin-b-48 {
  margin-bottom: 48px !important;
}

.margin-l-48 {
  margin-left: 48px !important;
}

.margin-y-48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.margin-x-48 {
  margin-right: 48px !important;
  margin-left: 48px !important;
}

.margin-a-48 {
  margin: 48px !important;
}

.wrap.mobile .margin-t-48 {
  margin-top: 4.8rem !important;
}
.wrap.mobile .margin-r-48 {
  margin-right: 4.8rem !important;
}
.wrap.mobile .margin-b-48 {
  margin-bottom: 4.8rem !important;
}
.wrap.mobile .margin-l-48 {
  margin-left: 4.8rem !important;
}
.wrap.mobile .margin-y-48 {
  margin-top: 4.8rem !important;
  margin-bottom: 4.8rem !important;
}
.wrap.mobile .margin-x-48 {
  margin-right: 4.8rem !important;
  margin-left: 4.8rem !important;
}
.wrap.mobile .margin-a-48 {
  margin: 4.8rem !important;
}

.margin-t-49 {
  margin-top: 49px !important;
}

.margin-r-49 {
  margin-right: 49px !important;
}

.margin-b-49 {
  margin-bottom: 49px !important;
}

.margin-l-49 {
  margin-left: 49px !important;
}

.margin-y-49 {
  margin-top: 49px !important;
  margin-bottom: 49px !important;
}

.margin-x-49 {
  margin-right: 49px !important;
  margin-left: 49px !important;
}

.margin-a-49 {
  margin: 49px !important;
}

.wrap.mobile .margin-t-49 {
  margin-top: 4.9rem !important;
}
.wrap.mobile .margin-r-49 {
  margin-right: 4.9rem !important;
}
.wrap.mobile .margin-b-49 {
  margin-bottom: 4.9rem !important;
}
.wrap.mobile .margin-l-49 {
  margin-left: 4.9rem !important;
}
.wrap.mobile .margin-y-49 {
  margin-top: 4.9rem !important;
  margin-bottom: 4.9rem !important;
}
.wrap.mobile .margin-x-49 {
  margin-right: 4.9rem !important;
  margin-left: 4.9rem !important;
}
.wrap.mobile .margin-a-49 {
  margin: 4.9rem !important;
}

.margin-t-50 {
  margin-top: 50px !important;
}

.margin-r-50 {
  margin-right: 50px !important;
}

.margin-b-50 {
  margin-bottom: 50px !important;
}

.margin-l-50 {
  margin-left: 50px !important;
}

.margin-y-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.margin-x-50 {
  margin-right: 50px !important;
  margin-left: 50px !important;
}

.margin-a-50 {
  margin: 50px !important;
}

.wrap.mobile .margin-t-50 {
  margin-top: 5rem !important;
}
.wrap.mobile .margin-r-50 {
  margin-right: 5rem !important;
}
.wrap.mobile .margin-b-50 {
  margin-bottom: 5rem !important;
}
.wrap.mobile .margin-l-50 {
  margin-left: 5rem !important;
}
.wrap.mobile .margin-y-50 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}
.wrap.mobile .margin-x-50 {
  margin-right: 5rem !important;
  margin-left: 5rem !important;
}
.wrap.mobile .margin-a-50 {
  margin: 5rem !important;
}

.margin-t-51 {
  margin-top: 51px !important;
}

.margin-r-51 {
  margin-right: 51px !important;
}

.margin-b-51 {
  margin-bottom: 51px !important;
}

.margin-l-51 {
  margin-left: 51px !important;
}

.margin-y-51 {
  margin-top: 51px !important;
  margin-bottom: 51px !important;
}

.margin-x-51 {
  margin-right: 51px !important;
  margin-left: 51px !important;
}

.margin-a-51 {
  margin: 51px !important;
}

.wrap.mobile .margin-t-51 {
  margin-top: 5.1rem !important;
}
.wrap.mobile .margin-r-51 {
  margin-right: 5.1rem !important;
}
.wrap.mobile .margin-b-51 {
  margin-bottom: 5.1rem !important;
}
.wrap.mobile .margin-l-51 {
  margin-left: 5.1rem !important;
}
.wrap.mobile .margin-y-51 {
  margin-top: 5.1rem !important;
  margin-bottom: 5.1rem !important;
}
.wrap.mobile .margin-x-51 {
  margin-right: 5.1rem !important;
  margin-left: 5.1rem !important;
}
.wrap.mobile .margin-a-51 {
  margin: 5.1rem !important;
}

.margin-t-52 {
  margin-top: 52px !important;
}

.margin-r-52 {
  margin-right: 52px !important;
}

.margin-b-52 {
  margin-bottom: 52px !important;
}

.margin-l-52 {
  margin-left: 52px !important;
}

.margin-y-52 {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}

.margin-x-52 {
  margin-right: 52px !important;
  margin-left: 52px !important;
}

.margin-a-52 {
  margin: 52px !important;
}

.wrap.mobile .margin-t-52 {
  margin-top: 5.2rem !important;
}
.wrap.mobile .margin-r-52 {
  margin-right: 5.2rem !important;
}
.wrap.mobile .margin-b-52 {
  margin-bottom: 5.2rem !important;
}
.wrap.mobile .margin-l-52 {
  margin-left: 5.2rem !important;
}
.wrap.mobile .margin-y-52 {
  margin-top: 5.2rem !important;
  margin-bottom: 5.2rem !important;
}
.wrap.mobile .margin-x-52 {
  margin-right: 5.2rem !important;
  margin-left: 5.2rem !important;
}
.wrap.mobile .margin-a-52 {
  margin: 5.2rem !important;
}

.margin-t-53 {
  margin-top: 53px !important;
}

.margin-r-53 {
  margin-right: 53px !important;
}

.margin-b-53 {
  margin-bottom: 53px !important;
}

.margin-l-53 {
  margin-left: 53px !important;
}

.margin-y-53 {
  margin-top: 53px !important;
  margin-bottom: 53px !important;
}

.margin-x-53 {
  margin-right: 53px !important;
  margin-left: 53px !important;
}

.margin-a-53 {
  margin: 53px !important;
}

.wrap.mobile .margin-t-53 {
  margin-top: 5.3rem !important;
}
.wrap.mobile .margin-r-53 {
  margin-right: 5.3rem !important;
}
.wrap.mobile .margin-b-53 {
  margin-bottom: 5.3rem !important;
}
.wrap.mobile .margin-l-53 {
  margin-left: 5.3rem !important;
}
.wrap.mobile .margin-y-53 {
  margin-top: 5.3rem !important;
  margin-bottom: 5.3rem !important;
}
.wrap.mobile .margin-x-53 {
  margin-right: 5.3rem !important;
  margin-left: 5.3rem !important;
}
.wrap.mobile .margin-a-53 {
  margin: 5.3rem !important;
}

.margin-t-54 {
  margin-top: 54px !important;
}

.margin-r-54 {
  margin-right: 54px !important;
}

.margin-b-54 {
  margin-bottom: 54px !important;
}

.margin-l-54 {
  margin-left: 54px !important;
}

.margin-y-54 {
  margin-top: 54px !important;
  margin-bottom: 54px !important;
}

.margin-x-54 {
  margin-right: 54px !important;
  margin-left: 54px !important;
}

.margin-a-54 {
  margin: 54px !important;
}

.wrap.mobile .margin-t-54 {
  margin-top: 5.4rem !important;
}
.wrap.mobile .margin-r-54 {
  margin-right: 5.4rem !important;
}
.wrap.mobile .margin-b-54 {
  margin-bottom: 5.4rem !important;
}
.wrap.mobile .margin-l-54 {
  margin-left: 5.4rem !important;
}
.wrap.mobile .margin-y-54 {
  margin-top: 5.4rem !important;
  margin-bottom: 5.4rem !important;
}
.wrap.mobile .margin-x-54 {
  margin-right: 5.4rem !important;
  margin-left: 5.4rem !important;
}
.wrap.mobile .margin-a-54 {
  margin: 5.4rem !important;
}

.margin-t-55 {
  margin-top: 55px !important;
}

.margin-r-55 {
  margin-right: 55px !important;
}

.margin-b-55 {
  margin-bottom: 55px !important;
}

.margin-l-55 {
  margin-left: 55px !important;
}

.margin-y-55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}

.margin-x-55 {
  margin-right: 55px !important;
  margin-left: 55px !important;
}

.margin-a-55 {
  margin: 55px !important;
}

.wrap.mobile .margin-t-55 {
  margin-top: 5.5rem !important;
}
.wrap.mobile .margin-r-55 {
  margin-right: 5.5rem !important;
}
.wrap.mobile .margin-b-55 {
  margin-bottom: 5.5rem !important;
}
.wrap.mobile .margin-l-55 {
  margin-left: 5.5rem !important;
}
.wrap.mobile .margin-y-55 {
  margin-top: 5.5rem !important;
  margin-bottom: 5.5rem !important;
}
.wrap.mobile .margin-x-55 {
  margin-right: 5.5rem !important;
  margin-left: 5.5rem !important;
}
.wrap.mobile .margin-a-55 {
  margin: 5.5rem !important;
}

.margin-t-56 {
  margin-top: 56px !important;
}

.margin-r-56 {
  margin-right: 56px !important;
}

.margin-b-56 {
  margin-bottom: 56px !important;
}

.margin-l-56 {
  margin-left: 56px !important;
}

.margin-y-56 {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}

.margin-x-56 {
  margin-right: 56px !important;
  margin-left: 56px !important;
}

.margin-a-56 {
  margin: 56px !important;
}

.wrap.mobile .margin-t-56 {
  margin-top: 5.6rem !important;
}
.wrap.mobile .margin-r-56 {
  margin-right: 5.6rem !important;
}
.wrap.mobile .margin-b-56 {
  margin-bottom: 5.6rem !important;
}
.wrap.mobile .margin-l-56 {
  margin-left: 5.6rem !important;
}
.wrap.mobile .margin-y-56 {
  margin-top: 5.6rem !important;
  margin-bottom: 5.6rem !important;
}
.wrap.mobile .margin-x-56 {
  margin-right: 5.6rem !important;
  margin-left: 5.6rem !important;
}
.wrap.mobile .margin-a-56 {
  margin: 5.6rem !important;
}

.margin-t-57 {
  margin-top: 57px !important;
}

.margin-r-57 {
  margin-right: 57px !important;
}

.margin-b-57 {
  margin-bottom: 57px !important;
}

.margin-l-57 {
  margin-left: 57px !important;
}

.margin-y-57 {
  margin-top: 57px !important;
  margin-bottom: 57px !important;
}

.margin-x-57 {
  margin-right: 57px !important;
  margin-left: 57px !important;
}

.margin-a-57 {
  margin: 57px !important;
}

.wrap.mobile .margin-t-57 {
  margin-top: 5.7rem !important;
}
.wrap.mobile .margin-r-57 {
  margin-right: 5.7rem !important;
}
.wrap.mobile .margin-b-57 {
  margin-bottom: 5.7rem !important;
}
.wrap.mobile .margin-l-57 {
  margin-left: 5.7rem !important;
}
.wrap.mobile .margin-y-57 {
  margin-top: 5.7rem !important;
  margin-bottom: 5.7rem !important;
}
.wrap.mobile .margin-x-57 {
  margin-right: 5.7rem !important;
  margin-left: 5.7rem !important;
}
.wrap.mobile .margin-a-57 {
  margin: 5.7rem !important;
}

.margin-t-58 {
  margin-top: 58px !important;
}

.margin-r-58 {
  margin-right: 58px !important;
}

.margin-b-58 {
  margin-bottom: 58px !important;
}

.margin-l-58 {
  margin-left: 58px !important;
}

.margin-y-58 {
  margin-top: 58px !important;
  margin-bottom: 58px !important;
}

.margin-x-58 {
  margin-right: 58px !important;
  margin-left: 58px !important;
}

.margin-a-58 {
  margin: 58px !important;
}

.wrap.mobile .margin-t-58 {
  margin-top: 5.8rem !important;
}
.wrap.mobile .margin-r-58 {
  margin-right: 5.8rem !important;
}
.wrap.mobile .margin-b-58 {
  margin-bottom: 5.8rem !important;
}
.wrap.mobile .margin-l-58 {
  margin-left: 5.8rem !important;
}
.wrap.mobile .margin-y-58 {
  margin-top: 5.8rem !important;
  margin-bottom: 5.8rem !important;
}
.wrap.mobile .margin-x-58 {
  margin-right: 5.8rem !important;
  margin-left: 5.8rem !important;
}
.wrap.mobile .margin-a-58 {
  margin: 5.8rem !important;
}

.margin-t-59 {
  margin-top: 59px !important;
}

.margin-r-59 {
  margin-right: 59px !important;
}

.margin-b-59 {
  margin-bottom: 59px !important;
}

.margin-l-59 {
  margin-left: 59px !important;
}

.margin-y-59 {
  margin-top: 59px !important;
  margin-bottom: 59px !important;
}

.margin-x-59 {
  margin-right: 59px !important;
  margin-left: 59px !important;
}

.margin-a-59 {
  margin: 59px !important;
}

.wrap.mobile .margin-t-59 {
  margin-top: 5.9rem !important;
}
.wrap.mobile .margin-r-59 {
  margin-right: 5.9rem !important;
}
.wrap.mobile .margin-b-59 {
  margin-bottom: 5.9rem !important;
}
.wrap.mobile .margin-l-59 {
  margin-left: 5.9rem !important;
}
.wrap.mobile .margin-y-59 {
  margin-top: 5.9rem !important;
  margin-bottom: 5.9rem !important;
}
.wrap.mobile .margin-x-59 {
  margin-right: 5.9rem !important;
  margin-left: 5.9rem !important;
}
.wrap.mobile .margin-a-59 {
  margin: 5.9rem !important;
}

.margin-t-60 {
  margin-top: 60px !important;
}

.margin-r-60 {
  margin-right: 60px !important;
}

.margin-b-60 {
  margin-bottom: 60px !important;
}

.margin-l-60 {
  margin-left: 60px !important;
}

.margin-y-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.margin-x-60 {
  margin-right: 60px !important;
  margin-left: 60px !important;
}

.margin-a-60 {
  margin: 60px !important;
}

.wrap.mobile .margin-t-60 {
  margin-top: 6rem !important;
}
.wrap.mobile .margin-r-60 {
  margin-right: 6rem !important;
}
.wrap.mobile .margin-b-60 {
  margin-bottom: 6rem !important;
}
.wrap.mobile .margin-l-60 {
  margin-left: 6rem !important;
}
.wrap.mobile .margin-y-60 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}
.wrap.mobile .margin-x-60 {
  margin-right: 6rem !important;
  margin-left: 6rem !important;
}
.wrap.mobile .margin-a-60 {
  margin: 6rem !important;
}

.margin-t-61 {
  margin-top: 61px !important;
}

.margin-r-61 {
  margin-right: 61px !important;
}

.margin-b-61 {
  margin-bottom: 61px !important;
}

.margin-l-61 {
  margin-left: 61px !important;
}

.margin-y-61 {
  margin-top: 61px !important;
  margin-bottom: 61px !important;
}

.margin-x-61 {
  margin-right: 61px !important;
  margin-left: 61px !important;
}

.margin-a-61 {
  margin: 61px !important;
}

.wrap.mobile .margin-t-61 {
  margin-top: 6.1rem !important;
}
.wrap.mobile .margin-r-61 {
  margin-right: 6.1rem !important;
}
.wrap.mobile .margin-b-61 {
  margin-bottom: 6.1rem !important;
}
.wrap.mobile .margin-l-61 {
  margin-left: 6.1rem !important;
}
.wrap.mobile .margin-y-61 {
  margin-top: 6.1rem !important;
  margin-bottom: 6.1rem !important;
}
.wrap.mobile .margin-x-61 {
  margin-right: 6.1rem !important;
  margin-left: 6.1rem !important;
}
.wrap.mobile .margin-a-61 {
  margin: 6.1rem !important;
}

.margin-t-62 {
  margin-top: 62px !important;
}

.margin-r-62 {
  margin-right: 62px !important;
}

.margin-b-62 {
  margin-bottom: 62px !important;
}

.margin-l-62 {
  margin-left: 62px !important;
}

.margin-y-62 {
  margin-top: 62px !important;
  margin-bottom: 62px !important;
}

.margin-x-62 {
  margin-right: 62px !important;
  margin-left: 62px !important;
}

.margin-a-62 {
  margin: 62px !important;
}

.wrap.mobile .margin-t-62 {
  margin-top: 6.2rem !important;
}
.wrap.mobile .margin-r-62 {
  margin-right: 6.2rem !important;
}
.wrap.mobile .margin-b-62 {
  margin-bottom: 6.2rem !important;
}
.wrap.mobile .margin-l-62 {
  margin-left: 6.2rem !important;
}
.wrap.mobile .margin-y-62 {
  margin-top: 6.2rem !important;
  margin-bottom: 6.2rem !important;
}
.wrap.mobile .margin-x-62 {
  margin-right: 6.2rem !important;
  margin-left: 6.2rem !important;
}
.wrap.mobile .margin-a-62 {
  margin: 6.2rem !important;
}

.margin-t-63 {
  margin-top: 63px !important;
}

.margin-r-63 {
  margin-right: 63px !important;
}

.margin-b-63 {
  margin-bottom: 63px !important;
}

.margin-l-63 {
  margin-left: 63px !important;
}

.margin-y-63 {
  margin-top: 63px !important;
  margin-bottom: 63px !important;
}

.margin-x-63 {
  margin-right: 63px !important;
  margin-left: 63px !important;
}

.margin-a-63 {
  margin: 63px !important;
}

.wrap.mobile .margin-t-63 {
  margin-top: 6.3rem !important;
}
.wrap.mobile .margin-r-63 {
  margin-right: 6.3rem !important;
}
.wrap.mobile .margin-b-63 {
  margin-bottom: 6.3rem !important;
}
.wrap.mobile .margin-l-63 {
  margin-left: 6.3rem !important;
}
.wrap.mobile .margin-y-63 {
  margin-top: 6.3rem !important;
  margin-bottom: 6.3rem !important;
}
.wrap.mobile .margin-x-63 {
  margin-right: 6.3rem !important;
  margin-left: 6.3rem !important;
}
.wrap.mobile .margin-a-63 {
  margin: 6.3rem !important;
}

.margin-t-64 {
  margin-top: 64px !important;
}

.margin-r-64 {
  margin-right: 64px !important;
}

.margin-b-64 {
  margin-bottom: 64px !important;
}

.margin-l-64 {
  margin-left: 64px !important;
}

.margin-y-64 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.margin-x-64 {
  margin-right: 64px !important;
  margin-left: 64px !important;
}

.margin-a-64 {
  margin: 64px !important;
}

.wrap.mobile .margin-t-64 {
  margin-top: 6.4rem !important;
}
.wrap.mobile .margin-r-64 {
  margin-right: 6.4rem !important;
}
.wrap.mobile .margin-b-64 {
  margin-bottom: 6.4rem !important;
}
.wrap.mobile .margin-l-64 {
  margin-left: 6.4rem !important;
}
.wrap.mobile .margin-y-64 {
  margin-top: 6.4rem !important;
  margin-bottom: 6.4rem !important;
}
.wrap.mobile .margin-x-64 {
  margin-right: 6.4rem !important;
  margin-left: 6.4rem !important;
}
.wrap.mobile .margin-a-64 {
  margin: 6.4rem !important;
}

.margin-t-65 {
  margin-top: 65px !important;
}

.margin-r-65 {
  margin-right: 65px !important;
}

.margin-b-65 {
  margin-bottom: 65px !important;
}

.margin-l-65 {
  margin-left: 65px !important;
}

.margin-y-65 {
  margin-top: 65px !important;
  margin-bottom: 65px !important;
}

.margin-x-65 {
  margin-right: 65px !important;
  margin-left: 65px !important;
}

.margin-a-65 {
  margin: 65px !important;
}

.wrap.mobile .margin-t-65 {
  margin-top: 6.5rem !important;
}
.wrap.mobile .margin-r-65 {
  margin-right: 6.5rem !important;
}
.wrap.mobile .margin-b-65 {
  margin-bottom: 6.5rem !important;
}
.wrap.mobile .margin-l-65 {
  margin-left: 6.5rem !important;
}
.wrap.mobile .margin-y-65 {
  margin-top: 6.5rem !important;
  margin-bottom: 6.5rem !important;
}
.wrap.mobile .margin-x-65 {
  margin-right: 6.5rem !important;
  margin-left: 6.5rem !important;
}
.wrap.mobile .margin-a-65 {
  margin: 6.5rem !important;
}

.margin-t-66 {
  margin-top: 66px !important;
}

.margin-r-66 {
  margin-right: 66px !important;
}

.margin-b-66 {
  margin-bottom: 66px !important;
}

.margin-l-66 {
  margin-left: 66px !important;
}

.margin-y-66 {
  margin-top: 66px !important;
  margin-bottom: 66px !important;
}

.margin-x-66 {
  margin-right: 66px !important;
  margin-left: 66px !important;
}

.margin-a-66 {
  margin: 66px !important;
}

.wrap.mobile .margin-t-66 {
  margin-top: 6.6rem !important;
}
.wrap.mobile .margin-r-66 {
  margin-right: 6.6rem !important;
}
.wrap.mobile .margin-b-66 {
  margin-bottom: 6.6rem !important;
}
.wrap.mobile .margin-l-66 {
  margin-left: 6.6rem !important;
}
.wrap.mobile .margin-y-66 {
  margin-top: 6.6rem !important;
  margin-bottom: 6.6rem !important;
}
.wrap.mobile .margin-x-66 {
  margin-right: 6.6rem !important;
  margin-left: 6.6rem !important;
}
.wrap.mobile .margin-a-66 {
  margin: 6.6rem !important;
}

.margin-t-67 {
  margin-top: 67px !important;
}

.margin-r-67 {
  margin-right: 67px !important;
}

.margin-b-67 {
  margin-bottom: 67px !important;
}

.margin-l-67 {
  margin-left: 67px !important;
}

.margin-y-67 {
  margin-top: 67px !important;
  margin-bottom: 67px !important;
}

.margin-x-67 {
  margin-right: 67px !important;
  margin-left: 67px !important;
}

.margin-a-67 {
  margin: 67px !important;
}

.wrap.mobile .margin-t-67 {
  margin-top: 6.7rem !important;
}
.wrap.mobile .margin-r-67 {
  margin-right: 6.7rem !important;
}
.wrap.mobile .margin-b-67 {
  margin-bottom: 6.7rem !important;
}
.wrap.mobile .margin-l-67 {
  margin-left: 6.7rem !important;
}
.wrap.mobile .margin-y-67 {
  margin-top: 6.7rem !important;
  margin-bottom: 6.7rem !important;
}
.wrap.mobile .margin-x-67 {
  margin-right: 6.7rem !important;
  margin-left: 6.7rem !important;
}
.wrap.mobile .margin-a-67 {
  margin: 6.7rem !important;
}

.margin-t-68 {
  margin-top: 68px !important;
}

.margin-r-68 {
  margin-right: 68px !important;
}

.margin-b-68 {
  margin-bottom: 68px !important;
}

.margin-l-68 {
  margin-left: 68px !important;
}

.margin-y-68 {
  margin-top: 68px !important;
  margin-bottom: 68px !important;
}

.margin-x-68 {
  margin-right: 68px !important;
  margin-left: 68px !important;
}

.margin-a-68 {
  margin: 68px !important;
}

.wrap.mobile .margin-t-68 {
  margin-top: 6.8rem !important;
}
.wrap.mobile .margin-r-68 {
  margin-right: 6.8rem !important;
}
.wrap.mobile .margin-b-68 {
  margin-bottom: 6.8rem !important;
}
.wrap.mobile .margin-l-68 {
  margin-left: 6.8rem !important;
}
.wrap.mobile .margin-y-68 {
  margin-top: 6.8rem !important;
  margin-bottom: 6.8rem !important;
}
.wrap.mobile .margin-x-68 {
  margin-right: 6.8rem !important;
  margin-left: 6.8rem !important;
}
.wrap.mobile .margin-a-68 {
  margin: 6.8rem !important;
}

.margin-t-69 {
  margin-top: 69px !important;
}

.margin-r-69 {
  margin-right: 69px !important;
}

.margin-b-69 {
  margin-bottom: 69px !important;
}

.margin-l-69 {
  margin-left: 69px !important;
}

.margin-y-69 {
  margin-top: 69px !important;
  margin-bottom: 69px !important;
}

.margin-x-69 {
  margin-right: 69px !important;
  margin-left: 69px !important;
}

.margin-a-69 {
  margin: 69px !important;
}

.wrap.mobile .margin-t-69 {
  margin-top: 6.9rem !important;
}
.wrap.mobile .margin-r-69 {
  margin-right: 6.9rem !important;
}
.wrap.mobile .margin-b-69 {
  margin-bottom: 6.9rem !important;
}
.wrap.mobile .margin-l-69 {
  margin-left: 6.9rem !important;
}
.wrap.mobile .margin-y-69 {
  margin-top: 6.9rem !important;
  margin-bottom: 6.9rem !important;
}
.wrap.mobile .margin-x-69 {
  margin-right: 6.9rem !important;
  margin-left: 6.9rem !important;
}
.wrap.mobile .margin-a-69 {
  margin: 6.9rem !important;
}

.margin-t-70 {
  margin-top: 70px !important;
}

.margin-r-70 {
  margin-right: 70px !important;
}

.margin-b-70 {
  margin-bottom: 70px !important;
}

.margin-l-70 {
  margin-left: 70px !important;
}

.margin-y-70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.margin-x-70 {
  margin-right: 70px !important;
  margin-left: 70px !important;
}

.margin-a-70 {
  margin: 70px !important;
}

.wrap.mobile .margin-t-70 {
  margin-top: 7rem !important;
}
.wrap.mobile .margin-r-70 {
  margin-right: 7rem !important;
}
.wrap.mobile .margin-b-70 {
  margin-bottom: 7rem !important;
}
.wrap.mobile .margin-l-70 {
  margin-left: 7rem !important;
}
.wrap.mobile .margin-y-70 {
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}
.wrap.mobile .margin-x-70 {
  margin-right: 7rem !important;
  margin-left: 7rem !important;
}
.wrap.mobile .margin-a-70 {
  margin: 7rem !important;
}

.margin-t-71 {
  margin-top: 71px !important;
}

.margin-r-71 {
  margin-right: 71px !important;
}

.margin-b-71 {
  margin-bottom: 71px !important;
}

.margin-l-71 {
  margin-left: 71px !important;
}

.margin-y-71 {
  margin-top: 71px !important;
  margin-bottom: 71px !important;
}

.margin-x-71 {
  margin-right: 71px !important;
  margin-left: 71px !important;
}

.margin-a-71 {
  margin: 71px !important;
}

.wrap.mobile .margin-t-71 {
  margin-top: 7.1rem !important;
}
.wrap.mobile .margin-r-71 {
  margin-right: 7.1rem !important;
}
.wrap.mobile .margin-b-71 {
  margin-bottom: 7.1rem !important;
}
.wrap.mobile .margin-l-71 {
  margin-left: 7.1rem !important;
}
.wrap.mobile .margin-y-71 {
  margin-top: 7.1rem !important;
  margin-bottom: 7.1rem !important;
}
.wrap.mobile .margin-x-71 {
  margin-right: 7.1rem !important;
  margin-left: 7.1rem !important;
}
.wrap.mobile .margin-a-71 {
  margin: 7.1rem !important;
}

.margin-t-72 {
  margin-top: 72px !important;
}

.margin-r-72 {
  margin-right: 72px !important;
}

.margin-b-72 {
  margin-bottom: 72px !important;
}

.margin-l-72 {
  margin-left: 72px !important;
}

.margin-y-72 {
  margin-top: 72px !important;
  margin-bottom: 72px !important;
}

.margin-x-72 {
  margin-right: 72px !important;
  margin-left: 72px !important;
}

.margin-a-72 {
  margin: 72px !important;
}

.wrap.mobile .margin-t-72 {
  margin-top: 7.2rem !important;
}
.wrap.mobile .margin-r-72 {
  margin-right: 7.2rem !important;
}
.wrap.mobile .margin-b-72 {
  margin-bottom: 7.2rem !important;
}
.wrap.mobile .margin-l-72 {
  margin-left: 7.2rem !important;
}
.wrap.mobile .margin-y-72 {
  margin-top: 7.2rem !important;
  margin-bottom: 7.2rem !important;
}
.wrap.mobile .margin-x-72 {
  margin-right: 7.2rem !important;
  margin-left: 7.2rem !important;
}
.wrap.mobile .margin-a-72 {
  margin: 7.2rem !important;
}

.margin-t-73 {
  margin-top: 73px !important;
}

.margin-r-73 {
  margin-right: 73px !important;
}

.margin-b-73 {
  margin-bottom: 73px !important;
}

.margin-l-73 {
  margin-left: 73px !important;
}

.margin-y-73 {
  margin-top: 73px !important;
  margin-bottom: 73px !important;
}

.margin-x-73 {
  margin-right: 73px !important;
  margin-left: 73px !important;
}

.margin-a-73 {
  margin: 73px !important;
}

.wrap.mobile .margin-t-73 {
  margin-top: 7.3rem !important;
}
.wrap.mobile .margin-r-73 {
  margin-right: 7.3rem !important;
}
.wrap.mobile .margin-b-73 {
  margin-bottom: 7.3rem !important;
}
.wrap.mobile .margin-l-73 {
  margin-left: 7.3rem !important;
}
.wrap.mobile .margin-y-73 {
  margin-top: 7.3rem !important;
  margin-bottom: 7.3rem !important;
}
.wrap.mobile .margin-x-73 {
  margin-right: 7.3rem !important;
  margin-left: 7.3rem !important;
}
.wrap.mobile .margin-a-73 {
  margin: 7.3rem !important;
}

.margin-t-74 {
  margin-top: 74px !important;
}

.margin-r-74 {
  margin-right: 74px !important;
}

.margin-b-74 {
  margin-bottom: 74px !important;
}

.margin-l-74 {
  margin-left: 74px !important;
}

.margin-y-74 {
  margin-top: 74px !important;
  margin-bottom: 74px !important;
}

.margin-x-74 {
  margin-right: 74px !important;
  margin-left: 74px !important;
}

.margin-a-74 {
  margin: 74px !important;
}

.wrap.mobile .margin-t-74 {
  margin-top: 7.4rem !important;
}
.wrap.mobile .margin-r-74 {
  margin-right: 7.4rem !important;
}
.wrap.mobile .margin-b-74 {
  margin-bottom: 7.4rem !important;
}
.wrap.mobile .margin-l-74 {
  margin-left: 7.4rem !important;
}
.wrap.mobile .margin-y-74 {
  margin-top: 7.4rem !important;
  margin-bottom: 7.4rem !important;
}
.wrap.mobile .margin-x-74 {
  margin-right: 7.4rem !important;
  margin-left: 7.4rem !important;
}
.wrap.mobile .margin-a-74 {
  margin: 7.4rem !important;
}

.margin-t-75 {
  margin-top: 75px !important;
}

.margin-r-75 {
  margin-right: 75px !important;
}

.margin-b-75 {
  margin-bottom: 75px !important;
}

.margin-l-75 {
  margin-left: 75px !important;
}

.margin-y-75 {
  margin-top: 75px !important;
  margin-bottom: 75px !important;
}

.margin-x-75 {
  margin-right: 75px !important;
  margin-left: 75px !important;
}

.margin-a-75 {
  margin: 75px !important;
}

.wrap.mobile .margin-t-75 {
  margin-top: 7.5rem !important;
}
.wrap.mobile .margin-r-75 {
  margin-right: 7.5rem !important;
}
.wrap.mobile .margin-b-75 {
  margin-bottom: 7.5rem !important;
}
.wrap.mobile .margin-l-75 {
  margin-left: 7.5rem !important;
}
.wrap.mobile .margin-y-75 {
  margin-top: 7.5rem !important;
  margin-bottom: 7.5rem !important;
}
.wrap.mobile .margin-x-75 {
  margin-right: 7.5rem !important;
  margin-left: 7.5rem !important;
}
.wrap.mobile .margin-a-75 {
  margin: 7.5rem !important;
}

.margin-t-76 {
  margin-top: 76px !important;
}

.margin-r-76 {
  margin-right: 76px !important;
}

.margin-b-76 {
  margin-bottom: 76px !important;
}

.margin-l-76 {
  margin-left: 76px !important;
}

.margin-y-76 {
  margin-top: 76px !important;
  margin-bottom: 76px !important;
}

.margin-x-76 {
  margin-right: 76px !important;
  margin-left: 76px !important;
}

.margin-a-76 {
  margin: 76px !important;
}

.wrap.mobile .margin-t-76 {
  margin-top: 7.6rem !important;
}
.wrap.mobile .margin-r-76 {
  margin-right: 7.6rem !important;
}
.wrap.mobile .margin-b-76 {
  margin-bottom: 7.6rem !important;
}
.wrap.mobile .margin-l-76 {
  margin-left: 7.6rem !important;
}
.wrap.mobile .margin-y-76 {
  margin-top: 7.6rem !important;
  margin-bottom: 7.6rem !important;
}
.wrap.mobile .margin-x-76 {
  margin-right: 7.6rem !important;
  margin-left: 7.6rem !important;
}
.wrap.mobile .margin-a-76 {
  margin: 7.6rem !important;
}

.margin-t-77 {
  margin-top: 77px !important;
}

.margin-r-77 {
  margin-right: 77px !important;
}

.margin-b-77 {
  margin-bottom: 77px !important;
}

.margin-l-77 {
  margin-left: 77px !important;
}

.margin-y-77 {
  margin-top: 77px !important;
  margin-bottom: 77px !important;
}

.margin-x-77 {
  margin-right: 77px !important;
  margin-left: 77px !important;
}

.margin-a-77 {
  margin: 77px !important;
}

.wrap.mobile .margin-t-77 {
  margin-top: 7.7rem !important;
}
.wrap.mobile .margin-r-77 {
  margin-right: 7.7rem !important;
}
.wrap.mobile .margin-b-77 {
  margin-bottom: 7.7rem !important;
}
.wrap.mobile .margin-l-77 {
  margin-left: 7.7rem !important;
}
.wrap.mobile .margin-y-77 {
  margin-top: 7.7rem !important;
  margin-bottom: 7.7rem !important;
}
.wrap.mobile .margin-x-77 {
  margin-right: 7.7rem !important;
  margin-left: 7.7rem !important;
}
.wrap.mobile .margin-a-77 {
  margin: 7.7rem !important;
}

.margin-t-78 {
  margin-top: 78px !important;
}

.margin-r-78 {
  margin-right: 78px !important;
}

.margin-b-78 {
  margin-bottom: 78px !important;
}

.margin-l-78 {
  margin-left: 78px !important;
}

.margin-y-78 {
  margin-top: 78px !important;
  margin-bottom: 78px !important;
}

.margin-x-78 {
  margin-right: 78px !important;
  margin-left: 78px !important;
}

.margin-a-78 {
  margin: 78px !important;
}

.wrap.mobile .margin-t-78 {
  margin-top: 7.8rem !important;
}
.wrap.mobile .margin-r-78 {
  margin-right: 7.8rem !important;
}
.wrap.mobile .margin-b-78 {
  margin-bottom: 7.8rem !important;
}
.wrap.mobile .margin-l-78 {
  margin-left: 7.8rem !important;
}
.wrap.mobile .margin-y-78 {
  margin-top: 7.8rem !important;
  margin-bottom: 7.8rem !important;
}
.wrap.mobile .margin-x-78 {
  margin-right: 7.8rem !important;
  margin-left: 7.8rem !important;
}
.wrap.mobile .margin-a-78 {
  margin: 7.8rem !important;
}

.margin-t-79 {
  margin-top: 79px !important;
}

.margin-r-79 {
  margin-right: 79px !important;
}

.margin-b-79 {
  margin-bottom: 79px !important;
}

.margin-l-79 {
  margin-left: 79px !important;
}

.margin-y-79 {
  margin-top: 79px !important;
  margin-bottom: 79px !important;
}

.margin-x-79 {
  margin-right: 79px !important;
  margin-left: 79px !important;
}

.margin-a-79 {
  margin: 79px !important;
}

.wrap.mobile .margin-t-79 {
  margin-top: 7.9rem !important;
}
.wrap.mobile .margin-r-79 {
  margin-right: 7.9rem !important;
}
.wrap.mobile .margin-b-79 {
  margin-bottom: 7.9rem !important;
}
.wrap.mobile .margin-l-79 {
  margin-left: 7.9rem !important;
}
.wrap.mobile .margin-y-79 {
  margin-top: 7.9rem !important;
  margin-bottom: 7.9rem !important;
}
.wrap.mobile .margin-x-79 {
  margin-right: 7.9rem !important;
  margin-left: 7.9rem !important;
}
.wrap.mobile .margin-a-79 {
  margin: 7.9rem !important;
}

.margin-t-80 {
  margin-top: 80px !important;
}

.margin-r-80 {
  margin-right: 80px !important;
}

.margin-b-80 {
  margin-bottom: 80px !important;
}

.margin-l-80 {
  margin-left: 80px !important;
}
/* 240405 추가 */
.margin-l-96 {
  margin-left: 96px !important;
}

.margin-y-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.margin-x-80 {
  margin-right: 80px !important;
  margin-left: 80px !important;
}

.margin-a-80 {
  margin: 80px !important;
}

.wrap.mobile .margin-t-80 {
  margin-top: 8rem !important;
}
.wrap.mobile .margin-r-80 {
  margin-right: 8rem !important;
}
.wrap.mobile .margin-b-80 {
  margin-bottom: 8rem !important;
}
.wrap.mobile .margin-l-80 {
  margin-left: 8rem !important;
}
.wrap.mobile .margin-y-80 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}
.wrap.mobile .margin-x-80 {
  margin-right: 8rem !important;
  margin-left: 8rem !important;
}
.wrap.mobile .margin-a-80 {
  margin: 8rem !important;
}

.padding-t-0 {
  padding-top: 0px !important;
}

.padding-r-0 {
  padding-right: 0px !important;
}

.padding-b-0 {
  padding-bottom: 0px !important;
}

.padding-l-0 {
  padding-left: 0px !important;
}

.padding-y-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.padding-x-0 {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.padding-a-0 {
  padding: 0px !important;
}

.wrap.mobile .padding-t-0 {
  padding-top: 0rem !important;
}
.wrap.mobile .padding-r-0 {
  padding-right: 0rem !important;
}
.wrap.mobile .padding-b-0 {
  padding-bottom: 0rem !important;
}
.wrap.mobile .padding-l-0 {
  padding-left: 0rem !important;
}
.wrap.mobile .padding-y-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}
.wrap.mobile .padding-x-0 {
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}
.wrap.mobile .padding-a-0 {
  padding: 0rem !important;
}

.padding-t-1 {
  padding-top: 1px !important;
}

.padding-r-1 {
  padding-right: 1px !important;
}

.padding-b-1 {
  padding-bottom: 1px !important;
}

.padding-l-1 {
  padding-left: 1px !important;
}

.padding-y-1 {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

.padding-x-1 {
  padding-right: 1px !important;
  padding-left: 1px !important;
}

.padding-a-1 {
  padding: 1px !important;
}

.wrap.mobile .padding-t-1 {
  padding-top: 0.1rem !important;
}
.wrap.mobile .padding-r-1 {
  padding-right: 0.1rem !important;
}
.wrap.mobile .padding-b-1 {
  padding-bottom: 0.1rem !important;
}
.wrap.mobile .padding-l-1 {
  padding-left: 0.1rem !important;
}
.wrap.mobile .padding-y-1 {
  padding-top: 0.1rem !important;
  padding-bottom: 0.1rem !important;
}
.wrap.mobile .padding-x-1 {
  padding-right: 0.1rem !important;
  padding-left: 0.1rem !important;
}
.wrap.mobile .padding-a-1 {
  padding: 0.1rem !important;
}

.padding-t-2 {
  padding-top: 2px !important;
}

.padding-r-2 {
  padding-right: 2px !important;
}

.padding-b-2 {
  padding-bottom: 2px !important;
}

.padding-l-2 {
  padding-left: 2px !important;
}

.padding-y-2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.padding-x-2 {
  padding-right: 2px !important;
  padding-left: 2px !important;
}

.padding-a-2 {
  padding: 2px !important;
}

.wrap.mobile .padding-t-2 {
  padding-top: 0.2rem !important;
}
.wrap.mobile .padding-r-2 {
  padding-right: 0.2rem !important;
}
.wrap.mobile .padding-b-2 {
  padding-bottom: 0.2rem !important;
}
.wrap.mobile .padding-l-2 {
  padding-left: 0.2rem !important;
}
.wrap.mobile .padding-y-2 {
  padding-top: 0.2rem !important;
  padding-bottom: 0.2rem !important;
}
.wrap.mobile .padding-x-2 {
  padding-right: 0.2rem !important;
  padding-left: 0.2rem !important;
}
.wrap.mobile .padding-a-2 {
  padding: 0.2rem !important;
}

.padding-t-3 {
  padding-top: 3px !important;
}

.padding-r-3 {
  padding-right: 3px !important;
}

.padding-b-3 {
  padding-bottom: 3px !important;
}

.padding-l-3 {
  padding-left: 3px !important;
}

.padding-y-3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.padding-x-3 {
  padding-right: 3px !important;
  padding-left: 3px !important;
}

.padding-a-3 {
  padding: 3px !important;
}

.wrap.mobile .padding-t-3 {
  padding-top: 0.3rem !important;
}
.wrap.mobile .padding-r-3 {
  padding-right: 0.3rem !important;
}
.wrap.mobile .padding-b-3 {
  padding-bottom: 0.3rem !important;
}
.wrap.mobile .padding-l-3 {
  padding-left: 0.3rem !important;
}
.wrap.mobile .padding-y-3 {
  padding-top: 0.3rem !important;
  padding-bottom: 0.3rem !important;
}
.wrap.mobile .padding-x-3 {
  padding-right: 0.3rem !important;
  padding-left: 0.3rem !important;
}
.wrap.mobile .padding-a-3 {
  padding: 0.3rem !important;
}

.padding-t-4 {
  padding-top: 4px !important;
}

.padding-r-4 {
  padding-right: 4px !important;
}

.padding-b-4 {
  padding-bottom: 4px !important;
}

.padding-l-4 {
  padding-left: 4px !important;
}

.padding-y-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.padding-x-4 {
  padding-right: 4px !important;
  padding-left: 4px !important;
}

.padding-a-4 {
  padding: 4px !important;
}

.wrap.mobile .padding-t-4 {
  padding-top: 0.4rem !important;
}
.wrap.mobile .padding-r-4 {
  padding-right: 0.4rem !important;
}
.wrap.mobile .padding-b-4 {
  padding-bottom: 0.4rem !important;
}
.wrap.mobile .padding-l-4 {
  padding-left: 0.4rem !important;
}
.wrap.mobile .padding-y-4 {
  padding-top: 0.4rem !important;
  padding-bottom: 0.4rem !important;
}
.wrap.mobile .padding-x-4 {
  padding-right: 0.4rem !important;
  padding-left: 0.4rem !important;
}
.wrap.mobile .padding-a-4 {
  padding: 0.4rem !important;
}

.padding-t-5 {
  padding-top: 5px !important;
}

.padding-r-5 {
  padding-right: 5px !important;
}

.padding-b-5 {
  padding-bottom: 5px !important;
}

.padding-l-5 {
  padding-left: 5px !important;
}

.padding-y-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.padding-x-5 {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.padding-a-5 {
  padding: 5px !important;
}

.wrap.mobile .padding-t-5 {
  padding-top: 0.5rem !important;
}
.wrap.mobile .padding-r-5 {
  padding-right: 0.5rem !important;
}
.wrap.mobile .padding-b-5 {
  padding-bottom: 0.5rem !important;
}
.wrap.mobile .padding-l-5 {
  padding-left: 0.5rem !important;
}
.wrap.mobile .padding-y-5 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.wrap.mobile .padding-x-5 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.wrap.mobile .padding-a-5 {
  padding: 0.5rem !important;
}

.padding-t-6 {
  padding-top: 6px !important;
}

.padding-r-6 {
  padding-right: 6px !important;
}

.padding-b-6 {
  padding-bottom: 6px !important;
}

.padding-l-6 {
  padding-left: 6px !important;
}

.padding-y-6 {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.padding-x-6 {
  padding-right: 6px !important;
  padding-left: 6px !important;
}

.padding-a-6 {
  padding: 6px !important;
}

.wrap.mobile .padding-t-6 {
  padding-top: 0.6rem !important;
}
.wrap.mobile .padding-r-6 {
  padding-right: 0.6rem !important;
}
.wrap.mobile .padding-b-6 {
  padding-bottom: 0.6rem !important;
}
.wrap.mobile .padding-l-6 {
  padding-left: 0.6rem !important;
}
.wrap.mobile .padding-y-6 {
  padding-top: 0.6rem !important;
  padding-bottom: 0.6rem !important;
}
.wrap.mobile .padding-x-6 {
  padding-right: 0.6rem !important;
  padding-left: 0.6rem !important;
}
.wrap.mobile .padding-a-6 {
  padding: 0.6rem !important;
}

.padding-t-7 {
  padding-top: 7px !important;
}

.padding-r-7 {
  padding-right: 7px !important;
}

.padding-b-7 {
  padding-bottom: 7px !important;
}

.padding-l-7 {
  padding-left: 7px !important;
}

.padding-y-7 {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.padding-x-7 {
  padding-right: 7px !important;
  padding-left: 7px !important;
}

.padding-a-7 {
  padding: 7px !important;
}

.wrap.mobile .padding-t-7 {
  padding-top: 0.7rem !important;
}
.wrap.mobile .padding-r-7 {
  padding-right: 0.7rem !important;
}
.wrap.mobile .padding-b-7 {
  padding-bottom: 0.7rem !important;
}
.wrap.mobile .padding-l-7 {
  padding-left: 0.7rem !important;
}
.wrap.mobile .padding-y-7 {
  padding-top: 0.7rem !important;
  padding-bottom: 0.7rem !important;
}
.wrap.mobile .padding-x-7 {
  padding-right: 0.7rem !important;
  padding-left: 0.7rem !important;
}
.wrap.mobile .padding-a-7 {
  padding: 0.7rem !important;
}

.padding-t-8 {
  padding-top: 8px !important;
}

.padding-r-8 {
  padding-right: 8px !important;
}

.padding-b-8 {
  padding-bottom: 8px !important;
}

.padding-l-8 {
  padding-left: 8px !important;
}

.padding-y-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.padding-x-8 {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

.padding-a-8 {
  padding: 8px !important;
}

.wrap.mobile .padding-t-8 {
  padding-top: 0.8rem !important;
}
.wrap.mobile .padding-r-8 {
  padding-right: 0.8rem !important;
}
.wrap.mobile .padding-b-8 {
  padding-bottom: 0.8rem !important;
}
.wrap.mobile .padding-l-8 {
  padding-left: 0.8rem !important;
}
.wrap.mobile .padding-y-8 {
  padding-top: 0.8rem !important;
  padding-bottom: 0.8rem !important;
}
.wrap.mobile .padding-x-8 {
  padding-right: 0.8rem !important;
  padding-left: 0.8rem !important;
}
.wrap.mobile .padding-a-8 {
  padding: 0.8rem !important;
}

.padding-t-9 {
  padding-top: 9px !important;
}

.padding-r-9 {
  padding-right: 9px !important;
}

.padding-b-9 {
  padding-bottom: 9px !important;
}

.padding-l-9 {
  padding-left: 9px !important;
}

.padding-y-9 {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.padding-x-9 {
  padding-right: 9px !important;
  padding-left: 9px !important;
}

.padding-a-9 {
  padding: 9px !important;
}

.wrap.mobile .padding-t-9 {
  padding-top: 0.9rem !important;
}
.wrap.mobile .padding-r-9 {
  padding-right: 0.9rem !important;
}
.wrap.mobile .padding-b-9 {
  padding-bottom: 0.9rem !important;
}
.wrap.mobile .padding-l-9 {
  padding-left: 0.9rem !important;
}
.wrap.mobile .padding-y-9 {
  padding-top: 0.9rem !important;
  padding-bottom: 0.9rem !important;
}
.wrap.mobile .padding-x-9 {
  padding-right: 0.9rem !important;
  padding-left: 0.9rem !important;
}
.wrap.mobile .padding-a-9 {
  padding: 0.9rem !important;
}

.padding-t-10 {
  padding-top: 10px !important;
}

.padding-r-10 {
  padding-right: 10px !important;
}

.padding-b-10 {
  padding-bottom: 10px !important;
}

.padding-l-10 {
  padding-left: 10px !important;
}

.padding-y-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.padding-x-10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.padding-a-10 {
  padding: 10px !important;
}

.wrap.mobile .padding-t-10 {
  padding-top: 1rem !important;
}
.wrap.mobile .padding-r-10 {
  padding-right: 1rem !important;
}
.wrap.mobile .padding-b-10 {
  padding-bottom: 1rem !important;
}
.wrap.mobile .padding-l-10 {
  padding-left: 1rem !important;
}
.wrap.mobile .padding-y-10 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.wrap.mobile .padding-x-10 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.wrap.mobile .padding-a-10 {
  padding: 1rem !important;
}

.padding-t-11 {
  padding-top: 11px !important;
}

.padding-r-11 {
  padding-right: 11px !important;
}

.padding-b-11 {
  padding-bottom: 11px !important;
}

.padding-l-11 {
  padding-left: 11px !important;
}

.padding-y-11 {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

.padding-x-11 {
  padding-right: 11px !important;
  padding-left: 11px !important;
}

.padding-a-11 {
  padding: 11px !important;
}

.wrap.mobile .padding-t-11 {
  padding-top: 1.1rem !important;
}
.wrap.mobile .padding-r-11 {
  padding-right: 1.1rem !important;
}
.wrap.mobile .padding-b-11 {
  padding-bottom: 1.1rem !important;
}
.wrap.mobile .padding-l-11 {
  padding-left: 1.1rem !important;
}
.wrap.mobile .padding-y-11 {
  padding-top: 1.1rem !important;
  padding-bottom: 1.1rem !important;
}
.wrap.mobile .padding-x-11 {
  padding-right: 1.1rem !important;
  padding-left: 1.1rem !important;
}
.wrap.mobile .padding-a-11 {
  padding: 1.1rem !important;
}

.padding-t-12 {
  padding-top: 12px !important;
}

.padding-r-12 {
  padding-right: 12px !important;
}

.padding-b-12 {
  padding-bottom: 12px !important;
}

.padding-l-12 {
  padding-left: 12px !important;
}

.padding-y-12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.padding-x-12 {
  padding-right: 12px !important;
  padding-left: 12px !important;
}

.padding-a-12 {
  padding: 12px !important;
}

.wrap.mobile .padding-t-12 {
  padding-top: 1.2rem !important;
}
.wrap.mobile .padding-r-12 {
  padding-right: 1.2rem !important;
}
.wrap.mobile .padding-b-12 {
  padding-bottom: 1.2rem !important;
}
.wrap.mobile .padding-l-12 {
  padding-left: 1.2rem !important;
}
.wrap.mobile .padding-y-12 {
  padding-top: 1.2rem !important;
  padding-bottom: 1.2rem !important;
}
.wrap.mobile .padding-x-12 {
  padding-right: 1.2rem !important;
  padding-left: 1.2rem !important;
}
.wrap.mobile .padding-a-12 {
  padding: 1.2rem !important;
}

.padding-t-13 {
  padding-top: 13px !important;
}

.padding-r-13 {
  padding-right: 13px !important;
}

.padding-b-13 {
  padding-bottom: 13px !important;
}

.padding-l-13 {
  padding-left: 13px !important;
}

.padding-y-13 {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}

.padding-x-13 {
  padding-right: 13px !important;
  padding-left: 13px !important;
}

.padding-a-13 {
  padding: 13px !important;
}

.wrap.mobile .padding-t-13 {
  padding-top: 1.3rem !important;
}
.wrap.mobile .padding-r-13 {
  padding-right: 1.3rem !important;
}
.wrap.mobile .padding-b-13 {
  padding-bottom: 1.3rem !important;
}
.wrap.mobile .padding-l-13 {
  padding-left: 1.3rem !important;
}
.wrap.mobile .padding-y-13 {
  padding-top: 1.3rem !important;
  padding-bottom: 1.3rem !important;
}
.wrap.mobile .padding-x-13 {
  padding-right: 1.3rem !important;
  padding-left: 1.3rem !important;
}
.wrap.mobile .padding-a-13 {
  padding: 1.3rem !important;
}

.padding-t-14 {
  padding-top: 14px !important;
}

.padding-r-14 {
  padding-right: 14px !important;
}

.padding-b-14 {
  padding-bottom: 14px !important;
}

.padding-l-14 {
  padding-left: 14px !important;
}

.padding-y-14 {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.padding-x-14 {
  padding-right: 14px !important;
  padding-left: 14px !important;
}

.padding-a-14 {
  padding: 14px !important;
}

.wrap.mobile .padding-t-14 {
  padding-top: 1.4rem !important;
}
.wrap.mobile .padding-r-14 {
  padding-right: 1.4rem !important;
}
.wrap.mobile .padding-b-14 {
  padding-bottom: 1.4rem !important;
}
.wrap.mobile .padding-l-14 {
  padding-left: 1.4rem !important;
}
.wrap.mobile .padding-y-14 {
  padding-top: 1.4rem !important;
  padding-bottom: 1.4rem !important;
}
.wrap.mobile .padding-x-14 {
  padding-right: 1.4rem !important;
  padding-left: 1.4rem !important;
}
.wrap.mobile .padding-a-14 {
  padding: 1.4rem !important;
}

.padding-t-15 {
  padding-top: 15px !important;
}

.padding-r-15 {
  padding-right: 15px !important;
}

.padding-b-15 {
  padding-bottom: 15px !important;
}

.padding-l-15 {
  padding-left: 15px !important;
}

.padding-y-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.padding-x-15 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.padding-a-15 {
  padding: 15px !important;
}

.wrap.mobile .padding-t-15 {
  padding-top: 1.5rem !important;
}
.wrap.mobile .padding-r-15 {
  padding-right: 1.5rem !important;
}
.wrap.mobile .padding-b-15 {
  padding-bottom: 1.5rem !important;
}
.wrap.mobile .padding-l-15 {
  padding-left: 1.5rem !important;
}
.wrap.mobile .padding-y-15 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.wrap.mobile .padding-x-15 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.wrap.mobile .padding-a-15 {
  padding: 1.5rem !important;
}

.padding-t-16 {
  padding-top: 16px !important;
}

.padding-r-16 {
  padding-right: 16px !important;
}

.padding-b-16 {
  padding-bottom: 16px !important;
}

.padding-l-16 {
  padding-left: 16px !important;
}

.padding-y-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.padding-x-16 {
  padding-right: 16px !important;
  padding-left: 16px !important;
}

.padding-a-16 {
  padding: 16px !important;
}

.wrap.mobile .padding-t-16 {
  padding-top: 1.6rem !important;
}
.wrap.mobile .padding-r-16 {
  padding-right: 1.6rem !important;
}
.wrap.mobile .padding-b-16 {
  padding-bottom: 1.6rem !important;
}
.wrap.mobile .padding-l-16 {
  padding-left: 1.6rem !important;
}
.wrap.mobile .padding-y-16 {
  padding-top: 1.6rem !important;
  padding-bottom: 1.6rem !important;
}
.wrap.mobile .padding-x-16 {
  padding-right: 1.6rem !important;
  padding-left: 1.6rem !important;
}
.wrap.mobile .padding-a-16 {
  padding: 1.6rem !important;
}

.padding-t-17 {
  padding-top: 17px !important;
}

.padding-r-17 {
  padding-right: 17px !important;
}

.padding-b-17 {
  padding-bottom: 17px !important;
}

.padding-l-17 {
  padding-left: 17px !important;
}

.padding-y-17 {
  padding-top: 17px !important;
  padding-bottom: 17px !important;
}

.padding-x-17 {
  padding-right: 17px !important;
  padding-left: 17px !important;
}

.padding-a-17 {
  padding: 17px !important;
}

.wrap.mobile .padding-t-17 {
  padding-top: 1.7rem !important;
}
.wrap.mobile .padding-r-17 {
  padding-right: 1.7rem !important;
}
.wrap.mobile .padding-b-17 {
  padding-bottom: 1.7rem !important;
}
.wrap.mobile .padding-l-17 {
  padding-left: 1.7rem !important;
}
.wrap.mobile .padding-y-17 {
  padding-top: 1.7rem !important;
  padding-bottom: 1.7rem !important;
}
.wrap.mobile .padding-x-17 {
  padding-right: 1.7rem !important;
  padding-left: 1.7rem !important;
}
.wrap.mobile .padding-a-17 {
  padding: 1.7rem !important;
}

.padding-t-18 {
  padding-top: 18px !important;
}

.padding-r-18 {
  padding-right: 18px !important;
}

.padding-b-18 {
  padding-bottom: 18px !important;
}

.padding-l-18 {
  padding-left: 18px !important;
}

.padding-y-18 {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

.padding-x-18 {
  padding-right: 18px !important;
  padding-left: 18px !important;
}

.padding-a-18 {
  padding: 18px !important;
}

.wrap.mobile .padding-t-18 {
  padding-top: 1.8rem !important;
}
.wrap.mobile .padding-r-18 {
  padding-right: 1.8rem !important;
}
.wrap.mobile .padding-b-18 {
  padding-bottom: 1.8rem !important;
}
.wrap.mobile .padding-l-18 {
  padding-left: 1.8rem !important;
}
.wrap.mobile .padding-y-18 {
  padding-top: 1.8rem !important;
  padding-bottom: 1.8rem !important;
}
.wrap.mobile .padding-x-18 {
  padding-right: 1.8rem !important;
  padding-left: 1.8rem !important;
}
.wrap.mobile .padding-a-18 {
  padding: 1.8rem !important;
}

.padding-t-19 {
  padding-top: 19px !important;
}

.padding-r-19 {
  padding-right: 19px !important;
}

.padding-b-19 {
  padding-bottom: 19px !important;
}

.padding-l-19 {
  padding-left: 19px !important;
}

.padding-y-19 {
  padding-top: 19px !important;
  padding-bottom: 19px !important;
}

.padding-x-19 {
  padding-right: 19px !important;
  padding-left: 19px !important;
}

.padding-a-19 {
  padding: 19px !important;
}

.wrap.mobile .padding-t-19 {
  padding-top: 1.9rem !important;
}
.wrap.mobile .padding-r-19 {
  padding-right: 1.9rem !important;
}
.wrap.mobile .padding-b-19 {
  padding-bottom: 1.9rem !important;
}
.wrap.mobile .padding-l-19 {
  padding-left: 1.9rem !important;
}
.wrap.mobile .padding-y-19 {
  padding-top: 1.9rem !important;
  padding-bottom: 1.9rem !important;
}
.wrap.mobile .padding-x-19 {
  padding-right: 1.9rem !important;
  padding-left: 1.9rem !important;
}
.wrap.mobile .padding-a-19 {
  padding: 1.9rem !important;
}

.padding-t-20 {
  padding-top: 20px !important;
}

.padding-r-20 {
  padding-right: 20px !important;
}

.padding-b-20 {
  padding-bottom: 20px !important;
}

.padding-l-20 {
  padding-left: 20px !important;
}

.padding-y-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.padding-x-20 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.padding-a-20 {
  padding: 20px !important;
}

.wrap.mobile .padding-t-20 {
  padding-top: 2rem !important;
}
.wrap.mobile .padding-r-20 {
  padding-right: 2rem !important;
}
.wrap.mobile .padding-b-20 {
  padding-bottom: 2rem !important;
}
.wrap.mobile .padding-l-20 {
  padding-left: 2rem !important;
}
.wrap.mobile .padding-y-20 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.wrap.mobile .padding-x-20 {
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}
.wrap.mobile .padding-a-20 {
  padding: 2rem !important;
}

.padding-t-21 {
  padding-top: 21px !important;
}

.padding-r-21 {
  padding-right: 21px !important;
}

.padding-b-21 {
  padding-bottom: 21px !important;
}

.padding-l-21 {
  padding-left: 21px !important;
}

.padding-y-21 {
  padding-top: 21px !important;
  padding-bottom: 21px !important;
}

.padding-x-21 {
  padding-right: 21px !important;
  padding-left: 21px !important;
}

.padding-a-21 {
  padding: 21px !important;
}

.wrap.mobile .padding-t-21 {
  padding-top: 2.1rem !important;
}
.wrap.mobile .padding-r-21 {
  padding-right: 2.1rem !important;
}
.wrap.mobile .padding-b-21 {
  padding-bottom: 2.1rem !important;
}
.wrap.mobile .padding-l-21 {
  padding-left: 2.1rem !important;
}
.wrap.mobile .padding-y-21 {
  padding-top: 2.1rem !important;
  padding-bottom: 2.1rem !important;
}
.wrap.mobile .padding-x-21 {
  padding-right: 2.1rem !important;
  padding-left: 2.1rem !important;
}
.wrap.mobile .padding-a-21 {
  padding: 2.1rem !important;
}

.padding-t-22 {
  padding-top: 22px !important;
}

.padding-r-22 {
  padding-right: 22px !important;
}

.padding-b-22 {
  padding-bottom: 22px !important;
}

.padding-l-22 {
  padding-left: 22px !important;
}

.padding-y-22 {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

.padding-x-22 {
  padding-right: 22px !important;
  padding-left: 22px !important;
}

.padding-a-22 {
  padding: 22px !important;
}

.wrap.mobile .padding-t-22 {
  padding-top: 2.2rem !important;
}
.wrap.mobile .padding-r-22 {
  padding-right: 2.2rem !important;
}
.wrap.mobile .padding-b-22 {
  padding-bottom: 2.2rem !important;
}
.wrap.mobile .padding-l-22 {
  padding-left: 2.2rem !important;
}
.wrap.mobile .padding-y-22 {
  padding-top: 2.2rem !important;
  padding-bottom: 2.2rem !important;
}
.wrap.mobile .padding-x-22 {
  padding-right: 2.2rem !important;
  padding-left: 2.2rem !important;
}
.wrap.mobile .padding-a-22 {
  padding: 2.2rem !important;
}

.padding-t-23 {
  padding-top: 23px !important;
}

.padding-r-23 {
  padding-right: 23px !important;
}

.padding-b-23 {
  padding-bottom: 23px !important;
}

.padding-l-23 {
  padding-left: 23px !important;
}

.padding-y-23 {
  padding-top: 23px !important;
  padding-bottom: 23px !important;
}

.padding-x-23 {
  padding-right: 23px !important;
  padding-left: 23px !important;
}

.padding-a-23 {
  padding: 23px !important;
}

.wrap.mobile .padding-t-23 {
  padding-top: 2.3rem !important;
}
.wrap.mobile .padding-r-23 {
  padding-right: 2.3rem !important;
}
.wrap.mobile .padding-b-23 {
  padding-bottom: 2.3rem !important;
}
.wrap.mobile .padding-l-23 {
  padding-left: 2.3rem !important;
}
.wrap.mobile .padding-y-23 {
  padding-top: 2.3rem !important;
  padding-bottom: 2.3rem !important;
}
.wrap.mobile .padding-x-23 {
  padding-right: 2.3rem !important;
  padding-left: 2.3rem !important;
}
.wrap.mobile .padding-a-23 {
  padding: 2.3rem !important;
}

.padding-t-24 {
  padding-top: 24px !important;
}

.padding-r-24 {
  padding-right: 24px !important;
}

.padding-b-24 {
  padding-bottom: 24px !important;
}

.padding-l-24 {
  padding-left: 24px !important;
}

.padding-y-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.padding-x-24 {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

.padding-a-24 {
  padding: 24px !important;
}

.wrap.mobile .padding-t-24 {
  padding-top: 2.4rem !important;
}
.wrap.mobile .padding-r-24 {
  padding-right: 2.4rem !important;
}
.wrap.mobile .padding-b-24 {
  padding-bottom: 2.4rem !important;
}
.wrap.mobile .padding-l-24 {
  padding-left: 2.4rem !important;
}
.wrap.mobile .padding-y-24 {
  padding-top: 2.4rem !important;
  padding-bottom: 2.4rem !important;
}
.wrap.mobile .padding-x-24 {
  padding-right: 2.4rem !important;
  padding-left: 2.4rem !important;
}
.wrap.mobile .padding-a-24 {
  padding: 2.4rem !important;
}

.padding-t-25 {
  padding-top: 25px !important;
}

.padding-r-25 {
  padding-right: 25px !important;
}

.padding-b-25 {
  padding-bottom: 25px !important;
}

.padding-l-25 {
  padding-left: 25px !important;
}

.padding-y-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.padding-x-25 {
  padding-right: 25px !important;
  padding-left: 25px !important;
}

.padding-a-25 {
  padding: 25px !important;
}

.wrap.mobile .padding-t-25 {
  padding-top: 2.5rem !important;
}
.wrap.mobile .padding-r-25 {
  padding-right: 2.5rem !important;
}
.wrap.mobile .padding-b-25 {
  padding-bottom: 2.5rem !important;
}
.wrap.mobile .padding-l-25 {
  padding-left: 2.5rem !important;
}
.wrap.mobile .padding-y-25 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}
.wrap.mobile .padding-x-25 {
  padding-right: 2.5rem !important;
  padding-left: 2.5rem !important;
}
.wrap.mobile .padding-a-25 {
  padding: 2.5rem !important;
}

.padding-t-26 {
  padding-top: 26px !important;
}

.padding-r-26 {
  padding-right: 26px !important;
}

.padding-b-26 {
  padding-bottom: 26px !important;
}

.padding-l-26 {
  padding-left: 26px !important;
}

.padding-y-26 {
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}

.padding-x-26 {
  padding-right: 26px !important;
  padding-left: 26px !important;
}

.padding-a-26 {
  padding: 26px !important;
}

.wrap.mobile .padding-t-26 {
  padding-top: 2.6rem !important;
}
.wrap.mobile .padding-r-26 {
  padding-right: 2.6rem !important;
}
.wrap.mobile .padding-b-26 {
  padding-bottom: 2.6rem !important;
}
.wrap.mobile .padding-l-26 {
  padding-left: 2.6rem !important;
}
.wrap.mobile .padding-y-26 {
  padding-top: 2.6rem !important;
  padding-bottom: 2.6rem !important;
}
.wrap.mobile .padding-x-26 {
  padding-right: 2.6rem !important;
  padding-left: 2.6rem !important;
}
.wrap.mobile .padding-a-26 {
  padding: 2.6rem !important;
}

.padding-t-27 {
  padding-top: 27px !important;
}

.padding-r-27 {
  padding-right: 27px !important;
}

.padding-b-27 {
  padding-bottom: 27px !important;
}

.padding-l-27 {
  padding-left: 27px !important;
}

.padding-y-27 {
  padding-top: 27px !important;
  padding-bottom: 27px !important;
}

.padding-x-27 {
  padding-right: 27px !important;
  padding-left: 27px !important;
}

.padding-a-27 {
  padding: 27px !important;
}

.wrap.mobile .padding-t-27 {
  padding-top: 2.7rem !important;
}
.wrap.mobile .padding-r-27 {
  padding-right: 2.7rem !important;
}
.wrap.mobile .padding-b-27 {
  padding-bottom: 2.7rem !important;
}
.wrap.mobile .padding-l-27 {
  padding-left: 2.7rem !important;
}
.wrap.mobile .padding-y-27 {
  padding-top: 2.7rem !important;
  padding-bottom: 2.7rem !important;
}
.wrap.mobile .padding-x-27 {
  padding-right: 2.7rem !important;
  padding-left: 2.7rem !important;
}
.wrap.mobile .padding-a-27 {
  padding: 2.7rem !important;
}

.padding-t-28 {
  padding-top: 28px !important;
}

.padding-r-28 {
  padding-right: 28px !important;
}

.padding-b-28 {
  padding-bottom: 28px !important;
}

.padding-l-28 {
  padding-left: 28px !important;
}

.padding-y-28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.padding-x-28 {
  padding-right: 28px !important;
  padding-left: 28px !important;
}

.padding-a-28 {
  padding: 28px !important;
}

.wrap.mobile .padding-t-28 {
  padding-top: 2.8rem !important;
}
.wrap.mobile .padding-r-28 {
  padding-right: 2.8rem !important;
}
.wrap.mobile .padding-b-28 {
  padding-bottom: 2.8rem !important;
}
.wrap.mobile .padding-l-28 {
  padding-left: 2.8rem !important;
}
.wrap.mobile .padding-y-28 {
  padding-top: 2.8rem !important;
  padding-bottom: 2.8rem !important;
}
.wrap.mobile .padding-x-28 {
  padding-right: 2.8rem !important;
  padding-left: 2.8rem !important;
}
.wrap.mobile .padding-a-28 {
  padding: 2.8rem !important;
}

.padding-t-29 {
  padding-top: 29px !important;
}

.padding-r-29 {
  padding-right: 29px !important;
}

.padding-b-29 {
  padding-bottom: 29px !important;
}

.padding-l-29 {
  padding-left: 29px !important;
}

.padding-y-29 {
  padding-top: 29px !important;
  padding-bottom: 29px !important;
}

.padding-x-29 {
  padding-right: 29px !important;
  padding-left: 29px !important;
}

.padding-a-29 {
  padding: 29px !important;
}

.wrap.mobile .padding-t-29 {
  padding-top: 2.9rem !important;
}
.wrap.mobile .padding-r-29 {
  padding-right: 2.9rem !important;
}
.wrap.mobile .padding-b-29 {
  padding-bottom: 2.9rem !important;
}
.wrap.mobile .padding-l-29 {
  padding-left: 2.9rem !important;
}
.wrap.mobile .padding-y-29 {
  padding-top: 2.9rem !important;
  padding-bottom: 2.9rem !important;
}
.wrap.mobile .padding-x-29 {
  padding-right: 2.9rem !important;
  padding-left: 2.9rem !important;
}
.wrap.mobile .padding-a-29 {
  padding: 2.9rem !important;
}

.padding-t-30 {
  padding-top: 30px !important;
}

.padding-r-30 {
  padding-right: 30px !important;
}

.padding-b-30 {
  padding-bottom: 30px !important;
}

.padding-l-30 {
  padding-left: 30px !important;
}

.padding-y-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.padding-x-30 {
  padding-right: 30px !important;
  padding-left: 30px !important;
}

.padding-a-30 {
  padding: 30px !important;
}

.wrap.mobile .padding-t-30 {
  padding-top: 3rem !important;
}
.wrap.mobile .padding-r-30 {
  padding-right: 3rem !important;
}
.wrap.mobile .padding-b-30 {
  padding-bottom: 3rem !important;
}
.wrap.mobile .padding-l-30 {
  padding-left: 3rem !important;
}
.wrap.mobile .padding-y-30 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.wrap.mobile .padding-x-30 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.wrap.mobile .padding-a-30 {
  padding: 3rem !important;
}

.padding-t-31 {
  padding-top: 31px !important;
}

.padding-r-31 {
  padding-right: 31px !important;
}

.padding-b-31 {
  padding-bottom: 31px !important;
}

.padding-l-31 {
  padding-left: 31px !important;
}

.padding-y-31 {
  padding-top: 31px !important;
  padding-bottom: 31px !important;
}

.padding-x-31 {
  padding-right: 31px !important;
  padding-left: 31px !important;
}

.padding-a-31 {
  padding: 31px !important;
}

.wrap.mobile .padding-t-31 {
  padding-top: 3.1rem !important;
}
.wrap.mobile .padding-r-31 {
  padding-right: 3.1rem !important;
}
.wrap.mobile .padding-b-31 {
  padding-bottom: 3.1rem !important;
}
.wrap.mobile .padding-l-31 {
  padding-left: 3.1rem !important;
}
.wrap.mobile .padding-y-31 {
  padding-top: 3.1rem !important;
  padding-bottom: 3.1rem !important;
}
.wrap.mobile .padding-x-31 {
  padding-right: 3.1rem !important;
  padding-left: 3.1rem !important;
}
.wrap.mobile .padding-a-31 {
  padding: 3.1rem !important;
}

.padding-t-32 {
  padding-top: 32px !important;
}

.padding-r-32 {
  padding-right: 32px !important;
}

.padding-b-32 {
  padding-bottom: 32px !important;
}

.padding-l-32 {
  padding-left: 32px !important;
}

.padding-y-32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.padding-x-32 {
  padding-right: 32px !important;
  padding-left: 32px !important;
}

.padding-a-32 {
  padding: 32px !important;
}

.wrap.mobile .padding-t-32 {
  padding-top: 3.2rem !important;
}
.wrap.mobile .padding-r-32 {
  padding-right: 3.2rem !important;
}
.wrap.mobile .padding-b-32 {
  padding-bottom: 3.2rem !important;
}
.wrap.mobile .padding-l-32 {
  padding-left: 3.2rem !important;
}
.wrap.mobile .padding-y-32 {
  padding-top: 3.2rem !important;
  padding-bottom: 3.2rem !important;
}
.wrap.mobile .padding-x-32 {
  padding-right: 3.2rem !important;
  padding-left: 3.2rem !important;
}
.wrap.mobile .padding-a-32 {
  padding: 3.2rem !important;
}

.padding-t-33 {
  padding-top: 33px !important;
}

.padding-r-33 {
  padding-right: 33px !important;
}

.padding-b-33 {
  padding-bottom: 33px !important;
}

.padding-l-33 {
  padding-left: 33px !important;
}

.padding-y-33 {
  padding-top: 33px !important;
  padding-bottom: 33px !important;
}

.padding-x-33 {
  padding-right: 33px !important;
  padding-left: 33px !important;
}

.padding-a-33 {
  padding: 33px !important;
}

.wrap.mobile .padding-t-33 {
  padding-top: 3.3rem !important;
}
.wrap.mobile .padding-r-33 {
  padding-right: 3.3rem !important;
}
.wrap.mobile .padding-b-33 {
  padding-bottom: 3.3rem !important;
}
.wrap.mobile .padding-l-33 {
  padding-left: 3.3rem !important;
}
.wrap.mobile .padding-y-33 {
  padding-top: 3.3rem !important;
  padding-bottom: 3.3rem !important;
}
.wrap.mobile .padding-x-33 {
  padding-right: 3.3rem !important;
  padding-left: 3.3rem !important;
}
.wrap.mobile .padding-a-33 {
  padding: 3.3rem !important;
}

.padding-t-34 {
  padding-top: 34px !important;
}

.padding-r-34 {
  padding-right: 34px !important;
}

.padding-b-34 {
  padding-bottom: 34px !important;
}

.padding-l-34 {
  padding-left: 34px !important;
}

.padding-y-34 {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}

.padding-x-34 {
  padding-right: 34px !important;
  padding-left: 34px !important;
}

.padding-a-34 {
  padding: 34px !important;
}

.wrap.mobile .padding-t-34 {
  padding-top: 3.4rem !important;
}
.wrap.mobile .padding-r-34 {
  padding-right: 3.4rem !important;
}
.wrap.mobile .padding-b-34 {
  padding-bottom: 3.4rem !important;
}
.wrap.mobile .padding-l-34 {
  padding-left: 3.4rem !important;
}
.wrap.mobile .padding-y-34 {
  padding-top: 3.4rem !important;
  padding-bottom: 3.4rem !important;
}
.wrap.mobile .padding-x-34 {
  padding-right: 3.4rem !important;
  padding-left: 3.4rem !important;
}
.wrap.mobile .padding-a-34 {
  padding: 3.4rem !important;
}

.padding-t-35 {
  padding-top: 35px !important;
}

.padding-r-35 {
  padding-right: 35px !important;
}

.padding-b-35 {
  padding-bottom: 35px !important;
}

.padding-l-35 {
  padding-left: 35px !important;
}

.padding-y-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.padding-x-35 {
  padding-right: 35px !important;
  padding-left: 35px !important;
}

.padding-a-35 {
  padding: 35px !important;
}

.wrap.mobile .padding-t-35 {
  padding-top: 3.5rem !important;
}
.wrap.mobile .padding-r-35 {
  padding-right: 3.5rem !important;
}
.wrap.mobile .padding-b-35 {
  padding-bottom: 3.5rem !important;
}
.wrap.mobile .padding-l-35 {
  padding-left: 3.5rem !important;
}
.wrap.mobile .padding-y-35 {
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}
.wrap.mobile .padding-x-35 {
  padding-right: 3.5rem !important;
  padding-left: 3.5rem !important;
}
.wrap.mobile .padding-a-35 {
  padding: 3.5rem !important;
}

.padding-t-36 {
  padding-top: 36px !important;
}

.padding-r-36 {
  padding-right: 36px !important;
}

.padding-b-36 {
  padding-bottom: 36px !important;
}

.padding-l-36 {
  padding-left: 36px !important;
}

.padding-y-36 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.padding-x-36 {
  padding-right: 36px !important;
  padding-left: 36px !important;
}

.padding-a-36 {
  padding: 36px !important;
}

.wrap.mobile .padding-t-36 {
  padding-top: 3.6rem !important;
}
.wrap.mobile .padding-r-36 {
  padding-right: 3.6rem !important;
}
.wrap.mobile .padding-b-36 {
  padding-bottom: 3.6rem !important;
}
.wrap.mobile .padding-l-36 {
  padding-left: 3.6rem !important;
}
.wrap.mobile .padding-y-36 {
  padding-top: 3.6rem !important;
  padding-bottom: 3.6rem !important;
}
.wrap.mobile .padding-x-36 {
  padding-right: 3.6rem !important;
  padding-left: 3.6rem !important;
}
.wrap.mobile .padding-a-36 {
  padding: 3.6rem !important;
}

.padding-t-37 {
  padding-top: 37px !important;
}

.padding-r-37 {
  padding-right: 37px !important;
}

.padding-b-37 {
  padding-bottom: 37px !important;
}

.padding-l-37 {
  padding-left: 37px !important;
}

.padding-y-37 {
  padding-top: 37px !important;
  padding-bottom: 37px !important;
}

.padding-x-37 {
  padding-right: 37px !important;
  padding-left: 37px !important;
}

.padding-a-37 {
  padding: 37px !important;
}

.wrap.mobile .padding-t-37 {
  padding-top: 3.7rem !important;
}
.wrap.mobile .padding-r-37 {
  padding-right: 3.7rem !important;
}
.wrap.mobile .padding-b-37 {
  padding-bottom: 3.7rem !important;
}
.wrap.mobile .padding-l-37 {
  padding-left: 3.7rem !important;
}
.wrap.mobile .padding-y-37 {
  padding-top: 3.7rem !important;
  padding-bottom: 3.7rem !important;
}
.wrap.mobile .padding-x-37 {
  padding-right: 3.7rem !important;
  padding-left: 3.7rem !important;
}
.wrap.mobile .padding-a-37 {
  padding: 3.7rem !important;
}

.padding-t-38 {
  padding-top: 38px !important;
}

.padding-r-38 {
  padding-right: 38px !important;
}

.padding-b-38 {
  padding-bottom: 38px !important;
}

.padding-l-38 {
  padding-left: 38px !important;
}

.padding-y-38 {
  padding-top: 38px !important;
  padding-bottom: 38px !important;
}

.padding-x-38 {
  padding-right: 38px !important;
  padding-left: 38px !important;
}

.padding-a-38 {
  padding: 38px !important;
}

.wrap.mobile .padding-t-38 {
  padding-top: 3.8rem !important;
}
.wrap.mobile .padding-r-38 {
  padding-right: 3.8rem !important;
}
.wrap.mobile .padding-b-38 {
  padding-bottom: 3.8rem !important;
}
.wrap.mobile .padding-l-38 {
  padding-left: 3.8rem !important;
}
.wrap.mobile .padding-y-38 {
  padding-top: 3.8rem !important;
  padding-bottom: 3.8rem !important;
}
.wrap.mobile .padding-x-38 {
  padding-right: 3.8rem !important;
  padding-left: 3.8rem !important;
}
.wrap.mobile .padding-a-38 {
  padding: 3.8rem !important;
}

.padding-t-39 {
  padding-top: 39px !important;
}

.padding-r-39 {
  padding-right: 39px !important;
}

.padding-b-39 {
  padding-bottom: 39px !important;
}

.padding-l-39 {
  padding-left: 39px !important;
}

.padding-y-39 {
  padding-top: 39px !important;
  padding-bottom: 39px !important;
}

.padding-x-39 {
  padding-right: 39px !important;
  padding-left: 39px !important;
}

.padding-a-39 {
  padding: 39px !important;
}

.wrap.mobile .padding-t-39 {
  padding-top: 3.9rem !important;
}
.wrap.mobile .padding-r-39 {
  padding-right: 3.9rem !important;
}
.wrap.mobile .padding-b-39 {
  padding-bottom: 3.9rem !important;
}
.wrap.mobile .padding-l-39 {
  padding-left: 3.9rem !important;
}
.wrap.mobile .padding-y-39 {
  padding-top: 3.9rem !important;
  padding-bottom: 3.9rem !important;
}
.wrap.mobile .padding-x-39 {
  padding-right: 3.9rem !important;
  padding-left: 3.9rem !important;
}
.wrap.mobile .padding-a-39 {
  padding: 3.9rem !important;
}

.padding-t-40 {
  padding-top: 40px !important;
}

.padding-r-40 {
  padding-right: 40px !important;
}

.padding-b-40 {
  padding-bottom: 40px !important;
}

.padding-l-40 {
  padding-left: 40px !important;
}

.padding-y-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.padding-x-40 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.padding-a-40 {
  padding: 40px !important;
}

.wrap.mobile .padding-t-40 {
  padding-top: 4rem !important;
}
.wrap.mobile .padding-r-40 {
  padding-right: 4rem !important;
}
.wrap.mobile .padding-b-40 {
  padding-bottom: 4rem !important;
}
.wrap.mobile .padding-l-40 {
  padding-left: 4rem !important;
}
.wrap.mobile .padding-y-40 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.wrap.mobile .padding-x-40 {
  padding-right: 4rem !important;
  padding-left: 4rem !important;
}
.wrap.mobile .padding-a-40 {
  padding: 4rem !important;
}

.padding-t-41 {
  padding-top: 41px !important;
}

.padding-r-41 {
  padding-right: 41px !important;
}

.padding-b-41 {
  padding-bottom: 41px !important;
}

.padding-l-41 {
  padding-left: 41px !important;
}

.padding-y-41 {
  padding-top: 41px !important;
  padding-bottom: 41px !important;
}

.padding-x-41 {
  padding-right: 41px !important;
  padding-left: 41px !important;
}

.padding-a-41 {
  padding: 41px !important;
}

.wrap.mobile .padding-t-41 {
  padding-top: 4.1rem !important;
}
.wrap.mobile .padding-r-41 {
  padding-right: 4.1rem !important;
}
.wrap.mobile .padding-b-41 {
  padding-bottom: 4.1rem !important;
}
.wrap.mobile .padding-l-41 {
  padding-left: 4.1rem !important;
}
.wrap.mobile .padding-y-41 {
  padding-top: 4.1rem !important;
  padding-bottom: 4.1rem !important;
}
.wrap.mobile .padding-x-41 {
  padding-right: 4.1rem !important;
  padding-left: 4.1rem !important;
}
.wrap.mobile .padding-a-41 {
  padding: 4.1rem !important;
}

.padding-t-42 {
  padding-top: 42px !important;
}

.padding-r-42 {
  padding-right: 42px !important;
}

.padding-b-42 {
  padding-bottom: 42px !important;
}

.padding-l-42 {
  padding-left: 42px !important;
}

.padding-y-42 {
  padding-top: 42px !important;
  padding-bottom: 42px !important;
}

.padding-x-42 {
  padding-right: 42px !important;
  padding-left: 42px !important;
}

.padding-a-42 {
  padding: 42px !important;
}

.wrap.mobile .padding-t-42 {
  padding-top: 4.2rem !important;
}
.wrap.mobile .padding-r-42 {
  padding-right: 4.2rem !important;
}
.wrap.mobile .padding-b-42 {
  padding-bottom: 4.2rem !important;
}
.wrap.mobile .padding-l-42 {
  padding-left: 4.2rem !important;
}
.wrap.mobile .padding-y-42 {
  padding-top: 4.2rem !important;
  padding-bottom: 4.2rem !important;
}
.wrap.mobile .padding-x-42 {
  padding-right: 4.2rem !important;
  padding-left: 4.2rem !important;
}
.wrap.mobile .padding-a-42 {
  padding: 4.2rem !important;
}

.padding-t-43 {
  padding-top: 43px !important;
}

.padding-r-43 {
  padding-right: 43px !important;
}

.padding-b-43 {
  padding-bottom: 43px !important;
}

.padding-l-43 {
  padding-left: 43px !important;
}

.padding-y-43 {
  padding-top: 43px !important;
  padding-bottom: 43px !important;
}

.padding-x-43 {
  padding-right: 43px !important;
  padding-left: 43px !important;
}

.padding-a-43 {
  padding: 43px !important;
}

.wrap.mobile .padding-t-43 {
  padding-top: 4.3rem !important;
}
.wrap.mobile .padding-r-43 {
  padding-right: 4.3rem !important;
}
.wrap.mobile .padding-b-43 {
  padding-bottom: 4.3rem !important;
}
.wrap.mobile .padding-l-43 {
  padding-left: 4.3rem !important;
}
.wrap.mobile .padding-y-43 {
  padding-top: 4.3rem !important;
  padding-bottom: 4.3rem !important;
}
.wrap.mobile .padding-x-43 {
  padding-right: 4.3rem !important;
  padding-left: 4.3rem !important;
}
.wrap.mobile .padding-a-43 {
  padding: 4.3rem !important;
}

.padding-t-44 {
  padding-top: 44px !important;
}

.padding-r-44 {
  padding-right: 44px !important;
}

.padding-b-44 {
  padding-bottom: 44px !important;
}

.padding-l-44 {
  padding-left: 44px !important;
}

.padding-y-44 {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}

.padding-x-44 {
  padding-right: 44px !important;
  padding-left: 44px !important;
}

.padding-a-44 {
  padding: 44px !important;
}

.wrap.mobile .padding-t-44 {
  padding-top: 4.4rem !important;
}
.wrap.mobile .padding-r-44 {
  padding-right: 4.4rem !important;
}
.wrap.mobile .padding-b-44 {
  padding-bottom: 4.4rem !important;
}
.wrap.mobile .padding-l-44 {
  padding-left: 4.4rem !important;
}
.wrap.mobile .padding-y-44 {
  padding-top: 4.4rem !important;
  padding-bottom: 4.4rem !important;
}
.wrap.mobile .padding-x-44 {
  padding-right: 4.4rem !important;
  padding-left: 4.4rem !important;
}
.wrap.mobile .padding-a-44 {
  padding: 4.4rem !important;
}

.padding-t-45 {
  padding-top: 45px !important;
}

.padding-r-45 {
  padding-right: 45px !important;
}

.padding-b-45 {
  padding-bottom: 45px !important;
}

.padding-l-45 {
  padding-left: 45px !important;
}

.padding-y-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.padding-x-45 {
  padding-right: 45px !important;
  padding-left: 45px !important;
}

.padding-a-45 {
  padding: 45px !important;
}

.wrap.mobile .padding-t-45 {
  padding-top: 4.5rem !important;
}
.wrap.mobile .padding-r-45 {
  padding-right: 4.5rem !important;
}
.wrap.mobile .padding-b-45 {
  padding-bottom: 4.5rem !important;
}
.wrap.mobile .padding-l-45 {
  padding-left: 4.5rem !important;
}
.wrap.mobile .padding-y-45 {
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
}
.wrap.mobile .padding-x-45 {
  padding-right: 4.5rem !important;
  padding-left: 4.5rem !important;
}
.wrap.mobile .padding-a-45 {
  padding: 4.5rem !important;
}

.padding-t-46 {
  padding-top: 46px !important;
}

.padding-r-46 {
  padding-right: 46px !important;
}

.padding-b-46 {
  padding-bottom: 46px !important;
}

.padding-l-46 {
  padding-left: 46px !important;
}

.padding-y-46 {
  padding-top: 46px !important;
  padding-bottom: 46px !important;
}

.padding-x-46 {
  padding-right: 46px !important;
  padding-left: 46px !important;
}

.padding-a-46 {
  padding: 46px !important;
}

.wrap.mobile .padding-t-46 {
  padding-top: 4.6rem !important;
}
.wrap.mobile .padding-r-46 {
  padding-right: 4.6rem !important;
}
.wrap.mobile .padding-b-46 {
  padding-bottom: 4.6rem !important;
}
.wrap.mobile .padding-l-46 {
  padding-left: 4.6rem !important;
}
.wrap.mobile .padding-y-46 {
  padding-top: 4.6rem !important;
  padding-bottom: 4.6rem !important;
}
.wrap.mobile .padding-x-46 {
  padding-right: 4.6rem !important;
  padding-left: 4.6rem !important;
}
.wrap.mobile .padding-a-46 {
  padding: 4.6rem !important;
}

.padding-t-47 {
  padding-top: 47px !important;
}

.padding-r-47 {
  padding-right: 47px !important;
}

.padding-b-47 {
  padding-bottom: 47px !important;
}

.padding-l-47 {
  padding-left: 47px !important;
}

.padding-y-47 {
  padding-top: 47px !important;
  padding-bottom: 47px !important;
}

.padding-x-47 {
  padding-right: 47px !important;
  padding-left: 47px !important;
}

.padding-a-47 {
  padding: 47px !important;
}

.wrap.mobile .padding-t-47 {
  padding-top: 4.7rem !important;
}
.wrap.mobile .padding-r-47 {
  padding-right: 4.7rem !important;
}
.wrap.mobile .padding-b-47 {
  padding-bottom: 4.7rem !important;
}
.wrap.mobile .padding-l-47 {
  padding-left: 4.7rem !important;
}
.wrap.mobile .padding-y-47 {
  padding-top: 4.7rem !important;
  padding-bottom: 4.7rem !important;
}
.wrap.mobile .padding-x-47 {
  padding-right: 4.7rem !important;
  padding-left: 4.7rem !important;
}
.wrap.mobile .padding-a-47 {
  padding: 4.7rem !important;
}

.padding-t-48 {
  padding-top: 48px !important;
}

.padding-r-48 {
  padding-right: 48px !important;
}

.padding-b-48 {
  padding-bottom: 48px !important;
}

.padding-l-48 {
  padding-left: 48px !important;
}

.padding-y-48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.padding-x-48 {
  padding-right: 48px !important;
  padding-left: 48px !important;
}

.padding-a-48 {
  padding: 48px !important;
}

.wrap.mobile .padding-t-48 {
  padding-top: 4.8rem !important;
}
.wrap.mobile .padding-r-48 {
  padding-right: 4.8rem !important;
}
.wrap.mobile .padding-b-48 {
  padding-bottom: 4.8rem !important;
}
.wrap.mobile .padding-l-48 {
  padding-left: 4.8rem !important;
}
.wrap.mobile .padding-y-48 {
  padding-top: 4.8rem !important;
  padding-bottom: 4.8rem !important;
}
.wrap.mobile .padding-x-48 {
  padding-right: 4.8rem !important;
  padding-left: 4.8rem !important;
}
.wrap.mobile .padding-a-48 {
  padding: 4.8rem !important;
}

.padding-t-49 {
  padding-top: 49px !important;
}

.padding-r-49 {
  padding-right: 49px !important;
}

.padding-b-49 {
  padding-bottom: 49px !important;
}

.padding-l-49 {
  padding-left: 49px !important;
}

.padding-y-49 {
  padding-top: 49px !important;
  padding-bottom: 49px !important;
}

.padding-x-49 {
  padding-right: 49px !important;
  padding-left: 49px !important;
}

.padding-a-49 {
  padding: 49px !important;
}

.wrap.mobile .padding-t-49 {
  padding-top: 4.9rem !important;
}
.wrap.mobile .padding-r-49 {
  padding-right: 4.9rem !important;
}
.wrap.mobile .padding-b-49 {
  padding-bottom: 4.9rem !important;
}
.wrap.mobile .padding-l-49 {
  padding-left: 4.9rem !important;
}
.wrap.mobile .padding-y-49 {
  padding-top: 4.9rem !important;
  padding-bottom: 4.9rem !important;
}
.wrap.mobile .padding-x-49 {
  padding-right: 4.9rem !important;
  padding-left: 4.9rem !important;
}
.wrap.mobile .padding-a-49 {
  padding: 4.9rem !important;
}

.padding-t-50 {
  padding-top: 50px !important;
}

.padding-r-50 {
  padding-right: 50px !important;
}

.padding-b-50 {
  padding-bottom: 50px !important;
}

.padding-l-50 {
  padding-left: 50px !important;
}

.padding-y-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.padding-x-50 {
  padding-right: 50px !important;
  padding-left: 50px !important;
}

.padding-a-50 {
  padding: 50px !important;
}

.wrap.mobile .padding-t-50 {
  padding-top: 5rem !important;
}
.wrap.mobile .padding-r-50 {
  padding-right: 5rem !important;
}
.wrap.mobile .padding-b-50 {
  padding-bottom: 5rem !important;
}
.wrap.mobile .padding-l-50 {
  padding-left: 5rem !important;
}
.wrap.mobile .padding-y-50 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
.wrap.mobile .padding-x-50 {
  padding-right: 5rem !important;
  padding-left: 5rem !important;
}
.wrap.mobile .padding-a-50 {
  padding: 5rem !important;
}

.padding-t-51 {
  padding-top: 51px !important;
}

.padding-r-51 {
  padding-right: 51px !important;
}

.padding-b-51 {
  padding-bottom: 51px !important;
}

.padding-l-51 {
  padding-left: 51px !important;
}

.padding-y-51 {
  padding-top: 51px !important;
  padding-bottom: 51px !important;
}

.padding-x-51 {
  padding-right: 51px !important;
  padding-left: 51px !important;
}

.padding-a-51 {
  padding: 51px !important;
}

.wrap.mobile .padding-t-51 {
  padding-top: 5.1rem !important;
}
.wrap.mobile .padding-r-51 {
  padding-right: 5.1rem !important;
}
.wrap.mobile .padding-b-51 {
  padding-bottom: 5.1rem !important;
}
.wrap.mobile .padding-l-51 {
  padding-left: 5.1rem !important;
}
.wrap.mobile .padding-y-51 {
  padding-top: 5.1rem !important;
  padding-bottom: 5.1rem !important;
}
.wrap.mobile .padding-x-51 {
  padding-right: 5.1rem !important;
  padding-left: 5.1rem !important;
}
.wrap.mobile .padding-a-51 {
  padding: 5.1rem !important;
}

.padding-t-52 {
  padding-top: 52px !important;
}

.padding-r-52 {
  padding-right: 52px !important;
}

.padding-b-52 {
  padding-bottom: 52px !important;
}

.padding-l-52 {
  padding-left: 52px !important;
}

.padding-y-52 {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}

.padding-x-52 {
  padding-right: 52px !important;
  padding-left: 52px !important;
}

.padding-a-52 {
  padding: 52px !important;
}

.wrap.mobile .padding-t-52 {
  padding-top: 5.2rem !important;
}
.wrap.mobile .padding-r-52 {
  padding-right: 5.2rem !important;
}
.wrap.mobile .padding-b-52 {
  padding-bottom: 5.2rem !important;
}
.wrap.mobile .padding-l-52 {
  padding-left: 5.2rem !important;
}
.wrap.mobile .padding-y-52 {
  padding-top: 5.2rem !important;
  padding-bottom: 5.2rem !important;
}
.wrap.mobile .padding-x-52 {
  padding-right: 5.2rem !important;
  padding-left: 5.2rem !important;
}
.wrap.mobile .padding-a-52 {
  padding: 5.2rem !important;
}

.padding-t-53 {
  padding-top: 53px !important;
}

.padding-r-53 {
  padding-right: 53px !important;
}

.padding-b-53 {
  padding-bottom: 53px !important;
}

.padding-l-53 {
  padding-left: 53px !important;
}

.padding-y-53 {
  padding-top: 53px !important;
  padding-bottom: 53px !important;
}

.padding-x-53 {
  padding-right: 53px !important;
  padding-left: 53px !important;
}

.padding-a-53 {
  padding: 53px !important;
}

.wrap.mobile .padding-t-53 {
  padding-top: 5.3rem !important;
}
.wrap.mobile .padding-r-53 {
  padding-right: 5.3rem !important;
}
.wrap.mobile .padding-b-53 {
  padding-bottom: 5.3rem !important;
}
.wrap.mobile .padding-l-53 {
  padding-left: 5.3rem !important;
}
.wrap.mobile .padding-y-53 {
  padding-top: 5.3rem !important;
  padding-bottom: 5.3rem !important;
}
.wrap.mobile .padding-x-53 {
  padding-right: 5.3rem !important;
  padding-left: 5.3rem !important;
}
.wrap.mobile .padding-a-53 {
  padding: 5.3rem !important;
}

.padding-t-54 {
  padding-top: 54px !important;
}

.padding-r-54 {
  padding-right: 54px !important;
}

.padding-b-54 {
  padding-bottom: 54px !important;
}

.padding-l-54 {
  padding-left: 54px !important;
}

.padding-y-54 {
  padding-top: 54px !important;
  padding-bottom: 54px !important;
}

.padding-x-54 {
  padding-right: 54px !important;
  padding-left: 54px !important;
}

.padding-a-54 {
  padding: 54px !important;
}

.wrap.mobile .padding-t-54 {
  padding-top: 5.4rem !important;
}
.wrap.mobile .padding-r-54 {
  padding-right: 5.4rem !important;
}
.wrap.mobile .padding-b-54 {
  padding-bottom: 5.4rem !important;
}
.wrap.mobile .padding-l-54 {
  padding-left: 5.4rem !important;
}
.wrap.mobile .padding-y-54 {
  padding-top: 5.4rem !important;
  padding-bottom: 5.4rem !important;
}
.wrap.mobile .padding-x-54 {
  padding-right: 5.4rem !important;
  padding-left: 5.4rem !important;
}
.wrap.mobile .padding-a-54 {
  padding: 5.4rem !important;
}

.padding-t-55 {
  padding-top: 55px !important;
}

.padding-r-55 {
  padding-right: 55px !important;
}

.padding-b-55 {
  padding-bottom: 55px !important;
}

.padding-l-55 {
  padding-left: 55px !important;
}

.padding-y-55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

.padding-x-55 {
  padding-right: 55px !important;
  padding-left: 55px !important;
}

.padding-a-55 {
  padding: 55px !important;
}

.wrap.mobile .padding-t-55 {
  padding-top: 5.5rem !important;
}
.wrap.mobile .padding-r-55 {
  padding-right: 5.5rem !important;
}
.wrap.mobile .padding-b-55 {
  padding-bottom: 5.5rem !important;
}
.wrap.mobile .padding-l-55 {
  padding-left: 5.5rem !important;
}
.wrap.mobile .padding-y-55 {
  padding-top: 5.5rem !important;
  padding-bottom: 5.5rem !important;
}
.wrap.mobile .padding-x-55 {
  padding-right: 5.5rem !important;
  padding-left: 5.5rem !important;
}
.wrap.mobile .padding-a-55 {
  padding: 5.5rem !important;
}

.padding-t-56 {
  padding-top: 56px !important;
}

.padding-r-56 {
  padding-right: 56px !important;
}

.padding-b-56 {
  padding-bottom: 56px !important;
}

.padding-l-56 {
  padding-left: 56px !important;
}

.padding-y-56 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.padding-x-56 {
  padding-right: 56px !important;
  padding-left: 56px !important;
}

.padding-a-56 {
  padding: 56px !important;
}

.wrap.mobile .padding-t-56 {
  padding-top: 5.6rem !important;
}
.wrap.mobile .padding-r-56 {
  padding-right: 5.6rem !important;
}
.wrap.mobile .padding-b-56 {
  padding-bottom: 5.6rem !important;
}
.wrap.mobile .padding-l-56 {
  padding-left: 5.6rem !important;
}
.wrap.mobile .padding-y-56 {
  padding-top: 5.6rem !important;
  padding-bottom: 5.6rem !important;
}
.wrap.mobile .padding-x-56 {
  padding-right: 5.6rem !important;
  padding-left: 5.6rem !important;
}
.wrap.mobile .padding-a-56 {
  padding: 5.6rem !important;
}

.padding-t-57 {
  padding-top: 57px !important;
}

.padding-r-57 {
  padding-right: 57px !important;
}

.padding-b-57 {
  padding-bottom: 57px !important;
}

.padding-l-57 {
  padding-left: 57px !important;
}

.padding-y-57 {
  padding-top: 57px !important;
  padding-bottom: 57px !important;
}

.padding-x-57 {
  padding-right: 57px !important;
  padding-left: 57px !important;
}

.padding-a-57 {
  padding: 57px !important;
}

.wrap.mobile .padding-t-57 {
  padding-top: 5.7rem !important;
}
.wrap.mobile .padding-r-57 {
  padding-right: 5.7rem !important;
}
.wrap.mobile .padding-b-57 {
  padding-bottom: 5.7rem !important;
}
.wrap.mobile .padding-l-57 {
  padding-left: 5.7rem !important;
}
.wrap.mobile .padding-y-57 {
  padding-top: 5.7rem !important;
  padding-bottom: 5.7rem !important;
}
.wrap.mobile .padding-x-57 {
  padding-right: 5.7rem !important;
  padding-left: 5.7rem !important;
}
.wrap.mobile .padding-a-57 {
  padding: 5.7rem !important;
}

.padding-t-58 {
  padding-top: 58px !important;
}

.padding-r-58 {
  padding-right: 58px !important;
}

.padding-b-58 {
  padding-bottom: 58px !important;
}

.padding-l-58 {
  padding-left: 58px !important;
}

.padding-y-58 {
  padding-top: 58px !important;
  padding-bottom: 58px !important;
}

.padding-x-58 {
  padding-right: 58px !important;
  padding-left: 58px !important;
}

.padding-a-58 {
  padding: 58px !important;
}

.wrap.mobile .padding-t-58 {
  padding-top: 5.8rem !important;
}
.wrap.mobile .padding-r-58 {
  padding-right: 5.8rem !important;
}
.wrap.mobile .padding-b-58 {
  padding-bottom: 5.8rem !important;
}
.wrap.mobile .padding-l-58 {
  padding-left: 5.8rem !important;
}
.wrap.mobile .padding-y-58 {
  padding-top: 5.8rem !important;
  padding-bottom: 5.8rem !important;
}
.wrap.mobile .padding-x-58 {
  padding-right: 5.8rem !important;
  padding-left: 5.8rem !important;
}
.wrap.mobile .padding-a-58 {
  padding: 5.8rem !important;
}

.padding-t-59 {
  padding-top: 59px !important;
}

.padding-r-59 {
  padding-right: 59px !important;
}

.padding-b-59 {
  padding-bottom: 59px !important;
}

.padding-l-59 {
  padding-left: 59px !important;
}

.padding-y-59 {
  padding-top: 59px !important;
  padding-bottom: 59px !important;
}

.padding-x-59 {
  padding-right: 59px !important;
  padding-left: 59px !important;
}

.padding-a-59 {
  padding: 59px !important;
}

.wrap.mobile .padding-t-59 {
  padding-top: 5.9rem !important;
}
.wrap.mobile .padding-r-59 {
  padding-right: 5.9rem !important;
}
.wrap.mobile .padding-b-59 {
  padding-bottom: 5.9rem !important;
}
.wrap.mobile .padding-l-59 {
  padding-left: 5.9rem !important;
}
.wrap.mobile .padding-y-59 {
  padding-top: 5.9rem !important;
  padding-bottom: 5.9rem !important;
}
.wrap.mobile .padding-x-59 {
  padding-right: 5.9rem !important;
  padding-left: 5.9rem !important;
}
.wrap.mobile .padding-a-59 {
  padding: 5.9rem !important;
}

.padding-t-60 {
  padding-top: 60px !important;
}

.padding-r-60 {
  padding-right: 60px !important;
}

.padding-b-60 {
  padding-bottom: 60px !important;
}

.padding-l-60 {
  padding-left: 60px !important;
}

.padding-y-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.padding-x-60 {
  padding-right: 60px !important;
  padding-left: 60px !important;
}

.padding-a-60 {
  padding: 60px !important;
}

.wrap.mobile .padding-t-60 {
  padding-top: 6rem !important;
}
.wrap.mobile .padding-r-60 {
  padding-right: 6rem !important;
}
.wrap.mobile .padding-b-60 {
  padding-bottom: 6rem !important;
}
.wrap.mobile .padding-l-60 {
  padding-left: 6rem !important;
}
.wrap.mobile .padding-y-60 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}
.wrap.mobile .padding-x-60 {
  padding-right: 6rem !important;
  padding-left: 6rem !important;
}
.wrap.mobile .padding-a-60 {
  padding: 6rem !important;
}

.padding-t-61 {
  padding-top: 61px !important;
}

.padding-r-61 {
  padding-right: 61px !important;
}

.padding-b-61 {
  padding-bottom: 61px !important;
}

.padding-l-61 {
  padding-left: 61px !important;
}

.padding-y-61 {
  padding-top: 61px !important;
  padding-bottom: 61px !important;
}

.padding-x-61 {
  padding-right: 61px !important;
  padding-left: 61px !important;
}

.padding-a-61 {
  padding: 61px !important;
}

.wrap.mobile .padding-t-61 {
  padding-top: 6.1rem !important;
}
.wrap.mobile .padding-r-61 {
  padding-right: 6.1rem !important;
}
.wrap.mobile .padding-b-61 {
  padding-bottom: 6.1rem !important;
}
.wrap.mobile .padding-l-61 {
  padding-left: 6.1rem !important;
}
.wrap.mobile .padding-y-61 {
  padding-top: 6.1rem !important;
  padding-bottom: 6.1rem !important;
}
.wrap.mobile .padding-x-61 {
  padding-right: 6.1rem !important;
  padding-left: 6.1rem !important;
}
.wrap.mobile .padding-a-61 {
  padding: 6.1rem !important;
}

.padding-t-62 {
  padding-top: 62px !important;
}

.padding-r-62 {
  padding-right: 62px !important;
}

.padding-b-62 {
  padding-bottom: 62px !important;
}

.padding-l-62 {
  padding-left: 62px !important;
}

.padding-y-62 {
  padding-top: 62px !important;
  padding-bottom: 62px !important;
}

.padding-x-62 {
  padding-right: 62px !important;
  padding-left: 62px !important;
}

.padding-a-62 {
  padding: 62px !important;
}

.wrap.mobile .padding-t-62 {
  padding-top: 6.2rem !important;
}
.wrap.mobile .padding-r-62 {
  padding-right: 6.2rem !important;
}
.wrap.mobile .padding-b-62 {
  padding-bottom: 6.2rem !important;
}
.wrap.mobile .padding-l-62 {
  padding-left: 6.2rem !important;
}
.wrap.mobile .padding-y-62 {
  padding-top: 6.2rem !important;
  padding-bottom: 6.2rem !important;
}
.wrap.mobile .padding-x-62 {
  padding-right: 6.2rem !important;
  padding-left: 6.2rem !important;
}
.wrap.mobile .padding-a-62 {
  padding: 6.2rem !important;
}

.padding-t-63 {
  padding-top: 63px !important;
}

.padding-r-63 {
  padding-right: 63px !important;
}

.padding-b-63 {
  padding-bottom: 63px !important;
}

.padding-l-63 {
  padding-left: 63px !important;
}

.padding-y-63 {
  padding-top: 63px !important;
  padding-bottom: 63px !important;
}

.padding-x-63 {
  padding-right: 63px !important;
  padding-left: 63px !important;
}

.padding-a-63 {
  padding: 63px !important;
}

.wrap.mobile .padding-t-63 {
  padding-top: 6.3rem !important;
}
.wrap.mobile .padding-r-63 {
  padding-right: 6.3rem !important;
}
.wrap.mobile .padding-b-63 {
  padding-bottom: 6.3rem !important;
}
.wrap.mobile .padding-l-63 {
  padding-left: 6.3rem !important;
}
.wrap.mobile .padding-y-63 {
  padding-top: 6.3rem !important;
  padding-bottom: 6.3rem !important;
}
.wrap.mobile .padding-x-63 {
  padding-right: 6.3rem !important;
  padding-left: 6.3rem !important;
}
.wrap.mobile .padding-a-63 {
  padding: 6.3rem !important;
}

.padding-t-64 {
  padding-top: 64px !important;
}

.padding-r-64 {
  padding-right: 64px !important;
}

.padding-b-64 {
  padding-bottom: 64px !important;
}

.padding-l-64 {
  padding-left: 64px !important;
}

.padding-y-64 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.padding-x-64 {
  padding-right: 64px !important;
  padding-left: 64px !important;
}

.padding-a-64 {
  padding: 64px !important;
}

.wrap.mobile .padding-t-64 {
  padding-top: 6.4rem !important;
}
.wrap.mobile .padding-r-64 {
  padding-right: 6.4rem !important;
}
.wrap.mobile .padding-b-64 {
  padding-bottom: 6.4rem !important;
}
.wrap.mobile .padding-l-64 {
  padding-left: 6.4rem !important;
}
.wrap.mobile .padding-y-64 {
  padding-top: 6.4rem !important;
  padding-bottom: 6.4rem !important;
}
.wrap.mobile .padding-x-64 {
  padding-right: 6.4rem !important;
  padding-left: 6.4rem !important;
}
.wrap.mobile .padding-a-64 {
  padding: 6.4rem !important;
}

.padding-t-65 {
  padding-top: 65px !important;
}

.padding-r-65 {
  padding-right: 65px !important;
}

.padding-b-65 {
  padding-bottom: 65px !important;
}

.padding-l-65 {
  padding-left: 65px !important;
}

.padding-y-65 {
  padding-top: 65px !important;
  padding-bottom: 65px !important;
}

.padding-x-65 {
  padding-right: 65px !important;
  padding-left: 65px !important;
}

.padding-a-65 {
  padding: 65px !important;
}

.wrap.mobile .padding-t-65 {
  padding-top: 6.5rem !important;
}
.wrap.mobile .padding-r-65 {
  padding-right: 6.5rem !important;
}
.wrap.mobile .padding-b-65 {
  padding-bottom: 6.5rem !important;
}
.wrap.mobile .padding-l-65 {
  padding-left: 6.5rem !important;
}
.wrap.mobile .padding-y-65 {
  padding-top: 6.5rem !important;
  padding-bottom: 6.5rem !important;
}
.wrap.mobile .padding-x-65 {
  padding-right: 6.5rem !important;
  padding-left: 6.5rem !important;
}
.wrap.mobile .padding-a-65 {
  padding: 6.5rem !important;
}

.padding-t-66 {
  padding-top: 66px !important;
}

.padding-r-66 {
  padding-right: 66px !important;
}

.padding-b-66 {
  padding-bottom: 66px !important;
}

.padding-l-66 {
  padding-left: 66px !important;
}

.padding-y-66 {
  padding-top: 66px !important;
  padding-bottom: 66px !important;
}

.padding-x-66 {
  padding-right: 66px !important;
  padding-left: 66px !important;
}

.padding-a-66 {
  padding: 66px !important;
}

.wrap.mobile .padding-t-66 {
  padding-top: 6.6rem !important;
}
.wrap.mobile .padding-r-66 {
  padding-right: 6.6rem !important;
}
.wrap.mobile .padding-b-66 {
  padding-bottom: 6.6rem !important;
}
.wrap.mobile .padding-l-66 {
  padding-left: 6.6rem !important;
}
.wrap.mobile .padding-y-66 {
  padding-top: 6.6rem !important;
  padding-bottom: 6.6rem !important;
}
.wrap.mobile .padding-x-66 {
  padding-right: 6.6rem !important;
  padding-left: 6.6rem !important;
}
.wrap.mobile .padding-a-66 {
  padding: 6.6rem !important;
}

.padding-t-67 {
  padding-top: 67px !important;
}

.padding-r-67 {
  padding-right: 67px !important;
}

.padding-b-67 {
  padding-bottom: 67px !important;
}

.padding-l-67 {
  padding-left: 67px !important;
}

.padding-y-67 {
  padding-top: 67px !important;
  padding-bottom: 67px !important;
}

.padding-x-67 {
  padding-right: 67px !important;
  padding-left: 67px !important;
}

.padding-a-67 {
  padding: 67px !important;
}

.wrap.mobile .padding-t-67 {
  padding-top: 6.7rem !important;
}
.wrap.mobile .padding-r-67 {
  padding-right: 6.7rem !important;
}
.wrap.mobile .padding-b-67 {
  padding-bottom: 6.7rem !important;
}
.wrap.mobile .padding-l-67 {
  padding-left: 6.7rem !important;
}
.wrap.mobile .padding-y-67 {
  padding-top: 6.7rem !important;
  padding-bottom: 6.7rem !important;
}
.wrap.mobile .padding-x-67 {
  padding-right: 6.7rem !important;
  padding-left: 6.7rem !important;
}
.wrap.mobile .padding-a-67 {
  padding: 6.7rem !important;
}

.padding-t-68 {
  padding-top: 68px !important;
}

.padding-r-68 {
  padding-right: 68px !important;
}

.padding-b-68 {
  padding-bottom: 68px !important;
}

.padding-l-68 {
  padding-left: 68px !important;
}

.padding-y-68 {
  padding-top: 68px !important;
  padding-bottom: 68px !important;
}

.padding-x-68 {
  padding-right: 68px !important;
  padding-left: 68px !important;
}

.padding-a-68 {
  padding: 68px !important;
}

.wrap.mobile .padding-t-68 {
  padding-top: 6.8rem !important;
}
.wrap.mobile .padding-r-68 {
  padding-right: 6.8rem !important;
}
.wrap.mobile .padding-b-68 {
  padding-bottom: 6.8rem !important;
}
.wrap.mobile .padding-l-68 {
  padding-left: 6.8rem !important;
}
.wrap.mobile .padding-y-68 {
  padding-top: 6.8rem !important;
  padding-bottom: 6.8rem !important;
}
.wrap.mobile .padding-x-68 {
  padding-right: 6.8rem !important;
  padding-left: 6.8rem !important;
}
.wrap.mobile .padding-a-68 {
  padding: 6.8rem !important;
}

.padding-t-69 {
  padding-top: 69px !important;
}

.padding-r-69 {
  padding-right: 69px !important;
}

.padding-b-69 {
  padding-bottom: 69px !important;
}

.padding-l-69 {
  padding-left: 69px !important;
}

.padding-y-69 {
  padding-top: 69px !important;
  padding-bottom: 69px !important;
}

.padding-x-69 {
  padding-right: 69px !important;
  padding-left: 69px !important;
}

.padding-a-69 {
  padding: 69px !important;
}

.wrap.mobile .padding-t-69 {
  padding-top: 6.9rem !important;
}
.wrap.mobile .padding-r-69 {
  padding-right: 6.9rem !important;
}
.wrap.mobile .padding-b-69 {
  padding-bottom: 6.9rem !important;
}
.wrap.mobile .padding-l-69 {
  padding-left: 6.9rem !important;
}
.wrap.mobile .padding-y-69 {
  padding-top: 6.9rem !important;
  padding-bottom: 6.9rem !important;
}
.wrap.mobile .padding-x-69 {
  padding-right: 6.9rem !important;
  padding-left: 6.9rem !important;
}
.wrap.mobile .padding-a-69 {
  padding: 6.9rem !important;
}

.padding-t-70 {
  padding-top: 70px !important;
}

.padding-r-70 {
  padding-right: 70px !important;
}

.padding-b-70 {
  padding-bottom: 70px !important;
}

.padding-l-70 {
  padding-left: 70px !important;
}

.padding-y-70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.padding-x-70 {
  padding-right: 70px !important;
  padding-left: 70px !important;
}

.padding-a-70 {
  padding: 70px !important;
}

.wrap.mobile .padding-t-70 {
  padding-top: 7rem !important;
}
.wrap.mobile .padding-r-70 {
  padding-right: 7rem !important;
}
.wrap.mobile .padding-b-70 {
  padding-bottom: 7rem !important;
}
.wrap.mobile .padding-l-70 {
  padding-left: 7rem !important;
}
.wrap.mobile .padding-y-70 {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}
.wrap.mobile .padding-x-70 {
  padding-right: 7rem !important;
  padding-left: 7rem !important;
}
.wrap.mobile .padding-a-70 {
  padding: 7rem !important;
}

.padding-t-71 {
  padding-top: 71px !important;
}

.padding-r-71 {
  padding-right: 71px !important;
}

.padding-b-71 {
  padding-bottom: 71px !important;
}

.padding-l-71 {
  padding-left: 71px !important;
}

.padding-y-71 {
  padding-top: 71px !important;
  padding-bottom: 71px !important;
}

.padding-x-71 {
  padding-right: 71px !important;
  padding-left: 71px !important;
}

.padding-a-71 {
  padding: 71px !important;
}

.wrap.mobile .padding-t-71 {
  padding-top: 7.1rem !important;
}
.wrap.mobile .padding-r-71 {
  padding-right: 7.1rem !important;
}
.wrap.mobile .padding-b-71 {
  padding-bottom: 7.1rem !important;
}
.wrap.mobile .padding-l-71 {
  padding-left: 7.1rem !important;
}
.wrap.mobile .padding-y-71 {
  padding-top: 7.1rem !important;
  padding-bottom: 7.1rem !important;
}
.wrap.mobile .padding-x-71 {
  padding-right: 7.1rem !important;
  padding-left: 7.1rem !important;
}
.wrap.mobile .padding-a-71 {
  padding: 7.1rem !important;
}

.padding-t-72 {
  padding-top: 72px !important;
}

.padding-r-72 {
  padding-right: 72px !important;
}

.padding-b-72 {
  padding-bottom: 72px !important;
}

.padding-l-72 {
  padding-left: 72px !important;
}

.padding-y-72 {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.padding-x-72 {
  padding-right: 72px !important;
  padding-left: 72px !important;
}

.padding-a-72 {
  padding: 72px !important;
}

.wrap.mobile .padding-t-72 {
  padding-top: 7.2rem !important;
}
.wrap.mobile .padding-r-72 {
  padding-right: 7.2rem !important;
}
.wrap.mobile .padding-b-72 {
  padding-bottom: 7.2rem !important;
}
.wrap.mobile .padding-l-72 {
  padding-left: 7.2rem !important;
}
.wrap.mobile .padding-y-72 {
  padding-top: 7.2rem !important;
  padding-bottom: 7.2rem !important;
}
.wrap.mobile .padding-x-72 {
  padding-right: 7.2rem !important;
  padding-left: 7.2rem !important;
}
.wrap.mobile .padding-a-72 {
  padding: 7.2rem !important;
}

.padding-t-73 {
  padding-top: 73px !important;
}

.padding-r-73 {
  padding-right: 73px !important;
}

.padding-b-73 {
  padding-bottom: 73px !important;
}

.padding-l-73 {
  padding-left: 73px !important;
}

.padding-y-73 {
  padding-top: 73px !important;
  padding-bottom: 73px !important;
}

.padding-x-73 {
  padding-right: 73px !important;
  padding-left: 73px !important;
}

.padding-a-73 {
  padding: 73px !important;
}

.wrap.mobile .padding-t-73 {
  padding-top: 7.3rem !important;
}
.wrap.mobile .padding-r-73 {
  padding-right: 7.3rem !important;
}
.wrap.mobile .padding-b-73 {
  padding-bottom: 7.3rem !important;
}
.wrap.mobile .padding-l-73 {
  padding-left: 7.3rem !important;
}
.wrap.mobile .padding-y-73 {
  padding-top: 7.3rem !important;
  padding-bottom: 7.3rem !important;
}
.wrap.mobile .padding-x-73 {
  padding-right: 7.3rem !important;
  padding-left: 7.3rem !important;
}
.wrap.mobile .padding-a-73 {
  padding: 7.3rem !important;
}

.padding-t-74 {
  padding-top: 74px !important;
}

.padding-r-74 {
  padding-right: 74px !important;
}

.padding-b-74 {
  padding-bottom: 74px !important;
}

.padding-l-74 {
  padding-left: 74px !important;
}

.padding-y-74 {
  padding-top: 74px !important;
  padding-bottom: 74px !important;
}

.padding-x-74 {
  padding-right: 74px !important;
  padding-left: 74px !important;
}

.padding-a-74 {
  padding: 74px !important;
}

.wrap.mobile .padding-t-74 {
  padding-top: 7.4rem !important;
}
.wrap.mobile .padding-r-74 {
  padding-right: 7.4rem !important;
}
.wrap.mobile .padding-b-74 {
  padding-bottom: 7.4rem !important;
}
.wrap.mobile .padding-l-74 {
  padding-left: 7.4rem !important;
}
.wrap.mobile .padding-y-74 {
  padding-top: 7.4rem !important;
  padding-bottom: 7.4rem !important;
}
.wrap.mobile .padding-x-74 {
  padding-right: 7.4rem !important;
  padding-left: 7.4rem !important;
}
.wrap.mobile .padding-a-74 {
  padding: 7.4rem !important;
}

.padding-t-75 {
  padding-top: 75px !important;
}

.padding-r-75 {
  padding-right: 75px !important;
}

.padding-b-75 {
  padding-bottom: 75px !important;
}

.padding-l-75 {
  padding-left: 75px !important;
}

.padding-y-75 {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
}

.padding-x-75 {
  padding-right: 75px !important;
  padding-left: 75px !important;
}

.padding-a-75 {
  padding: 75px !important;
}

.wrap.mobile .padding-t-75 {
  padding-top: 7.5rem !important;
}
.wrap.mobile .padding-r-75 {
  padding-right: 7.5rem !important;
}
.wrap.mobile .padding-b-75 {
  padding-bottom: 7.5rem !important;
}
.wrap.mobile .padding-l-75 {
  padding-left: 7.5rem !important;
}
.wrap.mobile .padding-y-75 {
  padding-top: 7.5rem !important;
  padding-bottom: 7.5rem !important;
}
.wrap.mobile .padding-x-75 {
  padding-right: 7.5rem !important;
  padding-left: 7.5rem !important;
}
.wrap.mobile .padding-a-75 {
  padding: 7.5rem !important;
}

.padding-t-76 {
  padding-top: 76px !important;
}

.padding-r-76 {
  padding-right: 76px !important;
}

.padding-b-76 {
  padding-bottom: 76px !important;
}

.padding-l-76 {
  padding-left: 76px !important;
}

.padding-y-76 {
  padding-top: 76px !important;
  padding-bottom: 76px !important;
}

.padding-x-76 {
  padding-right: 76px !important;
  padding-left: 76px !important;
}

.padding-a-76 {
  padding: 76px !important;
}

.wrap.mobile .padding-t-76 {
  padding-top: 7.6rem !important;
}
.wrap.mobile .padding-r-76 {
  padding-right: 7.6rem !important;
}
.wrap.mobile .padding-b-76 {
  padding-bottom: 7.6rem !important;
}
.wrap.mobile .padding-l-76 {
  padding-left: 7.6rem !important;
}
.wrap.mobile .padding-y-76 {
  padding-top: 7.6rem !important;
  padding-bottom: 7.6rem !important;
}
.wrap.mobile .padding-x-76 {
  padding-right: 7.6rem !important;
  padding-left: 7.6rem !important;
}
.wrap.mobile .padding-a-76 {
  padding: 7.6rem !important;
}

.padding-t-77 {
  padding-top: 77px !important;
}

.padding-r-77 {
  padding-right: 77px !important;
}

.padding-b-77 {
  padding-bottom: 77px !important;
}

.padding-l-77 {
  padding-left: 77px !important;
}

.padding-y-77 {
  padding-top: 77px !important;
  padding-bottom: 77px !important;
}

.padding-x-77 {
  padding-right: 77px !important;
  padding-left: 77px !important;
}

.padding-a-77 {
  padding: 77px !important;
}

.wrap.mobile .padding-t-77 {
  padding-top: 7.7rem !important;
}
.wrap.mobile .padding-r-77 {
  padding-right: 7.7rem !important;
}
.wrap.mobile .padding-b-77 {
  padding-bottom: 7.7rem !important;
}
.wrap.mobile .padding-l-77 {
  padding-left: 7.7rem !important;
}
.wrap.mobile .padding-y-77 {
  padding-top: 7.7rem !important;
  padding-bottom: 7.7rem !important;
}
.wrap.mobile .padding-x-77 {
  padding-right: 7.7rem !important;
  padding-left: 7.7rem !important;
}
.wrap.mobile .padding-a-77 {
  padding: 7.7rem !important;
}

.padding-t-78 {
  padding-top: 78px !important;
}

.padding-r-78 {
  padding-right: 78px !important;
}

.padding-b-78 {
  padding-bottom: 78px !important;
}

.padding-l-78 {
  padding-left: 78px !important;
}

.padding-y-78 {
  padding-top: 78px !important;
  padding-bottom: 78px !important;
}

.padding-x-78 {
  padding-right: 78px !important;
  padding-left: 78px !important;
}

.padding-a-78 {
  padding: 78px !important;
}

.wrap.mobile .padding-t-78 {
  padding-top: 7.8rem !important;
}
.wrap.mobile .padding-r-78 {
  padding-right: 7.8rem !important;
}
.wrap.mobile .padding-b-78 {
  padding-bottom: 7.8rem !important;
}
.wrap.mobile .padding-l-78 {
  padding-left: 7.8rem !important;
}
.wrap.mobile .padding-y-78 {
  padding-top: 7.8rem !important;
  padding-bottom: 7.8rem !important;
}
.wrap.mobile .padding-x-78 {
  padding-right: 7.8rem !important;
  padding-left: 7.8rem !important;
}
.wrap.mobile .padding-a-78 {
  padding: 7.8rem !important;
}

.padding-t-79 {
  padding-top: 79px !important;
}

.padding-r-79 {
  padding-right: 79px !important;
}

.padding-b-79 {
  padding-bottom: 79px !important;
}

.padding-l-79 {
  padding-left: 79px !important;
}

.padding-y-79 {
  padding-top: 79px !important;
  padding-bottom: 79px !important;
}

.padding-x-79 {
  padding-right: 79px !important;
  padding-left: 79px !important;
}

.padding-a-79 {
  padding: 79px !important;
}

.wrap.mobile .padding-t-79 {
  padding-top: 7.9rem !important;
}
.wrap.mobile .padding-r-79 {
  padding-right: 7.9rem !important;
}
.wrap.mobile .padding-b-79 {
  padding-bottom: 7.9rem !important;
}
.wrap.mobile .padding-l-79 {
  padding-left: 7.9rem !important;
}
.wrap.mobile .padding-y-79 {
  padding-top: 7.9rem !important;
  padding-bottom: 7.9rem !important;
}
.wrap.mobile .padding-x-79 {
  padding-right: 7.9rem !important;
  padding-left: 7.9rem !important;
}
.wrap.mobile .padding-a-79 {
  padding: 7.9rem !important;
}

.padding-t-80 {
  padding-top: 80px !important;
}

.padding-r-80 {
  padding-right: 80px !important;
}

.padding-b-80 {
  padding-bottom: 80px !important;
}

.padding-l-80 {
  padding-left: 80px !important;
}

.padding-y-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.padding-x-80 {
  padding-right: 80px !important;
  padding-left: 80px !important;
}

.padding-a-80 {
  padding: 80px !important;
}

.wrap.mobile .padding-t-80 {
  padding-top: 8rem !important;
}
.wrap.mobile .padding-r-80 {
  padding-right: 8rem !important;
}
.wrap.mobile .padding-b-80 {
  padding-bottom: 8rem !important;
}
.wrap.mobile .padding-l-80 {
  padding-left: 8rem !important;
}
.wrap.mobile .padding-y-80 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}
.wrap.mobile .padding-x-80 {
  padding-right: 8rem !important;
  padding-left: 8rem !important;
}
.wrap.mobile .padding-a-80 {
  padding: 8rem !important;
}

.width-1 {
  width: 1px;
}

.wrap.mobile .width-1 {
  width: 0.1rem;
}

.width-2 {
  width: 2px;
}

.wrap.mobile .width-2 {
  width: 0.2rem;
}

.width-3 {
  width: 3px;
}

.wrap.mobile .width-3 {
  width: 0.3rem;
}

.width-4 {
  width: 4px;
}

.wrap.mobile .width-4 {
  width: 0.4rem;
}

.width-5 {
  width: 5px;
}

.wrap.mobile .width-5 {
  width: 0.5rem;
}

.width-6 {
  width: 6px;
}

.wrap.mobile .width-6 {
  width: 0.6rem;
}

.width-7 {
  width: 7px;
}

.wrap.mobile .width-7 {
  width: 0.7rem;
}

.width-8 {
  width: 8px;
}

.wrap.mobile .width-8 {
  width: 0.8rem;
}

.width-9 {
  width: 9px;
}

.wrap.mobile .width-9 {
  width: 0.9rem;
}

.width-10 {
  width: 10px;
}

.wrap.mobile .width-10 {
  width: 1rem;
}

.width-11 {
  width: 11px;
}

.wrap.mobile .width-11 {
  width: 1.1rem;
}

.width-12 {
  width: 12px;
}

.wrap.mobile .width-12 {
  width: 1.2rem;
}

.width-13 {
  width: 13px;
}

.wrap.mobile .width-13 {
  width: 1.3rem;
}

.width-14 {
  width: 14px;
}

.wrap.mobile .width-14 {
  width: 1.4rem;
}

.width-15 {
  width: 15px;
}

.wrap.mobile .width-15 {
  width: 1.5rem;
}

.width-16 {
  width: 16px;
}

.wrap.mobile .width-16 {
  width: 1.6rem;
}

.width-17 {
  width: 17px;
}

.wrap.mobile .width-17 {
  width: 1.7rem;
}

.width-18 {
  width: 18px;
}

.wrap.mobile .width-18 {
  width: 1.8rem;
}

.width-19 {
  width: 19px;
}

.wrap.mobile .width-19 {
  width: 1.9rem;
}

.width-20 {
  width: 20px;
}

.wrap.mobile .width-20 {
  width: 2rem;
}

.width-21 {
  width: 21px;
}

.wrap.mobile .width-21 {
  width: 2.1rem;
}

.width-22 {
  width: 22px;
}

.wrap.mobile .width-22 {
  width: 2.2rem;
}

.width-23 {
  width: 23px;
}

.wrap.mobile .width-23 {
  width: 2.3rem;
}

.width-24 {
  width: 24px;
}

.wrap.mobile .width-24 {
  width: 2.4rem;
}

.width-25 {
  width: 25px;
}

.wrap.mobile .width-25 {
  width: 2.5rem;
}

.width-26 {
  width: 26px;
}

.wrap.mobile .width-26 {
  width: 2.6rem;
}

.width-27 {
  width: 27px;
}

.wrap.mobile .width-27 {
  width: 2.7rem;
}

.width-28 {
  width: 28px;
}

.wrap.mobile .width-28 {
  width: 2.8rem;
}

.width-29 {
  width: 29px;
}

.wrap.mobile .width-29 {
  width: 2.9rem;
}

.width-30 {
  width: 30px;
}

.wrap.mobile .width-30 {
  width: 3rem;
}

.width-31 {
  width: 31px;
}

.wrap.mobile .width-31 {
  width: 3.1rem;
}

.width-32 {
  width: 32px;
}

.wrap.mobile .width-32 {
  width: 3.2rem;
}

.width-33 {
  width: 33px;
}

.wrap.mobile .width-33 {
  width: 3.3rem;
}

.width-34 {
  width: 34px;
}

.wrap.mobile .width-34 {
  width: 3.4rem;
}

.width-35 {
  width: 35px;
}

.wrap.mobile .width-35 {
  width: 3.5rem;
}

.width-36 {
  width: 36px;
}

.wrap.mobile .width-36 {
  width: 3.6rem;
}

.width-37 {
  width: 37px;
}

.wrap.mobile .width-37 {
  width: 3.7rem;
}

.width-38 {
  width: 38px;
}

.wrap.mobile .width-38 {
  width: 3.8rem;
}

.width-39 {
  width: 39px;
}

.wrap.mobile .width-39 {
  width: 3.9rem;
}

.width-40 {
  width: 40px;
}

.wrap.mobile .width-40 {
  width: 4rem;
}

.width-41 {
  width: 41px;
}

.wrap.mobile .width-41 {
  width: 4.1rem;
}

.width-42 {
  width: 42px;
}

.wrap.mobile .width-42 {
  width: 4.2rem;
}

.width-43 {
  width: 43px;
}

.wrap.mobile .width-43 {
  width: 4.3rem;
}

.width-44 {
  width: 44px;
}

.wrap.mobile .width-44 {
  width: 4.4rem;
}

.width-45 {
  width: 45px;
}

.wrap.mobile .width-45 {
  width: 4.5rem;
}

.width-46 {
  width: 46px;
}

.wrap.mobile .width-46 {
  width: 4.6rem;
}

.width-47 {
  width: 47px;
}

.wrap.mobile .width-47 {
  width: 4.7rem;
}

.width-48 {
  width: 48px;
}

.wrap.mobile .width-48 {
  width: 4.8rem;
}

.width-49 {
  width: 49px;
}

.wrap.mobile .width-49 {
  width: 4.9rem;
}

.width-50 {
  width: 50px;
}

.wrap.mobile .width-50 {
  width: 5rem;
}

.width-51 {
  width: 51px;
}

.wrap.mobile .width-51 {
  width: 5.1rem;
}

.width-52 {
  width: 52px;
}

.wrap.mobile .width-52 {
  width: 5.2rem;
}

.width-53 {
  width: 53px;
}

.wrap.mobile .width-53 {
  width: 5.3rem;
}

.width-54 {
  width: 54px;
}

.wrap.mobile .width-54 {
  width: 5.4rem;
}

.width-55 {
  width: 55px;
}

.wrap.mobile .width-55 {
  width: 5.5rem;
}

.width-56 {
  width: 56px;
}

.wrap.mobile .width-56 {
  width: 5.6rem;
}

.width-57 {
  width: 57px;
}

.wrap.mobile .width-57 {
  width: 5.7rem;
}

.width-58 {
  width: 58px;
}

.wrap.mobile .width-58 {
  width: 5.8rem;
}

.width-59 {
  width: 59px;
}

.wrap.mobile .width-59 {
  width: 5.9rem;
}

.width-60 {
  width: 60px;
}

.wrap.mobile .width-60 {
  width: 6rem;
}

.width-70 {
  width: 70px;
}

.wrap.mobile .width-70 {
  width: 7rem;
}
.width-74 {
  width: 74px;
} /* 250523 추가 */
.width-80 {
  width: 80px;
}

.width-85 {
  /*231212 추가*/
  width: 85px !important;
}

.wrap.mobile .width-80 {
  width: 8rem;
}

.width-90 {
  width: 90px;
}

.wrap.mobile .width-90 {
  width: 9rem;
}

.width-96 {
  width: 96px !important;
} /* 250211 추가 */

.width-98 {
  width: 98px !important;
} /* 250212 추가 */
.width-100 {
  width: 100px !important; /*240102 important 추가*/
}

.wrap.mobile .width-100 {
  width: 10rem;
}

.width-110 {
  width: 110px;
}

.wrap.mobile .width-110 {
  width: 11rem;
}

.width-120 {
  width: 120px !important; /*240115 important 추가*/
}

.wrap.mobile .width-120 {
  width: 12rem;
}

.width-130 {
  width: 130px;
}

.wrap.mobile .width-130 {
  width: 13rem;
}

.width-135 {
  width: 135px !important;
}

.width-140 {
  width: 140px !important; /*240102 important 추가*/
}

.wrap.mobile .width-140 {
  width: 14rem;
}

.width-150 {
  width: 150px;
}

.wrap.mobile .width-150 {
  width: 15rem;
}

.width-160 {
  width: 160px;
}

.wrap.mobile .width-160 {
  width: 16rem;
}

.width-165 {
  /* 231222 추가*/
  width: 165px;
}

.width-170 {
  width: 170px;
}

.wrap.mobile .width-170 {
  width: 17rem;
}
.width-178 {
  width: 178px;
} /* 250526 추가 */

.width-180 {
  width: 180px;
}

.wrap.mobile .width-180 {
  width: 18rem;
}

.width-190 {
  width: 190px;
}

.wrap.mobile .width-190 {
  width: 19rem;
}

.width-200 {
  width: 200px;
}

.wrap.mobile .width-200 {
  width: 20rem;
}

.width-210 {
  width: 210px;
}

.wrap.mobile .width-210 {
  width: 21rem;
}

.width-220 {
  width: 220px;
}

.wrap.mobile .width-220 {
  width: 22rem;
}

.width-230 {
  width: 230px;
}

.wrap.mobile .width-230 {
  width: 23rem;
}

.width-240 {
  width: 240px !important;
} /* 250211 important 추가 */

.wrap.mobile .width-240 {
  width: 24rem;
}

.width-250 {
  width: 250px;
}

.wrap.mobile .width-250 {
  width: 25rem;
}

.width-260 {
  width: 260px;
}

.wrap.mobile .width-260 {
  width: 26rem;
}

.width-270 {
  width: 270px;
}

.wrap.mobile .width-270 {
  width: 27rem;
}

.width-280 {
  width: 280px;
}

.wrap.mobile .width-280 {
  width: 28rem;
}

.width-290 {
  width: 290px;
}

.wrap.mobile .width-290 {
  width: 29rem;
}

.width-300 {
  width: 300px;
}

.wrap.mobile .width-300 {
  width: 30rem;
}

.width-310 {
  width: 310px;
}

.wrap.mobile .width-310 {
  width: 31rem;
}

.width-312 {
  width: 312px;
} /* 250214 추가 */

.width-314 {
  width: 314px;
} /* 250214 추가 */

.width-320 {
  width: 320px;
}

.wrap.mobile .width-320 {
  width: 32rem;
}

.width-330 {
  width: 330px;
}

.wrap.mobile .width-330 {
  width: 33rem;
}

.width-340 {
  width: 340px;
}

.wrap.mobile .width-340 {
  width: 34rem;
}

.width-350 {
  width: 350px;
}

.wrap.mobile .width-350 {
  width: 35rem;
}

.width-360 {
  width: 360px;
}

.wrap.mobile .width-360 {
  width: 36rem;
}

.width-370 {
  width: 370px;
}

.wrap.mobile .width-370 {
  width: 37rem;
}

.width-376 {
  width: 376px !important;
} /* 250211 추가 */

.width-380 {
  width: 380px;
}

.wrap.mobile .width-380 {
  width: 38rem;
}

.width-390 {
  width: 390px;
}

.wrap.mobile .width-390 {
  width: 39rem;
}

.width-400 {
  width: 400px;
}

.wrap.mobile .width-400 {
  width: 40rem;
}

.width-410 {
  width: 410px;
}

.wrap.mobile .width-410 {
  width: 41rem;
}

.width-420 {
  width: 420px;
}

.wrap.mobile .width-420 {
  width: 42rem;
}

.width-430 {
  width: 430px;
}

.wrap.mobile .width-430 {
  width: 43rem;
}

.width-440 {
  width: 440px;
}

.wrap.mobile .width-440 {
  width: 44rem;
}

.width-450 {
  width: 450px;
}

.wrap.mobile .width-450 {
  width: 45rem;
}

.width-460 {
  width: 460px;
}

.wrap.mobile .width-460 {
  width: 46rem;
}

.width-470 {
  width: 470px;
}

.wrap.mobile .width-470 {
  width: 47rem;
}

.width-480 {
  width: 480px;
}

.wrap.mobile .width-480 {
  width: 48rem;
}

.width-490 {
  width: 490px;
}

.wrap.mobile .width-490 {
  width: 49rem;
}

.width-148 {
  width: 148px;
}

.height-1 {
  height: 1px;
}

.wrap.mobile .height-1 {
  height: 0.1rem;
}

.height-2 {
  height: 2px;
}

.wrap.mobile .height-2 {
  height: 0.2rem;
}

.height-3 {
  height: 3px;
}

.wrap.mobile .height-3 {
  height: 0.3rem;
}

.height-4 {
  height: 4px;
}

.wrap.mobile .height-4 {
  height: 0.4rem;
}

.height-5 {
  height: 5px;
}

.wrap.mobile .height-5 {
  height: 0.5rem;
}

.height-6 {
  height: 6px;
}

.wrap.mobile .height-6 {
  height: 0.6rem;
}

.height-7 {
  height: 7px;
}

.wrap.mobile .height-7 {
  height: 0.7rem;
}

.height-8 {
  height: 8px;
}

.wrap.mobile .height-8 {
  height: 0.8rem;
}

.height-9 {
  height: 9px;
}

.wrap.mobile .height-9 {
  height: 0.9rem;
}

.height-10 {
  height: 10px;
}

.wrap.mobile .height-10 {
  height: 1rem;
}

.height-11 {
  height: 11px;
}

.wrap.mobile .height-11 {
  height: 1.1rem;
}

.height-12 {
  height: 12px;
}

.wrap.mobile .height-12 {
  height: 1.2rem;
}

.height-13 {
  height: 13px;
}

.wrap.mobile .height-13 {
  height: 1.3rem;
}

.height-14 {
  height: 14px;
}

.wrap.mobile .height-14 {
  height: 1.4rem;
}

.height-15 {
  height: 15px;
}

.wrap.mobile .height-15 {
  height: 1.5rem;
}

.height-16 {
  height: 16px;
}

.wrap.mobile .height-16 {
  height: 1.6rem;
}

.height-17 {
  height: 17px;
}

.wrap.mobile .height-17 {
  height: 1.7rem;
}

.height-18 {
  height: 18px;
}

.wrap.mobile .height-18 {
  height: 1.8rem;
}

.height-19 {
  height: 19px;
}

.wrap.mobile .height-19 {
  height: 1.9rem;
}

.height-20 {
  height: 20px;
}

.wrap.mobile .height-20 {
  height: 2rem;
}

.height-21 {
  height: 21px;
}

.wrap.mobile .height-21 {
  height: 2.1rem;
}

.height-22 {
  height: 22px;
}

.wrap.mobile .height-22 {
  height: 2.2rem;
}

.height-23 {
  height: 23px;
}

.wrap.mobile .height-23 {
  height: 2.3rem;
}

.height-24 {
  height: 24px;
}

.wrap.mobile .height-24 {
  height: 2.4rem;
}

.height-25 {
  height: 25px;
}

.wrap.mobile .height-25 {
  height: 2.5rem;
}

.height-26 {
  height: 26px;
}

.wrap.mobile .height-26 {
  height: 2.6rem;
}

.height-27 {
  height: 27px;
}

.wrap.mobile .height-27 {
  height: 2.7rem;
}

.height-28 {
  height: 28px;
}

.wrap.mobile .height-28 {
  height: 2.8rem;
}

.height-29 {
  height: 29px;
}

.wrap.mobile .height-29 {
  height: 2.9rem;
}

.height-30 {
  height: 30px;
}

.wrap.mobile .height-30 {
  height: 3rem;
}

.height-31 {
  height: 31px;
}

.wrap.mobile .height-31 {
  height: 3.1rem;
}

.height-32 {
  height: 32px !important; /*240229 important 추가*/
}

.wrap.mobile .height-32 {
  height: 3.2rem;
}

.height-33 {
  height: 33px;
}

.wrap.mobile .height-33 {
  height: 3.3rem;
}

.height-34 {
  height: 34px;
}

.wrap.mobile .height-34 {
  height: 3.4rem;
}

.height-35 {
  height: 35px;
}

.wrap.mobile .height-35 {
  height: 3.5rem;
}

.height-36 {
  height: 36px;
}

.wrap.mobile .height-36 {
  height: 3.6rem;
}

.height-37 {
  height: 37px;
}

.wrap.mobile .height-37 {
  height: 3.7rem;
}

.height-38 {
  height: 38px;
}

.wrap.mobile .height-38 {
  height: 3.8rem;
}

.height-39 {
  height: 39px;
}

.wrap.mobile .height-39 {
  height: 3.9rem;
}

.height-40 {
  height: 40px;
}

.wrap.mobile .height-40 {
  height: 4rem;
}

.height-41 {
  height: 41px;
}

.wrap.mobile .height-41 {
  height: 4.1rem;
}

.height-42 {
  height: 42px;
}

.wrap.mobile .height-42 {
  height: 4.2rem;
}

.height-43 {
  height: 43px;
}

.wrap.mobile .height-43 {
  height: 4.3rem;
}

.height-44 {
  height: 44px;
}

.wrap.mobile .height-44 {
  height: 4.4rem;
}

.height-45 {
  height: 45px;
}

.wrap.mobile .height-45 {
  height: 4.5rem;
}

.height-46 {
  height: 46px;
}

.wrap.mobile .height-46 {
  height: 4.6rem;
}

.height-47 {
  height: 47px;
}

.wrap.mobile .height-47 {
  height: 4.7rem;
}

.height-48 {
  height: 48px;
}

.wrap.mobile .height-48 {
  height: 4.8rem;
}

.height-49 {
  height: 49px;
}

.wrap.mobile .height-49 {
  height: 4.9rem;
}

.height-50 {
  height: 50px;
}

.wrap.mobile .height-50 {
  height: 5rem;
}

.height-51 {
  height: 51px;
}

.wrap.mobile .height-51 {
  height: 5.1rem;
}

.height-52 {
  height: 52px;
}

.wrap.mobile .height-52 {
  height: 5.2rem;
}

.height-53 {
  height: 53px;
}

.wrap.mobile .height-53 {
  height: 5.3rem;
}

.height-54 {
  height: 54px;
}

.wrap.mobile .height-54 {
  height: 5.4rem;
}

.height-55 {
  height: 55px;
}

.wrap.mobile .height-55 {
  height: 5.5rem;
}

.height-56 {
  height: 56px;
}

.wrap.mobile .height-56 {
  height: 5.6rem;
}

.height-57 {
  height: 57px;
}

.wrap.mobile .height-57 {
  height: 5.7rem;
}

.height-58 {
  height: 58px;
}

.wrap.mobile .height-58 {
  height: 5.8rem;
}

.height-59 {
  height: 59px;
}

.wrap.mobile .height-59 {
  height: 5.9rem;
}

.height-60 {
  height: 60px;
}

.wrap.mobile .height-60 {
  height: 6rem;
}

.height-70 {
  height: 70px;
}

.wrap.mobile .height-70 {
  height: 7rem;
}

.height-80 {
  height: 80px;
}

.wrap.mobile .height-80 {
  height: 8rem;
}

.height-90 {
  height: 90px;
}

.wrap.mobile .height-90 {
  height: 9rem;
}

.height-100 {
  height: 100px;
}

.wrap.mobile .height-100 {
  height: 10rem;
}

.height-110 {
  height: 110px;
}

.wrap.mobile .height-110 {
  height: 11rem;
}

.height-120 {
  height: 120px;
}

.wrap.mobile .height-120 {
  height: 12rem;
}

.height-130 {
  height: 130px;
}

.wrap.mobile .height-130 {
  height: 13rem;
}

.height-140 {
  height: 140px;
}

.wrap.mobile .height-140 {
  height: 14rem;
}

.height-150 {
  height: 150px;
}

.wrap.mobile .height-150 {
  height: 15rem;
}

.height-160 {
  height: 160px;
}

.wrap.mobile .height-160 {
  height: 16rem;
}

.height-170 {
  height: 170px;
}

.wrap.mobile .height-170 {
  height: 17rem;
}

.height-180 {
  height: 180px;
}

.wrap.mobile .height-180 {
  height: 18rem;
}

.height-190 {
  height: 190px;
}

.wrap.mobile .height-190 {
  height: 19rem;
}

.height-200 {
  height: 200px;
}

.wrap.mobile .height-200 {
  height: 20rem;
}

.height-210 {
  height: 210px;
}

.wrap.mobile .height-210 {
  height: 21rem;
}

.height-220 {
  height: 220px;
}

.wrap.mobile .height-220 {
  height: 22rem;
}

.height-230 {
  height: 230px;
}

.wrap.mobile .height-230 {
  height: 23rem;
}

.height-240 {
  height: 240px;
}

.wrap.mobile .height-240 {
  height: 24rem;
}

.height-250 {
  height: 250px;
}

.wrap.mobile .height-250 {
  height: 25rem;
}

.height-260 {
  height: 260px;
}

.wrap.mobile .height-260 {
  height: 26rem;
}

.height-270 {
  height: 270px;
}

.wrap.mobile .height-270 {
  height: 27rem;
}

.height-280 {
  height: 280px;
}

.wrap.mobile .height-280 {
  height: 28rem;
}

.height-290 {
  height: 290px;
}

.wrap.mobile .height-290 {
  height: 29rem;
}

.height-300 {
  height: 300px;
}

.wrap.mobile .height-300 {
  height: 30rem;
}

.height-310 {
  height: 310px;
}

.wrap.mobile .height-310 {
  height: 31rem;
}

.height-320 {
  height: 320px;
}

.wrap.mobile .height-320 {
  height: 32rem;
}

.height-330 {
  height: 330px;
}

.wrap.mobile .height-330 {
  height: 33rem;
}

.height-340 {
  height: 340px;
}

.wrap.mobile .height-340 {
  height: 34rem;
}

.height-350 {
  height: 350px;
}

.wrap.mobile .height-350 {
  height: 35rem;
}

.height-360 {
  height: 360px;
}

.wrap.mobile .height-360 {
  height: 36rem;
}

.height-370 {
  height: 370px;
}

.wrap.mobile .height-370 {
  height: 37rem;
}

.height-380 {
  height: 380px;
}

.wrap.mobile .height-380 {
  height: 38rem;
}

.height-390 {
  height: 390px;
}

.wrap.mobile .height-390 {
  height: 39rem;
}

.height-400 {
  height: 400px;
}

.wrap.mobile .height-400 {
  height: 40rem;
}

.height-410 {
  height: 410px;
}

.wrap.mobile .height-410 {
  height: 41rem;
}

.height-420 {
  height: 420px;
}

.wrap.mobile .height-420 {
  height: 42rem;
}

.height-430 {
  height: 430px;
}

.wrap.mobile .height-430 {
  height: 43rem;
}

.height-440 {
  height: 440px;
}

.wrap.mobile .height-440 {
  height: 44rem;
}

.height-450 {
  height: 450px;
}

.wrap.mobile .height-450 {
  height: 45rem;
}

.height-460 {
  height: 460px;
}

.wrap.mobile .height-460 {
  height: 46rem;
}

.height-470 {
  height: 470px;
}

.wrap.mobile .height-470 {
  height: 47rem;
}

.height-480 {
  height: 480px;
}

.wrap.mobile .height-480 {
  height: 48rem;
}

.height-490 {
  height: 490px;
}

.height-840 {
  height: 840px; /*240613 추가*/
}

.wrap.mobile .height-490 {
  height: 49rem;
}

.width-auto {
  width: auto !important;
}
.width-full {
  width: 100%; /*240621 important 삭제*/
}
.width-half {
  width: 50%;
}
.width-triple {
  width: 33.3333%;
}
.width-206 {
  width: 206px;
}
.width-205 {
  width: 205px;
}
.width-192 {
  width: 192px;
}
.width-168 {
  width: 168px !important;
} /* 250611 !important 추가 */
.width-124 {
  /*240227 추가*/
  width: 124px;
}
.width-125 {
  width: 125px;
}
.width-112 {
  width: 125px;
}
.width-86 {
  width: 86px;
}

.height-115 {
  height: 115px;
}
.height-full {
  height: 100%;
}

.margin-l-3-minus {
  margin-left: -1px !important;
}

.gap-0 {
  gap: 0px !important;
} /* 250605 추가 */
.gap-1 {
  gap: 1px;
}

.gap-2 {
  gap: 2px;
}

.gap-3 {
  gap: 3px;
}

.gap-4 {
  gap: 4px;
}

.gap-5 {
  gap: 5px;
}

.gap-6 {
  gap: 6px !important; /* 250530 추가 */
}

.gap-7 {
  gap: 7px;
}

.gap-8 {
  gap: 8px;
}

.gap-9 {
  gap: 9px;
}

.gap-10 {
  gap: 10px;
}

.gap-11 {
  gap: 11px;
}

.gap-12 {
  gap: 12px;
}

.gap-13 {
  gap: 13px;
}

.gap-14 {
  gap: 14px;
}

.gap-15 {
  gap: 15px;
}

.gap-16 {
  gap: 16px;
}

.gap-17 {
  gap: 17px;
}

.gap-18 {
  gap: 18px;
}

.gap-19 {
  gap: 19px;
}

.gap-20 {
  gap: 20px;
}

.gap-21 {
  gap: 21px;
}

.gap-22 {
  gap: 22px;
}

.gap-23 {
  gap: 23px;
}

.gap-24 {
  gap: 24px;
}

.gap-25 {
  gap: 25px;
}

.gap-26 {
  gap: 26px;
}

.gap-27 {
  gap: 27px;
}

.gap-28 {
  gap: 28px;
}

.gap-29 {
  gap: 29px;
}

.gap-30 {
  gap: 30px;
}

.gap-31 {
  gap: 31px;
}

.gap-32 {
  gap: 32px;
}

.gap-33 {
  gap: 33px;
}

.gap-34 {
  gap: 34px;
}

.gap-35 {
  gap: 35px;
}

.gap-36 {
  gap: 36px;
}

.gap-37 {
  gap: 37px;
}

.gap-38 {
  gap: 38px;
}

.gap-39 {
  gap: 39px !important;
}

.gap-40 {
  gap: 40px;
}

.gap-41 {
  gap: 41px;
}

.gap-42 {
  gap: 42px;
}

.gap-43 {
  gap: 43px;
}

.gap-44 {
  gap: 44px;
}

.gap-45 {
  gap: 45px;
}

.gap-46 {
  gap: 46px;
}

.gap-47 {
  gap: 47px;
}

.gap-48 {
  gap: 48px !important; /*240206 important 추가*/
}

.gap-49 {
  gap: 49px;
}

.gap-50 {
  gap: 50px;
}

.gap-56 {
  /*240206 추가*/
  gap: 56px !important;
}

.box-inblock {
  display: inline-block;
}

.box-flex {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.flex--column {
  display: flex;
  flex-direction: column !important; /* 250423 !important 추가 */
}
.flex--between {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.flex--fixed {
  flex-shrink: 0;
  flex-grow: 0;
}
.flex--auto {
  flex-shrink: 1;
  flex-grow: 1;
}
.flex--center {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.flex--right {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.flex--start {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.flex--end {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.flex--top {
  display: flex;
  flex-direction: row;
  align-items: flex-start !important;
}
.flex--middle {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.flex--bottom {
  display: flex;
  flex-direction: row;
  align-items: end;
}
.flex--wrap {
  flex-wrap: wrap !important; /*240102 important 추가*/
}
.align--self--center {
  align-self: center !important;
}

.swiper-pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
  margin-top: 28px;
}
.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: rgba(126, 68, 251, 0.3);
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  width: 60px;
  height: 8px;
  margin-top: 2px;
  background-color: #7e44fb;
}

.body__dim {
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0px;
  top: 0px;
  background: #000000;
  opacity: 0.5;
  z-index: 1000;
}

.table--list table thead tr th {
  padding-top: 14px;
  padding-bottom: 14px;
  background-color: #fafafa;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}
.table--list table thead tr th:first-child {
  border-radius: 10px 0 0 10px;
}
.table--list table thead tr th:last-child {
  border-radius: 0 10px 10px 0;
}
.table--list table thead tr th.padding-l-84 {
  padding-left: 84px;
}
.table--list table thead.rows tr.next--tr th {
  padding-top: 0px;
}
.table--list table thead.rows tr:first-child th:first-child {
  border-radius: 10px 0 0 10px;
}
.table--list table thead.rows tr:first-child th:last-child {
  border-radius: 0 10px 0 0;
}
.table--list table thead.rows tr:last-child th:last-child {
  border-radius: 0 0 10px 0;
}
.table--list table thead.rows tr th:first-child {
  border-radius: 10px 0 0 10px;
}
.table--list table thead.rows tr th.no-first {
  border-radius: 0;
}
.table--list table thead.rows tr th.no-last {
  border-radius: 0 !important;
}
.table--list table thead.rows tr th.is-last {
  border-radius: 0 10px 10px 0;
}
.table--list table tbody tr td {
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 16px;
  text-align: center;
  border-bottom: 1px solid #d9d9d9;
}
.table--list table tbody tr td.empty {
  padding-top: 23px;
  padding-bottom: 0;
  border-bottom: none;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
}
.table--list table tbody tr td.f-left {
  text-align: left;
}
.table--list table tbody tr td.td-title {
  position: relative;
}
.table--list table tbody tr td.td-title .td-title--text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 100%;
  color: #000000;
  font-weight: 700;
}
.table--list table tbody tr td.td-title .td-title--text strong {
  font-weight: 800;
}
.table--list table tbody tr td.td-title.has--icon .td-title--text,
.table--list table tbody tr td.td-title.has--icon .td-title--icon {
  vertical-align: top;
}
.table--list table tbody tr td.td-title.has--icon .td-title--text {
  max-width: calc(100% - 30px);
}
.table--list
  table
  tbody
  tr
  td.td-title.has--icon
  .td-title--text
  + .td-title--icon {
  margin-left: 2px;
}
.table--list table tbody tr td.td-title.has--icon .td-title--icon {
  width: 18px;
  height: 18px;
  margin-right: 2px;
  opacity: 0.5;
}
.table--list table tbody tr td.td-title.has--icon .state-bbs {
  position: absolute;
  left: 0;
}
.table--list table tbody tr td strong {
  font-weight: 700;
}
.table--list table tbody tr td.td-clean {
  padding: 0;
  height: auto;
}
.table--list table tbody tr td .button-tag {
  flex-shrink: 0;
  flex-grow: 0;
  padding: 5px 15px;
  letter-spacing: -0.04em;
}
.table--list.tr-80 table tbody tr td {
  padding-top: 22px;
  padding-bottom: 22px;
  height: 88px;
}
.table--list.tr-80 table tbody tr td.td-clean {
  padding: 0;
  height: auto;
}
.table--list.type--hover table tbody tr {
  cursor: pointer;
}
.table--list.type--hover table tbody tr:hover:not(.active) td,
.table--list.type--hover table tbody tr:hover:not(.active) td .f-black-100 {
  color: #7e44fb;
}
.table--list.type--hover table tbody tr.active p {
  background: rgba(126, 68, 251, 0.1);
}
.table--list.type--hover table tbody tr.active td {
  font-weight: 700;
}
.table--list.type--hover table tbody tr.active td,
.table--list.type--hover table tbody tr.active td .f-black-100 {
  color: #7e44fb;
}
.table--list.type--hover table tbody tr td {
  padding-top: 8px;
  padding-bottom: 8px;
}
.table--list.type--hover table tbody tr td p {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.table--list.type--hover table tbody tr td:first-child p {
  border-radius: 10px 0 0 10px;
}
.table--list.type--hover table tbody tr td:last-child p {
  border-radius: 0 10px 10px 0;
}
.table--list.thead--no-bg table thead tr th {
  background-color: #ffffff;
  border-bottom: 1.5px solid #d9d9d9;
  font-size: 18px;
  line-height: 20px;
}
.table--list.thead--space-l table thead th {
  padding-top: 20px;
  padding-bottom: 20px;
}
.table--list + .pagenavi--box {
  margin-top: 32px;
  margin-bottom: 32px;
}
.table--list + .pagenavi--box:last-child {
  margin-bottom: 0;
}
.table--list.is--scroll-x {
  overflow: hidden;
  overflow-x: auto;
}
.table--list.is--scroll-x > .tbody tr:last-child .tooltip--box {
  top: auto;
  bottom: calc(100% + 14px);
}
.table--list.is--scroll-x > .tbody tr:last-child .tooltip--box-inner::before,
.table--list.is--scroll-x > .tbody tr:last-child .tooltip--box-inner::after {
  transform: translate(-50%, 100%);
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: 1px;
}
.table--list.is--scroll-y .table--list__thead {
  margin-right: 24px;
  margin-left: 24px;
}
.table--list.is--scroll-y .table--list__tbody {
  overflow: hidden;
  overflow-y: auto;
  overflow-y: overlay;
  padding-right: 24px;
  padding-left: 24px;
  margin-right: 14px;
  margin-left: 14px;
}
.table--list > .tbody {
  position: relative;
  width: fit-content;
}
.table--list > .tbody::before,
.table--list > .tbody::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 100%;
  top: 0;
  background-color: #ffffff;
  z-index: 5;
}
.table--list > .tbody::before {
  left: 0;
}
.table--list > .tbody::after {
  right: 0;
}
.table--edit table tbody tr th {
  vertical-align: middle;
  color: #341761;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  line-height: 18px;
}
.table--edit table tbody tr th.is--top {
  vertical-align: top;
}
.table--edit table tbody tr th.is--top.lh--large {
  line-height: 60px;
}
.table--edit table tbody tr th.is--top.lh--normal {
  line-height: 44px;
}
.table--edit table tbody tr th.is--top.lh--small {
  line-height: 40px;
}
.table--edit table tbody tr th.lh--66 {
  line-height: 66px;
}
.table--edit table tbody tr:not(:first-child) th,
.table--edit table tbody tr:not(:first-child) td {
  padding-top: 16px;
}
.table--info {
  border: 1px solid #d9d9d9;
  border-radius: 10px;
}
.table--info table thead th {
  background: #f8f9fd;
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-radius: 10px 10px 0 0;
  font-weight: 400;
  padding: 11px;
}
.table--info table thead th:last-child {
  border-right-width: 0;
}
.table--info table tbody tr th,
.table--info table tbody tr td {
  border-bottom: 1px solid #d9d9d9;
}
.table--info table tbody tr th {
  vertical-align: middle;
  color: #341761;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  line-height: 18px;
  background: #f8f9fd;
  border-right: 1px solid #d9d9d9;
  padding: 0 32px;
  border-radius: 10px 0 0 10px;
}
.table--info table tbody tr td {
  padding: 16px 18px;
  font-size: 14px;
  line-height: 22px;
  border-right: 1px solid #d9d9d9;
  background-color: #ffffff;
  border-radius: 0 0 10px 10px;
  word-break: keep-all;
}
.table--info table tbody tr td:last-child {
  border-right-width: 0;
}
.table--info table tbody tr:last-child th,
.table--info table tbody tr:last-child td {
  border-bottom-width: 0;
}
.table--setting {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.table--setting.is--between {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.table--setting.is--center {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.table--setting.is--end {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.table--setting button:not([class^="dropdown-"]) {
  font-size: 18px;
}
.table--setting button:not([class^="dropdown-"]) .before {
  margin-right: 4px;
}
.table--setting + .thead-no-bg {
  margin-top: 4px;
}
.table--title {
  font-weight: 800;
  font-size: 18px;
  line-height: 20px;
  color: #000000;
}
.table--title + .table--list {
  margin-top: 24px;
}

.box-border__gray {
  border: 1px solid #d9d9d9;
  border-radius: 16px;
}

.box-bg__gray {
  background-color: #f3f3f3;
  border-radius: 6px;
}
.box-bg__grayf6 {
  background-color: #f6f6f6;
  border-radius: 16px;
}
.box-bg__graye1 {
  /* 240828 추가 */
  background-color: #e1e6f5;
  border: 1px solid #c9cdda;
  border-radius: 8px;
}
.box-bg__lightgray {
  background-color: #f8f9fd;
  border-radius: 16px;
}
.box-bg__white {
  background-color: #ffffff;
  border-radius: 20px;
}
.box-bg__white.has--shadow {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.box-bg__white.has--line {
  border: 1px solid rgba(0, 0, 0, 0.16);
}
.box-bg__intitle {
  font-weight: 700;
  font-size: 40px;
  line-height: 45px;
  color: #000000;
  text-align: center;
}

.box-grid {
  flex-wrap: wrap;
  max-width: 100%;
}
.box-grid .cell-01 {
  width: calc(8.3333333333% - 22px);
}
.box-grid .cell-02 {
  width: calc(16.6666666667% - 20px);
}
.box-grid .cell-03 {
  width: calc(25% - 18px);
}
.box-grid .cell-04 {
  width: calc(33.3333333333% - 16px);
}
.box-grid .cell-05 {
  width: calc(41.6666666667% - 14px);
}
.box-grid .cell-06 {
  width: calc(50% - 12px);
}
.box-grid .cell-07 {
  width: calc(58.3333333333% - 10px);
}
.box-grid .cell-08 {
  width: calc(66.6666666667% - 8px);
}
.box-grid .cell-09 {
  width: calc(75% - 6px);
}
.box-grid .cell-10 {
  width: calc(83.3333333333% - 4px);
}
@media (max-width: 1199px) {
  .box-grid .cell-10 {
    width: 100%;
  }
}
.box-grid .cell-11 {
  width: calc(91.6666666667% - 2px);
}
@media (max-width: 1199px) {
  .box-grid .cell-11 {
    width: 100%;
  }
}
.box-grid .cell-12 {
  width: calc(100% - 0px);
}
@media (max-width: 1199px) {
  .box-grid .cell-12 {
    width: 100%;
  }
}

.radius-4 {
  border-radius: 4px;
}
.radius-6 {
  border-radius: 6px;
}
.radius-8 {
  border-radius: 8px;
}
.radius-20 {
  border-radius: 20px;
}

.tooltip--box {
  position: absolute;
  display: none;
  left: 50%;
  transform: translateX(-50%);
  will-change: filter; /* 250324 추가 */
  filter: drop-shadow(0px 4px 4px #000000);
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1));
  z-index: 15;
}
.tooltip--box-inner {
  position: relative;
  min-width: 146px;
}
.tooltip--box-inner::after,
.tooltip--box-inner::before {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  margin-top: 1px;
  top: 0;
  left: 66px;
  transform: translateY(-100%) rotate(180deg);
  content: "";
}
.tooltip--box-inner::after {
  border-width: 11px 7px 0 7px;
  border-color: #ffffff transparent transparent transparent;
  border-style: solid;
  z-index: 15;
}
.tooltip--box-inner::before {
  margin-left: -1px;
  border-width: 12.68px 8.68px 0 8.68px;
  border-color: rgba(0, 0, 0, 0.2) transparent transparent transparent;
  border-style: solid;
  z-index: 10;
}
.tooltip--box-text {
  position: relative;
  background: #ffffff;
  padding: 11px 24px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  white-space: nowrap;
  z-index: 7;
}
.tooltip--box-text.text-line {
  white-space: normal;
}
.tooltip--box-text strong {
  font-weight: 700;
}
.tooltip--box-wrap {
  vertical-align: middle;
  position: relative;
  display: inline-block;
  max-width: 100%;
  margin-top: -1px;
  line-height: 1;
  color: inherit;
}
.tooltip--box-wrap .tooltip--box {
  display: none;
  top: calc(100% + 8px);
  margin-left: 1px;
}
.tooltip--box-wrap .tooltip--box:not(.arrow--center):not(.arrow--right) {
  left: -64px;
  transform: translateX(0);
}
.tooltip--box-wrap .tooltip--button {
  cursor: pointer;
}
.tooltip--box-wrap .tooltip--button .f-12 {
  padding-top: 2px;
}
@media (min-width: 1200px) {
  /* 250728 태블릿 화면 hover 제외 */
  .tooltip--box-wrap .tooltip--button:hover + .tooltip--box{
  display: block;
  }
}
/* 250728 태블릿 화면 hover 제외
.tooltip--box-wrap .tooltip--button:hover + .tooltip--box, */
.tooltip--box-wrap .tooltip--button.open + .tooltip--box {
  display: block;
}
.tooltip--box-wrap .tooltip--button.type--hover {
  cursor: pointer;
}
.tooltip--box-wrap .tooltip--button.type--hover .tooltip--box {
  display: none;
}
.tooltip--box-wrap .tooltip--button.type--hover:hover + .tooltip--box {
  display: block;
}
.tooltip--box-wrap .tooltip--button.type--ico {
  line-height: 24px;
  background-size: auto 18px;
  background-image: url("../images/ico/arrow-next-black.svg");
  background-repeat: no-repeat;
  padding-right: 20px;
  background-position-x: 100%;
  background-position-y: calc(100% - 3px);
}
.tooltip--box-wrap .tooltip--button.button-icon:hover:not(.dim):not(:disabled),
.tooltip--box-wrap .tooltip--button.button-icon:hover.hover {
  background-color: transparent;
}
.tooltip--box-wrap .clone {
  position: fixed;
  display: block !important;
  top: 0;
  left: 0;
  max-height: 100% !important;
  text-overflow: inherit !important;
  overflow: inherit !important;
}
.tooltip--box-wrap.is--ellipsis {
  font-size: 0;
}
.tooltip--box-wrap.is--ellipsis .tooltip--button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.tooltip--box-wrap.is--ellipsis a {
  display: inline-block;
  color: #000000;
}
.tooltip--box-wrap.is--ellipsis .tooltip--box.hide {
  display: none;
  visibility: hidden;
}
.tooltip--box-wrap.is--ellipsis.is--line2 .tooltip--button {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
}
.tooltip--box-wrap.cursor--default .tooltip--button {
  cursor: default;
}
.tooltip--box.shadow--none .tooltip--box-text .tooltip--box-inner::before {
  box-shadow: none;
}
.tooltip--box.is--up .tooltip--box-inner::before,
.tooltip--box.is--up .tooltip--box-inner::after {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: 1px;
  transform: translateY(100%);
}
.tooltip--box.is--up.arrow--center .tooltip--box-inner::after,
.tooltip--box.is--up.arrow--center .tooltip--box-inner::before {
  transform: translate(-50%, 100%);
}
.tooltip--box.arrow--center .tooltip--box-inner::after,
.tooltip--box.arrow--center .tooltip--box-inner::before {
  left: 50%;
  transform: translate(-50%, -100%) rotate(180deg);
}
.tooltip--box.arrow--center .tooltip--box-inner::before {
  margin-left: 0;
}
.tooltip--box.arrow--right {
  right: -64px;
  left: auto;
  transform: none;
}
.tooltip--box.arrow--right .tooltip--box-inner::after,
.tooltip--box.arrow--right .tooltip--box-inner::before {
  left: auto;
  right: 66px;
  transform: translateY(-100%) rotate(180deg);
}
.tooltip--box.arrow--right .tooltip--box-inner::before {
  margin-left: 0;
  margin-right: -1px;
}
.tooltip--box.is--violet .tooltip--box-inner::after {
  border-color: #7e44fb transparent transparent transparent;
}
.tooltip--box.is--violet .tooltip--box-inner::before {
  display: none;
}
.tooltip--box.is--violet .tooltip--box-text {
  padding: 9px 24px;
  border-color: #7e44fb;
  background-color: #7e44fb;
  border-radius: 40px;
  color: #ffffff;
}
.tooltip--box.width-310 {
  width: 310px;
}
.tooltip--box.width-310 .tooltip--box-text {
  padding-left: 19px;
  padding-right: 19px;
}
.tooltip--box.is--round .tooltip--box-inner::before {
  display: none;
}
.tooltip--box.is--round .tooltip--box-text {
  border: none;
  padding-right: 16px;
  padding-left: 16px;
  border-radius: 50px;
}
.tooltip--box.is--small .tooltip--box-text {
  padding: 10px 23px;
}
.tooltip--box.title-aitest:not(.arrow--center):not(.arrow--right) {
  top: calc(100% + 12px);
  left: -143px;
}
.tooltip--box.title-aitest .tooltip--box-inner::after,
.tooltip--box.title-aitest .tooltip--box-inner::before {
  left: 149px;
}

.box--search {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.box--search .dropdown--area:not([class*="width"]) {
  flex-shrink: 0;
  flex-grow: 0;
  width: 168px;
}
.box--search .dropdown--area[class*="width"]:not(.width-full) {
  flex-shrink: 0;
}
.box--search .input-box--text {
  font-size: 16px;
}
.box--search .button-main:not([class*="width"]) {
  flex-shrink: 0;
  flex-grow: 0;
  width: 98px;
}
.box--search .button-main[class*="width"]:not(.width-full) {
  flex-shrink: 0;
}

.box--edit {
  padding: 24px;
  margin-bottom: 24px;
  background-color: #ffffff;
  border-radius: 20px;
}
.box--edit:first-child {
  margin-top: 86px;
}
.layer-area .box--edit:first-child {
  margin-top: 0px;
}
.layer-area.is__small .box--edit:first-child {
  padding-top: 0px;
}
.layer-area .box--edit {
  margin-bottom: 0px;
  padding-bottom: 0;
}
.box--edit .box-grid {
  row-gap: 0px;
}
.box--edit .box-grid .box--edit-items + .box--edit-items {
  margin-top: 0;
}
@media (max-width: 1199px) {
  .box--edit .box-grid .box--edit-items + .box--edit-items {
    margin-top: 16px;
  }
}
.box--edit .box--edit-items + .box--edit-items,
.box--edit .box-grid + .box--edit-items {
  margin-top: 16px;
}
.box--edit.is--detail {
  margin-bottom: 56px;
}
.box--edit-title {
  display: flex;
  flex-direction: row;
  position: relative;
  min-height: 30px;
  padding-left: 11px;
  margin-top: 8px;
  margin-bottom: 14px;
  color: #341761;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}
.box--edit-title::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 18px;
  left: 0;
  top: 1px;
  background-color: #341761;
}
.box--edit-title.set--middle {
  align-items: center;
}
.box--edit-title.set--middle::before {
  top: 50%;
  margin-top: -9px;
}
.box--edit-title.set--right {
  justify-content: end;
}
.box--edit-title.set--between {
  justify-content: space-between;
}
.box--edit-title.set--between p.title-text {
  color: #341761;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}
.box--edit-title.has--option {
  align-items: center;
  justify-content: space-between;
}
.box--edit-title.has--option::before {
  top: 50%;
  margin-top: -9px;
}
.box--edit-title.no--bullet {
  padding-left: 0px;
}
.box--edit-title.no--bullet::before {
  display: none;
}
.box--edit-title.no--size {
  min-height: 0px;
}
.box--edit-title--right {
  float: right;
}
.layer-area .box--edit-title:first-child {
  margin-top: 0px;
}
.box--edit-group {
  margin-top: 20px;
}
.box--edit-group .box--edit-title.line--top {
  padding-top: 19px;
  border-top: 1px solid #d9d9d9;
}
.box--edit-group + .box--edit-group .box--edit-title.line--top {
  padding-top: 0;
  border-top: none;
}
.box--edit-file {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 220px;
  height: 155px;
  border: 1px dashed #cfcfcf;
  border-radius: 16px;
  margin-right: 8px;
  background-color: rgba(126, 68, 251, 0.06);
}
.box--edit-file .input-file {
  position: absolute;
  opacity: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 155px;
  height: 40px;
  cursor: pointer;
}
@media (max-width: 1199px) {
  .box--edit-file + .box--edit--info {
    margin-top: 16px;
  }
}
.box--edit-items {
  background: #f6f6f6;
  border-radius: 16px;
  padding: 24px 24px 19px;
}
.box--edit-items + .box--edit--items,
.box--edit-items + .box-grid {
  margin-top: 16px;
}
.box--edit-items + .box--edit-title {
  margin-top: 25px;
}
.box--edit-items.is__box {
  padding: 10px 24px;
}
.box--edit-items.is__inner {
  padding: 0px;
}
.box--edit-items.no--bg {
  padding: 0px;
  background: transparent;
}
.box--edit-items.no--bg dl {
  min-height: 0;
}
.box--edit-items.no--bg dt {
  width: 0;
  height: 0;
  overflow: hidden;
}
.box--edit-items > dl {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 45px;
}
.box--edit-items > dl + dl {
  margin-top: 11px;
}
.box--edit-items > dl + dl.divider {
  padding-top: 23px;
  margin-top: 24px;
  border-top: 1px solid #d9d9d9;
}
.box--edit-items > dl.align--top {
  align-items: flex-start;
}
.box--edit-items > dl.align--top > dt {
  padding-top: 10px;
}
.box--edit-items > dl.align--top > dd {
  align-items: flex-start;
}
.box--edit-items > dl.align--left {
  justify-content: flex-start;
}
.box--edit-items > dl.is--thide dt {
  width: 0;
  font-size: 0;
}
.box--edit-items > dl > dt {
  width: 125px;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  color: #341761;
  flex-shrink: 0;
  padding-bottom: 5px;
  min-height: 45px;
  padding-top: 12px;
}
.box--edit-items > dl > dt .req {
  color: #fa4225;
}
.box--edit-items > dl > dt.width-135 {
  width: 135px;
}
.box--edit-items > dl > dd {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
  font-size: 16px;
  line-height: 18px;
  color: #000000;
}
.box--edit-items > dl > dd.is--full {
  flex-wrap: nowrap;
}
.box--edit-items > dl > dd.flex--column {
  flex-direction: column;
}
.box--edit-items > dl > dd input.input-box--text {
  font-size: 16px;
}
.box--edit-items > dl > dd .input--box .input--number {
  min-width: 17px;
  font-size: 20px;
}
@media (max-width: 1199px) {
  .box--edit-items > dl > dd.is--tablet-row {
    flex-wrap: wrap;
  }
}
.box--edit-items .input-radio + .input-radio:not(.width-full) {
  margin-left: 43px;
}
.box--edit-items .input-check {
  margin-bottom: 5px;
}
.box--edit-items .dropdown--area:not(.width-full):not([class*="width"]) {
  width: 205px;
}
@media (max-width: 1199px) {
  .box--edit-items .dropdown--area:not(.width-full):not([class*="width"]) {
    width: auto;
    min-width: inherit;
    flex-shrink: 1;
  }
}
.box--edit-items .dropdown--area[class*="width"]:not(.width-full) {
  flex-shrink: 0;
}
.box--edit-group + .box--edit-title {
  margin-top: 25px;
}
.box--edit-info {
  margin-left: 16px;
}
.box--edit-info P + p {
  margin-top: 7px;
}
.box--edit-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  flex-shrink: 0;
  color: #0d0d0d;
}
.box--edit.is--commit {
  text-align: center;
  padding: 48px 24px;
}
.box--edit.is--commit .input--text {
  font-size: 14px;
}
.box--edit.is--commit .page__button {
  margin-top: 42px;
}
.box--edit.is--commit button {
  height: 42px;
}
@media (max-width: 1199px) {
  .box--edit.is--commit {
    text-align: left;
  }
}
.box--edit.box--edit-double {
  justify-content: space-between;
}
.box--edit.box--edit-double dt,
.box--edit.box--edit-double dd {
  width: auto;
}
@media (max-width: 1199px) {
  .box--edit.box--edit-double dd,
  .box--edit.box--edit-double__cont,
  .box--edit.box--edit-double .dropdown--area {
    flex: 1 1 auto;
  }
  .box--edit.box--edit-double dt {
    width: 125px;
  }
  .box--edit.box--edit-double dd {
    width: 100%;
  }
  .box--edit.box--edit-double .box--edit-text {
    width: 113px;
  }
  .box--edit.box--edit-double .box--edit-double__cont .box--edit-text {
    width: auto;
  }
}
.box--edit.type--make {
  padding: 0;
  background-color: transparent;
}
.box--edit.type--make .box--edit-items {
  background-color: transparent;
  padding: 0;
}
.box--edit.type--make .box--edit-items + .box--edit-items {
  margin-top: 34px;
}
.box--edit.type--make .box--edit-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #ffffff;
  border-radius: 16px;
  min-height: 64px;
  width: 100%;
}
.box--edit.type--make .box--edit-box .input-box--text {
  font-weight: 400;
  font-size: 22px;
  line-height: 25px;
  border-width: 0;
}
.box--edit.type--make dl {
  min-height: 64px;
}
.box--edit.type--make dl > dt {
  width: 96px;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.5);
}
.box--edit.type--make dl > dd {
  flex-wrap: nowrap;
  gap: 16px 24px;
}
.box--edit .dimed {
  opacity: 0.3;
}
@media (max-width: 1199px) {
  .box--edit .input-box {
    flex-shrink: 1;
    flex-grow: 1;
  }
  .box--edit .input-box:not(.width-full) {
    width: auto;
  }
  .box--edit .box-grid .cell-06 {
    width: 100%;
  }
  .box--edit .box-grid .cell-06.cell-xs-06 {
    width: calc(50% - 12px);
    margin-top: 0;
  }
  .box--edit .dropdown--area:not([class*="width"]) {
    min-width: 160px;
  }
}

.reply--item__writer,
.box--detail-file .detail-file--item,
.box--detail-title .detail-title--info .title-info--writer,
.box--detail-title .detail-title--info p,
.box--detail-title .detail-title--info {
  gap: 10px;
}

.box--detail {
  margin-top: 25px;
}
.box--detail-contents {
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 8px;
}
.box--detail-contents.reply {
  margin-top: 24px;
}
.box--detail-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 21px 24px;
  background: #fafafa;
  border-bottom: 1px solid #d9d9d9;
  border-radius: 8px 8px 0px 0px;
}
.box--detail-title .detail-title--text {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 28px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  word-break: break-word; /* 241023 추가 */
}
.box--detail-title .detail-title--text [class^="ico-"] {
  margin-right: 2px;
}
.box--detail-title .detail-title--text .text--word {
  display: inline-block;
  margin-right: 12px;
}
.box--detail-title .detail-title--info {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
  padding-left: 12px;
  min-height: 28px;
}
.box--detail-title .detail-title--info p {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  font-size: 16px;
}
.box--detail-title .detail-title--info p:not(:last-child, .is--last)::after {
  width: 1px;
  height: 13px;
  background-color: rgba(0, 0, 0, 0.3);
  content: "";
}
.box--detail-title .detail-title--info .title-info--category::after {
  margin-left: 2px;
}
.box--detail-title .detail-title--info .title-info--writer {
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
}
.box--detail-title .detail-title--info .title-info--writer .photo {
  width: 28px;
  height: 28px;
  margin-left: 6px;
  border-radius: 28px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.reply .box--detail-title {
  background: #f7f4ff;
}
.box--detail-file {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 27px;
  padding: 18px 24px;
  border-bottom: 1px solid #d9d9d9;
}
.box--detail-file .detail-file--item {
  display: flex;
  flex-direction: row;
  color: #000000;
}
.box--detail-file .detail-file--item .file-item--icon {
  flex-shrink: 0;
  flex-grow: 0;
}
.box--detail-file .detail-file--item .file-item--icon.ico-download-black {
  background-image: url("../images/ico/download-300-black.svg");
}
.box--detail-file .detail-file--item .file-item--name {
  padding: 3px 0;
  font-size: 16px;
  line-height: 18px;
  text-decoration: underline;
}
.box--detail-file .detail-file--item.only {
  width: 100%;
}
.box--detail-file .detail-file--item.only [class*="ico-download-"] {
  margin-left: auto;
}
.box--detail-editor {
  min-height: 269px;
  padding: 24px;
  color: #000000;
  font-size: 18px;
  line-height: 20px;
  word-break: break-word; /* 241023 추가*/
}
.box--detail-indicator {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 48px;
  margin-bottom: 33px;
}
.box--detail-indicator a {
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
}
.box--detail-indicator a .arrow {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
  color: #848484;
  font-size: 18px;
}
.box--detail-indicator a .arrow::before,
.box--detail-indicator a .arrow::after {
  display: block;
  width: 8px;
  height: 14px;
  background-image: url("../images/ico/page-arrow-gray.svg");
  background-size: 8px auto;
}
.box--detail-indicator a .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000000;
  font-size: 18px;
  font-weight: 700;
}
.box--detail-indicator .detail-indicator--prev,
.box--detail-indicator .detail-indicator--next {
  flex-shrink: 0;
  width: calc(50% - 24px);
}
.box--detail-indicator .detail-indicator--prev .arrow {
  margin-right: 9px;
}
.box--detail-indicator .detail-indicator--prev .arrow::before {
  margin-right: 8px;
  content: "";
}
.box--detail-indicator .detail-indicator--next {
  justify-content: end;
}
.box--detail-indicator .detail-indicator--next .arrow {
  margin-left: 9px;
}
.box--detail-indicator .detail-indicator--next .arrow::after {
  margin-left: 8px;
  transform: rotate(180deg);
  content: "";
}

.box--empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 23px;
  min-height: 473px;
}
.box--empty-icon {
  flex-shrink: 0;
  flex-grow: 0;
  width: 74px;
  height: 74px;
}
.box--empty-icon.is--calendar {
  background-image: url("../images/ico/calendar-gray.svg");
}
.box--empty-icon.is--lesson {
  background-image: url("../images/ico/lesson-gray.svg");
}
.box--empty-icon.is--class {
  background-image: url("../images/ico/class-gray.svg");
}
.box--empty-icon.is--board {
  background-image: url("../images/ico/board-gray.svg");
}
.box--empty-icon.is--student {
  background-image: url("../images/ico/student-gray.svg");
}
.box--empty-icon.is--drawing {
  background-image: url("../images/ico/drawing-gray.svg");
}
.box--empty-icon.is--drawing-share {
  background-image: url("../images/ico/drawing-share-gray.svg");
}
.box--empty-icon.is--drawing-student {
  background-image: url("../images/ico/drawing-student-gray.svg");
  width: 86px;
  height: 86px;
  margin-right: -44px;
}
.box--empty-icon.is--video {
  background-image: url("../images/ico/video-empty-gray.svg");
}
.box--empty-icon.is--study {
  background-image: url("../images/ico/study-gray.svg");
}
.box--empty-icon.is--search {
  background-image: url("../images/ico/search-gray.svg");
}
.box--empty-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.box--empty.height-176 {
  /* 231212 추가 */
  min-height: 176px;
}
.box--empty.height-330 {
  min-height: 330px;
}
.box--empty.height-224 {
  min-height: 224px;
}

.recommend--item .recommend--thum {
  position: relative;
  padding-top: 62.1212%;
  border-radius: 16px;
}
.recommend--item .recommend--thum > * {
  z-index: 15;
}
.recommend--item .recommend--thum span,
.recommend--item .recommend--thum a,
.recommend--item .recommend--thum button {
  display: block;
}
.recommend--item .recommend--thum a,
.recommend--item .recommend--thum button {
  width: 100%;
}
.recommend--item .recommend--thum .button-tag {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.18);
}
.recommend--item .recommend--thum .tagbox {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  position: absolute;
  top: 20px;
  left: 20px;
}
.recommend--item .recommend--thum .tagbox .button-tag,
.recommend--item .recommend--thum .tagbox .download {
  position: relative;
  top: initial;
  left: initial;
}
.recommend--item .recommend--thum .image {
  overflow: hidden;
  position: absolute;
  display: block;
  width: 100%;
  top: 0;
  left: 0;
  padding-top: 62.1212%;
  background-image: url("../images/img/img_thumnailX_2x.png"); /*240618 썸네일 수정*/
  background-color: #2c0271;
  background-size: cover;
  border-radius: 16px;
  z-index: 5;
}
.recommend--item .recommend--thum .download {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50px;
  color: transparent;
  font-size: 0;
  z-index: 10;
}
.recommend--item .recommend--thum .download::after {
  display: block;
  width: 28px;
  height: 28px;
  background-image: url("../images/ico/download-white.svg");
  content: "";
}
.recommend--item .recommend--thum .thum-menu {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 15;
}
.recommend--item .recommend--thum .thum-menu .tab-menu--button {
  width: 28px;
  height: 28px;
}
.recommend--item .recommend--thum .thum-menu .tab-menu--box a,
.recommend--item .recommend--thum .thum-menu .tab-menu--box button {
  padding-right: 0;
  padding-left: 0;
}
.recommend--item .recommend--thum .sharing-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  width: auto;
  left: 19px;
  bottom: 10px;
  padding: 5px 10px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  z-index: 10;
}
.recommend--item .recommend--thum .sharing-box .like {
  position: relative;
  background-color: transparent;
  padding: 0;
  left: auto;
  bottom: auto;
}
.recommend--item .recommend--thum .sharing-box .like + .copy {
  margin-left: 8px;
  padding-left: 5px;
}
.recommend--item .recommend--thum .sharing-box .like + .copy::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 12px;
  background-color: #fff;
  opacity: 0.2;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.recommend--item .recommend--thum .sharing-box .copy .ico-copy {
  width: 20px;
  height: 20px;
  font-size: 0;
  background-image: url("../images/ico/copy-white.svg");
}
.recommend--item .recommend--thum .like {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  position: absolute;
  width: auto;
  left: 18px;
  bottom: 10px;
  padding: 5px 12px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50px;
  color: #ffffff;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  z-index: 10;
}
.recommend--item .recommend--thum .like::before {
  display: block;
  width: 14px;
  height: 14px;
  background-image: url("../images/ico/heart-off-white.svg");
  content: "";
}
.recommend--item .recommend--thum .like.on::before {
  background-image: url("../images/ico/heart-on-white.svg");
}
.recommend--item .recommend--thum .step {
  position: absolute;
  right: 18px;
  bottom: 10px;
  color: #ffffff;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  z-index: 10;
}
.recommend--item .recommend--thum .time {
  position: absolute;
  bottom: 16px;
  right: 16px;
  padding-right: 5px;
  padding-left: 5px;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  z-index: 10;
}
.recommend--item .recommend--thum input,
.recommend--item .recommend--thum .input-check,
.recommend--item .recommend--thum .input-radio {
  position: absolute;
  top: 16px;
  left: 16px;
}
.recommend--item .recommend--thum input {
  width: 24px;
  height: 24px;
  z-index: 20;
  opacity: 0;
}
.recommend--item .recommend--thum .input-check,
.recommend--item .recommend--thum .input-radio {
  z-index: 15;
}
.recommend--item .recommend--thum .input-check .input--box,
.recommend--item .recommend--thum .input-radio .input--box {
  display: block;
  width: 100%;
  height: 100%;
}
.recommend--item .recommend--thum .input--border {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 4px solid #7e44fb;
  border-radius: 16px;
  z-index: 15;
  content: "";
}
.recommend--item .recommend--thum .state-box {
  position: absolute;
  z-index: 16;
  right: 16px;
  top: 16px;
  padding: 7px 10px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.18);
  background-color: #f7f3ff;
}
.recommend--item .recommend--thum input:checked ~ .input--border {
  display: block;
}
.recommend--item .recommend--title {
  margin-top: 16px;
  color: #000000;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}
a.recommend--item .recommend--title {
  display: block;
}

.recommend--item .recommend--text {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-top: 6px;
}
.recommend--item .recommend--text,
.recommend--item .recommend--text span {
  gap: 10px;
  font-size: 14px;
  line-height: 16px;
}
.recommend--item .recommend--contents {
  position: relative;
}
.recommend--item .recommend--movedetail {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 0 0 16px 16px;
  color: transparent;
  font-size: 0;
  z-index: 15;
}
.recommend--item .recommend--info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.recommend--item .recommend--desc {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 5px;
}
.recommend--item .recommend--desc span {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  color: rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 16px;
}
.recommend--item .recommend--desc span strong.ico-16 {
  margin-right: -2px;
  margin-left: -1px;
}
.recommend--item .recommend--desc span:not(:first-child)::before {
  display: block;
  width: 1px;
  height: 11px;
  background-color: rgba(0, 0, 0, 0.2);
  content: "";
}
.recommend--item .button-tag {
  position: absolute;
  top: 16px;
  left: 16px;
  height: 26px;
  padding-right: 10px;
  padding-left: 10px;
  font-weight: 700;
  z-index: 10;
}
.recommend--item.is--empty .recommend--thum .image {
  background-size: auto 50px;
}
.recommend--item.is--myclass {
  display: flex;
  flex-direction: column;
  position: relative;
  border: none;
  border-radius: 0;
}
.recommend--item.is--myclass:not(.is--contents)[tabindex="0"] {
  cursor: pointer;
}
.recommend--item.is--myclass:not(.is--contents)[tabindex="0"]
  .recommend--title {
  width: 211px;
}
.recommend--item.is--myclass:not(.is--contents)[tabindex="0"]
  .recommend--title-inner {
  display: flex;
  flex-direction: row;
}
.recommend--item.is--myclass:not(.is--contents)[tabindex="0"]
  .recommend--title-inner
  > p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 44px;
  word-break: break-all;
}
.recommend--item.is--myclass:not(.is--contents)[tabindex="0"]
  .recommend--title-inner
  > p
  span {
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  flex-grow: 0;
  float: right;
  display: none;
  align-items: flex-end;
  width: 22px;
  height: 100%;
  shape-outside: inset(calc(100% - 22px) 0 0 0);
}
.recommend--item.is--myclass:not(.is--contents)[tabindex="0"]
  .recommend--title-inner
  > p
  span::after {
  flex-shrink: 0;
  flex-grow: 0;
  display: inline;
  padding-top: 22px;
  padding-left: 22px;
  background-image: url("../images/ico/arrow-next-black.svg");
  content: "";
}
.recommend--item.is--myclass:not(.is--contents)[tabindex="0"]:hover
  .recommend--thum::after,
.recommend--item.is--myclass:not(.is--contents)[tabindex="0"]:focus
  .recommend--thum::after {
  position: absolute;
  top: -1px;
  right: -1px;
  left: -1px;
  bottom: 0;
  border: 2px solid #7e44fb;
  border-bottom: 0;
  border-radius: 16px 16px 0 0;
  z-index: 10;
  content: "";
}
.recommend--item.is--myclass:not(.is--contents)[tabindex="0"]:hover
  .recommend--contents,
.recommend--item.is--myclass:not(.is--contents)[tabindex="0"]:focus
  .recommend--contents {
  padding: 20px 19px 29px;
  border-width: 2px;
  border-color: #7e44fb;
}
.recommend--item.is--myclass:not(.is--contents)[tabindex="0"]:hover
  .recommend--title,
.recommend--item.is--myclass:not(.is--contents)[tabindex="0"]:focus
  .recommend--title {
  width: 233px;
}
.recommend--item.is--myclass:not(.is--contents)[tabindex="0"]:hover
  .recommend--title-inner
  > p
  span,
.recommend--item.is--myclass:not(.is--contents)[tabindex="0"]:focus
  .recommend--title-inner
  > p
  span {
  display: flex;
}
.recommend--item.is--myclass .recommend--thum {
  position: relative;
  height: 0;
  padding-top: 55.8139%;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  border-radius: 16px 16px 0 0;
}
.recommend--item.is--myclass .recommend--thum .button-tag {
  min-width: 64px;
  height: 32px;
  padding: 0 5px;
  font-size: 16px;
  text-align: center;
  line-height: 32px;
}
.recommend--item.is--myclass .recommend--thum .image {
  padding-top: calc(55.8139% + 1px);
  border-radius: 14px 14px 0 0;
}
.recommend--item.is--myclass .recommend--contents {
  flex-shrink: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  height: 100%;
  padding: 20px 20px 30px;
  border: 1px solid #d9d9d9;
  border-top: none;
  border-radius: 0 0 16px 16px;
}
.recommend--item.is--myclass .recommend--grade {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.recommend--item.is--myclass .recommend--grade .grade-left {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: visible;
  min-width: 0;
  gap: 8px;
}
.recommend--item.is--myclass .recommend--grade .grade-left > p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 1116px) {
  .recommend--item.is--myclass .recommend--grade .grade-left {
    white-space: nowrap;
  }
}
@media (max-width: 1190px) {
  .recommend--item.is--myclass
    .recommend--grade
    .grade-left__tooltip
    .tooltip--button {
    font-size: 16px;
  }
}
@media (max-width: 1116px) {
  .recommend--item.is--myclass
    .recommend--grade
    .grade-left__tooltip
    .tooltip--button {
    font-size: 15px;
  }
}
.recommend--item.is--myclass .recommend--grade .grade-left__num {
  color: #000000;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
}
@media (max-width: 1190px) {
  .recommend--item.is--myclass .recommend--grade .grade-left__num {
    font-size: 15px;
  }
}
@media (max-width: 1116px) {
  .recommend--item.is--myclass .recommend--grade .grade-left__num {
    font-size: 13px;
  }
}
.recommend--item.is--myclass .recommend--grade .grade-right {
  flex-shrink: 0;
}
.recommend--item.is--myclass .recommend--grade .button-tag {
  position: relative;
  min-width: 64px;
  height: auto;
  top: 0;
  left: 0;
  padding: 7px 10px;
  font-size: 16px;
  text-align: center;
  line-height: 18px;
}
.recommend--item.is--myclass .recommend--title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 48px;
  position: relative;
  width: 211px;
  height: 48px;
  margin-top: 10px;
  color: #000000;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  word-wrap: break-word;
  word-break: keep-all;
}
@media (max-width: 1199px) {
  .recommend--item.is--myclass .recommend--title {
    width: 200px;
  }
}
.recommend--item.is--myclass .recommend--title span {
  /* [이슈리스트 : 230904][2707] 말줄임 처리 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 211px;
  max-height: 48px;
  color: #000000;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  word-wrap: break-word;
  word-break: keep-all;
}
@media (max-width: 1199px) {
  .recommend--item.is--myclass .recommend--title span {
    width: 200px;
  }
}
.recommend--item.is--myclass .recommend--info {
  flex-shrink: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  margin-top: 26px;
}
.recommend--item.is--myclass .recommend--info span {
  white-space: nowrap;
  color: #000000;
  font-size: 16px;
  line-height: 18px;
}
@media (max-width: 1199px) {
  .recommend--item.is--myclass .recommend--info span {
    font-size: 14px;
  }
}
@media (max-width: 1116px) {
  .recommend--item.is--myclass .recommend--info span {
    font-size: 12px;
  }
}
.recommend--item.is--myclass .recommend--info .name {
  max-width: calc(100% - 115px);
  white-space: initial;
}
.recommend--item.is--contents[tabindex="0"] {
  cursor: pointer;
}
.recommend--item.is--contents .recommend--title {
  width: auto;
  margin-top: 14px;
}
.recommend--item.is--contents .recommend--desc {
  margin-top: 8px;
}
.recommend--item.is--contents .recommend--thum .input-check.is--check {
  top: 20px;
  right: 20px;
  left: auto;
}
.recommend--item.is--contents .recommend--thum .input-check.is--check input {
  top: 0;
  left: 0;
}
.recommend--item.is--contents .recommend--contents {
  padding: 16px;
}

.preview-box {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: stretch;
}
.preview-box__video {
  flex-shrink: 0;
  flex-grow: 0;
  position: relative;
  width: 56.132%;
  max-width: 714px;
  padding-top: 32.7044%;
  background-color: #000000;
}
.preview-box__video video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.preview-box__description {
  padding: 34px 59px 30px 30px;
}
.preview-box__description .description-text {
  display: flex;
  flex-direction: row;
  justify-content: flex-shrink;
  align-items: flex-start;
  margin-top: 32px;
}
.preview-box__description .description-text .title {
  flex-shrink: 0;
  flex-grow: 0;
  width: 119px;
}
.preview-box__description .description-text .text {
  word-wrap: break-word;
  word-break: keep-all;
}
.preview-box__description .description-text + .description-text {
  margin-top: 14px;
}
.preview-box__description .description-button {
  margin-top: 52px;
}
.preview-box__description .description-button .btn .text {
  margin-top: 11px;
  text-align: center;
}
.preview-box__description .description-button .btn + .btn {
  margin-left: 35px;
}

.info-tag__menu {
  position: relative;
}
.info-tag__menu .tab-menu--button {
  width: 36px;
  height: 36px;
  background-image: url("../images/ico/more-black.svg");
  background-size: 28px;
  background-position: center;
  background-repeat: no-repeat;
}
.info-tag__menu .tab-menu--button.open {
  background-color: rgba(0, 0, 0, 0.06);
  z-index: 50;
}
.info-tag__menu .tab-menu--button.open + .tab-menu--box {
  display: block;
  visibility: visible;
  z-index: 50;
}
.info-tag__menu .tab-menu--box {
  position: absolute;
  display: none;
  visibility: hidden;
  width: 178px;
  top: 44px;
  right: 0;
  background-color: #ffffff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.info-tag__menu .tab-menu--box a {
  position: relative;
  display: block;
  height: 42px;
  padding: 0 48px 0 14px;
  color: #000000;
  font-size: 16px;
  line-height: 42px;
}
.info-tag__menu .tab-menu--box a [class^="ico-"] {
  position: absolute;
  top: 10px;
  right: 14px;
}
.info-tag__menu .tab-menu--box a.red {
  color: #ff3a3a;
}
.info-tag__menu .tab-menu--box a:not(:first-child) {
  height: 43px;
  line-height: 43px;
  border-top: 1px solid rgba(204, 204, 204, 0.3);
}
.info-tag__menu .tab-menu--box a:not(:first-child) [class^="ico-"] {
  top: 8px;
}
.info-tag__menu .tab-menu--box.text--center a {
  text-align: center;
}
.info-tag__menu.is--small {
  display: inline-block;
  width: 36px;
}
.info-tag__menu.is--small .tab-menu--box {
  width: auto;
}
.info-tag__menu.is--small .tab-menu--box a {
  padding-right: 18px;
  padding-left: 18px;
  white-space: nowrap;
  text-align: left;
}
.info-tag__menu.is--white .tab-menu--button {
  background-image: url("../images/ico/more-white.svg");
}
.info-tag__menu.is--white .tab-menu--button:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.info-tag__menu.is--white .tab-menu--box {
  width: 145px;
  right: auto;
  left: -8px;
  text-align: center;
}
.recommend--thum .info-tag__menu.is--white .tab-menu--box {
  right: 0;
  left: auto;
}

.reply--box__write .box--edit-title {
  margin-bottom: 24px;
  min-height: auto;
}
.reply--box__write .box--edit-items {
  padding: 24px;
}
.reply--box__write .input-box--textarea {
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 8px;
}
.reply--box__write .input-box--textarea textarea {
  border: none;
  border-radius: 0;
  background-color: transparent;
  font-size: 16px;
}
.reply--box__write .reply--box__profile {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  margin-bottom: 14px;
}
.reply--box__write .reply--box__profile .writer {
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  gap: 10px;
}
.reply--box__write .reply--box__profile .writer .photo {
  width: 28px;
  height: 28px;
  border-radius: 28px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.reply--box__write .reply--box__profile .writer .name {
  color: #000000;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
}
.reply--box__write .reply--box__profile .date {
  color: rgba(0, 0, 0, 0.3);
  font-size: 14px;
  line-height: 16px;
}
.reply--box__write .reply--box__menus {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #d9d9d9;
}
.reply--box__write .reply--box__menus .menus--file {
  display: flex;
  flex-direction: row;
}
.reply--box__write .reply--box__menus .menus--file__button {
  margin: 5px 6px 6px 13px;
}
.reply--box__write .reply--box__menus .menus--file__list {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  padding: 5px 0;
}
.reply--box__write .reply--box__menus .menus--file__list .button-tag {
  padding-right: 7px;
}
.reply--box__write .reply--box__menus .menus--right a,
.reply--box__write .reply--box__menus .menus--right button {
  min-width: 87px;
  height: 40px;
  padding: 0 12px;
  border-left: 1px solid #d9d9d9;
  color: #000000;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  line-height: 40px;
}
.reply--box__write .reply--box__files {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  background: #f3f3f3;
  min-height: 38px;
  padding: 7px 14px;
}
.reply--box__write + .reply--box__list {
  /* margin-top: 24px; 241008 삭제 */
  padding-right: 26px;
  padding-left: 26px;
}
/* .reply--box__write + .reply--box__list > .reply--item:first-child { 241008 삭제
  padding-top: 0;
} */
.reply--box__write.is--view .box--edit-items {
  padding: 0;
}
.reply--box__write.is--view .input-box--textarea {
  font-size: 16px;
  line-height: 18px;
  overflow: hidden;
}
.reply--box__write.is--view .input-box--textarea .textarea {
  padding: 18px;
  min-height: 115px;
}
.reply--box__write.is--view .file-item.only {
  width: 100%;
}
.reply--box__write.is--view .file-item.only [class*="ico-download-"] {
  margin-left: auto;
}
.reply--box__write.is--view .file-item .sub--info {
  text-decoration: none;
}
.reply--box.is--hide .box--edit-title .ico-up-black {
  transform: rotate(-180deg);
}
.reply--box.is--hide .box--edit-items {
  display: none;
}
.reply--box.is--hide .reply--box__list {
  display: none;
}

.reply--item {
  position: relative;
  padding: 24px 10px;
  padding-right: 50px;
  border-bottom: 1px solid #d9d9d9;
}
.reply--item__total {
  padding-right: 10px;
  padding-bottom: 14px;
  padding-left: 10px;
  border-bottom: 1px solid #d9d9d9;
  color: #000000;
  font-size: 16px;
  line-height: 18px;
}
.reply--item__writer {
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
}
.reply--item__writer .photo {
  width: 28px;
  height: 28px;
  margin-left: 6px;
  border-radius: 28px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.reply--item__writer .name {
  font-weight: 700;
}
.reply--item__text {
  margin-top: 14px;
  color: #000000;
  font-size: 16px;
  line-height: 18px;
  /* [이슈리스트 : 230907][2795] 댓글 줄바꿈 처리 */
  word-break: break-word;
}
.reply--item__files .item-file {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  width: calc(100% + 50px);
  padding: 7px 14px;
  padding-right: 31px;
  margin-top: 10px;
  background-color: #f3f3f3;
  border-radius: 6px;
}
.reply--item__files .item-file .name {
  margin-top: 1px;
  margin-left: 10px;
  border-bottom: 1px solid #000000;
  color: #000000;
  font-size: 16px;
  line-height: 18px;
}
.reply--item__files .item-file .data {
  margin-left: 3px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  line-height: 18px;
}
.reply--item__files .item-file .download {
  position: absolute;
  top: 7px;
  right: 14px;
}
.reply--item__files + .reply--item__date {
  margin-top: 39px;
}
.reply--item__date {
  margin-top: 10px;
  color: rgba(0, 0, 0, 0.3);
  font-size: 14px;
  line-height: 16px;
}
.reply--item__remove {
  position: absolute;
  top: 24px;
  right: 10px;
}
.state-box {
  flex-shrink: 0;
  flex-grow: 0;
  display: inline-block;
  height: 32px;
  padding: 7px 13px;
  border-radius: 27px;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  flex-shrink: 0;
}
.state-box.divide {
  display: inline-flex;
  font-size: 18px;
  line-height: 20px;
  height: 34px;
}
.state-box.divide .tag {
  position: relative;
  opacity: 0.5;
  padding-left: 11px;
  margin-left: 10px;
}
.state-box.divide .tag::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  opacity: 0.7;
  background-color: #7e44fb;
}
.state-box.is--noti {
  width: 50px;
  height: 50px;
  padding: 0;
  color: transparent;
  font-size: 0;
}
.state-box.is--noti.qna {
  background-image: url("../images/ico/noti-qna-color.svg");
}
.state-box.is--noti.qna.dim {
  background-image: url("../images/ico/noti-qna-gray.svg");
}
.state-box.is--noti.school {
  background-image: url("../images/ico/noti-school-color.svg");
}
.state-box.is--noti.school.dim {
  background-image: url("../images/ico/noti-school-gray.svg");
}
.state-box.is--noti.service {
  background-image: url("../images/ico/noti-service-color.svg");
}
.state-box.is--noti.service.dim {
  background-image: url("../images/ico/noti-service-gray.svg");
}
.state-box.is--noti.survey {
  background-image: url("../images/ico/noti-survey-color.svg");
}
.state-box.is--noti.survey.dim {
  background-image: url("../images/ico/noti-survey-gray.svg");
}
.state-box.is--noti.profile {
  background-image: url("../images/ico/noti-profile-color.svg");
}
.state-box.is--noti.profile.dim {
  background-image: url("../images/ico/noti-profile-gray.svg");
}
.dim .state-box.is--noti.qna {
  background-image: url("../images/ico/noti-qna-gray.svg");
}
.dim .state-box.is--noti.school {
  background-image: url("../images/ico/noti-school-gray.svg");
}
.dim .state-box.is--noti.service {
  background-image: url("../images/ico/noti-service-gray.svg");
}
.dim .state-box.is--noti.survey {
  background-image: url("../images/ico/noti-survey-gray.svg");
}
.dim .state-box.is--noti.profile {
  background-image: url("../images/ico/noti-profile-gray.svg");
}
.state-box.is--noti.declare {
  background-image: url("../images/ico/noti-declare-color.svg");
} /* 250613 추가 */
.dim .state-box.is--noti.declare {
  background-image: url("../images/ico/noti-declare-gray.svg");
} /* 250613 추가 */
.state-box.is--noti.online {
  background-image: url("../images/ico/noti-online-color.svg");
} /* 250620 추가 */
.dim .state-box.is--noti.online {
  background-image: url("../images/ico/noti-online-gray.svg");
} /* 250620 추가 */

.state-box.size--l {
  height: 35px;
  padding: 5px 13px;
  font-size: 22px;
  font-weight: 700;
  line-height: 25px;
}
.state-box.min-58 {
  min-width: 58px;
}
.state-box.ing,
.state-box.quiz-start {
  color: #7e44fb;
  background-color: rgba(126, 68, 251, 0.1);
}
.state-box.ing.disabled,
.state-box.quiz-start.disabled {
  color: rgba(126, 68, 251, 0.47);
}
.state-box.planned {
  color: #43a5ff;
  background-color: rgba(67, 165, 255, 0.1);
}
.state-box.homework {
  color: #9265ed;
  background-color: rgba(216, 203, 243, 0.5);
}
.state-box.quiz,
.state-box.waiting {
  color: #3cc0a9;
  background-color: rgba(60, 192, 169, 0.2);
}
.state-box.survey {
  color: #ff9960;
  background-color: rgba(255, 153, 96, 0.2);
}
.state-box.report {
  color: #5890ff;
  background-color: rgba(88, 144, 255, 0.2);
}
.state-box.lesson {
  color: #f9803c;
  background-color: rgba(249, 128, 60, 0.15);
}
.state-box.workbook {
  color: #ed65cf;
  background-color: rgba(237, 101, 207, 0.2);
}
.state-box.answer {
  color: #f5a812;
  background-color: rgba(245, 168, 18, 0.15);
}
.state-box.qna {
  color: #4382a6;
  background-color: rgba(67, 130, 166, 0.15);
}
/* 250620 수강생 승인 추가 */
.state-box.approve {
  color: #4fcf82;
  background-color: #e0f4ed;
}
.state-box.no-end,
.state-box.reject,
.state-box.no-complete,
.state-box.dropout {
  color: #fa4225;
  background-color: rgba(250, 66, 37, 0.1);
}
.state-box.no-watch {
  color: rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.05);
}
.state-box.standbying,
.state-box.before-end,
.state-box.yes-end,
.state-box.approval,
.state-box.complete,
.state-box.enroll,
.state-box.quiz-show {
  color: #00ba13;
  background-color: rgba(0, 186, 19, 0.1);
}
.state-box.after-end {
  color: #7e44fb;
  background-color: rgba(126, 68, 251, 0.1);
}
.state-box.end,
.state-box.late-end,
.state-box.early-end,
.state-box.standby,
.state-box.moveout,
.state-box.ready {
  color: #000000;
  background-color: rgba(132, 132, 132, 0.1);
}
.state-box.end.line,
.state-box.late-end.line,
.state-box.early-end.line,
.state-box.standby.line,
.state-box.moveout.line,
.state-box.ready.line {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(132, 132, 132, 0.1);
}
.state-box.quiz-end {
  color: #4a4a4a;
  background-color: rgba(132, 132, 132, 0.1);
}
.state-box.ready.light {
  background-color: #f3f3f3;
}
.state-box.ready.light.line {
  border-width: 1px;
  border-style: solid;
  border-color: #d1d1d1;
}
.state-box.notry {
  background-color: #f3f3f3;
}
.state-box.notry.line {
  border-width: 1px;
  border-style: solid;
  border-color: #d1d1d1;
}
.state-box.verygood {
  color: #21c663;
  background-color: #def6e8;
  border-color: #71da9b;
}
.state-box.verygood.line {
  border-width: 1px;
  border-style: solid;
  border-color: #71da9b;
}
.state-box.great {
  color: #3d90f3;
  background-color: #e2eefd;
  border-color: #83b8f7;
}
.state-box.great.line {
  border-width: 1px;
  border-style: solid;
  border-color: #83b8f7;
}
.state-box.quiz-result {
  color: #418dff;
  background-color: rgba(65, 141, 255, 0.15);
}
.state-box.normal {
  color: #7662f1;
  background-color: #eae7fd;
  border-color: #a79af6;
}
.state-box.normal.line {
  border-width: 1px;
  border-style: solid;
  border-color: #a79af6;
}
.state-box.poor {
  color: #ff8440;
  background-color: #ffede2;
  border-color: #ffb085;
}
.state-box.poor.line {
  border-width: 1px;
  border-style: solid;
  border-color: #ffb085;
}
.state-box.verypoor {
  color: #e265ce;
  background-color: #fbe8f8;
  border-color: #ec9de0;
}
.state-box.verypoor.line {
  border-width: 1px;
  border-style: solid;
  border-color: #ec9de0;
}
.state-box.red {
  background: #ffdfdf;
  color: #ff4a4a;
}
.state-box.yellow {
  background: #fef2dc;
  color: #f5a812;
}
.state-box.emerald {
  background: #d9e6ed;
  color: #4382a6;
}
.state-box.green {
  background: #dff7dc;
  color: #37be6d;
}

/* FONT */
.f-0 {
  /* 231205 추가 */
  font-size: 0;
}
.f-10-l {
  font-size: 10px;
  line-height: 16px;
}
.wrap.mobile .f-10-l {
  font-size: 1rem;
  line-height: 1.6rem;
}

.f-10-n {
  font-size: 10px;
  line-height: 12px;
}
.wrap.mobile .f-10-n {
  font-size: 1rem;
  line-height: 1.2rem;
}

.f-12-s {
  font-size: 12px;
  line-height: 13px;
}
.wrap.mobile .f-12-s {
  font-size: 1.2rem;
  line-height: 1.3rem;
}

.f-12 {
  font-size: 12px;
  line-height: 16px;
}
.wrap.mobile .f-12 {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

.f-12-l {
  font-size: 12px;
  line-height: 18px;
}
.wrap.mobile .f-12-l {
  font-size: 1.2rem;
  line-height: 1.8rem;
}

.f-12-xl {
  font-size: 12px;
  line-height: 20px;
}
.wrap.mobile .f-12-xl {
  font-size: 1.2rem;
  line-height: 2rem;
}

.f-13 {
  font-size: 13px;
  line-height: 15px;
}
.wrap.mobile .f-13 {
  font-size: 1.3rem;
  line-height: 1.5rem;
}

.f-14-s {
  font-size: 14px;
  line-height: 16px;
}
.wrap.mobile .f-14-s {
  font-size: 1.4rem;
  line-height: 1.6rem;
}

.f-14-s-sb {
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}
.wrap.mobile .f-14-s-sb {
  font-size: 1.4rem;
  line-height: 1.6rem;
}

.f-14-s-eb {
  font-size: 14px;
  line-height: 16px;
  font-weight: 800;
}
.wrap.mobile .f-14-s-eb {
  font-size: 1.4rem;
  line-height: 1.6rem;
}

.f-14-s-n {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
.wrap.mobile .f-14-s-n {
  font-size: 1.4rem;
  line-height: 1.6rem;
}

.f-14 {
  font-size: 14px !important; /* 240522 important 추가*/
  line-height: 18px;
}
.wrap.mobile .f-14 {
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.f-14-l {
  font-size: 14px;
  line-height: 20px;
}
.wrap.mobile .f-14-l {
  font-size: 1.4rem;
  line-height: 2rem;
}

.f-14-l-sb {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
.wrap.mobile .f-14-l-sb {
  font-size: 1.4rem;
  line-height: 2rem;
}

.f-14-xl {
  font-size: 14px;
  line-height: 22px;
}
.wrap.mobile .f-14-xl {
  font-size: 1.4rem;
  line-height: 2.2rem;
}

.f-16-m {
  font-size: 16px;
  line-height: 22px;
}
.wrap.mobile .f-16-m {
  font-size: 1.6rem;
  line-height: 2.2rem;
}

.f-16 {
  font-size: 16px !important;
  line-height: 18px;
}
.wrap.mobile .f-16 {
  font-size: 1.6rem;
  line-height: 1.8rem;
}

.f-16-sb {
  font-size: 16px !important;
  line-height: 18px;
  font-weight: 700;
}
.wrap.mobile .f-16-sb {
  font-size: 1.6rem;
  line-height: 1.8rem;
}

.f-18-l {
  font-size: 18px;
  line-height: 30px;
}
.wrap.mobile .f-18-l {
  font-size: 1.8rem;
  line-height: 3rem;
}
/* 240409 추가 */
.f-18-l-sb {
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
}
.f-18-n {
  font-size: 18px;
  line-height: 18px;
}
.wrap.mobile .f-18-n {
  font-size: 1.8rem;
  line-height: 1.8rem;
}
.f-18-b {
  font-size: 18px;
  font-weight: 800;
} /* 250605 추가 */

.f-18-m {
  font-size: 18px;
  line-height: 22px;
}
.wrap.mobile .f-18-m {
  font-size: 1.8rem;
  line-height: 2.2rem;
}

.f-18 {
  font-size: 18px;
  line-height: 20px;
}
.wrap.mobile .f-18 {
  font-size: 1.8rem;
  line-height: 2rem;
}

.f-20 {
  font-size: 20px;
  line-height: 23px;
  font-weight: 400;
}
.wrap.mobile .f-20 {
  font-size: 2rem;
  line-height: 2.3rem;
}

.f-20-sb {
  font-size: 20px;
  line-height: 23px;
  font-weight: 700;
}
.wrap.mobile .f-20-sb {
  font-size: 2rem;
  line-height: 2.3rem;
}

.f-20-b {
  font-size: 20px;
  line-height: 23px;
  font-weight: 800;
}
.wrap.mobile .f-20-b {
  font-size: 2rem;
  line-height: 2.3rem;
}

/* 240213 추가 */
.f-22-sb {
  font-size: 22px;
  font-weight: 700;
}
.f-24-sb {
  font-size: 24px;
  line-height: 27px;
  font-weight: 700;
}
.wrap.mobile .f-24-sb {
  font-size: 2.4rem;
  line-height: 2.7rem;
}

.f-24-b {
  font-size: 24px;
  line-height: 27px;
  font-weight: 800;
}
.wrap.mobile .f-24-b {
  font-size: 2.4rem;
  line-height: 2.7rem;
}

.f-28-sb {
  font-size: 28px;
  line-height: 31px;
  font-weight: 700;
}
.wrap.mobile .f-28-sb {
  font-size: 2.8rem;
  line-height: 3.1rem;
}
.f-28-b {
  font-size: 28px;
  line-height: 32px;
  font-weight: 800;
}
.wrap.mobile .f-28-b {
  font-size: 2.8rem;
  line-height: 3.2rem;
}

.f-32-b {
  font-size: 32px;
  line-height: 36px;
  font-weight: 800;
}
.wrap.mobile .f-32-b {
  font-size: 3.2rem;
  line-height: 3.6rem;
}

.lh-1 {
  line-height: 1px !important;
}
.wrap.mobile .lh-1 {
  line-height: 0.1rem !important;
}

.lh-2 {
  line-height: 2px !important;
}
.wrap.mobile .lh-2 {
  line-height: 0.2rem !important;
}

.lh-3 {
  line-height: 3px !important;
}
.wrap.mobile .lh-3 {
  line-height: 0.3rem !important;
}

.lh-4 {
  line-height: 4px !important;
}
.wrap.mobile .lh-4 {
  line-height: 0.4rem !important;
}

.lh-5 {
  line-height: 5px !important;
}
.wrap.mobile .lh-5 {
  line-height: 0.5rem !important;
}

.lh-6 {
  line-height: 6px !important;
}
.wrap.mobile .lh-6 {
  line-height: 0.6rem !important;
}

.lh-7 {
  line-height: 7px !important;
}
.wrap.mobile .lh-7 {
  line-height: 0.7rem !important;
}

.lh-8 {
  line-height: 8px !important;
}
.wrap.mobile .lh-8 {
  line-height: 0.8rem !important;
}

.lh-9 {
  line-height: 9px !important;
}
.wrap.mobile .lh-9 {
  line-height: 0.9rem !important;
}

.lh-10 {
  line-height: 10px !important;
}
.wrap.mobile .lh-10 {
  line-height: 1rem !important;
}

.lh-11 {
  line-height: 11px !important;
}
.wrap.mobile .lh-11 {
  line-height: 1.1rem !important;
}

.lh-12 {
  line-height: 12px !important;
}
.wrap.mobile .lh-12 {
  line-height: 1.2rem !important;
}

.lh-13 {
  line-height: 13px !important;
}
.wrap.mobile .lh-13 {
  line-height: 1.3rem !important;
}

.lh-14 {
  line-height: 14px !important;
}
.wrap.mobile .lh-14 {
  line-height: 1.4rem !important;
}

.lh-15 {
  line-height: 15px !important;
}
.wrap.mobile .lh-15 {
  line-height: 1.5rem !important;
}

.lh-16 {
  line-height: 16px !important;
}
.wrap.mobile .lh-16 {
  line-height: 1.6rem !important;
}

.lh-17 {
  line-height: 17px !important;
}
.wrap.mobile .lh-17 {
  line-height: 1.7rem !important;
}

.lh-18 {
  line-height: 18px !important;
}
.wrap.mobile .lh-18 {
  line-height: 1.8rem !important;
}

.lh-19 {
  line-height: 19px !important;
}
.wrap.mobile .lh-19 {
  line-height: 1.9rem !important;
}

.lh-20 {
  line-height: 20px !important;
}
.wrap.mobile .lh-20 {
  line-height: 2rem !important;
}

.lh-21 {
  line-height: 21px !important;
}
.wrap.mobile .lh-21 {
  line-height: 2.1rem !important;
}

.lh-22 {
  line-height: 22px !important;
}
.wrap.mobile .lh-22 {
  line-height: 2.2rem !important;
}

.lh-23 {
  line-height: 23px !important;
}
.wrap.mobile .lh-23 {
  line-height: 2.3rem !important;
}

.lh-24 {
  line-height: 24px !important;
}
.wrap.mobile .lh-24 {
  line-height: 2.4rem !important;
}

.lh-25 {
  line-height: 25px !important;
}
.wrap.mobile .lh-25 {
  line-height: 2.5rem !important;
}

.lh-26 {
  line-height: 26px !important;
}
.wrap.mobile .lh-26 {
  line-height: 2.6rem !important;
}

.lh-27 {
  line-height: 27px !important;
}
.wrap.mobile .lh-27 {
  line-height: 2.7rem !important;
}

.lh-28 {
  line-height: 28px !important;
}
.wrap.mobile .lh-28 {
  line-height: 2.8rem !important;
}

.lh-29 {
  line-height: 29px !important;
}
.wrap.mobile .lh-29 {
  line-height: 2.9rem !important;
}

.lh-30 {
  line-height: 30px !important;
}
.wrap.mobile .lh-30 {
  line-height: 3rem !important;
}

.lh-31 {
  line-height: 31px !important;
}
.wrap.mobile .lh-31 {
  line-height: 3.1rem !important;
}

.lh-32 {
  line-height: 32px !important;
}
.wrap.mobile .lh-32 {
  line-height: 3.2rem !important;
}

.lh-33 {
  line-height: 33px !important;
}
.wrap.mobile .lh-33 {
  line-height: 3.3rem !important;
}

.lh-34 {
  line-height: 34px !important;
}
.wrap.mobile .lh-34 {
  line-height: 3.4rem !important;
}

.lh-35 {
  line-height: 35px !important;
}
.wrap.mobile .lh-35 {
  line-height: 3.5rem !important;
}

.lh-36 {
  line-height: 36px !important;
}
.wrap.mobile .lh-36 {
  line-height: 3.6rem !important;
}

.lh-37 {
  line-height: 37px !important;
}
.wrap.mobile .lh-37 {
  line-height: 3.7rem !important;
}

.lh-38 {
  line-height: 38px !important;
}
.wrap.mobile .lh-38 {
  line-height: 3.8rem !important;
}

.lh-39 {
  line-height: 39px !important;
}
.wrap.mobile .lh-39 {
  line-height: 3.9rem !important;
}

.lh-40 {
  line-height: 40px !important;
}
.wrap.mobile .lh-40 {
  line-height: 4rem !important;
}

.lh-41 {
  line-height: 41px !important;
}
.wrap.mobile .lh-41 {
  line-height: 4.1rem !important;
}

.lh-42 {
  line-height: 42px !important;
}
.wrap.mobile .lh-42 {
  line-height: 4.2rem !important;
}

.lh-43 {
  line-height: 43px !important;
}
.wrap.mobile .lh-43 {
  line-height: 4.3rem !important;
}

.lh-44 {
  line-height: 44px !important;
}
.wrap.mobile .lh-44 {
  line-height: 4.4rem !important;
}

.lh-45 {
  line-height: 45px !important;
}
.wrap.mobile .lh-45 {
  line-height: 4.5rem !important;
}

.lh-46 {
  line-height: 46px !important;
}
.wrap.mobile .lh-46 {
  line-height: 4.6rem !important;
}

.lh-47 {
  line-height: 47px !important;
}
.wrap.mobile .lh-47 {
  line-height: 4.7rem !important;
}

.lh-48 {
  line-height: 48px !important;
}
.wrap.mobile .lh-48 {
  line-height: 4.8rem !important;
}

.lh-49 {
  line-height: 49px !important;
}
.wrap.mobile .lh-49 {
  line-height: 4.9rem !important;
}

.lh-50 {
  line-height: 50px !important;
}
.wrap.mobile .lh-50 {
  line-height: 5rem !important;
}

.lh-51 {
  line-height: 51px !important;
}
.wrap.mobile .lh-51 {
  line-height: 5.1rem !important;
}

.lh-52 {
  line-height: 52px !important;
}
.wrap.mobile .lh-52 {
  line-height: 5.2rem !important;
}

.lh-53 {
  line-height: 53px !important;
}
.wrap.mobile .lh-53 {
  line-height: 5.3rem !important;
}

.lh-54 {
  line-height: 54px !important;
}
.wrap.mobile .lh-54 {
  line-height: 5.4rem !important;
}

.lh-55 {
  line-height: 55px !important;
}
.wrap.mobile .lh-55 {
  line-height: 5.5rem !important;
}

.lh-56 {
  line-height: 56px !important;
}
.wrap.mobile .lh-56 {
  line-height: 5.6rem !important;
}

.lh-57 {
  line-height: 57px !important;
}
.wrap.mobile .lh-57 {
  line-height: 5.7rem !important;
}

.lh-58 {
  line-height: 58px !important;
}
.wrap.mobile .lh-58 {
  line-height: 5.8rem !important;
}

.lh-59 {
  line-height: 59px !important;
}
.wrap.mobile .lh-59 {
  line-height: 5.9rem !important;
}

.lh-60 {
  line-height: 60px !important;
}
.wrap.mobile .lh-60 {
  line-height: 6rem !important;
}

.lh-61 {
  line-height: 61px !important;
}
.wrap.mobile .lh-61 {
  line-height: 6.1rem !important;
}

.lh-62 {
  line-height: 62px !important;
}
.wrap.mobile .lh-62 {
  line-height: 6.2rem !important;
}

.lh-63 {
  line-height: 63px !important;
}
.wrap.mobile .lh-63 {
  line-height: 6.3rem !important;
}

.lh-64 {
  line-height: 64px !important;
}
.wrap.mobile .lh-64 {
  line-height: 6.4rem !important;
}

.lh-65 {
  line-height: 65px !important;
}
.wrap.mobile .lh-65 {
  line-height: 6.5rem !important;
}

.lh-66 {
  line-height: 66px !important;
}
.wrap.mobile .lh-66 {
  line-height: 6.6rem !important;
}

.lh-67 {
  line-height: 67px !important;
}
.wrap.mobile .lh-67 {
  line-height: 6.7rem !important;
}

.lh-68 {
  line-height: 68px !important;
}
.wrap.mobile .lh-68 {
  line-height: 6.8rem !important;
}

.lh-69 {
  line-height: 69px !important;
}
.wrap.mobile .lh-69 {
  line-height: 6.9rem !important;
}

.lh-70 {
  line-height: 70px !important;
}
.wrap.mobile .lh-70 {
  line-height: 7rem !important;
}

.lh-71 {
  line-height: 71px !important;
}
.wrap.mobile .lh-71 {
  line-height: 7.1rem !important;
}

.lh-72 {
  line-height: 72px !important;
}
.wrap.mobile .lh-72 {
  line-height: 7.2rem !important;
}

.lh-73 {
  line-height: 73px !important;
}
.wrap.mobile .lh-73 {
  line-height: 7.3rem !important;
}

.lh-74 {
  line-height: 74px !important;
}
.wrap.mobile .lh-74 {
  line-height: 7.4rem !important;
}

.lh-75 {
  line-height: 75px !important;
}
.wrap.mobile .lh-75 {
  line-height: 7.5rem !important;
}

.lh-76 {
  line-height: 76px !important;
}
.wrap.mobile .lh-76 {
  line-height: 7.6rem !important;
}

.lh-77 {
  line-height: 77px !important;
}
.wrap.mobile .lh-77 {
  line-height: 7.7rem !important;
}

.lh-78 {
  line-height: 78px !important;
}
.wrap.mobile .lh-78 {
  line-height: 7.8rem !important;
}

.lh-79 {
  line-height: 79px !important;
}
.wrap.mobile .lh-79 {
  line-height: 7.9rem !important;
}

.lh-80 {
  line-height: 80px !important;
}
.wrap.mobile .lh-80 {
  line-height: 8rem !important;
}

.lh-81 {
  line-height: 81px !important;
}
.wrap.mobile .lh-81 {
  line-height: 8.1rem !important;
}

.lh-82 {
  line-height: 82px !important;
}
.wrap.mobile .lh-82 {
  line-height: 8.2rem !important;
}

.lh-83 {
  line-height: 83px !important;
}
.wrap.mobile .lh-83 {
  line-height: 8.3rem !important;
}

.lh-84 {
  line-height: 84px !important;
}
.wrap.mobile .lh-84 {
  line-height: 8.4rem !important;
}

.lh-85 {
  line-height: 85px !important;
}
.wrap.mobile .lh-85 {
  line-height: 8.5rem !important;
}

.lh-86 {
  line-height: 86px !important;
}
.wrap.mobile .lh-86 {
  line-height: 8.6rem !important;
}

.lh-87 {
  line-height: 87px !important;
}
.wrap.mobile .lh-87 {
  line-height: 8.7rem !important;
}

.lh-88 {
  line-height: 88px !important;
}
.wrap.mobile .lh-88 {
  line-height: 8.8rem !important;
}

.lh-89 {
  line-height: 89px !important;
}
.wrap.mobile .lh-89 {
  line-height: 8.9rem !important;
}

.lh-90 {
  line-height: 90px !important;
}
.wrap.mobile .lh-90 {
  line-height: 9rem !important;
}

.lh-91 {
  line-height: 91px !important;
}
.wrap.mobile .lh-91 {
  line-height: 9.1rem !important;
}

.lh-92 {
  line-height: 92px !important;
}
.wrap.mobile .lh-92 {
  line-height: 9.2rem !important;
}

.lh-93 {
  line-height: 93px !important;
}
.wrap.mobile .lh-93 {
  line-height: 9.3rem !important;
}

.lh-94 {
  line-height: 94px !important;
}
.wrap.mobile .lh-94 {
  line-height: 9.4rem !important;
}

.lh-95 {
  line-height: 95px !important;
}
.wrap.mobile .lh-95 {
  line-height: 9.5rem !important;
}

.lh-96 {
  line-height: 96px !important;
}
.wrap.mobile .lh-96 {
  line-height: 9.6rem !important;
}

.lh-97 {
  line-height: 97px !important;
}
.wrap.mobile .lh-97 {
  line-height: 9.7rem !important;
}

.lh-98 {
  line-height: 98px !important;
}
.wrap.mobile .lh-98 {
  line-height: 9.8rem !important;
}

.lh-99 {
  line-height: 99px !important;
}
.wrap.mobile .lh-99 {
  line-height: 9.9rem !important;
}

.lh-100 {
  line-height: 100px !important;
}
.wrap.mobile .lh-100 {
  line-height: 10rem !important;
}

.f-light {
  font-weight: 200;
}

.f-normal {
  font-weight: 400 !important;
}

.f-bold {
  font-weight: 700;
}

.f-extrabold {
  font-weight: 800;
} /* 250523 700 -> 800 으로 변경 */

.f-white {
  color: #ffffff;
}
.f-blue-active {
  color: #3dffdc;
}
.f-timetable-vod {
  color: #00c3c7;
}
.f-timetable-live {
  color: #ff69e7;
}
.f-timetable-school {
  color: #ffbd59;
}
.f-violet-title {
  color: #341761;
}
.f-violet-active {
  color: #7e44fb !important;
} /* 250523 !important 추가 */
.f-violet-active-bg {
  color: #9265ed;
}
.f-red {
  color: #fa4225;
}
.f-error,
.f-red-text {
  color: #ff3a3a !important;
} /* 250523 !important 추가 */
.f-red-80 {
  color: rgba(250, 66, 37, 0.8);
}
.f-pass,
.f-green {
  color: #00ba13;
}
.f-green-80 {
  color: rgba(0, 186, 19, 0.8);
}
.f-success {
  color: rgba(0, 186, 19, 0.98) !important;
} /* 250523 추가 */
.f-orange-sub {
  /* 250513 추가 */
  color: #ff932f;
}
.f-gray-a1 {
  color: #1a1a1a;
}
.f-gray-a2 {
  color: #a2a2a2;
}
.f-gray-ab {
  color: #ababab;
}
.f-gray-80 {
  color: #808080;
}
.f-gray-84 {
  color: #848484;
}
.f-gray-2d {
  color: #2d2d2d;
}
.f-gray-9 {
  color: #999999 !important;
} /* 250605 추가 */
.f-gray-b3 {
  color: #b3b3b3 !important;
} /* 250605 추가 */
.f-ready {
  color: #000000;
}
.f-blue-26 {
  color: #2697ff;
}

.f-black-1 {
  color: rgba(0, 0, 0, 0.01);
}

.f-black-2 {
  color: rgba(0, 0, 0, 0.02);
}

.f-black-3 {
  color: rgba(0, 0, 0, 0.03);
}

.f-black-4 {
  color: rgba(0, 0, 0, 0.04);
}

.f-black-5 {
  color: rgba(0, 0, 0, 0.05);
}

.f-black-6 {
  color: rgba(0, 0, 0, 0.06);
}

.f-black-7 {
  color: rgba(0, 0, 0, 0.07);
}

.f-black-8 {
  color: rgba(0, 0, 0, 0.08);
}

.f-black-9 {
  color: rgba(0, 0, 0, 0.09);
}

.f-black-10 {
  color: rgba(0, 0, 0, 0.1);
}

.f-black-11 {
  color: rgba(0, 0, 0, 0.11);
}

.f-black-12 {
  color: rgba(0, 0, 0, 0.12);
}

.f-black-13 {
  color: rgba(0, 0, 0, 0.13);
}

.f-black-14 {
  color: rgba(0, 0, 0, 0.14);
}

.f-black-15 {
  color: rgba(0, 0, 0, 0.15);
}

.f-black-16 {
  color: rgba(0, 0, 0, 0.16);
}

.f-black-17 {
  color: rgba(0, 0, 0, 0.17);
}

.f-black-18 {
  color: rgba(0, 0, 0, 0.18);
}

.f-black-19 {
  color: rgba(0, 0, 0, 0.19);
}

.f-black-20 {
  color: rgba(0, 0, 0, 0.2);
}

.f-black-21 {
  color: rgba(0, 0, 0, 0.21);
}

.f-black-22 {
  color: rgba(0, 0, 0, 0.22);
}

.f-black-23 {
  color: rgba(0, 0, 0, 0.23);
}

.f-black-24 {
  color: rgba(0, 0, 0, 0.24);
}

.f-black-25 {
  color: rgba(0, 0, 0, 0.25);
}

.f-black-26 {
  color: rgba(0, 0, 0, 0.26);
}

.f-black-27 {
  color: rgba(0, 0, 0, 0.27);
}

.f-black-28 {
  color: rgba(0, 0, 0, 0.28);
}

.f-black-29 {
  color: rgba(0, 0, 0, 0.29);
}

.f-black-30 {
  color: rgba(0, 0, 0, 0.3);
}

.f-black-31 {
  color: rgba(0, 0, 0, 0.31);
}

.f-black-32 {
  color: rgba(0, 0, 0, 0.32);
}

.f-black-33 {
  color: rgba(0, 0, 0, 0.33);
}

.f-black-34 {
  color: rgba(0, 0, 0, 0.34);
}

.f-black-35 {
  color: rgba(0, 0, 0, 0.35) !important; /*240104 important 추가*/
}

.f-black-36 {
  color: rgba(0, 0, 0, 0.36);
}

.f-black-37 {
  color: rgba(0, 0, 0, 0.37);
}

.f-black-38 {
  color: rgba(0, 0, 0, 0.38);
}

.f-black-39 {
  color: rgba(0, 0, 0, 0.39);
}

.f-black-40 {
  color: rgba(0, 0, 0, 0.4);
}

.f-black-41 {
  color: rgba(0, 0, 0, 0.41);
}

.f-black-42 {
  color: rgba(0, 0, 0, 0.42);
}

.f-black-43 {
  color: rgba(0, 0, 0, 0.43);
}

.f-black-44 {
  color: rgba(0, 0, 0, 0.44);
}

.f-black-45 {
  color: rgba(0, 0, 0, 0.45);
}

.f-black-46 {
  color: rgba(0, 0, 0, 0.46);
}

.f-black-47 {
  color: rgba(0, 0, 0, 0.47);
}

.f-black-48 {
  color: rgba(0, 0, 0, 0.48);
}

.f-black-49 {
  color: rgba(0, 0, 0, 0.49);
}

.f-black-50 {
  color: rgba(0, 0, 0, 0.5);
}

.f-black-51 {
  color: rgba(0, 0, 0, 0.51);
}

.f-black-52 {
  color: rgba(0, 0, 0, 0.52);
}

.f-black-53 {
  color: rgba(0, 0, 0, 0.53);
}

.f-black-54 {
  color: rgba(0, 0, 0, 0.54);
}

.f-black-55 {
  color: rgba(0, 0, 0, 0.55);
}

.f-black-56 {
  color: rgba(0, 0, 0, 0.56);
}

.f-black-57 {
  color: rgba(0, 0, 0, 0.57);
}

.f-black-58 {
  color: rgba(0, 0, 0, 0.58);
}

.f-black-59 {
  color: rgba(0, 0, 0, 0.59);
}

.f-black-60 {
  color: rgba(0, 0, 0, 0.6);
}

.f-black-61 {
  color: rgba(0, 0, 0, 0.61);
}

.f-black-62 {
  color: rgba(0, 0, 0, 0.62);
}

.f-black-63 {
  color: rgba(0, 0, 0, 0.63);
}

.f-black-64 {
  color: rgba(0, 0, 0, 0.64);
}

.f-black-65 {
  color: rgba(0, 0, 0, 0.65);
}

.f-black-66 {
  color: rgba(0, 0, 0, 0.66);
}

.f-black-67 {
  color: rgba(0, 0, 0, 0.67);
}

.f-black-68 {
  color: rgba(0, 0, 0, 0.68);
}

.f-black-69 {
  color: rgba(0, 0, 0, 0.69);
}

.f-black-70 {
  color: rgba(0, 0, 0, 0.7);
}

.f-black-71 {
  color: rgba(0, 0, 0, 0.71);
}

.f-black-72 {
  color: rgba(0, 0, 0, 0.72);
}

.f-black-73 {
  color: rgba(0, 0, 0, 0.73);
}

.f-black-74 {
  color: rgba(0, 0, 0, 0.74);
}

.f-black-75 {
  color: rgba(0, 0, 0, 0.75);
}

.f-black-76 {
  color: rgba(0, 0, 0, 0.76);
}

.f-black-77 {
  color: rgba(0, 0, 0, 0.77);
}

.f-black-78 {
  color: rgba(0, 0, 0, 0.78);
}

.f-black-79 {
  color: rgba(0, 0, 0, 0.79);
}

.f-black-80 {
  color: rgba(0, 0, 0, 0.8);
}

.f-black-81 {
  color: rgba(0, 0, 0, 0.81);
}

.f-black-82 {
  color: rgba(0, 0, 0, 0.82);
}

.f-black-83 {
  color: rgba(0, 0, 0, 0.83);
}

.f-black-84 {
  color: rgba(0, 0, 0, 0.84);
}

.f-black-85 {
  color: rgba(0, 0, 0, 0.85);
}

.f-black-86 {
  color: rgba(0, 0, 0, 0.86);
}

.f-black-87 {
  color: rgba(0, 0, 0, 0.87);
}

.f-black-88 {
  color: rgba(0, 0, 0, 0.88);
}

.f-black-89 {
  color: rgba(0, 0, 0, 0.89);
}

.f-black-90 {
  color: rgba(0, 0, 0, 0.9);
}

.f-black-91 {
  color: rgba(0, 0, 0, 0.91);
}

.f-black-92 {
  color: rgba(0, 0, 0, 0.92);
}

.f-black-93 {
  color: rgba(0, 0, 0, 0.93);
}

.f-black-94 {
  color: rgba(0, 0, 0, 0.94);
}

.f-black-95 {
  color: rgba(0, 0, 0, 0.95);
}

.f-black-96 {
  color: rgba(0, 0, 0, 0.96);
}

.f-black-97 {
  color: rgba(0, 0, 0, 0.97);
}

.f-black-98 {
  color: rgba(0, 0, 0, 0.98);
}

.f-black-99 {
  color: rgba(0, 0, 0, 0.99);
}

.f-black-100 {
  color: black;
}

.f-elem-sub {
  color: #58afff !important;
} /* 250611 추가 */

.f-center {
  text-align: center;
}

.f-left {
  text-align: left !important;
}

.f-right {
  text-align: right;
}

.vertical-top {
  vertical-align: top;
}
.vertical-bottom {
  vertical-align: bottom;
}
.vertical-middle {
  vertical-align: middle;
}

/* TEXT TYPE */
.text-title {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.text-title.is--between {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.text-title.is--center {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.text-bullet {
  position: relative;
  padding-left: 16px;
  margin-top: 10px;
}
.text-bullet,
.text-bullet p {
  font-size: 12px;
  line-height: 16px;
}
.text-bullet::before {
  position: absolute;
  display: block;
  width: 4px;
  height: 4px;
  top: 5px;
  left: 0;
  background-color: #000000;
  border-radius: 4px;
  opacity: 0.5;
  content: "";
}
.text-bullet.is--light::before {
  opacity: 0.4;
}
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.text-underline--black {
  border-bottom: 1px solid #000000;
}
.text-underline--violet {
  border-bottom: 1px solid #7e44fb;
}
.text-nowrap {
  white-space: nowrap;
}
.text-left {
  text-align: left;
}

/* ←←←←←←←←←←←←←←←←←←←←← [MODULES] */
body {
  overflow: hidden;
  overflow-y: auto;
  min-width: 1024px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.wrap {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 100%;
  min-width: 720px;
  background-color: #edf1fc;
}
.wrap.is--dark:not(.is--intro) {
  background-color: #20114f;
  color: #ffffff;
}

header,
footer {
  flex-shrink: 0;
  flex-grow: 0;
  position: relative;
  z-index: 10;
}

.container {
  flex-shrink: 1;
  flex-grow: 1;
  overflow: hidden;
}

.contents-area {
  margin: 0 auto;
  padding-bottom: 100px;
}

.contents--title {
  position: relative;
  background: linear-gradient(93.71deg, #6562f5 -8.53%, #9b68f3 99.07%);
}
.contents--title::before {
  position: absolute;
  width: 231px;
  height: 116px;
  top: 0;
  left: 0;
  background-image: url(../images/img/titlebg-left.png);
  content: "";
}
.contents--title__box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
  height: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  margin: 0 auto;
}
.contents--title__box::after {
  position: absolute;
  width: 278px;
  height: 91px;
  bottom: 0;
  right: -278px;
  background-image: url(../images/img/titlebg-right.png);
  content: "";
}
.contents--title__text {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #ffffff;
  font-weight: 700;
  font-size: 32px;
}
@media (max-width: 1199px) {
  .contents--title__text {
    font-size: 24px;
  }
}
.contents--title__text .button-prev {
  margin-right: 13px;
}
.contents--title__text .tooltip--box-wrap {
  width: 28px;
  height: 28px;
  margin-left: 7px;
}
.contents--title__text .tooltip--box-wrap .tooltip--button {
  width: 100%;
  height: 100%;
}
.contents--title__text .tooltip--box-text {
  color: #000000;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
@media (max-width: 1199px) {
  .contents--title__text .tooltip--box {
    /* [이슈리스트 : 230830][2658] 타블렛 툴팁 위치 대응 */
    transform: translateX(-30%);
  }
  .contents--title__text .tooltip--box.arrow--center .tooltip--box-inner::after,
  .contents--title__text
    .tooltip--box.arrow--center
    .tooltip--box-inner::before {
    left: 30.2%;
  }
}
.contents--title__text .title__text--sub {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 28px;
  padding-left: 28px;
  font-size: 28px;
  line-height: 32px;
  font-weight: 700;
}
@media (max-width: 1199px) {
  .contents--title__text .title__text--sub {
    gap: 16.8px;
    padding-left: 16.8px;
    font-size: 24px;
  }
}
.contents--title__text .title__text--sub::before {
  display: block;
  width: 1px;
  height: 24px;
  background-color: rgba(255, 255, 255, 0.5);
  content: "";
}
.contents--title__text
  .title__text--sub
  .dropdown--area.open
  .dropdown--select::after {
  transform: rotate(0);
}
.contents--title__text .title__text--sub .dropdown--select {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 15px;
  padding: 0;
  background-color: transparent;
  border: none;
  border-radius: 0;
  color: #ffffff;
  font-size: 28px;
  line-height: 32px;
  font-weight: 800;
}
.contents--title__text .title__text--sub .dropdown--select::after {
  flex-shrink: 0;
  flex-grow: 0;
  position: relative;
  width: 32px;
  height: 32px;
  margin: 0;
  top: auto;
  right: auto;
  background-image: url("../images/ico/up-white.svg");
  transform: rotate(180deg);
}
.contents--title__center {
  color: #ffffff;
  font-size: 24px;
  font-weight: 800;
}
.contents--title__right {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #ffffff;
  /* search */
}
.contents--title__right .date--button {
  gap: 24px;
}
.contents--title__right .date--button .button-icon {
  width: 36px;
  height: 36px;
}
.contents--title__right:not(.is--search) .dropdown--area {
  width: 318px;
}
@media (max-width: 1199px) {
  .contents--title__right:not(.is--search) .dropdown--area {
    width: 240px;
  }
}
.contents--title__right:not(.is--search)
  .dropdown--area.has--data
  .dropdown--select {
  color: #ffffff;
}
.contents--title__right:not(.is--search) .dropdown--select {
  min-height: 36px;
  padding: 8px 42px 8px 20px;
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
  border-radius: 50px;
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}
.contents--title__right:not(.is--search) .dropdown--select::after {
  width: 30px;
  height: 30px;
  right: 12px;
  background-image: url("../images/ico/down-white.svg");
}
.contents--title__right:not(.is--search) .dropdown--box {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.contents--title__right.is--search {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  width: 485px;
  gap: 16px;
}
@media (min-width: 769px) and (max-width: 1199px) {
  .contents--title__right.is--search {
    width: 355px;
  }
}
.contents--title__right.is--search .button-icon {
  margin-right: -8px;
}
.contents--title__right.is--search .title-search__filter {
  position: absolute;
  display: none;
  width: 497px;
  top: 100%;
  right: 0;
  padding: 28px;
  margin-top: 8px;
  z-index: 1;
}
.contents--title__right.is--search .title-search__filter .button-main {
  width: 98px;
}
.contents--title__right.is--search .title-search__filter td {
  color: #000000;
}
.contents--title__right.is--search.active .title-search__filter {
  display: block;
}
.contents--title.no-bg::before {
  display: none;
}
.contents--title.no-bg .contents--title__text {
  font-size: 28px;
}
.contents--title.no-bg .contents--title__box {
  height: 86px;
  padding-top: 19px;
  padding-bottom: 19px;
}
.contents--title.no-bg .contents--title__box::after {
  display: none;
}
.contents--title.no-bg .contents--title__box .myclass__guide--origin {
  line-height: 40px;
}
.contents--title.no-bg
  .contents--title__box
  .myclass__guide--origin
  + .tooltip--box.arrow--right {
  right: 0;
}

.chatbot--area {
  position: fixed;
  bottom: 64px;
  right: 64px;
  z-index: 700;
}
.chatbot--area::after {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 5;
  content: "";
}
.chatbot--area.open::after,
.chatbot--area.hover::after {
  display: block;
}
.chatbot--area.open .chatbot--text,
.chatbot--area.hover .chatbot--text {
  display: none;
}
.chatbot--area.open .chatbot--menubox,
.chatbot--area.hover .chatbot--menubox {
  display: flex;
}
.chatbot--area.open .chatbot--button .icon,
.chatbot--area.hover .chatbot--button .icon {
  width: 34px;
  height: 34px;
  background-image: url("../images/ico/chatbot-close-white.svg");
  background-size: 34px;
}
.chatbot--box {
  position: relative;
  width: 86px;
  height: 86px;
  z-index: 10;
}
.chatbot--button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 86px;
  height: 86px;
  background: linear-gradient(327.72deg, #ee29ff 16.78%, #02caf5 84.66%);
  border-radius: 48px;
  z-index: 15;
}
.chatbot--button .icon {
  /* 241112 챗봇 아이콘 변경 */
  display: block;
  width: 86px;
  height: 86px;
  background-image: url("../images/ico/ic_chatbot_white_86px.svg");
  background-size: 86px;
}
.chatbot--text {
  position: absolute;
  right: 0;
  bottom: 100%;
  padding: 14px 18px;
  margin-bottom: 16px;
  margin-right: 43px;
  background-color: #ffffff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  border-radius: 48px 48px 0 48px;
  color: #000000;
  font-size: 18px;
  line-height: 20px;
  white-space: nowrap;
}
.chatbot--menubox {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  display: none;
  gap: 16px;
  position: absolute;
  right: 0;
  bottom: 100%;
  padding-right: 11px;
  padding-bottom: 59px;
  margin-bottom: -43px;
  z-index: 10;
}
.chatbot--menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
.chatbot--menu .icon {
  flex-shrink: 0;
  flex-grow: 0;
  width: 64px;
  height: 64px;
  background-color: #ffffff;
  background-size: 40px;
  border-radius: 64px;
}
.chatbot--menu .button {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
}
.chatbot--menu .button span {
  font-size: 16px;
  line-height: 18px;
  white-space: nowrap;
}
.chatbot--menu .button .text {
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}
.chatbot--menu .button .arr {
  display: none;
}
.chatbot--menu.is--bot .icon {
  background-image: url("../images/ico/chatbot-bot-violet.svg");
}
.chatbot--menu.is--tool .icon {
  background-image: url("../images/ico/chatbot-roulette-violet.svg");
}
.chatbot--menu.is--sticker .icon {
  background-image: url("../images/ico/chatbot-sticker-violet.svg");
  background-size: 44px;
}
.chatbot--menu.is--talk .icon {
  background-image: url("../images/ico/chatbot-talk-violet.svg");
  background-size: 44px;
}
.chatbot--iframe {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #ffffff;
  z-index: 900;
  box-sizing: border-box;
}

.loading--area {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.loading--area .loading--img {
  width: 200px;
  height: 200px;
}

/* HEADER */
header {
  position: relative;
}
.header-open header {
  z-index: 15;
}

header .header--wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 21px;
  padding-bottom: 20px;
  margin: 0 auto;
}
header .header--wrapper,
header .header--wrapper a,
header .header--wrapper button,
header .header--wrapper li {
  font-size: 20px;
  font-weight: 700;
  line-height: 39px;
}
header .header--logo .tooltip--button {
  display: block;
  width: 68px;
  height: 58px;
}
header .header--menu__box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
header .header--menu__box ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 50px;
  margin-left: 60px;
  list-style: none;
}
@media (max-width: 1199px) {
  header .header--menu__box ul {
    margin-left: 30px;
    gap: 24px;
  }
}
header .header--menu__box ul li {
  position: relative;
  display: block;
}
header .header--menu__box ul li .header--menu__item {
  display: block;
  font-weight: 700;
  line-height: 39px;
}
header .header--menu__box ul li .header--menu__item.active {
  font-weight: 800;
}
header
  .header--menu__box
  ul
  li
  .header--menu__item:hover
  + .header--menu__depth2 {
  display: block;
}
header .header--menu__box ul li .header--menu__depth2 {
  position: absolute;
  display: none;
  top: 100%;
  padding-top: 19px;
  z-index: 10;
}
header .header--menu__box ul li .header--menu__depth2:hover {
  display: block;
}
header
  .header--menu__box
  ul
  li
  .header--menu__depth2
  .header--menu__depth2-box {
  padding: 10px;
  border-radius: 8px;
}
header .header--menu__box ul li .header--menu__depth2 a {
  display: block;
  width: 136px;
  padding: 0 10px;
  border-radius: 4px;
  font-size: 14px;
  text-align: left;
  line-height: 36px;
  white-space: nowrap;
}
header .header--menu__box ul li .header--menu__depth2 a:not(:first-child) {
  margin-top: 6px;
}
header .header--menu__box ul li .header--menu__depth2 a:hover {
  font-weight: 700;
}
header .header--menu__box ul li .header--menu__depth2.open,
header .header--menu__box ul li .header--menu__depth2:hover {
  display: block;
}
header .header--utill {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
}
@media (max-width: 1199px) {
  header .header--utill {
    gap: 10px;
  }
}
header .header--utill .header--utill__cs,
header .header--utill .header--utill__noti > a,
header .header--utill .header--utill__noti > button {
  width: 40px;
  height: 40px;
}
header .header--utill .header--utill__noti {
  position: relative;
}
header .header--utill .header--utill__noti > a,
header .header--utill .header--utill__noti > button {
  position: relative;
  display: block;
}
header .header--utill .header--utill__noti.new > a::after,
header .header--utill .header--utill__noti.new > button::after {
  position: absolute;
  width: 9px;
  height: 9px;
  top: 11px;
  right: 7px;
  border-radius: 9px;
  background-color: #7e44fb;
  border: 1.5px solid #ffffff;
  content: "";
}
header .header--utill .header--utill__noti.open .header__noti {
  display: block;
}
header .header--utill .header--utill__noti .header__noti {
  position: absolute;
  display: none;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 15;
}
header .header--utill .header--utill__noti .header__noti-inner {
  position: relative;
  min-width: 146px;
}
header .header--utill .header--utill__noti .header__noti-inner::after,
header .header--utill .header--utill__noti .header__noti-inner::before {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  margin-top: 1px;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%) rotate(180deg);
  content: "";
}
header .header--utill .header--utill__noti .header__noti-inner::after {
  border-width: 14px 9px 0 9px;
  border-color: #ffffff transparent transparent transparent;
  border-style: solid;
  z-index: 15;
}
header .header--utill .header--utill__noti .header__noti-inner::before {
  border-width: 15.68px 10.68px 0 10.68px;
  border-color: #cccccc transparent transparent transparent;
  border-style: solid;
  z-index: 10;
}
header .header--utill .header--utill__noti .header__noti-text {
  position: relative;
  background: #ffffff;
  width: 390px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  z-index: 7;
}
header
  .header--utill
  .header--utill__noti
  .header__noti-text
  .tab--wrapper
  .tab-box {
  height: 61px;
}
header
  .header--utill
  .header--utill__noti
  .header__noti-text
  .tab--wrapper
  .tab-box
  .tab--button {
  padding-top: 20px;
  padding-bottom: 17px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  line-height: 18px;
}
header
  .header--utill
  .header--utill__noti
  .header__noti-text
  .tab--wrapper
  .tab-box
  .tab--button.active {
  color: #7e44fb;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
}
header
  .header--utill
  .header--utill__noti
  .header__noti-text
  .tab--wrapper
  .tab--contents {
  overflow: hidden;
  overflow-y: auto;
  max-height: 598px;
  padding: 0 24px 26px;
}
header .header--utill .header--utill__noti .header__noti .noti-alarm--empty {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 128px;
  padding-top: 26px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  line-height: 16px;
}
header .header--utill .header--utill__noti .header__noti .noti-alarm--list li {
  position: relative;
}
header
  .header--utill
  .header--utill__noti
  .header__noti
  .noti-alarm--list
  li::after {
  position: absolute;
  display: none;
  top: 10px;
  right: -8px;
  bottom: 10px;
  left: -8px;
  background-color: rgba(126, 68, 251, 0.1);
  border-radius: 4px;
  content: "";
  z-index: 5;
}
header
  .header--utill
  .header--utill__noti
  .header__noti
  .noti-alarm--list
  li
  button {
  position: relative;
  display: block;
  width: 100%;
  padding: 20px 0;
  text-align: left;
  z-index: 10;
}
header
  .header--utill
  .header--utill__noti
  .header__noti
  .noti-alarm--list
  li
  p {
  position: relative;
  padding-left: 14px;
}
header
  .header--utill
  .header--utill__noti
  .header__noti
  .noti-alarm--list
  li:not(:first-child) {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
header
  .header--utill
  .header--utill__noti
  .header__noti
  .noti-alarm--list
  li:hover::after {
  display: block;
}
header
  .header--utill
  .header--utill__noti
  .header__noti
  .noti-alarm--list
  li.noti
  .noti-alarm--title::before {
  background-color: #9568f4;
}
/* 250625 수정 */
header
  .header--utill
  .header--utill__noti
  .header__noti
  .noti-alarm--list
  li.qna
  .noti-alarm--title::before {
  background-color: #ff9960;
} /* 250625 색상 변경 */
header
  .header--utill
  .header--utill__noti
  .header__noti
  .noti-alarm--list
  li.change
  .noti-alarm--title::before {
  background-color: #4fcf82;
}
header
  .header--utill
  .header--utill__noti
  .header__noti
  .noti-alarm--list
  li.delete
  .noti-alarm--title::before {
  background-color: #4382a6;
}
header
  .header--utill
  .header--utill__noti
  .header__noti
  .noti-alarm--list
  li.notice
  .noti-alarm--title::before {
  background-color: #8faeff;
}
header
  .header--utill
  .header--utill__noti
  .header__noti
  .noti-alarm--list
  li.peedback
  .noti-alarm--title::before {
  background-color: #9265ed;
}
header
  .header--utill
  .header--utill__noti
  .header__noti
  .noti-alarm--list
  li.classnote
  .noti-alarm--title::before {
  background-color: #fb81b4;
}
header
  .header--utill
  .header--utill__noti
  .header__noti
  .noti-alarm--list
  li.parents
  .noti-alarm--title::before {
  background-color: #facc1d;
}
header
  .header--utill
  .header--utill__noti
  .header__noti
  .noti-alarm--list
  li.contents
  .noti-alarm--title::before {
  background-color: #ff8989;
}
header
  .header--utill
  .header--utill__noti
  .header__noti
  .noti-alarm--list
  li.onlineschool
  .noti-alarm--title::before {
  background-color: #7779fa;
} /* 250625 온라인학교 case 추가 */
/* //250625 수정 */
header
  .header--utill
  .header--utill__noti
  .header__noti
  .noti-alarm--list
  .noti-alarm--title {
  /* [이슈리스트 : 230825][2545] 알림 : 텍스트 말줄임 처리 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000000;
  font-size: 14px;
  line-height: 16px;
  font-weight: 800;
}
header
  .header--utill
  .header--utill__noti
  .header__noti
  .noti-alarm--list
  .noti-alarm--title::before {
  position: absolute;
  width: 6px;
  height: 6px;
  top: 4px;
  left: 0;
  border-radius: 6px;
  content: "";
}
header
  .header--utill
  .header--utill__noti
  .header__noti
  .noti-alarm--list
  .noti-alarm--text {
  overflow: hidden; /* 250625 수정 */
  text-overflow: ellipsis; /* 250625 수정 */
  white-space: nowrap; /* 250625 수정 */
  margin-top: 6px;
  color: #000000;
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  /* [이슈리스트 : 230803][1568] 알림 아이콘 > 알림 탭: 이미지 비노출처리 */
  /* [이슈리스트 : 230829][2625] 알림 탭 : a link color 조정 */
}

header
  .header--utill
  .header--utill__noti
  .header__noti
  .noti-alarm--list
  .noti-alarm--text
  > span {
  font-size: 16px;
  color: #7779fa;
  font-weight: 700;
  margin-right: 5px;
} /* 250625 추가 */
header
  .header--utill
  .header--utill__noti
  .header__noti
  .noti-alarm--list
  .noti-alarm--text
  img {
  display: none;
}
header
  .header--utill
  .header--utill__noti
  .header__noti
  .noti-alarm--list
  .noti-alarm--text
  a {
  color: #000000;
}
header
  .header--utill
  .header--utill__noti
  .header__noti
  .noti-alarm--list
  .noti-alarm--date {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  line-height: 16px;
}
header .header--utill .header--utill__noti .header__noti .noti-more {
  width: 100%;
  margin-top: 4px;
  background: #f5f8fa;
  border: 1px solid #dddddd;
  border-radius: 10px;
  color: #000000;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
header .header--utill .header--utill__user {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin-left: 14px;
}
@media (max-width: 1199px) {
  header .header--utill .header--utill__user {
    gap: 5px;
    margin-left: 4px;
  }
}
header .header--utill .header--utill__user .header--utill__profile {
  position: relative;
}
header .header--utill .header--utill__user .header--utill__profile a,
header .header--utill .header--utill__user .header--utill__profile button {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
header .header--utill .header--utill__user .header--utill__profile a .img,
header .header--utill .header--utill__user .header--utill__profile button .img {
  width: 36px;
  height: 36px;
  border-radius: 36px;
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile {
  position: absolute;
  display: none;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 15;
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-inner {
  position: relative;
  min-width: 146px;
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-inner::after,
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-inner::before {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  margin-top: 1px;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%) rotate(180deg);
  content: "";
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-inner::after {
  border-width: 14px 9px 0 9px;
  border-color: #f8f9fd transparent transparent transparent;
  border-style: solid;
  z-index: 15;
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-inner::before {
  border-width: 15.68px 10.68px 0 10.68px;
  border-color: #cccccc transparent transparent transparent;
  border-style: solid;
  z-index: 10;
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-text {
  position: relative;
  width: 390px;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  z-index: 7;
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-text
  .mypage--left__profile {
  position: relative;
  height: 238px;
  background-color: #f8f9fd;
  border-radius: 9px 9px 0 0;
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-text
  .mypage--left__profile
  .profile-edit {
  position: absolute;
  width: 40px;
  height: 40px;
  min-width: 0;
  top: 22px;
  right: 25px;
  padding: 0;
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-text
  .mypage--left__profile
  .profile-image,
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-text
  .mypage--left__profile
  .profile-image
  .image {
  width: 90px;
  height: 90px;
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-text
  .mypage--left__profile
  .profile-image
  .image {
  border: 0.5px solid #ffffff;
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-text
  .mypage--left__profile
  .profile-image
  a,
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-text
  .mypage--left__profile
  .profile-image
  button {
  width: 29px;
  height: 29px;
  right: -6px;
  bottom: 1px;
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-text
  .mypage--left__profile
  .profile-name {
  margin-top: 24px;
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-text
  .mypage--left__menubox {
  gap: 20px;
  padding: 24px;
  padding-top: 0;
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-text
  .mypage--left__menubox
  .menubox--area {
  gap: 16px;
  padding-top: 24px;
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-text
  .mypage--left__menubox
  .menubox--area
  .title {
  margin-top: 0;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-text
  .mypage--left__menubox
  .menubox--list {
  gap: 16px;
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-text
  .mypage--left__menubox
  .menubox--list
  a,
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-text
  .mypage--left__menubox
  .menubox--list
  button {
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile.open
  .header__profile {
  display: block;
}
header .header--utill .header--utill__user .header--utill__name {
  margin-left: 5px;
  font-weight: 700;
}
header .header--utill .header--utill__user .header--utill__name strong {
  margin-right: 5px;
  color: #7e44fb;
  font-weight: 700;
}
header .header--utill .header--utill__user .header--utill__devider {
  width: 2px;
  height: 13px;
  margin-right: 5px;
  margin-left: 5px;
}
@media (max-width: 1199px) {
  header .header--utill .header--utill__user .header--utill__devider {
    margin-right: 3px;
    margin-left: 3px;
  }
}
header
  .header--utill
  .header--utill__user
  .header--utill__class
  .dropdown--select {
  padding-right: 30px;
}
header
  .header--utill
  .header--utill__user
  .header--utill__class
  .dropdown--select::after {
  width: 28px;
  height: 28px;
  margin-top: -14px;
}
header
  .header--utill
  .header--utill__user
  .header--utill__class
  .dropdown--box {
  width: 76px;
  right: 0;
  left: auto;
}
header .header--utill .header--utill__user .header--utill__dot {
  width: 4px;
  height: 4px;
  margin-right: 5px;
  margin-left: 5px;
  border-radius: 4px;
}
header .header--utill .header--utill__user .header--utill__logout {
  background-color: transparent;
}

header {
  background-color: #ffffff;
}
header,
header a,
header button {
  color: #000000;
}
header .header--logo .tooltip--button {
  background-image: url(data:image/png;base64,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);
}
header .header--menu__box ul li .header--menu__item.active {
  color: #7e44fb;
}
header .header--menu__box ul li .header--menu__item:hover,
header .header--menu__box ul li .header--menu__item.click {
  color: #7e44fb;
}
header
  .header--menu__box
  ul
  li
  .header--menu__depth2
  .header--menu__depth2-box {
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
header .header--menu__box ul li .header--menu__depth2 a:hover {
  background-color: rgba(126, 68, 251, 0.1);
}
header .header--utill .header--utill__cs {
  background-image: url("../images/ico/cs-black.svg");
}
header .header--utill .header--utill__noti > a,
header .header--utill .header--utill__noti > button {
  background-image: url("../images/ico/noti-black.svg");
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .name
  strong {
  color: #7e44fb;
}
header .header--utill .header--utill__user .header--utill__devider {
  background-color: rgba(0, 0, 0, 0.3);
}
header
  .header--utill
  .header--utill__user
  .header--utill__class
  .dropdown--select {
  color: #000000;
}
header
  .header--utill
  .header--utill__user
  .header--utill__class
  .dropdown--select::after {
  background-image: url("../images/ico/down-black.svg");
}
header .header--utill .header--utill__user .header--utill__dot {
  background-color: #000000;
}

.is--dark header {
  background: linear-gradient(93.71deg, #6562f5 -8.53%, #9b68f3 99.07%);
}
.is--dark header,
.is--dark header a,
.is--dark header button {
  color: #ffffff;
}
.is--dark header .header--logo .tooltip--button {
  background-image: url(data:image/png;base64,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);
}
.is--dark header .header--menu__box ul li .header--menu__item.active {
  color: #3dffdc;
}
.is--dark header .header--menu__box ul li .header--menu__item:hover,
.is--dark header .header--menu__box ul li .header--menu__item.click {
  color: #3dffdc;
}
.is--dark
  header
  .header--menu__box
  ul
  li
  .header--menu__depth2
  .header--menu__depth2-box {
  background-color: #20114f;
}
.is--dark header .header--menu__box ul li .header--menu__depth2 a:hover {
  background-color: #ffffff;
  color: #7e44fb;
}
.is--dark header .header--utill .header--utill__cs {
  background-image: url("../images/ico/cs-white.svg");
}
.is--dark header .header--utill .header--utill__noti > a,
.is--dark header .header--utill .header--utill__noti > button {
  background-image: url("../images/ico/noti-white.svg");
}
.is--dark header .header--utill .header--utill__user .header--utill__name {
  color: #ffffff;
}
.is--dark
  header
  .header--utill
  .header--utill__user
  .header--utill__name
  strong {
  color: #ffffff;
}
.is--dark
  header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .name {
  color: #ffffff;
}
.is--dark
  header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .name
  strong {
  color: #ffffff;
}
.is--dark header .header--utill .header--utill__user .header--utill__devider {
  background-color: rgba(255, 255, 255, 0.3);
}
.is--dark
  header
  .header--utill
  .header--utill__user
  .header--utill__class
  .dropdown--select {
  color: #ffffff;
}
.is--dark
  header
  .header--utill
  .header--utill__user
  .header--utill__class
  .dropdown--select::after {
  background-image: url("../images/ico/down-white.svg");
}
.is--dark header .header--utill .header--utill__user .header--utill__dot {
  background-color: #ffffff;
}

/* HEADER */
footer {
  position: relative;
}
footer .footer--wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 53px;
  padding-bottom: 66px;
  margin: 0 auto;
}
footer .footer--logo {
  width: calc(100% + 52px);
  margin-top: -16px;
  margin-bottom: 72px;
  font-size: 0;
}
footer .footer--logo a {
  vertical-align: top;
  display: inline-block;
  margin: 16px 24px;
}
footer .footer--logo .logo-01 {
  width: 133px;
  height: 34px;
  background-size: auto 34px;
}
footer .footer--logo .logo-02 {
  width: 120px;
  height: 35px;
  background-size: auto 35px;
}
footer .footer--logo .logo-03 {
  width: 171px;
  height: 24px;
  background-size: auto 24px;
}
footer .footer--logo .logo-04 {
  width: 92px;
  height: 29px;
  background-size: auto 29px;
}
footer .footer--logo .logo-05 {
  width: 193px;
  height: 33px;
  background-size: auto 33px;
}
footer .footer--logo .logo-06 {
  width: 157px;
  height: 27px;
  background-size: auto 27px;
}
footer .footer--bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}
footer .footer--text {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 22px;
  margin-bottom: 18px;
}
footer .footer--text:first-child {
  margin-bottom: 38px;
}
footer .footer--text:last-child {
  margin-bottom: 0;
}
footer .footer--text-title {
  font-size: 18px;
  font-weight: 700;
}
footer .footer--text-cont,
footer .footer--text-cont span {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
/* 250724 추가 */
footer .footer--text:last-child .footer--text-cont {
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
}
footer .footer--text-cont a {
  margin-right: 10px;
}
/* 250724 삭제 */
/*footer .footer--text-cont span:not(:first-child)::before {
  display: block;
  width: 1px;
  height: 12px;
  content: "";
}*/
footer .footer--copy {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 24px;
}
footer .footer--copy-logo {
  width: 200px;
  height: 54px;
}
footer .footer--copy-text {
  font-size: 18px;
}

footer .footer--logo .logo-01 {
  background-image: url("../images/img/footer-01.svg");
}
footer .footer--logo .logo-02 {
  background-image: url("../images/img/footer-02-white.png");
}
footer .footer--logo .logo-03 {
  background-image: url("../images/img/footer-03.png");
}
footer .footer--logo .logo-04 {
  background-image: url("../images/img/footer-04.png");
}
footer .footer--logo .logo-05 {
  background-image: url("../images/img/footer-05.png");
}
footer .footer--logo .logo-06 {
  background-image: url("../images/img/footer-06.png");
}
footer .footer--text-title {
  color: #000000;
}
footer .footer--text-cont a {
  color: #000000;
}
footer .footer--text-cont span {
  color: rgba(0, 0, 0, 0.6);
}
footer .footer--text-cont span:not(:first-child)::before {
  background-color: rgba(0, 0, 0, 0.3);
}
footer .footer--copy-logo {
  background-image: url("../images/img/footer-logo-black.png");
}
footer .footer--copy-text {
  color: rgba(0, 0, 0, 0.4);
}

.is--dark:not(.ele_ui):not(.is--intro) footer .footer--logo .logo-01 {
  background-image: url("../images/img/footer-01-white.svg"); /* [KT요청 : 230911] 경기도 교육청 하얀색 추가 */
}
.is--dark:not(.ele_ui):not(.is--intro) footer .footer--logo .logo-02 {
  background-image: url("../images/img/footer-02.png");
}
.is--dark:not(.ele_ui):not(.is--intro) footer .footer--logo .logo-03 {
  background-image: url("../images/img/footer-03.png");
}
.is--dark:not(.ele_ui):not(.is--intro) footer .footer--logo .logo-04 {
  background-image: url("../images/img/footer-04.png");
}
.is--dark:not(.ele_ui):not(.is--intro) footer .footer--logo .logo-05 {
  background-image: url("../images/img/footer-logo5-dark.png");
}
.is--dark:not(.ele_ui):not(.is--intro) footer .footer--logo .logo-06 {
  background-image: url("../images/img/footer-logo6-white.png");
}
.is--dark:not(.ele_ui):not(.is--intro) footer .footer--text-title {
  color: #ffffff;
}
.is--dark:not(.ele_ui):not(.is--intro) footer .footer--text-cont a {
  color: #ffffff;
}
.is--dark:not(.ele_ui):not(.is--intro) footer .footer--text-cont span {
  color: rgba(255, 255, 255, 0.6);
}
.is--dark:not(.ele_ui):not(.is--intro)
  footer
  .footer--text-cont
  span:not(:first-child)::before {
  background-color: rgba(255, 255, 255, 0.3);
}
.is--dark:not(.ele_ui):not(.is--intro) footer .footer--copy-logo {
  background-image: url("../images/img/footer-logo-white.png");
}
.is--dark:not(.ele_ui):not(.is--intro) footer .footer--copy-text {
  color: rgba(255, 255, 255, 0.4);
}

/* ←←←←←←←←←←←←←←←←←←←←← [LAYOUT] */
/* 240522 맑은고딕 폰트 삭제 */
/* input[type=text]:not(.input--datepicker):not(:disabled):not(:read-only),
textarea:not(:disabled):not(:read-only) {
  font-family: "Malgun Gothic", "Dotum", "Arial";
} */

/* 유엑스 스토리 */
/* 231205 pc_공통사항 추가 */
.w_custom-140 {
  width: calc(100% - 140px) !important;
}
.padding-tb-120 {
  padding: 120px 0 !important;
}
.select_tag .dropdown--select {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}
.state-box.is--noti.board_ico {
  background-image: url(../images/ico/noti-board-color.svg);
}
.dim .state-box.is--noti.board_ico {
  background-image: url(../images/ico/noti-board-gray.svg);
}

/* 231212 추가 */
.flex_between {
  display: flex;
  justify-content: space-between !important;
}
.transfer_icon {
  width: 20px;
  height: 20px;
  background-image: url(../images/ico/new_ic.svg);
  display: inline-block;
  position: relative;
  vertical-align: text-top;
}
.transfer_icon button.hide {
  font-size: 0;
  width: 16px;
  height: 16px;
  background-image: url(../images//ico//ic_delete_16px.svg);
  position: absolute;
  top: -6px;
  right: -6px;
  display: none;
}
.transfer_icon:hover button {
  display: block;
}
/* .history_info_table tr td,
.history_info_table tr th {
  padding-left: 0 !important;
} 250530 삭제 */

/* 231222 myclass_v1.2.8, mypage_v1.2.5 수정 */
.width_25per {
  width: calc(25% - 9px);
}
.width_476 {
  width: 476px;
}
.width_98 {
  width: 98px;
}
.pd_table tr td {
  padding: 14px 12px;
}
.tooltip--box-wrap.tooltip_line2 .tooltip--box-text {
  white-space: initial;
}
.tooltip--box-wrap.tooltip_line2 .tooltip--box {
  width: 120%;
}
.tooltip--box-wrap.tooltip_line2 .tooltip--button {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: initial;
}
.dropdown--area.disabled {
  pointer-events: none;
}
.dropdown--area.disabled .dropdown--select {
  border: 1px solid #f3f3f3;
  color: #d9d9d9;
}
.dropdown--area.disabled .dropdown--select::after {
  background-image: url(../images/ico/ic_down.svg);
}
.flex_between_center {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.underline_16 {
  font-size: 16px;
  border-bottom: 1px solid #000;
}
.grey_tag {
  border-radius: 6px;
  background: #f4f4f4;
  padding: 4px 9px;
  display: inline-block;
}
.text_left {
  text-align: left !important;
}

/* 240102 학습 콘텐츠 수정*/
.search_toggle {
  padding: 6px 12px !important;
  gap: 10px;
}
.search_toggle .ico-up-white {
  transform: rotate(180deg);
}
.search_toggle.active .ico-up-white {
  transform: rotate(0);
}
.tab--wrapper.contents_list .tab-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 28px;
  height: auto;
  margin: 30px 0 20px;
}
.tab--wrapper.contents_list .tab-box button {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 18px;
  line-height: 20px;
  opacity: 1;
}
.tab--wrapper.contents_list .tab-box button:not(:first-child)::before {
  position: absolute;
  width: 1px;
  height: 12px;
  top: 50%;
  left: -14px;
  background-color: rgba(0, 0, 0, 0.7);
  transform: translateY(-50%);
  content: "";
}
.tab--wrapper.contents_list .tab-box button.active {
  border-bottom: 1px solid #000;
}
.tab--wrapper.contents_list .tab--contents {
  padding: 0 !important;
}
.textbook--area.is--list .contents_list + .pagenavi--box {
  padding-top: 48px;
}
.ico-share-black02 {
  background-image: url("../images/ico/share_black02.svg");
}

/* 240104  ai 학습진단 */
.state-box.impossible {
  background: #fbfbfb;
  color: #c3c3c3;
}
.state-box.line.impossible {
  background: #fbfbfb;
  color: #c3c3c3;
  border: 1px solid #f1f1f1;
}
.student--card.transfer .light_box {
  position: absolute;
  background: rgba(255, 255, 255, 0.6);
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
}
.detail-analysis__complete,
.detail-analysis__notry,
.detail-analysis__all {
  background: #fff;
}
.detail-analysis__complete::before {
  background-image: url(../images/ico/icon_done_green.svg);
}
.detail-analysis__notry::before {
  background-image: url(../images/ico/icon_skip_orange.svg);
}
.detail-analysis__all::before {
  background-image: url(../images/ico/icon_test_purple.svg);
}

/* 240112 myclass, main, contents*/
.f-gray-c3 {
  color: #c3c3c3;
}
.state-box.impossible-end {
  min-width: 58px;
  background: #f3f3f3;
}
.button-unable.line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px;
  border-radius: 20px;
  border: 1px solid #897cb0;
  background: #68569d;
  box-shadow: 0px 4px 26px 0px rgba(15, 6, 46, 0.2);
  backdrop-filter: blur(15px);
  width: 360px;
  height: 88px;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}
.button-unable.line:hover {
  background: #7e44fb;
}
.ico-link {
  background-image: url(../images/ico/ic_link_white.svg);
}

/* 240115 우리반 게시판 */
.zindex6 {
  z-index: 6 !important;
}

/* 240117 월간리포트 */
.f-15 {
  font-size: 15px;
}
.f-15-sb {
  font-size: 15px;
  font-weight: 700;
}
.f-gray-76 {
  color: #767676;
}
.f-orange {
  color: #ff9960;
}
.width-624 {
  width: 624px !important;
}
.width-432 {
  width: 432px !important;
}
.state-box.line.somepoor {
  background: #ffede2;
  border: 1px solid #ffb085;
  color: #ff8440;
}
.state-box.line.height-40 {
  height: 40px;
  font-size: 28px;
  line-height: 26px;
  font-weight: 800;
  border-width: 2px;
}
.state-box.line.height-28 {
  height: 28px;
  font-size: 14px;
  line-height: 12px;
  font-weight: 800;
  border-width: 2px;
}
.tab_chart .tab-box {
  display: flex;
  justify-content: space-between;
  height: auto;
  align-items: center;
  margin: 48px 0 14px;
}
.tab_chart .tab--wrapper .tab-box .tab_btn_box {
  border-radius: 8px;
  border: 1px solid #d6d6d6;
  overflow: hidden;
  height: 40px;
  display: flex; /* 240828 추가*/
}
.tab_chart .tab--wrapper .tab-box .tab--button:first-child {
  border-right: 1px solid #d6d6d6;
}
.tab_chart .tab--wrapper .tab-box .tab--button {
  min-width: 120px;
  background: transparent;
  border-radius: 0;
  margin-top: 0;
  padding: 11px 0;
  color: #000;
  font-weight: 400;
  font-size: 16px;
}
.tab_chart .tab--wrapper .tab-box .tab--button.active {
  color: #7e44fb;
  font-size: 16px;
  font-weight: 700;
  background: #fff;
}
.tab_chart .tab--contents {
  padding: 0 !important;
}
.box-grid.box-grid-3 .box-bg__white {
  flex: 1;
  padding: 30px;
}
.tab--wrapper.opacity .tab--contents {
  top: 0;
  opacity: 0;
  height: 0;
  display: block;
  visibility: hidden;
}
.tab--wrapper.opacity .tab--contents.active {
  opacity: 1;
  height: auto;
  visibility: visible;
}

/* 240124 이미지 로고 사이즈 */
header .header--logo .tooltip--button {
  width: auto;
}
header .header--logo .tooltip--button img {
  height: 100%;
}
footer .footer--logo {
  display: flex;
  justify-content: space-between;
}
footer .footer--logo a {
  width: 100% !important;
  height: 26px !important;
  background-size: contain !important;
  margin: 0;
}
footer .footer--copy-logo {
  width: auto;
}
footer .footer--copy-logo img {
  height: 100%;
}

/* 240206 학습진단 수정 */
/* 240206 문제집 상세 폰트 이슈 수정 */
.table--list.f-16 table tr td {
  font-size: 16px !important;
}
table.border_l_none tr td {
  border-left: none !important;
}
table.border_b_none tr td {
  border-bottom: none !important;
}

.scroll_custom {
  overflow-y: scroll;
}
.errata {
  max-height: 213px;
} /* 240911 수정 */
.errata table tr td,
.errata table tr th {
  height: 56px !important;
  padding: 0 !important;
}
.txt_center {
  text-align: center !important;
}

/* 240213 로그인페이지 팝업 */
.layer-new_semester .layer__contents {
  padding: 72px 40px 80px !important;
  width: 810px;
}
.layer-manager .layer__contents {
  padding: 29px 24px 18px !important;
  min-height: 0 !important;
  align-items: flex-start !important;
  width: 475px;
}
.hide_btn {
  width: 32px;
  height: 32px;
  font-size: 0;
  cursor: default !important;
  position: absolute;
  top: 40px;
  right: 40px;
}
.width_full {
  width: 100% !important;
}

/* 240216 과목 개설 안내문구 추가 */
.lesson_alert {
  height: 50px;
  background: rgba(164, 121, 255, 0.1);
  border-radius: 16px;
  padding: 14px 20px;
  vertical-align: middle;
  color: #7e44fb;
  margin: 46px 0 24px;
}
i.ico-tooltip-violet {
  vertical-align: text-bottom;
}
.ico-tooltip-violet {
  background-image: url("../images/ico/icon_tooltip.svg ");
}
.dropdown--box > .dropdown--item.disabled {
  color: rgba(0, 0, 0, 0.3);
  pointer-events: none;
}

/* 240226 정오표 주관식 답안 case 추가 */
.normal_160 {
  white-space: normal;
  width: 160px;
}

/* 240229 수정 */
.button-main.line.transparent {
  background: none;
}
/* 240305 다크모드인 경우 추가 */
.gray_link,
.is--dark header .gray_link {
  font-size: 16px !important;
  line-height: 18px !important;
  color: rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
.gray_link:hover {
  color: rgba(0, 0, 0, 0.6);
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  font-weight: bold;
}

/* 240314 공통 스타일 추가 */
.zindex_1 {
  z-index: 1;
}
.intro-noti.teacher-online .online-student--list li {
  gap: 0;
}
/* 240315 ai논술진단 버튼 추가 */
.button-main.beta {
  position: relative;
  padding: 0 20px;
  height: 44px;
  min-width: 134px;
  color: #7e44fb;
  border: 1px solid #7e44fb;
}
/* .button-main.beta:before {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  content: "BETA";
  clear: both;
  font-size: 11px;
  font-weight: 700;
  color: #684c15;
  width: 34px;
  height: 16px;
  background: #ffe03e;
  top: -7px;
  right: -9px;
} */ /* 250220 삭제 */
/* 240321 ai논술진단 버튼 툴팁, 비활성화 추가 */
.tooltip--box-wrap .button-main.beta + .tooltip--box {
  transform: translateX(0);
  left: initial;
  right: -9px;
}
.tooltip--box-wrap
  .button-main.beta
  + .tooltip--box.title-aitest
  .tooltip--box-inner::before,
.tooltip--box-wrap
  .button-main.beta
  + .tooltip--box.title-aitest
  .tooltip--box-inner::after {
  right: 69px;
  left: initial;
}
.button-main.beta:disabled {
  background: #f7f4ff;
  color: #b28ffd;
  border-color: #b28ffd;
  opacity: 1;
}
.tab_same .tab--button {
  flex: 1;
}

/* 240322 공지사항 이미지 크기 이슈 */
.mypage-alram--center,
.mypage-alram--textbox,
.img_box img {
  width: 100%;
}
/* 250423 공지사항 이미지 크기 이슈 추가 */
.img_box img {
  width: 100% !important;
  height: auto !important;
}
.video_box {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.video_box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* 240322 월간리포트 툴팁, 로그인 비밀번호 기능 추가 */
.box--edit-title .tooltip--box-text {
  color: #000;
}
.main-eye {
  background-image: url(../images/ico/ic_eye.svg);
}
.main-eye.disabled {
  background-image: url(../images/ico/ic_eye_disabled.svg);
}
.password_box {
  position: relative;
}
.password_box i {
  position: absolute;
  top: 12px;
  right: 17px;
  cursor: pointer;
}

/* 240326 학부모 로그인 인증 */
.password_box + .input-box--required.is--error {
  margin-top: 10px;
}
.ico-noti-parents-color,
.is--noti.parents {
  background-image: url(../images/ico/statebox_noti_parents_allow.svg);
}
.dim .is--noti.parents {
  background-image: url(../images/ico/statebox_noti_parents_allow_gray.svg);
}
.parents-account--form {
  margin-top: 20px;
}
.parents-account--form .input-box::placeholder {
  font-size: 16px;
}
.parents-account--form .f-violet-title {
  margin-bottom: 8px;
}
.parents-account--form button {
  height: 60px;
  padding: 0;
  min-width: 142px;
}
.parents.password-change--rule {
  margin-top: 10px;
}
.parents-privacy {
  border-top: 1px solid #d9d9d9;
  margin-top: 32px;
  padding-top: 16px;
}
.parents-privacy .input-check .input--box {
  align-items: center;
}
.parents-privacy .input-check .input--box::before {
  width: 18px;
  height: 18px;
}
.parents-privacy .input-check .input--text {
  font-size: 14px;
}
.parents-privacy .agree-box.box-border__gray {
  height: 172px;
  overflow-y: auto;
  margin-top: 20px;
  display: none;
}
.parents-privacy .agree-box.box-border__gray.active {
  display: flex;
}
.parents-privacy .agree-box__inner {
  padding: 16px;
}
.parents-privacy .agree-box__inner .agree-box__row:not(:first-child) {
  margin-top: 24px;
}
.parents-account--form .certify {
  width: 100%;
  position: relative;
}
.parents-account--form .certify span.f-red {
  position: absolute;
  top: 22px;
  right: 24px;
}

/* 240327 이미지 미리보기  */
.layer-preview__img .layer__container {
  width: 719px;
}
.layer-preview__img .layer__container .layer__title {
  flex-direction: row-reverse;
  background: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}
.layer-preview__img .layer__container .layer__contents {
  padding: 24px;
}

/* 240405 추가 */
.dis_block {
  display: block !important;
}
.shadow_none {
  box-shadow: none !important;
}
.layer-list__video .layer__container .description-button {
  bottom: 46px !important;
}
.layer-list__video .layer__container .alert_text {
  font-size: 13px;
  position: absolute;
  bottom: 12px;
  color: #7e44fb;
}
.f-13-l-sb {
  font-size: 13px;
  font-weight: 700;
}
.input--text.f-16-sb {
  font-weight: 700 !important;
}
.height-auto {
  height: auto !important;
}

/* 240409 추가 */
.width-520 {
  width: 520px !important;
}
.width-640 {
  width: 640px !important;
}
.ico-prev-arrow-gray {
  background-image: url(../images/ico/ic_prev.svg);
}
.ico-next-arrow-gray {
  background-image: url(../images/ico/ic_next.svg);
}

/* 240424 추가 */
.width-426 {
  width: 426px !important;
}

/* 240425 나의 할일, 학습진단, 리포트 */
.bor_1px {
  border-width: 1px !important;
}
.f-d-day {
  color: #ff8c4c !important;
}
.divide_line {
  width: 1px;
  height: 100%;
  background: #d9d9d9;
  font-size: 0 !important;
}

/* 240430 인트로 메인화면 코멘트 */
.emoji_bookpen {
  background-image: url(../images/ico/emoji_bookpen.svg);
}
.emoji_smile {
  background-image: url(../images/ico/emoji_smile.svg);
}
.emoji_board {
  background-image: url(../images/ico/emoji_board.svg);
}
.emoji_worry {
  background-image: url(../images/ico/emoji_worry.svg);
}
.emoji_contents {
  background-image: url(../images/ico/emoji_contents.svg);
}
.emoji_fine {
  background-image: url(../images/ico/emoji_fine.svg);
}
.emoji_love {
  background-image: url(../images/ico/emoji_love.svg);
}
.emoji_sad {
  background-image: url(../images/ico/emoji_sad.svg);
}
.emoji_school {
  background-image: url(../images/ico/emoji_school.svg);
}
.ico-56 {
  width: 56px;
  height: 56px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

/* 240530 학습진단(교사)- 과목탭 모두 제거할 때 이슈 */
.report-month .tab-tags--wrapper .tab-tags.sortable_tag {
  min-height: 58px;
}

/* 240531 학습진단 - 푸터 이슈 */
footer {
  z-index: 9;
}

/* 240529 학습콘텐츠 */
.ico-share-w {
  background-image: url(../images/ico/Share_ic.svg);
}
.ico-publish {
  background-image: url(../images/ico/ico_release.svg);
}
.ico-like-red {
  background-image: url(../images/ico/icon_like_red.svg);
}
.ico-like-w {
  background-image: url(../images/ico/icon_like_w.svg);
}
.ico-view_light {
  background-image: url(../images/ico/ic_view.svg);
}
.ico-download-strong {
  background-image: url(../images/ico/ic_download.svg);
}
.ico-view-normal-gray {
  background-image: url(../images/ico/ic_view_gray.svg);
}
.ico-download-normal-gray {
  background-image: url(../images/ico/ic_download_gray.svg);
}
.ico-more-gray {
  background-image: url(../images/ico/ic_more_gray.svg);
}
.ico-publish-gray {
  background-image: url(../images/ico/ic_release_gray.svg);
}
.ico-share-gray {
  background-image: url(../images/ico/Share_ic_gray.svg);
}
.ico-like-gray {
  background-image: url(../images/ico/icon_like_gray.svg);
}
.ico-pencle-easy {
  background-image: url(../images/ico/icon_easy.svg);
}
.ico-pencle-normal {
  background-image: url(../images/ico/icon_normal.svg);
}
.ico-pencle-hard {
  background-image: url(../images/ico/icon_hard.svg);
}
.ico-letter {
  background-image: url(../images/ico/ico_letter.svg);
}
.ico-completed {
  background-image: url(../images/ico/ico_completed.svg);
}
.ico-letter-gray {
  background-image: url(../images/ico/ico_letter_gray.svg);
}
.ico-completed-gray {
  background-image: url(../images/ico/ico_completed_gray.svg);
}
.f-gray-e6 {
  color: #e6e6e6 !important;
}
.info-tag__menu .tab-menu--box {
  cursor: default;
}
.info-tag__menu .tab-menu--box .dim {
  color: #ccc;
  pointer-events: none;
}

/* 240604 학습 추천콘텐츠  */
.ico-top-1 {
  background-image: url(../images/ico/icon_top1.svg);
}
.ico-top-2 {
  background-image: url(../images/ico/icon_top2.svg);
}
.ico-top-3 {
  background-image: url(../images/ico/icon_top3.svg);
}
.ico-top-4 {
  background-image: url(../images/ico/icon_top4.svg);
}
.ico-top-5 {
  background-image: url(../images/ico/icon_top5.svg);
}

/* 240610 학생 학습 추천콘텐츠 */
.ico-book-violet {
  background-image: url(../images/ico/ic_book_24px.svg);
}
.ico-workbook-violet {
  background-image: url(../images/ico/ic_workbook_24px.svg);
}
.col_gap0 {
  column-gap: 0 !important;
}

/* 240618 설문조사 */
.ico-score {
  background-image: url(../images/img/img_score.svg);
}
.ico-survey-blue {
  background-image: url(../images/ico/img_survey.svg);
}
.ico-check-blue {
  background-image: url(../images/ico/icon_check.svg);
}
.ico-document-blue {
  background-image: url(../images/ico/icon_document.svg);
}
input.border-gray {
  background: transparent;
  border: none;
  border-bottom: 1px solid #b3b3b3;
  border-radius: 0;
  font-size: 16px;
}

/* 240621 페이지네이션 이슈 */
.pagenavi--box {
  gap: 6px;
}
.pagenavi--box .pagenavi--number {
  min-width: 28px;
}
.pagenavi--box .pagenavi--arrow {
  width: 22px;
}
.pagenavi--arrow.is--first {
  margin-right: 0;
}
.pagenavi--arrow.is--last {
  margin-left: 0;
}

/* 240621 학생 대시보드 */
.ico-point {
  background-image: url(../images/ico/ic_point_24px.svg);
  vertical-align: middle;
}
.ico-next-gray-b3 {
  background-image: url(../images/ico/ic_next_gray_b3.svg);
  vertical-align: middle;
}
.em_title {
  font-size: 22px;
  color: #7f66a5;
  font-weight: 700;
}
.em_title .name {
  font-style: normal;
  max-width: 101px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: bottom;
}
.em_title span {
  position: relative;
  color: #7e44fb;
  font-weight: 800;
}
.em_title span::after {
  display: block;
  content: "";
  position: absolute;
  height: 14px;
  right: 0;
  bottom: 0;
  left: -3px;
  background-color: rgba(126, 68, 251, 0.14);
  border-radius: 22px;
  z-index: 5;
}
/* level_badge 240930 수정*/
.level_badge {
  position: relative;
  width: 90px;
  height: 108px;
  background: url(../images/ico/ic_level_01.svg) no-repeat center/contain;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  padding: 15px 15px 28px;
  color: #eec0ff;
}
.level_badge strong {
  position: absolute;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  color: #fff;
  font-size: 36px;
  word-break: normal; /* 241203 추가*/
}
.level_badge.lv_10 {
  background-image: url(../images/ico/ic_level_10.svg);
  color: #d2b7ff;
}
.level_badge.lv_20 {
  background-image: url(../images/ico/ic_level_20.svg);
  color: #d8f3ff;
}
.level_badge.lv_30 {
  background-image: url(../images/ico/ic_level_30.svg);
  color: #e7e9ff;
}
.level_badge.lv_40 {
  background-image: url(../images/ico/ic_level_40.svg);
  color: #ffe4be;
}
.level_badge.lv_50 {
  background-image: url(../images/ico/ic_level_50.svg);
}
.ico-profile-very-bad {
  background-image: url(../images/ico/profile_ico_very_bad.svg);
}
.ico-profile-bad {
  background-image: url(../images/ico/profile_ico_bad.svg);
}
.ico-profile-normal {
  background-image: url(../images/ico/profile_ico_normal.svg);
}
.ico-profile-good {
  background-image: url(../images/ico/profile_ico_good.svg);
}
.ico-profile-very-good {
  background-image: url(../images/ico/profile_ico_very_good.svg);
}
.sr_only {
  overflow: hidden;
  position: absolute;
  clip: rect(0, 0, 0, 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
}

/* 240621 학생 학습콘텐츠 교재 dim처리 */
.tab-textlist.white .tab--button.is_dim,
header .header--menu__box ul li .header--menu__depth2 a.is_dim {
  pointer-events: none;
  color: #ccc;
}
/* 240621 헤더 로고 스타일 */
header .header--logo .tooltip--button {
  width: 80px;
  background-size: contain;
  background-repeat: no-repeat;
}
/* 240621 검색창 input 텍스트 변경 */
input[type="text"]:not([readonly]),
input[type="password"]:not([readonly]) {
  font-family: "Malgun Gothic", sans-serif;
  letter-spacing: -0.5px;
} /* 240904 현행화 맑은고딕으로 변경*/

/* 240625 교사 대시보드, 학급 경영도구 */
.ico-intro-noti {
  background-image: url(../images/ico/ico_teacher_alert.svg);
}
.ico-intro-list {
  background-image: url(../images/ico/ico_teacher_list.svg);
}
.ico-profile-blue {
  background-image: url(../images/ico/ico_profile.svg);
}
.ico-check-green {
  background-image: url(../images/ico/ico_check_green.svg);
}
.ico-point-orange {
  background-image: url(../images/ico/ico_point_orange.svg);
}
.ico-trophy {
  background-image: url(../images/ico/ic_trophy.svg);
}
.ico-point-border {
  background-image: url(../images/tool/ic_points_border.svg);
}
.ico-time-gray-full {
  background-image: url(../images/ico/ic_time_gray.svg);
}
.chatbot--menu.is--sticker .icon,
.ico-profile-level {
  background-image: url(../images/ico/ic_myprofile.svg);
}
.ico-change-violet {
  background-image: url(../images/ico/ic_change.svg);
}

/* 240628고도화 나의교실 */
.ico-dia-heart {
  background-image: url(../images/ico/ic_dia_heart.svg);
}
.ico-diamond {
  background-image: url(../images/ico/ic_diamond.svg);
}
.ico-sun-violet {
  background-image: url(../images/ico/btn_weatherview_violet.svg);
}
.ico-table-violet {
  background-image: url(../images/ico/btn_table_violet.svg);
}
.ico-sun-gray {
  background-image: url(../images/ico/btn_weatherview_gray.svg);
}
.ico-table-gray {
  background-image: url(../images/ico/btn_table_gray.svg);
}
.ico-trophy-yellow {
  background-image: url(../images/ico/ic_ranking_trophy.svg);
}
.ico-lock-gray {
  background-image: url(../images/ico/lock_gray.svg);
}
.ico-graph-gray {
  background-image: url(../images/ico/ic_graph_gray.svg);
}
.ico-graph-violet {
  background-image: url(../images/ico/ic_graph_purple.svg);
}
.ico-present {
  background-image: url(../images/ico/ic_present.svg);
}
.ico-checkmark {
  background-image: url(../images/ico/ic_checkmark.svg);
}
.ico-confetti {
  background-image: url(../images/ico/ic_confetti.svg);
}
.state-box.not_completed {
  background: #ffebeb;
  color: #ff3a3a;
}
.emotion_tag {
  border: 1px solid #e6e6e6;
  border-radius: 26px;
  padding: 8px 14px;
  width: fit-content;
  margin: auto;
  font-size: 14px;
  color: #494949;
  display: flex;
  gap: 8px;
  font-weight: 700;
}
.main-intro-answer {
  background-image: url(../images/ico/img_answer.svg);
}
.main-intro-time {
  background-image: url(../images/ico/img_time.svg);
}
.main-intro-workbook {
  background-image: url(../images/ico/img_workbook.svg);
}

/* 240710 AI리포트 */
.date--button.is--title .day_period {
  font-weight: 400;
}
.date--button.is--title .day_period strong {
  font-weight: 800;
  position: relative;
  font-size: 26px;
  vertical-align: bottom;
}
.date--button.is--title .day_period strong::before {
  display: block;
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background: #fff;
  border-radius: 2px;
  top: -8px;
  left: 6px;
}
.ico-pencle-violet {
  background-image: url(../images/ico/ic_pen_white_16px.svg);
}
.state-box.is--noti.feedback,
.ico-noti-feedback-color {
  background-image: url(../images/ico/statebox_noti_feedback.svg);
}
.dim .is--noti.feedback,
.ico-noti-feedback-gray {
  background-image: url(../images/ico/statebox_noti_feedback_read.svg);
}
.layer-area.modal-area.is--large.share_state .layer__contents {
  width: 481px;
}

/* 240718 명예의 전당 */
.ico-document-navy {
  background-image: url(../images/ico/ic_popup_document_50px.svg);
}
.ico-reward {
  background-image: url(../images/ico/img_popup_reward_110px.svg);
}
.ico-reward-navy {
  background-image: url(../images/ico/ic_awards_choosing.svg);
} /* 240924 변경 */
.ico-star-violet {
  background-image: url(../images/ico/img_popup_star_26px.svg);
  vertical-align: middle;
}
.ico-flag-violet {
  background-image: url(../images/ico/img_popup_tip.svg);
}
.ico-star-white {
  background-image: url(../images/ico/img_popup_star_white.svg);
  vertical-align: middle;
}
.tab-tags .tag--button .tab-tag--text {
  border-radius: 0;
} /*텍스트 잘림 현상*/

/* 240722 학습콘텐츠 및 추천 영상 이미지 이슈 */
.recommend--item.is--empty .recommend--thum .image {
  background-size: cover;
  height: 100%;
} /* 240726 전체화면으로 영상 썸네일 적용 위해 myclass > is--empty 변경 */
.limit_text {
  position: relative;
  width: 100%;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 10px;
  padding: 24px 24px 44px;
}
.limit_text textarea {
  border: none;
  background: transparent;
  padding: 0 !important;
}
.limit_text .limit {
  position: absolute;
  bottom: 24px;
  right: 24px;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  color: #808080;
}
.img-workbook-make-05 {
  background-image: url(../images/img/icon_descriptive.svg);
}

/* 240807 로딩이미지 변경 */
.loading--area {
  z-index: 12;
  background: rgba(0, 0, 0, 0.8);
}

/* 240828 설문조사 및 팝업 크기 대응 이슈*/
hr.border-gray {
  border: 1px solid #ccc;
}

/* 240924 명예의 전당 수상자명단 */
.ico-award-video {
  background-image: url(../images/ico/ic_award_video.svg);
}
.ico-award-textbook {
  background-image: url(../images/ico/ic_award_textbook.svg);
}
.ico-award-nodata {
  background-image: url(../images/ico/ic_awards_nodata.svg);
}
.ico-award-workbook {
  background-image: url(../images/ico/ic_award_workbook.svg);
}

/* 240930 레벨뱃지 크기별 컴포넌트 추가 */
.level_badge.large {
  width: 72px;
  height: 86px;
  padding: 10px;
  font-size: 18px;
}
.level_badge.large strong {
  font-size: 30px;
  bottom: 20px;
}
.level_badge.medium {
  width: 52px;
  height: 62px;
  padding: 7px;
  font-size: 13px;
}
.level_badge.medium strong {
  font-size: 22px;
  bottom: 14px;
}
.level_badge.small {
  width: 38px;
  height: 45px;
  padding: 5px;
  font-size: 10px;
}
.level_badge.small strong {
  font-size: 16px;
  bottom: 10px;
}
.level_badge.xsmall {
  width: 28px;
  height: 34px;
  padding: 4px;
  font-size: 7px;
}
.level_badge.xsmall strong {
  font-size: 12px;
  bottom: 8px;
}

/* 포인트 획득방법 임시 지정 */
.layer-getpoint .layer__container {
  width: 1080px;
  min-width: 1080px;
}
.layer-getpoint .layer__container .layer__contents {
  width: 1080px;
  padding: 0;
  background: #d5e0ff; /* 241007 추가 */
}

/* 241007 헤더 이름 영역 고정 */
@media (max-width: 1110px) and (min-width: 768px) {
  header .header--utill .header--utill__user .header--utill__name {
    max-width: 78px;
    margin-left: 0;
  } /* 241030 이슈 438 max-width 수정 */
}

/* 241010 수상자 명단 기본 프로필 */
.ico-profile-awards {
  background-image: url(../images/ico/ic_profile_white_default.svg);
  background-size: 100%;
}

/* 241105 신고하기 버튼 추가 */
.ico-siren-300-black {
  background-image: url(../images/ico/siren_300_black.svg);
}

/* 241112 파일 확장자 팝업 */
.layer-default.file_extension .layer__contents {
  padding: 16px 28px 0;
  font-size: 18px;
  line-height: 30px;
  min-width: 440px;
}
.layer-default.file_extension .page__button {
  padding: 33px 34px 24px;
}

/* 241114 메인 모션 이미지 변경 */
.main-login--ai .main_motion {
  width: 500px;
  height: 445px;
}

/* 241119 임시접속화면 추가 */
.wrap.is--mint {
  background-color: #2cbbb6;
}

/* 241203 아이콘 추가 */
.ico-strong-next-white {
  background-image: url(../images/ico/ico-strong-next-white.svg);
}

/* 250312 수업설계 고도화 */
.title-tag {
  border-radius: 7px;
  background: #e9e8fa;
  color: #7e44fb;
  padding: 5px 9px;
  font-weight: 700;
}
.ico-class-textbook {
  background-image: url(../images/ico/ic_textbook_24px.svg);
}
.ico-class-video {
  background-image: url(../images/ico/ic_video_24px.svg);
}
.ico-class-people {
  background-image: url(../images/ico/ic_people_24px.svg);
}
.ico-class-board {
  background-image: url(../images/ico/ic_board_24px.svg);
}
.ico-class-youtube {
  background-image: url(../images/ico/ic_youtube_24px.svg);
}
.ico-class-link {
  background-image: url(../images/ico/ic_link_24px.svg);
}
.ico-class-connect {
  background-image: url(../images/ico/ic_connect_24px.svg);
}
.ico-class-workbook {
  background-image: url(../images/ico/ic_workbook-pink_24px.svg);
}
.ico-drag-gray {
  background-image: url(../images/ico/ic_drag_28px_gray.svg);
}
/* 250321 문제집(통창) 추가 */
.ico-class-workbook-integration {
  background-image: url(../images/ico/ic_workbookintegration_24px.svg);
}
.ico-newwindow-black {
  background-image: url(../images/ico/ic_newwindow_28px.svg);
}
/* 챗봇 ai 디지털교과서 추가 */
.ico-chatbot-aidt-violet,
.chatbot--menu.is--aidt .icon {
  background-image: url(../images/ico/chatbot-aidt-violet.svg);
  background-size: 46px;
}
/* 250410 헤더 gnb 디자인 변경 */
.ico-next-violet-20 {
  background-image: url(../images/ico/ic_next_violet_20.svg);
}
header .header--wrapper.is--column {
  flex-direction: column;
  gap: 24px;
  padding-top: 16px;
  padding-bottom: 20px;
}
header .header--wrapper__top,
header .header--wrapper__btm {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
header .header--wrapper__top .header--logo {
  margin-top: 0;
}
header .header--wrapper__top .header--logo .tooltip--button {
  width: 127px;
  height: 42px;
  background-image: url(../images/img/logo02-color.png);
}
.wrap.is--dark header .header--wrapper__top .header--logo .tooltip--button {
  background-image: url(../images/img/logo02-white.png);
}
.wrap.is--dark header .tooltip--box-text strong {
  color: #000000;
}
header
  .header--wrapper__top
  .header--utill
  .header--utill__user
  .header--utill__name {
  max-width: unset;
}
header .header--wrapper__btm .header--menu__box ul {
  margin-left: 4px;
}
header .header--wrapper__btm .header--btm__button {
  min-width: 200px; /* 250422 수정 */
  height: 38px;
  border: 1px solid #7e44fb;
  border-radius: 20px;
  background-color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  color: #7e44fb;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 12px 0 31px;
}
.wrap.is--dark header .header--wrapper__btm .header--btm__button {
  border-color: #ffffff;
}
/* 250625 수정 */
header .header--wrapper__btm .header--btm__button:hover {
  background-color: #e3e4f8;
  border: 1px solid #7e44fb;
}
/* //250625 수정 */
header .header--wrapper__btm .header--menu__box ul li .header--menu__item {
  line-height: 38px;
}
.ico-calendar2-gray {
  background-image: url(../images/ico/calendar2-gray.svg);
}

/* 250523 */
.ico-info-check {
  background-image: url("../images/ico/ic_info_check.svg");
}
.ico-info-error {
  background-image: url("../images/ico/ic_info_error.svg");
}
/* 250530 tab style 추가 */
.tab-box.type--btn-sm {
  gap: 0;
  height: 40px;
}
.tab-box.type--btn-sm .tab--button {
  min-width: 102px;
  margin-top: 0;
  border: 1px solid #d9d9d9;
  background: #f8f8f8;
  border-radius: 0;
  padding: 11px 12px;
  position: relative;
  font-size: 16px;
  height: 40px;
  color: #808080;
  font-weight: 700;
}
.tab-box.type--btn-sm .tab--button:not(:last-child) {
  margin-right: -1px;
}
.tab-box.type--btn-sm .tab--button:first-child {
  border-radius: 7px 0 0 7px;
}
.tab-box.type--btn-sm .tab--button:last-child {
  border-left: 1px solid #d9d9d9;
  border-radius: 0 7px 7px 0;
}
.tab-box.type--btn-sm .tab--button.active {
  background: #f2ecff;
  border: 1px solid #7e44fb;
  color: #7e44fb;
  font-weight: 800;
  z-index: 1;
}

/* 250605 */
.em_title span.online_tag {
  margin-right: 14px;
  font-size: 22px;
  color: #7779fa;
  font-weight: 700;
}
.em_title span.online_tag::after {
  display: none;
}
.text_tag {
  margin-right: 16px;
  font-size: 16px;
  color: #7779fa;
  font-weight: 700;
  letter-spacing: -0.32px;
  position: relative;
}
.text_tag::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  margin-left: 8px;
  background-color: #b3b3b3;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* 250609 툴팁 오른쪽 방향 추가 */
.tooltip--box-wrap.wh-24 {
  width: 24px;
  height: 24px;
  line-height: normal;
}
.tooltip--box-wrap.wh-24 .button-icon {
  width: 24px;
  height: 24px;
}
.tooltip--box.right--box {
  top: calc(100% - 32px);
  left: 0 !important;
  transform: translateX(35px) !important;
}
.tooltip--box.right--box .tooltip--box-inner::before {
  margin-left: 0;
  left: -14px;
  top: 45%;
  transform: translateY(-50%) rotate(90deg);
}
.tooltip--box.right--box .tooltip--box-inner::after {
  border-width: 12px 8px 4px 8px;
  left: -14px;
  top: 45%;
  transform: translateY(-50%) rotate(90deg);
}

.ico-check-gray {
  background-image: url("../images/elementary/icon/ic_check_gray_18px.svg");
}

/* 250625 */
header .header--btm__right {
  display: flex;
  gap: 20px;
}

/* 250804 메뉴 선택시 노출 */
.select-display {
  display: none;
}
.select-display.show {
  display: block;
}