@charset "UTF-8";
/* =================== base =================== */
html,
body,
[class] {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1.15;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 100%;
  font: inherit;
  font-family: "pretendard", sans-serif;
  letter-spacing: -0.04em;
  word-break: keep-all;
  overflow-wrap: break-word;
}

/* HTML5 display-role reset for older browsers */
html {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  font-size: 16px;
  scroll-behavior: smooth;
}

a {
  outline: 0;
  background-color: transparent;
  text-decoration: none;
  color: #000;
  cursor: pointer;
}

ol,
ul,
li,
dl {
  list-style: none;
  margin: 0;
  padding: 0;
}

textarea {
  resize: none;
}

select {
  padding: 5px 10px;
}

/* ie 화살표 제거 */
select::-ms-expand {
  display: none;
}

address {
  font-style: normal;
}

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

/* Reset img */
img {
  max-width: 100%;
  height: auto;
}

video {
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}

/* =================== fonts =================== */
/* ---------- pretendard ---------- */
@font-face {
  font-family: "pretendard";
  font-weight: 100;
  src: url("/assets/fonts/pretendard/Pretendard-Thin.woff2") format("woff2"), url("/assets/fonts/pretendard/Pretendard-Thin.woff") format("woff"), url("/assets/fonts/pretendard/Pretendard-Thin.otf") format("opentype");
}
@font-face {
  font-family: "pretendard";
  font-weight: 200;
  src: url("/assets/fonts/pretendard/Pretendard-ExtraLight.woff2") format("woff2"), url("/assets/fonts/pretendard/Pretendard-ExtraLight.woff") format("woff"), url("/assets/fonts/pretendard/Pretendard-ExtraLight.otf") format("opentype");
}
@font-face {
  font-family: "pretendard";
  font-weight: 300;
  src: url("/assets/fonts/pretendard/Pretendard-Light.woff2") format("woff2"), url("/assets/fonts/pretendard/Pretendard-Light.woff") format("woff"), url("/assets/fonts/pretendard/Pretendard-Light.otf") format("opentype");
}
@font-face {
  font-family: "pretendard";
  font-weight: 400;
  src: url("/assets/fonts/pretendard/Pretendard-Regular.woff2") format("woff2"), url("/assets/fonts/pretendard/Pretendard-Regular.woff") format("woff"), url("/assets/fonts/pretendard/Pretendard-Regular.otf") format("opentype");
}
@font-face {
  font-family: "pretendard";
  font-weight: 500;
  src: url("/assets/fonts/pretendard/Pretendard-Medium.woff2") format("woff2"), url("/assets/fonts/pretendard/Pretendard-Medium.woff") format("woff"), url("/assets/fonts/pretendard/Pretendard-Medium.otf") format("opentype");
}
@font-face {
  font-family: "pretendard";
  font-weight: 600;
  src: url("/assets/fonts/pretendard/Pretendard-SemiBold.woff2") format("woff2"), url("/assets/fonts/pretendard/Pretendard-SemiBold.woff") format("woff"), url("/assets/fonts/pretendard/Pretendard-SemiBold.otf") format("opentype");
}
@font-face {
  font-family: "pretendard";
  font-weight: 700;
  src: url("/assets/fonts/pretendard/Pretendard-Bold.woff2") format("woff2"), url("/assets/fonts/pretendard/Pretendard-Bold.woff") format("woff"), url("/assets/fonts/pretendard/Pretendard-Bold.otf") format("opentype");
}
@font-face {
  font-family: "pretendard";
  font-weight: 800;
  src: url("/assets/fonts/pretendard/Pretendard-ExtraBold.woff2") format("woff2"), url("/assets/fonts/pretendard/Pretendard-ExtraBold.woff") format("woff"), url("/assets/fonts/pretendard/Pretendard-ExtraBold.otf") format("opentype");
}
@font-face {
  font-family: "pretendard";
  font-weight: 900;
  src: url("/assets/fonts/pretendard/Pretendard-Black.woff2") format("woff2"), url("/assets/fonts/pretendard/Pretendard-Black.woff") format("woff"), url("/assets/fonts/pretendard/Pretendard-Black.otf") format("opentype");
}
/* ---------- poppins ---------- */
@font-face {
  font-family: "poppins";
  font-weight: 800;
  src: url("/assets/fonts/poppins/Poppins-ExtraBold.woff2") format("woff2"), url("/assets/fonts/poppins/Poppins-ExtraBold.woff") format("woff"), url("/assets/fonts/poppins/Poppins-ExtraBold.ttf") format("truetype"), url("/assets/fonts/poppins/Poppins-ExtraBold.otf") format("opentype");
}
@font-face {
  font-family: "poppins";
  font-weight: 700;
  src: url("/assets/fonts/poppins/Poppins-Bold.woff2") format("woff2"), url("/assets/fonts/poppins/Poppins-Bold.woff") format("woff"), url("/assets/fonts/poppins/Poppins-Bold.ttf") format("truetype"), url("/assets/fonts/poppins/Poppins-Bold.otf") format("opentype");
}
@font-face {
  font-family: "poppins";
  font-weight: 600;
  src: url("/assets/fonts/poppins/Poppins-SemiBold.woff2") format("woff2"), url("/assets/fonts/poppins/Poppins-SemiBold.woff") format("woff"), url("/assets/fonts/poppins/Poppins-SemiBold.ttf") format("truetype"), url("/assets/fonts/poppins/Poppins-SemiBold.otf") format("opentype");
}
@font-face {
  font-family: "poppins";
  font-weight: 500;
  src: url("/assets/fonts/poppins/Poppins-Medium.woff2") format("woff2"), url("/assets/fonts/poppins/Poppins-Medium.woff") format("woff"), url("/assets/fonts/poppins/Poppins-Medium.ttf") format("truetype"), url("/assets/fonts/poppins/Poppins-Medium.otf") format("opentype");
}
@font-face {
  font-family: "poppins";
  font-weight: 400;
  src: url("/assets/fonts/poppins/Poppins-Regular.woff2") format("woff2"), url("/assets/fonts/poppins/Poppins-Regular.woff") format("woff"), url("/assets/fonts/poppins/Poppins-Regular.ttf") format("truetype"), url("/assets/fonts/poppins/Poppins-Regular.otf") format("opentype");
}
@font-face {
  font-family: "poppins";
  font-weight: 300;
  src: url("/assets/fonts/poppins/Poppins-Light.woff2") format("woff2"), url("/assets/fonts/poppins/Poppins-Light.woff") format("woff"), url("/assets/fonts/poppins/Poppins-Light.ttf") format("truetype"), url("/assets/fonts/poppins/Poppins-Light.otf") format("opentype");
}
@font-face {
  font-family: "poppins";
  font-weight: 200;
  src: url("/assets/fonts/poppins/Poppins-ExtraLight.woff2") format("woff2"), url("/assets/fonts/poppins/Poppins-ExtraLight.woff") format("woff"), url("/assets/fonts/poppins/Poppins-ExtraLight.ttf") format("truetype"), url("/assets/fonts/poppins/Poppins-ExtraLight.otf") format("opentype");
}
@font-face {
  font-family: "poppins";
  font-weight: 100;
  src: url("/assets/fonts/poppins/Poppins-Thin.woff2") format("woff2"), url("/assets/fonts/poppins/Poppins-Thin.woff") format("woff"), url("/assets/fonts/poppins/Poppins-Thin.ttf") format("truetype"), url("/assets/fonts/poppins/Poppins-Thin.otf") format("opentype");
}
/* ---------- END poppins ---------- */
/* =================== helper =================== */
.none {
  display: none;
}

.voice-only {
  position: absolute;
  top: 0;
  left: -9999rem;
  overflow: hidden;
  width: 1px;
  height: 1px;
  color: transparent;
}

.ls-0 {
  letter-spacing: 0;
}

@media all and (max-width: 600px) {
  .mb-hide {
    display: none !important;
  }
}

.mb-show {
  display: none !important;
}
@media all and (max-width: 600px) {
  .mb-show {
    display: block !important;
  }
}

.mb-show-flex {
  display: none !important;
}
@media all and (max-width: 600px) {
  .mb-show-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.mb-show-ib {
  display: none !important;
}
@media all and (max-width: 600px) {
  .mb-show-ib {
    display: inline-block !important;
  }
}

@media all and (max-width: 900px) {
  .tab-hide {
    display: none !important;
  }
}

.tab-show {
  display: none !important;
}
@media all and (max-width: 900px) {
  .tab-show {
    display: block !important;
  }
}

.tab-show-flex {
  display: none !important;
}
@media all and (max-width: 900px) {
  .tab-show-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.tab-show-ib {
  display: none !important;
}
@media all and (max-width: 900px) {
  .tab-show-ib {
    display: inline-block !important;
  }
}

@media all and (max-width: 360px) {
  .sm-hide {
    display: none !important;
  }
}

.sm-show {
  display: none !important;
}
@media all and (max-width: 360px) {
  .sm-show {
    display: block !important;
  }
}

.sm-show-flex {
  display: none !important;
}
@media all and (max-width: 360px) {
  .sm-show-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.sm-show-ib {
  display: none !important;
}
@media all and (max-width: 360px) {
  .sm-show-ib {
    display: inline-block !important;
  }
}

@media all and (max-width: 320px) {
  .xsm-hide {
    display: none !important;
  }
}

.xsm-show {
  display: none !important;
}
@media all and (max-width: 320px) {
  .xsm-show {
    display: block !important;
  }
}

.xsm-show-flex {
  display: none !important;
}
@media all and (max-width: 320px) {
  .xsm-show-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.xsm-show-ib {
  display: none !important;
}
@media all and (max-width: 320px) {
  .xsm-show-ib {
    display: inline-block !important;
  }
}

.clear:after {
  content: "";
  display: block;
  clear: both;
}

.scroll-custom {
  overflow-y: auto;
}
.scroll-custom::-webkit-scrollbar {
  width: 5px;
}
html.ie .scroll-custom {
  scrollbar-arrow-color: #0961F5;
  scrollbar-face-color: #0961F5;
}

/* =================== button =================== */
.btn {
  border-radius: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
}
.btn.btn-x {
  z-index: 101;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  position: absolute;
  top: calc(50% + 360px);
  font-size: 1.375rem;
  font-weight: 600;
  color: #fff;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}
@media all and (max-width: 600px) {
  .btn.btn-x {
    font-size: 1rem;
    gap: 8px;
  }
}
.btn.btn-x.type-close {
  top: auto;
  bottom: 80px;
}
@media all and (max-width: 600px) {
  .btn.btn-x.type-dev {
    top: calc(50% + 38vh);
  }
}

.btn-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media all and (max-width: 600px) {
  .btn-grp.btn-grp-phone {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media all and (max-width: 600px) {
  .btn-grp.btn-grp-phone .btn-primary-sm {
    width: 100%;
  }
}
.btn-grp.type-gap-18 {
  gap: 18px;
}
.btn-grp.type-gap-10 {
  gap: 10px;
}
.btn-grp.type-gap-9 {
  gap: 9px;
}
.btn-grp.type-gap-7 {
  gap: 7px;
}
.btn-grp.type-gap-5 {
  gap: 5px;
}

.num-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
}
@media all and (max-width: 600px) {
  .num-grp {
    gap: 3px;
  }
}
.num-grp.type-gap-10 {
  gap: 10px;
}
@media all and (max-width: 600px) {
  .num-grp.type-gap-10 {
    gap: 8px;
  }
}
@media all and (max-width: 600px) {
  .num-grp.type-mo-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
}
@media all and (max-width: 600px) {
  .num-grp.type-mo-col .select {
    width: 100%;
  }
}
.num-grp .at {
  font-size: 1.125rem;
  font-weight: 400;
  color: #000;
}

.select {
  color: #ababab;
  background-position: right 15px center;
  background-repeat: no-repeat;
  background-size: 10px 6px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.121' height='6.121' viewBox='0 0 10.121 6.121'%3E%3Cg id='그룹_33567' data-name='그룹 33567' transform='translate(-2017.439 1017.156) rotate(-90)'%3E%3Cline id='선_75' data-name='선 75' x1='4' y2='3.941' transform='translate(1012.096 2018.5)' fill='none' stroke='%23636363' stroke-linecap='round' stroke-width='1.5'/%3E%3Cline id='선_76' data-name='선 76' x2='4' y2='3.941' transform='translate(1012.096 2022.559)' fill='none' stroke='%23636363' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
}

option {
  color: #000;
}

.highpoon {
  font-size: 1.125rem;
  font-weight: 400;
  color: #ababab;
}

.btn-underline {
  font-size: 0.875rem;
  font-weight: 400;
  color: #ababab;
  text-decoration: underline;
}

.input-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-top: 86px;
}
@media all and (max-width: 600px) {
  .input-btn {
    margin-top: 0;
    padding-top: 12px;
    border-top: 1px solid #e8e8e8;
  }
}
@media all and (max-width: 600px) {
  .input-btn.type-no-line {
    border-top: none;
  }
}
@media all and (max-width: 600px) {
  .input-btn.type-mo-mt-88 {
    margin-top: 88px;
  }
}
.input-btn.type-option {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.input-btn.type-mt-70 {
  margin-top: 70px !important;
}
.input-btn.type-mt-66 {
  margin-top: 66px;
}
.input-btn.type-mt-62 {
  margin-top: 62px;
}
@media all and (max-width: 600px) {
  .input-btn.type-mt-62 {
    margin-top: 56px;
  }
}
.input-btn.type-mt-52 {
  margin-top: 52px;
}
.input-btn.type-mt-36 {
  margin-top: 36px;
}
.input-btn.type-mt-35 {
  margin-top: 35px;
}
.input-btn.type-mt-34 {
  margin-top: 34px;
}
.input-btn.type-mt-27 {
  margin-top: 27px;
}
.input-btn.type-mt-24 {
  margin-top: 24px !important;
}
.input-btn.type-mt-12 {
  margin-top: 12px;
}
.input-btn.type-mt-15 {
  margin-top: 15px;
}
.input-btn.type-mt-0 {
  margin-top: 0;
}
.input-btn.type-gap-8 {
  gap: 8px;
}
.input-btn.type-pt-20 {
  padding-top: 20px;
}
@media all and (max-width: 600px) {
  .input-btn.type-pt-20 {
    padding-top: 12px;
  }
}
@media all and (max-width: 600px) {
  .input-btn.type-my-11-mo {
    margin-top: 11px !important;
  }
}
@media all and (max-width: 600px) {
  .input-btn.type-my-18-mo {
    margin-top: 18px !important;
  }
}
@media all and (max-width: 600px) {
  .input-btn.type-my-38-mo {
    margin-top: 38px !important;
  }
}
.input-btn.type-mr-12 {
  margin-right: 12px;
}
@media all and (max-width: 600px) {
  .input-btn.type-mr-12 {
    margin-right: 9px;
  }
}

.btn-primary {
  width: 100%;
  height: 50px;
  border-radius: 10px;
  background-color: #0961F5;
  font-size: 1.125rem;
  font-weight: 600;
  color: #fff;
}
@media all and (max-width: 600px) {
  .btn-primary {
    height: 46px;
    font-size: 1rem;
  }
}

.btn-primary-sm {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 325px;
  height: 50px;
  border-radius: 10px;
  background-color: #0961F5;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
}
@media all and (max-width: 600px) {
  .btn-primary-sm {
    height: 46px;
  }
}
.btn-primary-sm.type-w-120 {
  width: 120px;
}
@media all and (max-width: 600px) {
  .btn-primary-sm.type-w-120 {
    width: 80px;
  }
}
.btn-primary-sm.type-w-176 {
  width: 176px;
  height: 46px;
  font-size: 1rem;
}
.btn-primary-sm.type-w-296 {
  width: 296px;
}
@media all and (max-width: 600px) {
  .btn-primary-sm.type-w-296 {
    width: 64.93%;
  }
}
.btn-primary-sm.type-w-325 {
  width: 325px;
}
@media all and (max-width: 600px) {
  .btn-primary-sm.type-w-325 {
    width: 200px;
  }
}
.btn-primary-sm.type-mypage {
  width: 158px;
  height: 46px;
}

.btn-cancel {
  width: 100%;
  height: 50px;
  border-radius: 10px;
  background-color: #bcc6db;
  font-size: 1.125rem;
  font-weight: 600;
  color: #fff;
}
@media all and (max-width: 600px) {
  .btn-cancel {
    font-size: 1rem;
    height: 46px;
  }
}
.btn-cancel.type-w-88 {
  width: 88px;
  height: 46px;
  font-size: 1rem;
}
.btn-cancel.type-w-144 {
  width: 144px;
}
.btn-cancel.type-mypage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 158px;
  height: 46px;
}

.btn-confirm {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 1.125rem;
}
.btn-confirm.type-personal-btn-confirm {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 1.125rem;
}
@media all and (max-width: 600px) {
  .btn-confirm {
    font-size: 1rem;
  }
}

.btn-error {
  padding: 14.5px 35px;
  border-radius: 10px;
  background-color: #0961F5;
  font-size: 1.125rem;
  font-weight: 700;
  color: #fff;
}

.btn-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 220px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 21px;
  padding: 20px 32px 20px 36px;
  background: #0762f5;
  border-radius: 57px;
  margin-top: 65px;
  -webkit-box-shadow: 0 13px 22px rgba(9, 97, 245, 0.22);
          box-shadow: 0 13px 22px rgba(9, 97, 245, 0.22);
}
@media all and (max-width: 600px) {
  .btn-detail {
    gap: 12px;
    padding: 17.5px 32px 17.5px 28px;
  }
}
@media all and (max-width: 600px) {
  .btn-detail.type-index {
    gap: 8.5px;
    width: auto !important;
    padding: 15px 21px 15px 20px;
  }
}
.btn-detail.type-w-230 {
  width: 230px;
}
@media all and (max-width: 600px) {
  .btn-detail.type-w-230 {
    width: 170px;
  }
}
.btn-detail.type-mt-42 {
  margin-top: 42px;
}
@media all and (max-width: 600px) {
  .btn-detail.type-mt-42 {
    margin-top: 32px;
  }
}
.btn-detail .txt {
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.3px;
  color: #fff;
}
@media all and (max-width: 600px) {
  .btn-detail .txt.type-index {
    font-size: 0.875rem;
  }
}
@media all and (max-width: 600px) {
  .btn-detail .txt {
    font-size: 1rem;
  }
}

.btn-circle-next {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.12);
}
.btn-circle-next:hover {
  background-color: #fff;
}
.btn-circle-next:hover .type-default {
  display: none;
}
.btn-circle-next:hover .type-hover {
  display: block;
}
.btn-circle-next .type-default {
  display: block;
}
.btn-circle-next .type-hover {
  display: none;
}

.btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 11px;
  width: 128px;
  height: 50px;
  border-radius: 10px;
  background-color: #0961f5;
  line-height: 50px;
  font-size: 1.125rem;
  font-weight: 600;
  color: #fff;
}

.btn-mo-w-115 {
  width: 115px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media all and (max-width: 600px) {
  .btn-mo-glow {
    width: auto;
  }
}

@media all and (max-width: 600px) {
  .btn-mo-half {
    width: calc((100% - 10px) / 2);
  }
}

@media all and (max-width: 600px) {
  .num-btn-grp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media all and (max-width: 600px) {
  .num-btn-grp .btn {
    width: 100% !important;
  }
}

/* =================== form =================== */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-transition: background-color 9999s ease-out;
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.input-wrap {
  width: 100%;
}

input:-moz-read-only {
  background-color: #f9f9f9;
  color: #636363;
}

input:read-only {
  background-color: #f9f9f9;
  color: #636363;
}

.inp {
  border-radius: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: block;
  width: 100%;
  height: 50px;
  padding: 0 16px;
  border-radius: 10px;
  background-color: #fff;
  font-size: 1.125rem;
  font-weight: 400;
  color: #000;
  border: 1px solid #e9e9e9;
}
@media all and (max-width: 600px) {
  .inp {
    font-size: 1rem;
  }
}
.inp:focus {
  outline: none;
  border-color: #0961F5;
}
.inp::-webkit-input-placeholder {
  color: #ababab;
  font-size: 1.125rem;
}
.inp::-moz-placeholder {
  color: #ababab;
  font-size: 1.125rem;
}
.inp:-ms-input-placeholder {
  color: #ababab;
  font-size: 1.125rem;
}
.inp::-ms-input-placeholder {
  color: #ababab;
  font-size: 1.125rem;
}
.inp::placeholder {
  color: #ababab;
  font-size: 1.125rem;
}
@media all and (max-width: 600px) {
  .inp::-webkit-input-placeholder {
    font-size: 1rem;
  }
  .inp::-moz-placeholder {
    font-size: 1rem;
  }
  .inp:-ms-input-placeholder {
    font-size: 1rem;
  }
  .inp::-ms-input-placeholder {
    font-size: 1rem;
  }
  .inp::placeholder {
    font-size: 1rem;
  }
}
.inp:disabled {
  background-color: #f9f9f9;
  color: #636363;
}
.inp.type-w-120 {
  width: 120px;
}
@media all and (max-width: 600px) {
  .inp.type-mo-w-86 {
    width: 86px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.inp.type-w-170 {
  width: 170px;
}
@media all and (max-width: 600px) {
  .inp.type-w-170 {
    width: 100%;
  }
}
.inp.type-w-156 {
  width: 156px;
}
@media all and (max-width: 600px) {
  .inp.type-w-156 {
    width: 100%;
  }
}
.inp.type-mt {
  margin-top: 12px;
}
.inp.type-gray {
  color: #ababab;
}
.inp.time::after {
  content: "남은시간 5:00";
  display: inline-block;
}
.inp.type-search {
  padding: 0 26px;
}

.select {
  background-color: #fff;
}

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

.input-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.input-list.flex-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 20px;
  margin-left: 10px;
}
@media all and (max-width: 600px) {
  .input-list.flex-start {
    margin-left: 0;
  }
}
.input-list.flex-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.input-list.four-lines-array {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 28px 20px;
}
.input-list.four-lines-array .input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: calc((100% - 60px) / 4);
}
.input-list.four-lines-array-type {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 28px 15px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.input-list.four-lines-array-type .input {
  width: calc((100% - 45px) / 4);
}
.input-list.four-lines-array-type .label-radio {
  background-position: left top;
  padding: 0 0 0 32px;
  line-height: 1.35;
}
.input-list.one-line-array {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 28px;
}

.input {
  position: relative;
}
.input.type-pb {
  padding-bottom: 24px;
}
.input.type-pb-13 {
  padding-bottom: 13px;
}
@media all and (max-width: 600px) {
  .input.type-pb-13 {
    padding-bottom: 15px;
  }
}
.input.type-pb-24 {
  padding-bottom: 24px;
}
.input.type-pb-26 {
  padding-bottom: 26px;
}
@media all and (max-width: 600px) {
  .input.type-pb-26 {
    padding-bottom: 18px;
  }
}
.input.type-pb-28 {
  padding-bottom: 28px;
}
@media all and (max-width: 600px) {
  .input.type-pb-28 {
    padding-bottom: 26px;
  }
}
.input.type-pb-36 {
  padding-bottom: 36px;
}
@media all and (max-width: 600px) {
  .input.type-pb-36 {
    padding-bottom: 26px;
  }
}
.input.type-pb-80 {
  padding-bottom: 80px;
}
@media all and (max-width: 600px) {
  .input.type-pb-80 {
    padding-bottom: 22px;
  }
}
.input.type-pb-96 {
  padding-bottom: 96px;
}
.input.type-pl-0 {
  padding-left: 0 !important;
}
.input.is-show .time-message {
  position: absolute;
  top: 44px;
  right: 16px;
  left: auto;
  display: block;
  font-size: 0.875rem;
  font-weight: 400;
  color: #ff6363;
}
@media all and (max-width: 600px) {
  .input.is-show .time-message {
    top: 41px;
  }
}
.input.is-show .time-message .bold {
  font-weight: 600;
}
.input .time-message {
  display: none;
}

.input:focus-within .label-sm {
  color: #0961F5;
}

.label-sm {
  display: inline-block;
  margin-bottom: 8px;
  margin-left: 10px;
  font-size: 1rem;
  font-weight: 600;
  color: #7e7e7e;
}
@media all and (max-width: 600px) {
  .label-sm {
    font-size: 0.875rem;
  }
}
.label-sm.type-essential {
  position: relative;
}
.label-sm.type-essential::after {
  content: "";
  position: absolute;
  top: 0;
  right: -8px;
  left: auto;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #ff782a;
}

.label-chk-01 {
  display: inline-block;
  padding: 2px 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cg id='그룹_30899' data-name='그룹 30899' transform='translate(-763 -882)'%3E%3Cg id='사각형_4063' data-name='사각형 4063' transform='translate(763 882)' fill='none' stroke='%23e5e5e5' stroke-width='1'%3E%3Crect width='22' height='22' rx='6' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='21' height='21' rx='5.5' fill='none'/%3E%3C/g%3E%3Cpath id='패스_10639' data-name='패스 10639' d='M-11245.182-18825.471l3.4,3.613,6.3-7.66' transform='translate(12014.769 19718.734)' fill='none' stroke='%23e5e5e5' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 22px 22px;
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 1.125rem;
  font-weight: 600;
  color: #000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
@media all and (max-width: 600px) {
  .label-chk-01 {
    padding: 2px 24px;
    background-size: 18px 18px;
    font-size: 0.875rem;
  }
}
.label-chk-01.type-gray {
  padding: 2px 32px 1px;
  font-size: 1rem;
  font-weight: 600;
  color: #959595;
}
@media all and (max-width: 600px) {
  .label-chk-01.type-gray {
    padding: 2px 24px 1px;
    font-size: 0.875rem;
    background-size: 18px 18px;
  }
}
@media all and (max-width: 600px) {
  .label-chk-01.type-join {
    font-size: 1.125rem;
  }
}

.toggle-switch:checked + .label-chk-01 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cg id='그룹_56525' data-name='그룹 56525' transform='translate(-763 -882)'%3E%3Cg id='사각형_4063' data-name='사각형 4063' transform='translate(763 882)' fill='%230961f5' stroke='%230961f5' stroke-width='1'%3E%3Crect width='22' height='22' rx='6' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='21' height='21' rx='5.5' fill='none'/%3E%3C/g%3E%3Cpath id='패스_10639' data-name='패스 10639' d='M-11245.182-18825.471l3.4,3.613,6.3-7.66' transform='translate(12014.769 19718.734)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.label-chk-02 {
  display: inline-block;
  padding: 0 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cg id='그룹_30900' data-name='그룹 30900' transform='translate(-763 -882)'%3E%3Cg id='사각형_4063' data-name='사각형 4063' transform='translate(763 882)' fill='none' stroke='%23ffd41d' stroke-width='1' opacity='0'%3E%3Crect width='22' height='22' rx='6' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='21' height='21' rx='5.5' fill='none'/%3E%3C/g%3E%3Cpath id='패스_10639' data-name='패스 10639' d='M-11245.182-18825.471l3.4,3.613,6.3-7.66' transform='translate(12014.769 19718.734)' fill='none' stroke='%23e5e5e5' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 22px 22px;
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 1rem;
  font-weight: 400;
  color: #ababab;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}

.toggle-switch:checked + .label-chk-02 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cg id='그룹_49337' data-name='그룹 49337' transform='translate(-763 -882)'%3E%3Cg id='사각형_4063' data-name='사각형 4063' transform='translate(763 882)' fill='none' stroke='%23ffd41d' stroke-width='1' opacity='0'%3E%3Crect width='22' height='22' rx='6' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='21' height='21' rx='5.5' fill='none'/%3E%3C/g%3E%3Cpath id='패스_10639' data-name='패스 10639' d='M-11245.182-18825.471l3.4,3.613,6.3-7.66' transform='translate(12014.769 19718.734)' fill='none' stroke='%230961f5' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.label-radio {
  display: inline-block;
  padding: 2px 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cg id='그룹_49342' data-name='그룹 49342' transform='translate(-976 -657)'%3E%3Cg id='타원_738' data-name='타원 738' transform='translate(976 657)' fill='%23fff' stroke='%23d6d6d6' stroke-width='1'%3E%3Ccircle cx='11' cy='11' r='11' stroke='none'/%3E%3Ccircle cx='11' cy='11' r='10.5' fill='none'/%3E%3C/g%3E%3Cg id='타원_739' data-name='타원 739' transform='translate(981 662)' fill='%23d6d6d6' stroke='%23d6d6d6' stroke-width='1'%3E%3Ccircle cx='6' cy='6' r='6' stroke='none'/%3E%3Ccircle cx='6' cy='6' r='5.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 22px 22px;
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 1rem;
  font-weight: 400;
  color: #404040;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
@media all and (max-width: 600px) {
  .label-radio {
    font-size: 0.9375rem;
  }
}
@media all and (max-width: 600px) {
  .label-radio.type-100 {
    padding: 2px 0 2px 32px;
  }
}
@media all and (max-width: 600px) and (max-width: 600px) {
  .label-radio.type-100 {
    padding: 2px 0 2px 26px;
  }
}
.label-radio.ins-m-label-radio {
  padding-right: 0;
}
.label-radio.ins-m-label-radio .ins-m-label-plan {
  margin-right: 17px;
  font-size: 1rem;
  font-weight: 700;
  color: #404040;
}

.toggle-switch:checked + .label-radio {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cg id='그룹_49342' data-name='그룹 49342' transform='translate(-976 -657)'%3E%3Cg id='타원_738' data-name='타원 738' transform='translate(976 657)' fill='%23fff' stroke='%230961f5' stroke-width='1'%3E%3Ccircle cx='11' cy='11' r='11' stroke='none'/%3E%3Ccircle cx='11' cy='11' r='10.5' fill='none'/%3E%3C/g%3E%3Cg id='타원_739' data-name='타원 739' transform='translate(981 662)' fill='%230961f5' stroke='%230961f5' stroke-width='1'%3E%3Ccircle cx='6' cy='6' r='6' stroke='none'/%3E%3Ccircle cx='6' cy='6' r='5.5' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.label-radio02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 11px;
  padding: 14.5px 16px 14.5px 46px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cg id='그룹_52381' data-name='그룹 52381' transform='translate(-763 -882)'%3E%3Crect id='사각형_4063' data-name='사각형 4063' width='22' height='22' rx='11' transform='translate(763 882)' fill='%23d7dce8'/%3E%3Cpath id='패스_10639' data-name='패스 10639' d='M-11245.182-18825.471l3.4,3.613,6.3-7.66' transform='translate(12014.769 19718.734)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 22px 22px;
  background-repeat: no-repeat;
  background-position: 16px center;
  border: 1px solid #d8deeb;
  background-color: #fff;
  border-radius: 4px;
  text-align: left;
  color: #000;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  cursor: pointer;
}
@media all and (max-width: 600px) {
  .label-radio02 {
    padding: 14px 5px 14px 36px;
    border-radius: 5px;
    background-size: 18px 18px;
    background-position: 12px center;
  }
}
@media all and (max-width: 600px) {
  .label-radio02.label-radio02-easy {
    padding: 13px 15px 13px 49px;
  }
}
.label-radio02.type-block {
  display: block;
}

.toggle-switch:checked + .label-radio02 {
  border-radius: 4px;
  border-color: #0961F5;
  background-color: #f1f3f8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cg id='그룹_49337' data-name='그룹 49337' transform='translate(-763 -882)'%3E%3Crect id='사각형_4063' data-name='사각형 4063' width='22' height='22' rx='11' transform='translate(763 882)' fill='%230961f5'/%3E%3Cpath id='패스_10639' data-name='패스 10639' d='M-11245.182-18825.471l3.4,3.613,6.3-7.66' transform='translate(12014.769 19718.734)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.toggle-switch:checked + .label-radio02 .option-ttl,
.toggle-switch:checked + .label-radio02 .option-txt {
  color: #0961F5;
}

/* ========== icon 관련 스타일 ========== */
.icon {
  display: inline-block;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.icon-human {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='account-circle-fill' d='M12,2A10,10,0,1,1,2,12,10,10,0,0,1,12,2ZM6.023,15.416A7.475,7.475,0,0,0,12.16,19,7.475,7.475,0,0,0,18.3,15.416a9,9,0,0,0-12.273,0ZM12,11A3,3,0,1,0,9,8,3,3,0,0,0,12,11Z' transform='translate(-2 -2)' fill='%23fff'/%3E%3C/svg%3E%0A");
}

.icon-arrow-bk {
  width: 6px;
  height: 10px;
  margin-left: 1px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10'%3E%3Cg id='그룹_56533' data-name='그룹 56533' transform='translate(-272 -407)'%3E%3Crect id='사각형_28667' data-name='사각형 28667' width='6' height='10' transform='translate(272 407)' fill='none'/%3E%3Cg id='그룹_56532' data-name='그룹 56532' transform='translate(273 408)'%3E%3Cg id='그룹_43' data-name='그룹 43'%3E%3Cline id='선_3046' data-name='선 3046' x2='4' y2='4' fill='none' stroke='%23535353' stroke-linecap='round' stroke-width='1'/%3E%3Cline id='선_3047' data-name='선 3047' x1='4' y2='4' transform='translate(0 4)' fill='none' stroke='%23535353' stroke-linecap='round' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-arrow-blue {
  width: 6px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10'%3E%3Cg id='그룹_56539' data-name='그룹 56539' transform='translate(-14940 13739)'%3E%3Crect id='사각형_28672' data-name='사각형 28672' width='6' height='10' transform='translate(14940 -13739)' fill='none'/%3E%3Cg id='그룹_56538' data-name='그룹 56538' transform='translate(14930.58 -13738)'%3E%3Cg id='그룹_43' data-name='그룹 43' transform='translate(10.42)'%3E%3Cline id='선_3046' data-name='선 3046' x2='4' y2='4' fill='none' stroke='%230762f5' stroke-linecap='round' stroke-width='1'/%3E%3Cline id='선_3047' data-name='선 3047' x1='4' y2='4' transform='translate(0 4)' fill='none' stroke='%230762f5' stroke-linecap='round' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-arrow-blue-02 {
  width: 14px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12.061' viewBox='0 0 14 12.061'%3E%3Cg id='그룹_56694' data-name='그룹 56694' transform='translate(3153 23025.061)'%3E%3Crect id='사각형_28808' data-name='사각형 28808' width='14' height='12' transform='translate(-3153 -23025)' fill='none'/%3E%3Cg id='그룹_56693' data-name='그룹 56693' transform='translate(-3476.001 -23786)'%3E%3Cg id='그룹_31009' data-name='그룹 31009' transform='translate(329.799 771.598) rotate(180)'%3E%3Cline id='선_75' data-name='선 75' x1='4.798' y2='4.798' transform='translate(0)' fill='none' stroke='%230987f5' stroke-linecap='round' stroke-width='1.5'/%3E%3Cline id='선_76' data-name='선 76' x2='4.798' y2='4.798' transform='translate(0 4.798)' fill='none' stroke='%230987f5' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3Cg id='그룹_31010' data-name='그룹 31010' transform='translate(335.557 771.598) rotate(180)' opacity='0.7'%3E%3Cline id='선_75-2' data-name='선 75' x1='4.798' y2='4.798' transform='translate(0)' fill='none' stroke='%230987f5' stroke-linecap='round' stroke-width='1.5'/%3E%3Cline id='선_76-2' data-name='선 76' x2='4.798' y2='4.798' transform='translate(0 4.798)' fill='none' stroke='%230987f5' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.arrow-type-next {
  -webkit-animation-name: horizontal-scroll;
          animation-name: horizontal-scroll;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
}

.icon-arrow-wh {
  width: 21px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.057' height='12.828' viewBox='0 0 21.057 12.828'%3E%3Cg id='그룹_56545' data-name='그룹 56545' transform='translate(22519 8393.414)'%3E%3Crect id='사각형_28673' data-name='사각형 28673' width='21' height='12' transform='translate(-22519 -8393)' fill='none'/%3E%3Cg id='그룹_56544' data-name='그룹 56544' transform='translate(-23005.5 -9051.762)'%3E%3Cline id='선_3045' data-name='선 3045' x2='18' transform='translate(487.5 664.761)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cg id='그룹_43' data-name='그룹 43' transform='translate(499.524 660.716)'%3E%3Cg id='그룹_53183' data-name='그룹 53183' transform='translate(-0.383 -0.954)'%3E%3Cline id='선_3046' data-name='선 3046' x2='5' y2='5' transform='translate(2)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='선_3047' data-name='선 3047' x1='5' y2='5' transform='translate(2 5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
@media all and (max-width: 600px) {
  .icon-arrow-wh {
    width: 15px;
    height: 9px;
  }
}

.icon-arrow-wh-02 {
  width: 5px;
  height: 9px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.318' height='9.038' viewBox='0 0 5.318 9.038'%3E%3Cg id='그룹_56556' data-name='그룹 56556' transform='translate(19872 4592)'%3E%3Cg id='그룹_56555' data-name='그룹 56555' transform='translate(-19871 -4591)'%3E%3Cline id='선_3065' data-name='선 3065' x2='3.328' y2='3.524' transform='translate(0)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.4'/%3E%3Cline id='선_3066' data-name='선 3066' x1='3.328' y2='3.524' transform='translate(0 3.524)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.4'/%3E%3C/g%3E%3Crect id='사각형_28688' data-name='사각형 28688' width='5' height='9' transform='translate(-19872 -4592)' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-arrow-wh-03 {
  width: 5px;
  height: 9px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.318' height='9.038' viewBox='0 0 5.318 9.038'%3E%3Cg id='그룹_56556' data-name='그룹 56556' transform='translate(19872 4592)'%3E%3Cg id='그룹_56555' data-name='그룹 56555' transform='translate(-19871 -4591)'%3E%3Cline id='선_3065' data-name='선 3065' x2='3.328' y2='3.524' transform='translate(0)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.4'/%3E%3Cline id='선_3066' data-name='선 3066' x1='3.328' y2='3.524' transform='translate(0 3.524)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.4'/%3E%3C/g%3E%3Crect id='사각형_28688' data-name='사각형 28688' width='5' height='9' transform='translate(-19872 -4592)' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-arrow-wh-04 {
  width: 6px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.121' height='10.121' viewBox='0 0 6.121 10.121'%3E%3Cg id='그룹_20785' data-name='그룹 20785' transform='translate(1.061 1.061)'%3E%3Cline id='선_75' data-name='선 75' x1='4' y1='4' transform='translate(0 4)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/%3E%3Cline id='선_76' data-name='선 76' y1='4' x2='4' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-arrow-yel {
  width: 13px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.061' height='11.121' viewBox='0 0 13.061 11.121'%3E%3Cg id='그룹_56592' data-name='그룹 56592' transform='translate(7349 477.061)'%3E%3Crect id='사각형_28725' data-name='사각형 28725' width='13' height='11' transform='translate(-7349 -477)' fill='none'/%3E%3Cg id='그룹_56591' data-name='그룹 56591' transform='translate(-7905 -8167.5)'%3E%3Cg id='그룹_33817' data-name='그룹 33817' transform='translate(0 7)' opacity='0.5'%3E%3Cline id='선_3287' data-name='선 3287' x2='4.5' y2='4.5' transform='translate(557.5 7684.5)' fill='none' stroke='%23fa0' stroke-linecap='round' stroke-width='1.5'/%3E%3Cline id='선_3288' data-name='선 3288' y1='4.5' x2='4.5' transform='translate(557.5 7689)' fill='none' stroke='%23fa0' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3Cg id='그룹_33818' data-name='그룹 33818' transform='translate(6 7)'%3E%3Cline id='선_3287-2' data-name='선 3287' x2='4.5' y2='4.5' transform='translate(557.5 7684.5)' fill='none' stroke='%23fa0' stroke-linecap='round' stroke-width='1.5'/%3E%3Cline id='선_3288-2' data-name='선 3288' y1='4.5' x2='4.5' transform='translate(557.5 7689)' fill='none' stroke='%23fa0' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-arrow-orange {
  width: 6px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.265' height='11.042' viewBox='0 0 6.265 11.042'%3E%3Cg id='그룹_56610' data-name='그룹 56610' transform='translate(-11367 715)'%3E%3Crect id='사각형_28743' data-name='사각형 28743' width='6' height='11' transform='translate(11367 -715)' fill='none'/%3E%3Cg id='그룹_56609' data-name='그룹 56609' transform='translate(11368 -714)'%3E%3Cline id='선_3065' data-name='선 3065' x2='4.275' y2='4.526' transform='translate(0)' fill='none' stroke='%23f6611f' stroke-linecap='round' stroke-width='1.4'/%3E%3Cline id='선_3066' data-name='선 3066' x1='4.275' y2='4.526' transform='translate(0 4.526)' fill='none' stroke='%23f6611f' stroke-linecap='round' stroke-width='1.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-arrow-green {
  width: 6px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.264' height='11.042' viewBox='0 0 6.264 11.042'%3E%3Cg id='그룹_56609' data-name='그룹 56609' transform='translate(-3807 2132)'%3E%3Crect id='사각형_28746' data-name='사각형 28746' width='6' height='11' transform='translate(3807 -2132)' fill='none'/%3E%3Cg id='그룹_56608' data-name='그룹 56608' transform='translate(3808 -2131)'%3E%3Cline id='선_3065' data-name='선 3065' x2='4.275' y2='4.526' transform='translate(0)' fill='none' stroke='%2300adb9' stroke-linecap='round' stroke-width='1.4'/%3E%3Cline id='선_3066' data-name='선 3066' x1='4.275' y2='4.526' transform='translate(0 4.526)' fill='none' stroke='%2300adb9' stroke-linecap='round' stroke-width='1.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-arrow-blue {
  width: 6px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10'%3E%3Cg id='그룹_56641' data-name='그룹 56641' transform='translate(3163 19277)'%3E%3Crect id='사각형_28764' data-name='사각형 28764' width='6' height='10' transform='translate(-3163 -19277)' fill='none'/%3E%3Cg id='그룹_56640' data-name='그룹 56640' transform='translate(-3405 -20006)'%3E%3Cline id='선_4755' data-name='선 4755' y1='4' x2='4' transform='translate(243 734)' fill='none' stroke='%2352b4e9' stroke-linecap='round' stroke-width='1.4'/%3E%3Cline id='선_4756' data-name='선 4756' x2='4' y2='4' transform='translate(243 730)' fill='none' stroke='%2352b4e9' stroke-linecap='round' stroke-width='1.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-blank {
  width: 54px;
  height: 54px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='54' viewBox='0 0 54 54'%3E%3Cg id='그룹_52664' data-name='그룹 52664' transform='translate(-409 -464)'%3E%3Ccircle id='타원_1532' data-name='타원 1532' cx='27' cy='27' r='27' transform='translate(409 464)' fill='%23e1e3e8'/%3E%3Cg id='그룹_52663' data-name='그룹 52663' transform='translate(420.281 490.768) rotate(-45)'%3E%3Cline id='선_4476' data-name='선 4476' x2='21.901' transform='translate(0 10.95)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='선_4477' data-name='선 4477' x2='21.901' transform='translate(10.95) rotate(90)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-x {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='그룹_51626' data-name='그룹 51626' transform='translate(-340 -22.162)'%3E%3Cg id='그룹_20483' data-name='그룹 20483' transform='translate(340.166 22.215)'%3E%3Cg id='사각형_4148' data-name='사각형 4148' transform='translate(-0.166 -0.053)' fill='%23fff' stroke='%23707070' stroke-width='1' opacity='0'%3E%3Crect width='20' height='20' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='19' height='19' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_51607' data-name='그룹 51607' transform='translate(342.577 24.492)'%3E%3Cline id='선_3985' data-name='선 3985' y2='21.345' transform='translate(15.093) rotate(45)' fill='none' stroke='%23fff' stroke-linecap='square' stroke-width='2'/%3E%3Cline id='선_3986' data-name='선 3986' y2='21.345' transform='translate(15.093 15.094) rotate(135)' fill='none' stroke='%23fff' stroke-linecap='square' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
@media all and (max-width: 600px) {
  .icon-x {
    width: 14px;
    height: 14px;
  }
}

.icon-step-01 {
  width: 28px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg id='그룹_53158' data-name='그룹 53158' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='27.882' height='25.534' viewBox='0 0 27.882 25.534'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='패스_11732' data-name='패스 11732' d='M13.941,0C6.241,0,0,5.37,0,11.995S6.241,23.99,13.941,23.99a16.021,16.021,0,0,0,3.913-.481,1.778,1.778,0,0,1,1.41.241,11.542,11.542,0,0,0,5.894,1.784h.032a.318.318,0,0,0,.208-.547,15,15,0,0,1-1.9-2.23,1.737,1.737,0,0,1,.312-2.293,11.181,11.181,0,0,0,4.073-8.469C27.882,5.37,21.64,0,13.941,0Z' transform='translate(0 0)' fill='%23d1d1d1'/%3E%3C/clipPath%3E%3CclipPath id='clip-path-2'%3E%3Crect id='사각형_77' data-name='사각형 77' width='27.882' height='25.534' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_124' data-name='그룹 124' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Crect id='사각형_76' data-name='사각형 76' width='27.882' height='25.534' transform='translate(0 0)' fill='%23d1d1d1'/%3E%3C/g%3E%3Cg id='그룹_127' data-name='그룹 127' transform='translate(0 0)'%3E%3Cg id='그룹_126' data-name='그룹 126' clip-path='url(%23clip-path-2)'%3E%3Cpath id='패스_11733' data-name='패스 11733' d='M7.75,14.49A8.384,8.384,0,0,0,13.8,16.876a8.308,8.308,0,0,0,5.457-2.386' transform='translate(0.436 0.815)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-level-chk {
  width: 22px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.529' height='18.619' viewBox='0 0 22.529 18.619'%3E%3Cg id='그룹_56554' data-name='그룹 56554' transform='translate(17732.529 5426.619)'%3E%3Crect id='사각형_28687' data-name='사각형 28687' width='22' height='18' transform='translate(-17732 -5426)' fill='none'/%3E%3Cpath id='패스_18133' data-name='패스 18133' d='M6.014,16.965l5.051,5.582L23.7,8.594' transform='translate(-17736.426 -5433.094)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-call {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_20918' data-name='사각형 20918' width='20' height='20' transform='translate(0 0.334)' fill='none' stroke='%23707070' stroke-width='1'/%3E%3C/clipPath%3E%3CclipPath id='clip-path-2'%3E%3Crect id='사각형_20917' data-name='사각형 20917' width='16.197' height='16.258'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='icon-call' transform='translate(0 -0.334)' clip-path='url(%23clip-path)'%3E%3Cg id='그룹_31004' data-name='그룹 31004' transform='translate(2.067 2.048)'%3E%3Cg id='그룹_31003' data-name='그룹 31003' clip-path='url(%23clip-path-2)'%3E%3Cpath id='패스_11504' data-name='패스 11504' d='M12.8,16.258a3.915,3.915,0,0,1-1.593-.425A20.913,20.913,0,0,1,5.91,12.587,19.821,19.821,0,0,1,1.174,6.654,14.284,14.284,0,0,1,.163,4.422,2.683,2.683,0,0,1,.878,1.5,12.286,12.286,0,0,1,2.193.392,1.527,1.527,0,0,1,4.542.766a8.208,8.208,0,0,1,.565,1.021A24.332,24.332,0,0,0,6.353,4.013a2.37,2.37,0,0,1,.342.817,1.257,1.257,0,0,1-.655,1.434,1.754,1.754,0,0,1-.555.205A.488.488,0,0,0,5.2,7.3c.234.286.465.574.708.852A22.362,22.362,0,0,0,8.9,11a.793.793,0,0,0,.316.157.438.438,0,0,0,.54-.31c.053-.163.092-.332.159-.488a1.3,1.3,0,0,1,1.617-.779,4.948,4.948,0,0,1,1.124.531q1.29.714,2.571,1.443a1.745,1.745,0,0,1,.924,1.925,1.338,1.338,0,0,1-.207.468A9.422,9.422,0,0,1,14.5,15.615a2.55,2.55,0,0,1-1.7.642' transform='translate(0 0)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-call-wh {
  width: 23px;
  height: 23px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='23' height='23' viewBox='0 0 23 23'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_20918' data-name='사각형 20918' width='23' height='23' transform='translate(798.5 850.5)' fill='none' stroke='%23707070' stroke-width='1'/%3E%3C/clipPath%3E%3CclipPath id='clip-path-2'%3E%3Crect id='사각형_20917' data-name='사각형 20917' width='17.924' height='17.992' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='img-call-wh' transform='translate(-798.5 -850.5)' clip-path='url(%23clip-path)'%3E%3Cg id='그룹_31004' data-name='그룹 31004' transform='translate(800.788 852.754)'%3E%3Cg id='그룹_31003' data-name='그룹 31003' clip-path='url(%23clip-path-2)'%3E%3Cpath id='패스_11504' data-name='패스 11504' d='M14.161,17.992a4.333,4.333,0,0,1-1.763-.47A23.143,23.143,0,0,1,6.54,13.929,21.934,21.934,0,0,1,1.3,7.363,15.807,15.807,0,0,1,.18,4.893,2.969,2.969,0,0,1,.971,1.661,13.6,13.6,0,0,1,2.427.434a1.689,1.689,0,0,1,2.6.414,9.083,9.083,0,0,1,.625,1.129A26.927,26.927,0,0,0,7.03,4.441a2.622,2.622,0,0,1,.378.9,1.392,1.392,0,0,1-.725,1.587,1.941,1.941,0,0,1-.614.227.54.54,0,0,0-.318.919c.259.316.515.635.783.943A24.747,24.747,0,0,0,9.848,12.17a.877.877,0,0,0,.35.174A.485.485,0,0,0,10.8,12c.058-.18.1-.367.176-.54a1.435,1.435,0,0,1,1.79-.862,5.475,5.475,0,0,1,1.244.587q1.427.79,2.845,1.6a1.931,1.931,0,0,1,1.023,2.13,1.481,1.481,0,0,1-.229.518,10.427,10.427,0,0,1-1.6,1.851,2.822,2.822,0,0,1-1.884.711' transform='translate(0 0)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-arrow-right-wh {
  width: 66px;
  height: 44px;
  margin: 0 auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65.621' height='44.176' viewBox='0 0 65.621 44.176'%3E%3Cg id='그룹_32816' data-name='그룹 32816' transform='translate(1.5 2.121)'%3E%3Cline id='선_107' data-name='선 107' x2='62' transform='translate(0 19.967)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3Cg id='그룹_32815' data-name='그룹 32815' transform='translate(42)'%3E%3Cline id='선_108' data-name='선 108' x2='20' y2='20' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='선_109' data-name='선 109' y1='20' x2='20' transform='translate(0 19.934)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-arrow-right-bk {
  width: 66px;
  height: 44px;
  margin: 0 auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65.621' height='44.176' viewBox='0 0 65.621 44.176'%3E%3Cg id='그룹_32816' data-name='그룹 32816' transform='translate(-1534.934 -4680.412)'%3E%3Cline id='선_107' data-name='선 107' x2='62' transform='translate(1536.434 4702.5)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='3'/%3E%3Cg id='그룹_32815' data-name='그룹 32815' transform='translate(-0.066 8.033)'%3E%3Cline id='선_108' data-name='선 108' x2='20' y2='20' transform='translate(1578.5 4674.5)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='선_109' data-name='선 109' y1='20' x2='20' transform='translate(1578.5 4694.434)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-arrow-bk-02 {
  width: 16px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.414' height='9.121' viewBox='0 0 15.414 9.121'%3E%3Cpath id='패스_11773' data-name='패스 11773' d='M7,14,0,7,7,0' transform='translate(0.707 7.707) rotate(-90)' fill='none' stroke='%23000' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.icon-arrow-bk-03 {
  width: 16px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.127' height='10' viewBox='0 0 16.127 10'%3E%3Cg id='그룹_56574' data-name='그룹 56574' transform='translate(21982 5049)'%3E%3Crect id='사각형_28706' data-name='사각형 28706' width='16' height='10' transform='translate(-21982 -5049)' fill='none'/%3E%3Cg id='그룹_56573' data-name='그룹 56573' transform='translate(-21981 -5048)'%3E%3Cline id='선_3045' data-name='선 3045' x2='14' transform='translate(0 4.001)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1'/%3E%3Cg id='그룹_43' data-name='그룹 43' transform='translate(10.42)'%3E%3Cline id='선_3046' data-name='선 3046' x2='4' y2='4' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1'/%3E%3Cline id='선_3047' data-name='선 3047' x1='4' y2='4' transform='translate(0 4)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-search {
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg id='그룹_33335' data-name='그룹 33335' xmlns='http://www.w3.org/2000/svg' width='21.414' height='21.414' viewBox='0 0 21.414 21.414'%3E%3Cg id='타원_110' data-name='타원 110' fill='none' stroke='%230961f5' stroke-linecap='round' stroke-width='2'%3E%3Ccircle cx='9.14' cy='9.14' r='9.14' stroke='none'/%3E%3Ccircle cx='9.14' cy='9.14' r='8.14' fill='none'/%3E%3C/g%3E%3Cline id='선_3229' data-name='선 3229' x2='4.586' y2='4.586' transform='translate(15.414 15.414)' fill='none' stroke='%230961f5' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.icon-prev {
  width: 8px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.811' height='12.121' viewBox='0 0 6.811 12.121'%3E%3Cpath id='패스_10580' data-name='패스 10580' d='M5,0,0,5l5,5' transform='translate(0.75 1.061)' fill='none' stroke='%236d7a8b' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}

.icon-next {
  width: 8px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.811' height='12.121' viewBox='0 0 6.811 12.121'%3E%3Cpath id='패스_10580' data-name='패스 10580' d='M5,10,0,5,5,0' transform='translate(6.061 11.061) rotate(180)' fill='none' stroke='%236d7a8b' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}

.icon-arrow-gray {
  width: 21px;
  height: 5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.207' height='5.414' viewBox='0 0 21.207 5.414'%3E%3Cg id='그룹_56573' data-name='그룹 56573' transform='translate(22905 3429.207)'%3E%3Crect id='사각형_28705' data-name='사각형 28705' width='21' height='5' transform='translate(-22905 -3429)' fill='none'/%3E%3Cg id='그룹_56572' data-name='그룹 56572' transform='translate(-23932 -6221)'%3E%3Cline id='선_3302' data-name='선 3302' x2='20' transform='translate(1027.5 2796.5)' fill='none' stroke='%23bcc6db' stroke-linecap='round' stroke-width='1'/%3E%3Cline id='선_3303' data-name='선 3303' x2='4' y2='4' transform='translate(1043.5 2792.5)' fill='none' stroke='%23bcc6db' stroke-linecap='round' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-on {
  width: 17px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.02' height='14' viewBox='0 0 17.02 14'%3E%3Cg id='그룹_56578' data-name='그룹 56578' transform='translate(19982.01 6478)'%3E%3Crect id='사각형_28715' data-name='사각형 28715' width='17' height='14' transform='translate(-19982 -6478)' fill='none'/%3E%3Cg id='그룹_56577' data-name='그룹 56577' transform='translate(-20551 -8881.418)'%3E%3Cg id='그룹_33917' data-name='그룹 33917' transform='translate(570.404 2405)' opacity='0.4'%3E%3Cline id='선_3304' data-name='선 3304' x2='5.418' y2='5.418' transform='translate(0 0)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='선_3305' data-name='선 3305' x1='5.418' y2='5.418' transform='translate(0 5.418)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3Cg id='그룹_33918' data-name='그룹 33918' transform='translate(579.178 2405)'%3E%3Cline id='선_3304-2' data-name='선 3304' x2='5.418' y2='5.418' transform='translate(0 0)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='선_3305-2' data-name='선 3305' x1='5.418' y2='5.418' transform='translate(0 5.418)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-cs {
  width: 23px;
  height: 23px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='23' height='23' viewBox='0 0 23 23'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_27553' data-name='사각형 27553' width='23' height='23' transform='translate(798 849)' fill='none' stroke='%23707070' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='img-inquiry' transform='translate(-798 -849)' clip-path='url(%23clip-path)'%3E%3Crect id='사각형_27554' data-name='사각형 27554' width='16' height='18' rx='3' transform='translate(802 851)' fill='%230961f5'/%3E%3Cline id='선_5364' data-name='선 5364' x2='9' transform='translate(805.5 856.654)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/%3E%3Cline id='선_5365' data-name='선 5365' x2='4' transform='translate(805.5 860)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-royal {
  width: 38px;
  height: 38px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='38' height='38' viewBox='0 0 38 38'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_83' data-name='사각형 83' width='22.005' height='14.738' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_51672' data-name='그룹 51672' transform='translate(-380 -5410)'%3E%3Cg id='타원_172' data-name='타원 172' transform='translate(380 5410)' fill='%23fff' stroke='%23e9e9e9' stroke-width='1'%3E%3Ccircle cx='19' cy='19' r='19' stroke='none'/%3E%3Ccircle cx='19' cy='19' r='18.5' fill='none'/%3E%3C/g%3E%3Cg id='그룹_33673' data-name='그룹 33673' transform='translate(-110 -672)'%3E%3Cg id='사각형_4245' data-name='사각형 4245' transform='translate(496 6088)' fill='none' stroke='%23707070' stroke-width='1' opacity='0'%3E%3Crect width='26' height='26' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='25' height='25' fill='none'/%3E%3C/g%3E%3Cg id='그룹_33671' data-name='그룹 33671' transform='translate(497.998 6092.552)'%3E%3Cg id='그룹_132' data-name='그룹 132' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_11743' data-name='패스 11743' d='M0,6.488l.907,9.649h12.54S5.066,8.73,1.447,5.726A.882.882,0,0,0,0,6.488' transform='translate(0 -1.399)' fill='%23f57109'/%3E%3Cpath id='패스_11744' data-name='패스 11744' d='M17.677,14.738h5.474L13.87.4a.882.882,0,0,0-1.5.027L8.819,6.378Z' transform='translate(-2.235 0)' fill='%23f55209'/%3E%3Cpath id='패스_11745' data-name='패스 11745' d='M27.534,13.974,24.15,7.8l2.55-1.99a.881.881,0,0,1,1.424.743c-.155,2.7-.437,7.266-.589,7.417' transform='translate(-6.12 -1.425)' fill='%23f59a09'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-smart {
  width: 38px;
  height: 38px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Cg id='그룹_56635' data-name='그룹 56635' transform='translate(-380 -1775)'%3E%3Cg id='타원_127' data-name='타원 127' transform='translate(380 1775)' fill='%23fff' stroke='%23e9e9e9' stroke-width='1'%3E%3Ccircle cx='19' cy='19' r='19' stroke='none'/%3E%3Ccircle cx='19' cy='19' r='18.5' fill='none'/%3E%3C/g%3E%3Cg id='그룹_33590' data-name='그룹 33590' transform='translate(-645.334 -629.089)'%3E%3Crect id='사각형_79' data-name='사각형 79' width='13.095' height='13.095' transform='translate(1035.169 2423.399) rotate(-45)' fill='none' stroke='%23ededed' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='패스_11737' data-name='패스 11737' d='M5.98,18.192H1.69A1.19,1.19,0,0,1,.5,17v-4.29a1.19,1.19,0,0,1,1.19-1.189H5.98a1.19,1.19,0,0,1,1.19,1.189V17a1.19,1.19,0,0,1-1.19,1.19' transform='translate(1031.5 2408.542)' fill='%2317c6a8' stroke='%23fff' stroke-width='1'/%3E%3Cpath id='패스_11738' data-name='패스 11738' d='M25.441,18.47l-3.033-3.033a1.106,1.106,0,0,1,0-1.563l3.033-3.033a1.106,1.106,0,0,1,1.563,0l3.033,3.033a1.106,1.106,0,0,1,0,1.563L27,18.47a1.1,1.1,0,0,1-1.563,0' transform='translate(1026.307 2408.744)' fill='%23f5d10a' stroke='%23fff' stroke-width='1'/%3E%3Cpath id='패스_11739' data-name='패스 11739' d='M15.367,7.171h0A3.335,3.335,0,1,1,18.7,3.835a3.336,3.336,0,0,1-3.336,3.336' transform='translate(1028.52 2410.5)' fill='%230762f5' stroke='%23fff' stroke-width='1'/%3E%3Cpath id='패스_11741' data-name='패스 11741' d='M15.367,29.065h0A3.335,3.335,0,1,1,18.7,25.73a3.336,3.336,0,0,1-3.336,3.336' transform='translate(1028.52 2406.113)' fill='%230762f5' stroke='%23fff' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.modal-dialog-wrapper {
  z-index: 201;
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  margin: auto;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.modal-dialog-wrapper.eduok-option {
  z-index: 202;
}
.modal-dialog-wrapper.personal-information-consent {
  z-index: 202;
}
.modal-dialog-wrapper.consultation-application-modal {
  z-index: 202;
}
.modal-dialog-wrapper.pwd-reissuance-complete.is-show {
  opacity: 1;
  pointer-events: visible;
}
.modal-dialog-wrapper.pwd-reissuance-complete.is-show .overlay {
  opacity: 1;
  pointer-events: visible;
}
.modal-dialog-wrapper.pwd-reissuance-complete.is-show .modal-wrap {
  opacity: 1;
  pointer-events: visible;
}
.modal-dialog-wrapper.pwd-reissuance-complete.is-show .btn-x {
  pointer-events: visible;
}
.modal-dialog-wrapper.is-active {
  opacity: 1;
  pointer-events: visible;
}
.modal-dialog-wrapper.is-active .overlay {
  opacity: 1;
  pointer-events: visible;
}
.modal-dialog-wrapper.is-active .modal-wrap {
  opacity: 1;
  pointer-events: visible;
}
.modal-dialog-wrapper.is-active .btn-x {
  pointer-events: visible;
}
.modal-dialog-wrapper.terms-sevice-statistics-wrapper .img-grp {
  width: 100%;
  height: 1584px;
}
.modal-dialog-wrapper.terms-sevice-statistics-wrapper .img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.modal-dialog-wrapper .overlay {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  /*background-color: rgba(0, 0, 0, 0.4);*/
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.modal-wrap {
  opacity: 0;
  z-index: 100;
  width: 500px;
  pointer-events: none;
  background-color: #fff;
  border-radius: 24px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  /* ========= 에듀OK EASY 모달 ========= */
  /* ========= END 에듀OK EASY 모달 ========= */
  /*&.modal-counselor-wrapper {
    padding: 46px 40px 25px;
  }*/
}
@media all and (max-width: 600px) {
  .modal-wrap {
    border-radius: 16px;
    width: 92%;
  }
}
.modal-wrap.pwd-reissuance-wrapper {
  width: auto;
  padding: 41px 19px 16px;
}
.modal-wrap.pwd-reissuance-wrapper.cont-wrap {
  width: 310px;
}
.modal-wrap.pwd-change-wrap {
  padding: 46px 26px 30px;
}
@media all and (max-width: 600px) {
  .modal-wrap.pwd-change-wrap {
    padding: 28px 19px 22px;
  }
}
@media all and (max-width: 600px) {
  .modal-wrap.pwd-change-wrap.type-counseling-modal-wrap {
    padding: 24px 10px 20px 19px;
  }
}
.modal-wrap.modal-option-wrapper {
  padding: 46px 22px 30px;
}
@media all and (max-width: 600px) {
  .modal-wrap.modal-option-wrapper {
    padding: 28px 18px 22px;
  }
}
.modal-wrap.modal-info-wrapper {
  max-width: 1180px;
  max-height: 68.013vh;
  width: calc(100% - 40px);
  padding: 46px 28px 25px 40px;
}
.modal-wrap.modal-info-wrapper .txt-grp {
  margin-bottom: 39px;
  text-align: center;
}
.modal-wrap.modal-info-wrapper .txt-grp.type-blank {
  margin-bottom: 0;
}
.modal-wrap.modal-info-wrapper .txt-grp.type-mb-20 {
  margin-bottom: 20px;
}
@media all and (max-width: 600px) {
  .modal-wrap.modal-info-wrapper .txt-grp.type-mb-mo-14 {
    margin-bottom: 14px;
  }
}
.modal-wrap.modal-info-wrapper .txt-grp .sub-txt {
  margin-bottom: 7px;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #0961F5;
}
@media all and (max-width: 600px) {
  .modal-wrap.modal-info-wrapper .txt-grp .sub-txt {
    font-size: 0.8125rem;
  }
}
.modal-wrap.modal-info-wrapper .txt-grp .ttl {
  font-size: 1.875rem;
  font-weight: 800;
  color: #000;
}
@media all and (max-width: 600px) {
  .modal-wrap.modal-info-wrapper .txt-grp .ttl {
    font-size: 1.25rem;
  }
}
.modal-wrap.modal-info-wrapper .txt-grp .ttl-m {
  font-size: 1.625rem;
  font-weight: 800;
  color: #000;
}
@media all and (max-width: 600px) {
  .modal-wrap.modal-info-wrapper .txt-grp .ttl-m {
    font-size: 1.25rem;
  }
}
.modal-wrap.modal-info-wrapper .modal-info-content {
  margin: 157px 0 154px;
  text-align: center;
}
.modal-wrap.modal-info-wrapper .modal-info-content .blank-txt {
  margin-top: 19px;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3612;
  letter-spacing: -0.5182px;
  color: #b7bbc4;
}
.modal-wrap.modal-info-wrapper .academy-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 14px;
}
.modal-wrap.modal-info-wrapper .academy-cont {
  max-width: 264px;
  max-height: 155px;
  width: calc((100% - 42px) / 4);
  padding: 26px 0 18.5px 26px;
  background-color: #f8f8f8;
  border: 1px solid #e9e9e9;
  border-radius: 16px;
}
.modal-wrap.modal-info-wrapper .academy-cont.is-active {
  border-color: #0961F5;
  background-color: #ebeff6;
}
.modal-wrap.modal-info-wrapper .academy-cont .academy-txt-sm {
  margin-bottom: 11px;
  font-size: 1.25rem;
  font-weight: 700;
  color: #090909;
}
.modal-wrap.modal-info-wrapper .academy-cont .academy-txt-ok {
  margin-bottom: 20.5px;
  font-size: 1rem;
  font-weight: 400;
  /*color: #0961f5;*/
  color: #000;	
}
.modal-wrap.modal-info-wrapper .academy-cont .academy-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.modal-wrap.modal-info-wrapper .academy-cont .academy-box .box {
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 6px;
  padding: 6.5px 14px;
  font-size: 1rem;
  font-weight: 500;
  color: #474747;
}
.modal-wrap .input-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  margin-top: 34px;
}
@media all and (max-width: 600px) {
  .modal-wrap .input-wrap {
    width: 100%;
    margin-top: 9%;
  }
}
@media all and (max-width: 600px) {
  .modal-wrap .input-wrap.type-solution {
    max-width: none;
  }
}
.modal-wrap.modal-counselor-wrapper {
  padding: 46px 28px 40px 40px;
}
.modal-wrap.modal-counselor-wrapper .txt-grp {
  margin-bottom: 24px;
}
.modal-wrap.modal-counselor-wrapper .scroll-section {
  padding: 10px 8px 0 30px;
}
.modal-wrap.modal-counselor-wrapper .scroll-section .counselor-profile-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 35px;
  margin-bottom: 42px;
}
.modal-wrap.modal-counselor-wrapper .scroll-section .counselor-profile-wrap .counselor-profile-img-wrap {
  overflow: hidden;
  width: 120px;
  height: 120px;
  border-radius: 100%;
}
.modal-wrap.modal-counselor-wrapper .scroll-section .counselor-profile-wrap .counselor-profile-txt-wrap .counselor-profile-job {
  margin-bottom: 9px;
  font-size: 1.25rem;
  font-weight: 800;
  color: #000;
  letter-spacing: -0.4px;
}
.modal-wrap.modal-counselor-wrapper .scroll-section .counselor-profile-wrap .counselor-profile-txt-wrap .counselor-profile-name {
  font-size: 1.75rem;
  font-weight: 500;
  color: #000;
  letter-spacing: 11px;
}
.modal-wrap.modal-counselor-wrapper .scroll-section .counselor-history-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.modal-wrap.modal-counselor-wrapper .scroll-section .counselor-history-wrap .counselor-history-wrap-array {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.modal-wrap.modal-counselor-wrapper .scroll-section .counselor-history-wrap .counselor-history-wrap-array:first-child {
  margin-bottom: 40.5px;
  padding-bottom: 40.5px;
  border-bottom: 1px solid #efefef;
}
.modal-wrap.modal-counselor-wrapper .scroll-section .counselor-history-wrap .counselor-history-wrap-array .counselor-history-cont {
  width: 50%;
}
.modal-wrap.modal-counselor-wrapper .scroll-section .counselor-history-wrap .counselor-history-wrap-array .counselor-history-cont .counselor-history-ttl {
  font-size: 1rem;
  font-weight: 400;
  color: #0961f5;
  margin-bottom: 18px;
}
.modal-wrap.modal-counselor-wrapper .scroll-section .counselor-history-wrap .counselor-history-wrap-array .counselor-history-cont .counselor-history-list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 13px;
}
.modal-wrap.modal-counselor-wrapper .scroll-section .counselor-history-wrap .counselor-history-wrap-array .counselor-history-cont .counselor-history-list-wrap .counselor-history-list {
  font-size: 1.125rem;
  font-weight: 400;
  color: #474747;
}
.modal-wrap.modal-terms-wrapper {
  max-width: 500px;
  max-height: 663px;
  /*padding: 46px 14px 26px 26px;*/
  padding: 46px 0px 26px 0px;
}
@media all and (max-width: 600px) {
  .modal-wrap.modal-terms-wrapper {
    /*padding: 28px 10px 20px 19px;*/
  }
}
.modal-wrap .modal-txt-grp {
  text-align: center;
}
.modal-wrap .modal-txt-grp.type-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
}
@media all and (max-width: 600px) {
  .modal-wrap .modal-txt-grp.type-flex {
    gap: 11px;
  }
}
.modal-wrap .modal-txt-grp .modal-ttl-sm {
  margin-bottom: 11px;
  font-size: 1.25rem;
  font-weight: 800;
  color: #000;
}
@media all and (max-width: 600px) {
  .modal-wrap .modal-txt-grp .modal-ttl-sm {
    margin-bottom: 8px;
  }
}
.modal-wrap .modal-txt-grp .modal-ttl-m {
  margin-bottom: 12px;
  font-size: 1.625rem;
  font-weight: 800;
  line-height: 31px;
  color: #000;
}
@media all and (max-width: 600px) {
  .modal-wrap .modal-txt-grp .modal-ttl-m {
    margin-bottom: 8px;
    font-size: 1.25rem;
    line-height: 1.3;
  }
}
.modal-wrap .modal-txt-grp .img-grp {
  width: 55px;
  height: 59px;
}
@media all and (max-width: 600px) {
  .modal-wrap .modal-txt-grp .img-grp {
    width: 36px;
    height: 38px;
  }
}
.modal-wrap .modal-txt-grp .img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.modal-wrap .modal-txt-grp .modal-sub-txt {
  font-size: 1rem;
  font-weight: 400;
  line-height: 21.5px;
  color: #8b8b8b;
}
@media all and (max-width: 600px) {
  .modal-wrap .modal-txt-grp .modal-sub-txt {
    font-size: 0.875rem;
    line-height: 1.3;
  }
}
.modal-wrap .modal-txt-grp .modal-txt {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: -0.5482;
  line-height: 1.344;
  color: #4d4d4d;
}
@media all and (max-width: 600px) {
  .modal-wrap .modal-txt-grp .modal-txt {
    font-size: 0.875rem;
    color: #8b8b8b;
  }
}
.modal-wrap .modal-txt-box-wrap {
  padding: 24px 0 24px 20px;
  border-radius: 10px;
  border-color: 1px solid #0961F5;
  background-color: #f9f9f9;
}
@media all and (max-width: 600px) {
  .modal-wrap .modal-txt-box-wrap {
    padding: 22px 18px;
  }
}
.modal-wrap .modal-txt-box-wrap .modal-txt-top {
  margin-bottom: 13px;
  line-height: 22.5px;
}
.modal-wrap .modal-txt-box-wrap .modal-txt-top .modal-txt {
  font-size: 1.125rem;
  font-weight: 500;
  color: #000;
}
@media all and (max-width: 600px) {
  .modal-wrap .modal-txt-box-wrap .modal-txt-top .modal-txt {
    font-size: 1rem;
    line-height: 1.5;
  }
}
.modal-wrap .modal-txt-box-wrap .modal-txt-box-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  font-size: 0.875rem;
  font-weight: 400;
  color: #0961F5;
}
@media all and (max-width: 600px) {
  .modal-wrap .modal-txt-box-wrap .modal-txt-box-ttl {
    gap: 7px;
  }
}
.modal-wrap .option-grp .option-ttl {
  -ms-flex-preferred-size: 70px;
      flex-basis: 70px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 1rem;
  font-weight: 600;
}
@media all and (max-width: 600px) {
  .modal-wrap .option-grp .option-ttl {
    font-size: 0.875rem;
    font-weight: 400;
  }
}
.modal-wrap .option-grp .option-txt {
  font-size: 1rem;
  font-weight: 400;
  color: #000;
}
@media all and (max-width: 600px) {
  .modal-wrap .option-grp .option-txt {
    font-size: 0.875rem;
    line-height: 1.43;
  }
}
@media all and (max-width: 357px) {
  .modal-wrap .option-grp .option-txt {
    font-size: 0.75rem;
  }
}
@media all and (max-width: 600px) {
  .modal-wrap .option-grp .option-txt .mo-option-txt {
    font-weight: 600;
  }
}
.modal-wrap .modal-cont-wrap {
  margin-top: 34px;
}
@media all and (max-width: 600px) {
  .modal-wrap .modal-cont-wrap {
    margin-top: 22px;
  }
}
.modal-wrap .inquiry-cont {
  height: 141px;
  padding: 15px 16px 15px;
}
.modal-wrap .inquiry-cont::-webkit-scrollbar {
  width: 4px;
  /* 스크롤바의 너비 */
}
.modal-wrap .inquiry-cont::-webkit-scrollbar-thumb {
  height: 20%;
  /* 스크롤바의 길이 */
  background: #f1f1f1;
  /* 스크롤바의 색상 */
  border-radius: 10px;
}
.modal-wrap .scroll-section {
  overflow-y: auto;
  height: 469px;
  padding-right: 8px;
}
@media all and (max-width: 600px) {
  .modal-wrap .scroll-section {
    padding-right: 5px;
  }
}
.modal-wrap .scroll-section.type-blank {
  height: auto;
}
.modal-wrap .scroll-section.type-terms {
  height: 475px;
  padding-right: 13px;
}
@media all and (max-width: 600px) {
  .modal-wrap .scroll-section.type-terms {
    height: 410px !important;
    padding-right: 6px;
  }
}
.modal-wrap .scroll-section.type-counseling {
  height: 404px;
  padding-right: 0;
}
@media all and (max-width: 600px) {
  .modal-wrap .scroll-section.type-counseling {
    height: 380px;
    padding-right: 5px;
  }
}
.modal-wrap .scroll-section::-webkit-scrollbar {
  width: 4px;
  /* 스크롤바의 너비 */
}
.modal-wrap .scroll-section::-webkit-scrollbar-thumb {
  height: 20%;
  /* 스크롤바의 길이 */
  background: #f1f1f1;
  /* 스크롤바의 색상 */
  border-radius: 10px;
}
.modal-wrap .scroll-section.type-close {
  max-height: calc(68.9vh - 60px);
  height: 469px;
  overflow-y: auto;
}
.modal-wrap .scroll-wrap {
  overflow-y: auto;
  height: 469px;
  padding-right: 8px;
}
.modal-wrap .scroll-wrap.type-blank {
  height: auto;
}
.modal-wrap .scroll-wrap.type-terms {
  padding-right: 11px;
}
.modal-wrap .scroll-wrap::-webkit-scrollbar {
  width: 4px;
  /* 스크롤바의 너비 */
}
.modal-wrap .scroll-wrap::-webkit-scrollbar-thumb {
  height: 20%;
  /* 스크롤바의 길이 */
  background: #f1f1f1;
  /* 스크롤바의 색상 */
  border-radius: 10px;
}

/* alert-dialog 부모상담코칭 전문가 과정 준비중 alert */
.modal-wrapper {
  z-index: 100;
  opacity: 1;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  pointer-events: none;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.modal-wrapper.is-show {
  opacity: 1;
  pointer-events: visible;
}
.modal-wrapper.is-show .modal-bg {
  opacity: 1;
  pointer-events: visible;
}

.modal-bg {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  pointer-events: none;
}

.modal {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 30px;
  background-color: #fff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.alert-dialog-wrapper {
  z-index: 100;
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  margin: auto;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.alert-dialog-wrapper.is-show {
  opacity: 1;
  pointer-events: visible;
}
.alert-dialog-wrapper.is-show .overlay {
  opacity: 1;
  pointer-events: visible;
}
.alert-dialog-wrapper.is-show .btn {
  height: 46px;
  font-weight: 700;
}
.alert-dialog-wrapper .overlay {
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.4);
  pointer-events: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.alert-dialog {
  opacity: 0;
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 300px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 20px;
  background-color: #fff;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.alert-dialog__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 130px;
  padding: 10px 39px 0;
}
.alert-dialog__title {
  margin-top: 10px;
  font-size: 20px;
  text-align: center;
  word-break: keep-all;
  font-weight: 700;
  line-height: 1.5;
  color: #000;
}
.alert-dialog__txt {
  padding-top: 10px;
  font-size: 0.9375rem;
  font-weight: normal;
  color: #000;
}
.alert-dialog__desc {
  display: inline-block;
  margin-top: 14px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
  word-break: keep-all;
  color: #000;
}
.alert-dialog__btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1rem;
  padding-top: 0.5rem;
  gap: 8px;
}
.alert-dialog__btn-wrap .btn_reject {
  width: 100px;
  margin-right: 10px;
  white-space: nowrap;
}
.alert-dialog__btn-wrap + [class*=url-wrap] {
  margin-top: 0.125rem;
  padding-bottom: 1.3125rem;
}
.alert-dialog__btn-wrap .btn-confirm {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.alert-dialog__btn {
  border-radius: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  height: 48px;
  border-radius: 10px;
  font-size: 1rem;
  color: #fff;
  line-height: 48px;
  font-weight: 700;
  background-color: #0961F5;
  cursor: pointer;
}
.alert-dialog__btn:active {
  -webkit-filter: brightness(95%);
          filter: brightness(95%);
}
.alert-dialog__btn .in-chck-icon {
  margin-right: 3px;
}
.alert-dialog__url-wrap {
  text-align: center;
}
.alert-dialog__url-wrap .link_url {
  margin-left: 0.5rem;
  word-break: keep-all;
  color: #000;
}
.alert-dialog__url-wrap .link_url:first-child {
  margin-left: 0;
}
.alert-dialog-wrapper.is-show .alert-dialog {
  opacity: 1;
  pointer-events: visible;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.alert-dialog .empha-title {
  font-size: 0.8125rem;
  line-height: 1.7;
}
.alert-dialog .empha-title b {
  font-size: 0.9375rem;
  font-weight: 500;
}
.alert-dialog .recm-label {
  color: #000;
}

/* confirm-dialog 정말 삭제하시겠습니까? alert */
.confirm-dialog-wrapper {
  z-index: 100;
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  margin: auto;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.confirm-dialog-wrapper.is-show {
  opacity: 1;
  pointer-events: visible;
}
.confirm-dialog-wrapper.is-show .overlay {
  opacity: 1;
  pointer-events: visible;
}
.confirm-dialog-wrapper.is-show .btn {
  height: 46px;
  font-weight: 700;
}
.confirm-dialog-wrapper .overlay {
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.4);
  pointer-events: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.confirm-dialog {
  opacity: 0;
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 300px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 20px;
  background-color: #fff;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.confirm-dialog__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 130px;
  padding: 10px 39px 0;
}
.confirm-dialog__title {
  margin-top: 10px;
  font-size: 20px;
  text-align: center;
  word-break: keep-all;
  font-weight: 700;
  line-height: 1.5;
  color: #000;
}
.confirm-dialog__txt {
  padding-top: 10px;
  font-size: 0.9375rem;
  font-weight: normal;
  color: #000;
}
.confirm-dialog__desc {
  display: inline-block;
  margin-top: 14px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
  word-break: keep-all;
  color: #000;
}
.confirm-dialog__btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1rem;
  padding-top: 0.5rem;
  gap: 8px;
}
.confirm-dialog__btn-wrap .btn_reject {
  width: 100px;
  margin-right: 10px;
  white-space: nowrap;
}
.confirm-dialog__btn-wrap + [class*=url-wrap] {
  margin-top: 0.125rem;
  padding-bottom: 1.3125rem;
}
.confirm-dialog__btn-wrap .btn-confirm {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.confirm-dialog__btn {
  border-radius: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 48px;
  border-radius: 10px;
  font-size: 1rem;
  color: #fff;
  line-height: 48px;
  font-weight: 700;
  background-color: #0961F5;
  cursor: pointer;
}
.confirm-dialog__btn.btn-cancel {
  width: 84px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.confirm-dialog__btn.btn-delete {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.confirm-dialog__btn:active {
  -webkit-filter: brightness(95%);
          filter: brightness(95%);
}
.confirm-dialog__btn .in-chck-icon {
  margin-right: 3px;
}
.confirm-dialog .btn-cancel {
  border: 1px solid #ebebeb;
  background-color: #fff;
}
.confirm-dialog .btn-cancel span {
  color: #000;
}
.confirm-dialog__url-wrap {
  text-align: center;
}
.confirm-dialog__url-wrap .link_url {
  margin-left: 0.5rem;
  word-break: keep-all;
  color: #000;
}
.confirm-dialog__url-wrap .link_url:first-child {
  margin-left: 0;
}
.confirm-dialog-wrapper.is-show .confirm-dialog {
  opacity: 1;
  pointer-events: visible;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.confirm-dialog .empha-title {
  font-size: 0.8125rem;
  line-height: 1.7;
}
.confirm-dialog .empha-title b {
  font-size: 0.9375rem;
  font-weight: 500;
}
.confirm-dialog .recm-label {
  color: #000;
}

/* ===============================================

system_development page 모달
system_partnership page 모달

=============================================== */
@media all and (max-width: 600px) {
  .modal-dialog-wrapper.modal-system-dev-wrapper .btn.btn-x {
    top: calc(68vh + 19.5%);
  }
}

.modal-info-wrapper.modal-system-wrapper {
  height: 640px;
  padding: 30px 40px;
}
@media all and (max-width: 600px) {
  .modal-info-wrapper.modal-system-wrapper {
    padding: 26px 10px 20px 20px;
  }
  .modal-info-wrapper.modal-system-wrapper .modal-system-sub-ttl {
    margin-bottom: 10px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #002a8a;
  }
}
.modal-info-wrapper.modal-system-wrapper .scroll-section {
  height: 100% !important;
}
@media all and (max-width: 600px) {
  .modal-info-wrapper.modal-system-wrapper .scroll-section {
    padding-right: 8px;
    height: 58vh !important;
  }
}
.modal-info-wrapper.modal-system-wrapper .scroll-section .system-txt-grp {
  margin: 26px 0 20px 30px;
}
@media all and (max-width: 600px) {
  .modal-info-wrapper.modal-system-wrapper .scroll-section .system-txt-grp {
    margin: 0 0 18px;
  }
}
.modal-info-wrapper.modal-system-wrapper .scroll-section .system-txt-grp .ttl {
  margin-bottom: 15px;
  font-size: 2.125rem;
  font-weight: 800;
  color: #000;
  letter-spacing: -0.6px;
}
@media all and (max-width: 600px) {
  .modal-info-wrapper.modal-system-wrapper .scroll-section .system-txt-grp .ttl {
    margin-bottom: 12px;
    font-size: 1.4375rem;
  }
}
.modal-info-wrapper.modal-system-wrapper .scroll-section .system-txt-grp .sub-txt {
  font-size: 1rem;
  font-weight: 500;
  color: #002a8a;
  letter-spacing: -0.3px;
}
@media all and (max-width: 600px) {
  .modal-info-wrapper.modal-system-wrapper .scroll-section .system-txt-grp .sub-txt {
    font-size: 0.875rem;
    line-height: 1.34;
  }
}
.modal-info-wrapper.modal-system-wrapper .scroll-section .system-list-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 7px;
  margin-left: 30px;
  margin-bottom: 42px;
}
@media all and (max-width: 600px) {
  .modal-info-wrapper.modal-system-wrapper .scroll-section .system-list-grp {
    margin-left: 0;
    margin-bottom: 30px;
  }
}
.modal-info-wrapper.modal-system-wrapper .scroll-section .system-list-grp .system-list-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
  font-size: 1rem;
  font-weight: 400;
  color: #000;
}
@media all and (max-width: 600px) {
  .modal-info-wrapper.modal-system-wrapper .scroll-section .system-list-grp .system-list-cont {
    font-size: 0.8125rem;
    line-height: 1.38;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.modal-info-wrapper.modal-system-wrapper .scroll-section .system-list-grp .system-list-cont .system-modal-check-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cg id='그룹_51301' data-name='그룹 51301' transform='translate(-763 -882)'%3E%3Cg id='사각형_4063' data-name='사각형 4063' transform='translate(763 882)' fill='none' stroke='%23ffd41d' stroke-width='1' opacity='0'%3E%3Crect width='22' height='22' rx='6' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='21' height='21' rx='5.5' fill='none'/%3E%3C/g%3E%3Cpath id='패스_10639' data-name='패스 10639' d='M-11245.182-18825.471l3.4,3.613,6.3-7.66' transform='translate(12014.769 19718.734)' fill='none' stroke='%230961f5' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media all and (max-width: 600px) {
  .modal-info-wrapper.modal-system-wrapper .scroll-section .system-list-grp .system-list-cont .system-modal-check-icon {
    width: 18px;
    height: 18px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.modal-info-wrapper.modal-system-wrapper .scroll-section .system-cont-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 26px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 50px;
}
@media all and (max-width: 600px) {
  .modal-info-wrapper.modal-system-wrapper .scroll-section .system-cont-grp {
    gap: 30px;
    margin-bottom: 30px;
  }
}
.modal-info-wrapper.modal-system-wrapper .scroll-section .system-cont-grp .system-cont-list-wrap {
  width: calc((100% - 52px) / 3);
}
@media all and (max-width: 600px) {
  .modal-info-wrapper.modal-system-wrapper .scroll-section .system-cont-grp .system-cont-list-wrap {
    width: 100%;
  }
}
.modal-info-wrapper.modal-system-wrapper .scroll-section .system-cont-grp .system-cont-list-wrap .system-cont-list-img {
  width: 349px;
  height: 240px;
}
@media all and (max-width: 600px) {
  .modal-info-wrapper.modal-system-wrapper .scroll-section .system-cont-grp .system-cont-list-wrap .system-cont-list-img {
    width: 100%;
    height: 205px;
  }
  .modal-info-wrapper.modal-system-wrapper .scroll-section .system-cont-grp .system-cont-list-wrap .system-cont-list-img img {
    width: 100%;
    height: 100%;
  }
}
@media all and (max-width: 600px) and (max-width: 600px) {
  .modal-info-wrapper.modal-system-wrapper .scroll-section .system-cont-grp .system-cont-list-wrap .system-cont-list-img img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.modal-info-wrapper.modal-system-wrapper .scroll-section .system-cont-grp .system-cont-list-wrap .system-cont-list-txt {
  margin-top: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  color: #000;
  text-align: center;
  letter-spacing: -0.4px;
}
@media all and (max-width: 600px) {
  .modal-info-wrapper.modal-system-wrapper .scroll-section .system-cont-grp .system-cont-list-wrap .system-cont-list-txt {
    margin-top: 13px;
    font-size: 1rem;
  }
}

.modal-system-dev-wrapper-04 .system-txt-grp {
  margin-bottom: 42px !important;
}

/* ========= 개발 제휴 신청 모달 ========= */
.system-partnership-modal-wrapper .modal-wrap {
  width: 500px;
  height: 640px;
}
@media all and (max-width: 600px) {
  .system-partnership-modal-wrapper .modal-wrap {
    width: 92%;
    height: 560px;
    padding: 28px 10px 20px 19px;
  }
}
.system-partnership-modal-wrapper .modal-wrap .modal-txt-grp .modal-ttl-m {
  margin-bottom: 12px;
}
@media all and (max-width: 600px) {
  .system-partnership-modal-wrapper .modal-wrap .modal-txt-grp .modal-ttl-m {
    font-size: 1.25rem;
    margin-bottom: 5px;
  }
}
.system-partnership-modal-wrapper .modal-wrap .modal-txt-grp .sys-prt-modal-txt {
  font-size: 1rem;
  font-weight: 400;
  color: #8b8b8b;
  line-height: 1.55;
  letter-spacing: -0.5px;
}
@media all and (max-width: 600px) {
  .system-partnership-modal-wrapper .modal-wrap .modal-txt-grp .sys-prt-modal-txt {
    font-size: 0.875rem;
  }
}
@media all and (max-width: 600px) {
  .system-partnership-modal-wrapper .modal-wrap .modal-cont-wrap {
    margin-top: 14px;
  }
}
.system-partnership-modal-wrapper .modal-wrap .modal-cont-wrap .scroll-section {
  height: 380px;
}
.system-partnership-modal-wrapper .modal-wrap .modal-cont-wrap .scroll-section .sys-prt-certification-btn {
  width: 96px;
}
.system-partnership-modal-wrapper .modal-wrap .modal-cont-wrap .scroll-section .sys-prt-cont {
  height: 79px;
  padding: 15px 16px;
}
.system-partnership-modal-wrapper .modal-wrap .modal-cont-wrap .scroll-section .sys-num-grp {
  gap: 4px;
}
@media all and (max-width: 600px) {
  .system-partnership-modal-wrapper .modal-wrap .modal-cont-wrap .scroll-section .sys-num-grp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
}
.system-partnership-modal-wrapper .modal-wrap .modal-cont-wrap .scroll-section .sys-num-grp .sys-num-grp-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  width: 67.85%;
}
@media all and (max-width: 600px) {
  .system-partnership-modal-wrapper .modal-wrap .modal-cont-wrap .scroll-section .sys-num-grp .sys-num-grp-top {
    width: 100%;
  }
}
.system-partnership-modal-wrapper .modal-wrap .modal-cont-wrap .scroll-section .sys-num-grp .sys-num-select {
  width: 31.25%;
}
@media all and (max-width: 600px) {
  .system-partnership-modal-wrapper .modal-wrap .modal-cont-wrap .scroll-section .sys-num-grp .sys-num-select {
    width: 100%;
  }
}
.system-partnership-modal-wrapper .modal-wrap .modal-cont-wrap .number-input {
  position: relative;
}
.system-partnership-modal-wrapper .modal-wrap .modal-cont-wrap .number-input .modal-limit-time {
  position: absolute;
  top: 50%;
  left: auto;
  right: 16px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #ff6363;
  font-weight: normal;
  font-size: 0.875rem;
}
@media all and (max-width: 600px) {
  .system-partnership-modal-wrapper .modal-wrap .modal-cont-wrap .number-input .modal-limit-time {
    right: 14px;
  }
}
@media all and (max-width: 320px) {
  .system-partnership-modal-wrapper .modal-wrap .modal-cont-wrap .number-input .modal-limit-time {
    font-size: 0.75rem;
  }
}
.system-partnership-modal-wrapper .modal-wrap .modal-cont-wrap .number-input .modal-limit-time .limit-time {
  font-weight: 600;
}
.system-partnership-modal-wrapper .modal-wrap .modal-cont-wrap .input-btn.sys-prt-input-btn {
  margin-top: 12px;
}

/* ========= END - 개발 제휴 신청 모달 ========= */
/* ========= 신청완료 모달 ========= */
.system-prt-complete-modal-wrapper {
  z-index: 300;
}
.system-prt-complete-modal-wrapper .pwd-change-wrap {
  width: 310px;
  height: 200px;
  padding: 34px 19px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 16px;
}
.system-prt-complete-modal-wrapper .modal-txt-grp .modal-ttl-m {
  margin-bottom: 17px;
  font-size: 1.25rem;
  font-weight: 800;
  color: #000;
}
.system-prt-complete-modal-wrapper .modal-txt-grp .sys-prt-modal-txt {
  font-size: 0.9375rem;
  font-weight: 400;
  color: #000;
}
.system-prt-complete-modal-wrapper .sys-prt-c-input-btn {
  margin-top: 31px;
}
.system-prt-complete-modal-wrapper .sys-prt-c-input-btn .btn {
  width: 100%;
}

/* ========= END - 신청완료 모달 ========= */
/* ========= 게임 캐릭터 출결음성듣기 모달 ========= */
.attendance-voice-modal-wrapper .btn-x {
  top: calc(50% + 255px);
}
@media all and (max-width: 600px) {
  .attendance-voice-modal-wrapper .btn-x {
    top: calc(50% + 238px);
  }
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap {
  overflow: hidden;
  width: 900px;
  height: 430px;
  border-radius: 24px;
  padding: 42px 89px 52px;
}
@media all and (max-width: 600px) {
  .attendance-voice-modal-wrapper .attendance-voice-modal-wrap {
    width: 92%;
    height: 422px;
    padding: 32px 0 38px;
  }
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .modal-txt-grp {
  margin-bottom: 37.5px;
  padding-bottom: 22.5px;
  border-bottom: 1px solid #f6f6f6;
}
@media all and (max-width: 600px) {
  .attendance-voice-modal-wrapper .attendance-voice-modal-wrap .modal-txt-grp {
    margin-bottom: 21.8px;
    padding-bottom: 0;
    border-bottom: none;
  }
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .modal-txt-grp .voice-modal-sub-ttl {
  font-size: 0.9375rem;
  font-weight: 500;
  color: #0961f5;
}
@media all and (max-width: 600px) {
  .attendance-voice-modal-wrapper .attendance-voice-modal-wrap .modal-txt-grp .voice-modal-sub-ttl {
    font-size: 0.875rem;
  }
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .modal-txt-grp .voice-modal-ttl {
  margin: 4px 0 12px;
  font-size: 1.875rem;
  font-weight: 800;
  color: #000;
}
@media all and (max-width: 600px) {
  .attendance-voice-modal-wrapper .attendance-voice-modal-wrap .modal-txt-grp .voice-modal-ttl {
    margin: 10px 0 14px;
    font-size: 1.5rem;
  }
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .modal-txt-grp .voice-modal-txt {
  font-size: 0.9375rem;
  font-weight: 400;
  color: #5a5a5a;
}
@media all and (max-width: 600px) {
  .attendance-voice-modal-wrapper .attendance-voice-modal-wrap .modal-txt-grp .voice-modal-txt {
    font-size: 0.875rem;
    line-height: 1.34;
  }
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper {
  overflow: hidden;
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper {
  height: 188px;
}
@media all and (max-width: 600px) {
  .attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper {
    height: 226px;
  }
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 230px;
  height: 188px;
  padding: 37px 0 24px;
  border-radius: 16px;
  background-image: url("../../images/img/img_attendance_game_voice_1.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media all and (max-width: 600px) {
  .attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide {
    background-image: url("../../images/img/m_img_attendance_game_voice_1.png");
  }
}
@media all and (max-width: 600px) {
  .attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide {
    width: 263px;
    height: 226px;
    padding: 33px 0 16px;
    background-position: center center;
  }
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide.voice-m-swiper-slide-2 {
  background-image: url("../../images/img/img_attendance_game_voice_2.png");
}
@media all and (max-width: 600px) {
  .attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide.voice-m-swiper-slide-2 {
    background-image: url("../../images/img/m_img_attendance_game_voice_2.png");
  }
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide.voice-m-swiper-slide-3 {
  background-image: url("../../images/img/img_attendance_game_voice_3.png");
}
@media all and (max-width: 600px) {
  .attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide.voice-m-swiper-slide-3 {
    background-image: url("../../images/img/m_img_attendance_game_voice_3.png");
  }
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide.voice-m-swiper-slide-4 {
  background-image: url("../../images/img/img_attendance_game_voice_4.png");
}
@media all and (max-width: 600px) {
  .attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide.voice-m-swiper-slide-4 {
    background-image: url("../../images/img/m_img_attendance_game_voice_4.png");
  }
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide.voice-m-swiper-slide-5 {
  background-image: url("../../images/img/img_attendance_game_voice_5.png");
}
@media all and (max-width: 600px) {
  .attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide.voice-m-swiper-slide-5 {
    background-image: url("../../images/img/m_img_attendance_game_voice_5.png");
  }
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide.voice-m-swiper-slide-6 {
  background-image: url("../../images/img/img_attendance_game_voice_6.png");
}
@media all and (max-width: 600px) {
  .attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide.voice-m-swiper-slide-6 {
    background-image: url("../../images/img/m_img_attendance_game_voice_6.png");
  }
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide.voice-m-swiper-slide-7 {
  background-image: url("../../images/img/img_attendance_game_voice_7.png");
}
@media all and (max-width: 600px) {
  .attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide.voice-m-swiper-slide-7 {
    background-image: url("../../images/img/m_img_attendance_game_voice_7.png");
  }
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide.voice-m-swiper-slide-8 {
  background-image: url("../../images/img/img_attendance_game_voice_8.png");
}
@media all and (max-width: 600px) {
  .attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide.voice-m-swiper-slide-8 {
    background-image: url("../../images/img/m_img_attendance_game_voice_8.png");
  }
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide.voice-m-swiper-slide-9 {
  background-image: url("../../images/img/img_attendance_game_voice_9.png");
}
@media all and (max-width: 600px) {
  .attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide.voice-m-swiper-slide-9 {
    background-image: url("../../images/img/m_img_attendance_game_voice_9.png");
  }
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide.voice-m-swiper-slide-10 {
  background-image: url("../../images/img/img_attendance_game_voice_10.png");
}
@media all and (max-width: 600px) {
  .attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide.voice-m-swiper-slide-10 {
    background-image: url("../../images/img/m_img_attendance_game_voice_10.png");
  }
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide .voice-m-slide-txt-wrap {
  position: absolute;
  top: 36.8px;
  left: 72.1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 34px;
}
@media all and (max-width: 600px) {
  .attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide .voice-m-slide-txt-wrap {
    top: 33px;
    left: 79px;
  }
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide .voice-m-slide-txt-wrap .voice-character-name {
  margin-left: 7px;
  font-size: 1.25rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0;
}
@media all and (max-width: 600px) {
  .attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide .voice-m-slide-txt-wrap .voice-character-name {
    margin-left: 9.4px;
    font-size: 1.375rem;
  }
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide .voice-m-slide-txt-wrap .voice-play-icon-wrap .voice-play-icon {
  display: block;
  cursor: pointer;
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
@media all and (max-width: 600px) {
  .attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide .voice-m-slide-txt-wrap .voice-play-icon-wrap .voice-play-icon {
    width: 35px;
    height: 35px;
  }
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide .voice-m-slide-txt-wrap .voice-play-icon-wrap .voice-play-icon.voice-start {
  background-image: url("data:image/svg+xml,%3Csvg id='그룹_56707' data-name='그룹 56707' xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cg id='타원_1460' data-name='타원 1460' fill='none' stroke='%23fff' stroke-width='1'%3E%3Ccircle cx='12.5' cy='12.5' r='12.5' stroke='none'/%3E%3Ccircle cx='12.5' cy='12.5' r='12' fill='none'/%3E%3C/g%3E%3Cg id='그룹_51013' data-name='그룹 51013' transform='translate(7 7)'%3E%3Cg id='사각형_25252' data-name='사각형 25252' fill='%23fff' stroke='%23707070' stroke-width='1' opacity='0'%3E%3Crect width='11' height='11' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='10' height='10' fill='none'/%3E%3C/g%3E%3Cpath id='다각형_12' data-name='다각형 12' d='M4.652,1.357a1,1,0,0,1,1.7,0l3.7,5.913A1,1,0,0,1,9.2,8.8H1.8A1,1,0,0,1,.956,7.27Z' transform='translate(11) rotate(90)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide .voice-m-slide-txt-wrap .voice-play-icon-wrap .voice-play-icon.voice-stop {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cg id='그룹_56706' data-name='그룹 56706' transform='translate(13796.905 -4444)'%3E%3Cg id='그룹_51014' data-name='그룹 51014' transform='translate(-13796.905 4444)'%3E%3Cg id='타원_1460' data-name='타원 1460' fill='none' stroke='%23fff' stroke-width='1'%3E%3Ccircle cx='12.5' cy='12.5' r='12.5' stroke='none'/%3E%3Ccircle cx='12.5' cy='12.5' r='12' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_51038' data-name='그룹 51038' transform='translate(-14445.998 4076)'%3E%3Cg id='그룹_51013' data-name='그룹 51013' transform='translate(656.093 375)'%3E%3Cg id='사각형_25252' data-name='사각형 25252' fill='%23fff' stroke='%23707070' stroke-width='1' opacity='0'%3E%3Crect width='11' height='11' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='10' height='10' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_51037' data-name='그룹 51037' transform='translate(-0.5)'%3E%3Crect id='사각형_25254' data-name='사각형 25254' width='3' height='9' transform='translate(657.998 376)' fill='%23fff'/%3E%3Crect id='사각형_25255' data-name='사각형 25255' width='3' height='9' transform='translate(662.998 376)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  display: none;
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide .voice-m-slide-txt-wrap .voice-play-icon-wrap.is-active .voice-start {
  display: none !important;
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide .voice-m-slide-txt-wrap .voice-play-icon-wrap.is-active .voice-stop {
  display: block !important;
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide .voice-m-slide-cont-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
  width: 118px;
}
@media all and (max-width: 600px) {
  .attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide .voice-m-slide-cont-wrap {
    width: 160px;
    gap: 8px;
  }
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide .voice-m-slide-cont-wrap .voice-num {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 32px;
  background-color: #fff;
  border: 1px solid #eeeeee;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 700;
  color: #4b4b4b;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media all and (max-width: 600px) {
  .attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide .voice-m-slide-cont-wrap .voice-num {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    font-size: 1.125rem;
  }
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide .voice-m-slide-cont-wrap .voice-num:hover {
  background-color: #d2d2d2;
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide .voice-m-slide-cont-wrap .voice-num.is-active {
  background-color: #191919;
  border: 1px solid #191919;
  color: #fff;
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-modal-swiper-wrapper .voice-m-swiper-slide .voice-m-slide-cont-wrap .voice-num.is-active:hover {
  background-color: #191919;
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-swiper-button-prev {
  top: 263px;
  left: 34px;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06);
  background-image: url("data:image/svg+xml,%3Csvg id='그룹_51031' data-name='그룹 51031' xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Cg id='타원_1461' data-name='타원 1461' fill='%23fff' stroke='%23e8e8e8' stroke-width='1'%3E%3Ccircle cx='17' cy='17' r='17' stroke='none'/%3E%3Ccircle cx='17' cy='17' r='16.5' fill='none'/%3E%3C/g%3E%3Cg id='그룹_51029' data-name='그룹 51029' transform='translate(14.5 12)'%3E%3Cline id='선_3943' data-name='선 3943' x1='5' y2='5' fill='none' stroke='%23707070' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='선_3944' data-name='선 3944' x1='5' y1='5' transform='translate(0 5)' fill='none' stroke='%23707070' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-swiper-button-prev::after {
  display: none;
}
@media all and (max-width: 600px) {
  .attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-swiper-button-prev {
    display: none;
  }
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-swiper-button-next {
  top: 263px;
  right: 34px;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Cg id='그룹_56703' data-name='그룹 56703' transform='translate(-1343 -489)'%3E%3Cg id='타원_1461' data-name='타원 1461' transform='translate(1343 489)' fill='%23fff' stroke='%23e8e8e8' stroke-width='1'%3E%3Ccircle cx='17' cy='17' r='17' stroke='none'/%3E%3Ccircle cx='17' cy='17' r='16.5' fill='none'/%3E%3C/g%3E%3Cg id='그룹_51029' data-name='그룹 51029' transform='translate(-1 -0.5)'%3E%3Cline id='선_3943' data-name='선 3943' x2='5' y2='5' transform='translate(1358.5 501.5)' fill='none' stroke='%23707070' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='선_3944' data-name='선 3944' y1='5' x2='5' transform='translate(1358.5 506.5)' fill='none' stroke='%23707070' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-swiper-button-next::after {
  display: none;
}
@media all and (max-width: 600px) {
  .attendance-voice-modal-wrapper .attendance-voice-modal-wrap .voice-modal-swiper .voice-swiper-button-next {
    display: none;
  }
}

/* ========= END - 게임 캐릭터 출결음성듣기 모달 ========= */
/* ========= 가입전 설계신청 모달 ========= */
.insurance-modal-wrapper .insurance-modal-wrap {
  width: 900px;
  height: 750px;
  padding: 42px 14px 31.6px 35px;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-txt-grp {
  position: relative;
  padding-bottom: 23px;
  border-bottom: 1px solid #f6f6f6;
  text-align: left;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-txt-grp .insurance-m-sub-ttl {
  font-size: 0.9375rem;
  font-weight: 500;
  color: #0961f5;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-txt-grp .insurance-m-ttl {
  margin: 4px 0 12px;
  font-size: 1.875rem;
  font-weight: 800;
  color: #000;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-txt-grp .insurance-m-txt {
  font-size: 0.9375rem;
  font-weight: 400;
  color: #5a5a5a;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-txt-grp .ins-modal-btn {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-txt-grp .ins-modal-btn .btn {
  width: 155px;
  margin-right: 21px;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap {
  margin-top: 0;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section {
  height: 565px;
  padding-right: 16px;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list {
  /* 개인정보 취급방침 */
  /* 학원세무 비교견적 간편신청 */
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-top-ttl {
  margin-top: 23px;
  margin-bottom: 28.5px;
  padding: 0 10px 15.5px;
  border-bottom: 2px solid #393939;
  font-size: 1.125rem;
  font-weight: 800;
  color: #000;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-top-ttl.ins-m-top-ttl-02 {
  margin-top: 64px;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-top-ttl.ins-m-top-ttl-03 {
  margin-top: 88px;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-top-ttl.ins-m-top-ttl-04 {
  margin-top: 64px;
  margin-bottom: 15.5px;
  padding-bottom: 0;
  border-bottom: none;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-top-ttl .ins-m-top-sub-txt {
  display: inline-block;
  margin-left: 18px;
  font-size: 1rem;
  font-weight: 400;
  color: #656565;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-attention-input {
  position: relative;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-attention-input .ins-m-attention {
  position: absolute;
  left: auto;
  right: 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ff6363;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-array {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-array .input {
  width: calc((100% - 20px) / 2);
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-array .input.input-warning {
  position: relative;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-array .input.input-warning .warning-txt-wrap {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 36px;
  left: auto;
  -webkit-transform: translateX(104%);
          transform: translateX(104%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-array .input.input-warning .warning-txt-wrap .warning-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='그룹_50610' data-name='그룹 50610' transform='translate(-976 -2308)'%3E%3Ccircle id='타원_1449' data-name='타원 1449' cx='10' cy='10' r='10' transform='translate(976 2308)' fill='%23ff6363'/%3E%3Cg id='그룹_50609' data-name='그룹 50609' transform='translate(-1 -3)'%3E%3Crect id='사각형_25063' data-name='사각형 25063' width='2' height='8' rx='1' transform='translate(986 2315.5)' fill='%23fff'/%3E%3Crect id='사각형_25064' data-name='사각형 25064' width='2' height='2' rx='1' transform='translate(986 2325)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-array .input.input-warning .warning-txt-wrap .warning-txt {
  font-size: 0.875rem;
  font-weight: 500;
  color: #ff6363;
  line-height: 1.3;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-table-wrap {
  margin-top: 64px;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-table-wrap.ins-m-table-wrap-02 {
  margin-top: 0;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-table-wrap .ins-m-table {
  width: 100%;
  border-top: 2px solid #393939;
  border-bottom: 1px solid #c1c1c1;
  display: table;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-table-wrap .ins-m-table .ins-m-table-tr {
  height: 74.5px;
  border-bottom: 1px solid #e9e9e9;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-table-wrap .ins-m-table .ins-m-table-tr .ins-m-table-th {
  display: table-cell;
  vertical-align: middle;
  width: 140px;
  height: 74.5px;
  padding-left: 22px;
  background-color: #f9f9f9;
  font-size: 1rem;
  font-weight: 500;
  color: #000;
  text-align: left;
  line-height: 1.35;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-table-wrap .ins-m-table .ins-m-table-tr .ins-m-table-td {
  display: table-cell;
  vertical-align: middle;
  width: 275px;
  padding: 0 25px;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-table-wrap .ins-m-table .ins-m-table-tr .ins-m-table-td.tax-m-table-td-array {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 74.5px;
  padding: 0 !important;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-table-wrap .ins-m-table .ins-m-table-tr .ins-m-table-td.tax-m-table-td-array .ins-m-table-td-grp {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  width: 240px !important;
  border-bottom: none;
  padding: 0 25px;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-table-wrap .ins-m-table .ins-m-table-tr .ins-m-table-td.tax-m-table-td-array .ins-m-table-td-grp::after {
  content: "";
  position: absolute;
  top: 50%;
  left: auto;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  width: 1px;
  height: 74.5px;
  background-color: #e9e9e9;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-table-wrap .ins-m-table .ins-m-table-tr .ins-m-table-td.tax-m-table-td-array .ins-m-table-td-grp:last-child::after {
  display: none;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-table-wrap .ins-m-table .ins-m-table-tr .ins-m-table-td.tax-m-table-td-array .ins-m-table-td-grp .tax-label {
  margin: 5px 10px 0 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: #000;
  white-space: nowrap;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-table-wrap .ins-m-table .ins-m-table-tr .ins-m-table-td.tax-m-table-td-array .ins-m-table-td-grp .table-td-input-cont {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-table-wrap .ins-m-table .ins-m-table-tr .ins-m-table-td.tax-m-table-td-array .ins-m-table-td-grp .table-td-input-cont.type-tax-three {
  top: 50%;
  left: auto;
  right: 38px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-table-wrap .ins-m-table .ins-m-table-tr .ins-m-table-td.tax-m-table-td-array .ins-m-table-td-grp .table-td-input-cont.type-tax-three .inp-table {
  width: 94px;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-table-wrap .ins-m-table .ins-m-table-tr .ins-m-table-td .ins-m-table-td-grp {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-table-wrap .ins-m-table .ins-m-table-tr .ins-m-table-td .ins-m-table-td-grp .input-after-txt {
  position: absolute;
  top: auto;
  left: auto;
  right: 0;
  bottom: 9.5px;
  font-size: 1.125rem;
  font-weight: 400;
  color: #000;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-table-wrap .ins-m-table .ins-m-table-tr .ins-m-table-td .ins-m-table-td-grp .input-after-txt.type-bt {
  bottom: 2.5px;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-table-wrap .ins-m-table .ins-m-table-tr .ins-m-table-td .tax-input-etc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-table-wrap .ins-m-table .ins-m-table-tr .ins-m-table-td .tax-input-etc .tax-radio-etc-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80px;
  border-bottom: 1px solid #e9e9e9;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-table-wrap .ins-m-table .ins-m-table-tr .ins-m-table-td .tax-input-etc .tax-radio-etc-wrap .inp-table {
  height: 24px;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-table-wrap .ins-m-table .ins-m-table-tr .ins-m-table-td .tax-input-etc .tax-radio-etc-wrap .tax-radio-etc-txt {
  font-size: 1.125rem;
  font-weight: 400;
  color: #000;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list .ins-m-cont-wrap .ins-m-cont {
  height: 77px;
  padding: 15px 16px;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list.personal-information-list {
  margin-top: 76px;
  margin-bottom: 63px;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list.personal-information-list .personal-information-box-wrap {
  padding: 24px 20px 20px;
  background-color: #f9f9f9;
  border-radius: 10px;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list.personal-information-list .personal-information-box-wrap .personal-info-ttl {
  margin-bottom: 19px;
  font-size: 1.125rem;
  font-weight: 800;
  color: #000;
  text-align: center;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list.personal-information-list .personal-information-box-wrap .personal-info-scroll-wrap {
  height: 160px;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list.personal-information-list .personal-information-box-wrap .personal-info-scroll-wrap .personal-info-agree-txt {
  font-size: 0.875rem;
  font-weight: 400;
  color: #818181;
  line-height: 1.5;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list.personal-information-list .personal-info-checkbox-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 58px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list.personal-information-list .personal-info-checkbox-wrap .label-radio {
  padding: 2px 0 2px 32px;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list.tax-personal-information-list {
  margin-top: 66px;
}
.insurance-modal-wrapper .insurance-modal-wrap .modal-cont-wrap .scroll-section .insurance-modal-cont-list.tax-modal-cont-list .ins-m-table-th {
  width: 110px !important;
}

/* ========= END - 가입전 설계신청 모달 ========= */
/* ========= 에듀OK 데모 신청 ========= */
.demo-apply-wrapper .demo-apply-wrap {
  padding: 46px 26px 30px;
}
.demo-apply-wrapper .scroll-section {
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  height: 380px;
}

/* ========= END - 에듀OK 데모 신청 ========= */
/* ========= 에듀OK 사용후기 보기 모달 ========= */
.use-review-wrapper .txt-grp {
  margin-bottom: 24px !important;
}
@media all and (max-width: 600px) {
  .use-review-wrapper .modal-info-wrapper {
    padding: 28px 10px 20px 19px;
  }
}
.use-review-wrapper .btn-x {
  top: calc(50% + 38vh);
}
@media all and (max-width: 600px) {
  .use-review-wrapper .btn-x {
    top: calc(50% + 36vh);
  }
}
.use-review-wrapper .scroll-section {
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  max-height: calc(68.013vh - 164px);
  height: 480px;
}
@media all and (max-width: 600px) {
  .use-review-wrapper .txt-grp {
    margin-bottom: 18px !important;
  }
}
@media all and (max-width: 600px) {
  .use-review-wrapper .txt-grp .sub-txt {
    font-size: 0.8125rem;
  }
}
@media all and (max-width: 600px) {
  .use-review-wrapper .txt-grp .ttl {
    font-size: 1.25rem;
    line-height: 1.3;
  }
}
.use-review-wrapper .use-review-grp .use-review-list {
  margin-bottom: 20px;
  padding: 24px 25px 26.5px;
  border-radius: 10px;
  background-color: #f9fafb;
}
.use-review-wrapper .use-review-grp .use-review-list:last-child {
  margin-bottom: 0;
}
.use-review-wrapper .use-review-grp .use-review-ttl-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  margin-bottom: 18px;
  padding-bottom: 13.5px;
  border-bottom: 1px solid #dfdfdf;
}
@media all and (max-width: 600px) {
  .use-review-wrapper .use-review-grp .use-review-ttl-grp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-line-pack: justify;
        align-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 5px;
  }
}
.use-review-wrapper .use-review-grp .use-review-ttl-grp .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  width: 100%;
}
@media all and (max-width: 600px) {
  .use-review-wrapper .use-review-grp .use-review-ttl-grp .left {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.use-review-wrapper .use-review-grp .use-review-ttl-grp .left .academy-name {
  font-size: 1rem;
  font-weight: 700;
  color: #0961F5;
}
@media all and (max-width: 600px) {
  .use-review-wrapper .use-review-grp .use-review-ttl-grp .left .academy-name {
    font-size: 0.875rem;
  }
}
.use-review-wrapper .use-review-grp .use-review-ttl-grp .left .user-name {
  font-size: 1rem;
  font-weight: 500;
  color: #1e1e1e;
}
@media all and (max-width: 600px) {
  .use-review-wrapper .use-review-grp .use-review-ttl-grp .left .user-name {
    font-size: 0.875rem;
  }
}
.use-review-wrapper .use-review-grp .use-review-ttl-grp .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  width: 100%;
}
@media all and (max-width: 600px) {
  .use-review-wrapper .use-review-grp .use-review-ttl-grp .right {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.use-review-wrapper .use-review-grp .use-review-ttl-grp .right .access-date {
  font-size: 0.75rem;
  font-weight: 400;
  color: #656565;
}
.use-review-wrapper .use-review-grp .use-review-ttl-grp .right .date-num {
  font-size: 0.75rem;
  font-weight: 400;
  color: #656565;
}
.use-review-wrapper .use-review-grp .use-review-txt {
  font-size: 1rem;
  font-weight: 400;
  line-height: 23.67px;
  color: #1e1e1e;
}
@media all and (max-width: 900px) {
  .use-review-wrapper .use-review-grp .use-review-txt {
    font-size: 0.875rem;
  }
}

/* ========= END - 에듀OK 사용후기 보기 모달 ========= */
/* ========= 에듀OK 가맹학원 보기 모달 ========= */
.join-member-wrapper .join-member-wrap {
  padding: 46px 28px 35px 40px;
}
.join-member-wrapper .txt-grp {
  margin-bottom: 33px;
}
.join-member-wrapper .scroll-section {
  max-height: calc(68.013vh - 164px);
  height: 465px;
}
.join-member-wrapper .content-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 36px;
}
.join-member-wrapper .content-grp .left {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 348px;
  height: 465px;
}
.join-member-wrapper .content-grp .left .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.join-member-wrapper .content-grp .right {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.join-member-wrapper .content-grp .right::after {
  content: "";
  display: block;
  position: absolute;
  width: 59.6%;
  height: 1px;
  bottom: 3%;
  background-color: #393939;
}
.join-member-wrapper .content-grp .right .ttl-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 40px;
  margin-right: 16px;
  border-top: 2px solid #393939;
  background-color: #f8f8f8;
  line-height: 40px;
}
.join-member-wrapper .content-grp .right .ttl-grp .ttl {
  height: 20px;
  line-height: 20px;
  border-right: 1px solid #dfdfdf;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  color: #202020;
}
.join-member-wrapper .content-grp .right .ttl-grp .ttl:last-child {
  border-right: none;
}
.join-member-wrapper .content-grp .right .ttl-grp .ttl.type-01 {
  width: 143px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.join-member-wrapper .content-grp .right .ttl-grp .ttl.type-02 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.join-member-wrapper .content-grp .right .conts-wrap {
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  max-height: calc(68.013vh - 200px);
  height: 425px;
  margin-right: 4px;
  padding-right: 8px;
}
.join-member-wrapper .content-grp .right .conts-wrap::-webkit-scrollbar {
  width: 4px;
  /* 스크롤바의 너비 */
}
.join-member-wrapper .content-grp .right .conts-wrap::-webkit-scrollbar-thumb {
  height: 20%;
  /* 스크롤바의 길이 */
  background: #f1f1f1;
  /* 스크롤바의 색상 */
  border-radius: 10px;
}
.join-member-wrapper .content-grp .right .conts-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 50px;
  border-top: 1px solid #e9e9e9;
  background-color: #fff;
  line-height: 50px;
}
.join-member-wrapper .content-grp .right .conts-grp .txt {
  font-size: 1rem;
  color: #000;
  font-weight: 400;
}
.join-member-wrapper .content-grp .right .conts-grp .txt.type-01 {
  width: 143px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: center;
}
.join-member-wrapper .content-grp .right .conts-grp .txt.type-02 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.join-member-wrapper .content-grp .right .conts-grp .txt.type-md {
  font-weight: 500;
}
.join-member-wrapper .content-grp .right .conts-grp .txt.type-gray {
  color: #ababab;
}

/* ========= END 에듀OK 가맹학원 보기 모달 ========= */
/* ========= 우리학원에 맞는 솔루션 찾기 ========= */
.solution-step-wrapper .modal-wrap {
  max-width: 900px;
  padding: 63px 0px 49px;
}
@media (max-width: 940px) {
  .solution-step-wrapper .modal-wrap {
    width: calc(100% - 30px);
    padding: 28px 0 20px;
  }
}
.solution-step-wrapper .modal-info-wrapper {
  max-height: 83.639vh;
}
@media (max-width: 940px) {
  .solution-step-wrapper .modal-info-wrapper {
    overflow-x: hidden;
    max-height: 67.3vh;
  }
}
@media (max-width: 351px) {
  .solution-step-wrapper .modal-info-wrapper {
    max-height: 70vh;
  }
}
@media (max-width: 940px) {
  .solution-step-wrapper .ttl-wrap {
    padding: 0 18px;
  }
}
.solution-step-wrapper .ttl-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 19px;
  max-width: 520px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 18.3px;
}
@media (max-width: 940px) {
  .solution-step-wrapper .ttl-grp {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.solution-step-wrapper .ttl-grp .img-grp {
  width: 90px;
  height: 78px;
}
@media (max-width: 940px) {
  .solution-step-wrapper .ttl-grp .img-grp {
    display: none;
  }
}
.solution-step-wrapper .ttl-grp .img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.solution-step-wrapper .ttl-grp .ttl-txt-grp {
  padding-top: 1px;
}
.solution-step-wrapper .ttl-grp .ttl-txt-grp .sub-txt {
  margin-bottom: 7px;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #818181;
}
@media (max-width: 940px) {
  .solution-step-wrapper .ttl-grp .ttl-txt-grp .sub-txt {
    font-size: 0.75rem;
    text-align: center;
  }
}
.solution-step-wrapper .ttl-grp .ttl-txt-grp .additional-common-ttl.type-solution {
  font-size: 1.875rem;
  text-align: left;
}
@media (max-width: 940px) {
  .solution-step-wrapper .ttl-grp .ttl-txt-grp .additional-common-ttl.type-solution {
    font-size: 1.25rem;
    text-align: center;
  }
}
.solution-step-wrapper .step-all-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  width: 3600px;
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-all-wrap {
    width: calc(400vw - 30px);
  }
}
.solution-step-wrapper .step-all-wrap.step-02 {
  -webkit-transform: translateX(-900px);
          transform: translateX(-900px);
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-all-wrap.step-02 {
    -webkit-transform: translateX(calc(-100vw + 30px));
            transform: translateX(calc(-100vw + 30px));
  }
}
.solution-step-wrapper .step-all-wrap.step-03 {
  -webkit-transform: translateX(-1800px);
          transform: translateX(-1800px);
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-all-wrap.step-03 {
    -webkit-transform: translateX(-200vw);
            transform: translateX(-200vw);
    -webkit-transform: translateX(calc(-200vw + 60px));
            transform: translateX(calc(-200vw + 60px));
  }
}
.solution-step-wrapper .step-all-wrap.step-04 {
  -webkit-transform: translateX(-2700px);
          transform: translateX(-2700px);
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-all-wrap.step-04 {
    -webkit-transform: translateX(-300vw);
            transform: translateX(-300vw);
    -webkit-transform: translateX(calc(-300vw + 90px));
            transform: translateX(calc(-300vw + 90px));
  }
}
.solution-step-wrapper .step-cont-wrap {
  width: 900px;
  height: calc(83.639vh - 117px);
  padding: 0 190px;
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-cont-wrap {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100vw - 30px);
    padding: 0 18px;
  }
}
.solution-step-wrapper .step-cont-wrap.step-04 {
  width: 900px;
  padding: 0;
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-cont-wrap.step-04 {
    width: calc(100vw - 30px);
  }
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-cont-wrap.step-04 .step-txt-grp {
    padding: 0 18px;
  }
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-cont-wrap.step-04 .step-txt-grp .content-grp {
    padding-bottom: 24px;
  }
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-cont-wrap.step-04 .content-wrap .content-grp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.solution-step-wrapper .step-txt-grp {
  max-width: 520px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-txt-grp {
    max-width: 100%;
  }
}
.solution-step-wrapper .step-txt-grp .step-txt {
  margin-bottom: 26.5px;
  padding: 17.5px 0 18.5px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #e8e8e8;
  font-size: 1.25rem;
  font-weight: 700;
  color: #000;
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-txt-grp .step-txt {
    margin-bottom: 20px;
    padding: 13px 0 12px 8px;
    font-size: 0.9375rem;
  }
}
@media (max-width: 320px) {
  .solution-step-wrapper .step-txt-grp .step-txt {
    font-size: 0.75rem;
  }
}
.solution-step-wrapper .step-txt-grp .step-txt .bold {
  margin-right: 13px;
  color: #0961F5;
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-txt-grp .step-txt .bold {
    margin-right: 8px;
    font-size: 0.875rem;
  }
}
.solution-step-wrapper .content-wrap {
  max-width: 520px;
  max-height: calc(83.639vh - 295px);
  width: 100%;
  margin: 0 auto;
}
.solution-step-wrapper .content-wrap::-webkit-scrollbar {
  width: 4px;
  /* 스크롤바의 너비 */
}
.solution-step-wrapper .content-wrap::-webkit-scrollbar-thumb {
  /* 스크롤바의 길이 */
  background: #f1f1f1;
  /* 스크롤바의 색상 */
  border-radius: 10px;
}
@media (max-width: 940px) {
  .solution-step-wrapper .content-wrap {
    max-width: 100%;
    max-height: calc(67.3vh - 187px);
  }
}
.solution-step-wrapper .content-wrap.step-04 {
  max-width: 780px;
}
@media (max-width: 940px) {
  .solution-step-wrapper .content-wrap.step-04 {
    max-width: calc(100% - 21px);
  }
}
@media (max-width: 940px) {
  .solution-step-wrapper .content-wrap.step-04 .content-grp {
    padding-right: 0;
  }
}
.solution-step-wrapper .content-wrap .content-grp {
  overflow-y: scroll;
  max-height: calc(83.639vh - 367px);
  height: 408px;
  padding-right: 8px;
}
@media (max-width: 940px) {
  .solution-step-wrapper .content-wrap .content-grp {
    max-height: calc(67.3vh - 240px);
    height: 100%;
    min-height: auto;
  }
}
.solution-step-wrapper .content-wrap .content-grp::-webkit-scrollbar {
  width: 4px;
  /* 스크롤바의 너비 */
}
.solution-step-wrapper .content-wrap .content-grp::-webkit-scrollbar-thumb {
  height: 20%;
  /* 스크롤바의 길이 */
  background: #f1f1f1;
  /* 스크롤바의 색상 */
  border-radius: 10px;
}
.solution-step-wrapper .input-list-txt {
  margin-left: 0 !important;
  font-weight: 600 !important;
  color: #000 !important;
}
.solution-step-wrapper .input-list-txt.type-step02 {
  font-size: 1.125rem;
}
.solution-step-wrapper .input-list-txt.type-solution {
  margin-bottom: 18px !important;
}
@media (max-width: 940px) {
  .solution-step-wrapper .input-list-txt {
    margin-bottom: 16px !important;
    font-size: 0.9375rem !important;
  }
}
.solution-step-wrapper .input-list-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  width: 100%;
}
.solution-step-wrapper .input-list-grp.type-num-02 {
  width: 100%;
}
.solution-step-wrapper .input-list-grp.type-step02 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 43px;
}
@media (max-width: 940px) {
  .solution-step-wrapper .input-list-grp.type-step02 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0;
  }
}
.solution-step-wrapper .input-list-grp .input-wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  gap: 8px 20px;
  margin-top: 0px;
}
@media (max-width: 940px) {
  .solution-step-wrapper .input-list-grp .input-wrap {
    gap: 8px 10px;
    width: 100%;
  }
}
.solution-step-wrapper .input-list-grp .input-wrap .option-grp {
  width: calc((100% - 20px) / 2);
}
@media (max-width: 940px) {
  .solution-step-wrapper .input-list-grp .input-wrap .option-grp {
    width: calc((100% - 10px) / 2);
  }
}
@media (max-width: 320px) {
  .solution-step-wrapper .input-list-grp .input-wrap .option-grp {
    width: 100%;
  }
}
.solution-step-wrapper .input-list {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 20px;
}
@media (max-width: 940px) {
  .solution-step-wrapper .input-list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 11px;
    width: 100%;
  }
}
.solution-step-wrapper .input-list .input {
  -ms-flex-preferred-size: 120px;
      flex-basis: 120px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 940px) {
  .solution-step-wrapper .input-list .input {
    -ms-flex-preferred-size: 87px;
        flex-basis: 87px;
  }
  .solution-step-wrapper .input-list .input.type-w-100 {
    -ms-flex-preferred-size: 100px;
        flex-basis: 100px;
  }
}
.solution-step-wrapper .input-list .input .label-radio.type-solution {
  padding: 2px 0 2px 32px;
}
@media (max-width: 940px) {
  .solution-step-wrapper .input-list .input .label-radio.type-solution {
    padding: 2px 0 2px 26px;
    font-size: 0.9375rem;
  }
}
.solution-step-wrapper .input-btn {
  border-top: 1px solid #e8e8e8;
}
.solution-step-wrapper .step-swiper,
.solution-step-wrapper .mo-step-swiper {
  max-width: 780px;
  width: 100%;
  height: 314px;
  margin-top: 28px;
  overflow: hidden;
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-swiper,
  .solution-step-wrapper .mo-step-swiper {
    height: 243px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 40px;
  }
}
.solution-step-wrapper .step-swiper .swiper-slide,
.solution-step-wrapper .mo-step-swiper .swiper-slide {
  width: 450px;
  border-radius: 26px;
  background-color: blue;
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-swiper .swiper-slide,
  .solution-step-wrapper .mo-step-swiper .swiper-slide {
    padding: 0 21px;
  }
}
.solution-step-wrapper .step-swiper .swiper-slide.s1,
.solution-step-wrapper .mo-step-swiper .swiper-slide.s1 {
  background: linear-gradient(160deg, #fdf100, #fad900);
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-swiper .swiper-slide.s1,
  .solution-step-wrapper .mo-step-swiper .swiper-slide.s1 {
    background: -webkit-gradient(linear, left top, left bottom, from(#fae900), to(#faaf00));
    background: linear-gradient(180deg, #fae900, #faaf00);
  }
}
.solution-step-wrapper .step-swiper .swiper-slide.s2,
.solution-step-wrapper .mo-step-swiper .swiper-slide.s2 {
  background: -webkit-gradient(linear, left top, left bottom, from(#0e95fa), to(#0961f5));
  background: linear-gradient(180deg, #0e95fa, #0961f5);
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-swiper .swiper-slide.s2 .step-ttl,
  .solution-step-wrapper .mo-step-swiper .swiper-slide.s2 .step-ttl {
    margin-top: 0;
  }
}
.solution-step-wrapper .step-swiper .swiper-slide.s3,
.solution-step-wrapper .mo-step-swiper .swiper-slide.s3 {
  background: -webkit-gradient(linear, left top, left bottom, from(#14ebe8), to(#00c2bc));
  background: linear-gradient(180deg, #14ebe8, #00c2bc);
}
.solution-step-wrapper .step-swiper .swiper-slide.s4,
.solution-step-wrapper .mo-step-swiper .swiper-slide.s4 {
  background: -webkit-gradient(linear, left top, left bottom, from(#fb9730), to(#f55812));
  background: linear-gradient(180deg, #fb9730, #f55812);
}
.solution-step-wrapper .step-swiper .swiper-slide.swiper-slide-active,
.solution-step-wrapper .mo-step-swiper .swiper-slide.swiper-slide-active {
  z-index: 1;
}
.solution-step-wrapper .step-swiper .swiper-slide.swiper-slide-active.s1,
.solution-step-wrapper .mo-step-swiper .swiper-slide.swiper-slide-active.s1 {
  background: -webkit-gradient(linear, left top, left bottom, from(#fae900), to(#faaf00));
  background: linear-gradient(180deg, #fae900, #faaf00);
}
.solution-step-wrapper .step-swiper .swiper-slide.swiper-slide-active .panel,
.solution-step-wrapper .mo-step-swiper .swiper-slide.swiper-slide-active .panel {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding-top: 55px;
  margin-left: 30px;
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-swiper .swiper-slide.swiper-slide-active .panel,
  .solution-step-wrapper .mo-step-swiper .swiper-slide.swiper-slide-active .panel {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    position: relative;
    margin-left: 0;
    padding-top: 13%;
  }
}
.solution-step-wrapper .step-swiper .swiper-slide.swiper-slide-active .step-txt-grp .step-ttl,
.solution-step-wrapper .mo-step-swiper .swiper-slide.swiper-slide-active .step-txt-grp .step-ttl {
  margin: 0 0 21px;
  font-size: 2rem;
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-swiper .swiper-slide.swiper-slide-active .step-txt-grp .step-ttl,
  .solution-step-wrapper .mo-step-swiper .swiper-slide.swiper-slide-active .step-txt-grp .step-ttl {
    margin: 0 0 13px;
    font-size: 1.625rem;
  }
}
.solution-step-wrapper .step-swiper .swiper-slide.swiper-slide-active .step-txt-grp .step-ttl br,
.solution-step-wrapper .mo-step-swiper .swiper-slide.swiper-slide-active .step-txt-grp .step-ttl br {
  display: none;
}
.solution-step-wrapper .step-swiper .swiper-slide.swiper-slide-active .step-txt-grp .step-ttl .bold,
.solution-step-wrapper .mo-step-swiper .swiper-slide.swiper-slide-active .step-txt-grp .step-ttl .bold {
  margin-left: 3.5px;
}
.solution-step-wrapper .step-swiper .swiper-slide.swiper-slide-active .step-txt-grp .sub-txt,
.solution-step-wrapper .mo-step-swiper .swiper-slide.swiper-slide-active .step-txt-grp .sub-txt {
  font-size: 1.125rem;
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-swiper .swiper-slide.swiper-slide-active .step-txt-grp .sub-txt,
  .solution-step-wrapper .mo-step-swiper .swiper-slide.swiper-slide-active .step-txt-grp .sub-txt {
    font-size: 0.875rem;
    line-height: 18px;
  }
}
.solution-step-wrapper .step-swiper .swiper-slide.swiper-slide-active .step-txt-grp .link,
.solution-step-wrapper .mo-step-swiper .swiper-slide.swiper-slide-active .step-txt-grp .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.solution-step-wrapper .step-swiper .swiper-slide.swiper-slide-active .img-grp,
.solution-step-wrapper .mo-step-swiper .swiper-slide.swiper-slide-active .img-grp {
  -ms-flex-preferred-size: 133px;
      flex-basis: 133px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 154px;
  margin-left: 0;
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-swiper .swiper-slide.swiper-slide-active .img-grp,
  .solution-step-wrapper .mo-step-swiper .swiper-slide.swiper-slide-active .img-grp {
    z-index: -1;
    -ms-flex-preferred-size: 81px;
        flex-basis: 81px;
    position: absolute;
    right: 33.4px;
    width: 81px;
    height: 103px;
  }
}
@media (max-width: 940px) and (max-width: 940px) {
  .solution-step-wrapper .step-swiper .swiper-slide.swiper-slide-active .img-grp,
  .solution-step-wrapper .mo-step-swiper .swiper-slide.swiper-slide-active .img-grp {
    top: 50px;
    right: 0;
  }
}
.solution-step-wrapper .step-swiper .swiper-slide.swiper-slide-active .btn,
.solution-step-wrapper .mo-step-swiper .swiper-slide.swiper-slide-active .btn {
  display: block;
  margin: 35px 25px 0;
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-swiper .swiper-slide.swiper-slide-active .btn,
  .solution-step-wrapper .mo-step-swiper .swiper-slide.swiper-slide-active .btn {
    margin: 26px 0 0;
  }
}
.solution-step-wrapper .step-swiper .swiper-slide.swiper-slide-prev .panel,
.solution-step-wrapper .mo-step-swiper .swiper-slide.swiper-slide-prev .panel {
  margin-left: 35px;
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-swiper .swiper-slide.swiper-slide-prev .panel,
  .solution-step-wrapper .mo-step-swiper .swiper-slide.swiper-slide-prev .panel {
    margin-left: 0;
    padding-left: 0;
  }
}
.solution-step-wrapper .step-swiper .swiper-slide.swiper-slide-next .panel,
.solution-step-wrapper .mo-step-swiper .swiper-slide.swiper-slide-next .panel {
  padding-left: 245px;
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-swiper .swiper-slide.swiper-slide-next .panel,
  .solution-step-wrapper .mo-step-swiper .swiper-slide.swiper-slide-next .panel {
    padding-left: 0;
  }
}
.solution-step-wrapper .step-swiper .panel,
.solution-step-wrapper .mo-step-swiper .panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 28px;
  margin-left: 28px;
  padding-top: 35px;
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-swiper .panel,
  .solution-step-wrapper .mo-step-swiper .panel {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    position: relative;
    margin-left: 0;
  }
}
.solution-step-wrapper .step-swiper .step-txt-grp,
.solution-step-wrapper .mo-step-swiper .step-txt-grp {
  text-align: left;
}
.solution-step-wrapper .step-swiper .step-txt-grp .step-ttl,
.solution-step-wrapper .mo-step-swiper .step-txt-grp .step-ttl {
  display: inline-block;
  margin: 5px 0 13px;
  font-size: 1.625rem;
  font-weight: 800;
  line-height: 28.33px;
  color: #fff;
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-swiper .step-txt-grp .step-ttl,
  .solution-step-wrapper .mo-step-swiper .step-txt-grp .step-ttl {
    margin: 0 0 13px;
  }
}
.solution-step-wrapper .step-swiper .step-txt-grp .step-ttl.type-talk,
.solution-step-wrapper .mo-step-swiper .step-txt-grp .step-ttl.type-talk {
  color: #000;
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-swiper .step-txt-grp .step-ttl .br,
  .solution-step-wrapper .mo-step-swiper .step-txt-grp .step-ttl .br {
    display: none;
  }
}
.solution-step-wrapper .step-swiper .step-txt-grp .step-ttl .bold,
.solution-step-wrapper .mo-step-swiper .step-txt-grp .step-ttl .bold {
  display: inline-block;
  margin-top: 5px;
  padding: 0 3.5px;
  background-color: #fff;
  line-height: 1;
  color: #0961f5;
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-swiper .step-txt-grp .step-ttl .bold,
  .solution-step-wrapper .mo-step-swiper .step-txt-grp .step-ttl .bold {
    margin-left: 4px;
  }
}
.solution-step-wrapper .step-swiper .step-txt-grp .step-ttl .bold.type-smart,
.solution-step-wrapper .mo-step-swiper .step-txt-grp .step-ttl .bold.type-smart {
  color: #0cc5bf;
}
.solution-step-wrapper .step-swiper .step-txt-grp .step-ttl .bold.type-royal,
.solution-step-wrapper .mo-step-swiper .step-txt-grp .step-ttl .bold.type-royal {
  color: #f55209;
}
.solution-step-wrapper .step-swiper .step-txt-grp .sub-txt,
.solution-step-wrapper .mo-step-swiper .step-txt-grp .sub-txt {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 24px;
  color: #fff;
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-swiper .step-txt-grp .sub-txt,
  .solution-step-wrapper .mo-step-swiper .step-txt-grp .sub-txt {
    line-height: 18px;
  }
}
.solution-step-wrapper .step-swiper .step-txt-grp .sub-txt.type-talk,
.solution-step-wrapper .mo-step-swiper .step-txt-grp .sub-txt.type-talk {
  color: #000;
}
.solution-step-wrapper .step-swiper .step-txt-grp .sub-txt .bold,
.solution-step-wrapper .mo-step-swiper .step-txt-grp .sub-txt .bold {
  font-weight: 600;
}
.solution-step-wrapper .step-swiper .step-txt-grp .link,
.solution-step-wrapper .mo-step-swiper .step-txt-grp .link {
  display: none;
  gap: 10px;
  margin-top: 26.5px;
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-swiper .step-txt-grp .link,
  .solution-step-wrapper .mo-step-swiper .step-txt-grp .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 22px;
  }
}
.solution-step-wrapper .step-swiper .step-txt-grp .link .txt,
.solution-step-wrapper .mo-step-swiper .step-txt-grp .link .txt {
  font-size: 0.875rem;
  font-weight: 400;
  color: #fff;
}
.solution-step-wrapper .step-swiper .img-grp,
.solution-step-wrapper .mo-step-swiper .img-grp {
  width: 82px;
  height: 92px;
  margin-left: 21px;
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-swiper .img-grp,
  .solution-step-wrapper .mo-step-swiper .img-grp {
    -ms-flex-preferred-size: 92px;
        flex-basis: 92px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: absolute;
    top: 54px;
    right: 0;
  }
}
.solution-step-wrapper .step-swiper .img-grp .img,
.solution-step-wrapper .mo-step-swiper .img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.solution-step-wrapper .step-swiper .btn,
.solution-step-wrapper .mo-step-swiper .btn {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 394px;
  width: 100%;
  margin: 0 auto;
  margin-top: 43.9px;
  padding: 13.5px;
  border-radius: 10px;
  background-color: #fff;
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-swiper .btn,
  .solution-step-wrapper .mo-step-swiper .btn {
    margin-top: 26px;
  }
}
.solution-step-wrapper .step-swiper .btn .txt,
.solution-step-wrapper .mo-step-swiper .btn .txt {
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  color: #000;
}
@media (max-width: 940px) {
  .solution-step-wrapper .step-swiper .btn,
  .solution-step-wrapper .mo-step-swiper .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.solution-step-wrapper .input-btn {
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  margin: 0;
  padding: 20px 10px 0;
}
@media (max-width: 940px) {
  .solution-step-wrapper .input-btn {
    max-width: none;
    margin: 0 auto;
    padding: 12px 1px 0;
  }
}
.solution-step-wrapper .input-btn.type-step-04 {
  width: 500px;
  margin: 0 auto;
}
@media (max-width: 940px) {
  .solution-step-wrapper .input-btn.type-step-04 {
    width: auto;
  }
}
@media (max-width: 940px) {
  .solution-step-wrapper .input-btn .btn-cancel {
    width: 98px;
  }
}
@media all and (max-width: 600px) {
  .solution-step-wrapper .input-btn .btn-confirm {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: auto;
  }
}
@media (max-width: 940px) {
  .solution-step-wrapper .input-btn .btn-primary-sm.type-w-325 {
    width: auto;
  }
}

/* ========= END 우리학원에 맞는 솔루션 찾기  ========= */
.inp-table {
  height: 37.5px;
  padding: 0 22px 0 5px;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #e9e9e9;
}
.inp-table.align-right {
  text-align: right;
}
.inp-table:focus {
  outline: none;
  border-color: none;
}
.inp-table.inp-table-date {
  padding: 0 5px;
}
.inp-table.inp-table-actual-area {
  padding: 0 30px 0 5px;
}

.recommendation-box {
  display: inline-block;
  margin-left: 10px;
  padding: 6px 10px;
  border-radius: 6px;
  background-color: #ff6363;
  font-size: 0.75rem;
  font-weight: 500;
  color: #fff;
}

/* ========= END - 가입전 설계신청 모달 ========= */
.type-elements-dot {
  position: relative;
}
.type-elements-dot .essential-elements-dot {
  position: absolute;
  top: 0;
  display: inline-block;
  margin-top: 2px;
  margin-left: 4px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #ff782a;
}
.type-elements-dot .essential-elements-dot.type-table {
  top: 36%;
}

/* ========= 학원세무 상담신청 모달 ========= */
/* ========= END - 학원세무 상담신청 모달 ========= */
/* ========= 결산통계 자세히보기 모달 ========= */
.terms-statistics-dialog-wrapper .modal-info-wrapper {
  max-height: 68.9vh;
  padding: 30px 40px;
}
.terms-statistics-dialog-wrapper .scroll-section {
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  height: 580px !important;
}

/* ========= END - 결산통계 자세히보기 모달 ========= */
/* ========= 개인정보 처리방침 모달 ========= */
.terms-section {
  /* 개인정보 취급방침 */
}
.terms-section .terms-top-ttl {
  margin: 10px auto 15px;
  font-size: 1.0625rem;
  color: #000;
  font-weight: 700;
  text-align: center;
}
@media all and (max-width: 600px) {
  .terms-section .terms-top-ttl {
    font-size: 0.9375rem;
  }
}
.terms-section .terms-article-title {
  font-size: 0.9375rem;
  color: #000;
  font-weight: normal;
  margin-bottom: 25px;
}
@media all and (max-width: 600px) {
  .terms-section .terms-article-title {
    font-size: 0.875rem;
  }
}
.terms-section .terms-article {
  margin-bottom: 25px;
}
.terms-section .terms-article .terms-article-title {
  margin-bottom: 8px;
}
.terms-section .terms-article .terms-paragraph {
  font-size: 0.9375rem;
  color: #000;
  font-weight: normal;
  line-height: 1.5;
}
@media all and (max-width: 600px) {
  .terms-section .terms-article .terms-paragraph {
    font-size: 0.875rem;
  }
}
.terms-section .terms-article .terms-ul li {
  margin-bottom: 3px;
  line-height: 1.5;
  font-size: 0.9375rem;
}
@media all and (max-width: 600px) {
  .terms-section .terms-article .terms-ul li {
    font-size: 0.875rem;
  }
}
.terms-section .terms-article .terms-ul .type-color-red {
  color: red;
}
.terms-section .terms-paragraph {
  margin-bottom: 5px;
}
@media all and (max-width: 600px) {
  .terms-section .terms-paragraph {
    margin-bottom: 3px;
  }
}
.terms-section ul {
  padding-left: 20px;
}
.terms-section .terms-pers-table {
  width: 100%;
}
.terms-section .terms-pers-table tr th {
  text-align: center;
  border: 1px solid #000;
}
.terms-section .terms-pers-table tr td {
  border: 1px solid #000;
  padding: 0 5px;
}

/* ========= END - 개인정보 처리방침 모달 ========= */
/* =================== scroll animation =================== */
#page {
  min-width: 1600px;
  overflow-x: auto;
  margin: 0 auto;
}
@media all and (max-width: 600px) {
  #page {
    min-width: auto;
  }
}

@-webkit-keyframes dongdong {
  0% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes dongdong {
  0% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
.ani-dongdong {
  -webkit-animation-name: dongdong;
          animation-name: dongdong;
  -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}

@-webkit-keyframes dongdong-02 {
  0% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes dongdong-02 {
  0% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
.ani-dongdong-02 {
  -webkit-animation-name: dongdong;
          animation-name: dongdong;
  -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
}

@-webkit-keyframes vertical-scroll {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30%);
            transform: translateY(-30%);
  }
  40% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  100% {
    opacity: 0.3;
    -webkit-transform: translateY(30%);
            transform: translateY(30%);
  }
}

@keyframes vertical-scroll {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30%);
            transform: translateY(-30%);
  }
  40% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  100% {
    opacity: 0.3;
    -webkit-transform: translateY(30%);
            transform: translateY(30%);
  }
}
@-webkit-keyframes horizontal-scroll {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-30%);
            transform: translateX(-30%);
  }
  40% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    opacity: 0.3;
    -webkit-transform: translateX(30%);
            transform: translateX(30%);
  }
}
@keyframes horizontal-scroll {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-30%);
            transform: translateX(-30%);
  }
  40% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    opacity: 0.3;
    -webkit-transform: translateX(30%);
            transform: translateX(30%);
  }
}
@-webkit-keyframes horizontal-full-scroll {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
  25% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(120%);
            transform: translateX(120%);
  }
}
@keyframes horizontal-full-scroll {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
  25% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(120%);
            transform: translateX(120%);
  }
}
@-webkit-keyframes diagonal-right-alarm {
  0% {
    opacity: 0;
    -webkit-transform: translate(-30%, 30%);
            transform: translate(-30%, 30%);
  }
  40% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0.3;
    -webkit-transform: translate(30%, -30%);
            transform: translate(30%, -30%);
  }
}
@keyframes diagonal-right-alarm {
  0% {
    opacity: 0;
    -webkit-transform: translate(-30%, 30%);
            transform: translate(-30%, 30%);
  }
  40% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0.3;
    -webkit-transform: translate(30%, -30%);
            transform: translate(30%, -30%);
  }
}
@-webkit-keyframes diagonal-left-alarm {
  0% {
    opacity: 0;
    -webkit-transform: translate(30%, -30%);
            transform: translate(30%, -30%);
  }
  40% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0.3;
    -webkit-transform: translate(-30%, 30%);
            transform: translate(-30%, 30%);
  }
}
@keyframes diagonal-left-alarm {
  0% {
    opacity: 0;
    -webkit-transform: translate(30%, -30%);
            transform: translate(30%, -30%);
  }
  40% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0.3;
    -webkit-transform: translate(-30%, 30%);
            transform: translate(-30%, 30%);
  }
}
@-webkit-keyframes ring-ani {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  1% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
  3% {
    -webkit-transform: rotate(-28deg);
            transform: rotate(-28deg);
  }
  5% {
    -webkit-transform: rotate(34deg);
            transform: rotate(34deg);
  }
  7% {
    -webkit-transform: rotate(-32deg);
            transform: rotate(-32deg);
  }
  9% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
  11% {
    -webkit-transform: rotate(-28deg);
            transform: rotate(-28deg);
  }
  13% {
    -webkit-transform: rotate(26deg);
            transform: rotate(26deg);
  }
  15% {
    -webkit-transform: rotate(-24deg);
            transform: rotate(-24deg);
  }
  17% {
    -webkit-transform: rotate(22deg);
            transform: rotate(22deg);
  }
  19% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
  21% {
    -webkit-transform: rotate(18deg);
            transform: rotate(18deg);
  }
  23% {
    -webkit-transform: rotate(-16deg);
            transform: rotate(-16deg);
  }
  25% {
    -webkit-transform: rotate(14deg);
            transform: rotate(14deg);
  }
  27% {
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg);
  }
  29% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  31% {
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }
  33% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
  35% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  37% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  39% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
  41% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  43% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes ring-ani {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  1% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
  3% {
    -webkit-transform: rotate(-28deg);
            transform: rotate(-28deg);
  }
  5% {
    -webkit-transform: rotate(34deg);
            transform: rotate(34deg);
  }
  7% {
    -webkit-transform: rotate(-32deg);
            transform: rotate(-32deg);
  }
  9% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
  11% {
    -webkit-transform: rotate(-28deg);
            transform: rotate(-28deg);
  }
  13% {
    -webkit-transform: rotate(26deg);
            transform: rotate(26deg);
  }
  15% {
    -webkit-transform: rotate(-24deg);
            transform: rotate(-24deg);
  }
  17% {
    -webkit-transform: rotate(22deg);
            transform: rotate(22deg);
  }
  19% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
  21% {
    -webkit-transform: rotate(18deg);
            transform: rotate(18deg);
  }
  23% {
    -webkit-transform: rotate(-16deg);
            transform: rotate(-16deg);
  }
  25% {
    -webkit-transform: rotate(14deg);
            transform: rotate(14deg);
  }
  27% {
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg);
  }
  29% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  31% {
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }
  33% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
  35% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  37% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  39% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
  41% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  43% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes alert-ani {
  10% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  90% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes alert-ani {
  10% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  90% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes ptnLogo-left {
  100% {
    background-position: 1205px;
  }
  0% {
    background-position: 0;
  }
}
@keyframes ptnLogo-left {
  100% {
    background-position: 1205px;
  }
  0% {
    background-position: 0;
  }
}
@-webkit-keyframes ptnLogo02-left {
  100% {
    background-position: 5977px;
  }
  0% {
    background-position: 0;
  }
}
@keyframes ptnLogo02-left {
  100% {
    background-position: 5977px;
  }
  0% {
    background-position: 0;
  }
}
@-webkit-keyframes ptnLogo02-right {
  100% {
    background-position: 5977px;
  }
  0% {
    background-position: 0;
  }
}
@keyframes ptnLogo02-right {
  100% {
    background-position: 5977px;
  }
  0% {
    background-position: 0;
  }
}
@-webkit-keyframes btn-up-ani {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
@keyframes btn-up-ani {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
@-webkit-keyframes use-rolling {
  100% {
    background-position: 1072px;
  }
  0% {
    background-position: 0;
  }
}
@keyframes use-rolling {
  100% {
    background-position: 1072px;
  }
  0% {
    background-position: 0;
  }
}
.scroll-vertical-img {
  -webkit-animation-name: vertical-scroll;
          animation-name: vertical-scroll;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
}

.scroll-horizontal-img {
  -webkit-animation-name: horizontal-scroll;
          animation-name: horizontal-scroll;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
}

.diagonal-left-alarm-img {
  -webkit-animation-name: diagonal-left-alarm;
          animation-name: diagonal-left-alarm;
  -webkit-animation-duration: 1.8s;
          animation-duration: 1.8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
}

.diagonal-right-alarm-img {
  -webkit-animation-name: diagonal-right-alarm;
          animation-name: diagonal-right-alarm;
  -webkit-animation-duration: 1.8s;
          animation-duration: 1.8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
}

.scroll-horizontal-full-img {
  -webkit-animation-name: horizontal-full-scroll;
          animation-name: horizontal-full-scroll;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
}

.alert-ani-img {
  -webkit-animation-name: alert-ani;
          animation-name: alert-ani;
  -webkit-animation-duration: 1.8s;
          animation-duration: 1.8s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.ring-ani-img {
  -webkit-animation: ring-ani 10s 0.7s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring-ani 10s 0.7s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: ring-ani 10s 0.7s ease-in-out infinite;
  transform-origin: 50% 4px;
}

@-webkit-keyframes expansion {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(100%);
            transform: scale(100%);
    opacity: 1;
  }
}

@keyframes expansion {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(100%);
            transform: scale(100%);
    opacity: 1;
  }
}
.expansion-ani-img {
  -webkit-animation-name: expansion;
          animation-name: expansion;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.82, 0.23, 0.25, 0.86);
          animation-timing-function: cubic-bezier(0.82, 0.23, 0.25, 0.86);
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
}

/* =================== layout =================== */
#app {
  min-height: 100%;
}

#page {
  overflow: hidden;
  min-height: 100%;
  padding-top: 80px;
}
@media all and (max-width: 600px) {
  #page {
    padding-top: 50px;
  }
}

.l-center {
  max-width: 1530px;
  /*1500*/
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

.m-center {
  max-width: 1470px;
  /*1440*/
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

.sm-center {
  max-width: 1330px;
  /*1300*/
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

.sub-sm-center {
  max-width: 1210px;
  /*1180*/
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
@media all and (max-width: 600px) {
  .sub-sm-center {
    max-width: 100%;
  }
}

.is-none {
  display: none;
}

/* ========== floating menu ========== */
.floating-menu-wrap {
  z-index: 200;
  position: fixed;
  top: auto;
  right: 94px;
  bottom: 37px;
}
@media all and (max-width: 600px) {
  .floating-menu-wrap {
    width: 100%;
    top: auto;
    right: auto;
    bottom: 2vh;
    padding: 0 15px;
  }
}
.floating-menu-wrap .floating-menu-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
@media all and (max-width: 600px) {
  .floating-menu-wrap .floating-menu-grp {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0;
    position: relative;
    border-radius: 10px;
    background-color: #000;
  }
}
@media all and (max-width: 600px) {
  .floating-menu-wrap .floating-menu-grp::after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 20px;
    top: 50%;
    right: 50%;
    background-color: #707070;
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
  }
}
.floating-menu-wrap .floating-menu-grp .floating-menu-list {
  width: 216px;
  height: 70px;
  border: 1px solid #ebebeb;
  border-radius: 35px;
  background-color: #fff;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
  line-height: 70px;
}
@media all and (max-width: 600px) {
  .floating-menu-wrap .floating-menu-grp .floating-menu-list {
    width: 50%;
    height: 50px;
    border: none;
    border-radius: 0;
    background-color: initial;
    -webkit-box-shadow: none;
            box-shadow: none;
    line-height: 50px;
  }
}
.floating-menu-wrap .floating-menu-grp .floating-menu-list .btn-grp {
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 7px;
}
@media all and (max-width: 600px) {
  .floating-menu-wrap .floating-menu-grp .floating-menu-list .btn-grp {
    gap: 10px;
  }
}
.floating-menu-wrap .floating-menu-grp .floating-menu-list .icon-call {
  width: 23px;
  height: 23px;
}
@media all and (max-width: 600px) {
  .floating-menu-wrap .floating-menu-grp .floating-menu-list .icon-call {
    width: 18.5px;
    height: 18.5px;
  }
}
@media all and (max-width: 600px) {
  .floating-menu-wrap .floating-menu-grp .floating-menu-list .icon-call-wh {
    width: 18.5px;
    height: 18.5px;
  }
}
.floating-menu-wrap .floating-menu-grp .floating-menu-list .txt {
  font-size: 1.25rem;
  font-weight: 600;
  color: #000;
}
@media all and (max-width: 600px) {
  .floating-menu-wrap .floating-menu-grp .floating-menu-list .txt {
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
  }
}
.floating-menu-wrap .floating-menu-grp .floating-menu-list .txt.type-cs {
  color: #0961F5;
}
@media all and (max-width: 600px) {
  .floating-menu-wrap .floating-menu-grp .floating-menu-list .txt.type-cs {
    color: #fff;
  }
}
@media all and (max-width: 600px) {
  .floating-menu-wrap .floating-menu-grp .floating-menu-list .icon-arrow-blue-02 {
    width: 12px;
    height: 9.6px;
  }
}

.btn-top {
  width: 50px;
  height: 50px;
  position: absolute;
  top: auto;
  right: -60px;
  bottom: 9px;
  left: auto;
  border-radius: 50%;
  background-color: #fff;
  -webkit-filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.08));
          filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.08));
  cursor: pointer;
}
.btn-top .btn-img {
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.828' height='19' viewBox='0 0 16.828 19'%3E%3Cg id='그룹_56745' data-name='그룹 56745' transform='translate(19972.414 7212)'%3E%3Crect id='사각형_28847' data-name='사각형 28847' width='16' height='19' transform='translate(-19972 -7212)' fill='none'/%3E%3Cg id='그룹_56744' data-name='그룹 56744' transform='translate(-19971 -7211)'%3E%3Cg id='그룹_44' data-name='그룹 44' transform='translate(0 8) rotate(-90)'%3E%3Cg id='그룹_43' data-name='그룹 43'%3E%3Cpath id='패스_13742' data-name='패스 13742' d='M0,0,4.813,4.813,7,7' fill='none' stroke='%232a2a2a' stroke-linecap='round' stroke-width='2'/%3E%3Cpath id='패스_13743' data-name='패스 13743' d='M7,0,5.25,1.75,0,7' transform='translate(0 7)' fill='none' stroke='%232a2a2a' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3Cline id='선_3408' data-name='선 3408' y2='16' transform='translate(7 1)' fill='none' stroke='%232a2a2a' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center center;
}
.btn-top.floating-btn-top {
  z-index: 200;
  position: fixed;
  bottom: 46px;
  right: 34px;
}

/* ========== 공통 txt ========== */
.additional-common-ttl {
  font-size: 3rem;
  font-weight: 800;
  color: #000;
  text-align: center;
  letter-spacing: -0.5px;
}
@media all and (max-width: 600px) {
  .additional-common-ttl {
    font-size: 1.625rem;
    font-weight: 800;
  }
}

.additional-common-txt {
  font-size: 1.125rem;
  font-weight: 400;
  color: #6a6a6a;
  text-align: center;
}
@media all and (max-width: 600px) {
  .additional-common-txt {
    font-size: 0.9375rem;
  }
}

.color-point-blue {
  display: inline-block;
  color: #0987f5;
}

.color-point-pink {
  color: #ff8191;
}

.point-color-gray {
  color: #bbbbbb;
}

.color-point-green {
  color: #67ffb6;
}

.color-point-navy {
  color: #002a8a;
}

.color-point-yellow {
  color: #ffaf0e;
}

.color-point-royal {
  color: #f6611f;
}

.color-point-smart {
  color: #0cc5bf;
}

.color-point-easy {
  color: #0961f5;
}

.color-point-easy-gray {
  margin-left: 5px;
  display: inline-block;
  color: #a4a4a4;
}

.double-next-icon {
  /* white */
  display: inline-block;
  width: 11px;
  height: 9px;
  margin-left: 13.5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.621' height='11.121' viewBox='0 0 12.621 11.121'%3E%3Cg id='그룹_33819' data-name='그룹 33819' transform='translate(-556.439 -7690.439)'%3E%3Cg id='그룹_33817' data-name='그룹 33817' transform='translate(0 7)' opacity='0.5'%3E%3Cline id='선_3287' data-name='선 3287' x2='4.5' y2='4.5' transform='translate(557.5 7684.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/%3E%3Cline id='선_3288' data-name='선 3288' y1='4.5' x2='4.5' transform='translate(557.5 7689)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3Cg id='그룹_33818' data-name='그룹 33818' transform='translate(6 7)'%3E%3Cline id='선_3287-2' data-name='선 3287' x2='4.5' y2='4.5' transform='translate(557.5 7684.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/%3E%3Cline id='선_3288-2' data-name='선 3288' y1='4.5' x2='4.5' transform='translate(557.5 7689)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-animation-name: horizontal-scroll;
          animation-name: horizontal-scroll;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
}

/* ========== END - 공통 txt ========== */
/* ========== top-text-section - 페이지 상단 txt  ========== */
.additional-top-txt-section {
  padding: 76px 0 50px;
  text-align: center;
}
@media all and (max-width: 600px) {
  .additional-top-txt-section {
    display: none;
  }
}
.additional-top-txt-section .additional-common-ttl {
  margin-bottom: 14px;
}

/* ========== END - top-text-section - 페이지 상단 txt  ========== */
/* ========== additional-tab-section - tab 메뉴  ========== */
@media all and (max-width: 600px) {
  .additional-tab-section .sm-center {
    z-index: 99;
    position: fixed;
    width: 100%;
    padding: 0;
    top: 47px;
    left: 0;
  }
}
.additional-tab-section .additional-tab-wrap {
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  width: 100%;
  height: 70px;
  margin: 0 auto -35px;
  padding: 6px 7px;
  background-color: #fff;
  border: 1px solid #efefef;
  border-radius: 35px;
  -webkit-box-shadow: 0, 4px, 12px, rgba(77, 77, 77, 0.1);
          box-shadow: 0, 4px, 12px, rgba(77, 77, 77, 0.1);
}
@media all and (max-width: 600px) {
  .additional-tab-section .additional-tab-wrap {
    height: 47px;
    margin: 0 auto;
    background-color: #f8f8f8;
    border-radius: 0;
    border: none;
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.additional-tab-section .additional-tab-wrap .additional-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 135px;
  height: 58px;
  border-radius: 29px;
  -webkit-transform: all 0.3s ease-in-out;
          transform: all 0.3s ease-in-out;
}
@media all and (max-width: 600px) {
  .additional-tab-section .additional-tab-wrap .additional-tab {
    width: 100%;
    height: 47px;
    border-radius: 0;
  }
}
.additional-tab-section .additional-tab-wrap .additional-tab .additional-tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 135px;
  height: 58px;
  border-radius: 29px;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 500;
  color: #a5a5a5;
}
@media all and (max-width: 600px) {
  .additional-tab-section .additional-tab-wrap .additional-tab .additional-tab-list {
    width: 100%;
    height: 47px;
    border-radius: 0;
    font-size: 1rem;
    color: #aaaaaa;
  }
}
.additional-tab-section .additional-tab-wrap .additional-tab.is-active {
  background-color: #313131;
}
.additional-tab-section .additional-tab-wrap .additional-tab.is-active .additional-tab-list {
  color: #fff;
}
@media all and (max-width: 600px) {
  .additional-tab-section .additional-tab-wrap .additional-tab.is-active {
    background-color: #f8f8f8;
    border-bottom: 2px solid #000000;
  }
  .additional-tab-section .additional-tab-wrap .additional-tab.is-active .additional-tab-list {
    padding-top: 1px;
    color: #000;
    font-weight: 700;
  }
}
.additional-tab-section .additional-tab-wrap .additional-tab:hover {
  background-color: #313131;
}
.additional-tab-section .additional-tab-wrap .additional-tab:hover .additional-tab-list {
  color: #fff;
}
@media all and (max-width: 600px) {
  .additional-tab-section .additional-tab-wrap .additional-tab:hover {
    background-color: #f8f8f8;
  }
  .additional-tab-section .additional-tab-wrap .additional-tab:hover .additional-tab-list {
    color: #aaaaaa;
  }
}

/* ========== END additional-tab-section - tab 메뉴  ========== */
/* ========== 공통 main-banner ========== */
.additional-main-banner-section {
  width: 100%;
  height: 750px;
  background-image: url("../../images/img/img_eduokpay_sub_bg.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media all and (max-width: 600px) {
  .additional-main-banner-section {
    height: 280px;
    margin-top: 44px;
  }
}
.additional-main-banner-section.iltamall-main-banner-section {
  background-image: url("../../images/img/img_iltamall_mall_bg.png");
}
.additional-main-banner-section.findedu-main-banner-section {
  background-image: url("../../images/img/img_fedu_bg.png");
}
.additional-main-banner-section.joyedu-main-banner-section {
  background-image: url("../../images/img/img_joyedu_main_bg.png");
}
.additional-main-banner-section .sub-sm-center {
  padding: 158px 0 151px;
  height: 750px;
  position: relative;
  /* main-banner img 각각 조절 */
}
@media all and (max-width: 600px) {
  .additional-main-banner-section .sub-sm-center {
    padding: 41px 15px 48px;
    height: 280px;
  }
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .top-txt-wrap .menu-txt {
  font-size: 1.375rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 0px;
}
@media all and (max-width: 600px) {
  .additional-main-banner-section .sub-sm-center .additional-txt-wrap .top-txt-wrap .menu-txt {
    font-size: 0.875rem;
    letter-spacing: -0.2px;
  }
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .top-txt-wrap .main-ttl {
  margin: 15px 0 26px;
  font-size: 3.875rem;
  font-weight: 800;
  color: white;
  letter-spacing: -1.1px;
}
@media all and (max-width: 600px) {
  .additional-main-banner-section .sub-sm-center .additional-txt-wrap .top-txt-wrap .main-ttl {
    margin: 8px 0 14px;
    font-size: 2.125rem;
  }
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .top-txt-wrap .main-ttl .main-ttl-box {
  z-index: 0;
  position: relative;
  margin-left: 13px;
  color: #0bb1fc;
}
@media all and (max-width: 600px) {
  .additional-main-banner-section .sub-sm-center .additional-txt-wrap .top-txt-wrap .main-ttl .main-ttl-box {
    margin-left: 2px;
  }
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .top-txt-wrap .main-ttl .main-ttl-box::after {
  z-index: -1;
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 130px;
  height: 59px;
  background-color: white;
}
@media all and (max-width: 600px) {
  .additional-main-banner-section .sub-sm-center .additional-txt-wrap .top-txt-wrap .main-ttl .main-ttl-box::after {
    width: 106%;
    height: 30px;
  }
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .top-txt-wrap .sub-txt {
  margin-bottom: 55px;
  font-size: 1.5rem;
  font-weight: 300;
  color: white;
  letter-spacing: -0.4px;
  line-height: 1.37;
}
@media all and (max-width: 600px) {
  .additional-main-banner-section .sub-sm-center .additional-txt-wrap .top-txt-wrap .sub-txt {
    margin-bottom: 32px;
    font-size: 1rem;
  }
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .top-txt-wrap .sub-txt .sub-txt-bold {
  font-weight: 600;
  letter-spacing: -0.4px;
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .mid-txt-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 46px;
  margin-bottom: 62px;
  margin-left: 10px;
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .mid-txt-wrap.type-develop {
  gap: 116.5px;
}
@media all and (max-width: 600px) {
  .additional-main-banner-section .sub-sm-center .additional-txt-wrap .mid-txt-wrap {
    display: none;
  }
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .mid-txt-wrap .txt-cont {
  position: relative;
  padding-left: 28.5px;
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .mid-txt-wrap .txt-cont::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 60px;
  background-color: rgba(255, 255, 255, 0.17);
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .mid-txt-wrap .txt-cont .ttl {
  margin-bottom: 9px;
  font-size: 1rem;
  font-weight: 700;
  color: white;
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .mid-txt-wrap .txt-cont .ttl .s-ttl {
  font-size: 0.8125rem;
  font-weight: 400;
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .mid-txt-wrap .txt-cont .txt {
  font-size: 1.375rem;
  font-weight: 500;
  color: white;
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .btn-wrap {
  width: 230px;
  height: 60px;
  padding: 18px 38px;
  border-radius: 10px;
  background-color: #000;
  cursor: pointer;
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .btn-wrap.type-talk {
  padding: 18px 38px !important;
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .btn-wrap.type-smart {
  padding: 18px 38px !important;
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .btn-wrap.type-royal {
  padding: 18px 38px !important;
}
@media all and (max-width: 600px) {
  .additional-main-banner-section .sub-sm-center .additional-txt-wrap .btn-wrap {
    width: 116px;
    height: 40px;
    border-radius: 6px;
    padding: 12px 16px;
  }
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .btn-wrap.insurance-btn-wrap {
  padding: 18px 29px;
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .btn-wrap.insurance-btn-wrap .top-banner-btn {
  letter-spacing: -0.1px;
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .btn-wrap.academy-taxation-btn-wrap {
  padding: 18px 25px;
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .btn-wrap.joyedu-btn-wrap {
  width: 265px;
  padding: 18px 34px;
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .btn-wrap .top-banner-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
}
@media all and (max-width: 600px) {
  .additional-main-banner-section .sub-sm-center .additional-txt-wrap .btn-wrap .top-banner-btn {
    font-size: 0.875rem;
  }
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .btn-wrap .top-banner-btn .additional-banner-btn-icon {
  width: 17px;
  height: 10px;
  margin-left: 19.5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.834' height='12.829' viewBox='0 0 19.834 12.829'%3E%3Cg id='그룹_44' data-name='그룹 44' transform='translate(0.59 1.601)'%3E%3Cline id='선_3045' data-name='선 3045' x2='17' transform='translate(0.41 4.814)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cg id='그룹_43' data-name='그룹 43' transform='translate(12.83)'%3E%3Cline id='선_3046' data-name='선 3046' x2='5' y2='5' transform='translate(0 -0.187)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='선_3047' data-name='선 3047' x1='5' y2='5' transform='translate(0 4.814)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-animation-name: horizontal-scroll;
          animation-name: horizontal-scroll;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
}
@media all and (max-width: 600px) {
  .additional-main-banner-section .sub-sm-center .additional-txt-wrap .btn-wrap .top-banner-btn .additional-banner-btn-icon {
    width: 12px;
    height: 7px;
    margin-left: 8px;
  }
}
@media all and (max-width: 600px) {
  .additional-main-banner-section .sub-sm-center .additional-txt-wrap .btn-wrap.white {
    background-color: #fff;
  }
  .additional-main-banner-section .sub-sm-center .additional-txt-wrap .btn-wrap.white .top-banner-btn {
    color: #000;
  }
  .additional-main-banner-section .sub-sm-center .additional-txt-wrap .btn-wrap.white .top-banner-btn .additional-banner-btn-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.314' height='7.79' viewBox='0 0 12.314 7.79'%3E%3Cg id='그룹_44' data-name='그룹 44' transform='translate(0.5 0.707)'%3E%3Cline id='선_3045' data-name='선 3045' x2='10.839' transform='translate(0 3.189)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1'/%3E%3Cg id='그룹_43' data-name='그룹 43' transform='translate(7.919)'%3E%3Cline id='선_3046' data-name='선 3046' x2='3.188' y2='3.188' transform='translate(0)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1'/%3E%3Cline id='선_3047' data-name='선 3047' x1='3.188' y2='3.188' transform='translate(0 3.188)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  }
}
.additional-main-banner-section .sub-sm-center .additional-img-wrap {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
}
.additional-main-banner-section .sub-sm-center .additional-img-wrap.eduokpay-img-wrap2 {
  top: 207px;
  right: -82px;
}
@media all and (max-width: 600px) {
  .additional-main-banner-section .sub-sm-center .additional-img-wrap.eduokpay-img-wrap2 {
    width: 263px;
    height: 171px;
    top: auto;
    right: 0px;
    bottom: 8px;
  }
}
.additional-main-banner-section .sub-sm-center .additional-img-wrap.attendance-img-wrap {
  z-index: 1;
  top: auto;
  right: 110px;
  bottom: 70px;
  width: 511px;
  height: 566px;
}
@media all and (max-width: 600px) {
  .additional-main-banner-section .sub-sm-center .additional-img-wrap.attendance-img-wrap {
    width: 192px;
    height: 213px;
    right: 43px;
	bottom:-20px;
  }
}
.additional-main-banner-section .sub-sm-center .additional-img-wrap.mobile-manager-img-wrap {
  top: auto;
  bottom: 62px;
  right: 0;
}
@media all and (max-width: 600px) {
  .additional-main-banner-section .sub-sm-center .additional-img-wrap.mobile-manager-img-wrap {
    width: 281px;
    height: 191px;
    bottom: 8px;
  }
}
.additional-main-banner-section .sub-sm-center .additional-img-wrap.call-center-img-wrap {
  top: auto;
  right: 25px;
  bottom: 37px;
}

@media all and (max-width: 600px) {
  .additional-main-banner-section .sub-sm-center .additional-img-wrap.call-center-img-wrap {
    top: auto;	
	right: 25px;
	bottom: 0px;
  }
  .additional-main-banner-section .sub-sm-center .additional-img-wrap.call-center-img-wrap img{height:150px}
}

.additional-main-banner-section .sub-sm-center .additional-img-wrap.insurance-img-wrap {
  top: auto;
  right: -60px;
  bottom: 70px;
}

@media all and (max-width: 600px) {
	.additional-main-banner-section .sub-sm-center .additional-img-wrap.insurance-img-wrap {
	  top: auto;
	  right: -60px;
	  bottom: -19px;
	}
	.additional-main-banner-section .sub-sm-center .additional-img-wrap.insurance-img-wrap img{width:300px}
	.additional-main-banner-section .sub-sm-center .top-banner-btn{width:250px}
}

.additional-main-banner-section .sub-sm-center .additional-img-wrap.academy-taxation-img-wrap {
  top: auto;
  right: -60px;
  bottom: 57px;
}
@media all and (max-width: 600px) {
	.additional-main-banner-section .sub-sm-center .additional-img-wrap.academy-taxation-img-wrap {
	  top: auto;
	  right: -0px;
	  bottom: 0px;
	}
	.additional-main-banner-section .sub-sm-center .additional-img-wrap.academy-taxation-img-wrap img{height:250px}
}

.additional-main-banner-section .sub-sm-center .additional-img-wrap.iltamall-main-img-wrap {
  top: auto;
  right: 0;
  bottom: 72px;
}


@media all and (max-width: 600px) {
  .additional-main-banner-section .sub-sm-center .additional-img-wrap.iltamall-main-img-wrap {
	  top: auto;
	  right: 0;
	  bottom: -20px;
	}
  .additional-main-banner-section .sub-sm-center .additional-img-wrap.iltamall-main-img-wrap img{height:300px}
}
.additional-main-banner-section .sub-sm-center .additional-img-wrap.findedu-main-img-wrap {
  z-index: 1;
  top: auto;
  right: 0;
  bottom: 0px;
}
.additional-main-banner-section .sub-sm-center .additional-img-wrap.joyedu-main-img-wrap {
  z-index: 1;
  top: auto;
  right: 92px;
  bottom: 94px;
}
.additional-main-banner-section .sub-sm-center .iltamall-main-banner-gift-icon {
  z-index: 1;
  position: absolute;
  top: auto;
  right: 495px;
  bottom: 155.5px;
  left: auto;
}
.additional-main-banner-section .sub-sm-center .findedu-main-banner-puzzle-icon {
  z-index: 0;
  position: absolute;
  top: auto;
  right: 310px;
  bottom: 225px;
  left: auto;
  width: 502px;
  height: 307px;
}
.additional-main-banner-section .sub-sm-center .joyedu-main-banner-logo-icon {
  z-index: 0;
  position: absolute;
  top: 156px;
  right: 0;
  left: auto;
}

/* ========== END 공통 main-banner ========== */
/* ========== 공통 table ========== */
.table-wrap .additional-service-table {
  width: 100%;
  border-top: 2px solid #bec6d6;
  border-bottom: 2px solid #bec6d6;
  border-collapse: collapse;
}
.table-wrap .additional-service-table .table-tr {
  border-bottom: 1px solid rgba(215, 220, 230, 0.7);
}
.table-wrap .additional-service-table .table-tr .table-th {
  position: relative;
  width: 40.6%;
  padding: 18.5px 0;
  vertical-align: middle;
  border-bottom: 2px solid #bec6d6;
  font-size: 1.25rem;
  font-weight: 700;
  color: #393939;
  text-align: center;
}
@media all and (max-width: 600px) {
  .table-wrap .additional-service-table .table-tr .table-th {
    padding: 9.8px 0;
    font-size: 0.875rem;
    line-height: 1.3;
    color: #000;
  }
}
.table-wrap .additional-service-table .table-tr .table-th.type-easy {
  width: 414px !important;
}
@media all and (max-width: 600px) {
  .table-wrap .additional-service-table .table-tr .table-th.type-easy {
    width: 31.51% !important;
  }
}
@media all and (max-width: 600px) {
  .table-wrap .additional-service-table .table-tr .table-th:first-child {
    width: 36.8% !important;
    padding-left: 14px;
  }
}
@media all and (max-width: 600px) {
  .table-wrap .additional-service-table .table-tr .table-th.type-pay {
    width: 23.18% !important;
  }
}
.table-wrap .additional-service-table .table-tr .table-th::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 50%;
  background-color: #dfdfdf;
}
.table-wrap .additional-service-table .table-tr .table-th:last-child::after {
  display: none;
}
.table-wrap .additional-service-table .table-tr .table-th.type-ttl {
  padding-left: 32px;
  font-weight: 500;
  text-align: left;
}
@media all and (max-width: 600px) {
  .table-wrap .additional-service-table .table-tr .table-th.type-ttl {
    padding-left: 13px;
  }
}
.table-wrap .additional-service-table .table-tr .table-th.type-ttl.type-easy {
  width: 352px;
}
.table-wrap .additional-service-table .table-tr .table-td {
  width: 40.6%;
  padding: 15.5px 0;
  vertical-align: middle;
  font-size: 1.125rem;
  font-weight: 500;
  color: #393939;
  text-align: center;
  line-height: 1.6;
  border-left: 1px solid #e8eaec;
}
@media all and (max-width: 600px) {
  .table-wrap .additional-service-table .table-tr .table-td {
    padding: 11.05px 0;
    font-size: 0.875rem;
    font-weight: 400;
  }
}
.table-wrap .additional-service-table .table-tr .table-td.table-td-bg {
  background-color: #f7f8fb;
}
.table-wrap .additional-service-table .table-tr .table-td.type-easy {
  width: 414px;
}
@media all and (max-width: 600px) {
  .table-wrap .additional-service-table .table-tr .table-td.type-easy.table-td-easy {
    width: 18.5% !important;
  }
}
.table-wrap .additional-service-table .table-tr .table-td.table-td-first {
  width: 18.6%;
  background-color: #ebeff7;
  text-align: left;
  padding-left: 31px;
}
@media all and (max-width: 600px) {
  .table-wrap .additional-service-table .table-tr .table-td.table-td-first {
    padding-left: 12px;
  }
}
.table-wrap .additional-service-table .table-tr .table-td.table-td-first.type-easy {
  width: 352px;
}
.table-wrap .additional-service-table .table-tr .table-td.type-bold {
  font-weight: 700;
  color: #000;
}
.table-wrap .additional-service-table .table-tr .table-s-txt {
  font-size: 0.875rem;
  font-weight: 500;
  color: #393939;
}
@media all and (max-width: 600px) {
  .table-wrap .additional-service-table .table-tr .table-s-txt-mo {
    font-size: 0.75rem;
    font-weight: 500;
  }
}
@media all and (max-width: 600px) {
  .table-wrap .additional-service-table .table-tr .table-s-txt-mo.type-mo-smm {
    margin-top: 5px;
    font-size: 0.625rem;
    font-weight: 400;
  }
}
.table-wrap .additional-service-table.only-additional-service-table .table-tr .table-th:first-child {
  width: 18.6%;
  font-weight: 500;
  text-align: left;
  padding-left: 31px;
}
@media all and (max-width: 600px) {
  .table-wrap .additional-service-table.only-additional-service-table .table-tr .table-th:first-child {
    padding-left: 14px;
    width: 23.1%;
  }
}
@media all and (max-width: 600px) {
  .table-wrap .additional-service-table.only-additional-service-table .table-tr .table-th:nth-child(2) {
    width: auto;
  }
  .table-wrap .additional-service-table.only-additional-service-table .table-tr .table-th:nth-child(3) {
    width: auto;
  }
}
@media all and (max-width: 600px) {
  .table-wrap .additional-service-table.only-additional-service-table .table-tr .table-td {
    padding: 15.5px 0;
  }
  .table-wrap .additional-service-table.only-additional-service-table .table-tr .table-td.type-pay {
    padding-left: 14px;
  }
  .table-wrap .additional-service-table.only-additional-service-table .table-tr .table-td:nth-child(2) {
    width: auto;
  }
  .table-wrap .additional-service-table.only-additional-service-table .table-tr .table-td:nth-child(3) {
    width: auto;
  }
}
.table-wrap .additional-service-table.join-member-table {
  border-top-color: #202020;
}
.table-wrap .additional-service-table.join-member-table .table-tr.type-ttl {
  border-bottom-color: #e9e9e9;
  background-color: #f8f8f8;
}
.table-wrap .additional-service-table.join-member-table .table-tr .table-th {
  padding: 10.5px 0 !important;
  font-size: 1rem;
  font-weight: 500;
  text-align: center !important;
  color: #202020;
}
.table-wrap .additional-service-table.join-member-table .table-tr .table-th.type-no {
  width: 19.345%;
}
.table-wrap .additional-service-table.join-member-table .table-tr .table-th.type-academy-name {
  width: 290px;
}
.table-wrap .additional-service-table.join-member-table .table-tr .table-th.type-area {
  width: 19.345%;
}
.table-wrap .additional-service-table.join-member-table .table-tr .table-th.type-date {
  width: 19.345%;
}
.table-wrap .additional-service-table.join-member-table .table-tr .table-td {
  width: auto;
  border-left: none;
  font-size: 1rem;
}
.table-wrap .additional-service-table.join-member-table .table-tr .table-td.type-no {
  font-weight: 400;
  color: #000;
}
.table-wrap .additional-service-table.join-member-table .table-tr .table-td.type-academy-name {
  font-weight: 500;
  color: #000;
}
.table-wrap .additional-service-table.join-member-table .table-tr .table-td.type-area {
  font-weight: 500;
  color: #000;
}
.table-wrap .additional-service-table.join-member-table .table-tr .table-td.type-date {
  font-weight: 400;
  color: #ababab;
}
.table-wrap .additional-service-table.attendance-choice-table .table-tr .table-th {
  width: 18.37%;
  /*216.8px*/
  border-right: 1px solid #d7dce6;
}
.table-wrap .additional-service-table.attendance-choice-table .table-tr .table-th:first-child {
  width: 8.13%;
  /*96px*/
  padding-left: 0;
  text-align: center;
  border-right: none;
}
.table-wrap .additional-service-table.attendance-choice-table .table-tr .table-th:first-child::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 80%;
  background-color: #dfdfdf;
}
.table-wrap .additional-service-table.attendance-choice-table .table-tr .table-th::after {
  display: none;
}
.table-wrap .additional-service-table.attendance-choice-table .table-tr .table-th.table-th-card {
  border-bottom: none;
}
.table-wrap .additional-service-table.attendance-choice-table .table-tr .table-td {
  width: 18.37%;
  /*216.8px*/
}
.table-wrap .additional-service-table.attendance-choice-table .table-tr .table-td:first-child {
  width: 8.13%;
  /*96px*/
  padding-left: 0;
  text-align: center;
}
.table-wrap .additional-service-table.attendance-choice-table .table-tr .table-td.table-td-bg {
  background-color: #f7f8fb;
}
.table-wrap .additional-service-table.attendance-choice-table .table-tr.first-tr .table-th {
  padding: 15.5px 0 8.5px;
}
.table-wrap .additional-service-table.attendance-choice-table .table-tr.first-tr .table-th:last-child {
  border-right: none;
}
.table-wrap .additional-service-table.attendance-choice-table .table-tr.second-tr .table-th {
  padding: 12.5px 0;
  font-size: 1.125rem;
  font-weight: 500;
  color: #393939;
}
.table-wrap .additional-service-table.attendance-choice-table .table-tr.second-tr .table-th:first-child {
  border-right: 1px solid #d7dce6;
}
.table-wrap .additional-service-table.attendance-choice-table .table-tr.second-tr .table-th:first-child::after {
  display: none;
}
.table-wrap .additional-service-table.attendance-choice-table .table-tr.third-tr .table-td {
  padding: 30px 0 25.5px;
}
.table-wrap .additional-service-table.attendance-choice-table .table-tr.fourth-tr .table-td {
  padding: 22.5px 0 22px;
}
.table-wrap .additional-service-table.call-center-versus-table .table-tr .table-th {
  width: 41.9%;
}
.table-wrap .additional-service-table.call-center-versus-table .table-tr .table-th:first-child {
  width: 41.9%;
}
.table-wrap .additional-service-table.call-center-versus-table .table-tr .table-th:nth-child(2) {
  width: 16.2%;
  font-weight: 500;
}
.table-wrap .additional-service-table.call-center-versus-table .table-tr .table-th:nth-child(3)::after {
  display: none;
}
.table-wrap .additional-service-table.call-center-versus-table .table-tr .table-td {
  width: 41.9%;
  font-weight: 400;
}
.table-wrap .additional-service-table.call-center-versus-table .table-tr .table-td:first-child {
  width: 41.9%;
  border-left: none;
}
.table-wrap .additional-service-table.call-center-versus-table .table-tr .table-td:nth-child(2) {
  width: 16.2%;
  background-color: #ebeff7;
}
.table-wrap .additional-service-table.call-center-product-table .table-tr .table-th {
  width: 40.7%;
}
.table-wrap .additional-service-table.call-center-product-table .table-tr .table-th:first-child {
  width: 18.6%;
}
.table-wrap .additional-service-table.insurance-recommendation-table .table-tr .table-th {
  width: 24.1%;
  /*285px*/
}
.table-wrap .additional-service-table.insurance-recommendation-table .table-tr .table-th.type-easy {
  width: 35.1%;
  /*414.5px*/
}
@media all and (max-width: 600px) {
  .table-wrap .additional-service-table.insurance-recommendation-table .table-tr .table-th.type-easy {
    width: 31.59% !important;
  }
}
.table-wrap .additional-service-table.insurance-recommendation-table .table-tr .table-th:first-child {
  width: 11.6%;
  /*136px*/
}
.table-wrap .additional-service-table.insurance-recommendation-table .table-tr .table-th:first-child.type-easy {
  width: 29.8%;
  /*352px*/
}
@media all and (max-width: 600px) {
  .table-wrap .additional-service-table.insurance-recommendation-table .table-tr .table-th:first-child.type-easy {
    width: 36.82% !important;
  }
}
.table-wrap .additional-service-table.insurance-recommendation-table .table-tr .table-th:nth-child(2) {
  width: 16.1%;
  /*189px*/
}
@media all and (max-width: 600px) {
  .table-wrap .additional-service-table.insurance-recommendation-table .table-tr .table-th:nth-child(2).type-easy {
    width: 31.59% !important;
  }
}
.table-wrap .additional-service-table.insurance-recommendation-table .table-tr .table-td {
  width: 24.1%;
  /*285px*/
}
.table-wrap .additional-service-table.insurance-recommendation-table .table-tr .table-td.type-easy {
  width: 35.1%;
  /*414.5px*/
}
@media all and (max-width: 600px) {
  .table-wrap .additional-service-table.insurance-recommendation-table .table-tr .table-td.type-easy {
    width: 31.59%;
  }
}
.table-wrap .additional-service-table.insurance-recommendation-table .table-tr .table-td:first-child {
  width: 11.6%;
  /*136px*/
}
.table-wrap .additional-service-table.insurance-recommendation-table .table-tr .table-td:first-child.type-easy {
  width: 29.8px;
  /*352px*/
  /*@include mobile {
    width: 36.81% !important;
  }*/
}
.table-wrap .additional-service-table.insurance-recommendation-table .table-tr .table-td:nth-child(2) {
  width: 16.1%;
  /*189px*/
}
.table-wrap .additional-service-table.insurance-recommendation-table .table-tr .table-td:nth-child(2).type-royal {
  width: 65.24%;
}
@media all and (max-width: 600px) {
  .table-wrap .additional-service-table.insurance-recommendation-table .table-tr .table-td:nth-child(2).type-royal {
    width: 39.74%;
  }
}
.table-wrap .additional-service-table.insurance-recommendation-table .table-tr .table-td.table-td-bg {
  background-color: #f7f8fb;
}
.table-wrap .additional-service-table.insurance-recommendation-table .table-tr .table-td.table-td-bg.type-royal {
  width: 11.626%;
}
.table-wrap .additional-service-table.insurance-recommendation-table .table-tr .table-td.table-td-bg.type-easy {
  width: 155px;
}
@media all and (max-width: 600px) {
  .table-wrap .additional-service-table.insurance-recommendation-table .table-tr .table-td.table-td-bg.type-easy {
    width: 18.2% !important;
  }
}

/* ========== 모바일 공통 table ========== */
.table-att-wrap-mo {
  width: 100%;
  border-collapse: collapse;
}
.table-att-wrap-mo .attendance-choice-table-mo {
  border-top: 2px solid #bec6d6;
  border-bottom: 2px solid #bec6d6;
}
@media all and (max-width: 600px) {
  .table-att-wrap-mo .attendance-choice-table-mo.mb-show {
    display: table !important;
    width: 100% !important;
  }
}
.table-att-wrap-mo .attendance-choice-table-mo .table-tr {
  width: 100%;
}
.table-att-wrap-mo .attendance-choice-table-mo .table-tr .table-sm-txt {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 500;
  color: #393939;
}
.table-att-wrap-mo .attendance-choice-table-mo .table-tr .table-th {
  position: relative;
  width: 43.7%;
  padding: 10px 0 10px 15px;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #393939;
  text-align: left;
  border-bottom: 2px solid #bec6d6;
}
.table-att-wrap-mo .attendance-choice-table-mo .table-tr .table-th::after {
  content: "";
  position: absolute;
  top: 50%;
  left: auto;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  width: 1px;
  height: 80%;
  background-color: #dfdfdf;
}
.table-att-wrap-mo .attendance-choice-table-mo .table-tr .table-th:first-child {
  width: 32.1%;
}
.table-att-wrap-mo .attendance-choice-table-mo .table-tr .table-th:last-child {
  width: 24%;
  padding-left: 0;
  text-align: center;
}
.table-att-wrap-mo .attendance-choice-table-mo .table-tr .table-th:last-child::after {
  display: none;
}
.table-att-wrap-mo .attendance-choice-table-mo .table-tr .table-td {
  padding: 15.2px 10px 15.2px 12px;
  border: 1px solid #e3e6ed;
  vertical-align: middle;
  font-size: 0.875rem;
  font-weight: 400;
  color: #393939;
  letter-spacing: -0.2px;
}
.table-att-wrap-mo .attendance-choice-table-mo .table-tr .table-td.table-td-first {
  background-color: #ebeff7;
  font-size: 0.9375rem;
  font-weight: 700;
  color: #393939;
  line-height: 1.5;
  border-left: none;
}
.table-att-wrap-mo .attendance-choice-table-mo .table-tr .table-td:last-child {
  border-right: none;
}
.table-att-wrap-mo .attendance-choice-table-mo .table-tr .table-td.table-td-bg {
  width: 16.2%;
  font-size: 0.875rem;
  font-weight: 500;
  background-color: #f7f8fb;
  padding-left: 12px;
}
.table-att-wrap-mo .attendance-choice-table-mo .table-tr .table-td.rowspan-wrap {
  text-align: center;
}
.table-att-wrap-mo .attendance-choice-table-mo .table-tr .table-td.rowspan-wrap .paragraph-wrap {
  position: relative;
  display: block;
  padding-bottom: 11px;
  margin-bottom: 8px;
  line-height: 1.4;
}
.table-att-wrap-mo .attendance-choice-table-mo .table-tr .table-td.rowspan-wrap .paragraph-wrap::after {
  content: "";
  position: absolute;
  top: auto;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: #000000;
}
.table-att-wrap-mo .attendance-choice-table-mo .table-tr .table-td.rowspan-wrap .paragraph-wrap:last-child::after {
  display: none;
}
.table-att-wrap-mo .attendance-choice-table-mo .table-tr .table-td .table-sm-txt {
  display: block;
  margin-top: 5px;
  font-size: 0.75rem;
  font-weight: 400;
}

.academy-taxation-btn-wrap {
  cursor: pointer;
}

.insurance-btn-wrap {
  cursor: pointer;
}

.eduok-header {
  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  -webkit-transition: all 0.05s;
  transition: all 0.05s;
}
@media all and (max-width: 600px) {
  .eduok-header {
    height: 50px;
  }
}
.eduok-header.is-active {
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 12px rgba(204, 204, 204, 0.16);
          box-shadow: 0px 3px 12px rgba(204, 204, 204, 0.16);
}
.eduok-header .hd-inner {
  max-width: 1652px;
  width: 100%;
  margin: 0 auto;
  padding: 0 16px;
}
@media all and (max-width: 600px) {
  .eduok-header .hd-inner {
    padding: 0 15px;
  }
}
.eduok-header .hd-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.eduok-header .hd-left-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 102px;
  height: 100%;
}
.eduok-header .hd-left-grp .logo-img {
  width: 87px;
  height: 28px;
}
@media all and (max-width: 600px) {
  .eduok-header .hd-left-grp .logo-img {
    width: 66px;
    height: 24px;
  }
}
.eduok-header .hd-left-grp .logo-img .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.eduok-header .hd-left-grp .gnb-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
@media all and (max-width: 1350px) {
  .eduok-header .hd-left-grp .gnb-grp {
    display: none;
  }
}
.eduok-header .hd-left-grp .gnb-grp .gnb-list {
  position: relative;
  padding: 10px 0;
  text-align: center;
}
.eduok-header .hd-left-grp .gnb-grp .gnb-list:hover .gnb-sub-grp {
  opacity: 1;
  pointer-events: visible;
  top: 96%;
}
.eduok-header .hd-left-grp .gnb-grp .gnb-list-link {
  position: relative;
  display: inline-block;
  height: 100%;
  opacity: 0.64;
  line-height: 80px;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  color: #000;
}
.eduok-header .hd-left-grp .gnb-grp .gnb-list-link:hover {
  opacity: 1;
  color: #0961F5;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.eduok-header .hd-left-grp .gnb-grp .gnb-list-link:hover::before {
  content: "";
  position: absolute;
  bottom: 16px;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #0961F5;
}
.eduok-header .hd-left-grp .gnb-grp .gnb-sub-grp {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 83%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 154px;
  padding: 25px 20px 20px;
  border-radius: 16px;
  border: 1px solid #dce3f2;
  background-color: #fff;
  text-align: left;
  -webkit-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.06);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.eduok-header .hd-left-grp .gnb-grp .gnb-sub-grp .gnb-sub-link {
  display: block;
  margin-bottom: 16px;
  font-size: 1rem;
  font-weight: 400;
  color: #616161;
}
.eduok-header .hd-left-grp .gnb-grp .gnb-sub-grp .gnb-sub-link:last-child {
  margin-bottom: 0;
}
.eduok-header .hd-left-grp .gnb-grp .gnb-sub-grp .gnb-sub-link:hover {
  color: #0961F5;
  font-weight: 600;
}
.eduok-header .hd-right-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.eduok-header .hd-right-grp.type-pc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}


@media all and (max-width: 800px) {
  .remoteLink {
    display: none;
  }
}

@media all and (max-width: 1350px) {
  .eduok-header .hd-right-grp.type-pc {
    display: none;
  }
}
.eduok-header .hd-right-grp.type-mo {
  display: none;
}
@media all and (max-width: 1350px) {
  .eduok-header .hd-right-grp.type-mo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.eduok-header .hd-right-grp .hd-right-link-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 28px;
}
.eduok-header .hd-right-grp .hd-right-link-grp .hd-link {
  font-size: 1rem;
  font-weight: 500;
  color: #8795b2;
}
.eduok-header .hd-right-grp .hd-member-grp {
  margin: auto 10px auto 49px;
  padding: 11.5px 22px;
  border-radius: 8px;
  background-color: #0762f5;
  cursor: pointer;
}
.eduok-header .hd-right-grp .hd-member-grp .hd-member-link {
  display: inline-block;
  height: 27px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 27px;
  color: #fff;
}
.eduok-header .hd-right-grp .hd-member-grp .hd-member-link:not(:last-child) {
  margin-right: 15.5px;
  padding-right: 15.5px;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
}
.eduok-header .hd-right-grp .hd-btn-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.eduok-header .hd-right-grp .hd-btn-grp .hd-btn {
  text-indent: -9999px;
  width: 50px;
  height: 50px;
  border-radius: 8px;
  background-color: #e5eeff;
}
.eduok-header .hd-right-grp .hd-btn-grp .btn-sch {
  background-image: url("../../images/icon/icon_btn_search.svg");
  background-repeat: no-repeat;
  background-size: 32px 32px;
  background-position: center;
}
.eduok-header .hd-right-grp .hd-btn-grp .btn-menu {
  background-image: url("../../images/icon/icon_btn_menu.svg");
  background-repeat: no-repeat;
  background-size: 32px 32px;
  background-position: center;
}
.eduok-header .hd-right-grp .hd-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
}
.eduok-header .hd-right-grp .hd-right .hd-link-grp {
  width: 30px;
  height: 30px;
}
.eduok-header .hd-right-grp .hd-right .hd-link-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.eduok-header .hd-right-grp .hd-right .btn-menu {
  text-indent: -9999px;
  width: 30px;
  height: 30px;
  background-image: url("../../images/icon/icon_btn_menu_mb.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.hd-menu-wrap {
  z-index: 201;
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  pointer-events: none;
}
.hd-menu-wrap.is-active {
  opacity: 1;
  pointer-events: visible;
}
.hd-menu-wrap.is-active .hd-menu-bg {
  opacity: 1;
  background-color: #000;
  -webkit-box-shadow: 0 0 0 100vw #000, 0 0 0 100vh;
          box-shadow: 0 0 0 100vw #000, 0 0 0 100vh;
  pointer-events: visible;
  top: 0;
  right: 0;
  left: auto;
  width: 100%;
  height: 100%;
  border-radius: 0;
  z-index: -1;
}
.hd-menu-wrap.is-active .panel {
  opacity: 1;
  pointer-events: visible;
}
.hd-menu-wrap .hd-menu-bg {
  z-index: 9999;
  opacity: 0;
  position: fixed;
  top: -100%;
  left: auto;
  right: -100%;
  width: 200px;
  height: 200px;
  border-radius: 50% 50% 50% 50%;
  background: #000;
  -webkit-box-shadow: 0 0 0 0 #000, 0 0 0 0 #000;
          box-shadow: 0 0 0 0 #000, 0 0 0 0 #000;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  pointer-events: none;
}
.hd-menu-wrap .panel {
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 171px;
  position: relative;
  padding-top: 122px;
  -webkit-transition: all 0.5s 0.5s;
  transition: all 0.5s 0.5s;
  pointer-events: none;
}
.hd-menu-wrap .ttl-wrap .logo-grp {
  width: 174px;
  height: 55px;
  margin-bottom: 31px;
}
.hd-menu-wrap .ttl-wrap .logo-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.hd-menu-wrap .ttl-wrap .sub-txt-01 {
  margin-bottom: 33px;
  padding-bottom: 11.7px;
  border-bottom: 1px solid #fff;
  font-size: 1.25rem;
  font-weight: 400;
  color: #fff;
}
.hd-menu-wrap .ttl-wrap .sub-txt-02 {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 28.5px;
  color: #c2c2c2;
}
.hd-menu-wrap .menu-grp {
  -ms-flex-preferred-size: 897px;
      flex-basis: 897px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.hd-menu-wrap .menu-grp .menu-list .menu-ttl {
  margin-bottom: 30px;
  font-size: 1.625rem;
  font-weight: 700;
  color: #fff;
}
.hd-menu-wrap .menu-grp .menu-list .sub-list-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  margin-bottom: 31.5px;
  padding-bottom: 40px;
  border-bottom: 1px solid #434343;
}
.hd-menu-wrap .menu-grp .menu-list .sub-list-grp .sub-list .sub-link {
  font-size: 1.125rem;
  font-weight: 500;
  color: #a5a5a5;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
.hd-menu-wrap .menu-grp .menu-list .sub-list-grp .sub-list .sub-link:hover {
  font-weight: 700;
  color: #46a9ff;
}
.hd-menu-wrap .btn-close {
  position: absolute;
  top: 122px;
  right: 0;
  left: auto;
  width: 32px;
  height: 32px;
}
.hd-menu-wrap .btn-close.type-wh {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.656' height='33.656' viewBox='0 0 33.656 33.656'%3E%3Cg id='그룹_56615' data-name='그룹 56615' transform='translate(14583.828 8260.828)'%3E%3Crect id='사각형_28748' data-name='사각형 28748' width='32' height='32' transform='translate(-14583 -8260)' fill='none'/%3E%3Cg id='그룹_56614' data-name='그룹 56614' transform='translate(-16163 -8374)'%3E%3Cline id='선_3985' data-name='선 3985' y2='39.598' transform='translate(1610 116) rotate(45)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='4'/%3E%3Cline id='선_3986' data-name='선 3986' y2='39.598' transform='translate(1610 144) rotate(135)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.hd-search-wrap {
  z-index: 201;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  pointer-events: none;
}
.hd-search-wrap.is-active {
  opacity: 1;
  pointer-events: visible;
}
.hd-search-wrap .panel {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-top: 161px;
  text-align: center;
}
.hd-search-wrap .sch-ttl {
  margin-bottom: 34px;
  font-size: 1.875rem;
  font-weight: 700;
  text-align: center;
  color: #000;
}
.hd-search-wrap .hd-sch-input-wrap {
  position: relative;
  max-width: 716px;
  width: 100%;
  margin: 0 auto;
}
.hd-search-wrap .hd-sch-input-wrap .sch-input {
  font-size: 1.125rem;
  font-weight: 500;
  color: #000;
}
.hd-search-wrap .hd-sch-input-wrap .btn-sch {
  position: absolute;
  top: 50%;
  right: 25px;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg id='그룹_33335' data-name='그룹 33335' xmlns='http://www.w3.org/2000/svg' width='21.414' height='21.414' viewBox='0 0 21.414 21.414'%3E%3Cg id='타원_110' data-name='타원 110' fill='none' stroke='%230961f5' stroke-linecap='round' stroke-width='2'%3E%3Ccircle cx='9.14' cy='9.14' r='9.14' stroke='none'/%3E%3Ccircle cx='9.14' cy='9.14' r='8.14' fill='none'/%3E%3C/g%3E%3Cline id='선_3229' data-name='선 3229' x2='4.586' y2='4.586' transform='translate(15.414 15.414)' fill='none' stroke='%230961f5' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.hd-search-wrap .tag-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  max-width: 716px;
  margin: 0 auto;
  margin-top: 25px;
}
.hd-search-wrap .tag-grp .tag-list {
  padding: 14.5px 26px;
  border-radius: 27px;
  background-color: #f5f5f5;
}
.hd-search-wrap .tag-grp .tag-list .tag-link {
  font-size: 1.125rem;
  font-weight: 400;
  color: #171717;
}
.hd-search-wrap .hd-search-result {
  max-width: 716px;
  margin: 0 auto;
  margin-top: 62px;
  text-align: left;
}
.hd-search-wrap .hd-search-result .searched-ttl {
  margin-bottom: 37px;
  font-size: 1rem;
  font-weight: 500;
  color: #8a8a8a;
}
.hd-search-wrap .hd-search-result .searched-ttl .num {
  font-size: 1rem;
  font-weight: 700;
  color: #000;
}
.hd-search-wrap .hd-search-result .searched-grp .searched-list {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #ececec;
}
.hd-search-wrap .hd-search-result .searched-grp .searched-list:last-child {
  margin-bottom: 0;
}
.hd-search-wrap .hd-search-result .searched-grp .searched-list .searched-txt {
  font-size: 1.125rem;
  font-weight: 500;
  color: #000;
}
.hd-search-wrap .hd-search-result .searched-grp .searched-list .searched-txt .resulted-txt {
  color: #0961F5;
}
.hd-search-wrap .hd-search-result .searched-grp .searched-list .searched-icon {
  padding: 0 5px 0;
  font-size: 1.125rem;
  font-weight: 500;
  color: #000;
}
.hd-search-wrap .btn-close {
  position: absolute;
  top: 116px;
  right: 0;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: contain;
}
.hd-search-wrap .btn-close.type-bk {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg id='그룹_56617' data-name='그룹 56617' transform='translate(12563 8255)'%3E%3Crect id='사각형_28749' data-name='사각형 28749' width='32' height='32' transform='translate(-12563 -8255)' fill='none'/%3E%3Cg id='그룹_56616' data-name='그룹 56616' transform='translate(-14143 -8369)'%3E%3Cline id='선_3985' data-name='선 3985' y2='39.598' transform='translate(1610 116) rotate(45)' fill='none' stroke='%23242424' stroke-width='4'/%3E%3Cline id='선_3986' data-name='선 3986' y2='39.598' transform='translate(1610 144) rotate(135)' fill='none' stroke='%23242424' stroke-width='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

/* ============ mo-EduOK-nav ============ */
.eduok-nav {
  overflow-y: auto;
  z-index: 300;
  position: fixed;
  top: 0;
  left: 100vw;
  display: none;
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  -webkit-transition: all ease-in-out 0.8s;
  transition: all ease-in-out 0.8s;
  padding-bottom: 15px;
}
@media all and (max-width: 1350px) {
  .eduok-nav {
    display: block;
  }
}
.eduok-nav .nav-btn-close-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 50px;
  padding: 10px 15px 10px;
  -webkit-box-shadow: 0 3px 12px rgba(204, 204, 204, 0.16);
          box-shadow: 0 3px 12px rgba(204, 204, 204, 0.16);
}
.eduok-nav .nav-btn-close-wrap .btn-close {
  display: block;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg id='그룹_51625' data-name='그룹 51625' transform='translate(-330 -12)'%3E%3Cg id='그룹_20483' data-name='그룹 20483'%3E%3Cg id='사각형_4148' data-name='사각형 4148' transform='translate(330 12)' fill='%23fff' stroke='%23707070' stroke-width='1' opacity='0'%3E%3Crect width='30' height='30' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='29' height='29' fill='none'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_51607' data-name='그룹 51607' transform='translate(-1241.5 -91.5)'%3E%3Cline id='선_3985' data-name='선 3985' y2='19.799' transform='translate(1593.5 111.5) rotate(45)' fill='none' stroke='%23242424' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='선_3986' data-name='선 3986' y2='19.799' transform='translate(1593.5 125.5) rotate(135)' fill='none' stroke='%23242424' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}
.eduok-nav .sm-center {
  height: calc(100vh - 50px);
  padding-top: 23px;
}
.eduok-nav .nav-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: calc(100vh - 75px);
}
.eduok-nav .nav-ttl {
  display: inline-block;
  width: 100%;
  margin-bottom: 16px;
  padding-left: 16px;
  font-size: 1.125rem;
  font-weight: 600;
  color: #616161;
}
.eduok-nav .gnb-list-wrap {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.eduok-nav .gnb-list-wrap.is-show .gnb-list-grp {
  border-bottom: 1px solid #0961F5;
}
.eduok-nav .gnb-list-wrap.is-show .gnb-list-ttl {
  color: #0961F5;
}
.eduok-nav .gnb-list-wrap.is-show .icon-arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.121' height='8.121' viewBox='0 0 14.121 8.121'%3E%3Cg id='그룹_33567' data-name='그룹 33567' transform='translate(1.061 7.061) rotate(-90)'%3E%3Cline id='선_75' data-name='선 75' x1='6' y1='6' transform='translate(0 6)' fill='none' stroke='%230961f5' stroke-linecap='round' stroke-width='1.5'/%3E%3Cline id='선_76' data-name='선 76' y1='6' x2='6' transform='translate(0 0)' fill='none' stroke='%230961f5' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.eduok-nav .gnb-list-wrap.is-show .gnb-sub-grp {
  display: block;
}
.eduok-nav .gnb-list-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 9px 16px 9.5px;
}
.eduok-nav .gnb-list-grp .gnb-list-ttl {
  font-size: 1.25rem;
  font-weight: 600;
  color: #000;
}
.eduok-nav .gnb-list-grp .icon-arrow {
  width: 13px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.122' height='8.121' viewBox='0 0 14.122 8.121'%3E%3Cg id='그룹_54327' data-name='그룹 54327' transform='translate(1.061 7.061) rotate(-90)'%3E%3Cline id='선_75' data-name='선 75' x1='6' y2='6' transform='translate(0 0)' fill='none' stroke='%23636363' stroke-linecap='round' stroke-width='1.5'/%3E%3Cline id='선_76' data-name='선 76' x2='6' y2='6' transform='translate(0 6.001)' fill='none' stroke='%23636363' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.eduok-nav .gnb-sub-grp {
  display: none;
  padding-top: 17px;
  padding-bottom: 17px;
}
.eduok-nav .gnb-sub-list:last-child {
  margin-bottom: 0;
}
.eduok-nav .gnb-sub-list:active {
  color: #0961F5;
}
.eduok-nav .gnb-sub-link {
  display: inline-block;
  width: 100%;
  padding: 14px 9.5px;
  font-size: 1rem;
  font-weight: 500;
  color: #808080;
}
.eduok-nav .gnb-sub-link.is-active {
  color: #0961F5;
  background-color: rgba(9, 97, 245, 0.05);
}
.eduok-nav .nav-btn-grp {
  width: 100%;
  padding-bottom: 15px;
}
.eduok-nav .nav-btn-grp .btn {
  display: inline-block;
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
  border-radius: 10px;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
}
.eduok-nav .nav-btn-grp .btn:last-child {
  margin-bottom: 0;
}
.eduok-nav .nav-btn-grp .btn.login {
  background-color: #0961F5;
}
.eduok-nav .nav-btn-grp .btn.join {
  background-color: #bcc6db;
}

.eduok-footer {
  background-color: #F9F8F8;
}
.eduok-footer .ft-content {
  padding: 50px 0;
}
@media all and (max-width: 600px) {
  .eduok-footer .ft-content {
    padding: 51px 0 28px;
  }
}
.eduok-footer .ft-logo-grp {
  display: block;
  width: 60px;
  height: 19px;
  margin-bottom: 25px;
}
@media all and (max-width: 600px) {
  .eduok-footer .ft-logo-grp {
    margin: 0 auto;
    margin-bottom: 19px;
  }
}
.eduok-footer .ft-logo-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.eduok-footer .ft-ttl {
  margin-bottom: 16px;
  font-size: 1.125rem;
  font-weight: 400;
  color: #000;
}
@media all and (max-width: 600px) {
  .eduok-footer .ft-ttl {
    margin-bottom: 21px;
    font-size: 0.875rem;
    text-align: center;
  }
}
.eduok-footer .ft-content-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media all and (max-width: 600px) {
  .eduok-footer .ft-content-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.eduok-footer .ft-contact-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 31px;
}
@media all and (max-width: 600px) {
  .eduok-footer .ft-contact-info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 11px 0;
  }
}
.eduok-footer .ft-contact-info .ft-contact-list {
  position: relative;
  margin-right: 16.5px;
  padding-right: 16.5px;
}
@media all and (max-width: 600px) {
  .eduok-footer .ft-contact-info .ft-contact-list {
    margin-right: 11.5px;
    padding-right: 11.5px;
  }
}
@media (max-width: 444px) and (max-width: 600px) {
  .eduok-footer .ft-contact-info .ft-contact-list:not(:first-child)::after {
    display: none;
  }
}
@media (max-width: 444px) and (max-width: 600px) {
  .eduok-footer .ft-contact-info .ft-contact-list.type-second {
    margin-right: 0;
    padding-right: 0;
  }
}
.eduok-footer .ft-contact-info .ft-contact-list:last-child {
  margin-right: 0;
  padding-right: 0;
}
.eduok-footer .ft-contact-info .ft-contact-list::after {
  content: "";
  position: absolute;
  right: 16.5px;
  display: inline-block;
  width: 1px;
  height: 13px;
  background-color: #DEDEDE;
  border-radius: 0.5px;
  top: 50%;
  left: auto;
  right: 0px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.eduok-footer .ft-contact-info .ft-contact-list .ft-contact-link {
  letter-spacing: -0.33px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #000;
}
@media all and (max-width: 600px) {
  .eduok-footer .ft-contact-info .ft-contact-list .ft-contact-link {
    color: #5B5B5B;
  }
}
.eduok-footer .ft-company-info {
  margin-bottom: 22px;
}
@media all and (max-width: 600px) {
  .eduok-footer .ft-company-info {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 28.5px;
    padding-bottom: 42.5px;
    border-bottom: 1px solid #E9E9E9;
  }
}
.eduok-footer .ft-company-info .ft-company-list {
  position: relative;
  display: inline-block;
  margin-right: 20.5px;
  padding-right: 20.5px;
}
@media all and (max-width: 600px) {
  .eduok-footer .ft-company-info .ft-company-list {
    margin-right: 10.5px;
    padding-right: 10.5px;
  }
}
.eduok-footer .ft-company-info .ft-company-list::after {
  content: "";
  position: absolute;
  right: 16.5px;
  display: inline-block;
  width: 1px;
  height: 13px;
  background-color: #DEDEDE;
  border-radius: 0.5px;
  top: 50%;
  left: auto;
  right: 0px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.eduok-footer .ft-company-info .ft-company-list:last-child {
  margin-right: 0;
  padding-right: 0;
}
.eduok-footer .ft-company-info .ft-company-list:last-child::after {
  display: none;
}
.eduok-footer .ft-company-info .ft-company-list .ft-company-txt {
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: -0.224px;
  color: #6E6E6E;
}
@media all and (max-width: 600px) {
  .eduok-footer .ft-company-info .ft-company-list .ft-company-txt {
    font-size: 0.75rem;
    text-decoration: none;
  }
}
.eduok-footer .ft-company-info-grp {
  margin-bottom: 10px;
}
@media all and (max-width: 600px) {
  .eduok-footer .ft-company-info-grp {
    margin-bottom: 5px;
    line-height: 12.98px;
    text-align: center;
    line-height: 15px;
  }
}
@media all and (max-width: 600px) {
  .eduok-footer .ft-company-info-grp:first-child {
    margin-bottom: 1px;
    line-height: 21px;
  }
}
@media (max-width: 429px) {
  .eduok-footer .ft-company-info-grp:first-child .ft-company-list:not(:first-child)::after {
    display: none;
  }
}
@media all and (max-width: 600px) {
  .eduok-footer .ft-company-info-grp:last-child .ft-company-list {
    width: 100%;
    text-align: center;
  }
}
.eduok-footer .ft-copyright {
  font-size: 0.875rem;
  font-weight: 400;
  color: #A7A7A7;
}
@media all and (max-width: 600px) {
  .eduok-footer .ft-copyright {
    font-size: 0.625rem;
    text-align: center;
  }
}

.main-page {
  padding-top: 0 !important;
}
.main-page .main-sub-txt {
  display: inline-block;
  position: relative;
  font-family: "Poppins";
  font-size: 1.5rem;
  font-weight: 600;
  color: #0961F5;
}
@media all and (max-width: 600px) {
  .main-page .main-sub-txt {
    font-size: 0.875rem;
  }
}
.main-page .main-sub-txt::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 12px);
  display: inline-block;
  width: 23px;
  height: 2px;
  background-color: #0961F5;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media all and (max-width: 600px) {
  .main-page .main-sub-txt::after {
    top: 49%;
    left: calc(100% + 2px);
    width: 6px;
  }
}
.main-page .main-ttl {
  display: block;
  font-size: 3.75rem;
  font-weight: 800;
  line-height: 66.5px;
  letter-spacing: -2.571px;
  color: #000;
}
@media all and (max-width: 600px) {
  .main-page .main-ttl {
    font-size: 1.75rem;
    line-height: 35px;
    letter-spacing: -0.447px;
  }
}
.main-page .main-ttl .bold {
  color: #0961F5;
}
.main-page .main-sub-txt-02 {
  font-size: 1.3125rem;
  font-weight: 400;
  letter-spacing: -0.948px;
  line-height: 27px;
  color: #8795b2;
}
@media all and (max-width: 600px) {
  .main-page .main-sub-txt-02 {
    font-size: 0.9375rem;
    line-height: 18px;
    letter-spacing: -0.696px;
    color: #000;
  }
}
@media all and (max-width: 600px) {
  .main-page .btn-txt {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    gap: 11px;
  }
}
.main-page .btn-txt .txt {
  font-family: "Poppins";
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: -0.623px;
  color: #bcc6db;
}
@media all and (max-width: 600px) {
  .main-page .btn-txt .txt {
    font-size: 0.9375rem;
  }
}
.main-page .btn-txt .circle {
  width: 33px;
  height: 33px;
  border-radius: 50%;
  background-color: rgba(188, 198, 219, 0.23);
  position: relative;
}
@media all and (max-width: 600px) {
  .main-page .btn-txt .circle {
    display: inline-block;
    width: 21px;
    height: 21px;
  }
}
.main-page .btn-txt .circle .icon-arrow-gray {
  position: absolute;
  top: 40%;
  left: -6px;
}
@media all and (max-width: 600px) {
  .main-page .btn-txt .circle .icon-arrow-gray {
    width: 13px;
    height: 3px;
  }
}
.main-page .main-slide-section {
  height: 100vh;
}
.main-page .main-slide-section .swiper-slide {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap.type-s3 {
  padding: 0;
}
.main-page .main-slide-section .swiper-slide .l-center.type-main {
  padding: 0;
}
.main-page .main-slide-section .swiper-slide .slide-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  padding-top: 166px;
}
@media all and (max-width: 600px) {
  .main-page .main-slide-section .swiper-slide .slide-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 95px;
  }
}
.main-page .main-slide-section .swiper-slide.s1 {
  background-image: url("../../images/img/img_main_slide_bg_01.png");
  overflow: hidden;
}
@media all and (max-width: 600px) {
  .main-page .main-slide-section .swiper-slide.s1 {
    z-index: 0;
    overflow: hidden;
    position: relative;
    background-image: none;
    background-color: #ECF4FA;
  }
}
@media all and (max-width: 600px) {
  .main-page .main-slide-section .swiper-slide.s1::after {
    content: "";
    z-index: -1;
    display: block;
    width: 380px;
    height: 380px;
    position: absolute;
    top: 300px;
    left: 47px;
    background-color: #3091FF;
    border-radius: 50%;
  }
}
.main-page .main-slide-section .swiper-slide.s2 .video-grp {
  position: relative;
  width: 686px;
  padding-top: 95.082%;
}
@media all and (max-width: 600px) {
  .main-page .main-slide-section .swiper-slide.s2 .video-grp {
    width: 100%;
    padding-top: 130%;
  }
}
.main-page .main-slide-section .swiper-slide.s2 .video-grp .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-page .main-slide-section .swiper-slide.s2 .slide-content {
  gap: 113px;
}
@media all and (max-width: 600px) {
  .main-page .main-slide-section .swiper-slide.s2 .slide-content {
    gap: 0;
    position: relative;
  }
}
.main-page .main-slide-section .swiper-slide.s3 {
  background-image: url("../../images/img/img_main_slide_bg_03.svg");
}
@media all and (max-width: 600px) {
  .main-page .main-slide-section .swiper-slide.s3 {
    background-image: none;
    position: relative;
    height: 100vh;
  }
}
@media all and (max-width: 600px) {
  .main-page .main-slide-section .swiper-slide.s3 .video-grp {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.main-page .main-slide-section .swiper-slide.s3 .video-grp .video {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media all and (max-width: 600px) {
  .main-page .main-slide-section .swiper-slide.s3 .video-grp .video {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap.s3 {
  position: relative;
  height: 100%;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap {
  max-width: 1800px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 50%;
  -webkit-transform: translateX(106%);
          transform: translateX(106%);
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-grp {
  position: relative;
  width: 100%;
  height: 100%;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-top-wrap {
  z-index: 1;
  position: absolute;
  top: 170px;
  left: 88px;
  width: 100%;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-top-grp {
  display: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-top-grp.t01 .sm-txt {
  color: #fab000;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-top-grp.t02 .sm-txt {
  color: #004bcc;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-top-grp.t03 .sm-txt {
  color: #009da2;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-top-grp.t04 .sm-txt {
  color: #ee4b00;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-top-grp.is-show {
  display: block;
  position: absolute;
  top: 0;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-top-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 60px;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-img-grp {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 171px;
  height: 217px;
  margin-top: 45px;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-txt-grp {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-txt-grp .sm-txt {
  display: inline-block;
  margin-bottom: 16px;
  padding: 7.5px 16px;
  border-radius: 17px;
  background-color: #fff;
  font-size: 1rem;
  font-weight: 500;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-txt-grp .ttl {
  display: block;
  margin-bottom: 20px;
  font-size: 2.875rem;
  font-weight: 800;
  color: #fff;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-txt-grp .sub-txt {
  margin-bottom: 38px;
  font-size: 1.5rem;
  font-weight: 300;
  color: #fff;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-txt-grp .sub-txt .bold {
  font-weight: 600;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-txt-grp .btn-tab-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-txt-grp .btn-tab-detail .txt {
  font-size: 0.875rem;
  font-weight: 400;
  color: #fff;
}
@media all and (max-width: 600px) {
  .main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-txt-grp .btn-tab-detail .txt {
    text-decoration: none;
  }
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-bottom-wrap {
  z-index: 1;
  position: absolute;
  max-width: 750px;
  width: 100%;
  top: auto;
  bottom: 0;
  border-top-left-radius: 36px;
  border-top-right-radius: 36px;
  background: #fff;
  left: 2.7%;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-level-wrap {
  padding: 45px 75px 59px;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-level-wrap .tab-level-txt {
  margin-bottom: 31px;
  font-size: 1.375rem;
  font-weight: 400;
  color: #000;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-level-wrap .tab-level-txt .bold {
  font-weight: 700;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-level-wrap .tab-level-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-level-wrap .tab-level-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-height: 68px;
  padding: 22px 31px;
  border-radius: 12px;
  background-color: #f5f5f5;
  cursor: pointer;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-level-wrap .tab-level-list.list-01.is-show {
  background-image: linear-gradient(300deg, #faaf00, #fad000);
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-level-wrap .tab-level-list.list-01.is-show .icon-step {
  background-image: url("../../images/img/icon_step01_chk.png");
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-level-wrap .tab-level-list.list-02.is-show {
  background-image: linear-gradient(300deg, #0762f5, #0e95fa);
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-level-wrap .tab-level-list.list-02.is-show .icon-step {
  background-image: url("../../images/img/icon_step02_chk.png");
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-level-wrap .tab-level-list.list-03.is-show {
  background-image: linear-gradient(300deg, #00ccc6, #00eeea);
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-level-wrap .tab-level-list.list-03.is-show .icon-step {
  background-image: url("../../images/img/icon_step03_chk.png");
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-level-wrap .tab-level-list.list-04.is-show {
  background-image: linear-gradient(300deg, #f55812, #fb9730);
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-level-wrap .tab-level-list.list-04.is-show .icon-step {
  background-image: url("../../images/img/icon_step04_chk.png");
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-level-wrap .tab-level-list.is-show .icon-step-01 {
  background-image: url("../../images/img/icon_step01_chk.png");
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-level-wrap .tab-level-list.is-show .step-num {
  color: #fff;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-level-wrap .tab-level-list.is-show .step-txt {
  color: #fff;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-level-wrap .tab-level-list.is-show .icon-level-chk {
  opacity: 1;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-level-wrap .tab-txt-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-level-wrap .tab-txt-left .icon-step {
  margin-right: 28px;
  background-repeat: no-repeat;
  background-size: contain;
  width: 36px;
  height: 36px;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-level-wrap .tab-txt-left .icon-step.icon-step-01 {
  background-image: url("../../images/img/icon_step01.png");
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-level-wrap .tab-txt-left .icon-step.icon-step-02 {
  background-image: url("../../images/img/icon_step02.png");
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-level-wrap .tab-txt-left .icon-step.icon-step-03 {
  background-image: url("../../images/img/icon_step03.png");
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-level-wrap .tab-txt-left .icon-step.icon-step-04 {
  background-image: url("../../images/img/icon_step04.png");
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-level-wrap .tab-txt-left .step-num {
  margin-right: 38px;
  font-size: 1.125rem;
  font-weight: 600;
  color: #a4a4a4;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-level-wrap .tab-txt-left .step-txt {
  font-size: 1.125rem;
  font-weight: 600;
  color: #a4a4a4;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-level-wrap .tab-txt-right .icon-level-chk {
  opacity: 0;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-bg-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-bg-wrap .tab-bg-grp {
  width: 100%;
  height: 100%;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-bg-wrap .tab-bg {
  display: none;
  width: 100%;
  height: 100%;
  position: relative;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-bg-wrap .tab-bg .icon-bg {
  opacity: 0;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 312px;
  height: 292px;
  position: absolute;
  top: 260px;
  left: 550px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-bg-wrap .tab-bg .animation-left {
  -webkit-animation-name: ani-left;
          animation-name: ani-left;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.82, 0.23, 0.25, 0.86);
          animation-timing-function: cubic-bezier(0.82, 0.23, 0.25, 0.86);
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
}
@-webkit-keyframes ani-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@keyframes ani-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-bg-wrap .tab-bg .icon-bg-01 {
  background-image: url("../../images/img/img_step1_bg.svg");
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-bg-wrap .tab-bg .icon-bg-02 {
  background-image: url("../../images/img/img_step2_bg.svg");
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-bg-wrap .tab-bg .icon-bg-03 {
  background-image: url("../../images/img/img_step3_bg.svg");
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-bg-wrap .tab-bg .icon-bg-04 {
  background-image: url("../../images/img/img_step4_bg.svg");
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-bg-wrap .tab-bg.is-show {
  display: block;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-bg-wrap .tab-bg.is-show.bg-01 {
  background-color: aquamarine;
  background: -webkit-gradient(linear, left top, left bottom, from(#fae900), color-stop(65%, #faaf00));
  background: linear-gradient(180deg, #fae900 0%, #faaf00 65%);
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-bg-wrap .tab-bg.is-show.bg-01 .icon-step-01 {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-bg-wrap .tab-bg.is-show.bg-02 {
  background: -webkit-gradient(linear, left top, left bottom, from(#0e95fa), color-stop(65%, #0762f5));
  background: linear-gradient(180deg, #0e95fa 0%, #0762f5 65%);
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-bg-wrap .tab-bg.is-show.bg-02 .icon-bg {
  left: 590px;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-bg-wrap .tab-bg.is-show.bg-03 {
  background: -webkit-gradient(linear, left top, left bottom, from(#14ebe8), color-stop(65%, #00c2bc));
  background: linear-gradient(180deg, #14ebe8 0%, #00c2bc 65%);
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-bg-wrap .tab-bg.is-show.bg-03::after {
  height: 318px;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-bg-wrap .tab-bg.is-show.bg-03 .icon-bg {
  top: 270px;
  left: 580px;
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-bg-wrap .tab-bg.is-show.bg-04 {
  background: -webkit-gradient(linear, left top, left bottom, from(#fb9730), color-stop(65%, #f55812));
  background: linear-gradient(180deg, #fb9730 0%, #f55812 65%);
}
.main-page .main-slide-section .swiper-slide .swiper-slide-wrap .tab-wrap .tab-bg-wrap .tab-bg.is-show .icon-bg {
  -webkit-transform: translatex(0);
          transform: translatex(0);
  opacity: 1;
}
.main-page .main-slide-section .swiper-slide .right {
  -ms-flex-preferred-size: 725px;
      flex-basis: 725px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 150px;
}
@media all and (max-width: 600px) {
  .main-page .main-slide-section .swiper-slide .right {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -ms-flex-negative: initial;
        flex-shrink: initial;
    margin-top: 0;
    padding: 0 15px;
  }
}
@media all and (max-width: 600px) {
  .main-page .main-slide-section .swiper-slide .right.type-s3 {
    padding: 0;
  }
}
.main-page .main-slide-section .swiper-slide .right .sub-txt {
  margin-bottom: 19px;
  font-size: 1.5625rem;
  font-weight: 400;
  color: #000;
}
@media all and (max-width: 600px) {
  .main-page .main-slide-section .swiper-slide .right .sub-txt {
    margin-bottom: 13px;
    font-size: 1.0625rem;
  }
}
.main-page .main-slide-section .swiper-slide .right .sub-txt .bold {
  color: #0961F5;
}
.main-page .main-slide-section .swiper-slide .right .ttl {
  display: inline-block;
  margin-bottom: 24.6px;
  font-size: 3.875rem;
  font-weight: 800;
  letter-spacing: -0.853px;
  color: #000;
}
@media all and (max-width: 600px) {
  .main-page .main-slide-section .swiper-slide .right .ttl.type-index {
    margin-bottom: 0;
  }
}
@media all and (max-width: 600px) {
  .main-page .main-slide-section .swiper-slide .right .ttl {
    margin-bottom: 12px;
    font-size: 1.875rem;
  }
}
.main-page .main-slide-section .swiper-slide .right .ttl .primary-color {
  color: #0961F5;
}
.main-page .main-slide-section .swiper-slide .right .ttl .primary-color.type-s3 {
  display: inline-block;
  padding-top: 8px;
  font-size: 3.875rem;
}
@media all and (max-width: 600px) {
  .main-page .main-slide-section .swiper-slide .right .ttl .primary-color.type-s3 {
    font-size: 2.375rem;
  }
}
.main-page .main-slide-section .swiper-slide .right .logo {
  width: 214px;
  height: 68px;
}
@media all and (max-width: 600px) {
  .main-page .main-slide-section .swiper-slide .right .logo {
    width: 139px;
    height: 44px;
  }
}
.main-page .main-slide-section .swiper-slide .right .logo .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media all and (max-width: 600px) {
  .main-page .main-slide-section .swiper-slide .right .btn-detail {
    z-index: 1;
    position: relative;
    width: auto;
    gap: 6.5px;
    margin: 19.8px 0 0;
    padding: 14px 20px;
  }
}
.main-page .main-slide-section .swiper-slide .right .btn-detail .scroll-horizontal-img {
  width: 12.5px;
  height: 8px;
}
.main-page .main-slide-section .swiper-slide .left {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  width: 947px;
  height: 646px;
  margin-right: -70px;
}
@media all and (max-width: 600px) {
  .main-page .main-slide-section .swiper-slide .left {
    width: 100%;
    height: 464px;
    margin-right: 0;
  }
}
.main-page .main-slide-section .swiper-slide .left.type-s2 {
  -webkit-box-flex: initial;
      -ms-flex-positive: initial;
          flex-grow: initial;
  width: 686px;
  height: 696px;
}
@media all and (max-width: 600px) {
  .main-page .main-slide-section .swiper-slide .left.type-s2 {
    position: absolute;
    left: 0;
    top: 200px;
    width: 100%;
    height: auto;
    z-index: -1;
  }
}
.main-page .main-slide-section .swiper-slide .left .infinite-ani-grp {
  position: absolute;
  bottom: 115px;
  width: 890px;
  height: 163px;
  overflow: hidden;
}
@media all and (max-width: 600px) {
  .main-page .main-slide-section .swiper-slide .left .infinite-ani-grp {
    width: 100%;
    height: 126px;
    top: 160px;
    bottom: auto;
  }
}
.main-page .main-slide-section .swiper-slide .left .infinite-ani-grp::after {
  content: "";
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgb(236, 244, 250)), color-stop(15%, rgba(236, 244, 250, 0)), color-stop(85%, rgba(48, 145, 255, 0)), to(rgb(48, 145, 255)));
  background: linear-gradient(90deg, rgb(236, 244, 250) 0%, rgba(236, 244, 250, 0) 15%, rgba(48, 145, 255, 0) 85%, rgb(48, 145, 255) 100%);
}
@media all and (max-width: 600px) {
  .main-page .main-slide-section .swiper-slide .left .infinite-ani-grp::after {
    display: none;
  }
}
.main-page .main-slide-section .swiper-slide .left .infinite-ani-grp .infinite-ani {
  background-image: url("../../images/img/img_slide_main.png");
  width: 100%;
  height: 163px;
  background-position-x: left;
  background-size: 1205px 163px;
  background-repeat: repeat-x;
  -webkit-animation-name: ptnLogo-left;
          animation-name: ptnLogo-left;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  animation-direction: reverse;
}
@media all and (max-width: 600px) {
  .main-page .main-slide-section .swiper-slide .left .infinite-ani-grp .infinite-ani {
    background-image: url("../../images/img/m_img_slide_main.png");
    height: 126px;
    background-size: 960px 126px;
  }
}
.main-page .main-slide-section .swiper-slide .left .phone-ani-wrap {
  width: 751px;
  height: 649px;
  position: absolute;
  top: 78px;
  left: 140px;
}
@media all and (max-width: 600px) {
  .main-page .main-slide-section .swiper-slide .left .phone-ani-wrap {
    width: 439px;
    height: 433px;
    top: 20px;
    left: 44px;
  }
}
.main-page .main-slide-section .swiper-slide .left .phone-ani-wrap .phone-ani-grp {
  position: relative;
  width: 100%;
  height: 100%;
}
.main-page .main-slide-section .swiper-slide .left .phone-ani-wrap .phone-ani {
  position: absolute;
  width: 685px;
  height: 638px;
}
@media all and (max-width: 600px) {
  .main-page .main-slide-section .swiper-slide .left .phone-ani-wrap .phone-ani {
    width: 283px;
    height: 371px;
    top: -45px;
    left: 25px;
  }
}
.main-page .main-slide-section .swiper-slide .left .phone-ani-wrap .phone-ani .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-page .main-slide-section .swiper-slide .left .phone-ani-wrap .card-ani {
  position: absolute;
  width: 302px;
  height: 186px;
  top: 140.5px;
  left: 53.8px;
}
@media all and (max-width: 600px) {
  .main-page .main-slide-section .swiper-slide .left .phone-ani-wrap .card-ani {
    width: 210px;
    height: 129px;
    top: 34px;
    left: 60px;
  }
}
.main-page .main-slide-section .swiper-slide .left .phone-ani-wrap .card-ani .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-page .main-slide-section .swiper-slide .left .phone-ani-wrap .obg-grp-01 {
  position: absolute;
  left: -28px;
  top: -11px;
  width: 94px;
  height: 94px;
}
.main-page .main-slide-section .swiper-slide .left .phone-ani-wrap .obg-grp-01 .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-page .main-slide-section .swiper-slide .left .phone-ani-wrap .obg-grp-02 {
  z-index: 1;
  position: absolute;
  top: 211px;
  right: 150px;
  width: 136px;
  height: 136px;
}
.main-page .main-slide-section .swiper-slide .left .phone-ani-wrap .obg-grp-02 .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-page .main-slide-section .swiper-pagination {
  bottom: 32px;
}
@media all and (max-width: 600px) {
  .main-page .main-slide-section .swiper-pagination {
    bottom: 2vh;
    top: auto;
  }
}
.main-page .main-slide-section .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  width: 22px;
  height: 10px;
  border-radius: 10px;
  background-color: #D5DEEB;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
@media all and (max-width: 600px) {
  .main-page .main-slide-section .swiper-pagination .swiper-pagination-bullet {
    width: 14px;
    height: 5px;
    margin: 0 2px;
  }
}
.main-page .main-slide-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0961F5;
  width: 69px;
}
@media all and (max-width: 600px) {
  .main-page .main-slide-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 38px;
  }
}
.main-page .select-section {
  padding: 164px 0 154px;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(100%, #f7f8fa), color-stop(44%, #f7f8fa));
  background: linear-gradient(0deg, #f7f8fa 100%, #f7f8fa 44%);
}
@media all and (max-width: 600px) {
  .main-page .select-section {
    padding: 62px 0 63px;
  }
}
.main-page .select-section .txt-wrap {
  margin-bottom: 97px;
  text-align: center;
}
@media all and (max-width: 600px) {
  .main-page .select-section .txt-wrap {
    margin-bottom: 50px;
  }
}
.main-page .select-section .txt-wrap .main-sub-txt {
  margin-bottom: 18px;
}
@media all and (max-width: 600px) {
  .main-page .select-section .txt-wrap .main-sub-txt {
    margin-bottom: 11px;
  }
}
.main-page .select-section .txt-wrap .main-ttl {
  margin-bottom: 23px;
}
@media all and (max-width: 600px) {
  .main-page .select-section .txt-wrap .main-ttl {
    margin-bottom: 16px;
  }
}
.main-page .select-section .txt-wrap .main-ttl .bold {
  display: inline-block;
  max-width: 240px !important;
  width: 240px !important;
}
@media all and (max-width: 600px) {
  .main-page .select-section .txt-wrap .main-ttl .bold {
    max-width: 110px !important;
    width: 110px !important;
  }
}
@media all and (max-width: 600px) {
  .main-page .select-section .txt-wrap .main-ttl .txt-02 {
    margin-left: -7px;
  }
}
.main-page .select-section .rolling-grp .rolling-img {
  background-image: url("../../images/img/img_select_rolling.png");
  width: 100%;
  height: 50px;
  background-size: 5977px 50px;
  background-repeat: repeat-x;
  -webkit-animation-duration: 60s;
          animation-duration: 60s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
@media all and (max-width: 600px) {
  .main-page .select-section .rolling-grp .rolling-img {
    background-image: url("../../images/img/m_img_select_rolling.png");
    height: 38px;
    background-size: 4542.8px 38px;
    -webkit-animation-duration: 80s;
            animation-duration: 80s;
  }
}
.main-page .select-section .rolling-grp .rolling-img.left {
  margin-bottom: 58px;
  background-position-x: left;
  -webkit-animation-name: ptnLogo02-left;
          animation-name: ptnLogo02-left;
  animation-direction: reverse;
}
@media all and (max-width: 600px) {
  .main-page .select-section .rolling-grp .rolling-img.left {
    margin-bottom: 26px;
  }
}
.main-page .select-section .rolling-grp .rolling-img.right {
  background-position-x: right;
  -webkit-animation-name: ptnLogo02-right;
          animation-name: ptnLogo02-right;
  -webkit-animation-direction: normal;
          animation-direction: normal;
}
.main-page .examine-section {
  background-image: url("../../images/img/img_solution_bg.png");
  padding: 92px 0 63px;
  background-repeat: no-repeat;
  background-size: cover;
}
@media all and (max-width: 600px) {
  .main-page .examine-section {
    background-image: url("../../images/img/m_img_solution_bg.png");
    padding: 51px 0 50px;
  }
}
.main-page .examine-section .examine-wrap {
  text-align: center;
}
@media all and (max-width: 600px) {
  .main-page .examine-section .examine-wrap {
    padding: 0 15px;
    text-align: left;
  }
}
.main-page .examine-section .txt-grp {
  margin-bottom: 26px;
}
@media all and (max-width: 600px) {
  .main-page .examine-section .txt-grp {
    margin-bottom: 23px;
  }
}
.main-page .examine-section .txt-grp .sub-txt {
  margin-bottom: 12px;
  font-size: 1.25rem;
  font-weight: 500;
  color: #7dadff;
}
@media all and (max-width: 600px) {
  .main-page .examine-section .txt-grp .sub-txt {
    font-size: 0.875rem;
  }
}
.main-page .examine-section .txt-grp .ttl {
  font-size: 2.625rem;
  font-weight: 800;
  color: #fff;
}
@media all and (max-width: 600px) {
  .main-page .examine-section .txt-grp .ttl {
    line-height: 38px;
    letter-spacing: 0.1px;
    font-size: 1.625rem;
  }
}
.main-page .examine-section .btn-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 17.5px;
  margin: 0 auto;
  padding: 15.5px 32.5px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.16);
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
@media all and (max-width: 600px) {
  .main-page .examine-section .btn-view {
    margin: 0;
    margin-right: auto;
    padding: 15px 29px;
  }
}
.main-page .examine-section .btn-view .icon-grp {
  width: 16px;
  height: 10px;
}
.main-page .examine-section .btn-view .icon-grp.type-default {
  display: block;
}
.main-page .examine-section .btn-view .icon-grp.type-hover {
  display: none;
}
.main-page .examine-section .btn-view:hover {
  background-color: #fff;
}
.main-page .examine-section .btn-view:hover .txt {
  color: #0a0a0a;
}
.main-page .examine-section .btn-view:hover .type-default {
  display: none;
}
.main-page .examine-section .btn-view:hover .type-hover {
  display: block;
}
.main-page .examine-section .btn-view .txt {
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
}
@media all and (max-width: 600px) {
  .main-page .examine-section .btn-view .txt {
    font-size: 0.875rem;
  }
}
.main-page .examine-section .btn-view .icon-arrow-wh {
  width: 16px;
  height: 10px;
}
@media all and (max-width: 600px) {
  .main-page .examine-section .btn-view .icon-arrow-wh {
    width: 15px;
    height: 8.5px;
    margin-top: 1px;
  }
}
.main-page .use-review-section {
  padding: 119px 0 125px;
  background-color: #f0f3f7;
}
@media all and (max-width: 600px) {
  .main-page .use-review-section {
    padding: 58px 0 49px;
  }
}
@media all and (max-width: 600px) {
  .main-page .use-review-section .l-center {
    padding: 0;
  }
}
.main-page .use-review-section .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 38px;
  padding-left: 60px;
}
@media all and (max-width: 600px) {
  .main-page .use-review-section .top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 4px;
    padding: 0 15px;
  }
}
.main-page .use-review-section .top .hand-img-grp {
  width: 206px;
  height: 230px;
}
@media all and (max-width: 600px) {
  .main-page .use-review-section .top .hand-img-grp {
    width: 108px;
    height: 121px;
    margin-top: 10px;
  }
}
.main-page .use-review-section .top .hand-img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-page .use-review-section .top .txt-wrap {
  margin-top: 44px;
}
@media all and (max-width: 600px) {
  .main-page .use-review-section .top .txt-wrap {
    -ms-flex-preferred-size: 238px;
        flex-basis: 238px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-top: 0;
  }
}
.main-page .use-review-section .top .txt-wrap .main-sub-txt {
  margin-bottom: 3px;
}
@media all and (max-width: 600px) {
  .main-page .use-review-section .top .txt-wrap .main-sub-txt {
    margin-bottom: 9px;
  }
}
@media all and (max-width: 600px) {
  .main-page .use-review-section .top .txt-wrap .main-ttl {
    font-size: 1.375rem;
    letter-spacing: -2px;
  }
}
@media all and (max-width: 600px) {
  .main-page .use-review-section .top .txt-wrap .main-ttl .bold {
    font-size: 1.875rem;
  }
}
.main-page .use-review-section .bottom {
  margin-top: -40px;
}
.main-page .use-review-section .bottom .link-blog {
  display: block;
  width: 40px;
  height: 40px;
  margin: auto 100px auto auto;
  margin-bottom: 20px;
  background-color: #fff;
  background-image: url("../../images/icon/icon_blog.png");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
  border-radius: 50%;
}
@media all and (max-width: 600px) {
  .main-page .use-review-section .review-slide-container {
    margin-top: 34px;
  }
}
.main-page .use-review-section .review-slide-container .btn-all-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 17px;
  margin: auto 100px 23px auto;
}
.main-page .use-review-section .review-slide-container .btn-all-view .txt {
  font-size: 1.125rem;
  font-weight: 400;
  color: #000;
}
.main-page .use-review-section .review-swiper {
  height: 489px;
  padding-top: 20px;
  position: relative;
}
.main-page .use-review-section .review-swiper::before {
  content: "";
  z-index: 2;
  display: block;
  position: absolute;
  top: 0px;
  left: 0;
  width: 186px;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#F1F3F7), to(transparent));
  background: linear-gradient(90deg, #F1F3F7, transparent);
}
@media all and (max-width: 600px) {
  .main-page .use-review-section .review-swiper::before {
    display: none;
  }
}
.main-page .use-review-section .review-swiper::after {
  content: "";
  z-index: 2;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 186px;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(#F1F3F7));
  background: linear-gradient(90deg, transparent, #F1F3F7);
}
@media all and (max-width: 600px) {
  .main-page .use-review-section .review-swiper {
    height: 358px;
  }
  .main-page .use-review-section .review-swiper::after {
    display: none;
  }
}
.main-page .use-review-section .review-swiper .swiper-slide {
  padding: 47px 33px 39px 46px;
  border-radius: 9px;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media all and (max-width: 600px) {
  .main-page .use-review-section .review-swiper .swiper-slide {
    padding: 27px 0 32px 22px;
  }
}
.main-page .use-review-section .review-swiper .swiper-slide:hover {
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
}
.main-page .use-review-section .review-swiper .swiper-slide .ttl-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 23px;
  margin-bottom: 22px;
}
@media all and (max-width: 600px) {
  .main-page .use-review-section .review-swiper .swiper-slide .ttl-wrap {
    margin-bottom: 16px;
  }
}
.main-page .use-review-section .review-swiper .swiper-slide .logo-grp {
  width: 72px;
  height: 72px;
}
@media all and (max-width: 600px) {
  .main-page .use-review-section .review-swiper .swiper-slide .logo-grp {
    width: 54px;
    height: 54px;
  }
}
.main-page .use-review-section .review-swiper .swiper-slide .logo-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-page .use-review-section .review-swiper .swiper-slide .top-txt-grp .ttl {
  margin-bottom: 8px;
  font-size: 1.375rem;
  font-weight: 700;
  letter-spacing: -0.514;
  color: #000;
}
@media all and (max-width: 600px) {
  .main-page .use-review-section .review-swiper .swiper-slide .top-txt-grp .ttl {
    margin-bottom: 5px;
    font-size: 1rem;
  }
}
.main-page .use-review-section .review-swiper .swiper-slide .top-txt-grp .sub-txt {
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: -0.458;
  color: #000;
}
@media all and (max-width: 600px) {
  .main-page .use-review-section .review-swiper .swiper-slide .top-txt-grp .sub-txt {
    font-size: 0.75rem;
  }
}
.main-page .use-review-section .review-swiper .swiper-slide .star-grp {
  margin-bottom: 26.5px;
  width: 171px;
  height: 28px;
}
@media all and (max-width: 600px) {
  .main-page .use-review-section .review-swiper .swiper-slide .star-grp {
    margin-bottom: 16px;
    width: 112px;
    height: 18px;
  }
}
.main-page .use-review-section .review-swiper .swiper-slide .star-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-page .use-review-section .review-swiper .swiper-slide .bottom-txt-grp .sm-txt {
  margin-bottom: 10px;
  font-size: 1rem;
  font-weight: 600;
}
@media all and (max-width: 600px) {
  .main-page .use-review-section .review-swiper .swiper-slide .bottom-txt-grp .sm-txt {
    margin-bottom: 8px;
    font-size: 0.75rem;
  }
}
.main-page .use-review-section .review-swiper .swiper-slide .bottom-txt-grp .sm-txt.type-easy {
  color: #0961F5;
}
.main-page .use-review-section .review-swiper .swiper-slide .bottom-txt-grp .sm-txt.type-smart {
  color: #0cc5bf;
}
.main-page .use-review-section .review-swiper .swiper-slide .bottom-txt-grp .sm-txt.type-royal {
  color: #fb621e;
}
.main-page .use-review-section .review-swiper .swiper-slide .bottom-txt-grp .sm-txt.type-talk {
  color: #ffaf0e;
}
.main-page .use-review-section .review-swiper .swiper-slide .bottom-txt-grp .bottom-ttl {
  margin-bottom: 21px;
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 31.5px;
  letter-spacing: -0.727px;
  color: #000;
}
@media all and (max-width: 600px) {
  .main-page .use-review-section .review-swiper .swiper-slide .bottom-txt-grp .bottom-ttl {
    margin-bottom: 15px;
    font-size: 1.0625rem;
    line-height: 21.5px;
    letter-spacing: -0.44px;
  }
}
.main-page .use-review-section .review-swiper .swiper-slide .bottom-txt-grp .sub-txt {
  margin-bottom: 35px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 22.34px;
  letter-spacing: -0.3143;
  color: #000;
}
@media all and (max-width: 600px) {
  .main-page .use-review-section .review-swiper .swiper-slide .bottom-txt-grp .sub-txt {
    margin-bottom: 25px;
    line-height: 18.672px;
    font-size: 0.875rem;
  }
}
.main-page .use-review-section .review-swiper .swiper-slide .bottom-txt-grp .link {
  text-decoration: underline;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: -0.432;
  color: #bbb;
}
@media all and (max-width: 600px) {
  .main-page .use-review-section .review-swiper .swiper-slide .bottom-txt-grp .link {
    font-size: 0.75rem;
  }
}
.main-page .receive-section {
  padding: 182px 0 253px;
  background-color: #fff;
}
@media all and (max-width: 600px) {
  .main-page .receive-section {
    padding: 74px 0 76px;
  }
}
.main-page .receive-section .receive-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media all and (max-width: 600px) {
  .main-page .receive-section .receive-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 28px;
  }
}
.main-page .receive-section .left {
  margin-top: 3px;
}
@media all and (max-width: 600px) {
  .main-page .receive-section .left {
    text-align: center;
  }
}
@media all and (max-width: 600px) {
  .main-page .receive-section .left .txt-wrap {
    text-align: center;
  }
}
.main-page .receive-section .left .txt-wrap .main-sub-txt {
  margin-bottom: 9px;
}
@media all and (max-width: 600px) {
  .main-page .receive-section .left .txt-wrap .main-sub-txt {
    margin-bottom: 11px;
  }
}
.main-page .receive-section .left .txt-wrap .main-ttl {
  margin-bottom: 25px;
}
@media all and (max-width: 600px) {
  .main-page .receive-section .left .txt-wrap .main-ttl {
    margin-bottom: 16px;
  }
}
.main-page .receive-section .left .txt-wrap .main-sub-txt-02 {
  margin-bottom: 66px;
  color: #121212;
}
@media all and (max-width: 600px) {
  .main-page .receive-section .left .txt-wrap .main-sub-txt-02 {
    margin-bottom: 23px;
    font-size: 1rem;
  }
}
@media all and (max-width: 600px) {
  .main-page .receive-section .left .btn-grp {
    display: inline-block;
  }
}
.main-page .receive-section .right {
  -ms-flex-preferred-size: 748px;
      flex-basis: 748px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
}
@media all and (max-width: 600px) {
  .main-page .receive-section .right {
    -ms-flex-preferred-size: 244px;
        flex-basis: 244px;
  }
}
.main-page .receive-section .right .receive-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 22px;
}
@media all and (max-width: 600px) {
  .main-page .receive-section .right .receive-grp {
    gap: 12px;
  }
}
.main-page .receive-section .right .receive-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 34px;
  padding: 35px 29px 27px;
  border-radius: 30px;
}
@media all and (max-width: 600px) {
  .main-page .receive-section .right .receive-list {
    gap: 18px;
    padding: 18.5px 12px;
    border-radius: 10px;
  }
}
.main-page .receive-section .right .receive-list:nth-child(1) {
  background-color: #fcebed;
}
.main-page .receive-section .right .receive-list:nth-child(1) .receive-img {
  width: 143px;
  height: 98px;
}
@media all and (max-width: 600px) {
  .main-page .receive-section .right .receive-list:nth-child(1) .receive-img {
    width: 100px;
    height: 79px;
  }
}
.main-page .receive-section .right .receive-list:nth-child(2) {
  background-color: #eef8fe;
}
.main-page .receive-section .right .receive-list:nth-child(2) .receive-img {
  width: 159px;
  height: 102px;
}
@media all and (max-width: 600px) {
  .main-page .receive-section .right .receive-list:nth-child(2) .receive-img {
    width: 100px;
    height: 79px;
  }
}
.main-page .receive-section .right .receive-list .receive-img {
  -ms-flex-preferred-size: 159px;
      flex-basis: 159px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media all and (max-width: 600px) {
  .main-page .receive-section .right .receive-list .receive-img {
    -ms-flex-preferred-size: 100px;
        flex-basis: 100px;
  }
}
.main-page .receive-section .right .receive-list .receive-img .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-page .receive-section .right .receive-list .receive-txt {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.main-page .receive-section .right .receive-list .receive-txt .ttl {
  display: inline-block;
  margin-bottom: 12px;
  font-size: 1.75rem;
  font-weight: 700;
  color: #121212;
}
@media all and (max-width: 600px) {
  .main-page .receive-section .right .receive-list .receive-txt .ttl {
    margin-bottom: 8px;
    font-size: 1.25rem;
  }
}
.main-page .receive-section .right .receive-list .receive-txt .sub-txt {
  font-size: 1.3125rem;
  font-weight: 400;
  color: #121212;
}
@media all and (max-width: 600px) {
  .main-page .receive-section .right .receive-list .receive-txt .sub-txt {
    font-size: 0.875rem;
  }
}
.main-page .edu-solution-section {
  height: 1043px;
  padding-top: 80px;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section {
    margin-bottom: 45px;
    padding: 55px 0 38.2px;
  }
}
.main-page .edu-solution-section .edu-solution-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .edu-solution-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.main-page .edu-solution-section .left {
  -ms-flex-preferred-size: 621px;
      flex-basis: 621px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-159%);
          transform: translateX(-159%);
  height: 100%;
  padding: 100px 128px 10px 161px;
  border-top-right-radius: 180px;
  background-color: #f7f8fa;
}
.main-page .edu-solution-section .left::after {
  content: "";
  display: inline-block;
  background-color: #f7f8fa;
  width: 1000px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 547px;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .left {
    position: initial;
    -ms-flex-preferred-size: initial;
        flex-basis: initial;
    -ms-flex-negative: initial;
        flex-shrink: initial;
    width: 100%;
    margin-bottom: 100px;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    -webkit-transform: none;
            transform: none;
  }
}
.main-page .edu-solution-section .left .left-center {
  max-width: 426px;
  width: 100%;
  padding-left: 15px;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .left .left-center {
    max-width: none;
    padding-left: 0;
  }
}
.main-page .edu-solution-section .left .txt-wrap {
  margin-bottom: 53px;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .left .txt-wrap {
    margin-bottom: 34px;
    text-align: center;
  }
}
.main-page .edu-solution-section .left .txt-wrap .main-sub-txt {
  font-size: 1.5rem;
  margin-bottom: 10px;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .left .txt-wrap .main-sub-txt {
    margin-bottom: 11px;
  }
}
.main-page .edu-solution-section .left .txt-wrap .main-ttl {
  margin-bottom: 30px;
}
.main-page .edu-solution-section .left .txt-wrap .sub-txt-01 {
  margin-bottom: 33px;
  font-size: 1.625rem;
  font-weight: 500;
  letter-spacing: -1.159px;
  line-height: 34.5px;
  color: #000;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .left .txt-wrap .sub-txt-01 {
    margin-bottom: 20px;
    font-size: 1.75rem;
    font-weight: 800;
  }
}
.main-page .edu-solution-section .left .txt-wrap .sub-txt-01 .primary-color {
  color: #0961F5;
  font-weight: 700;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .left .txt-wrap .sub-txt-01 .primary-color {
    font-weight: 800;
  }
}
.main-page .edu-solution-section .left .txt-wrap .sub-txt-02 {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 23.5px;
  letter-spacing: -0.336;
  color: #767676;
}
.main-page .edu-solution-section .left .txt-wrap .sub-txt-02 .bold {
  font-weight: 700;
}
.main-page .edu-solution-section .left .tab-ttl-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .left .tab-ttl-wrap {
    padding: 13px 15px;
  }
}
.main-page .edu-solution-section .left .tab-ttl-grp {
  z-index: 1;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .left .tab-ttl-grp {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 9px;
    width: 100%;
    height: auto;
    left: 0;
    padding: 13px 15px;
    background-color: #0961F5;
    -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.16);
            box-shadow: 0 6px 10px rgba(0, 0, 0, 0.16);
  }
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .left .tab-ttl-grp::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 6px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12' height='6' viewBox='0 0 12 6'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_28766' data-name='사각형 28766' width='12' height='6' transform='translate(181 1647.199)' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_56646' data-name='그룹 56646' transform='translate(-181 -1647.199)'%3E%3Cg id='마스크_그룹_27613' data-name='마스크 그룹 27613' clip-path='url(%23clip-path)'%3E%3Cpath id='다각형_81' data-name='다각형 81' d='M6.293.707a1,1,0,0,1,1.414,0l4.586,4.586A1,1,0,0,1,11.586,7H2.414a1,1,0,0,1-.707-1.707Z' transform='translate(194 1653.199) rotate(180)' fill='%230961f5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
    position: absolute;
    bottom: -5px;
    left: 50%;
    -webkit-transform: translatex(-50%);
            transform: translatex(-50%);
  }
}
.main-page .edu-solution-section .left .tab-ttl-grp .tab-ttl-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 46px;
  width: 300px;
  padding: 24.5px 0 24.5px 20px;
  cursor: pointer;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .left .tab-ttl-grp .tab-ttl-list {
    gap: 2px;
    width: calc((100% - 9px) / 2);
    padding: 17.5px 16px;
  }
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .left .tab-ttl-grp .tab-ttl-list.is-active {
    border-radius: 10px;
    background-color: #fff;
  }
}
@media all and (max-width: 600px) and (max-width: 600px) {
  .main-page .edu-solution-section .left .tab-ttl-grp .tab-ttl-list.is-active .edu-txt-01 {
    color: #0961F5 !important;
  }
}
@media all and (max-width: 600px) and (max-width: 600px) {
  .main-page .edu-solution-section .left .tab-ttl-grp .tab-ttl-list.is-active .edu-txt-02 {
    color: #0961F5 !important;
  }
}
.main-page .edu-solution-section .left .tab-ttl-grp .num {
  -ms-flex-preferred-size: 23px;
      flex-basis: 23px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: #bcc6db;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .left .tab-ttl-grp .num {
    -ms-flex-preferred-size: 11px;
        flex-basis: 11px;
    font-size: 0.75rem;
  }
}
.main-page .edu-solution-section .left .tab-ttl-grp .txt-grp {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .left .tab-ttl-grp .txt-grp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.main-page .edu-solution-section .left .tab-ttl-grp .edu-txt-01 {
  font-family: "Poppins";
  font-size: 1.875rem;
  font-weight: 500;
  letter-spacing: -0.652px;
  color: #bcc6db;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .left .tab-ttl-grp .edu-txt-01 {
    font-size: 1.0625rem;
  }
}
.main-page .edu-solution-section .left .tab-ttl-grp .edu-txt-02 {
  margin-left: 16px;
  font-family: "Poppins";
  font-size: 1.875rem;
  font-weight: 800;
  letter-spacing: -0.6px;
  color: #bcc6db;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .left .tab-ttl-grp .edu-txt-02 {
    margin-left: 4px;
    font-size: 1.0625rem;
    letter-spacing: 0.1;
  }
}
.main-page .edu-solution-section .left .tab-ttl-grp .edu-txt-02.type-kor {
  font-family: "pretendard";
}
.main-page .edu-solution-section .left .tab-ttl-on-icon {
  position: absolute;
  top: 0;
  left: -30px;
  width: 460px;
  height: 92px;
}
.main-page .edu-solution-section .left .tab-ttl-on-icon .on-icon-bg {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 69px;
  background-color: #0961F5;
}
.main-page .edu-solution-section .left .tab-ttl-on-icon .on-icon-bg .icon-on {
  position: absolute;
  top: 43%;
  right: 54px;
}
.main-page .edu-solution-section .right {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 100%;
  position: absolute;
  right: 50%;
  -webkit-transform: translateX(66.5%);
          transform: translateX(66.5%);
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .right {
    position: initial;
    width: 100%;
    margin-top: 85px;
    padding: 0 15px;
    -webkit-transform: none;
            transform: none;
  }
}
.main-page .edu-solution-section .right .tab-inner {
  max-width: 1050px;
  width: 100%;
  height: 100%;
  margin-right: auto;
  padding-left: 157px;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .right .tab-inner {
    padding-left: 0;
  }
}
.main-page .edu-solution-section .right .tab-grp {
  display: none;
  width: 902px;
  padding-top: 97px;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .right .tab-grp {
    padding-top: 0;
  }
}
.main-page .edu-solution-section .right .tab-grp.is-active {
  display: block;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .right .tab-grp.is-active {
    display: inline-block;
    width: 100%;
  }
}
.main-page .edu-solution-section .right .tab-cont-top {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 51.5px;
}
.main-page .edu-solution-section .right .tab-cont-top .txt-wrap {
  margin-top: 41px;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .right .tab-cont-top .txt-wrap {
    margin-top: 20px;
  }
}
.main-page .edu-solution-section .right .tab-cont-top .txt-wrap .num {
  margin-bottom: 9px;
  font-family: "Poppins";
  font-size: 1.5rem;
  font-weight: 700;
  color: #0961F5;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .right .tab-cont-top .txt-wrap .num {
    margin-bottom: 10px;
    font-size: 0.875rem;
  }
}
.main-page .edu-solution-section .right .tab-cont-top .txt-wrap .ttl {
  margin-bottom: 27px;
  font-size: 3rem;
  font-weight: 800;
  color: #000;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .right .tab-cont-top .txt-wrap .ttl {
    margin-bottom: 30px;
    font-size: 2rem;
  }
}
.main-page .edu-solution-section .right .tab-cont-top .txt-wrap .ttl .bold.type-easy {
  color: #0961F5;
}
.main-page .edu-solution-section .right .tab-cont-top .txt-wrap .ttl .bold.type-smart {
  color: #26D8D2;
}
.main-page .edu-solution-section .right .tab-cont-top .txt-wrap .ttl .bold.type-royal {
  color: #F55108;
}
.main-page .edu-solution-section .right .tab-cont-top .txt-wrap .sub-txt-01 {
  margin-bottom: 34px;
  font-size: 1.5rem;
  font-weight: 300;
  letter-spacing: -0.288;
  line-height: 34px;
  color: #000;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .right .tab-cont-top .txt-wrap .sub-txt-01 {
    margin-bottom: 48.9px;
    font-size: 1rem;
  }
}
.main-page .edu-solution-section .right .tab-cont-top .txt-wrap .sub-txt-01 .bold {
  font-weight: 600;
}
.main-page .edu-solution-section .right .tab-cont-top .txt-wrap .sub-txt-02 {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: -0.1px;
  line-height: 23px;
  color: #818181;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .right .tab-cont-top .txt-wrap .sub-txt-02 {
    line-height: 22.34px;
  }
}
.main-page .edu-solution-section .right .tab-cont-top .img-wrap {
  z-index: -1;
  position: absolute;
  top: 5px;
  right: 0;
  width: 507px;
  height: 402px;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .right .tab-cont-top .img-wrap {
    width: 105px;
    height: 132px;
    top: -70px;
    right: 21px;
  }
}
.main-page .edu-solution-section .right .tab-cont-top .img-wrap .img-grp {
  position: relative;
  width: 100%;
  height: 100%;
}
.main-page .edu-solution-section .right .tab-cont-top .img-wrap .tab-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 477px;
  height: 402px;
}
.main-page .edu-solution-section .right .tab-cont-top .img-wrap .icon-grp {
  position: absolute;
  top: 82px;
  left: 0px;
  width: 101px;
  height: 101px;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .right .tab-cont-top .img-wrap .icon-grp {
    width: 136px;
    height: 149px;
    top: 76px;
    right: -30px;
    left: auto;
  }
}
.main-page .edu-solution-section .right .tab-cont-top .img-wrap .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-page .edu-solution-section .right .tab-cont-md {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .right .tab-cont-md {
    margin-bottom: 45.4px;
  }
}
.main-page .edu-solution-section .right .tab-cont-md .tab-cont-list {
  border-right: 1px solid #F3F3F3;
}
.main-page .edu-solution-section .right .tab-cont-md .tab-cont-list:nth-child(1) {
  width: 29.5%;
}
.main-page .edu-solution-section .right .tab-cont-md .tab-cont-list:nth-child(2) {
  width: 32%;
}
.main-page .edu-solution-section .right .tab-cont-md .tab-cont-list:nth-child(3) {
  width: 35%;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .right .tab-cont-md .tab-cont-list {
    width: 33.3333333333% !important;
    text-align: center;
  }
}
.main-page .edu-solution-section .right .tab-cont-md .tab-cont-list:not(:first-child) {
  padding-left: 34.5px;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .right .tab-cont-md .tab-cont-list:not(:first-child) {
    padding-left: 0;
  }
}
.main-page .edu-solution-section .right .tab-cont-md .tab-cont-list:last-child {
  border-right: none;
}
.main-page .edu-solution-section .right .tab-cont-md .tab-cont-list .img-grp {
  width: 60px;
  height: 60px;
  margin-bottom: 16px;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .right .tab-cont-md .tab-cont-list .img-grp {
    width: 46px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 10.8px;
  }
}
.main-page .edu-solution-section .right .tab-cont-md .tab-cont-list .img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-page .edu-solution-section .right .tab-cont-md .tab-cont-list .ttl {
  display: inline-block;
  margin-bottom: 14px;
  font-size: 1.25rem;
  font-weight: 600;
  color: #000;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .right .tab-cont-md .tab-cont-list .ttl {
    font-size: 0.9375rem;
    text-align: center;
  }
}
.main-page .edu-solution-section .right .tab-cont-md .tab-cont-list .sub-txt {
  font-size: 0.9375rem;
  font-weight: 300;
  line-height: 21px;
  letter-spacing: -0.334px;
  color: #000;
}
.main-page .edu-solution-section .right .tab-cont-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 23px 40px 23px 30px;
  border-radius: 16px;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .right .tab-cont-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 24px;
    padding: 25px 20px 18px;
    border-radius: 12px;
  }
}
.main-page .edu-solution-section .right .tab-cont-bottom.type-talk {
  background-color: #fff8dd;
}
.main-page .edu-solution-section .right .tab-cont-bottom.type-easy {
  background-color: #f1f3f7;
}
.main-page .edu-solution-section .right .tab-cont-bottom.type-smart {
  background-color: #e6f6f5;
}
.main-page .edu-solution-section .right .tab-cont-bottom.type-royal {
  background-color: #fff4ef;
}
.main-page .edu-solution-section .right .tab-cont-bottom .tab-bottom-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-page .edu-solution-section .right .tab-cont-bottom .img-wrap {
  position: relative;
  width: 80px;
  height: 80px;
  margin-right: 20px;
  border-radius: 50%;
  background-color: #fff;
}
.main-page .edu-solution-section .right .tab-cont-bottom .img-wrap .img-grp {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 42px;
  height: 42px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.main-page .edu-solution-section .right .tab-cont-bottom .img-wrap .img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-page .edu-solution-section .right .tab-cont-bottom .txt-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-page .edu-solution-section .right .tab-cont-bottom .txt-wrap .ttl-grp {
  -ms-flex-preferred-size: 137px;
      flex-basis: 137px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.main-page .edu-solution-section .right .tab-cont-bottom .txt-wrap .ttl-grp .sub-txt {
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: 500;
  color: #151515;
}
.main-page .edu-solution-section .right .tab-cont-bottom .txt-wrap .ttl-grp .ttl {
  font-size: 1.625rem;
  font-weight: 800;
}
.main-page .edu-solution-section .right .tab-cont-bottom .txt-wrap .ttl-grp .ttl.type-talk {
  color: #f6c60a;
}
.main-page .edu-solution-section .right .tab-cont-bottom .txt-wrap .ttl-grp .ttl.type-easy {
  color: #0961F5;
}
.main-page .edu-solution-section .right .tab-cont-bottom .txt-wrap .ttl-grp .ttl.type-smart {
  color: #26d8d2;
}
.main-page .edu-solution-section .right .tab-cont-bottom .txt-wrap .ttl-grp .ttl.type-royal {
  color: #f55209;
}
.main-page .edu-solution-section .right .tab-cont-bottom .txt-wrap .sub-txt-wrap {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 300px;
}
.main-page .edu-solution-section .right .tab-cont-bottom .txt-wrap .sub-txt-wrap .sub-txt-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .right .tab-cont-bottom .txt-wrap .sub-txt-wrap .sub-txt-grp {
    gap: 11px;
  }
}
.main-page .edu-solution-section .right .tab-cont-bottom .txt-wrap .sub-txt-wrap .sub-txt-grp:not(:last-child) {
  margin-bottom: 12px;
}
.main-page .edu-solution-section .right .tab-cont-bottom .txt-wrap .sub-txt-wrap .sub-txt-grp .txt-01 {
  font-size: 1rem;
  font-weight: 700;
  color: #232323;
}
.main-page .edu-solution-section .right .tab-cont-bottom .txt-wrap .sub-txt-wrap .sub-txt-grp .txt-02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  font-weight: 500;
  color: #232323;
}
.main-page .edu-solution-section .right .tab-cont-bottom .txt-wrap .sub-txt-wrap .sub-txt-grp .txt-02 .bold {
  font-weight: 700;
}
.main-page .edu-solution-section .right .tab-cont-bottom .txt-wrap .sub-txt-wrap .sub-txt-grp .txt-02 .sm-txt {
  margin-left: 4.2px;
  font-size: 0.75rem;
  font-weight: 400;
  color: #232323;
}
.main-page .edu-solution-section .right .tab-cont-bottom .tab-bottom-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .right .tab-cont-bottom .tab-bottom-right {
    width: 100%;
  }
}
.main-page .edu-solution-section .right .tab-cont-bottom .tab-bottom-right .btn-grp {
  border-radius: 10px;
  background-color: #000;
  padding: 15.5px 32.5px;
  gap: 17px;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .right .tab-cont-bottom .tab-bottom-right .btn-grp {
    gap: 12px;
    width: 100%;
  }
}
.main-page .edu-solution-section .right .tab-cont-bottom .tab-bottom-right .btn-grp:hover .icon-arrow-wh {
  -webkit-animation-name: horizontal-scroll;
          animation-name: horizontal-scroll;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
}
.main-page .edu-solution-section .right .tab-cont-bottom .tab-bottom-right .btn-grp .txt {
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .right .tab-cont-bottom .tab-bottom-right .btn-grp .txt {
    font-size: 0.875rem;
  }
}
.main-page .edu-solution-section .right .tab-cont-bottom .tab-bottom-right .btn-grp .icon-grp {
  width: 16px;
  height: 10px;
}
.main-page .edu-solution-section .right .tab-cont-bottom .tab-bottom-right .btn-grp .icon-grp .icon-arrow-wh {
  width: 100%;
  height: 100%;
}
@media all and (max-width: 600px) {
  .main-page .edu-solution-section .right .tab-cont-bottom .tab-bottom-right .btn-grp .icon-grp .icon-arrow-wh {
    width: 15px;
    height: 9px;
  }
}
.main-page .ilta-mall-section {
  padding: 109px 0 53px;
  background: -webkit-gradient(linear, right bottom, left top, from(#f9fafb), to(#e6ecf2));
  background: linear-gradient(to left top, #f9fafb, #e6ecf2);
}
@media all and (max-width: 600px) {
  .main-page .ilta-mall-section {
    padding: 415px 0 69px;
  }
}
.main-page .ilta-mall-section .panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  min-height: 609px;
}
@media all and (max-width: 600px) {
  .main-page .ilta-mall-section .panel {
    display: block;
    min-height: auto;
  }
}
.main-page .ilta-mall-section .txt-wrap {
  padding-top: 63px;
}
@media all and (max-width: 600px) {
  .main-page .ilta-mall-section .txt-wrap {
    padding-top: 0;
  }
}
.main-page .ilta-mall-section .txt-wrap .main-sub-txt {
  margin-bottom: 9px;
}
.main-page .ilta-mall-section .txt-wrap .main-ttl {
  margin-bottom: 26px;
}
@media all and (max-width: 600px) {
  .main-page .ilta-mall-section .txt-wrap .main-ttl {
    margin-bottom: 24px;
  }
}
.main-page .ilta-mall-section .txt-wrap .main-sub-txt-02 {
  margin-bottom: 64px;
  font-size: 20px;
  line-height: 32px;
  color: #121212;
}
@media all and (max-width: 600px) {
  .main-page .ilta-mall-section .txt-wrap .main-sub-txt-02 {
    margin-bottom: 32px;
    font-size: 16px;
    font-weight: 400;
    line-height: 21.5px;
  }
}
.main-page .ilta-mall-section .img-wrap {
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  width: 841px;
  height: 609px;
}
@media all and (max-width: 600px) {
  .main-page .ilta-mall-section .img-wrap {
    width: 360px;
    height: 327px;
    top: -360px;
    left: -15px;
  }
}
.main-page .ilta-mall-section .img-wrap .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-page .joyedu-section {
  padding: 214px 0 199px;
}
@media all and (max-width: 600px) {
  .main-page .joyedu-section {
    padding: 363px 0 62px;
  }
}
.main-page .joyedu-section .panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  position: relative;
}
@media all and (max-width: 600px) {
  .main-page .joyedu-section .panel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.main-page .joyedu-section .txt-wrap {
  -ms-flex-preferred-size: 672px;
      flex-basis: 672px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 9px;
  padding-left: 146px;
}
@media all and (max-width: 600px) {
  .main-page .joyedu-section .txt-wrap {
    -ms-flex-preferred-size: 308px;
        flex-basis: 308px;
    padding-left: 0;
    text-align: center;
  }
}
.main-page .joyedu-section .img-wrap {
  z-index: -1;
  position: absolute;
  left: calc(-50% - 200px);
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 1038px;
  height: 540px;
}
@media all and (max-width: 600px) {
  .main-page .joyedu-section .img-wrap {
    width: 360px;
    height: 272px;
    top: -300px;
    left: -15px;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@media all and (max-width: 600px) {
  .main-page .joyedu-section .img-grp-01 {
    width: 360px;
    height: 272px;
  }
}
.main-page .joyedu-section .img-grp-02 {
  position: absolute;
  width: 215px;
  height: 336px;
  top: 35px;
  right: 65px;
}
@media all and (max-width: 600px) {
  .main-page .joyedu-section .img-grp-02 {
    width: 102px;
    height: 158px;
    top: 18px;
    right: 32px;
  }
}
.main-page .joyedu-section .main-sub-txt {
  margin-bottom: 9px;
}
.main-page .joyedu-section .main-ttl {
  margin-bottom: 33px;
}
@media all and (max-width: 600px) {
  .main-page .joyedu-section .main-ttl {
    margin-bottom: 24px;
  }
}
.main-page .joyedu-section .main-sub-txt-02 {
  margin-bottom: 64px;
  line-height: 32px;
  font-size: 1.25rem;
  color: #121212;
}
@media all and (max-width: 600px) {
  .main-page .joyedu-section .main-sub-txt-02 {
    margin-bottom: 27px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 22.75px;
  }
}
.main-page .mind-section {
  max-height: 100vh !important;
  height: 100vh !important;
  padding: 283px 0 403px;
  background-color: #000;
}
@media all and (max-width: 600px) {
  .main-page .mind-section {
    padding: 275px 0 375.7px;
  }
}
.main-page .mind-section .txt-wrap {
  text-align: center;
}
.main-page .mind-section .logo-grp {
  width: 121px;
  height: 38px;
  margin: 0 auto;
  margin-bottom: 40px;
}
@media all and (max-width: 600px) {
  .main-page .mind-section .logo-grp {
    width: 56px;
    height: 18px;
    margin-bottom: 23px;
  }
}
.main-page .mind-section .logo-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-page .mind-section .bottom-txt .txt {
  font-size: 4.625rem;
  font-weight: 800;
  color: #fff;
}
@media all and (max-width: 600px) {
  .main-page .mind-section .bottom-txt .txt {
    font-size: 1.75rem;
  }
}
.main-page .mind-section .bottom-txt .txt .mb-show-ib {
  margin-top: 3px;
}
.main-page .mind-section .bottom-txt .gradient-txt-grp {
  padding-top: 20px;
  font-size: 4.625rem;
  font-weight: 800;
  color: #fff;
  text-align: center;
  letter-spacing: -2.9px;
}
@media all and (max-width: 600px) {
  .main-page .mind-section .bottom-txt .gradient-txt-grp {
    padding-top: 17px;
    font-size: 2.5rem;
  }
}
.main-page .mind-section .bottom-txt .gradient-txt {
  background: linear-gradient(127deg, #00d8ff 17%, #0961f5 90%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.main-page .counseling-section {
  padding: 197px 0 150px;
  background-image: url("../../images/img/img_counseling_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media all and (max-width: 600px) {
  .main-page .counseling-section {
    padding: 48px 0 96px;
  }
}
.main-page .counseling-section .panel {
  position: relative;
}
.main-page .counseling-section .main-txt-grp {
  margin-bottom: 57px;
  text-align: center;
}
@media all and (max-width: 600px) {
  .main-page .counseling-section .main-txt-grp {
    margin-bottom: 26px;
  }
}
.main-page .counseling-section .main-txt-grp .mb-img-grp {
  width: 73px;
  height: 76px;
  margin: 0 auto;
  margin-bottom: 11px;
}
.main-page .counseling-section .main-txt-grp .mb-img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-page .counseling-section .main-txt-grp .main-ttl {
  font-size: 3.25rem;
}
@media all and (max-width: 600px) {
  .main-page .counseling-section .main-txt-grp .main-ttl {
    font-size: 1.5rem;
    line-height: 31.5px;
  }
}
.main-page .counseling-section .counseling-cont-wrap {
  max-width: 846px;
  width: 100%;
  margin: 0 auto;
  padding: 57px 75px 66px;
  border-radius: 46px;
  background-color: #fff;
}
@media all and (max-width: 600px) {
  .main-page .counseling-section .counseling-cont-wrap {
    padding: 28px 16px 37px;
    border-radius: 20px;
  }
}
.main-page .counseling-section .counseling-cont-wrap .counseling-top-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  margin-bottom: 41px;
}
@media all and (max-width: 600px) {
  .main-page .counseling-section .counseling-cont-wrap .counseling-top-grp {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 33px;
  }
}
.main-page .counseling-section .counseling-cont-wrap .counseling-top-grp .img-grp {
  width: 100px;
  height: 107px;
}
.main-page .counseling-section .counseling-cont-wrap .counseling-top-grp .img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-page .counseling-section .counseling-cont-wrap .counseling-top-grp .ttl {
  font-size: 2.625rem;
  font-weight: 800;
  color: #000;
}
@media all and (max-width: 600px) {
  .main-page .counseling-section .counseling-cont-wrap .counseling-top-grp .ttl {
    font-size: 1.25rem;
  }
}
.main-page .counseling-section .counseling-cont-wrap .counseling-cont {
  height: 141px;
  padding: 15px 16px;
}
.main-page .counseling-section .counseling-cont-wrap .counseling-cont::-webkit-scrollbar {
  width: 4px;
  /* 스크롤바의 너비 */
}
.main-page .counseling-section .counseling-cont-wrap .counseling-cont::-webkit-scrollbar-thumb {
  height: 20%;
  /* 스크롤바의 길이 */
  background: #f1f1f1;
  /* 스크롤바의 색상 */
  border-radius: 10px;
}
@media all and (max-width: 600px) {
  .main-page .counseling-section .counseling-cont-wrap .btn-detail {
    width: auto;
    padding: 15px 21px 15px 21px;
    gap: 8.5px;
  }
}
.main-page .counseling-section .counseling-cont-wrap .btn-detail .txt {
  font-weight: 800;
}
@media all and (max-width: 600px) {
  .main-page .counseling-section .counseling-cont-wrap .btn-detail .txt {
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.3px;
  }
}
.main-page .counseling-section .counseling-cont-wrap .btn-detail .icon-arrow-wh {
  width: 12px;
  height: 7.5px;
}
.main-page .counseling-section .counseling-bg {
  background-image: url("../../images/img/img_graph.png");
  position: absolute;
  top: auto;
  right: 0;
  bottom: -150px;
  width: 707px;
  height: 381px;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}
@media all and (max-width: 600px) {
  .main-page .counseling-section .counseling-bg {
    width: 320px;
    height: 172px;
    bottom: -96px;
    right: -15px;
  }
}

.certified-section {
  padding-bottom: 152px;
}
@media all and (max-width: 600px) {
  .certified-section {
    padding-bottom: 77px;
  }
}
.certified-section .main-sub-txt {
  margin-bottom: 9px;
}
.certified-section .main-ttl {
  margin-bottom: 28px;
}
@media all and (max-width: 600px) {
  .certified-section .main-ttl {
    margin-bottom: 16px;
  }
}
.certified-section .main-sub-txt-02 {
  color: #121212;
}
.certified-section .txt-wrap {
  margin-bottom: 76px;
  text-align: center;
}
@media all and (max-width: 600px) {
  .certified-section .txt-wrap {
    margin-bottom: 23px;
  }
}
@media all and (max-width: 600px) {
  .certified-section .certified-content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 43px;
  }
}
.certified-section .certified-system-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 11px;
  margin-bottom: 80px;
}
@media all and (max-width: 600px) {
  .certified-section .certified-system-grp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 14px;
    margin-bottom: 0;
  }
}
.certified-section .certified-list {
  width: calc((100% - 11px) / 4);
  padding: 66px 0 41px;
  border-radius: 10px;
  border: 1px solid #ededed;
  text-align: center;
  cursor: pointer;
}
@media all and (max-width: 600px) {
  .certified-section .certified-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 28px;
    width: 100%;
    padding: 23px 26px;
    border: none;
    border-radius: 16px;
    background-color: #F2F5F8;
    text-align: left;
  }
}
.certified-section .certified-list:hover {
  border: 2px solid #0762f5;
  margin: -1px 0;
}
@media all and (max-width: 600px) {
  .certified-section .certified-list:hover {
    border: none;
    margin: 0;
    background-image: linear-gradient(300deg, #01070C, #3A6285);
  }
}
.certified-section .certified-list:hover .certified-list-txt-grp .ttl {
  color: #0762F5;
}
@media all and (max-width: 600px) {
  .certified-section .certified-list:hover .certified-list-txt-grp .ttl {
    color: #fff;
  }
}
.certified-section .certified-list:hover .certified-list-txt-grp .sub-txt {
  color: #121212;
}
@media all and (max-width: 600px) {
  .certified-section .certified-list:hover .certified-list-txt-grp .sub-txt {
    color: #fff;
  }
}
.certified-section .certified-list .img-grp {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 160px;
  height: 184px;
  margin: 0 auto;
  margin-bottom: 45px;
}
@media all and (max-width: 600px) {
  .certified-section .certified-list .img-grp {
    width: 104px;
    height: 124px;
    margin-top: 10px;
    margin-bottom: 0;
  }
}
.certified-section .certified-list .img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.certified-section .certified-list .certified-list-txt-grp {
  -ms-flex-preferred-size: 160px;
      flex-basis: 160px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.certified-section .certified-list .certified-list-txt-grp .ttl {
  margin-bottom: 25px;
  font-size: 1.875rem;
  font-weight: 700;
  color: #000;
}
@media all and (max-width: 600px) {
  .certified-section .certified-list .certified-list-txt-grp .ttl {
    margin-bottom: 10px;
    font-size: 1.25rem;
  }
}
.certified-section .certified-list .certified-list-txt-grp .sub-txt {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.306;
  color: #8b8b8b;
}
@media all and (max-width: 600px) {
  .certified-section .certified-list .certified-list-txt-grp .sub-txt {
    font-size: 0.875rem;
    color: #2D2D2D;
  }
}
.certified-section .certified-list .certified-list-txt-grp .btn-grp {
  gap: 8px;
  margin-top: 19px;
  margin-left: 0;
}
.certified-section .certified-list .certified-list-txt-grp .btn-grp .txt {
  font-size: 0.875rem;
  font-weight: 600;
  color: #52B4E9;
}
.certified-section .btn-grp {
  margin: 0 auto;
}

.error-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 109px;
  padding: 205px 0;
}
@media all and (max-width: 600px) {
  .error-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 27px;
    padding: 83px 0;
  }
}
.error-section .img-grp {
  width: 372px;
  height: 426px;
}
@media all and (max-width: 600px) {
  .error-section .img-grp {
    width: 144px;
    height: 165px;
  }
}
.error-section .img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media all and (max-width: 600px) {
  .error-section .error-ttl-grp {
    text-align: center;
  }
}
.error-section .error-ttl-grp .error-ttl {
  font-size: 3rem;
  font-weight: 800;
  color: #0961F5;
}
@media all and (max-width: 600px) {
  .error-section .error-ttl-grp .error-ttl {
    font-size: 1.625rem;
  }
}
.error-section .error-ttl-grp .error-txt {
  padding: 34px 0 52px;
  font-size: 1.25rem;
  font-weight: 400;
  color: #3B3B3B;
  line-height: 1.4;
}
@media all and (max-width: 600px) {
  .error-section .error-ttl-grp .error-txt {
    padding: 22px 0 35px;
    font-size: 0.9375rem;
    line-height: 1.45;
  }
}

/* 공통 */
.additional-solution-sub-wrap {
  width: 227px;
  margin: 0 auto 21px;
  padding: 10px 28px;
  border-radius: 19px;
  background-color: #000;
  text-align: center;
}
@media all and (max-width: 600px) {
  .additional-solution-sub-wrap {
    width: 157px;
    margin-bottom: 16px;
    padding: 6px 15px;
  }
}
.additional-solution-sub-wrap .solution-sub-ttl {
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
}
@media all and (max-width: 600px) {
  .additional-solution-sub-wrap .solution-sub-ttl {
    font-size: 0.75rem;
  }
}

/* additional-payment-section */
.additional-payment-section {
  padding: 127px 0 155px;
}
@media all and (max-width: 600px) {
  .additional-payment-section {
    padding: 58px 0 71px;
  }
}
.additional-payment-section .ttl-wrap {
  margin-bottom: 53px;
}
@media all and (max-width: 600px) {
  .additional-payment-section .ttl-wrap {
    margin-bottom: 29px;
  }
}
.additional-payment-section .ttl-wrap .additional-common-ttl {
  margin-bottom: 27px;
}
@media all and (max-width: 600px) {
  .additional-payment-section .ttl-wrap .additional-common-ttl {
    margin-bottom: 20px;
  }
}
.additional-payment-section .ttl-wrap .additional-common-txt {
  color: #393939;
  line-height: 1.6;
}
@media all and (max-width: 600px) {
  .additional-payment-section .ttl-wrap .additional-common-txt {
    line-height: 1.52;
  }
}
.additional-payment-section .ttl-wrap .additional-common-txt .color-point {
  color: #0987f5;
}
.additional-payment-section .payment-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 21px;
  width: 100%;
}
@media all and (max-width: 600px) {
  .additional-payment-section .payment-wrap {
    gap: 14px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.additional-payment-section .payment-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: calc((100% - 21px) / 2);
  padding: 34px 30px 40px 40px;
  border-radius: 20px;
  background-color: #f2f6f9;
}
@media all and (max-width: 600px) {
  .additional-payment-section .payment-list {
    width: 100%;
    padding: 22px 18px 26px 22px;
  }
}
.additional-payment-section .payment-list .txt-wrap .num {
  font-size: 1rem;
  font-weight: 700;
  color: #bcc6db;
}
@media all and (max-width: 600px) {
  .additional-payment-section .payment-list .txt-wrap .num {
    font-size: 0.875rem;
    font-weight: 800;
  }
}
.additional-payment-section .payment-list .txt-wrap .ttl {
  margin: 19px 0 12px;
  font-size: 1.5rem;
  font-weight: 700;
  color: #0987f5;
}
@media all and (max-width: 600px) {
  .additional-payment-section .payment-list .txt-wrap .ttl {
    margin: 16px 0 12px;
    font-size: 1.125rem;
  }
}
.additional-payment-section .payment-list .txt-wrap .txt {
  font-size: 1.125rem;
  font-weight: 400;
  color: #393939;
  line-height: 1.4;
  letter-spacing: -0.4px;
}
@media all and (max-width: 600px) {
  .additional-payment-section .payment-list .txt-wrap .txt {
    font-size: 0.875rem;
  }
}
.additional-payment-section .payment-list .img-circle {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 92px;
  height: 92px;
  border-radius: 100%;
  background-color: #fff;
}
@media all and (max-width: 600px) {
  .additional-payment-section .payment-list .img-circle {
    width: 74px;
    height: 74px;
  }
}
.additional-payment-section .payment-list .img-circle .img-wrap {
  width: 56px;
  height: 56px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media all and (max-width: 600px) {
  .additional-payment-section .payment-list .img-circle .img-wrap {
    width: 44px;
    height: 44px;
  }
}
@media all and (max-width: 600px) {
  .additional-payment-section .payment-list .img-circle .img-wrap.type-pay {
    width: 74px;
    height: 74px;
  }
}
.additional-payment-section .payment-list .img-circle .img-wrap img {
  height: 100%;
}

/* END additional-payment-section */
/* additional-service-start-section */
.additional-service-start-section {
  overflow: hidden;
  height: 850px;
  padding: 136px 0 146px;
  background-image: url("../../images/img/img_eduokpay_pay_bg.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media all and (max-width: 600px) {
  .additional-service-start-section {
    height: auto;
    padding: 65px 0 59px;
    background-image: url("../../images/img/m_img_eduokpay_pay_bg.png");
    background-position: top center;
  }
}
.additional-service-start-section .sub-sm-center {
  position: relative;
}
.additional-service-start-section .sub-sm-center .panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media all and (max-width: 600px) {
  .additional-service-start-section .sub-sm-center .panel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.additional-service-start-section .sub-sm-center .txt-wrap {
  margin-top: 20px;
}
@media all and (max-width: 600px) {
  .additional-service-start-section .sub-sm-center .txt-wrap {
    margin-top: 0;
  }
}
.additional-service-start-section .sub-sm-center .txt-wrap .top-txt-wrap {
  position: relative;
  margin-bottom: 211px;
}
@media all and (max-width: 600px) {
  .additional-service-start-section .sub-sm-center .txt-wrap .top-txt-wrap {
    margin-bottom: 88px;
  }
}
.additional-service-start-section .sub-sm-center .txt-wrap .top-txt-wrap::after {
  content: "";
  position: absolute;
  top: auto;
  left: 24px;
  bottom: -159px;
  width: 1px;
  height: 100px;
  background-color: #707070;
}
@media all and (max-width: 600px) {
  .additional-service-start-section .sub-sm-center .txt-wrap .top-txt-wrap::after {
    height: 47px;
    bottom: -68px;
    left: 9.5px;
  }
}
.additional-service-start-section .sub-sm-center .txt-wrap .top-txt-wrap .ttl {
  margin: 0 0 29px;
  font-size: 3rem;
  font-weight: 800;
  color: #fff;
}
@media all and (max-width: 600px) {
  .additional-service-start-section .sub-sm-center .txt-wrap .top-txt-wrap .ttl {
    max-width: 0 0 24px;
    font-size: 1.875rem;
  }
}
.additional-service-start-section .sub-sm-center .txt-wrap .top-txt-wrap .ttl .color-point {
  display: inline-block;
  color: #0987f5;
  margin-bottom: 9px;
}
@media all and (max-width: 600px) {
  .additional-service-start-section .sub-sm-center .txt-wrap .top-txt-wrap .ttl .color-point {
    margin-bottom: 5px;
  }
}
.additional-service-start-section .sub-sm-center .txt-wrap .top-txt-wrap .txt {
  font-size: 1.125rem;
  font-weight: 400;
  color: #aeaeae;
  line-height: 1.55;
  letter-spacing: -0.6px;
}
@media all and (max-width: 600px) {
  .additional-service-start-section .sub-sm-center .txt-wrap .top-txt-wrap .txt {
    font-size: 1rem;
    line-height: 1.48;
  }
}
.additional-service-start-section .sub-sm-center .txt-wrap .bottom-txt-wrap .bottom-ttl {
  font-size: 1.75rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.5px;
  line-height: 1.45;
  text-shadow: 0 3px 4px rgba(0, 31, 83, 0.4);
}
@media all and (max-width: 600px) {
  .additional-service-start-section .sub-sm-center .txt-wrap .bottom-txt-wrap .bottom-ttl {
    font-size: 1.25rem;
  }
}
.additional-service-start-section .sub-sm-center .txt-wrap .bottom-txt-wrap .bottom-ttl .bottom-ttl-line {
  z-index: 1;
  position: relative;
}
.additional-service-start-section .sub-sm-center .txt-wrap .bottom-txt-wrap .bottom-ttl .bottom-ttl-line::after {
  z-index: -1;
  position: absolute;
  content: "";
  top: auto;
  right: 50%;
  bottom: -5px;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  width: 103%;
  height: 20px;
  background-color: #0987f5;
}
@media all and (max-width: 600px) {
  .additional-service-start-section .sub-sm-center .txt-wrap .bottom-txt-wrap .bottom-ttl .bottom-ttl-line::after {
    width: 102%;
    height: 18px;
    bottom: -3px;
  }
}
.additional-service-start-section .sub-sm-center .additional-service-right-cont-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 37px;
  margin-right: -60px;
}
@media all and (max-width: 600px) {
  .additional-service-start-section .sub-sm-center .additional-service-right-cont-wrap {
    gap: 31px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-right: 0;
  }
}
.additional-service-start-section .sub-sm-center .additional-service-right-cont-wrap .problem-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 55px;
}
@media all and (max-width: 600px) {
  .additional-service-start-section .sub-sm-center .additional-service-right-cont-wrap .problem-wrap {
    gap: 31px;
  }
}
.additional-service-start-section .sub-sm-center .additional-service-right-cont-wrap .problem-wrap.problem-left-wrap {
  margin-top: 117px;
}
@media all and (max-width: 600px) {
  .additional-service-start-section .sub-sm-center .additional-service-right-cont-wrap .problem-wrap.problem-left-wrap {
    margin-top: 78px;
  }
}
.additional-service-start-section .sub-sm-center .additional-service-right-cont-wrap .problem-wrap .problem-list {
  position: relative;
  width: 380px;
  height: 298px;
  padding: 50px 20px 44px 38px;
  background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(255, 255, 255, 0.07)));
  background: linear-gradient(to top, transparent, rgba(255, 255, 255, 0.07));
  border-radius: 20px;
}
@media all and (max-width: 600px) {
  .additional-service-start-section .sub-sm-center .additional-service-right-cont-wrap .problem-wrap .problem-list {
    width: 100%;
    height: auto;
    padding: 36px 21px 28px;
    background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(255, 255, 255, 0.18)));
    background: linear-gradient(to top, transparent, rgba(255, 255, 255, 0.18));
  }
}
.additional-service-start-section .sub-sm-center .additional-service-right-cont-wrap .problem-wrap .problem-list .quotation-marks-wrap {
  width: 16.5px;
  margin-bottom: 14px;
}
@media all and (max-width: 600px) {
  .additional-service-start-section .sub-sm-center .additional-service-right-cont-wrap .problem-wrap .problem-list .quotation-marks-wrap {
    width: 21px;
    height: 14px;
    margin-bottom: 14.6px;
  }
}
.additional-service-start-section .sub-sm-center .additional-service-right-cont-wrap .problem-wrap .problem-list .problem-ttl {
  margin-bottom: 20px;
  font-size: 1.125rem;
  font-weight: 600;
  color: #fff;
  line-height: 1.5;
  letter-spacing: -0.5px;
}
@media all and (max-width: 600px) {
  .additional-service-start-section .sub-sm-center .additional-service-right-cont-wrap .problem-wrap .problem-list .problem-ttl {
    margin-bottom: 15px;
    font-size: 1.0625rem;
  }
}
.additional-service-start-section .sub-sm-center .additional-service-right-cont-wrap .problem-wrap .problem-list .problem-txt {
  font-size: 0.9375rem;
  font-weight: 400;
  color: #a7a7a7;
  line-height: 1.65;
  letter-spacing: -0.5px;
}
@media all and (max-width: 600px) {
  .additional-service-start-section .sub-sm-center .additional-service-right-cont-wrap .problem-wrap .problem-list .problem-txt {
    font-size: 0.875rem;
    line-height: 1.5;
    margin-bottom: 20px;
  }
}
.additional-service-start-section .sub-sm-center .additional-service-right-cont-wrap .problem-wrap .problem-list .problem-name {
  position: absolute;
  top: auto;
  bottom: 44px;
  padding: 9px 18px;
  border-radius: 19px;
  background-color: #272727;
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
  letter-spacing: -0.2px;
}
@media all and (max-width: 600px) {
  .additional-service-start-section .sub-sm-center .additional-service-right-cont-wrap .problem-wrap .problem-list .problem-name {
    position: relative;
    bottom: 0;
    display: block;
    width: 101px;
    padding: 9px 18px;
    text-align: center;
    font-size: 0.75rem;
  }
}
.additional-service-start-section .sub-sm-center .additional-service-right-cont-wrap .problem-wrap .problem-list .white-circle {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 36px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 92px;
  height: 92px;
  border-radius: 100%;
  border: 1px solid #707070;
}
@media all and (max-width: 600px) {
  .additional-service-start-section .sub-sm-center .additional-service-right-cont-wrap .problem-wrap .problem-list .white-circle {
    width: 86px;
    height: 86px;
    right: 27px;
  }
}
.additional-service-start-section .sub-sm-center .additional-service-right-cont-wrap .problem-wrap .problem-list .img-wrap {
  -o-object-fit: contain;
     object-fit: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 92px;
  height: 92px;
}
.additional-service-start-section .sub-sm-center .additional-service-right-cont-wrap .problem-wrap .problem-list .img-wrap img {
  height: 100%;
}
@media all and (max-width: 600px) {
  .additional-service-start-section .sub-sm-center .additional-service-right-cont-wrap .problem-wrap .problem-list .img-wrap {
    width: 86px;
    height: 86px;
  }
}

/* END additional-service-start-section */
/* additional-solution-section01 */
.additional-solution-section01 {
  padding: 164px 0 161px;
}
@media all and (max-width: 600px) {
  .additional-solution-section01 {
    padding: 75px 0 0;
  }
}
@media all and (max-width: 600px) {
  .additional-solution-section01 .sub-sm-center {
    padding: 0;
  }
}
.additional-solution-section01 .txt-wrap {
  margin-bottom: 66px;
}
@media all and (max-width: 600px) {
  .additional-solution-section01 .txt-wrap {
    margin-bottom: 38px;
  }
}
.additional-solution-section01 .txt-wrap .additional-common-ttl {
  margin-bottom: 29px;
  line-height: 1.3;
}
@media all and (max-width: 600px) {
  .additional-solution-section01 .txt-wrap .additional-common-ttl {
    margin-bottom: 25px;
    font-size: 1.625rem;
  }
}
.additional-solution-section01 .txt-wrap .additional-common-txt {
  font-size: 1rem;
}
@media all and (max-width: 600px) {
  .additional-solution-section01 .txt-wrap .additional-common-txt {
    font-size: 0.75rem;
    line-height: 1.6;
    letter-spacing: -0.3px;
  }
}
.additional-solution-section01 .txt-wrap .additional-common-txt.color-point {
  color: #ff6363;
}
.additional-solution-section01 .video-wrap {
  width: 100%;
}
.additional-solution-section01 .video-wrap .additional-solution-video {
  border: none;
  -o-object-fit: fill;
     object-fit: fill;
}
@media all and (max-width: 600px) {
  .additional-solution-section01 .video-wrap .additional-solution-video {
    width: 100%;
  }
}

/* END additional-solution-section01 */
/* additional-receive-system-section */
.additional-receive-system-section {
  position: relative;
  width: 100%;
  height: 700px;
  padding: 120px 0 75px;
  background-image: url("../../images/img/img_eduokpay_review_bg.png");
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
  /* swiper slider */
}
@media all and (max-width: 600px) {
  .additional-receive-system-section {
    padding: 63px 0 37px;
    height: 523px;
    background-image: none;
    background-color: #f9fafb;
  }
}
.additional-receive-system-section .bottom-blue-bg {
  position: absolute;
  width: 106%;
  height: 215px;
  top: auto;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #0145ab;
}
@media all and (max-width: 600px) {
  .additional-receive-system-section .bottom-blue-bg {
    height: 138px;
  }
}
.additional-receive-system-section .additional-receive-system-txt-wrap {
  margin-bottom: 59px;
}
@media all and (max-width: 600px) {
  .additional-receive-system-section .additional-receive-system-txt-wrap {
    margin-bottom: 36px;
  }
}
.additional-receive-system-section .additional-receive-system-txt-wrap .additional-common-ttl {
  text-align: left;
  margin-bottom: 24px;
  line-height: 1.32;
}
@media all and (max-width: 600px) {
  .additional-receive-system-section .additional-receive-system-txt-wrap .additional-common-ttl {
    margin-bottom: 18px;
    text-align: center;
  }
}
.additional-receive-system-section .additional-receive-system-txt-wrap .additional-common-txt {
  text-align: left;
  color: #393939;
}
@media all and (max-width: 600px) {
  .additional-receive-system-section .additional-receive-system-txt-wrap .additional-common-txt {
    text-align: center;
  }
}
.additional-receive-system-section .additional-receive-system-swiper .swiper-wrapper .swiper-slide {
  padding: 31px 34px;
  background-color: #fff;
  border-radius: 24px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0, 8px, 16px, rgba(55, 55, 55, 0.06);
          box-shadow: 0, 8px, 16px, rgba(55, 55, 55, 0.06);
  width: 376px;
  height: 290px;
}
@media all and (max-width: 600px) {
  .additional-receive-system-section .additional-receive-system-swiper .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 284px;
    padding: 24px 26px;
  }
}
.additional-receive-system-section .additional-receive-system-swiper .swiper-wrapper .swiper-slide:hover {
  position: relative;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
}
@media all and (max-width: 600px) {
  .additional-receive-system-section .additional-receive-system-swiper .swiper-wrapper .swiper-slide:hover {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
.additional-receive-system-section .additional-receive-system-swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
}
@media all and (max-width: 600px) {
  .additional-receive-system-section .additional-receive-system-swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
.additional-receive-system-section .additional-receive-system-swiper .swiper-wrapper .swiper-slide .receive-system-top-cont-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
  margin-bottom: 26px;
}
@media all and (max-width: 600px) {
  .additional-receive-system-section .additional-receive-system-swiper .swiper-wrapper .swiper-slide .receive-system-top-cont-wrap {
    gap: 20px;
  }
}
.additional-receive-system-section .additional-receive-system-swiper .swiper-wrapper .swiper-slide .receive-system-top-cont-wrap .logo-wrap {
  overflow: hidden;
  width: 76px;
  height: 76px;
  border-radius: 20px;
  border: 1px solid #eeeeee;
}
@media all and (max-width: 600px) {
  .additional-receive-system-section .additional-receive-system-swiper .swiper-wrapper .swiper-slide .receive-system-top-cont-wrap .logo-wrap {
    width: 80px;
    height: 80px;
    border-radius: 24px;
  }
}
.additional-receive-system-section .additional-receive-system-swiper .swiper-wrapper .swiper-slide .receive-system-top-cont-wrap .logo-wrap .img-wrap {
  width: 76px;
  height: 76px;
}
@media all and (max-width: 600px) {
  .additional-receive-system-section .additional-receive-system-swiper .swiper-wrapper .swiper-slide .receive-system-top-cont-wrap .logo-wrap .img-wrap {
    width: 80px;
    height: 80px;
  }
}
.additional-receive-system-section .additional-receive-system-swiper .swiper-wrapper .swiper-slide .receive-system-top-cont-wrap .txt-wrap .academy-name {
  margin-bottom: 6px;
  font-size: 1.25rem;
  font-weight: 600;
  color: #000;
}
.additional-receive-system-section .additional-receive-system-swiper .swiper-wrapper .swiper-slide .receive-system-top-cont-wrap .txt-wrap .sub-txt {
  font-size: 1rem;
  font-weight: 600;
  color: #929292;
}
.additional-receive-system-section .additional-receive-system-swiper .swiper-wrapper .swiper-slide .receive-system-bottom-cont-wrap .receive-system-review {
  font-size: 1rem;
  font-weight: 400;
  color: #262626;
  line-height: 1.58;
}
@media all and (max-width: 600px) {
  .additional-receive-system-section .additional-receive-system-swiper .swiper-wrapper .swiper-slide .receive-system-bottom-cont-wrap .receive-system-review {
    font-size: 0.9375rem;
  }
}

/* END additional-receive-system-section */
/* payment-system-section */
.additional-payment-system-section {
  padding: 173px 0 170px;
}
@media all and (max-width: 600px) {
  .additional-payment-system-section {
    padding: 73px 0 53px;
  }
}
.additional-payment-system-section .txt-wrap {
  margin-bottom: 54px;
}
@media all and (max-width: 600px) {
  .additional-payment-system-section .txt-wrap {
    margin-bottom: 38px;
  }
}
.additional-payment-system-section .txt-wrap .additional-common-ttl {
  margin-bottom: 27px;
  line-height: 1.3;
}
@media all and (max-width: 600px) {
  .additional-payment-system-section .txt-wrap .additional-common-ttl {
    margin-bottom: 20px;
    line-height: 1.4;
  }
}
.additional-payment-system-section .txt-wrap .additional-common-txt {
  font-size: 0.9375rem;
  color: #777777;
}
.additional-payment-system-section .txt-wrap .additional-common-txt.type-easy {
  font-size: 1.125rem;
}
@media all and (max-width: 600px) {
  .additional-payment-system-section .txt-wrap .additional-common-txt {
    font-size: 0.875rem;
    line-height: 1.5;
    color: #393939;
  }
}
.additional-payment-system-section .cont-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 39px;
  position: relative;
  padding: 0 20px;
}
@media all and (max-width: 600px) {
  .additional-payment-system-section .cont-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    gap: 18px;
  }
}
.additional-payment-system-section .cont-wrap .payment-system-cont {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: calc((100% - 39px) / 2);
  height: 524px;
  background-color: #fff;
  border: 0px solid #ececec;
  border-radius: 40px;
}
@media all and (max-width: 600px) {
  .additional-payment-system-section .cont-wrap .payment-system-cont {
    width: 100%;
    height: 420px;
    border-radius: 26px;
    border: none;
  }
}
.additional-payment-system-section .cont-wrap .payment-system-cont .top-img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}
@media all and (max-width: 600px) {
  .additional-payment-system-section .cont-wrap .payment-system-cont .top-img-wrap {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    height: 366px;
  }
  .additional-payment-system-section .cont-wrap .payment-system-cont .top-img-wrap .payment-sys-cont-img {
    height: 335px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.additional-payment-system-section .cont-wrap .payment-system-cont .bottom-txt-wrap {
  width: 100%;
  height: 96px;
  padding: 19px 0 22px;
  background-color: #0b1f43;
  text-align: center;
}
@media all and (max-width: 600px) {
  .additional-payment-system-section .cont-wrap .payment-system-cont .bottom-txt-wrap {
    height: 83px;
    padding: 17px 0 21px;
  }
}
.additional-payment-system-section .cont-wrap .payment-system-cont .bottom-txt-wrap .txt {
  font-size: 1.0625rem;
  font-weight: 300;
  color: #fff;
  margin-bottom: 5px;
}
@media all and (max-width: 600px) {
  .additional-payment-system-section .cont-wrap .payment-system-cont .bottom-txt-wrap .txt {
    font-size: 0.875rem;
  }
}
.additional-payment-system-section .cont-wrap .payment-system-cont .bottom-txt-wrap .ttl {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
}
@media all and (max-width: 600px) {
  .additional-payment-system-section .cont-wrap .payment-system-cont .bottom-txt-wrap .ttl {
    font-size: 1.25rem;
  }
}
.additional-payment-system-section .cont-wrap .plus-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 110px;
  height: 110px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='114' height='114' viewBox='0 0 114 114'%3E%3Cdefs%3E%3Cfilter id='패스_11771' x='0' y='0' width='114' height='114' filterUnits='userSpaceOnUse'%3E%3CfeOffset dy='3' input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='7' result='blur'/%3E%3CfeFlood flood-color='%23213454' flood-opacity='0.078'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg id='그룹_300' data-name='그룹 300' transform='translate(-905 -6560)'%3E%3Cg id='그룹_56525' data-name='그룹 56525'%3E%3Cg transform='matrix(1, 0, 0, 1, 905, 6560)' filter='url(%23패스_11771)'%3E%3Cg id='패스_11771-2' data-name='패스 11771' transform='translate(21 18)' fill='%23fff'%3E%3Cpath d='M 36 71.5 C 31.20730972290039 71.5 26.55825042724609 70.56146240234375 22.18194961547852 68.71044158935547 C 17.9547004699707 66.92246246337891 14.15812969207764 64.36270904541016 10.89770984649658 61.10229110717773 C 7.637290000915527 57.84186935424805 5.077539920806885 54.0452995300293 3.289560079574585 49.81805038452148 C 1.438539981842041 45.44174957275391 0.5 40.79269027709961 0.5 36 C 0.5 31.20730972290039 1.438539981842041 26.55825042724609 3.289560079574585 22.18194961547852 C 5.077539920806885 17.9547004699707 7.637290000915527 14.15812969207764 10.89770984649658 10.89770984649658 C 14.15812969207764 7.637290000915527 17.9547004699707 5.077539920806885 22.18194961547852 3.289560079574585 C 26.55825042724609 1.438539981842041 31.20730972290039 0.5 36 0.5 C 40.79269027709961 0.5 45.44174957275391 1.438539981842041 49.81805038452148 3.289560079574585 C 54.0452995300293 5.077539920806885 57.84186935424805 7.637290000915527 61.10229110717773 10.89770984649658 C 64.36270904541016 14.15812969207764 66.92246246337891 17.9547004699707 68.71044158935547 22.18194961547852 C 70.56146240234375 26.55825042724609 71.5 31.20730972290039 71.5 36 C 71.5 40.79269027709961 70.56146240234375 45.44174957275391 68.71044158935547 49.81805038452148 C 66.92246246337891 54.0452995300293 64.36270904541016 57.84186935424805 61.10229110717773 61.10229110717773 C 57.84186935424805 64.36270904541016 54.0452995300293 66.92246246337891 49.81805038452148 68.71044158935547 C 45.44174957275391 70.56146240234375 40.79269027709961 71.5 36 71.5 Z' stroke='none'/%3E%3Cpath d='M 36 1 C 31.27458953857422 1 26.69105911254883 1.925247192382812 22.37673187255859 3.75006103515625 C 18.20906829833984 5.512832641601562 14.46591949462891 8.036598205566406 11.25125885009766 11.25125885009766 C 8.036598205566406 14.46591949462891 5.512832641601562 18.20906829833984 3.75006103515625 22.37673187255859 C 1.925247192382812 26.69105911254883 1 31.27458953857422 1 36 C 1 40.72541046142578 1.925247192382812 45.30894088745117 3.75006103515625 49.62326812744141 C 5.512832641601562 53.79093170166016 8.036598205566406 57.53408050537109 11.25125885009766 60.74874114990234 C 14.46591949462891 63.96340179443359 18.20906829833984 66.48716735839844 22.37673187255859 68.24993896484375 C 26.69105911254883 70.07475280761719 31.27458953857422 71 36 71 C 40.72541046142578 71 45.30894088745117 70.07475280761719 49.62326812744141 68.24993896484375 C 53.79093170166016 66.48716735839844 57.53408050537109 63.96340179443359 60.74874114990234 60.74874114990234 C 63.96340179443359 57.53408050537109 66.48716735839844 53.79093170166016 68.24993896484375 49.62326812744141 C 70.07475280761719 45.30894088745117 71 40.72541046142578 71 36 C 71 31.27458953857422 70.07475280761719 26.69105911254883 68.24993896484375 22.37673187255859 C 66.48716735839844 18.20906829833984 63.96340179443359 14.46591949462891 60.74874114990234 11.25125885009766 C 57.53408050537109 8.036598205566406 53.79093170166016 5.512832641601562 49.62326812744141 3.75006103515625 C 45.30894088745117 1.925247192382812 40.72541046142578 1 36 1 M 36 0 C 55.88224792480469 0 72 16.11774826049805 72 36 C 72 55.88224792480469 55.88224792480469 72 36 72 C 16.11774826049805 72 0 55.88224792480469 0 36 C 0 16.11774826049805 16.11774826049805 0 36 0 Z' stroke='none' fill='%23dde3ef'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_259' data-name='그룹 259' transform='translate(20.313 -7.5)'%3E%3Cline id='선_3124' data-name='선 3124' x2='26' transform='translate(928.688 6621.621)' fill='none' stroke='%238c97ac' stroke-linecap='round' stroke-width='4'/%3E%3Cline id='선_3125' data-name='선 3125' x2='26' transform='translate(941.688 6608.5) rotate(90)' fill='none' stroke='%238c97ac' stroke-linecap='round' stroke-width='4'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media all and (max-width: 600px) {
  .additional-payment-system-section .cont-wrap .plus-icon {
    width: 72px;
    height: 72px;
  }
}

/* END payment-system-section */
/* additional-solution-section */
.additional-solution-section02 {
  padding: 140px 0 146px;
}
@media all and (max-width: 600px) {
  .additional-solution-section02 {
    padding: 56px 0 71px;
  }
}
.additional-solution-section02 .txt-wrap {
  margin-bottom: 174px;
}
@media all and (max-width: 600px) {
  .additional-solution-section02 .txt-wrap {
    margin-bottom: 72px;
  }
}
.additional-solution-section02 .txt-wrap .additional-common-ttl {
  margin-bottom: 29px;
  line-height: 1.3;
}
@media all and (max-width: 600px) {
  .additional-solution-section02 .txt-wrap .additional-common-ttl {
    margin-bottom: 25px;
  }
}
.additional-solution-section02 .txt-wrap .additional-common-txt {
  font-size: 1rem;
}
@media all and (max-width: 600px) {
  .additional-solution-section02 .txt-wrap .additional-common-txt {
    font-size: 0.75rem;
    line-height: 1.5;
  }
}
.additional-solution-section02 .cont-wrap {
  position: relative;
}
.additional-solution-section02 .cont-wrap .left-img-wrap {
  position: relative;
  width: 893px;
  height: 605px;
}
.additional-solution-section02 .cont-wrap .left-img-wrap .img-wrap {
  width: 893px;
  height: 605px;
}
.additional-solution-section02 .cont-wrap .additional-solution-btn {
  position: absolute;
  top: 200px;
  left: auto;
  right: 31px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 124px;
  height: 40px;
  background-color: rgba(0, 60, 161, 0.07);
  border-radius: 8px;
}
.additional-solution-section02 .cont-wrap .additional-solution-btn .additional-solution-btn-txt {
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 700;
  color: #003ca1;
}
.additional-solution-section02 .cont-wrap .txt-wrap {
  position: absolute;
  top: 0;
  right: 125px;
}
@media all and (max-width: 600px) {
  .additional-solution-section02 .cont-wrap .txt-wrap {
    position: relative;
    right: auto;
    margin-bottom: 52px;
  }
}
.additional-solution-section02 .cont-wrap .txt-wrap .sub-txt {
  font-size: 1rem;
  font-weight: 700;
  color: #0987f5;
  letter-spacing: -0.4px;
}
@media all and (max-width: 600px) {
  .additional-solution-section02 .cont-wrap .txt-wrap .sub-txt {
    font-size: 0.875rem;
    text-align: center;
  }
}
.additional-solution-section02 .cont-wrap .txt-wrap .ttl {
  margin: 13px 0 27px;
  font-size: 3rem;
  font-weight: 800;
  color: #000;
  letter-spacing: -0.6px;
}
@media all and (max-width: 600px) {
  .additional-solution-section02 .cont-wrap .txt-wrap .ttl {
    margin: 8px 0 20px;
    font-size: 1.625rem;
    text-align: center;
  }
}
.additional-solution-section02 .cont-wrap .txt-wrap .txt {
  font-size: 1.125rem;
  font-weight: 400;
  color: #393939;
  line-height: 1.6;
}
@media all and (max-width: 600px) {
  .additional-solution-section02 .cont-wrap .txt-wrap .txt {
    font-size: 0.9375rem;
    text-align: center;
    line-height: 1.45;
  }
}
.additional-solution-section02 .cont-wrap .solution-mo-img-wrap {
  width: 100%;
}
.additional-solution-section02 .bottom-cont-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.additional-solution-section02 .bottom-cont-wrap .txt-wrap .sub-txt {
  font-size: 1rem;
  font-weight: 700;
  color: #0987f5;
  letter-spacing: -0.4px;
}
.additional-solution-section02 .bottom-cont-wrap .txt-wrap .ttl {
  margin: 13px 0 27px;
  font-size: 3rem;
  font-weight: 800;
  color: #000;
  letter-spacing: -0.6px;
}
.additional-solution-section02 .bottom-cont-wrap .txt-wrap .txt {
  font-size: 1.125rem;
  font-weight: 400;
  color: #393939;
  line-height: 1.65;
}
.additional-solution-section02 .bottom-cont-wrap .solution-payment-cont-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 34px;
  width: 700px;
  height: 272px;
  padding: 46px 66px;
  border-radius: 30px;
  background-color: #fff;
  -webkit-box-shadow: -15px 13px 36px rgba(209, 215, 222, 0.6);
          box-shadow: -15px 13px 36px rgba(209, 215, 222, 0.6);
}
@media all and (max-width: 600px) {
  .additional-solution-section02 .bottom-cont-wrap .solution-payment-cont-wrap {
    gap: 20px;
  }
}

/* END additional-solution-section */
/* additional-solution-bottom-section02 */
.additional-solution-bottom-section02 {
  padding-bottom: 178px;
  background-color: #f9fafb;
}
@media all and (max-width: 600px) {
  .additional-solution-bottom-section02 {
    padding-bottom: 57px;
  }
}
.additional-solution-bottom-section02 .solution-bottom-cont-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media all and (max-width: 600px) {
  .additional-solution-bottom-section02 .solution-bottom-cont-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media all and (max-width: 600px) {
  .additional-solution-bottom-section02 .solution-bottom-cont-wrap .txt-wrap {
    margin-bottom: 32px;
  }
}
.additional-solution-bottom-section02 .solution-bottom-cont-wrap .txt-wrap .sub-txt {
  font-size: 1rem;
  font-weight: 700;
  color: #0987f5;
  letter-spacing: -0.4px;
}
@media all and (max-width: 600px) {
  .additional-solution-bottom-section02 .solution-bottom-cont-wrap .txt-wrap .sub-txt {
    font-size: 0.875rem;
    text-align: center;
  }
}
.additional-solution-bottom-section02 .solution-bottom-cont-wrap .txt-wrap .ttl {
  margin: 13px 0 27px;
  font-size: 3rem;
  font-weight: 800;
  color: #000;
  letter-spacing: -0.6px;
}
@media all and (max-width: 600px) {
  .additional-solution-bottom-section02 .solution-bottom-cont-wrap .txt-wrap .ttl {
    margin: 8px 0 20px;
    font-size: 1.625rem;
    text-align: center;
  }
}
.additional-solution-bottom-section02 .solution-bottom-cont-wrap .txt-wrap .txt {
  font-size: 1.125rem;
  font-weight: 400;
  color: #393939;
  line-height: 1.65;
}
@media all and (max-width: 600px) {
  .additional-solution-bottom-section02 .solution-bottom-cont-wrap .txt-wrap .txt {
    font-size: 0.9375rem;
    text-align: center;
  }
}
.additional-solution-bottom-section02 .solution-bottom-cont-wrap .solution-payment-cont-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 34px;
  width: 700px;
  height: 272px;
  padding: 46px 66px;
  border-radius: 30px;
  background-color: #fff;
  -webkit-box-shadow: -15px 13px 36px rgba(209, 215, 222, 0.6);
          box-shadow: -15px 13px 36px rgba(209, 215, 222, 0.6);
}
@media all and (max-width: 600px) {
  .additional-solution-bottom-section02 .solution-bottom-cont-wrap .solution-payment-cont-wrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: auto;
    padding: 18px 18px 22px;
    gap: 10px;
    border-radius: 20px;
  }
}
.additional-solution-bottom-section02 .solution-bottom-cont-wrap .solution-payment-cont-wrap .solution-payment-list .gray-circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 132px;
  height: 132px;
  background-color: #f5f5f5;
  border: 1px solid #efefef;
  border-radius: 100%;
}
@media all and (max-width: 600px) {
  .additional-solution-bottom-section02 .solution-bottom-cont-wrap .solution-payment-cont-wrap .solution-payment-list .gray-circle {
    width: 82px;
    height: 82px;
    line-height: 1.4;
  }
}
@media all and (max-width: 350px) {
  .additional-solution-bottom-section02 .solution-bottom-cont-wrap .solution-payment-cont-wrap .solution-payment-list .gray-circle {
    width: 68px;
    height: 68px;
  }
}
.additional-solution-bottom-section02 .solution-bottom-cont-wrap .solution-payment-cont-wrap .solution-payment-list .gray-circle .img-wrap {
  width: 90px;
  height: 90px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media all and (max-width: 600px) {
  .additional-solution-bottom-section02 .solution-bottom-cont-wrap .solution-payment-cont-wrap .solution-payment-list .gray-circle .img-wrap {
    width: 58px;
    height: 58px;
  }
}
.additional-solution-bottom-section02 .solution-bottom-cont-wrap .solution-payment-cont-wrap .solution-payment-list .txt {
  margin-top: 20px;
  font-size: 1.25rem;
  font-weight: 500;
  color: #393939;
  text-align: center;
}
@media all and (max-width: 600px) {
  .additional-solution-bottom-section02 .solution-bottom-cont-wrap .solution-payment-cont-wrap .solution-payment-list .txt {
    margin-top: 14px;
    font-size: 0.875rem;
    line-height: 1.5;
  }
}
.additional-solution-bottom-section02 .solution-bottom-cont-wrap .solution-payment-cont-wrap .plus-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-bottom: 43px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.5' height='20.5' viewBox='0 0 20.5 20.5'%3E%3Cg id='그룹_466' data-name='그룹 466' transform='translate(-747.25 -5446.25)'%3E%3Cline id='선_3156' data-name='선 3156' x2='18' transform='translate(748.5 5456.5)' fill='none' stroke='%23acacac' stroke-linecap='round' stroke-width='2.5'/%3E%3Cline id='선_3157' data-name='선 3157' x2='18' transform='translate(757.5 5447.5) rotate(90)' fill='none' stroke='%23acacac' stroke-linecap='round' stroke-width='2.5'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media all and (max-width: 600px) {
  .additional-solution-bottom-section02 .solution-bottom-cont-wrap .solution-payment-cont-wrap .plus-icon {
    width: 12px;
    height: 12px;
  }
}

/* END additional-solution-bottom-section02 */
/* additional-service-section */
.additional-service-section {
  padding: 160px 0 165px;
}
@media all and (max-width: 600px) {
  .additional-service-section {
    padding: 47px 0 74px;
  }
}
.additional-service-section .txt-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 27px;
  margin-bottom: 37px;
}
@media all and (max-width: 600px) {
  .additional-service-section .txt-wrap {
    gap: 14px;
    margin-bottom: 15px;
  }
}
.additional-service-section .txt-wrap .file-img-wrap {
  width: 173px;
  height: 150px;
}
@media all and (max-width: 600px) {
  .additional-service-section .txt-wrap .file-img-wrap {
    width: 81px;
    height: 70px;
  }
}
.additional-service-section .txt-wrap .additional-common-ttl {
  text-align: left;
  line-height: 1.29;
  letter-spacing: -1px;
}
@media all and (max-width: 600px) {
  .additional-service-section .txt-wrap .additional-common-ttl {
    font-size: 1.375rem;
    font-weight: 800;
  }
}
.additional-service-section .txt-wrap .additional-common-ttl .color-point-blue {
  line-height: 1.29;
  letter-spacing: -1px;
}

/* END additional-service-section */
/* ===============================================

attendance page

=============================================== */
.attendance-main-banner-left-icon {
  z-index: 2;
  position: absolute;
  right: 386px;
  bottom: 242px;
}
@media all and (max-width: 600px) {
  .attendance-main-banner-left-icon {
    width: 73px;
    height: 76px;
    right: 146px;
    bottom: 91px;
  }
}

.attendance-main-banner-right-icon {
  z-index: 0;
  position: absolute;
  bottom: 186px;
  right: 37px;
}
@media all and (max-width: 600px) {
  .attendance-main-banner-right-icon {
    width: 43px;
    height: 46px;
    right: 15px;
    bottom: 68px;
  }
}

/* attendance-equipment-section */
.attendance-equipment-section {
  padding: 186px 0 167px;
  background-image: url("../../images/img/img_attendance_ict_bg.png");
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}
@media all and (max-width: 600px) {
  .attendance-equipment-section {
    padding: 61px 0 57px;
    background-image: url("../../images/img/m_img_eduokpay_ict_bg.png");
    background-size: contain;
  }
}
.attendance-equipment-section .txt-wrap {
  margin-bottom: 66px;
}
@media all and (max-width: 600px) {
  .attendance-equipment-section .txt-wrap {
    margin-bottom: 42px;
  }
}
.attendance-equipment-section .txt-wrap .additional-common-ttl {
  margin-bottom: 29px;
  text-align: left;
  line-height: 1.28;
}
@media all and (max-width: 600px) {
  .attendance-equipment-section .txt-wrap .additional-common-ttl {
    margin-bottom: 18px;
  }
}
.attendance-equipment-section .txt-wrap .additional-common-txt {
  text-align: left;
  color: #393939;
  line-height: 1.6;
}
@media all and (max-width: 600px) {
  .attendance-equipment-section .txt-wrap .additional-common-txt {
    line-height: 1.53;
  }
}
.attendance-equipment-section .attendance-equipment-cont-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media all and (max-width: 600px) {
  .attendance-equipment-section .attendance-equipment-cont-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 14px;
  }
}
.attendance-equipment-section .attendance-equipment-cont-wrap .attendance-equipment-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: calc((100% - 24px) / 2);
  height: 305px;
  padding: 82px 56px 48px 50px;
  background-color: #f2f5f8;
  border-radius: 20px;
}
@media all and (max-width: 600px) {
  .attendance-equipment-section .attendance-equipment-cont-wrap .attendance-equipment-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 21px;
    width: 100%;
    height: auto;
    padding: 32px 18px 24px;
  }
}
.attendance-equipment-section .attendance-equipment-cont-wrap .attendance-equipment-list:hover {
  padding: 53px 56px 48px 50px;
  height: 305px;
}
@media all and (max-width: 600px) {
  .attendance-equipment-section .attendance-equipment-cont-wrap .attendance-equipment-list:hover {
    height: auto;
    padding: 32px 18px 24px;
  }
}
.attendance-equipment-section .attendance-equipment-cont-wrap .attendance-equipment-list:hover .equipment-txt-none-hover {
  opacity: 0;
}
.attendance-equipment-section .attendance-equipment-cont-wrap .attendance-equipment-list:hover .equipment-txt-hover {
  opacity: 1 !important;
}
.attendance-equipment-section .attendance-equipment-cont-wrap .attendance-equipment-list:hover .next-icon {
  -webkit-animation-name: horizontal-scroll;
          animation-name: horizontal-scroll;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
}
.attendance-equipment-section .attendance-equipment-cont-wrap .attendance-equipment-list .attendance-equipment-txt-wrap .top-txt-wrap {
  margin-bottom: 58px;
}
@media all and (max-width: 600px) {
  .attendance-equipment-section .attendance-equipment-cont-wrap .attendance-equipment-list .attendance-equipment-txt-wrap .top-txt-wrap {
    margin-bottom: 19px;
  }
}
.attendance-equipment-section .attendance-equipment-cont-wrap .attendance-equipment-list .attendance-equipment-txt-wrap .top-txt-wrap .equipment-array {
  position: relative;
  width: 265px;
}
.attendance-equipment-section .attendance-equipment-cont-wrap .attendance-equipment-list .attendance-equipment-txt-wrap .top-txt-wrap .equipment-ttl {
  margin-bottom: 17px;
  font-size: 1.875rem;
  font-weight: 700;
  color: #000;
}
@media all and (max-width: 600px) {
  .attendance-equipment-section .attendance-equipment-cont-wrap .attendance-equipment-list .attendance-equipment-txt-wrap .top-txt-wrap .equipment-ttl {
    margin-bottom: 10px;
    font-size: 1.25rem;
  }
}
.attendance-equipment-section .attendance-equipment-cont-wrap .attendance-equipment-list .attendance-equipment-txt-wrap .top-txt-wrap .equipment-txt {
  font-size: 1rem;
  font-weight: 400;
  color: #2d2d2d;
  line-height: 1.32;
  letter-spacing: -0.4px;
}
@media all and (max-width: 600px) {
  .attendance-equipment-section .attendance-equipment-cont-wrap .attendance-equipment-list .attendance-equipment-txt-wrap .top-txt-wrap .equipment-txt {
    font-size: 0.875rem;
    letter-spacing: -0.6px;
  }
}
.attendance-equipment-section .attendance-equipment-cont-wrap .attendance-equipment-list .attendance-equipment-txt-wrap .top-txt-wrap .equipment-txt.equipment-txt-none-hover {
  position: absolute;
  top: 0;
  left: 0;
}
.attendance-equipment-section .attendance-equipment-cont-wrap .attendance-equipment-list .attendance-equipment-txt-wrap .top-txt-wrap .equipment-txt.equipment-txt-hover {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.attendance-equipment-section .attendance-equipment-cont-wrap .attendance-equipment-list .attendance-equipment-txt-wrap .equipment-btn {
  position: absolute;
  bottom: 48px;
}
@media all and (max-width: 600px) {
  .attendance-equipment-section .attendance-equipment-cont-wrap .attendance-equipment-list .attendance-equipment-txt-wrap .equipment-btn {
    position: static;
  }
}
.attendance-equipment-section .attendance-equipment-cont-wrap .attendance-equipment-list .attendance-equipment-txt-wrap .equipment-btn .equipment-btn-link {
  font-size: 1rem;
  font-weight: 600;
  color: #52b4e9;
}
@media all and (max-width: 600px) {
  .attendance-equipment-section .attendance-equipment-cont-wrap .attendance-equipment-list .attendance-equipment-txt-wrap .equipment-btn .equipment-btn-link {
    font-size: 0.875rem;
  }
}
.attendance-equipment-section .attendance-equipment-cont-wrap .attendance-equipment-list .attendance-equipment-txt-wrap .equipment-btn .equipment-btn-link .next-icon {
  display: inline-block;
  width: 5px;
  height: 10px;
  margin-left: 9.5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.254' height='11.032' viewBox='0 0 6.254 11.032'%3E%3Cg id='그룹_122' data-name='그룹 122' transform='translate(0.99 0.99)'%3E%3Cline id='선_3065' data-name='선 3065' x2='4.275' y2='4.526' transform='translate(0)' fill='none' stroke='%2352b4e9' stroke-linecap='round' stroke-width='1.4'/%3E%3Cline id='선_3066' data-name='선 3066' x1='4.275' y2='4.526' transform='translate(0 4.526)' fill='none' stroke='%2352b4e9' stroke-linecap='round' stroke-width='1.4'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media all and (max-width: 600px) {
  .attendance-equipment-section .attendance-equipment-cont-wrap .attendance-equipment-list .attendance-equipment-txt-wrap .equipment-btn .equipment-btn-link .next-icon {
    width: 4px;
    height: 8px;
    margin-left: 8px;
  }
}
.attendance-equipment-section .attendance-equipment-cont-wrap .attendance-equipment-list .attendance-equipment-img-wrap {
  position: absolute;
  top: auto;
  bottom: 48px;
  left: auto;
  right: 56px;
  width: 157px;
  height: 186px;
}
@media all and (max-width: 600px) {
  .attendance-equipment-section .attendance-equipment-cont-wrap .attendance-equipment-list .attendance-equipment-img-wrap {
    position: relative;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 105px;
    height: 124px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.attendance-equipment-section .attendance-equipment-cont-wrap .attendance-equipment-list:hover {
  background: linear-gradient(135deg, #01070c, #3a6285);
}
.attendance-equipment-section .attendance-equipment-cont-wrap .attendance-equipment-list:hover .attendance-equipment-txt-wrap .top-txt-wrap .equipment-ttl {
  color: #fff;
}
.attendance-equipment-section .attendance-equipment-cont-wrap .attendance-equipment-list:hover .attendance-equipment-txt-wrap .top-txt-wrap .equipment-txt {
  color: #fff;
}

/* END attendance-equipment-section */
/* attendance-voice-section */
.attendance-voice-section {
  padding: 124px 0 74px;
  background-image: url("../../images/img/img_attendance_game_bg.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media all and (max-width: 600px) {
  .attendance-voice-section {
    padding: 62px 0 28px;
    background-image: url("../../images/img/m_img_eduokpay_game_bg.png");
  }
}
.attendance-voice-section .voice-txt-wrap .additional-common-ttl {
  margin-bottom: 19px;
  text-align: left;
  color: #fff;
}
@media all and (max-width: 600px) {
  .attendance-voice-section .voice-txt-wrap .additional-common-ttl {
    font-size: 1.875rem;
    margin-bottom: 19.5px;
    text-align: center;
  }
}
.attendance-voice-section .voice-txt-wrap .additional-common-txt {
  margin-bottom: 37px;
  font-size: 1.125rem;
  font-weight: 400;
  text-align: left;
  color: #cecece;
}
@media all and (max-width: 600px) {
  .attendance-voice-section .voice-txt-wrap .additional-common-txt {
    margin-bottom: 26.5px;
    font-size: 1rem;
    text-align: center;
    line-height: 1.5;
  }
}
.attendance-voice-section .voice-txt-wrap .voice-btn {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 164px;
  height: 50px;
  margin-bottom: 62px;
  padding: 16px 32.5px;
  background-color: rgba(255, 255, 255, 0.16);
  border-radius: 10px;
}
@media all and (max-width: 600px) {
  .attendance-voice-section .voice-txt-wrap .voice-btn {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto 289px;
    background-color: #000;
    border: 1px solid #393939;
    border-radius: 10px;
  }
}
.attendance-voice-section .voice-txt-wrap .voice-btn .voice-btn-link {
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.attendance-voice-section .voice-txt-wrap .voice-btn .voice-btn-link .voice-next-icon {
  display: inline-block;
  width: 15px;
  height: 8px;
  margin-left: 17.5px;
  margin-bottom: 1px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.627' height='9.415' viewBox='0 0 15.627 9.415'%3E%3Cg id='그룹_33939' data-name='그룹 33939' transform='translate(0.5 0.707)'%3E%3Cline id='선_3045' data-name='선 3045' x2='14' transform='translate(0 4.001)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1'/%3E%3Cg id='그룹_43' data-name='그룹 43' transform='translate(10.42)'%3E%3Cline id='선_3046' data-name='선 3046' x2='4' y2='4' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1'/%3E%3Cline id='선_3047' data-name='선 3047' x1='4' y2='4' transform='translate(0 4)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-animation-name: horizontal-scroll;
          animation-name: horizontal-scroll;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.attendance-voice-section .voice-txt-wrap .voice-btn:hover {
  background-color: #fff;
}
.attendance-voice-section .voice-txt-wrap .voice-btn:hover .voice-btn-link {
  color: #0a0a0a;
}
.attendance-voice-section .voice-txt-wrap .voice-btn:hover .voice-btn-link .voice-next-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.627' height='9.415' viewBox='0 0 15.627 9.415'%3E%3Cg id='그룹_33939' data-name='그룹 33939' transform='translate(0.5 0.707)'%3E%3Cline id='선_3045' data-name='선 3045' x2='14' transform='translate(0 4.001)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1'/%3E%3Cg id='그룹_43' data-name='그룹 43' transform='translate(10.42)'%3E%3Cline id='선_3046' data-name='선 3046' x2='4' y2='4' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1'/%3E%3Cline id='선_3047' data-name='선 3047' x1='4' y2='4' transform='translate(0 4)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
@media all and (max-width: 600px) {
  .attendance-voice-section .attendance-voice-img-wrap {
    width: 345px;
    height: 88px;
    margin: 0 auto;
  }
}

/* END attendance-voice-section */
/* attendance-table-section */
@media all and (max-width: 600px) {
  .additional-service-section.attendance-table-section {
    padding: 65px 0 70.7px;
  }
}

/* END attendance-table-section */
/* ===============================================

mobile-manager page

=============================================== */
/* mobile-manager-phone-section */
.mobile-manager-phone-section {
  padding: 179.6px 0 148px;
}
@media all and (max-width: 600px) {
  .mobile-manager-phone-section {
    padding: 69px 0;
  }
}
.mobile-manager-phone-section .sub-sm-center {
  position: relative;
}
.mobile-manager-phone-section .sub-sm-center .manager-txt-wrap .additional-common-ttl {
  text-align: left;
  margin-bottom: 63px;
  line-height: 1.3;
  letter-spacing: -1.1px;
}
@media all and (max-width: 600px) {
  .mobile-manager-phone-section .sub-sm-center .manager-txt-wrap .additional-common-ttl {
    margin-bottom: 34px;
  }
}
.mobile-manager-phone-section .sub-sm-center .manager-txt-wrap .color-point-blue {
  line-height: 1.3;
  letter-spacing: -1.1px;
}
.mobile-manager-phone-section .sub-sm-center .manager-txt-wrap .manager-img-wrap {
  width: 828px;
  height: 219px;
}
.mobile-manager-phone-section .sub-sm-center .manager-txt-wrap .manager-img-wrap-mo {
  width: 164px;
  height: 248px;
}
.mobile-manager-phone-section .sub-sm-center .manager-right-img-wrap {
  position: absolute;
  top: -40px;
  right: -60px;
  left: auto;
}
@media all and (max-width: 600px) {
  .mobile-manager-phone-section .sub-sm-center .manager-right-img-wrap {
    width: 206px;
    height: 270px;
    top: auto;
    right: 0;
    bottom: 0px;
  }
}

/* END mobile-manager-phone-section */
/* mobile-manager-info-section */
.mobile-manager-info-section {
  padding: 141px 0 275px;
  background-color: #f9fafb;
}
@media all and (max-width: 600px) {
  .mobile-manager-info-section {
    padding: 60px 0 100px;
  }
}
.mobile-manager-info-section .manager-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media all and (max-width: 600px) {
  .mobile-manager-info-section .manager-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media all and (max-width: 600px) {
  .mobile-manager-info-section .manager-info .txt-wrap {
    margin-bottom: 32px;
  }
}
.mobile-manager-info-section .manager-info .txt-wrap .sub-txt {
  font-size: 1rem;
  font-weight: 600;
  color: #0987f5;
  text-align: left;
}
@media all and (max-width: 600px) {
  .mobile-manager-info-section .manager-info .txt-wrap .sub-txt {
    font-size: 0.875rem;
    font-weight: 700;
    text-align: center;
  }
}
.mobile-manager-info-section .manager-info .txt-wrap .additional-common-ttl {
  margin: 13px 0 23px;
  text-align: left;
  line-height: 1.25;
}
@media all and (max-width: 600px) {
  .mobile-manager-info-section .manager-info .txt-wrap .additional-common-ttl {
    margin: 8px 0 18px;
    text-align: center;
  }
}
.mobile-manager-info-section .manager-info .txt-wrap .additional-common-txt {
  text-align: left;
  color: #393939;
  line-height: 1.56;
}
@media all and (max-width: 600px) {
  .mobile-manager-info-section .manager-info .txt-wrap .additional-common-txt {
    font-size: 0.9375rem;
    text-align: center;
  }
}
.mobile-manager-info-section .manager-info .manager-img-wrap {
  overflow: hidden;
  border-radius: 30px;
  background-color: #fff;
  -webkit-box-shadow: -15px 13px 36px rgba(209, 215, 222, 0.6);
          box-shadow: -15px 13px 36px rgba(209, 215, 222, 0.6);
}
@media all and (max-width: 600px) {
  .mobile-manager-info-section .manager-info .manager-img-wrap {
    border-radius: 20px;
  }
}
.mobile-manager-info-section .manager-info.manager-info-01 {
  margin-bottom: 225px;
}
@media all and (max-width: 600px) {
  .mobile-manager-info-section .manager-info.manager-info-01 {
    margin-bottom: 70px;
  }
}
.mobile-manager-info-section .manager-info.manager-info-01 .txt-wrap {
  margin-top: 59px;
}
@media all and (max-width: 600px) {
  .mobile-manager-info-section .manager-info.manager-info-01 .txt-wrap {
    margin-top: 0;
  }
}
.mobile-manager-info-section .manager-info.manager-info-01 .txt-wrap .manager-right-img-wrap {
  width: 497px;
  height: 336px;
}
.mobile-manager-info-section .manager-info.manager-info-02 {
  margin-right: 188px;
  margin-bottom: 234px;
}
@media all and (max-width: 600px) {
  .mobile-manager-info-section .manager-info.manager-info-02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-right: 0;
    margin-bottom: 70px;
  }
}
.mobile-manager-info-section .manager-info.manager-info-02 .txt-wrap {
  margin-top: 45px;
}
@media all and (max-width: 600px) {
  .mobile-manager-info-section .manager-info.manager-info-02 .txt-wrap {
    margin-top: 0;
  }
}
.mobile-manager-info-section .manager-info.manager-info-02 .manager-right-img-wrap {
  width: 495px;
  height: 371px;
}
@media all and (max-width: 600px) {
  .mobile-manager-info-section .manager-info.manager-info-02 .manager-right-img-wrap {
    width: 345px;
    height: 322px;
  }
}
.mobile-manager-info-section .manager-info.manager-info-03 .txt-wrap {
  margin-top: 44px;
}
@media all and (max-width: 600px) {
  .mobile-manager-info-section .manager-info.manager-info-03 .txt-wrap {
    margin-top: 0;
  }
}
.mobile-manager-info-section .manager-info.manager-info-03 .manager-right-img-wrap {
  width: 497px;
  height: 336px;
}
@media all and (max-width: 600px) {
  .mobile-manager-info-section .manager-info.manager-info-03 .manager-right-img-wrap {
    width: 345px;
    height: 303px;
  }
}

/* END amobile-manager-info-section */
/* ===============================================

call-center page

=============================================== */
/* call-center-video-section */
.call-center-video-section {
  padding: 162px 0 89px;
  background-color: #f9fafb;
}
.call-center-video-section .txt-wrap .additional-common-ttl {
  margin-bottom: 27px;
}
.call-center-video-section .txt-wrap .additional-common-txt {
  color: #393939;
  line-height: 1.55;
  font-size: 1.125rem;
}
.call-center-video-section .call-center-video-wrap {
  width: 840px;
  height: 444px;
  margin: 0 auto;
  -webkit-box-shadow: -15px 13px 36px rgba(209, 215, 222, 0.6);
          box-shadow: -15px 13px 36px rgba(209, 215, 222, 0.6);
  border-radius: 30px;
  overflow: hidden;
}
.call-center-video-section .call-center-video-wrap .call-center-video {
  width: 100%;
  height: 100%;
}

.call-center-video-img {
  display: none;
  max-width: 840px;
  max-height: 444px;
}

.video-img {
  display: none;
  width: 100%;
}

/* END call-center-video-section */
/* call-center-versus-section */
.call-center-versus-section {
  padding: 139px 0 152px;
}
.call-center-versus-section .call-center-versus-txt-wrap {
  margin-bottom: 58.5px;
}
.call-center-versus-section .call-center-versus-txt-wrap .additional-common-ttl {
  margin-bottom: 27px;
}
.call-center-versus-section .call-center-versus-txt-wrap .additional-common-txt {
  color: #393939;
  line-height: 1.6;
}

/* END call-center-versus-section */
/* call-center-lg-section */
.call-center-lg-section {
  padding: 133px 0 77px;
  background-color: #f9f9f9;
}
.call-center-lg-section .sub-sm-center {
  position: relative;
}
.call-center-lg-section .sub-sm-center .call-center-lg-top-wrap {
  margin-bottom: 57px;
}
.call-center-lg-section .sub-sm-center .call-center-lg-top-wrap .call-center-lg-txt-wrap .additional-common-ttl {
  text-align: left;
  line-height: 1.37;
}
.call-center-lg-section .sub-sm-center .call-center-lg-top-wrap .call-center-lg-txt-wrap .additional-common-ttl .color-point-blue {
  line-height: 1.37;
}
.call-center-lg-section .sub-sm-center .call-center-lg-top-wrap .call-center-lg-img-wrap {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  width: 594px;
  height: 291px;
}
.call-center-lg-section .sub-sm-center .call-center-lg-bottom-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 250px;
  padding: 73px 115px;
  background-color: #fff;
  border-radius: 20px;
}
.call-center-lg-section .sub-sm-center .call-center-lg-bottom-wrap .left-wrap {
  position: relative;
  padding-right: 109px;
}
.call-center-lg-section .sub-sm-center .call-center-lg-bottom-wrap .left-wrap::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: auto;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 154px;
  background-color: #eeeeee;
}
.call-center-lg-section .sub-sm-center .call-center-lg-bottom-wrap .left-wrap .img-wrap {
  width: 194px;
  height: 54px;
}
.call-center-lg-section .sub-sm-center .call-center-lg-bottom-wrap .right-wrap {
  margin-left: 80.5px;
}
.call-center-lg-section .sub-sm-center .call-center-lg-bottom-wrap .right-wrap .lg-ttl {
  font-size: 1.875rem;
  font-weight: 600;
  color: #000;
  margin-bottom: 18px;
}
.call-center-lg-section .sub-sm-center .call-center-lg-bottom-wrap .right-wrap .lg-ttl .txt-bold {
  font-weight: 800;
}
.call-center-lg-section .sub-sm-center .call-center-lg-bottom-wrap .right-wrap .lg-txt {
  font-size: 1.125rem;
  font-weight: 400;
  color: #393939;
  line-height: 1.6;
}

/* END call-center-lg-section */
/* ===============================================

iltamall page

=============================================== */
/* iltamall-what-section */
.iltamall-what-section {
  padding: 90px 0 96px;
  background-color: #000;
}
.iltamall-what-section .sub-sm-center {
  position: relative;
}
.iltamall-what-section .sub-sm-center .panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.iltamall-what-section .sub-sm-center .panel .iltamall-what-left-wrap {
  position: relative;
  padding-right: 90.5px;
  margin-right: 69.5px;
}
.iltamall-what-section .sub-sm-center .panel .iltamall-what-left-wrap.findedu-what-wrap .img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.iltamall-what-section .sub-sm-center .panel .iltamall-what-left-wrap::after {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  left: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  width: 1px;
  height: 144px;
  background-color: #313131;
}
.iltamall-what-section .sub-sm-center .panel .iltamall-what-left-wrap .img-wrap {
  width: 146px;
  height: 134px;
}
.iltamall-what-section .sub-sm-center .panel .iltamall-what-right-wrap .iltamall-what-txt-wrap .what-ttl {
  margin-bottom: 30px;
  font-size: 1.875rem;
  font-weight: 700;
  color: #fff;
}
.iltamall-what-section .sub-sm-center .panel .iltamall-what-right-wrap .iltamall-what-txt-wrap .what-txt {
  font-size: 1.25rem;
  font-weight: 400;
  color: #fff;
  line-height: 1.58;
}
.iltamall-what-section .sub-sm-center .panel .iltamall-what-right-wrap .iltamall-what-link-wrap {
  position: absolute;
  top: 50%;
  right: 0;
  left: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.iltamall-what-section .sub-sm-center .panel .iltamall-what-right-wrap .iltamall-what-link-wrap .iltamall-what-link .arrow-bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 140px;
  height: 140px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.12);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.iltamall-what-section .sub-sm-center .panel .iltamall-what-right-wrap .iltamall-what-link-wrap .iltamall-what-link .arrow-bg .iltamall-what-arrow-icon {
  display: inline-block;
  width: 62px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65.621' height='44.176' viewBox='0 0 65.621 44.176'%3E%3Cg id='그룹_32816' data-name='그룹 32816' transform='translate(-1534.934 -4680.412)'%3E%3Cline id='선_107' data-name='선 107' x2='62' transform='translate(1536.434 4702.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3Cg id='그룹_32815' data-name='그룹 32815' transform='translate(-0.066 8.033)'%3E%3Cline id='선_108' data-name='선 108' x2='20' y2='20' transform='translate(1578.5 4674.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='선_109' data-name='선 109' y1='20' x2='20' transform='translate(1578.5 4694.434)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.iltamall-what-section .sub-sm-center .panel .iltamall-what-right-wrap .iltamall-what-link-wrap .iltamall-what-link:hover .arrow-bg {
  background-color: #fff;
}
.iltamall-what-section .sub-sm-center .panel .iltamall-what-right-wrap .iltamall-what-link-wrap .iltamall-what-link:hover .arrow-bg .iltamall-what-arrow-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65.621' height='44.176' viewBox='0 0 65.621 44.176'%3E%3Cg id='그룹_32816' data-name='그룹 32816' transform='translate(-1534.934 -4680.412)'%3E%3Cline id='선_107' data-name='선 107' x2='62' transform='translate(1536.434 4702.5)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='3'/%3E%3Cg id='그룹_32815' data-name='그룹 32815' transform='translate(-0.066 8.033)'%3E%3Cline id='선_108' data-name='선 108' x2='20' y2='20' transform='translate(1578.5 4674.5)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='선_109' data-name='선 109' y1='20' x2='20' transform='translate(1578.5 4694.434)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

/* END iltamall-what-section */
/* iltamall-philosophy-section */
.iltamall-philosophy-section {
  padding: 177px 0 0;
}
.iltamall-philosophy-section .philosophy-txt-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 60px;
}
.iltamall-philosophy-section .philosophy-txt-wrap .left-txt-wrap .sub-txt {
  font-size: 1.125rem;
  font-weight: 600;
  color: #c24051;
}
.iltamall-philosophy-section .philosophy-txt-wrap .left-txt-wrap .additional-common-ttl {
  margin-top: 20px;
  text-align: left;
}
.iltamall-philosophy-section .philosophy-txt-wrap .right-txt-wrap {
  margin-top: 31px;
  margin-right: 83px;
}
.iltamall-philosophy-section .philosophy-txt-wrap .right-txt-wrap .additional-common-txt {
  font-size: 1.25rem;
  font-weight: 300;
  color: #000;
  text-align: left;
  line-height: 1.53;
}
.iltamall-philosophy-section .philosophy-txt-wrap .right-txt-wrap .additional-common-txt .color-point-txt {
  color: #c24051;
}
.iltamall-philosophy-section .payment-wrap.philosophy-cont-wrap .payment-list {
  background-color: #f6f6f6;
}
.iltamall-philosophy-section .payment-wrap.philosophy-cont-wrap .payment-list .txt-wrap .num {
  color: #c1c1c1 !important;
}
.iltamall-philosophy-section .payment-wrap.philosophy-cont-wrap .payment-list .txt-wrap .ttl {
  color: #d6344a;
}

/* END iltamall-philosophy-section */
/* iltamall-sale-section */
.iltamall-sale-section {
  overflow: hidden;
}
.iltamall-sale-section .panel {
  position: relative;
  height: 857px;
  padding: 210px 0 90px;
}
.iltamall-sale-section .panel .iltamall-sale-img-wrap {
  z-index: 2;
  position: absolute;
  top: auto;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 664px;
  height: 618px;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper {
  height: 266px;
  margin: 285px 0 90px;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide {
  width: 260px;
  height: 260px;
  padding: 21px 0 0;
  border-radius: 30px;
  opacity: 0.3;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide.sale-swiper-slide-01 {
  background-color: #1ec2ff;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide.sale-swiper-slide-01 .sale-slide-txt-wrap {
  margin-top: 6px;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide.sale-swiper-slide-02 {
  background-color: #f11d79;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide.sale-swiper-slide-03 {
  background-color: #1c5cf3;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide.sale-swiper-slide-04 {
  background-color: #f3ac1c;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide.sale-swiper-slide-05 {
  background-color: #f35e1c;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide.sale-swiper-slide-06 {
  background-color: #00a52c;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide.sale-swiper-slide-07 {
  background-color: #4200a5;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide.swiper-slide-active {
  opacity: 1;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide .sale-slide-img-cont {
  position: relative;
  width: 140px;
  height: 140px;
  margin: 0 auto;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide .sale-slide-img-cont .sale-slide-img-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 113px;
  height: 114px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.2);
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide .sale-slide-img-cont .sale-slide-img-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 140px;
  height: 140px;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide .sale-slide-txt-wrap {
  margin-top: 9px;
  text-align: center;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide .sale-slide-txt-wrap .sale-slide-txt {
  margin-bottom: 6px;
  font-size: 0.9375rem;
  font-weight: 400;
  color: #fff;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide .sale-slide-txt-wrap .sale-slide-ttl {
  font-size: 1.875rem;
  font-weight: 700;
  color: #fff;
}

/* END iltamall-sale-section */
/* iltamall-service-section */
.iltamall-service-section {
  padding: 110px 0 142px;
  background-color: #f9f9f9;
}
.iltamall-service-section .panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.iltamall-service-section .panel .iltamall-service-txt-wrap .sub-txt {
  margin-bottom: 12px;
  font-size: 1.4375rem;
  font-weight: 400;
  color: #393939;
  letter-spacing: -0.4px;
}
.iltamall-service-section .panel .iltamall-service-txt-wrap .additional-common-ttl {
  line-height: 1.33;
  text-align: left;
  font-weight: 400;
}
.iltamall-service-section .panel .iltamall-service-txt-wrap .additional-common-ttl .txt-bold {
  font-weight: 700;
}
.iltamall-service-section .panel .iltamall-service-cont-wrap .iltamall-service-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 624px;
  padding-left: 51px;
  padding-bottom: 22.5px;
  margin-bottom: 24.5px;
}
.iltamall-service-section .panel .iltamall-service-cont-wrap .iltamall-service-list::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: auto;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 624px;
  height: 1px;
  background-color: #e8e8e8;
}
.iltamall-service-section .panel .iltamall-service-cont-wrap .iltamall-service-list:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.iltamall-service-section .panel .iltamall-service-cont-wrap .iltamall-service-list:last-child::after {
  display: none;
}
.iltamall-service-section .panel .iltamall-service-cont-wrap .iltamall-service-list .num {
  font-size: 1rem;
  font-weight: 600;
  color: #c24051;
}
.iltamall-service-section .panel .iltamall-service-cont-wrap .iltamall-service-list .iltamall-service-txt {
  margin-left: 40px;
  font-size: 1.375rem;
  font-weight: 600;
  color: #393939;
}

/* END iltamall-service-section */
/* iltamall-together-section */
.iltamall-together-section {
  padding: 220px 0 250px;
}
.iltamall-together-section .panel {
  text-align: center;
}
.iltamall-together-section .panel .together-img-wrap {
  width: 491px;
  height: 57px;
  margin: 0 auto 33.7px;
}
.iltamall-together-section .panel .iltamall-together-txt-wrap .together-txt {
  margin-bottom: 67px;
  font-size: 1.375rem;
  font-weight: 700;
  color: #000;
}
.iltamall-together-section .panel .iltamall-together-txt-wrap .together-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  width: 204px;
  height: 54px;
  font-size: 1.125rem;
  font-weight: 500;
  color: #fff;
  border-radius: 27px;
  background-color: #000;
}

/* END iltamall-together-section */
/* ===============================================

findedu page

=============================================== */
/* findedu-matching-service-section */
.findedu-matching-service-section {
  padding: 170px 0 146px;
}
.findedu-matching-service-section .matching-service-txt-wrap {
  margin-bottom: 64px;
}
.findedu-matching-service-section .matching-service-txt-wrap .additional-common-ttl {
  margin-bottom: 28px;
}
.findedu-matching-service-section .matching-service-txt-wrap .additional-common-ttl .matching-service-point-color {
  color: #1bc573;
}
.findedu-matching-service-section .matching-service-cont-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
}
.findedu-matching-service-section .matching-service-cont-wrap .matching-service-cont-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  width: calc((100% - 45px) / 4);
  height: 384px;
  border-radius: 10px;
  background-color: #f9f9f9;
}
.findedu-matching-service-section .matching-service-cont-wrap .matching-service-cont-list .matching-service-cont-img-wrap {
  position: absolute;
  top: 39px;
  right: 54px;
  left: auto;
}
.findedu-matching-service-section .matching-service-cont-wrap .matching-service-cont-list .matching-service-cont-img-wrap.matching-service-list-step-01 {
  top: 39px;
  right: 54px;
  left: auto;
}
.findedu-matching-service-section .matching-service-cont-wrap .matching-service-cont-list .matching-service-cont-img-wrap.matching-service-list-step-02 {
  top: 44px;
  right: 0;
  left: auto;
}
.findedu-matching-service-section .matching-service-cont-wrap .matching-service-cont-list .matching-service-cont-img-wrap.matching-service-list-step-03 {
  top: 45px;
  right: 30px;
  left: auto;
}
.findedu-matching-service-section .matching-service-cont-wrap .matching-service-cont-list .matching-service-cont-txt-wrap {
  margin: 0 40px 48px 48px;
}
.findedu-matching-service-section .matching-service-cont-wrap .matching-service-cont-list .matching-service-cont-txt-wrap .step-txt {
  font-size: 0.9375rem;
  font-weight: 500;
  color: #1bc573;
}
.findedu-matching-service-section .matching-service-cont-wrap .matching-service-cont-list .matching-service-cont-txt-wrap .ttl {
  margin: 8px 0 18px;
  font-size: 1.625rem;
  font-weight: 700;
  color: #000;
}
.findedu-matching-service-section .matching-service-cont-wrap .matching-service-cont-list .matching-service-cont-txt-wrap .txt {
  font-size: 1.125rem;
  font-weight: 400;
  color: #121212;
  letter-spacing: -1px;
  line-height: 1.33;
}
.findedu-matching-service-section .matching-service-cont-wrap .matching-service-cont-list.matching-service-cont-list-first {
  background-image: url("../../images/img/img_fedu_ser_1.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.findedu-matching-service-section .matching-service-cont-wrap .matching-service-cont-list.matching-service-cont-list-first .matching-service-cont-txt-wrap .ttl {
  color: #00ff84;
}
.findedu-matching-service-section .matching-service-cont-wrap .matching-service-cont-list.matching-service-cont-list-first .matching-service-cont-txt-wrap .txt {
  color: #fff;
}
.findedu-matching-service-section .matching-service-cont-wrap .matching-service-cont-list .matching-service-icon {
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  right: -24px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background-color: #fff;
  border: 1px solid #ececec;
  -webkit-box-shadow: 0 3px 14px rgba(33, 52, 84, 0.08);
          box-shadow: 0 3px 14px rgba(33, 52, 84, 0.08);
}
.findedu-matching-service-section .matching-service-cont-wrap .matching-service-cont-list .matching-service-icon .double-next-arrow {
  display: inline-block;
  width: 14px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.243' height='16.243' viewBox='0 0 18.243 16.243'%3E%3Cg id='그룹_56667' data-name='그룹 56667' transform='translate(-648.879 -3612.879)'%3E%3Cg id='그룹_20719' data-name='그룹 20719' transform='translate(1669.287 5645.5) rotate(180)' opacity='0.5'%3E%3Cline id='선_75' data-name='선 75' x1='6' y2='6' transform='translate(1012.287 2018.5)' fill='none' stroke='%23080e1c' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='선_76' data-name='선 76' x2='6' y2='6' transform='translate(1012.287 2024.5)' fill='none' stroke='%23080e1c' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3Cg id='그룹_49692' data-name='그룹 49692' transform='translate(1677.287 5645.5) rotate(180)'%3E%3Cline id='선_75-2' data-name='선 75' x1='6' y2='6' transform='translate(1012.287 2018.5)' fill='none' stroke='%23080e1c' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='선_76-2' data-name='선 76' x2='6' y2='6' transform='translate(1012.287 2024.5)' fill='none' stroke='%23080e1c' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-animation-name: horizontal-scroll;
          animation-name: horizontal-scroll;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
}
.findedu-matching-service-section .matching-service-cont-wrap .matching-service-cont-list .matching-service-icon .matching-service-next-arrow {
  display: inline-block;
  width: 6px;
  height: 12px;
  margin-left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.243' height='16.243' viewBox='0 0 10.243 16.243'%3E%3Cg id='그룹_20719' data-name='그룹 20719' transform='translate(1020.409 2032.621) rotate(180)'%3E%3Cline id='선_75' data-name='선 75' x1='6' y2='6' transform='translate(1012.287 2018.5)' fill='none' stroke='%231bc573' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='선_76' data-name='선 76' x2='6' y2='6' transform='translate(1012.287 2024.5)' fill='none' stroke='%231bc573' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-animation-name: horizontal-scroll;
          animation-name: horizontal-scroll;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
}

/* END findedu-matching-service-section */
/* findedu-point-section-01 */
.findedu-point-section-01 {
  padding: 160px 0 234px;
  background-color: #f9f9f9;
}
.findedu-point-section-01 .findedu-point-top-txt {
  margin-bottom: 69px;
}
.findedu-point-section-01 .findedu-point-top-txt .sub-txt {
  font-size: 1.125rem;
  font-weight: 600;
  color: #2bb673;
  text-align: center;
  letter-spacing: -0.6px;
}
.findedu-point-section-01 .findedu-point-top-txt .ttl {
  margin: 17px 0 21px;
  font-size: 2.75rem;
  font-weight: 800;
  color: #000;
  text-align: center;
  letter-spacing: -1.2px;
  line-height: 1.35;
}
.findedu-point-section-01 .findedu-point-top-txt .txt {
  font-size: 1.25rem;
  font-weight: 500;
  color: #484848;
  text-align: center;
  letter-spacing: -0.3px;
}
.findedu-point-section-01 .findedu-point-cont-wrap .findedu-point-cont-list {
  margin-bottom: 147px;
}
.findedu-point-section-01 .findedu-point-cont-wrap .findedu-point-cont-list .findedu-point-txt-wrap {
  position: relative;
}
.findedu-point-section-01 .findedu-point-cont-wrap .findedu-point-cont-list .findedu-point-txt-wrap::after {
  z-index: 0;
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 1px;
  background-color: #e8e8e8;
}
.findedu-point-section-01 .findedu-point-cont-wrap .findedu-point-cont-list .findedu-point-txt-wrap .findedu-point-cont-ttl {
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 66px;
  width: 400px;
  height: 50px;
  border-radius: 33px;
  background-color: #2bb673;
  font-size: 1.375rem;
  font-weight: 400;
  color: #fff;
}
.findedu-point-section-01 .findedu-point-cont-wrap .findedu-point-cont-list .findedu-point-txt-wrap .findedu-point-cont-ttl .txt-bold {
  display: inline-block;
  margin-left: 7.5px;
  font-weight: 700;
}
.findedu-point-section-01 .findedu-point-cont-wrap .findedu-point-cont-list .findedu-point-cont-img-wrap {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.findedu-point-section-01 .findedu-point-cont-wrap .findedu-point-cont-list:nth-child(2) .findedu-point-txt-wrap .findedu-point-cont-ttl {
  background-color: #10d0ba;
}
.findedu-point-section-01 .findedu-point-cont-wrap .findedu-point-cont-list:last-child {
  margin-bottom: 0;
}
.findedu-point-section-01 .findedu-point-cont-wrap .findedu-point-cont-list:last-child .findedu-point-txt-wrap .findedu-point-cont-ttl {
  background-color: #01beee;
}

/* END findedu-point-section-01 */
/* findedu-point-section-02 */
.findedu-point-section-02 {
  padding: 180px 0 182px;
}
.findedu-point-section-02 .findedu-point-2-txt-wrap {
  margin-bottom: 65px;
}
.findedu-point-section-02 .findedu-point-2-txt-wrap .sub-txt {
  font-size: 1.125rem;
  font-weight: 600;
  color: #2bb673;
  text-align: center;
  letter-spacing: -0.6px;
}
.findedu-point-section-02 .findedu-point-2-txt-wrap .ttl {
  margin-top: 17px;
  font-size: 2.75rem;
  font-weight: 800;
  color: #000;
  text-align: center;
  letter-spacing: -1.2px;
  line-height: 1.35;
}

/* END findedu-point-section-02 */
/* findedu-point-section-03 */
.findedu-point-section-03 {
  background-color: #f6fbf9;
}
.findedu-point-section-03 .findedu-point-3-img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.findedu-point-section-03 .findedu-point-3-img-wrap .findedu-point-img-wrap {
  width: 514px;
  height: 514px;
}
.findedu-point-section-03 .findedu-point-3-img-wrap .findedu-point-img-wrap.findedu-point-left-img-wrap {
  margin-right: -37.5px;
}
.findedu-point-section-03 .findedu-point-3-img-wrap .findedu-point-img-wrap.findedu-point-right-img-wrap {
  margin-left: -37.5px;
}

/* END findedu-point-section-03 */
/* findedu-free-section */
.findedu-free-section {
  padding: 133px 0 107px;
  background-image: url("../../images/img/img_fedu_bottom_bg.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.findedu-free-section .findedu-free-txt-wrap .additional-common-ttl {
  margin-bottom: 58px;
  letter-spacing: -0.6px;
  color: #fff;
}
.findedu-free-section .findedu-free-cont-wrap .findedu-free-list {
  background-color: #fff;
}
.findedu-free-section .findedu-free-cont-wrap .findedu-free-list .num {
  color: #bcdbd0 !important;
}
.findedu-free-section .findedu-free-cont-wrap .findedu-free-list .ttl {
  color: #000 !important;
}
.findedu-free-section .findedu-free-cont-wrap .findedu-free-list .ttl .free-cont-point-color {
  color: #2bb673;
}
.findedu-free-section .findedu-free-cont-wrap .findedu-free-list .img-circle {
  background-color: #f5f5f5;
}

/* END findedu-free-section */
/* ===============================================

joyedu page

=============================================== */
/* joyedu-provide-section */
.insurance-procedure-section.joyedu-provide-section {
  padding: 159px 0 114px;
  background-image: url("../../images/img/img_joyedu_meta_bg_3.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.insurance-procedure-section.joyedu-provide-section .txt-wrap {
  margin-bottom: 70px;
}
.insurance-procedure-section.joyedu-provide-section .txt-wrap .additional-common-ttl {
  margin-bottom: 27px;
  letter-spacing: -0.5px;
  line-height: 1.33;
}
.insurance-procedure-section.joyedu-provide-section .txt-wrap .additional-common-ttl .point-color {
  color: #ff782a;
}
.insurance-procedure-section.joyedu-provide-section .txt-wrap .additional-common-txt {
  color: #393939;
  letter-spacing: -0.5px;
}
.insurance-procedure-section.joyedu-provide-section .insurance-procedure-cont-wrap.joyedu-provide-cont-wrap .insurance-procedure-cont.joyedu-provide-cont {
  -webkit-box-shadow: 0 5px 16px rgba(230, 235, 241, 0.48);
          box-shadow: 0 5px 16px rgba(230, 235, 241, 0.48);
}
.insurance-procedure-section.joyedu-provide-section .insurance-procedure-cont-wrap.joyedu-provide-cont-wrap .insurance-procedure-cont.joyedu-provide-cont .sub-txt.type-joy-prov {
  color: #c7c7c7 !important;
}

/* END joyedu-provide-section */
/* joyedu-meta-section */
.joyedu-meta-section {
  padding: 118px 0 96px;
  height: 432px;
  background-image: url("../../images/img/img_joyedu_meta_bg.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.joyedu-meta-section.joyedu-coaching-section {
  background-image: url("../../images/img/img_joyedu_prt_bg.png");
}
.joyedu-meta-section .joyedu-meta-txt-wrap .joyedu-meta-sub-txt {
  width: 133px;
  padding: 10px 21px;
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
  border-radius: 19px;
  background-color: #000;
}
.joyedu-meta-section .joyedu-meta-txt-wrap .joyedu-meta-ttl {
  margin: 13px 0 23px;
  font-size: 3.125rem;
  font-weight: 800;
  color: #000;
  letter-spacing: -1.5px;
}
.joyedu-meta-section .joyedu-meta-txt-wrap .joyedu-meta-txt {
  font-size: 1.25rem;
  font-weight: 400;
  color: #4e4e4e;
  letter-spacing: -0.5px;
  line-height: 1.45;
}

/* END joyedu-meta-section */
/* joyedu-meta-license-section */
.joyedu-meta-license-section {
  background-image: url("../../images/img/img_joyedu_meta_bg_2.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.joyedu-meta-license-section.joyedu-coaching-license-section {
  background-image: url("../../images/img/img_joyedu_prt_bg_2.png");
}
.joyedu-meta-license-section .sub-sm-center {
  padding: 124px 0 51px;
  position: relative;
  height: 623px;
}
.joyedu-meta-license-section .sub-sm-center .license-left-wrap .license-left-top-txt-wrap {
  margin-bottom: 39px;
}
.joyedu-meta-license-section .sub-sm-center .license-left-wrap .license-left-top-txt-wrap .license-top-sub-txt {
  font-size: 1.125rem;
  font-weight: 600;
  color: #ff782a;
}
.joyedu-meta-license-section .sub-sm-center .license-left-wrap .license-left-top-txt-wrap .license-top-sub-txt.coaching-license-top-sub-txt {
  color: #bcaaff;
}
.joyedu-meta-license-section .sub-sm-center .license-left-wrap .license-left-top-txt-wrap .license-top-ttl {
  display: block;
  position: relative;
  width: 474px;
  margin: 13px 0 27px;
  font-size: 2.875rem;
  font-weight: 800;
  color: #fff;
}
.joyedu-meta-license-section .sub-sm-center .license-left-wrap .license-left-top-txt-wrap .license-top-ttl::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: auto;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 482px;
  height: 31px;
  background-color: rgba(255, 255, 255, 0.15);
}
.joyedu-meta-license-section .sub-sm-center .license-left-wrap .license-left-top-txt-wrap .license-top-ttl.coaching-license-top-ttl {
  width: 436px;
}
.joyedu-meta-license-section .sub-sm-center .license-left-wrap .license-left-top-txt-wrap .license-top-ttl.coaching-license-top-ttl::after {
  width: 440px;
}
.joyedu-meta-license-section .sub-sm-center .license-left-wrap .license-left-top-txt-wrap .license-cont-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.joyedu-meta-license-section .sub-sm-center .license-left-wrap .license-left-top-txt-wrap .license-cont-wrap .license-cont-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.joyedu-meta-license-section .sub-sm-center .license-left-wrap .license-left-top-txt-wrap .license-cont-wrap .license-cont-list .license-cont-list-txt {
  font-size: 1.125rem;
  font-weight: 400;
  color: #fff;
}
.joyedu-meta-license-section .sub-sm-center .license-left-wrap .license-left-top-txt-wrap .license-cont-wrap .license-cont-list .txt-bold {
  font-weight: 600;
}
.joyedu-meta-license-section .sub-sm-center .license-left-wrap .license-left-top-txt-wrap .license-cont-wrap .license-cont-list .check-icon {
  display: inline-block;
  margin-right: 13px;
  width: 19px;
  height: 19px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.305' height='19' viewBox='0 0 20.305 19'%3E%3Cg id='그룹_33411' data-name='그룹 33411' transform='translate(-370 -5293)'%3E%3Cg id='타원_12' data-name='타원 12' transform='translate(370 5293)' fill='none' stroke='%236d6865' stroke-width='2'%3E%3Ccircle cx='9.5' cy='9.5' r='9.5' stroke='none'/%3E%3Ccircle cx='9.5' cy='9.5' r='8.5' fill='none'/%3E%3C/g%3E%3Cpath id='패스_11503' data-name='패스 11503' d='M-10065.051-7309.267l4.024,4.021,8.732-9.994' transform='translate(10441.188 12610.021)' fill='none' stroke='%23ff8946' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.joyedu-meta-license-section .sub-sm-center .license-left-wrap .license-left-top-txt-wrap .license-cont-wrap .license-cont-list .coaching-check-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.305' height='19' viewBox='0 0 20.305 19'%3E%3Cg id='그룹_33411' data-name='그룹 33411' transform='translate(-370 -5293)'%3E%3Cg id='타원_12' data-name='타원 12' transform='translate(370 5293)' fill='none' stroke='%236d43d6' stroke-width='2'%3E%3Ccircle cx='9.5' cy='9.5' r='9.5' stroke='none'/%3E%3Ccircle cx='9.5' cy='9.5' r='8.5' fill='none'/%3E%3C/g%3E%3Cpath id='패스_11503' data-name='패스 11503' d='M-10065.051-7309.267l4.024,4.021,8.732-9.994' transform='translate(10441.188 12610.021)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
  margin-right: 13px;
  width: 19px;
  height: 19px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.joyedu-meta-license-section .sub-sm-center .license-left-wrap .license-left-bottom-step-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 50px;
}
.joyedu-meta-license-section .sub-sm-center .license-left-wrap .license-left-bottom-step-wrap .license-step-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.joyedu-meta-license-section .sub-sm-center .license-left-wrap .license-left-bottom-step-wrap .license-step-list .license-step-bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 110px;
  height: 110px;
  border: 1px solid #2b2b2a;
  border-radius: 100%;
  background-color: #211f1e;
}
.joyedu-meta-license-section .sub-sm-center .license-left-wrap .license-left-bottom-step-wrap .license-step-list .license-step-bg.coaching-license-step-bg {
  background-color: #200468;
  border: 1px solid #4b23ae;
}
.joyedu-meta-license-section .sub-sm-center .license-left-wrap .license-left-bottom-step-wrap .license-step-list .license-step-txt {
  margin-top: 15px;
  font-size: 1.25rem;
  font-weight: 400;
  color: #fff;
  text-align: center;
}
.joyedu-meta-license-section .sub-sm-center .license-left-wrap .license-left-bottom-step-wrap .license-step-list .license-step-next-icon-wrap {
  position: absolute;
  top: 45px;
  left: auto;
  right: -30px;
  width: 10px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.121' height='22.121' viewBox='0 0 12.121 22.121'%3E%3Cg id='그룹_20719' data-name='그룹 20719' transform='translate(1023.358 2039.561) rotate(180)'%3E%3Cline id='선_75' data-name='선 75' x1='10' y2='10' transform='translate(1012.297 2018.5)' fill='none' stroke='%234d4d4d' stroke-linecap='round' stroke-width='1.5'/%3E%3Cline id='선_76' data-name='선 76' x2='10' y2='10' transform='translate(1012.297 2028.5)' fill='none' stroke='%234d4d4d' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.joyedu-meta-license-section .sub-sm-center .license-left-wrap .license-left-bottom-step-wrap .license-step-list .license-step-next-icon-wrap.coaching-license-step-img-wrap {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.121' height='22.121' viewBox='0 0 12.121 22.121'%3E%3Cg id='그룹_20719' data-name='그룹 20719' transform='translate(1023.358 2039.561) rotate(180)'%3E%3Cline id='선_75' data-name='선 75' x1='10' y2='10' transform='translate(1012.297 2018.5)' fill='none' stroke='%236d43d6' stroke-linecap='round' stroke-width='1.5'/%3E%3Cline id='선_76' data-name='선 76' x2='10' y2='10' transform='translate(1012.297 2028.5)' fill='none' stroke='%236d43d6' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.joyedu-meta-license-section .sub-sm-center .license-right-wrap {
  position: absolute;
  top: auto;
  right: 35px;
  bottom: 0;
  left: auto;
}
.joyedu-meta-license-section .sub-sm-center .license-right-wrap .license-right-img-wrap {
  width: 565px;
  height: 571px;
}
.joyedu-meta-license-section .sub-sm-center .license-right-wrap .license-right-recommendation-wrap {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-53%);
          transform: translateX(-53%);
  bottom: -37px;
}
.joyedu-meta-license-section .sub-sm-center .license-right-wrap .license-right-recommendation-wrap .recommendation-txt {
  z-index: 1;
  position: relative;
  display: inline-block;
  width: 396px;
  height: 60px;
  padding: 20px 10px;
  border-radius: 10px;
  border: 1px solid #e6e6e6;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
  font-size: 1.125rem;
  font-weight: 600;
  text-align: center;
}
.joyedu-meta-license-section .sub-sm-center .license-right-wrap .license-right-recommendation-wrap .recommendation-txt .orange-txt {
  color: #ee6212;
}
.joyedu-meta-license-section .sub-sm-center .license-right-wrap .license-right-recommendation-wrap .triangle-icon {
  z-index: 2;
  display: inline-block;
  position: absolute;
  top: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: inline-block;
  width: 14px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.521' height='11.016' viewBox='0 0 12.521 11.016'%3E%3Cpath id='패스_18136' data-name='패스 18136' d='M6.136,1.481a1,1,0,0,1,1.728,0L13.123,10.5a1,1,0,0,1-.864,1.5H1.741a1,1,0,0,1-.864-1.5L2.9,7.032Z' transform='translate(-0.74 -0.984)' fill='%23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  /*box-shadow: 0 3px 12px rgba(0, 0, 0, 10%);*/
}

/* END joyedu-meta-license-section */
/* joyedu-process-section */
.joyedu-process-section {
  padding: 153px 0 108px;
  background-color: #fbfbfb;
}
.joyedu-process-section .joyedu-process-top-wrap .additional-common-ttl {
  text-align: left;
  margin-bottom: 29px;
}
.joyedu-process-section .joyedu-process-top-wrap .additional-common-ttl .orange-txt {
  color: #ee6212;
}
.joyedu-process-section .joyedu-process-top-wrap .additional-common-txt {
  text-align: left;
  color: #2e2e2e;
  line-height: 1.42;
}
.joyedu-process-section .joyedu-process-top-wrap.joyedu-coaching-process-top-wrap .additional-common-ttl .purple-txt {
  color: #391ba5;
}
.joyedu-process-section .joyedu-process-bottom-wrap {
  position: relative;
  margin-top: 100px;
}
.joyedu-process-section .joyedu-process-bottom-wrap .process-top-cont {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: absolute;
  top: -34px;
  left: 48px;
}
.joyedu-process-section .joyedu-process-bottom-wrap .process-top-cont .img-wrap {
  width: 98px;
  height: 71px;
}
.joyedu-process-section .joyedu-process-bottom-wrap .process-top-cont .process-bottom-ttl {
  margin-left: 21px;
  font-size: 1.875rem;
  font-weight: 600;
  color: #000;
}
.joyedu-process-section .joyedu-process-bottom-wrap .process-top-cont .process-bottom-ttl .process-bottom-orange-txt {
  display: inline-block;
  position: relative;
  margin-left: 5px;
  font-weight: 800;
  color: #ee6212;
}
.joyedu-process-section .joyedu-process-bottom-wrap .process-top-cont .process-bottom-ttl .process-bottom-orange-txt::after {
  z-index: -1;
  content: "";
  display: inline-block;
  position: absolute;
  top: auto;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 108px;
  height: 24px;
  background-color: #ffe9dc;
}
.joyedu-process-section .joyedu-process-bottom-wrap .process-top-cont .process-bottom-ttl .process-bottom-orange-txt.process-bottom-purple-txt {
  color: #391ba5;
}
.joyedu-process-section .joyedu-process-bottom-wrap .process-top-cont .process-bottom-ttl .process-bottom-orange-txt.process-bottom-purple-txt::after {
  background-color: #e6e1f9;
}
.joyedu-process-section .joyedu-process-bottom-wrap .process-bottom-cont {
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 63px;
  padding: 67px 60px 50px;
  width: 100%;
  height: 190px;
  border-radius: 20px;
  background-color: #fff;
  border: 1px solid #e9e9e9;
}
.joyedu-process-section .joyedu-process-bottom-wrap .process-bottom-cont .process-cont-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 21px;
}
.joyedu-process-section .joyedu-process-bottom-wrap .process-bottom-cont .process-cont-wrap .process-cont-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.joyedu-process-section .joyedu-process-bottom-wrap .process-bottom-cont .process-cont-wrap .process-cont-list .process-check-icon {
  display: inline-block;
  width: 23px;
  height: 23px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.793' height='22' viewBox='0 0 23.793 22'%3E%3Cg id='그룹_33389' data-name='그룹 33389' transform='translate(-1056 -1809)'%3E%3Cg id='타원_12' data-name='타원 12' transform='translate(1056 1809)' fill='%23fff' stroke='%23dfdfdf' stroke-width='1.5'%3E%3Ccircle cx='11' cy='11' r='11' stroke='none'/%3E%3Ccircle cx='11' cy='11' r='10.25' fill='none'/%3E%3C/g%3E%3Cpath id='패스_11503' data-name='패스 11503' d='M-10065.051-7308l4.875,4.871,10.578-12.106' transform='translate(11127.273 9126.49)' fill='none' stroke='%23ee6212' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.joyedu-process-section .joyedu-process-bottom-wrap .process-bottom-cont .process-cont-wrap .process-cont-list .process-check-icon.coaching-process-check-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.793' height='22' viewBox='0 0 23.793 22'%3E%3Cg id='그룹_33384' data-name='그룹 33384' transform='translate(-721 -1810)'%3E%3Cg id='타원_12' data-name='타원 12' transform='translate(721 1810)' fill='%23f7f7fa' stroke='%23dfdfdf' stroke-width='1.5'%3E%3Ccircle cx='11' cy='11' r='11' stroke='none'/%3E%3Ccircle cx='11' cy='11' r='10.25' fill='none'/%3E%3C/g%3E%3Cpath id='패스_11503' data-name='패스 11503' d='M-10065.051-7308l4.875,4.871,10.578-12.106' transform='translate(10792.273 9127.49)' fill='none' stroke='%23391ba5' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.joyedu-process-section .joyedu-process-bottom-wrap .process-bottom-cont .process-cont-wrap .process-cont-list .process-list-txt {
  font-size: 1.3125rem;
  font-weight: 500;
  color: #000;
}
.joyedu-process-section .joyedu-process-bottom-wrap .joyedu-process-book-img {
  position: absolute;
  top: auto;
  right: 46px;
  bottom: 100px;
  left: auto;
  width: 351px;
  height: 389px;
}
.joyedu-process-section .joyedu-process-bottom-wrap .joyedu-process-book-img.joyedu-coaching-process-book-img {
  right: 84px;
  bottom: 95px;
}

/* END joyedu-process-section */
/* joyedu-have-section */
.joyedu-have-section {
  padding: 114px 0 132px;
}
.joyedu-have-section .joyedu-have-txt-wrap {
  margin-bottom: 51px;
}
.joyedu-have-section .joyedu-have-txt-wrap .additional-common-ttl {
  text-align: left;
  line-height: 1.43;
  letter-spacing: -1.4px;
}
.joyedu-have-section .joyedu-have-cont-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 17px;
}
.joyedu-have-section .joyedu-have-cont-wrap .joyedu-have-cont-list {
  position: relative;
  width: calc((100% - 34px) / 3);
  padding: 69px 38px 36px 38px;
  border-radius: 10px;
  background-color: #f8f8f8;
}
.joyedu-have-section .joyedu-have-cont-wrap .joyedu-have-cont-list .have-img-bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 26px;
  right: 26px;
  left: auto;
  width: 84px;
  height: 84px;
  border-radius: 100%;
  background-color: #fff;
}
.joyedu-have-section .joyedu-have-cont-wrap .joyedu-have-cont-list .have-img-bg .have-img-wrap {
  width: 50%;
  height: 50%;
}
.joyedu-have-section .joyedu-have-cont-wrap .joyedu-have-cont-list .have-txt-wrap .ttl {
  font-size: 1.5rem;
  font-weight: 700;
  color: #391ba5;
  margin-bottom: 21px;
  line-height: 1.34;
  letter-spacing: -0.7px;
}
.joyedu-have-section .joyedu-have-cont-wrap .joyedu-have-cont-list .have-txt-wrap .txt {
  font-size: 1rem;
  font-weight: 400;
  color: #414141;
  line-height: 1.5;
}

/* END joyedu-have-section */
/* joyedu-expert-section */
.joyedu-expert-section {
  position: relative;
  padding: 143px 0 89px;
  background-color: #f1eff6;
}
.joyedu-expert-section .panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.joyedu-expert-section .expert-left-wrap {
  z-index: 1;
}
.joyedu-expert-section .expert-left-wrap .exp-top-txt-wrap {
  margin-bottom: 54px;
}
.joyedu-expert-section .expert-left-wrap .exp-top-txt-wrap .exp-ttl {
  margin-bottom: 52px;
  font-size: 3.625rem;
  font-weight: 800;
  color: black;
  /* 변경 예정 */
  letter-spacing: -1.2px;
  line-height: 1.36;
}
.joyedu-expert-section .expert-left-wrap .exp-top-txt-wrap .exp-txt {
  position: relative;
  padding-left: 22px;
  font-size: 1.5rem;
  font-weight: 700;
  color: #16002e;
}
.joyedu-expert-section .expert-left-wrap .exp-top-txt-wrap .exp-txt .s-txt {
  display: inline-block;
  margin-bottom: 7.5px;
  font-size: 1.25rem;
  font-weight: 700;
  color: #67659f;
}
.joyedu-expert-section .expert-left-wrap .exp-top-txt-wrap .exp-txt::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 64px;
  background-color: #0c0c0c;
}
.joyedu-expert-section .expert-left-wrap .exp-bottom-cont-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 564px;
  gap: 12px;
}
.joyedu-expert-section .expert-left-wrap .exp-bottom-cont-wrap .exp-cont-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 276px;
  height: 106px;
  border-radius: 10px;
  background-color: #fff;
}
.joyedu-expert-section .expert-left-wrap .exp-bottom-cont-wrap .exp-cont-list .exp-cont-ttl {
  font-size: 1.375rem;
  font-weight: 800;
  color: #391ba5;
  margin-bottom: 9px;
}
.joyedu-expert-section .expert-left-wrap .exp-bottom-cont-wrap .exp-cont-list .exp-cont-txt {
  font-size: 1rem;
  font-weight: 400;
  color: #000;
}
.joyedu-expert-section .exp-right-img-wrap {
  z-index: 0;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  width: 931px;
  height: 845px;
}
.joyedu-expert-section .expert-right-wrap {
  z-index: 1;
  margin-right: -60px;
  margin-top: 150px;
}
.joyedu-expert-section .expert-right-wrap .exp-top-txt-wrap {
  position: relative;
  margin-bottom: 22.5px;
  padding-bottom: 20.5px;
}
.joyedu-expert-section .expert-right-wrap .exp-top-txt-wrap::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 200px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.31);
}
.joyedu-expert-section .expert-right-wrap .exp-top-txt-wrap .t-job {
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.2px;
}
.joyedu-expert-section .expert-right-wrap .exp-top-txt-wrap .t-name {
  margin-top: 9px;
  font-size: 1.875rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 5.2px;
}
.joyedu-expert-section .expert-right-wrap .exp-bottom-career-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 17px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.joyedu-expert-section .expert-right-wrap .exp-bottom-career-wrap .career-list {
  position: relative;
  padding-left: 7px;
  font-size: 1rem;
  font-weight: 300;
  color: #fff;
  letter-spacing: -0.2px;
}
.joyedu-expert-section .expert-right-wrap .exp-bottom-career-wrap .career-list::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: #fff;
}

/* END joyedu-expert-section */
/* joyedu-slide-section */
.joyedu-slide-section {
  padding: 181px 0 180px;
}
.joyedu-slide-section .joyedu-swiper {
  overflow: hidden;
  /* 양 옆 슬라이드 안보이게 */
  position: relative;
  width: 100%;
  height: 420px;
}
.joyedu-slide-section .joyedu-swiper .joyedu-swiper-wrapper .joyedu-swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.joyedu-slide-section .joyedu-swiper .joyedu-swiper-wrapper .joyedu-swiper-slide .joyedu-slide-left-wrap {
  margin-left: 60px;
}
.joyedu-slide-section .joyedu-swiper .joyedu-swiper-wrapper .joyedu-swiper-slide .joyedu-slide-left-wrap .joy-sub-study-txt {
  width: 151px;
  height: 38px;
  margin-bottom: 26px;
  padding: 10px 20px;
  border-radius: 19px;
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
  background-color: #000;
  text-align: center;
}
.joyedu-slide-section .joyedu-swiper .joyedu-swiper-wrapper .joyedu-swiper-slide .joyedu-slide-left-wrap .joy-sub-ttl {
  font-size: 1.5rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.9px;
}
.joyedu-slide-section .joyedu-swiper .joyedu-swiper-wrapper .joyedu-swiper-slide .joyedu-slide-left-wrap .joy-ttl {
  margin: 13px 0 32px;
  font-size: 3rem;
  font-weight: 800;
  color: #000;
  line-height: 1.27;
}
.joyedu-slide-section .joyedu-swiper .joyedu-swiper-wrapper .joyedu-swiper-slide .joyedu-slide-left-wrap .joy-txt {
  font-size: 1.125rem;
  font-weight: 300;
  color: #393939;
  line-height: 1.6;
}
.joyedu-slide-section .joyedu-swiper .joyedu-swiper-wrapper .joyedu-swiper-slide .joyedu-slide-right-wrap {
  overflow: hidden;
  width: 608px;
  height: 420px;
  border-radius: 5px 60px 5px 60px;
}
.joyedu-slide-section .joyedu-swiper .joyedu-swiper-wrapper .joyedu-swiper-slide .joyedu-slide-right-wrap .joyedu-slide-img-wrap {
  width: 608px;
  height: 420px;
}
.joyedu-slide-section .joyedu-swiper .joyedu-swiper-pagination {
  left: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 8px;
  width: 200px;
}
.joyedu-slide-section .joyedu-swiper .joyedu-swiper-pagination .swiper-pagination-bullet {
  width: 20px;
  height: 8px;
  margin: 0;
  border-radius: 10px;
  background: #d7dfef;
  opacity: 1;
}
.joyedu-slide-section .joyedu-swiper .joyedu-swiper-pagination .swiper-pagination-bullet-active {
  width: 86px;
  background-color: #002a8a;
}

/* END joyedu-slide-section */
/* joyedu-meta-change-section */
.joyedu-meta-change-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.joyedu-meta-change-section .meta-conts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 50%;
  height: 940px;
}
.joyedu-meta-change-section .meta-conts.left {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 180px 159px;
}
.joyedu-meta-change-section .meta-conts.left .meta-cont-array-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 500px;
}
.joyedu-meta-change-section .meta-conts.left .meta-img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 426px;
  height: 327px;
  margin-bottom: 45px;
  border-radius: 48px;
  background-color: #f8f8f8;
}
.joyedu-meta-change-section .meta-conts.left .meta-img-wrap .img-grp {
  padding-top: 35px;
  width: 303px;
  height: 323px;
}
.joyedu-meta-change-section .meta-conts.left .meta-img-wrap.meta-parent-img-wrap {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.joyedu-meta-change-section .meta-conts.left .meta-img-wrap.meta-parent-img-wrap .img-grp {
  padding-top: 16px;
  padding-right: 14px;
  width: 330px;
  height: 296px;
}
.joyedu-meta-change-section .meta-conts.left .meta-txt-wrap {
  text-align: center;
}
.joyedu-meta-change-section .meta-conts.left .meta-txt-wrap .meta-ttl {
  margin-bottom: 13px;
  font-size: 3.625rem;
  font-weight: 800;
  color: #000;
}
.joyedu-meta-change-section .meta-conts.left .meta-txt-wrap .meta-ttl .meta-point-txt {
  letter-spacing: -2px;
  color: #ff782a;
}
.joyedu-meta-change-section .meta-conts.left .meta-txt-wrap .meta-ttl.meta-parent-ttl .meta-point-txt {
  color: #391ba5;
}
.joyedu-meta-change-section .meta-conts.left .meta-txt-wrap .meta-txt {
  font-size: 2.75rem;
  font-weight: 700;
  color: #000;
  letter-spacing: -1.9px;
}
.joyedu-meta-change-section .meta-conts.right {
  background-color: #191919;
  padding: 180px 90px;
}
.joyedu-meta-change-section .meta-conts.right .meta-cont-wrap .meta-top-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 7px;
  margin-bottom: 43px;
}
.joyedu-meta-change-section .meta-conts.right .meta-cont-wrap .meta-top-wrap .meta-top-txt-wrap .meta-cont-txt {
  margin-bottom: 6px;
  font-size: 1.625rem;
  font-weight: 500;
  color: #fff;
}
.joyedu-meta-change-section .meta-conts.right .meta-cont-wrap .meta-top-wrap .meta-top-txt-wrap .meta-cont-ttl {
  font-size: 2.375rem;
  font-weight: 700;
  color: #ff782a;
}
.joyedu-meta-change-section .meta-conts.right .meta-cont-wrap .meta-top-wrap .meta-top-txt-wrap .meta-cont-ttl.meta-parent-cont-ttl {
  color: #ab94ff;
}
.joyedu-meta-change-section .meta-conts.right .meta-cont-wrap .meta-top-wrap .meta-light-img-wrap {
  width: 54px;
  height: 54px;
}
.joyedu-meta-change-section .meta-conts.right .meta-cont-wrap .meta-cont-list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.joyedu-meta-change-section .meta-conts.right .meta-cont-wrap .meta-cont-list-wrap .meta-cont-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 22px;
  position: relative;
  width: 610px;
  height: 124px;
  padding: 27px 31px;
  background-color: rgba(255, 255, 255, 0.04);
  border-radius: 100px 0 0 100px;
  border: 1px solid #404040;
  -webkit-box-shadow: 3px 5px 12px rgba(183, 183, 183, 0.06);
          box-shadow: 3px 5px 12px rgba(183, 183, 183, 0.06);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.joyedu-meta-change-section .meta-conts.right .meta-cont-wrap .meta-cont-list-wrap .meta-cont-list::after {
  z-index: 0;
  content: "";
  display: inline-block;
  position: absolute;
  width: 172px;
  height: 146px;
  top: -15px;
  left: auto;
  right: -11px;
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(#191919));
  background: linear-gradient(to right, transparent, #191919);
}
.joyedu-meta-change-section .meta-conts.right .meta-cont-wrap .meta-cont-list-wrap .meta-cont-list .meta-list-img-wrap {
  width: 70px;
  height: 70px;
}
.joyedu-meta-change-section .meta-conts.right .meta-cont-wrap .meta-cont-list-wrap .meta-cont-list .meta-list-txt {
  font-size: 1.5rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.7px;
}

/* END joyedu-meta-change-section */
/* joyedu-counselor-section */
.joyedu-counselor-section {
  position: relative;
  padding: 89px 0 168px;
  background-color: #f5f5f6;
}
.joyedu-counselor-section .joyedu-counselor-txt-wrap {
  position: absolute;
  top: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
  width: 386px;
  height: 60px;
  border-radius: 100px;
  background-color: #fff;
  -webkit-box-shadow: 0 6px 10px rgba(214, 214, 214, 0.2);
          box-shadow: 0 6px 10px rgba(214, 214, 214, 0.2);
}
.joyedu-counselor-section .joyedu-counselor-txt-wrap .counselor-top-img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 38px;
  height: 38px;
}
.joyedu-counselor-section .joyedu-counselor-txt-wrap .counselor-ttl {
  font-size: 1.375rem;
  font-weight: 700;
  color: #000;
}
.joyedu-counselor-section .joyedu-counselor-cont-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 17px;
}
.joyedu-counselor-section .joyedu-counselor-cont-wrap .joyedu-counselor-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 31px;
  width: calc((100% - 34px) / 3);
  height: 164px;
  padding: 32px 38px;
  border-radius: 10px;
  background-color: #fff;
}
.joyedu-counselor-section .joyedu-counselor-cont-wrap .joyedu-counselor-list .counselor-list-img-wrap {
  overflow: hidden;
  width: 100px;
  height: 100px;
  border-radius: 100%;
}
.joyedu-counselor-section .joyedu-counselor-cont-wrap .joyedu-counselor-list .counselor-list-txt-wrap .counselor-name {
  font-size: 1.5rem;
  font-weight: 700;
  color: #000;
}
.joyedu-counselor-section .joyedu-counselor-cont-wrap .joyedu-counselor-list .counselor-list-txt-wrap .counselor-status {
  margin: 4px 0 13px;
  font-size: 1.125rem;
  font-weight: 400;
  color: #000;
}
.joyedu-counselor-section .joyedu-counselor-cont-wrap .joyedu-counselor-list .counselor-list-txt-wrap .counselor-profile-btn {
  width: 70px;
  font-size: 1rem;
  font-weight: 400;
  color: #a4a4a4;
  cursor: pointer;
}
.joyedu-counselor-section .joyedu-counselor-cont-wrap .joyedu-counselor-list .counselor-list-txt-wrap .counselor-profile-btn .profile-next-icon {
  display: inline-block;
  width: 5px;
  height: 10px;
  margin-left: 9.5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.254' height='11.032' viewBox='0 0 6.254 11.032'%3E%3Cg id='그룹_122' data-name='그룹 122' transform='translate(0.99 0.99)'%3E%3Cline id='선_3065' data-name='선 3065' x2='4.275' y2='4.526' transform='translate(0)' fill='none' stroke='%23a4a4a4' stroke-linecap='round' stroke-width='1.4'/%3E%3Cline id='선_3066' data-name='선 3066' x1='4.275' y2='4.526' transform='translate(0 4.526)' fill='none' stroke='%23a4a4a4' stroke-linecap='round' stroke-width='1.4'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/* END joyedu-counselor-section */
/* ===============================================

iltamall page

=============================================== */
/* iltamall-what-section */
.iltamall-what-section {
  padding: 90px 0 96px;
  background-color: #000;
}
.iltamall-what-section .sub-sm-center {
  position: relative;
}
.iltamall-what-section .sub-sm-center .panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.iltamall-what-section .sub-sm-center .panel .iltamall-what-left-wrap {
  position: relative;
  padding-right: 90.5px;
  margin-right: 69.5px;
}
.iltamall-what-section .sub-sm-center .panel .iltamall-what-left-wrap.findedu-what-wrap .img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.iltamall-what-section .sub-sm-center .panel .iltamall-what-left-wrap::after {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  left: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  width: 1px;
  height: 144px;
  background-color: #313131;
}
.iltamall-what-section .sub-sm-center .panel .iltamall-what-left-wrap .img-wrap {
  width: 146px;
  height: 134px;
}
.iltamall-what-section .sub-sm-center .panel .iltamall-what-right-wrap .iltamall-what-txt-wrap .what-ttl {
  margin-bottom: 30px;
  font-size: 1.875rem;
  font-weight: 700;
  color: #fff;
}
.iltamall-what-section .sub-sm-center .panel .iltamall-what-right-wrap .iltamall-what-txt-wrap .what-txt {
  font-size: 1.25rem;
  font-weight: 400;
  color: #fff;
  line-height: 1.58;
}
.iltamall-what-section .sub-sm-center .panel .iltamall-what-right-wrap .iltamall-what-link-wrap {
  position: absolute;
  top: 50%;
  right: 0;
  left: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.iltamall-what-section .sub-sm-center .panel .iltamall-what-right-wrap .iltamall-what-link-wrap .iltamall-what-link .arrow-bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 140px;
  height: 140px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.12);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.iltamall-what-section .sub-sm-center .panel .iltamall-what-right-wrap .iltamall-what-link-wrap .iltamall-what-link .arrow-bg .iltamall-what-arrow-icon {
  display: inline-block;
  width: 62px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65.621' height='44.176' viewBox='0 0 65.621 44.176'%3E%3Cg id='그룹_32816' data-name='그룹 32816' transform='translate(-1534.934 -4680.412)'%3E%3Cline id='선_107' data-name='선 107' x2='62' transform='translate(1536.434 4702.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3Cg id='그룹_32815' data-name='그룹 32815' transform='translate(-0.066 8.033)'%3E%3Cline id='선_108' data-name='선 108' x2='20' y2='20' transform='translate(1578.5 4674.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='선_109' data-name='선 109' y1='20' x2='20' transform='translate(1578.5 4694.434)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.iltamall-what-section .sub-sm-center .panel .iltamall-what-right-wrap .iltamall-what-link-wrap .iltamall-what-link:hover .arrow-bg {
  background-color: #fff;
}
.iltamall-what-section .sub-sm-center .panel .iltamall-what-right-wrap .iltamall-what-link-wrap .iltamall-what-link:hover .arrow-bg .iltamall-what-arrow-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65.621' height='44.176' viewBox='0 0 65.621 44.176'%3E%3Cg id='그룹_32816' data-name='그룹 32816' transform='translate(-1534.934 -4680.412)'%3E%3Cline id='선_107' data-name='선 107' x2='62' transform='translate(1536.434 4702.5)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='3'/%3E%3Cg id='그룹_32815' data-name='그룹 32815' transform='translate(-0.066 8.033)'%3E%3Cline id='선_108' data-name='선 108' x2='20' y2='20' transform='translate(1578.5 4674.5)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='선_109' data-name='선 109' y1='20' x2='20' transform='translate(1578.5 4694.434)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

/* END iltamall-what-section */
/* iltamall-philosophy-section */
.iltamall-philosophy-section {
  padding: 177px 0 0;
}
.iltamall-philosophy-section .philosophy-txt-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 60px;
}
.iltamall-philosophy-section .philosophy-txt-wrap .left-txt-wrap .sub-txt {
  font-size: 1.125rem;
  font-weight: 600;
  color: #c24051;
}
.iltamall-philosophy-section .philosophy-txt-wrap .left-txt-wrap .additional-common-ttl {
  margin-top: 20px;
  text-align: left;
}
.iltamall-philosophy-section .philosophy-txt-wrap .right-txt-wrap {
  margin-top: 31px;
  margin-right: 83px;
}
.iltamall-philosophy-section .philosophy-txt-wrap .right-txt-wrap .additional-common-txt {
  font-size: 1.25rem;
  font-weight: 300;
  color: #000;
  text-align: left;
  line-height: 1.53;
}
.iltamall-philosophy-section .philosophy-txt-wrap .right-txt-wrap .additional-common-txt .color-point-txt {
  color: #c24051;
}
.iltamall-philosophy-section .payment-wrap.philosophy-cont-wrap .payment-list {
  background-color: #f6f6f6;
}
.iltamall-philosophy-section .payment-wrap.philosophy-cont-wrap .payment-list .txt-wrap .num {
  color: #c1c1c1 !important;
}
.iltamall-philosophy-section .payment-wrap.philosophy-cont-wrap .payment-list .txt-wrap .ttl {
  color: #d6344a;
}

/* END iltamall-philosophy-section */
/* iltamall-sale-section */
.iltamall-sale-section {
  overflow: hidden;
}
.iltamall-sale-section .panel {
  position: relative;
  height: 857px;
  padding: 210px 0 90px;
}
.iltamall-sale-section .panel .iltamall-sale-img-wrap {
  z-index: 2;
  position: absolute;
  top: auto;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 664px;
  height: 618px;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper {
  height: 266px;
  margin: 285px 0 90px;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide {
  width: 260px;
  height: 260px;
  padding: 21px 0 0;
  border-radius: 30px;
  opacity: 0.3;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide.sale-swiper-slide-01 {
  background-color: #1ec2ff;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide.sale-swiper-slide-01 .sale-slide-txt-wrap {
  margin-top: 6px;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide.sale-swiper-slide-02 {
  background-color: #f11d79;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide.sale-swiper-slide-03 {
  background-color: #1c5cf3;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide.sale-swiper-slide-04 {
  background-color: #f3ac1c;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide.sale-swiper-slide-05 {
  background-color: #f35e1c;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide.sale-swiper-slide-06 {
  background-color: #00a52c;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide.sale-swiper-slide-07 {
  background-color: #4200a5;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide.swiper-slide-active {
  opacity: 1;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide .sale-slide-img-cont {
  position: relative;
  width: 140px;
  height: 140px;
  margin: 0 auto;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide .sale-slide-img-cont .sale-slide-img-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 113px;
  height: 114px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.2);
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide .sale-slide-img-cont .sale-slide-img-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 140px;
  height: 140px;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide .sale-slide-txt-wrap {
  margin-top: 9px;
  text-align: center;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide .sale-slide-txt-wrap .sale-slide-txt {
  margin-bottom: 6px;
  font-size: 0.9375rem;
  font-weight: 400;
  color: #fff;
}
.iltamall-sale-section .panel .iltamall-sale-swiper-array .iltamall-sale-swiper .iltamall-sale-swiper-wrapper .iltamall-sale-swiper-slide .sale-slide-txt-wrap .sale-slide-ttl {
  font-size: 1.875rem;
  font-weight: 700;
  color: #fff;
}

/* END iltamall-sale-section */
/* iltamall-service-section */
.iltamall-service-section {
  padding: 110px 0 142px;
  background-color: #f9f9f9;
}
.iltamall-service-section .panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.iltamall-service-section .panel .iltamall-service-txt-wrap .sub-txt {
  margin-bottom: 12px;
  font-size: 1.4375rem;
  font-weight: 400;
  color: #393939;
  letter-spacing: -0.4px;
}
.iltamall-service-section .panel .iltamall-service-txt-wrap .additional-common-ttl {
  line-height: 1.33;
  text-align: left;
  font-weight: 400;
}
.iltamall-service-section .panel .iltamall-service-txt-wrap .additional-common-ttl .txt-bold {
  font-weight: 700;
}
.iltamall-service-section .panel .iltamall-service-cont-wrap .iltamall-service-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 624px;
  padding-left: 51px;
  padding-bottom: 22.5px;
  margin-bottom: 24.5px;
}
.iltamall-service-section .panel .iltamall-service-cont-wrap .iltamall-service-list::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: auto;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 624px;
  height: 1px;
  background-color: #e8e8e8;
}
.iltamall-service-section .panel .iltamall-service-cont-wrap .iltamall-service-list:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.iltamall-service-section .panel .iltamall-service-cont-wrap .iltamall-service-list:last-child::after {
  display: none;
}
.iltamall-service-section .panel .iltamall-service-cont-wrap .iltamall-service-list .num {
  font-size: 1rem;
  font-weight: 600;
  color: #c24051;
}
.iltamall-service-section .panel .iltamall-service-cont-wrap .iltamall-service-list .iltamall-service-txt {
  margin-left: 40px;
  font-size: 1.375rem;
  font-weight: 600;
  color: #393939;
}

/* END iltamall-service-section */
/* iltamall-together-section */
.iltamall-together-section {
  padding: 220px 0 250px;
}
.iltamall-together-section .panel {
  text-align: center;
}
.iltamall-together-section .panel .together-img-wrap {
  width: 491px;
  height: 57px;
  margin: 0 auto 33.7px;
}
.iltamall-together-section .panel .iltamall-together-txt-wrap .together-txt {
  margin-bottom: 67px;
  font-size: 1.375rem;
  font-weight: 700;
  color: #000;
}
.iltamall-together-section .panel .iltamall-together-txt-wrap .together-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  width: 204px;
  height: 54px;
  font-size: 1.125rem;
  font-weight: 500;
  color: #fff;
  border-radius: 27px;
  background-color: #000;
}

/* END iltamall-together-section */
/* ===============================================

insurance-center page

=============================================== */
/* insurance-comparison-section */
.insurance-comparison-section {
  padding: 145px 0 129px;
}
.insurance-comparison-section .panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.insurance-comparison-section .panel .insurance-comparison-txt-wrap {
  margin-top: 27px;
}
.insurance-comparison-section .panel .insurance-comparison-txt-wrap .additional-common-ttl {
  text-align: left;
  line-height: 1.27;
}
.insurance-comparison-section .panel .insurance-comparison-txt-wrap .additional-common-txt {
  margin: 27px 0 42px;
  text-align: left;
  font-weight: 500;
  color: #484848;
  line-height: 1.6;
}
.insurance-comparison-section .panel .insurance-comparison-txt-wrap .insurance-comparison-btn {
  width: 246px;
  height: 54px;
  padding: 16px 28px 17px;
  background-color: #0987f5;
  border-radius: 30px;
}
.insurance-comparison-section .panel .insurance-comparison-txt-wrap .insurance-comparison-btn .insurance-comparison-link {
  font-size: 1.125rem;
  font-weight: 500;
  color: #fff;
}
.insurance-comparison-section .panel .insurance-comparison-txt-wrap .insurance-comparison-btn .insurance-comparison-link .next-icon {
  display: inline-block;
  width: 11px;
  height: 9px;
  margin-left: 13.5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.621' height='11.121' viewBox='0 0 12.621 11.121'%3E%3Cg id='그룹_33819' data-name='그룹 33819' transform='translate(-556.439 -7690.439)'%3E%3Cg id='그룹_33817' data-name='그룹 33817' transform='translate(0 7)' opacity='0.5'%3E%3Cline id='선_3287' data-name='선 3287' x2='4.5' y2='4.5' transform='translate(557.5 7684.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/%3E%3Cline id='선_3288' data-name='선 3288' y1='4.5' x2='4.5' transform='translate(557.5 7689)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3Cg id='그룹_33818' data-name='그룹 33818' transform='translate(6 7)'%3E%3Cline id='선_3287-2' data-name='선 3287' x2='4.5' y2='4.5' transform='translate(557.5 7684.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/%3E%3Cline id='선_3288-2' data-name='선 3288' y1='4.5' x2='4.5' transform='translate(557.5 7689)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-animation-name: horizontal-scroll;
          animation-name: horizontal-scroll;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
}
.insurance-comparison-section .panel .insurance-comparison-img-wrap {
  width: 750px;
  height: 373px;
}

/* END insurance-comparison-section */
/* insurance-procedure-section */
.insurance-procedure-section {
  padding: 131px 0 117px;
  background-color: #f8f8f8;
}
.insurance-procedure-section .txt-wrap .additional-common-ttl {
  margin-bottom: 49px;
}
.insurance-procedure-section .insurance-procedure-cont-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 29px;
  position: relative;
}
.insurance-procedure-section .insurance-procedure-cont-wrap .insurance-procedure-cont {
  position: relative;
  width: 374px;
  height: 348px;
  border-radius: 18px;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 16px rgba(230, 235, 241, 0.48);
          box-shadow: 0 5px 16px rgba(230, 235, 241, 0.48);
}
.insurance-procedure-section .insurance-procedure-cont-wrap .insurance-procedure-cont .insurance-procedure-next-icon {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  right: -39px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #fff;
  border: 1px solid #ececec;
  -webkit-box-shadow: 0 3px 14px rgba(33, 52, 84, 0.08);
          box-shadow: 0 3px 14px rgba(33, 52, 84, 0.08);
}
.insurance-procedure-section .insurance-procedure-cont-wrap .insurance-procedure-cont .insurance-procedure-next-icon .next-icon-wrap {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.insurance-procedure-section .insurance-procedure-cont-wrap .insurance-procedure-cont .insurance-procedure-next-icon .next-icon-wrap .next-icon {
  display: inline-block;
  width: 7px;
  height: 14px;
  margin-left: 2px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.828' height='16.829' viewBox='0 0 9.828 16.829'%3E%3Cg id='그룹_33755' data-name='그룹 33755' transform='translate(8.414 15.414) rotate(180)'%3E%3Cline id='선_75' data-name='선 75' x1='7' y2='6.991' fill='none' stroke='%23979797' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='선_76' data-name='선 76' x2='7' y2='6.991' transform='translate(0 7.009)' fill='none' stroke='%23979797' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-animation-name: horizontal-scroll;
          animation-name: horizontal-scroll;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
}
.insurance-procedure-section .insurance-procedure-cont-wrap .insurance-procedure-cont .procedure-img-wrap {
  overflow: hidden;
  width: 374px;
  height: 173px;
  border-radius: 18px 18px 0 0;
}
.insurance-procedure-section .insurance-procedure-cont-wrap .insurance-procedure-cont .procedure-txt-wrap {
  padding-top: 29px;
  text-align: center;
}
.insurance-procedure-section .insurance-procedure-cont-wrap .insurance-procedure-cont .procedure-txt-wrap .sub-txt {
  font-size: 0.9375rem;
  font-weight: 400;
  color: #bcc6db;
}
.insurance-procedure-section .insurance-procedure-cont-wrap .insurance-procedure-cont .procedure-txt-wrap .ttl {
  margin: 9px 0 16px;
  font-size: 1.375rem;
  font-weight: 700;
  color: #0987f5;
}
.insurance-procedure-section .insurance-procedure-cont-wrap .insurance-procedure-cont .procedure-txt-wrap .ttl.joyedu-provide-ttl {
  color: #ff782a;
}
.insurance-procedure-section .insurance-procedure-cont-wrap .insurance-procedure-cont .procedure-txt-wrap .txt {
  font-size: 1rem;
  font-weight: 400;
  color: #5b5b5b;
  line-height: 1.3;
}

/* END insurance-procedure-section */
/* insurance-recommendation-section */
.insurance-recommendation-section {
  padding: 146px 0 177px;
}

/* END insurance-recommendation-section */
/* ===============================================

academy-taxation page

=============================================== */
/* academy-taxation-onestop-section */
.academy-taxation-onestop-section {
  background-color: #f9fafb;
  height: 597px;
  padding: 0;
}
.academy-taxation-onestop-section .sub-sm-center {
  padding: 127px 0 86px;
  position: relative;
}
.academy-taxation-onestop-section .insurance-comparison-txt-wrap {
  margin-top: 42px;
}
.academy-taxation-onestop-section .onestop-right-wrap {
  width: 524px;
  height: 383px;
  margin-right: 94px;
  padding: 50px 34px 28px;
  border-radius: 30px;
  background-color: #fff;
  -webkit-box-shadow: -15px 13px 36px rgba(209, 215, 222, 0.6);
          box-shadow: -15px 13px 36px rgba(209, 215, 222, 0.6);
}
.academy-taxation-onestop-section .onestop-right-wrap .onestop-ttl {
  margin-bottom: 46px;
  font-size: 1.375rem;
  font-weight: 600;
  color: #000;
  text-align: center;
  line-height: 1.35;
}
.academy-taxation-onestop-section .onestop-right-wrap .onestop-cont {
  padding: 38px 42px 30px;
  background-color: #f9fafb;
  border-radius: 10px;
  position: relative;
}
.academy-taxation-onestop-section .onestop-right-wrap .onestop-cont .plus-icon-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #ececec;
  border-radius: 100%;
  -webkit-box-shadow: 0 3px 14px rgba(33, 52, 84, 0.08);
          box-shadow: 0 3px 14px rgba(33, 52, 84, 0.08);
}
.academy-taxation-onestop-section .onestop-right-wrap .onestop-cont .plus-icon-cont .plus-icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.5' height='16.5' viewBox='0 0 16.5 16.5'%3E%3Cg id='그룹_466' data-name='그룹 466' transform='translate(-747.25 -5446.25)'%3E%3Cline id='선_3156' data-name='선 3156' x2='14' transform='translate(748.5 5454.5)' fill='none' stroke='%230987f5' stroke-linecap='round' stroke-width='2.5'/%3E%3Cline id='선_3157' data-name='선 3157' x2='14' transform='translate(755.5 5447.5) rotate(90)' fill='none' stroke='%230987f5' stroke-linecap='round' stroke-width='2.5'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.academy-taxation-onestop-section .onestop-right-wrap .onestop-cont .onestop-cont-list {
  position: relative;
  padding-bottom: 17.5px;
  margin-bottom: 16.5px;
  font-size: 1.125rem;
  font-weight: 600;
  color: #000;
  text-align: center;
}
.academy-taxation-onestop-section .onestop-right-wrap .onestop-cont .onestop-cont-list:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.academy-taxation-onestop-section .onestop-right-wrap .onestop-cont .onestop-cont-list:last-child::after {
  display: none;
}
.academy-taxation-onestop-section .onestop-right-wrap .onestop-cont .onestop-cont-list::after {
  display: inline-block;
  content: "";
  position: absolute;
  top: auto;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background-color: #ebebeb;
}
.academy-taxation-onestop-section .onestop-img-wrap {
  position: absolute;
  top: auto;
  right: -70px;
  bottom: 0;
  left: auto;
}

/* END academy-taxation-onestop-section */
/* academy-taxation-focus-section */
.academy-taxation-focus-section {
  padding: 172px 0 204px;
}
.academy-taxation-focus-section .focus-txt-wrap {
  margin-bottom: 89px;
}
@media all and (max-width: 600px) {
  .academy-taxation-focus-section .focus-txt-wrap {
    margin-bottom: 34px;
  }
}
.academy-taxation-focus-section .focus-txt-wrap .additional-common-ttl {
  margin-bottom: 27px;
}
.academy-taxation-focus-section .focus-txt-wrap .additional-common-txt {
  color: #484848;
  line-height: 1.65;
}
.academy-taxation-focus-section .focus-cont-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 203px;
}
@media all and (max-width: 600px) {
  .academy-taxation-focus-section .focus-cont-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 70px;
  }
}
.academy-taxation-focus-section .focus-cont-wrap .focus-cont-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.academy-taxation-focus-section .focus-cont-wrap .focus-cont-list .focus-cont-list-txt {
  font-size: 1.25rem;
  font-weight: 700;
  color: #002a8a;
  text-align: center;
}
@media all and (max-width: 600px) {
  .academy-taxation-focus-section .focus-cont-wrap .focus-cont-list .focus-cont-list-txt {
    font-size: 1rem;
  }
}
.academy-taxation-focus-section .focus-cont-wrap .focus-cont-list::after {
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  left: auto;
  right: -101px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 185px;
  background-color: #e5e5e5;
}
@media all and (max-width: 600px) {
  .academy-taxation-focus-section .focus-cont-wrap .focus-cont-list::after {
    top: auto;
    left: 50%;
    right: auto;
    bottom: -35px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 80%;
    height: 1px;
  }
}
.academy-taxation-focus-section .focus-cont-wrap .focus-cont-list:last-child::after {
  display: none;
}
.academy-taxation-focus-section .focus-cont-wrap .focus-cont-list .focus-img-bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 138px;
  height: 138px;
  margin-bottom: 23px;
  background-color: #f5f8fb;
  border-radius: 30px;
}
@media all and (max-width: 600px) {
  .academy-taxation-focus-section .focus-cont-wrap .focus-cont-list .focus-img-bg {
    width: 106px;
    height: 106px;
    margin-bottom: 18px;
  }
}
.academy-taxation-focus-section .focus-cont-wrap .focus-cont-list .focus-img-bg .focus-img-wrap {
  width: 80px;
  height: 80px;
}
@media all and (max-width: 600px) {
  .academy-taxation-focus-section .focus-cont-wrap .focus-cont-list .focus-img-bg .focus-img-wrap {
    width: 54px;
    height: 54px;
  }
}

/* END academy-taxation-focus-section */
/* academy-taxation-easy-section */
.academy-taxation-easy-section {
  padding: 0;
  height: 495px;
  background: -webkit-gradient(linear, left top, right top, from(#40a6ff), to(#0077df));
  background: linear-gradient(to right, #40a6ff, #0077df);
}
.academy-taxation-easy-section .sub-sm-center {
  position: relative;
}
.academy-taxation-easy-section .panel {
  height: 495px;
  padding: 114px 0 110px;
}
.academy-taxation-easy-section .panel .easy-txt-wrap {
  margin-top: 0;
}
.academy-taxation-easy-section .panel .easy-txt-wrap .additional-common-ttl {
  color: #fff;
}
.academy-taxation-easy-section .panel .easy-txt-wrap .additional-common-txt {
  margin: 21px 0 33px;
  color: #fff;
}
.academy-taxation-easy-section .panel .easy-txt-wrap .academy-taxation-easy-btn {
  background-color: #fff;
}
.academy-taxation-easy-section .panel .easy-txt-wrap .academy-taxation-easy-btn .academy-taxation-easy-link {
  color: #0987f5;
}
.academy-taxation-easy-section .panel .easy-txt-wrap .academy-taxation-easy-btn .academy-taxation-easy-link .easy-next-icon {
  display: inline-block;
  width: 11px;
  height: 9px;
  margin-left: 13.5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.621' height='11.121' viewBox='0 0 12.621 11.121'%3E%3Cg id='그룹_33819' data-name='그룹 33819' transform='translate(-556.439 -7690.439)'%3E%3Cg id='그룹_33817' data-name='그룹 33817' transform='translate(0 7)' opacity='0.5'%3E%3Cline id='선_3287' data-name='선 3287' x2='4.5' y2='4.5' transform='translate(557.5 7684.5)' fill='none' stroke='%230987f5' stroke-linecap='round' stroke-width='1.5'/%3E%3Cline id='선_3288' data-name='선 3288' y1='4.5' x2='4.5' transform='translate(557.5 7689)' fill='none' stroke='%230987f5' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3Cg id='그룹_33818' data-name='그룹 33818' transform='translate(6 7)'%3E%3Cline id='선_3287-2' data-name='선 3287' x2='4.5' y2='4.5' transform='translate(557.5 7684.5)' fill='none' stroke='%230987f5' stroke-linecap='round' stroke-width='1.5'/%3E%3Cline id='선_3288-2' data-name='선 3288' y1='4.5' x2='4.5' transform='translate(557.5 7689)' fill='none' stroke='%230987f5' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-animation-name: horizontal-scroll;
          animation-name: horizontal-scroll;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
}
.academy-taxation-easy-section .panel .easy-img-wrap .img-wrap {
  z-index: 1;
  position: absolute;
  top: auto;
  right: 78px;
  bottom: 0;
  left: auto;
}
.academy-taxation-easy-section .panel .easy-img-wrap .circle-bg {
  position: absolute;
  top: auto;
  right: 0;
  bottom: -37px;
  left: auto;
  width: 465px;
  height: 465px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.18);
}

/* END academy-taxation-easy-section */
@media all and (max-width: 600px) {
  .company-introduce-page .txt-grp.type-center {
    text-align: center;
  }
}
.company-introduce-page .introduce-ttl {
  font-size: 1rem;
  font-weight: 700;
  color: #0047be;
  letter-spacing: -0.37px;
}
@media all and (max-width: 600px) {
  .company-introduce-page .introduce-ttl {
    font-size: 0.8125rem;
  }
}
.company-introduce-page .introduce-tt {
  margin: 18px 0 39px;
  font-size: 2.5rem;
  font-weight: 800;
  color: #000;
  letter-spacing: -1.07px;
  line-height: 1.24;
}
@media all and (max-width: 600px) {
  .company-introduce-page .introduce-tt {
    margin: 12px 0 32px;
    font-size: 1.75rem;
  }
}
.company-introduce-page .introduce-desc {
  font-size: 1.125rem;
  font-weight: 400;
  color: #393939;
  letter-spacing: -0.51px;
  line-height: 1.46;
}
@media all and (max-width: 600px) {
  .company-introduce-page .introduce-desc {
    font-size: 0.9375rem;
    line-height: 1.59;
  }
}
.company-introduce-page .semibold-txt {
  font-weight: 600;
}
.company-introduce-page .company-introduce-tab-section {
  width: 100%;
  height: 64px;
  background-color: #f6f7f8;
  line-height: 64px;
}
@media all and (max-width: 600px) {
  .company-introduce-page .company-introduce-tab-section {
    height: 47px;
    line-height: 47px;
  }
}
@media all and (max-width: 600px) {
  .company-introduce-page .company-introduce-tab-section .sub-sm-center {
    padding: 0;
  }
}
.company-introduce-page .company-introduce-tab-section.is-fixed {
  position: fixed;
  z-index: 1;
  top: 80px;
}
@media all and (max-width: 600px) {
  .company-introduce-page .company-introduce-tab-section.is-fixed {
    top: 50px;
  }
}
.company-introduce-page .company-introduce-tab-section .company-introduce-tab-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.company-introduce-page .company-introduce-tab-section .introduce-tab {
  position: relative;
  display: inline-block;
  width: 33.3333333333%;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 500;
  color: rgba(54, 71, 101, 0.54);
}
@media all and (max-width: 600px) {
  .company-introduce-page .company-introduce-tab-section .introduce-tab {
    font-size: 1rem;
  }
}
.company-introduce-page .company-introduce-tab-section .introduce-tab::after {
  content: "";
  z-index: 1;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: transparent;
}
.company-introduce-page .company-introduce-tab-section .introduce-tab.is-active {
  border-color: #000;
  color: #000;
  font-weight: 800;
}
@media all and (max-width: 600px) {
  .company-introduce-page .company-introduce-tab-section .introduce-tab.is-active {
    font-weight: 700;
  }
}
.company-introduce-page .company-introduce-tab-section .introduce-tab.is-active::after {
  background-color: #000;
}
.company-introduce-page .management-section {
  background-image: url("../../images/img/img_introduce_01.png");
  padding: 158px 0 162px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media all and (max-width: 600px) {
  .company-introduce-page .management-section {
    background-image: url("../../images/img/m_img_introduce_01.png");
    padding: 74px 0 330px;
  }
}
.company-introduce-page .hand-section {
  padding: 166px 0 176px;
}
@media all and (max-width: 600px) {
  .company-introduce-page .hand-section {
    padding: 60px 0 46px;
  }
}
.company-introduce-page .hand-section .hand-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media all and (max-width: 600px) {
  .company-introduce-page .hand-section .hand-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.company-introduce-page .hand-section .hand-wrap .img-grp {
  overflow: hidden;
  width: 531px;
  height: 362px;
  border-radius: 20px;
}
@media all and (max-width: 600px) {
  .company-introduce-page .hand-section .hand-wrap .img-grp {
    width: 100%;
    height: 273px;
    margin-top: 50px;
    border-radius: 16px;
  }
}
.company-introduce-page .hand-section .hand-wrap .img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.company-introduce-page .far-section {
  background-image: url("../../images/img/img_introduce_03.png");
  padding: 170px 0 253px;
}
@media all and (max-width: 600px) {
  .company-introduce-page .far-section {
    padding: 45px 0 0px;
    background-image: none;
  }
}
@media all and (max-width: 600px) {
  .company-introduce-page .far-section .far-wrap {
    text-align: center;
  }
}
.company-introduce-page .far-section .m-img-grp {
  margin-top: 44px;
  width: 100%;
  height: 279px;
}
.company-introduce-page .far-section .m-img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.company-introduce-page .why-section {
  padding: 140px 0 127px;
  background-color: #f9fafb;
}
@media all and (max-width: 600px) {
  .company-introduce-page .why-section {
    padding: 75px 0 56px;
  }
}
.company-introduce-page .why-section .why-ttl {
  font-size: 2.75rem;
  font-weight: 800;
  color: #000;
  text-align: center;
  letter-spacing: -1.02px;
}
@media all and (max-width: 600px) {
  .company-introduce-page .why-section .why-ttl {
    font-size: 1.75rem;
    line-height: 1.55;
  }
}
.company-introduce-page .why-section .why-ttl .primary-txt {
  color: #0961f5;
}
.company-introduce-page .why-section .why-desc {
  margin-top: 24px;
  font-size: 1.25rem;
  font-weight: 400;
  color: #393939;
  text-align: center;
  letter-spacing: -0.559px;
  line-height: 1.35;
}
@media all and (max-width: 600px) {
  .company-introduce-page .why-section .why-desc {
    font-size: 0.9375rem;
    margin-top: 18px;
    line-height: 1.6;
  }
}
.company-introduce-page .why-section .why-wrap {
  margin-top: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 14px 11px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media all and (max-width: 600px) {
  .company-introduce-page .why-section .why-wrap {
    display: block;
    margin-top: 33px;
  }
}
.company-introduce-page .why-section .why-wrap .why-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 20px;
  width: calc((100% - 22px) / 3);
  padding: 20px 30px;
  border-radius: 16px;
  background-color: #fff;
}
@media all and (max-width: 600px) {
  .company-introduce-page .why-section .why-wrap .why-card {
    width: 100%;
    padding: 11.5px 14px;
    margin-bottom: 6px;
    border-radius: 14px;
    border: 1px solid #f6f6f6;
  }
}
@media all and (max-width: 600px) {
  .company-introduce-page .why-section .why-wrap .why-card:last-child {
    margin-bottom: 0;
  }
}
.company-introduce-page .why-section .why-wrap .why-card .img-conts {
  position: relative;
  width: 74px;
  height: 74px;
  border-radius: 15px;
  border: 1px solid #e8edf1;
  background-color: #f7f8fa;
}
@media all and (max-width: 600px) {
  .company-introduce-page .why-section .why-wrap .why-card .img-conts {
    width: 42px;
    height: 42px;
    border-radius: 12px;
  }
}
.company-introduce-page .why-section .why-wrap .why-card .img-conts .img-grp {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 48px;
  height: 48px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media all and (max-width: 600px) {
  .company-introduce-page .why-section .why-wrap .why-card .img-conts .img-grp {
    width: 30px;
    height: 30px;
  }
}
.company-introduce-page .why-section .why-wrap .why-card .img-conts .img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.company-introduce-page .why-section .why-wrap .why-card .ttl {
  font-size: 1.375rem;
  font-weight: 600;
  color: #393939;
}
@media all and (max-width: 600px) {
  .company-introduce-page .why-section .why-wrap .why-card .ttl {
    font-size: 1rem;
  }
}
.company-introduce-page .introduce-section {
  padding: 200px 0 222px;
}
@media all and (max-width: 600px) {
  .company-introduce-page .introduce-section {
    padding: 76px 0 140px;
  }
}
.company-introduce-page .introduce-section .ttl {
  font-size: 2.75rem;
  font-weight: 800;
  color: #000;
}
@media all and (max-width: 600px) {
  .company-introduce-page .introduce-section .ttl {
    font-size: 1.375rem;
  }
}
.company-introduce-page .introduce-section .introduce-wrap {
  padding-top: 92px;
}
@media all and (max-width: 600px) {
  .company-introduce-page .introduce-section .introduce-wrap {
    padding-top: 40px;
  }
}
.company-introduce-page .introduce-section .introduce-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 88px;
  margin-bottom: 64px;
}
@media all and (max-width: 600px) {
  .company-introduce-page .introduce-section .introduce-grp {
    gap: 21px;
    padding-bottom: 32px;
    margin-bottom: 32px;
    border-bottom: 1px solid #f1f1f1;
  }
}
@media all and (max-width: 600px) {
  .company-introduce-page .introduce-section .introduce-grp:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0;
  }
}
.company-introduce-page .introduce-section .introduce-grp .img-grp {
  overflow: hidden;
  width: 280px;
  height: 330px;
  border-radius: 18px;
}
@media all and (max-width: 600px) {
  .company-introduce-page .introduce-section .introduce-grp .img-grp {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: 132px;
        flex-basis: 132px;
    width: 132px;
    height: 164px;
    border-radius: 10px;
  }
}
.company-introduce-page .introduce-section .introduce-grp .img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.company-introduce-page .introduce-section .introduce-grp .ttl-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 9px;
  margin-bottom: 14px;
}
@media all and (max-width: 600px) {
  .company-introduce-page .introduce-section .introduce-grp .ttl-grp {
    display: block;
    margin-bottom: 6px;
  }
}
.company-introduce-page .introduce-section .introduce-grp .ttl-grp .ttl {
  font-size: 1.625rem;
  font-weight: 700;
  color: #000;
}
@media all and (max-width: 600px) {
  .company-introduce-page .introduce-section .introduce-grp .ttl-grp .ttl {
    font-size: 1.25rem;
  }
}
.company-introduce-page .introduce-section .introduce-grp .ttl-grp .txt {
  font-size: 1.0625rem;
  font-weight: 600;
  color: #0961f5;
  line-height: 1.4;
}
@media all and (max-width: 600px) {
  .company-introduce-page .introduce-section .introduce-grp .ttl-grp .txt {
    margin-top: 4px;
    font-size: 0.8125rem;
  }
}
.company-introduce-page .introduce-section .introduce-grp .tt {
  font-size: 1.125rem;
  font-weight: 300;
  color: #313131;
  letter-spacing: -0.6px;
}
@media all and (max-width: 600px) {
  .company-introduce-page .introduce-section .introduce-grp .tt {
    font-size: 0.8125rem;
  }
}
.company-introduce-page .introduce-section .introduce-grp .mark-img-grp {
  margin: 55px 0 26px;
  width: 26px;
  height: 17px;
}
@media all and (max-width: 600px) {
  .company-introduce-page .introduce-section .introduce-grp .mark-img-grp {
    margin: 20px 0 10px;
    width: 15px;
    height: 10px;
  }
}
.company-introduce-page .introduce-section .introduce-grp .mark-img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.company-introduce-page .introduce-section .introduce-grp .desc {
  font-size: 1.25rem;
  font-weight: 500;
  color: #313131;
  letter-spacing: -0.6px;
  line-height: 1.5;
}
@media all and (max-width: 600px) {
  .company-introduce-page .introduce-section .introduce-grp .desc {
    font-size: 0.875rem;
  }
}

.directions-section {
  padding: 76px 0 244px;
}
@media all and (max-width: 600px) {
  .directions-section {
    padding: 30px 0 93px;
  }
}
.directions-section .ttl {
  font-size: 2.625rem;
  font-weight: 800;
  color: #000;
  letter-spacing: -0.82px;
  text-align: center;
}
@media all and (max-width: 600px) {
  .directions-section .ttl {
    font-size: 1.375rem;
  }
}
.directions-section .desc {
  margin: 14px 0 61px;
  font-size: 1.125rem;
  font-weight: 400;
  color: #6a6a6a;
  letter-spacing: -0.5px;
  text-align: center;
}
@media all and (max-width: 600px) {
  .directions-section .desc {
    margin: 9px 0 28px;
    font-size: 0.875rem;
  }
}
.directions-section .img-grp {
  position: relative;
  width: 100%;
  height: 656px;
}
@media all and (max-width: 600px) {
  .directions-section .img-grp {
    width: auto;
    height: auto;
    padding-top: 101.16%;
    margin: 0 -15px;
  }
}
.directions-section .img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media all and (max-width: 600px) {
  .directions-section .img-grp .img {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.directions-section .img-grp .location-img-grp {
  z-index: 1;
  position: absolute;
  top: 223px;
  left: auto;
  right: 442px;
  width: 179px;
  height: 71px;
}
@media all and (max-width: 600px) {
  .directions-section .img-grp .location-img-grp {
    top: 149px;
    right: 72px;
    width: 115px;
    height: 45px;
  }
}
.directions-section .img-grp .location-img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.directions-section .directions-ttl {
  padding: 88px 0 42px;
  font-size: 2.25rem;
  font-weight: 800;
  color: #000;
}
@media all and (max-width: 600px) {
  .directions-section .directions-ttl {
    padding: 44px 0 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e2e2e2;
    font-size: 1.375rem;
  }
}
.directions-section .direction-info-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 20px;
  margin-bottom: 12px;
}
@media all and (max-width: 600px) {
  .directions-section .direction-info-wrap {
    display: block;
    margin-bottom: 10px;
  }
}
.directions-section .direction-info-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 8px;
  font-size: 1.125rem;
  color: #000;
}
@media all and (max-width: 600px) {
  .directions-section .direction-info-grp {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 10px;
    font-size: 1rem;
  }
}
.directions-section .direction-info-grp .info-tt {
  font-weight: 700;
  letter-spacing: -0.5px;
}
.directions-section .direction-info-grp .info-txt {
  font-weight: 500;
  letter-spacing: -0.5px;
}
@media all and (max-width: 600px) {
  .directions-section .direction-info-grp .info-txt {
    font-weight: 400;
    line-height: 1.34;
  }
}
.directions-section .direction-traffic-wrap {
  padding-top: 60px;
  margin-top: 50px;
  border-top: 1px solid #e2e2e2;
}
@media all and (max-width: 600px) {
  .directions-section .direction-traffic-wrap {
    padding-top: 72px;
    margin-top: 0;
    border-top: 0;
  }
}
.directions-section .direction-traffic-wrap .traffic-ttl {
  margin-bottom: 35px;
  font-size: 1.375rem;
  font-weight: 700;
  color: #000;
}
@media all and (max-width: 600px) {
  .directions-section .direction-traffic-wrap .traffic-ttl {
    padding-bottom: 11px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e2e2e2;
    font-size: 1.125rem;
  }
}
.directions-section .direction-traffic-wrap .traffic-grp {
  margin-bottom: 36px;
  letter-spacing: -0.47px;
}
@media all and (max-width: 600px) {
  .directions-section .direction-traffic-wrap .traffic-grp {
    margin-bottom: 30px;
  }
}
.directions-section .direction-traffic-wrap .traffic-grp .traffic-tt {
  margin-bottom: 12px;
  font-size: 1.25rem;
  font-weight: 800;
  color: #000;
  letter-spacing: -0.47px;
}
@media all and (max-width: 600px) {
  .directions-section .direction-traffic-wrap .traffic-grp .traffic-tt {
    font-size: 1rem;
    font-weight: 700;
  }
}
.directions-section .direction-traffic-wrap .traffic-grp .traffic-desc {
  font-size: 1.125rem;
  font-weight: 400;
  color: #000;
  line-height: 1.52;
  letter-spacing: -0.47px;
}
@media all and (max-width: 600px) {
  .directions-section .direction-traffic-wrap .traffic-grp .traffic-desc {
    font-size: 1rem;
  }
}











.history-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 260px;
  height: calc(100vh - 163px);
  padding: 200px 0;
}
.history-wrapper .history-eduok-logo {
  position: absolute;
  top: 73px;
  left: 39.8%;
  width: 82px;
  height: 26px;
}
.history-wrapper .his-wrap {
  position: relative;
}
.history-wrapper .his-wrap .year {
  font-size: 4.5rem;
  font-weight: 900;
  color: #e8e8e8;
}
.history-wrapper .his-wrap .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.history-wrapper .his-wrap .swiper-slide.swiper-slide-prev {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.history-wrapper .his-wrap .swiper-slide.swiper-slide-next {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.history-wrapper .his-wrap .swiper-slide-active .year {
  color: #0961F5;
}
.history-wrapper .txt-wrap .ttl {
  position: relative;
  margin-bottom: 29px;
  padding-left: 15px;
  font-size: 1.125rem;
  font-weight: 400;
  color: #000;
}
.history-wrapper .txt-wrap .ttl.type-gap {
  margin-bottom: 14px;
  /*margin-bottom: 18px;*/ /*7줄 넘어가면 다음년도 침범해서 글자가 겨침*/
}
.history-wrapper .txt-wrap .ttl::before {
  content: "";
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #0961f5;
}
.history-wrapper .txt-wrap .ttl:last-child {
  margin-bottom: 0;
}
.history-wrapper .his-button-prev,
.history-wrapper .his-button-next {
  left: 50%;
  width: 50px;
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.history-wrapper .his-button-prev::after,
.history-wrapper .his-button-next::after {
  text-indent: -9999;
}
.history-wrapper .his-button-prev {
  background-image: url("../../images/img/img_arrow_top.svg");
  top: -61px;
}
.history-wrapper .his-button-prev:hover {
  background-image: url("../../images/img/img_arrow_top_hover.svg");
}
.history-wrapper .his-button-next {
  background-image: url("../../images/img/img_arrow_bottom.svg");
  bottom: -61px;
  top: auto;
}
.history-wrapper .his-button-next:hover {
  background-image: url("../../images/img/img_arrow_bottom_hover.svg");
}
.history-wrapper .his-pagination {
  position: absolute;
  top: 50%;
  left: 170%;
  width: 5px;
  height: 536px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #eee;
}
.history-wrapper .his-pagination .swiper-pagination-progressbar-fill {
  background-color: #4b8eff;
  /*&::after {
    content: '';
    position: absolute;
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 100%;
    background-color: #0961f5;
  }*/
}










/* =================== mypage =================== */
.mypage-section .mypage-wrap {
  padding: 94px 0 257.5px;
}
.mypage-section .mypage-wrap.type-mypage {
  padding-bottom: 0;
}
.mypage-section .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 50px;
}
.mypage-section .top .mypage-ttl {
  font-size: 2.375rem;
  font-weight: 800;
  line-height: 1.3422;
  letter-spacing: -0.966px;
  color: #000;
}
.mypage-section .top .mypage-ttl .primary-color {
  color: #0961F5;
}
.mypage-section .top .type-mypage .txt {
  margin-left: 6px;
}
.mypage-section .content .attendance-wrap .attendance-grp:not(:last-child) {
  padding-bottom: 154px;
}
.mypage-section .content .attendance-wrap .attendance-grp:last-child .attendance-bottom.type-blank {
  padding-bottom: 252px;
}
.mypage-section .content .attendance-wrap .attendance-grp.type-blank {
  padding-bottom: 0;
}
.mypage-section .content .attendance-wrap .attendance-grp .attendance-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #D8D8D8;
}
.mypage-section .content .attendance-wrap .attendance-grp .attendance-top .attendance-ttl {
  padding-left: 10px;
  font-size: 1.375rem;
  font-weight: 700;
  color: #090909;
}
.mypage-section .content .attendance-wrap .attendance-grp .attendance-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 13px;
  margin-top: 21px;
}
.mypage-section .content .attendance-wrap .attendance-grp .attendance-bottom.type-blank {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 19px;
  margin-top: 0;
  padding: 87px 0 149px;
}
.mypage-section .content .attendance-wrap .attendance-grp .attendance-bottom .blank-txt {
  font-size: 1.125rem;
  font-weight: 600;
  color: #B7BBC4;
}
.mypage-section .content .attendance-wrap .attendance-grp .attendance-bottom .attendance-cont {
  width: calc((100% - 39px) / 4);
  padding: 27px 25px;
  background-color: #F8F8F8;
  border: 1px solid #E9E9E9;
  border-radius: 16px;
}
@media all and (max-width: 600px) {
	.mypage-section .content .attendance-wrap .attendance-grp .attendance-bottom .attendance-cont {width: calc((100% - 39px) / 2);}
}
.mypage-section .content .attendance-wrap .attendance-grp .attendance-bottom .attendance-cont .attendance-txt-sm {
  margin-bottom: 11px;
  font-size: 1.25rem;
  font-weight: 700;
  color: #090909;
}
.mypage-section .content .attendance-wrap .attendance-grp .attendance-bottom .attendance-cont .attendance-txt-ok {
  margin-bottom: 29px;
  font-size: 1rem;
  font-weight: 400;
  color: #0961F5;
}
.mypage-section .content .attendance-wrap .attendance-grp .attendance-bottom .attendance-cont .attendance-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mypage-section .content .attendance-wrap .attendance-grp .attendance-bottom .attendance-cont .attendance-box.type-service {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.mypage-section .content .attendance-wrap .attendance-grp .attendance-bottom .attendance-cont .attendance-box .box {
  background-color: #fff;
  border: 1px solid #E9E9E9;
  border-radius: 6px;
  padding: 6.5px 14px;
  font-size: 1rem;
  font-weight: 500;
  color: #474747;
}
.mypage-section .content .attendance-wrap .attendance-grp .attendance-bottom .attendance-cont .go {
  font-size: 0.875rem;
  font-weight: 400;
  color: #535353;
}

.partners-section {
  padding: 119px 0;
  margin-top: 32px;
  text-align: center;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #F6F9FF), color-stop(90%, #fff));
  background: linear-gradient(to bottom, #F6F9FF 10%, #fff 90%);
}
.partners-section .ttl {
  font-size: 2.875rem;
  font-weight: 800;
  color: #000;
}
.partners-section .ttl .blue-txt {
  color: #0961F5;
}
.partners-section .desc {
  margin: 44px 0 85px;
  font-size: 1.25rem;
  font-weight: 300;
  color: #000;
  letter-spacing: -0.59px;
  line-height: 1.4;
}
.partners-section .img-grp {
  width: 532px;
  height: 492px;
  margin: 0 auto;
}
.partners-section .img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.partners-card-section .partners-card-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 32px;
}
.partners-card-section .partners-card-wrap .partners-card {
  width: calc((100% - 32px) / 2);
  height: 283px;
  padding: 30px 42px;
  border-radius: 20px;
  background-color: #F5F7FA;
}
.partners-card-section .partners-card-wrap .partners-card .card-ttl-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 12px;
  margin-bottom: 19px;
}
.partners-card-section .partners-card-wrap .partners-card .card-ttl-grp .img-wrap {
  position: relative;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #fff;
}
.partners-card-section .partners-card-wrap .partners-card .card-ttl-grp .img-wrap .img-grp {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.partners-card-section .partners-card-wrap .partners-card .card-ttl-grp .img-wrap .img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.partners-card-section .partners-card-wrap .partners-card .card-ttl-grp .card-ttl {
  font-size: 1.5rem;
  font-weight: 700;
  color: #0053DF;
}
.partners-card-section .partners-card-wrap .partners-card .card-txt {
  font-size: 1.25rem;
  font-weight: 300;
  color: #000;
  letter-spacing: -0.56px;
  line-height: 1.55;
}
.partners-card-section .partners-card-wrap .partners-card .card-txt.type-border {
  padding-bottom: 23px;
  margin-bottom: 22px;
  border-bottom: 1px solid #D9DEE5;
}
.partners-card-section .partners-card-wrap .partners-card .card-txt .semibold-txt {
  font-weight: 600;
}
.partners-card-section .partners-card-wrap .partners-card .card-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 6px;
  margin-bottom: 12px;
}
.partners-card-section .partners-card-wrap .partners-card .card-info .info-tt {
  font-size: 1.25rem;
  font-weight: 700;
  color: #000;
}
.partners-card-section .partners-card-wrap .partners-card .desc {
  font-size: 1rem;
  font-weight: 300;
  color: #000;
}

.mall-banner-section {
  padding: 114px 0 180px;
}
.mall-banner-section .mall-banner-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 47px 60px 51px 107px;
  border-radius: 24px;
  background-color: #000;
}
.mall-banner-section .mall-banner-wrap .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.mall-banner-section .mall-banner-wrap .left .img-conts {
  padding-right: 84px;
  margin-right: 69px;
  border-right: 1px solid #313131;
}
.mall-banner-section .mall-banner-wrap .left .img-grp {
  width: 138px;
  height: 126px;
}
.mall-banner-section .mall-banner-wrap .left .img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.mall-banner-section .mall-banner-wrap .left .ttl-grp .ttl {
  margin-bottom: 25px;
  font-size: 1.625rem;
  font-weight: 700;
  color: #fff;
}
.mall-banner-section .mall-banner-wrap .left .ttl-grp .txt {
  font-size: 1.125rem;
  font-weight: 400;
  color: #fff;
  line-height: 1.5;
}
.mall-banner-section .mall-banner-wrap .left .ttl-grp .txt .pink-txt {
  color: #FF8191;
}

.community-page {
  min-height: 100vh;
}

.search-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 645px;
  height: 60px;
  margin: 6px auto 0;
  background-color: #fff;
}
.search-wrap .search-select {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 103px;
  height: auto;
  margin-left: 26px;
  padding: 0;
  border: none;
  font-size: 1.125rem;
  font-weight: normal;
  color: #2e2e2e;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.121' height='6.811' viewBox='0 0 12.121 6.811'%3E%3Cpath id='패스_12021' data-name='패스 12021' d='M5,10,0,5,5,0' transform='translate(1.061 6.061) rotate(-90)' fill='none' stroke='%23636363' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5'/%3E%3C/svg%3E%0A");
  background-size: 12px 8px;
  background-repeat: no-repeat;
  background-position: right 19.5px center;
  border-radius: 0;
  border-right: 1px solid #e9e9e9;
}
.search-wrap .input {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 645px;
  height: 60px;
  /*&::before {
    z-index: 1;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 1px;
    height: 40px;
    background: #e9e9e9;
    transform: translateY(-50%);
  }*/
}
.search-wrap .search-input {
  width: 645px;
  height: 60px;
  font-size: 1.125rem;
  font-weight: 500;
  color: #ababab;
  padding: 19.5px 46px 19.5px 159px;
  border-radius: 10px;
  border: 1px solid #e9e9e9;
}
.search-wrap .search-input:focus {
  border: 1px solid #0961f5;
  outline: none;
}
.search-wrap .search-input::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #c9c9c9;
  opacity: 1; /* Firefox */
}
.search-wrap .search-input::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #c9c9c9;
  opacity: 1; /* Firefox */
}
.search-wrap .search-input:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #c9c9c9;
  opacity: 1; /* Firefox */
}
.search-wrap .search-input::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #c9c9c9;
  opacity: 1; /* Firefox */
}
.search-wrap .search-input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #c9c9c9;
  opacity: 1; /* Firefox */
}
.search-wrap .search-input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #c9c9c9;
}
.search-wrap .search-input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #c9c9c9;
}
.search-wrap .search-btn {
  position: absolute;
  right: 0;
  margin-right: 26px;
  cursor: pointer;
}

.community-tab-wrap {
  padding-top: 48px;
}
.community-tab-wrap .community-tab-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 60px;
  border-top: 1px solid #eaedf2;
  border-left: 1px solid #eaedf2;
}
.community-tab-wrap .community-tab-grp .community-tab {
  width: 20%;
  height: 100%;
  border-right: 1px solid #eaedf2;
  background-color: #f9fafc;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 600;
  color: #787e8b;
  line-height: 60px;
  border-bottom: 1px solid #eaedf2;
  cursor: pointer;
}
.community-tab-wrap .community-tab-grp .community-tab.is-active {
  position: relative;
  color: #0961f5;
  background-color: #fff;
  border-bottom: none;
}
.community-tab-wrap .community-tab-grp .community-tab.is-active::after {
  content: "";
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2.5px;
  background-color: #0961f5;
}

.faq-section {
  padding: 40px 0 94px;
}
.faq-section .faq-wrap.is-active .faq-bottom-grp {
  display: block;
}
.faq-section .faq-wrap.is-active .right {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.faq-section .faq-wrap .faq-top-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px 37px 30px 32px;
  border-bottom: 1px solid #e4e4e4;
  background-color: #fff;
  cursor: pointer;
}
.faq-section .faq-wrap .faq-top-grp .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 24px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.faq-section .faq-wrap .faq-top-grp .left .q-tt {
  font-size: 1.25rem;
  font-weight: 800;
  color: #0961f5;
}
.faq-section .faq-wrap .faq-top-grp .left .cate-ttl {
  -ms-flex-preferred-size: 70px;
      flex-basis: 70px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 1rem;
  font-weight: 500;
  color: #98a1b2;
}
.faq-section .faq-wrap .faq-top-grp .left .ttl {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 1.25rem;
  font-weight: 600;
  color: #000;
}
.faq-section .faq-wrap .faq-bottom-grp {
  display: none;
  padding: 50px 77px;
  background-color: #f9f9f9;
}
.faq-section .faq-wrap .faq-bottom-grp .ttl {
  font-size: 1.125rem;
  font-weight: 400;
  color: #000;
}
.faq-section .faq-wrap .right {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.pagination-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}
.pagination-wrap .btn-pagination {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #eff3f5;
}
.pagination-wrap .btn-pagination.type-num {
  color: #9da7b9;
  background-color: #f4f4f5;
  font-size: 1.125rem;
  font-weight: 400;
}
.pagination-wrap .btn-pagination.is-active {
  background-color: #0961f5;
  color: #fff;
}
.pagination-wrap .btn-pagination .pagination-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 6px;
}

.client-banner-section {
  padding: 156px 0 114px;
}
.client-banner-section .client-banner-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 180px;
  padding: 10px 48px 10px 65px;
  border-radius: 24px;
  background-color: #1e1e1e;
}
.client-banner-section .client-banner-wrap .left {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 38px;
  padding-right: 66px;
  margin-right: 48px;
}
.client-banner-section .client-banner-wrap .left::after {
  content: "";
  z-index: 1;
  position: absolute;
  top: 50%;
  right: 0;
  left: auto;
  width: 1px;
  height: 100px;
  background-color: #3a3a3a;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.client-banner-section .client-banner-wrap .left .img-grp {
  margin-top: 5px;
  width: 121px;
  height: 130px;
}
.client-banner-section .client-banner-wrap .left .img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.client-banner-section .client-banner-wrap .left .ttl-grp .ttl {
  margin-bottom: 14px;
  font-size: 1.625rem;
  font-weight: 800;
  color: #fff;
}
.client-banner-section .client-banner-wrap .left .ttl-grp .txt {
  font-size: 1rem;
  font-weight: 300;
  color: #d6d6d6;
}
.client-banner-section .client-banner-wrap .right {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.client-banner-section .client-banner-wrap .right .txt-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 36px;
}
.client-banner-section .client-banner-wrap .right .txt-grp .time {
  font-size: 1.125rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.4;
}
.client-banner-section .client-banner-wrap .right .txt-grp .desc {
  font-size: 1.0625rem;
  font-weight: 300;
  color: #fff;
  line-height: 1.45;
}
.client-banner-section .client-banner-wrap .right .call-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 9px;
  padding: 15px 20px;
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.06);
}
.client-banner-section .client-banner-wrap .right .call-grp .tt {
  font-size: 1.625rem;
  font-weight: 700;
  color: #fff;
}

.news-section {
  padding: 45px 0 130px;
}
.news-section .news-wrap {
  /* 자료실 상단 타이틀 */
  /* 자료실 */
}
.news-section .news-wrap .news-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 24px 57px 24px 34px;
  border-bottom: 1px solid #ebebeb;
  cursor: pointer;
}
.news-section .news-wrap .news-list .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 41px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.news-section .news-wrap .news-list .left.type-notice .category {
  font-weight: 600;
  color: #0961f5;
}
.news-section .news-wrap .news-list .left.type-notice .ttl {
  font-weight: 600;
}
.news-section .news-wrap .news-list .left .category {
  -ms-flex-preferred-size: 80px;
      flex-basis: 80px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 1.125rem;
  font-weight: 400;
  color: #98a1b2;
}
.news-section .news-wrap .news-list .left .ttl {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 1.125rem;
  font-weight: 400;
  color: #000;
}
.news-section .news-wrap .news-list .right {
  -ms-flex-preferred-size: 100px;
      flex-basis: 100px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.news-section .news-wrap .news-list .right .date {
  font-size: 1.125rem;
  font-weight: 400;
  color: #646464;
  text-align: right;
}
.news-section .news-wrap .reference-room-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
  padding: 17px 0;
  border-top: 2px solid #000;
  border-bottom: 1px solid #d8dde4;
  background-color: #fcfcfc;
}
.news-section .news-wrap .reference-room-title .top-ttl {
  position: relative;
  font-size: 1.125rem;
  font-weight: 400;
  color: #000;
  text-align: center;
}
.news-section .news-wrap .reference-room-title .top-ttl::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  width: 1px;
  height: 110%;
  background-color: #cfd4de;
}
.news-section .news-wrap .reference-room-title .top-ttl:first-child::before {
  display: none;
}
.news-section .news-wrap .reference-room-title .top-ttl.ref-room-ttl {
  width: 100%;
}
.news-section .news-wrap .reference-room-title .top-ttl.ref-room-view {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 142px;
}
.news-section .news-wrap .reference-room-title .top-ttl.ref-room-date {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 196px;
}
.news-section .news-wrap.ref-room-wrap .news-list {
  padding: 24px 0 24px 0;
}
.news-section .news-wrap.ref-room-wrap .left {
  gap: 0;
}
.news-section .news-wrap.ref-room-wrap .left .category {
  width: 187px;
  -ms-flex-preferred-size: 187px;
      flex-basis: 187px;
  padding-left: 34px;
  padding-right: 20px;
}
.news-section .news-wrap.ref-room-wrap .left .ttl {
  width: 650px;
  padding-right: 20px;
  line-height: 1.4;
}
.news-section .news-wrap.ref-room-wrap .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-preferred-size: 340px;
      flex-basis: 340px;
}
.news-section .news-wrap.ref-room-wrap .right .view {
  width: 142px;
  font-size: 1.125rem;
  font-weight: 400;
  color: #646464;
  text-align: center;
}
.news-section .news-wrap.ref-room-wrap .right .date {
  width: 196px;
  text-align: center;
}

.community-detail-section {
  padding: 116px 0 204px;
}
.community-detail-section .community-detail-wrap {
  margin-bottom: 48px;
}
.community-detail-section .community-detail-wrap .category {
  font-size: 1.25rem;
  font-weight: 600;
  color: #0961f5;
}
.community-detail-section .community-detail-wrap .ttl {
  margin: 15px 0 32px;
  font-size: 1.875rem;
  font-weight: 700;
  color: #000;
}
.community-detail-section .community-detail-wrap .community-detail-conts {
  border-top: 1px solid #000;
  /* 첨부파일 */
}
.community-detail-section .community-detail-wrap .community-detail-conts .info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 28px;
  padding: 14.5px 10px;
  border-bottom: 1px solid #ebebeb;
}
.community-detail-section .community-detail-wrap .community-detail-conts .info-list .info-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.community-detail-section .community-detail-wrap .community-detail-conts .info-list .date {
  font-size: 1rem;
  font-weight: 400;
  color: #777;
}
.community-detail-section .community-detail-wrap .community-detail-conts .info-list .date.semibold-txt {
  font-weight: 600;
}
.community-detail-section .community-detail-wrap .community-detail-conts .community-detail-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 17px;
  height: 78px;
  padding: 14px 10px;
  border-bottom: 1px solid #ebebeb;
}
.community-detail-section .community-detail-wrap .community-detail-conts .community-detail-file .community-file-txt {
  font-size: 1.0625rem;
  font-weight: 600;
  color: #777777;
}
.community-detail-section .community-detail-wrap .community-detail-conts .community-detail-file .community-attachment-file {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  padding: 14px 18px 14px 14px;
  border-radius: 8px;
  background-color: #f1f6ff;
}
.community-detail-section .community-detail-wrap .community-detail-conts .community-detail-file .community-attachment-file .file-icon-wrap .file-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg id='그룹_24333' data-name='그룹 24333' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22' height='22' viewBox='0 0 22 22'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_12918' data-name='사각형 12918' width='22' height='22' fill='%23f3f3f3'/%3E%3C/clipPath%3E%3CclipPath id='clip-path-2'%3E%3Crect id='사각형_12917' data-name='사각형 12917' width='15.034' height='19.133' fill='%230961f5'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='마스크_그룹_8' data-name='마스크 그룹 8' clip-path='url(%23clip-path)'%3E%3Cg id='그룹_24332' data-name='그룹 24332' transform='translate(3.483 1.434)'%3E%3Cg id='그룹_24331' data-name='그룹 24331' transform='translate(0 0)' clip-path='url(%23clip-path-2)'%3E%3Cpath id='패스_10819' data-name='패스 10819' d='M8.884,0V.253q0,1.537,0,3.074a2.05,2.05,0,0,0,2.133,2.139q1.879,0,3.758,0h.259v.24q0,5.615,0,11.229a2.127,2.127,0,0,1-2.178,2.194q-5.338.006-10.676,0A2.128,2.128,0,0,1,0,16.937Q0,9.562,0,2.186A2.127,2.127,0,0,1,2.167,0c2.185,0,4.37,0,6.555,0h.162M8.2,12.01v-.288q0-2.07,0-4.14a.7.7,0,0,0-.427-.7.683.683,0,0,0-.938.665c0,1.4,0,2.8,0,4.2v.256c-.315-.313-.59-.591-.87-.863a.684.684,0,1,0-.96.973q1,1.008,2.007,2.007a.669.669,0,0,0,1,.009c.678-.67,1.354-1.342,2.019-2.026a.864.864,0,0,0,.208-.428A.645.645,0,0,0,9.866,11a.669.669,0,0,0-.771.122c-.291.279-.573.567-.9.888' transform='translate(0 0)' fill='%230961f5'/%3E%3Cpath id='패스_10820' data-name='패스 10820' d='M65.731,4.1H61.723a.7.7,0,0,1-.774-.778q0-1.557,0-3.113V.021a.942.942,0,0,1,.84.231q1.816,1.648,3.646,3.28a.774.774,0,0,1,.3.572' transform='translate(-50.699 -0.003)' fill='%230961f5'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.community-detail-section .community-detail-wrap .community-detail-conts .community-detail-file .community-attachment-file .attachment-file-name {
  font-size: 0.9375rem;
  font-weight: 400;
  color: #000;
  letter-spacing: -0.2px;
}
.community-detail-section .community-detail-wrap .community-detail-conts .community-detail-content {
  padding: 48px 10px 80px;
}
.community-detail-section .community-detail-wrap .community-detail-conts .community-detail-content .community-detail-cont-txt {
  margin: 0;
}
.community-detail-section .community-detail-wrap .community-detail-conts .bottom-list {
  border-top: 1px solid #bcbcbc;
  border-bottom: 1px solid #000;
}
.community-detail-section .community-detail-wrap .community-detail-conts .bottom-list .bottom-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 65px;
  padding: 20px 43px;
}
.community-detail-section .community-detail-wrap .community-detail-conts .bottom-list .bottom-grp.type-border {
  border-top: 1px solid #ebebeb;
}
.community-detail-section .community-detail-wrap .community-detail-conts .bottom-list .bottom-grp .bottom-ttl {
  font-size: 1rem;
  font-weight: 700;
  color: #000;
}
.community-detail-section .community-detail-wrap .community-detail-conts .bottom-list .bottom-grp .bottom-txt {
  font-size: 1rem;
  font-weight: 400;
  color: #000;
}

/* system-tab-wrap */
.additional-tab-section .additional-tab-wrap.system-tab-wrap {
  width: 460px;
}
@media all and (max-width: 600px) {
  .additional-tab-section .additional-tab-wrap.system-tab-wrap {
    width: 100%;
  }
}
.additional-tab-section .additional-tab-wrap.system-tab-wrap .additional-tab {
  width: 220px;
}
@media all and (max-width: 600px) {
  .additional-tab-section .additional-tab-wrap.system-tab-wrap .additional-tab {
    width: 100%;
  }
}

/* END system-tab-wrap */
/* system-main-banner-section */
.additional-main-banner-section.system-main-banner-section {
  height: 740px;
  background-image: none;
  background: linear-gradient(135deg, #1b79e5, #0032a2);
}
@media all and (max-width: 600px) {
  .additional-main-banner-section.system-main-banner-section {
    height: 280px;
  }
}
.additional-main-banner-section.system-main-banner-section .sub-sm-center {
  padding: 157px 0 142px;
  height: 740px;
  /* main-banner img 각각 조절 */
}
@media all and (max-width: 600px) {
  .additional-main-banner-section.system-main-banner-section .sub-sm-center {
    padding: 41px 15px 48px;
    height: 280px;
  }
}
.additional-main-banner-section.system-main-banner-section .sub-sm-center .sys-dev-img-wrap {
  top: auto;
  right: -85px;
  bottom: 0;
  left: auto;
}
@media all and (max-width: 600px) {
  .additional-main-banner-section.system-main-banner-section .sub-sm-center .sys-dev-img-wrap {
    width: 240px;
    height: 186px;
    right: 0;
  }
}

/* END system-main-banner-section */
/* sys-dev-feature-section */
/* swiper slide */
.sys-dev-feature-section {
  position: relative;
  height: 930px;
  padding: 150px 0 85px;
}
@media all and (max-width: 600px) {
  .sys-dev-feature-section {
    height: auto;
    padding: 56px 0 48px;
    background-color: #f5f7fb;
  }
}
.sys-dev-feature-section .sys-dev-feature-bg {
  display: inline-block;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  width: 1732px;
  height: 559px;
  border-radius: 0 140px 0 0;
  background: linear-gradient(135deg, #f5f7fb, #e1eafb);
}
.sys-dev-feature-section .sys-dev-feature-txt-wrap {
  margin-bottom: 30px;
  text-align: center;
}
@media all and (max-width: 600px) {
  .sys-dev-feature-section .sys-dev-feature-txt-wrap {
    margin-bottom: 25px;
  }
}
.sys-dev-feature-section .sys-dev-feature-txt-wrap .sys-dev-feature-sub-txt {
  margin-bottom: 11px;
  font-size: 1.375rem;
  font-weight: 700;
  color: #002a8a;
}
@media all and (max-width: 600px) {
  .sys-dev-feature-section .sys-dev-feature-txt-wrap .sys-dev-feature-sub-txt {
    margin-bottom: 7px;
    font-size: 0.8125rem;
    font-weight: 500;
  }
}
.sys-dev-feature-section .sys-dev-feature-txt-wrap .sys-dev-feature-ttl {
  font-size: 3rem;
  font-weight: 800;
  color: #090909;
}
@media all and (max-width: 600px) {
  .sys-dev-feature-section .sys-dev-feature-txt-wrap .sys-dev-feature-ttl {
    font-size: 1.5rem;
    font-weight: 800;
  }
}
.sys-dev-feature-section .feature-swiper {
  overflow: hidden; /* 양 옆 슬라이드 안보이게 */
  position: relative;
}
.sys-dev-feature-section .feature-swiper .feature-swiper-wrapper {
  height: 354px;
}
.sys-dev-feature-section .feature-swiper .feature-swiper-wrapper .feature-swiper-slide {
  height: 354px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sys-dev-feature-section .feature-swiper .feature-swiper-wrapper .feature-swiper-slide .f-swiper-txt-wrap .f-swiper-ttl {
  margin-top: 15px;
  margin-bottom: 38px;
  font-size: 2.625rem;
  font-weight: 800;
  color: #002a8a;
  line-height: 1.44;
}
.sys-dev-feature-section .feature-swiper .feature-swiper-wrapper .feature-swiper-slide .f-swiper-txt-wrap .f-swiper-txt {
  font-size: 1.125rem;
  font-weight: 400;
  color: #474747;
  line-height: 1.53;
}
.sys-dev-feature-section .feature-swiper .feature-swiper-wrapper .feature-swiper-slide .f-swiper-img-wrap {
  overflow: hidden;
  width: 600px;
  height: 354px;
  border-radius: 30px;
  background-color: #fff;
}
.sys-dev-feature-section .feature-swiper .feature-swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  bottom: 14px;
  width: 204px;
  height: 8px;
}
.sys-dev-feature-section .feature-swiper .feature-swiper-pagination .swiper-pagination-bullet {
  margin: 0;
  width: 34px;
  height: 8px;
  border-radius: 10px;
  background-color: #d7dfef;
  opacity: 1;
}
.sys-dev-feature-section .feature-swiper .feature-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 116px;
  background-color: #002a8a;
}
.sys-dev-feature-section .feature-swiper .feature-top-swiper-pagination {
  gap: 12px;
  width: 804px;
  height: 56px;
  margin: 0 auto 160px;
}
.sys-dev-feature-section .feature-swiper .feature-top-swiper-pagination .swiper-pagination-bullet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  margin-bottom: 160px;
  height: 56px;
  border-radius: 28px;
  text-align: center;
  background-color: #f9f9f9;
}
.sys-dev-feature-section .feature-swiper .feature-top-swiper-pagination .swiper-pagination-bullet::after {
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 600;
  color: #919191;
}
.sys-dev-feature-section .feature-swiper .feature-top-swiper-pagination .swiper-pagination-bullet:nth-child(1)::after {
  content: "학원전문 시스템 개발(SI) 서비스";
  width: 287px;
}
.sys-dev-feature-section .feature-swiper .feature-top-swiper-pagination .swiper-pagination-bullet:nth-child(2)::after {
  content: "다양한 개발 플랫폼 지원";
  width: 228px;
}
.sys-dev-feature-section .feature-swiper .feature-top-swiper-pagination .swiper-pagination-bullet:nth-child(3)::after {
  content: "시스템 개발 및 전방위적 지원";
  width: 265px;
}
.sys-dev-feature-section .feature-swiper .feature-top-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: auto;
}
.sys-dev-feature-section .feature-swiper .feature-top-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  color: #fff;
}
@media all and (max-width: 600px) {
  .sys-dev-feature-section .sys-dev-feature-cont-wrap {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
}
@media all and (max-width: 600px) {
  .sys-dev-feature-section .sys-dev-feature-cont-wrap .sys-dev-feature-cont-list {
    width: 100%;
    padding: 28px 31px 37px;
    text-align: center;
    border-radius: 12px;
    border: 1px solid #f1f1f1;
    background-color: #fff;
    -webkit-box-shadow: 2px 4px 12px rgba(104, 104, 104, 0.06);
            box-shadow: 2px 4px 12px rgba(104, 104, 104, 0.06);
  }
}
@media all and (max-width: 600px) {
  .sys-dev-feature-section .sys-dev-feature-cont-wrap .sys-dev-feature-cont-list .sys-dev-feature-img-wrap {
    width: 283px;
    height: 146px;
    margin: 0 auto;
  }
}
@media all and (max-width: 600px) {
  .sys-dev-feature-section .sys-dev-feature-cont-wrap .sys-dev-feature-cont-list .sys-dev-feature-ttl {
    margin: 11px 0 19px;
    font-size: 1.25rem;
    font-weight: 800;
    color: #002a8a;
  }
}
@media all and (max-width: 600px) {
  .sys-dev-feature-section .sys-dev-feature-cont-wrap .sys-dev-feature-cont-list .sys-dev-feature-txt {
    font-size: 0.875rem;
    font-weight: 400;
    color: #474747;
    line-height: 1.63;
    letter-spacing: -0.4px;
  }
}

/* END sys-dev-feature-section */
/* sys-dev-service-section */
.sys-dev-service-section {
  padding: 146px 0 162px;
}
@media all and (max-width: 600px) {
  .sys-dev-service-section {
    padding: 63px 0 86px;
  }
}
.sys-dev-service-section .sys-dev-service-sub-txt {
  font-size: 1.375rem;
  font-weight: 700;
  color: #002a8a;
  margin-bottom: 11px;
  text-align: center;
}
@media all and (max-width: 600px) {
  .sys-dev-service-section .sys-dev-service-sub-txt {
    margin-bottom: 7px;
    font-size: 0.8125rem;
    font-weight: 500;
  }
}

/* END sys-dev-service-section */
/* sys-dev-performance-section */
/* swiper slide */
.sys-dev-performance-section {
  position: relative;
  width: 100%;
  padding: 112px 0 92px;
  background-color: #f5f7fb;
  /* button */
}
@media all and (max-width: 600px) {
  .sys-dev-performance-section {
    padding: 58px 0 50px;
  }
}
.sys-dev-performance-section .sys-dev-performance-txt-wrap {
  margin-bottom: 62px;
}
@media all and (max-width: 600px) {
  .sys-dev-performance-section .sys-dev-performance-txt-wrap {
    margin-bottom: 32px;
  }
}
.sys-dev-performance-section .sys-dev-performance-txt-wrap .performance-sub-txt {
  margin-bottom: 15px;
  font-size: 1.375rem;
  font-weight: 700;
  color: #002a8a;
  text-align: center;
}
@media all and (max-width: 600px) {
  .sys-dev-performance-section .sys-dev-performance-txt-wrap .performance-sub-txt {
    margin-bottom: 7px;
    font-size: 0.75rem;
    line-height: 1.5;
  }
}
.sys-dev-performance-section .sys-dev-performance-txt-wrap .additional-common-ttl {
  text-align: center;
  line-height: 1.32;
  letter-spacing: -0.5px;
}
@media all and (max-width: 600px) {
  .sys-dev-performance-section .sys-dev-performance-txt-wrap .additional-common-ttl {
    font-size: 1.5rem;
  }
}
.sys-dev-performance-section .sys-dev-perf-bg {
  position: absolute;
  top: auto;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 493px;
  background: linear-gradient(135deg, #002ec7, #00267b);
  border-radius: 180px 0 0 0;
}
@media all and (max-width: 600px) {
  .sys-dev-performance-section .sys-dev-perf-bg {
    height: 416px;
    border-radius: 60px 0 0 0;
  }
}
.sys-dev-performance-section .sys-dev-perf-swiper-array {
  position: relative;
}
.sys-dev-performance-section .sys-dev-perf-swiper {
  width: 100%;
  margin-left: 370px;
  overflow: hidden;
  padding-top: 28px;
}
@media all and (max-width: 600px) {
  .sys-dev-performance-section .sys-dev-perf-swiper {
    margin-left: 0;
    overflow: visible;
  }
}
.sys-dev-performance-section .sys-dev-perf-swiper .perf-wrapper {
  height: auto;
}
.sys-dev-performance-section .sys-dev-perf-swiper .perf-swiper-slide {
  border-radius: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 3px 6px 16px rgba(0, 22, 71, 0.1);
          box-shadow: 3px 6px 16px rgba(0, 22, 71, 0.1);
}
.sys-dev-performance-section .sys-dev-perf-swiper .perf-swiper-slide .perf-swiper-img-wrap {
  z-index: 0;
  border-radius: 20px;
  overflow: hidden;
}
.sys-dev-performance-section .sys-dev-perf-swiper .perf-swiper-slide .perf-swiper-img-wrap .img {
  width: 100%;
  height: 100%;
}
.sys-dev-performance-section .sys-dev-perf-swiper .perf-swiper-slide:hover {
  position: relative;
  -webkit-transform: translateY(-28px);
          transform: translateY(-28px);
}
@media all and (max-width: 600px) {
  .sys-dev-performance-section .sys-dev-perf-swiper .perf-swiper-slide:hover {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
}
.sys-dev-performance-section .sys-dev-perf-swiper .perf-swiper-slide.swiper-slide-next {
  -webkit-transform: translateY(-28px);
          transform: translateY(-28px);
}
@media all and (max-width: 600px) {
  .sys-dev-performance-section .sys-dev-perf-swiper .perf-swiper-slide.swiper-slide-next {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@media all and (max-width: 600px) {
  .sys-dev-performance-section .sys-dev-perf-swiper .perf-swiper-slide.swiper-slide-active {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
}
.sys-dev-performance-section .sys-dev-perf-swiper .perf-swiper-slide .perf-swiper-txt-wrap {
  z-index: 1;
  position: absolute;
  top: 96px;
  left: 38px;
}
@media all and (max-width: 600px) {
  .sys-dev-performance-section .sys-dev-perf-swiper .perf-swiper-slide .perf-swiper-txt-wrap {
    top: 83px;
    left: 30px;
  }
}
.sys-dev-performance-section .sys-dev-perf-swiper .perf-swiper-slide .perf-swiper-txt-wrap .perf-swiper-sub-txt {
  font-size: 0.875rem;
  font-weight: 600;
  color: #ababab;
  letter-spacing: -0.4px;
}
@media all and (max-width: 600px) {
  .sys-dev-performance-section .sys-dev-perf-swiper .perf-swiper-slide .perf-swiper-txt-wrap .perf-swiper-sub-txt {
    font-size: 0.8125rem;
  }
}
.sys-dev-performance-section .sys-dev-perf-swiper .perf-swiper-slide .perf-swiper-txt-wrap .perf-swiper-ttl {
  margin: 18px 0 22px;
  font-size: 1rem;
  font-weight: 400;
  color: #000;
  line-height: 1.48;
}
@media all and (max-width: 600px) {
  .sys-dev-performance-section .sys-dev-perf-swiper .perf-swiper-slide .perf-swiper-txt-wrap .perf-swiper-ttl {
    margin: 15px 0 18px;
    font-size: 0.9375rem;
    line-height: 1.4;
  }
}
.sys-dev-performance-section .sys-dev-perf-swiper .perf-swiper-slide .perf-swiper-txt-wrap .sys-dev-perf-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  font-weight: 700;
  color: #0762f5;
  cursor: pointer;
}
@media all and (max-width: 600px) {
  .sys-dev-performance-section .sys-dev-perf-swiper .perf-swiper-slide .perf-swiper-txt-wrap .sys-dev-perf-btn {
    font-size: 0.9375rem;
  }
}
.sys-dev-performance-section .sys-dev-perf-swiper .perf-swiper-slide .perf-swiper-txt-wrap .sys-dev-perf-btn .sys-dev-perf-arrow-icon {
  display: inline-block;
  width: 15px;
  height: 8px;
  margin-left: 17px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.627' height='9.415' viewBox='0 0 15.627 9.415'%3E%3Cg id='그룹_49640' data-name='그룹 49640' transform='translate(0.5 0.707)'%3E%3Cline id='선_3621' data-name='선 3621' x2='14' transform='translate(0 4.001)' fill='none' stroke='%230762f5' stroke-linecap='round' stroke-width='1'/%3E%3Cg id='그룹_49639' data-name='그룹 49639' transform='translate(10.42)'%3E%3Cline id='선_3622' data-name='선 3622' x2='4' y2='4' fill='none' stroke='%230762f5' stroke-linecap='round' stroke-width='1'/%3E%3Cline id='선_3623' data-name='선 3623' x1='4' y2='4' transform='translate(0 4)' fill='none' stroke='%230762f5' stroke-linecap='round' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
@media all and (max-width: 600px) {
  .sys-dev-performance-section .sys-dev-perf-swiper .perf-swiper-slide .perf-swiper-txt-wrap .sys-dev-perf-btn .sys-dev-perf-arrow-icon {
    width: 15px;
    height: 9px;
    margin-left: 14.5px;
  }
}
.sys-dev-performance-section .sys-dev-perf-swiper.sys-part-perf-swiper .perf-swiper-slide.swiper-slide-next {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media all and (max-width: 600px) {
  .sys-dev-performance-section .sys-dev-perf-swiper.sys-part-perf-swiper .perf-swiper-slide.swiper-slide-next {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.sys-dev-performance-section .sys-dev-perf-swiper.sys-part-perf-swiper .perf-swiper-slide.swiper-slide-prev {
  -webkit-transform: translateY(-28px);
          transform: translateY(-28px);
}
@media all and (max-width: 600px) {
  .sys-dev-performance-section .sys-dev-perf-swiper.sys-part-perf-swiper .perf-swiper-slide.swiper-slide-prev {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.sys-dev-performance-section .perf-swiper-button-prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  left: 204px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 76px;
  height: 76px;
  border-radius: 100%;
  /*background-color: #002a8a;*/
  background: rgba(255, 255, 255, 0.16);
}
.sys-dev-performance-section .perf-swiper-button-prev::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.243' height='24.243' viewBox='0 0 14.243 24.243'%3E%3Cg id='그룹_20719' data-name='그룹 20719' transform='translate(2.121 2.262)'%3E%3Cline id='선_75' data-name='선 75' x1='10' y2='10' transform='translate(0 -0.14)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='선_76' data-name='선 76' x2='10' y2='10' transform='translate(0 9.86)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/* END sys-dev-performance-section */
/* ===============================================

system-partnership page

=============================================== */
/* sys-partner-customizing-section */
.sys-partner-customizing-section {
  padding: 166px 0 158px;
  background-image: url("../../images/img/img_system_sys_bg.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media all and (max-width: 600px) {
  .sys-partner-customizing-section {
    position: relative;
    padding: 55px 0 138px;
    background-image: none;
    background: linear-gradient(315deg, #d4e0f1, #fbfbfb);
  }
}
@media all and (max-width: 600px) {
  .sys-partner-customizing-section .mo-sys-partner-customizing-bg {
    z-index: 1;
    position: absolute;
    top: auto;
    right: 8px;
    bottom: 0;
    left: auto;
    width: 289px;
    height: 146px;
  }
  .sys-partner-customizing-section .mo-sys-partner-customizing-bg img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.sys-partner-customizing-section .sys-customizing-txt-wrap {
  margin-bottom: 56px;
  text-align: center;
}
@media all and (max-width: 600px) {
  .sys-partner-customizing-section .sys-customizing-txt-wrap {
    margin-bottom: 35px;
  }
}
.sys-partner-customizing-section .sys-customizing-txt-wrap .customizing-sub-ttl {
  font-size: 1.375rem;
  font-weight: 700;
  color: #002a8a;
  letter-spacing: -0.5px;
}
@media all and (max-width: 600px) {
  .sys-partner-customizing-section .sys-customizing-txt-wrap .customizing-sub-ttl {
    font-size: 0.8125rem;
    font-weight: 500;
  }
}
.sys-partner-customizing-section .sys-customizing-txt-wrap .additional-common-ttl {
  margin: 11px 0 26px;
  color: #090909;
}
@media all and (max-width: 600px) {
  .sys-partner-customizing-section .sys-customizing-txt-wrap .additional-common-ttl {
    margin: 7px 0 18px;
  }
}
.sys-partner-customizing-section .sys-customizing-txt-wrap .additional-common-txt {
  font-size: 1.125rem;
  font-weight: 500;
  color: #393939;
  line-height: 1.7;
  letter-spacing: -0.3px;
}
@media all and (max-width: 600px) {
  .sys-partner-customizing-section .sys-customizing-txt-wrap .additional-common-txt {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.4;
  }
}
.sys-partner-customizing-section .sys-customizing-cont-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 40px;
}
@media all and (max-width: 600px) {
  .sys-partner-customizing-section .sys-customizing-cont-wrap {
    gap: 13px;
  }
}
.sys-partner-customizing-section .sys-customizing-cont-wrap .sys-customizing-cont-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 40px 0 39px;
  width: 339px;
  height: 351px;
  background-color: #fff;
  border-radius: 26px;
  border: 1px solid #e7ebf3;
}
@media all and (max-width: 600px) {
  .sys-partner-customizing-section .sys-customizing-cont-wrap .sys-customizing-cont-list {
    width: 166px;
    height: auto;
    padding: 21px 0 22px;
  }
}
.sys-partner-customizing-section .sys-customizing-cont-wrap .sys-customizing-cont-list .customizing-cont-img-bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 204px;
  height: 204px;
  margin-bottom: 34px;
  border-radius: 100%;
  background-color: rgba(245, 247, 251, 0.84);
}
@media all and (max-width: 600px) {
  .sys-partner-customizing-section .sys-customizing-cont-wrap .sys-customizing-cont-list .customizing-cont-img-bg {
    width: 98px;
    height: 98px;
    margin-bottom: 18px;
  }
}
.sys-partner-customizing-section .sys-customizing-cont-wrap .sys-customizing-cont-list .customizing-cont-img-bg::after {
  z-index: 0;
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 160px;
  height: 160px;
  border-radius: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 0 24px rgba(0, 30, 97, 0.06);
          box-shadow: 0 0 24px rgba(0, 30, 97, 0.06);
}
@media all and (max-width: 600px) {
  .sys-partner-customizing-section .sys-customizing-cont-wrap .sys-customizing-cont-list .customizing-cont-img-bg::after {
    width: 78px;
    height: 78px;
  }
}
.sys-partner-customizing-section .sys-customizing-cont-wrap .sys-customizing-cont-list .customizing-cont-img-bg .customizing-cont-img-wrap {
  z-index: 1;
  width: 70px;
  height: 70px;
}
@media all and (max-width: 600px) {
  .sys-partner-customizing-section .sys-customizing-cont-wrap .sys-customizing-cont-list .customizing-cont-img-bg .customizing-cont-img-wrap {
    width: 38px;
    height: 38px;
  }
}
.sys-partner-customizing-section .sys-customizing-cont-wrap .sys-customizing-cont-list .customizing-cont-txt {
  font-size: 1.75rem;
  font-weight: 700;
  color: #090909;
  letter-spacing: -0.4px;
}
@media all and (max-width: 600px) {
  .sys-partner-customizing-section .sys-customizing-cont-wrap .sys-customizing-cont-list .customizing-cont-txt {
    font-size: 1rem;
  }
}

/* END sys-partner-customizing-section */
/* additional-tab-section */
/* END top-text-section */
/* additional-tab-section */
/* END top-text-section */
/* additional-tab-section */
/* END top-text-section */
/* additional-tab-section */
/* END top-text-section */
/* additional-tab-section */
/* END top-text-section */
/* additional-tab-section */
/* END top-text-section */
/* additional-tab-section */
/* END top-text-section */
/* additional-tab-section */ /* END top-text-section */
/* additional-tab-section */
/* END top-text-section */
/* additional-tab-section */
.additional-tab-section .additional-tab-wrap.type-talk {
  max-width: 912px;
}
.additional-tab-section .additional-tab-wrap .additional-tab.type-talk {
  width: calc((100% - 6px) / 4);
}

.additional-main-banner-section.type-talk {
  background-image: url("../../images/img/img_talk_bg.png");
}
@media all and (max-width: 600px) {
  .additional-main-banner-section.type-talk {
    background-image: url("../../images/img/m_img_talk_bg.png");
    margin-top: 44px;
  }
}
.additional-main-banner-section.type-royal {
  background-image: url("../../images/img/img_royal_bg.png");
}
@media all and (max-width: 600px) {
  .additional-main-banner-section.type-royal {
    background-image: url("../../images/img/m_img_royal_bg.png");
    margin-top: 44px;
  }
}
.additional-main-banner-section.type-smart {
  background-image: url("../../images/img/img_smart_bg.png");
}
@media all and (max-width: 600px) {
  .additional-main-banner-section.type-smart {
    background-image: url("../../images/img/m_img_smart_bg.png");
  }
}
.additional-main-banner-section .sub-sm-center.type-talk {
  padding: 158px 15px 0 15px;
}
.additional-main-banner-section .sub-sm-center .panel.type-talk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap {
  z-index: 1;
  position: absolute;
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap.type-talk {
  width: 100%;
}
@media all and (max-width: 600px) {
  .additional-main-banner-section .sub-sm-center .additional-txt-wrap.type-talk {
    top: 42px;
  }
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .top-txt-wrap .menu-txt.type-talk {
  color: #afaa00;
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .top-txt-wrap .menu-txt.type-royal {
  color: rgba(255, 255, 255, 0.5);
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .top-txt-wrap .main-ttl.type-talk {
  color: #000;
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .top-txt-wrap .main-ttl.type-royal {
  color: #fff;
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .top-txt-wrap .sub-txt.type-talk {
  color: #000;
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .top-txt-wrap .sub-txt.type-royal {
  color: #fff;
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .md-txt-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 62px;
}
@media all and (max-width: 600px) {
  .additional-main-banner-section .sub-sm-center .additional-txt-wrap .md-txt-wrap {
    display: none;
  }
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .md-txt-wrap .md-txt-list {
  min-width: 185px;
  padding-top: 1.5px;
  padding-left: 28px;
  border-left: 1px solid rgba(0, 0, 0, 0.5);
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .md-txt-wrap .md-txt-list.type-royal {
  border-color: rgba(255, 255, 255, 0.5);
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .md-txt-wrap .md-txt-list .sm-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  margin-bottom: 9px;
  font-size: 1rem;
  font-weight: 700;
  color: #000;
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .md-txt-wrap .md-txt-list .sm-txt.type-royal {
  color: #fff;
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .md-txt-wrap .md-txt-list .sm-txt .smm-txt {
  font-size: 0.8125rem;
  font-weight: 400;
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .md-txt-wrap .md-txt-list .sm-txt .smm-txt.type-royal {
  color: #fff;
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .md-txt-wrap .md-txt-list .txt {
  font-size: 1.375rem;
  font-weight: 500;
  color: #000;
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .md-txt-wrap .md-txt-list .txt.type-royal {
  color: #fff;
}
.additional-main-banner-section .sub-sm-center .additional-txt-wrap .md-txt-wrap .md-txt-list .txt.type-royal .num {
  font-weight: 700;
}
@media all and (max-width: 600px) {
  .additional-main-banner-section .sub-sm-center .additional-txt-wrap .btn-wrap.academy-taxation-btn-wrap.type-talk {
    padding: 0 25px !important;
    line-height: 40px;
  }
}
.additional-main-banner-section .sub-sm-center .additional-img-wrap.type-talk {
  position: relative;
  right: auto;
  bottom: auto;
  width: 100%;
  padding-top: 26px;
}
.additional-main-banner-section .sub-sm-center .additional-img-wrap.type-talk .additional-img-grp.type-tab {
  width: 791px;
  height: 521px;
  position: absolute;
  top: 26px;
  right: -175px;
}
@media all and (max-width: 600px) {
  .additional-main-banner-section .sub-sm-center .additional-img-wrap.type-talk .additional-img-grp.type-tab {
    display: none;
  }
}
.additional-main-banner-section .sub-sm-center .additional-img-wrap.type-talk .additional-img-grp.type-dongdong {
  position: absolute;
  top: 136px;
  right: 522px;
  width: 128px;
  height: 128px;
}
@media all and (max-width: 600px) {
  .additional-main-banner-section .sub-sm-center .additional-img-wrap.type-talk .additional-img-grp.type-dongdong {
    top: -65px;
    right: 0;
    width: 157px;
    height: 171px;
  }
}
.additional-main-banner-section .sub-sm-center .additional-img-wrap.type-talk .additional-img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.additional-count-section {
  padding: 97px 104px 100px;
  background-color: #fff;
}
@media all and (max-width: 600px) {
  .additional-count-section {
    padding: 42px 0 43px;
  }
}
.additional-count-section .count-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1077px;
  margin-left: auto;
}
@media all and (max-width: 600px) {
  .additional-count-section .count-grp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
}
.additional-count-section .count-grp .count-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 33.3333333333%;
}
@media all and (max-width: 600px) {
  .additional-count-section .count-grp .count-list {
    position: relative;
    width: 100%;
    padding-left: 91px;
    padding: 28.5px 0 35.5px 91px;
    border-bottom: 1px solid #ececec;
  }
}
@media all and (max-width: 600px) {
  .additional-count-section .count-grp .count-list:nth-child(1) {
    padding-top: 0;
  }
}
@media all and (max-width: 600px) {
  .additional-count-section .count-grp .count-list:nth-child(3) {
    padding-bottom: 0;
    border-bottom: none;
  }
}
@media all and (max-width: 600px) {
  .additional-count-section .count-grp .count-list::before {
    content: "";
    width: 58px;
    height: 58px;
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media all and (max-width: 600px) {
  .additional-count-section .count-grp .count-list:nth-child(1)::before {
    background-image: url("../../images/img/m_img_talk_01.png");
    top: 35%;
  }
}
@media all and (max-width: 600px) {
  .additional-count-section .count-grp .count-list:nth-child(2)::before {
    background-image: url("../../images/img/m_img_talk_02.png");
  }
}
@media all and (max-width: 600px) {
  .additional-count-section .count-grp .count-list:nth-child(3)::before {
    background-image: url("../../images/img/m_img_talk_03.png");
    top: 66%;
  }
}
.additional-count-section .count-grp .count-num-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
@media all and (max-width: 600px) {
  .additional-count-section .count-grp .count-num-grp {
    margin-bottom: 8px;
  }
}
.additional-count-section .count-grp .count-num-grp .num {
  font-size: 2.8125rem;
  font-weight: 700;
  color: #000;
}
@media all and (max-width: 600px) {
  .additional-count-section .count-grp .count-num-grp .num {
    font-size: 1.625rem;
  }
}
.additional-count-section .count-grp .count-num-grp .person {
  font-size: 2.8125rem;
  font-weight: 700;
  color: #000;
}
@media all and (max-width: 600px) {
  .additional-count-section .count-grp .count-num-grp .person {
    font-size: 1.625rem;
  }
}
.additional-count-section .count-grp .count-num-grp .plus {
  margin-left: 6px;
  font-size: 2.8125rem;
  font-weight: 700;
  color: #ffaf0e;
}
@media all and (max-width: 600px) {
  .additional-count-section .count-grp .count-num-grp .plus {
    font-size: 1.625rem;
  }
}
.additional-count-section .count-grp .txt {
  opacity: 0.6;
  font-size: 1.25rem;
  font-weight: 500;
  color: #000;
}
@media all and (max-width: 600px) {
  .additional-count-section .count-grp .txt {
    font-size: 0.875rem;
  }
}

.additional-easy-section {
  background-image: url("../../images/img/img_easy_bg.png");
  padding: 179px 0 166px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media all and (max-width: 600px) {
  .additional-easy-section {
    background-image: url("../../images/img/m_img_easy_bg.png");
    position: relative;
    padding-top: 252.27%;
  }
}
@media all and (max-width: 600px) {
  .additional-easy-section .sub-sm-center {
    position: absolute;
    top: 73px;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.additional-easy-section .panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 92px;
}
@media all and (max-width: 600px) {
  .additional-easy-section .panel {
    display: block;
  }
}
.additional-easy-section .tab-img-wrap-01 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: none;
}
.additional-easy-section .tab-img-wrap-01.is-active {
  display: block;
}
.additional-easy-section .tab-img-wrap-01 .img-grp {
  display: none;
}
.additional-easy-section .tab-img-wrap-01 .img-grp.is-active {
  display: block;
}
.additional-easy-section .tab-img-wrap-02 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: none;
}
.additional-easy-section .tab-img-wrap-02.is-active {
  display: block;
}
.additional-easy-section .tab-img-wrap-02 .img-grp {
  display: none;
}
.additional-easy-section .tab-img-wrap-02 .img-grp.is-active {
  display: block;
}
.additional-easy-section .txt-wrap {
  -ms-flex-preferred-size: 445px;
      flex-basis: 445px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media all and (max-width: 600px) {
  .additional-easy-section .txt-wrap {
    text-align: center;
  }
}
.additional-easy-section .txt-wrap .ttl {
  display: inline-block;
  margin-bottom: 24px;
  padding-left: 10px;
  font-size: 3rem;
  font-weight: 800;
  color: #fff;
}
@media all and (max-width: 600px) {
  .additional-easy-section .txt-wrap .ttl {
    display: block;
    margin-bottom: 25px;
    padding-left: 0;
    font-size: 1.75rem;
  }
}
.additional-easy-section .txt-wrap .sub-txt {
  opacity: 0.8;
  display: inline-block;
  margin-bottom: 53px;
  padding-left: 10px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 28.7px;
  letter-spacing: -0.743px;
  color: #fff;
}
@media all and (max-width: 600px) {
  .additional-easy-section .txt-wrap .sub-txt {
    margin-bottom: 56px;
    padding-left: 0;
  }
}
@media all and (max-width: 600px) {
  .additional-easy-section .txt-wrap .tab-cont-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.additional-easy-section .txt-wrap .tab-cont-wrap.mb-hide .tab-ttl-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 19px;
}
.additional-easy-section .txt-wrap .tab-cont-wrap.mb-hide .tab-ttl-txt {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 42px 14px;
  border-bottom: 1px solid #fff;
  font-size: 1.25rem;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
}
.additional-easy-section .txt-wrap .tab-cont-wrap.mb-hide .tab-ttl-txt.is-active {
  border-color: #ffaf0e;
  color: #ffaf0e;
}
.additional-easy-section .txt-wrap .tab-cont-wrap.mb-hide .tab-ttl-txt.type-student.is-active .tab-img-wrap-02 {
  border: 1px solid red;
}
.additional-easy-section .txt-wrap .tab-cont-wrap.mb-hide .tab-bottom-grp {
  display: none;
  padding: 26px 25px 0;
  background-color: rgba(244, 244, 244, 0.18);
  border-radius: 20px;
}
.additional-easy-section .txt-wrap .tab-cont-wrap.mb-hide .tab-bottom-grp.is-active {
  display: block;
}
.additional-easy-section .txt-wrap .tab-cont-wrap.mb-hide .tab-cont-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(244, 244, 244, 0.11);
}
.additional-easy-section .txt-wrap .tab-cont-wrap.mb-hide .tab-cont-grp .btn-grp.is-active {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(17%, #f5d10a), to(#ffaf0e));
  background: linear-gradient(to bottom, #f5d10a 17%, #ffaf0e 100%);
  background-color: blue;
}
.additional-easy-section .txt-wrap .tab-cont-wrap.mb-hide .tab-cont-grp .btn-grp.is-active .step-num {
  color: #000;
}
.additional-easy-section .txt-wrap .tab-cont-wrap.mb-hide .tab-cont-grp .btn-grp.is-active .txt {
  color: #000;
}
.additional-easy-section .txt-wrap .tab-cont-wrap.mb-hide .tab-cont-grp .btn-grp {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 23px 26px;
  border-radius: 12px;
  background-color: #fff;
}
.additional-easy-section .txt-wrap .tab-cont-wrap.mb-hide .tab-cont-grp .btn-grp .step-num {
  font-size: 1.125rem;
  font-weight: 700;
  color: #c5c5c5;
}
.additional-easy-section .txt-wrap .tab-cont-wrap.mb-hide .tab-cont-grp .btn-grp .txt {
  font-size: 1.25rem;
  font-weight: 500;
  color: #676767;
}
.additional-easy-section .txt-wrap .tab-cont-wrap.mb-hide .btn-view {
  margin: 0 auto;
  padding: 22px 0 27px;
}
.additional-easy-section .txt-wrap .tab-cont-wrap.mb-hide .btn-view .txt {
  font-size: 1.125rem;
  font-weight: 400;
  color: #fff;
}
.additional-easy-section .txt-wrap .tab-cont-wrap.mb-show-flex .student-cont {
  overflow: hidden;
  margin-bottom: 11.7%;
}
.additional-easy-section .txt-wrap .tab-cont-wrap.mb-show-flex .attendance-cont,
.additional-easy-section .txt-wrap .tab-cont-wrap.mb-show-flex .student-cont {
  overflow: hidden;
  border-radius: 16px;
}
.additional-easy-section .txt-wrap .tab-cont-wrap.mb-show-flex .easy-ttl-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16.5px 25px 16.5px 21px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5d10a), to(#ffaf0e));
  background-image: linear-gradient(to bottom, #f5d10a, #ffaf0e);
}
.additional-easy-section .txt-wrap .tab-cont-wrap.mb-show-flex .easy-ttl-grp .easy-ttl {
  font-size: 1.125rem;
  font-weight: 700;
  color: #000;
}
.additional-easy-section .txt-wrap .tab-cont-wrap.mb-show-flex .easy-ttl-grp .btn-grp {
  gap: 6px;
}
.additional-easy-section .txt-wrap .tab-cont-wrap.mb-show-flex .easy-ttl-grp .btn-grp .txt {
  font-size: 0.875rem;
  font-weight: 400;
  color: #000;
}
.additional-easy-section .txt-wrap .tab-cont-wrap.mb-show-flex .easy-ttl-grp .btn-grp .icon-arrow-bk-03 {
  width: 10px;
  height: 7px;
}
.additional-easy-section .txt-wrap .tab-cont-wrap.mb-show-flex .easy-student-swiper {
  position: relative;
  height: 323px;
  padding-top: 93.5%;
}
.additional-easy-section .txt-wrap .tab-cont-wrap.mb-show-flex .easy-student-swiper .swiper-slide .img-grp {
  position: relative;
  padding-top: 94%;
  width: 100%;
}
.additional-easy-section .txt-wrap .tab-cont-wrap.mb-show-flex .easy-student-swiper .swiper-slide .img-grp .img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.additional-easy-section .txt-wrap .tab-cont-wrap.mb-show-flex .easy-attendance-swiper {
  position: relative;
  height: 323px;
  padding-top: 93.5%;
}
.additional-easy-section .txt-wrap .tab-cont-wrap.mb-show-flex .swiper-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.additional-attendance-section {
  height: 770px;
  background-color: #fff;
}
@media all and (max-width: 600px) {
  .additional-attendance-section {
    height: auto;
    padding: 170px 0 50px;
  }
}
.additional-attendance-section.type-pay {
  height: 1264px;
}
@media all and (max-width: 600px) {
  .additional-attendance-section.type-pay {
    height: auto;
    padding: 50px 0 476px;
    background-color: #f2f2f2;
  }
}
.additional-attendance-section .panel {
  position: relative;
  width: 100%;
  height: 100%;
}
@media all and (max-width: 600px) {
  .additional-attendance-section .panel {
    height: auto;
  }
}
.additional-attendance-section .attendance-swiper-wrap {
  overflow: hidden;
  position: absolute;
  width: 60%;
  height: 60%;
  top: 50%;
  right: 0;
  border-radius: 30px;
  background-color: #F5D10A;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.additional-attendance-section .attendance-swiper-wrap.type-pay {
  top: 259px;
  right: auto;
  left: 0;
  width: 55%;
  height: 483px;
  border-radius: 40px;
  border: 1px solid #F1F1F1;
  background-color: #FBFBFB;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.additional-attendance-section .attendance-swiper-wrap .swiper-container {
  width: 100%;
  height: 100%;
}
.additional-attendance-section .attendance-swiper-wrap .swiper-slide {
  text-align: center;
  font-size: 18px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.additional-attendance-section .attendance-swiper-wrap .swiper-slide .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.additional-attendance-section .txt-wrap {
  position: absolute;
  height: 406px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media all and (max-width: 600px) {
  .additional-attendance-section .txt-wrap {
    width: 100%;
    top: -105px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.additional-attendance-section .txt-wrap.type-pay {
  top: 259px;
  right: 160px;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media all and (max-width: 600px) {
  .additional-attendance-section .txt-wrap.type-pay {
    top: 0;
    right: 0;
    left: auto;
    height: auto;
  }
}
.additional-attendance-section .txt-wrap .txt-grp {
  margin-bottom: 40px;
}
.additional-attendance-section .txt-wrap .txt-grp.type-pay {
  margin-bottom: 46px;
}
@media all and (max-width: 600px) {
  .additional-attendance-section .txt-wrap .txt-grp.type-pay {
    margin-bottom: 24px;
  }
}
.additional-attendance-section .txt-wrap .txt-grp .ttl-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 23px;
}
@media all and (max-width: 600px) {
  .additional-attendance-section .txt-wrap .txt-grp .ttl-grp {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 6px;
    margin-bottom: 8px;
  }
}
.additional-attendance-section .txt-wrap .txt-grp .ttl-grp .ttl {
  padding-top: 7px;
  font-size: 3rem;
  font-weight: 800;
  color: #000;
}
@media all and (max-width: 600px) {
  .additional-attendance-section .txt-wrap .txt-grp .ttl-grp .ttl {
    padding-top: 0;
    font-size: 1.625rem;
  }
}
.additional-attendance-section .txt-wrap .txt-grp .ttl-grp .img-grp {
  width: 68px;
  height: 73px;
}
@media all and (max-width: 600px) {
  .additional-attendance-section .txt-wrap .txt-grp .ttl-grp .img-grp {
    width: 45px;
    height: 51px;
  }
}
.additional-attendance-section .txt-wrap .txt-grp .ttl-grp .img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.additional-attendance-section .txt-wrap .txt-grp .sub-txt {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 23.5px;
  letter-spacing: -0.5px;
  color: #393939;
}
@media all and (max-width: 600px) {
  .additional-attendance-section .txt-wrap .txt-grp .sub-txt {
    font-size: 1rem;
    text-align: center;
  }
}
.additional-attendance-section .txt-wrap .swiper-pagination {
  padding-left: 26px;
}
.additional-attendance-section .txt-wrap .swiper-pagination-bullet {
  width: 100%;
  min-height: 83px;
  background: transparent;
  opacity: 1;
  line-height: 83px;
  text-align: left;
}
.additional-attendance-section .txt-wrap .swiper-pagination-bullet:nth-child(1) {
  position: relative;
  -webkit-transition: all 0.05s;
  transition: all 0.05s;
}
.additional-attendance-section .txt-wrap .swiper-pagination-bullet:nth-child(1)::before {
  content: "01";
  opacity: 0.29;
  display: block;
  position: absolute;
  font-size: 1.125rem;
  font-weight: 500;
  color: #000;
}
.additional-attendance-section .txt-wrap .swiper-pagination-bullet:nth-child(2) {
  position: relative;
}
.additional-attendance-section .txt-wrap .swiper-pagination-bullet:nth-child(2)::before {
  content: "02";
  opacity: 0.29;
  display: block;
  position: absolute;
  font-size: 1.125rem;
  font-weight: 500;
  color: #000;
}
.additional-attendance-section .txt-wrap .swiper-pagination-bullet:nth-child(3) {
  position: relative;
}
.additional-attendance-section .txt-wrap .swiper-pagination-bullet:nth-child(3)::before {
  content: "03";
  opacity: 0.29;
  display: block;
  position: absolute;
  font-size: 1.125rem;
  font-weight: 500;
  color: #000;
}
.additional-attendance-section .txt-wrap .swiper-pagination-bullet > span {
  opacity: 0.29;
  padding-left: 44px;
  font-size: 1.375rem;
  font-weight: 700;
  color: #000;
  -webkit-transition: all 0.05s;
  transition: all 0.05s;
}
.additional-attendance-section .txt-wrap .swiper-pagination-bullet-active::before {
  opacity: 1 !important;
  color: #ffaf0e !important;
}
.additional-attendance-section .txt-wrap .swiper-pagination-bullet-active > span {
  opacity: 1;
  font-size: 1.875rem;
  font-weight: 700;
  color: #ffaf0e;
}
.additional-attendance-section .kakao-swiper-grp {
  overflow: hidden;
  position: relative;
  padding-top: 125.7%;
  border-radius: 16px;
}
.additional-attendance-section .kakao-swiper-grp .swiper-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.additional-attendance-section .pay-swiper-grp {
  padding-top: 105px;
}
@media all and (max-width: 600px) {
  .additional-attendance-section .pay-swiper-grp {
    padding-bottom: 49px;
  }
}
.additional-attendance-section .pay-swiper-grp .pay-swiper {
  position: relative;
  padding-top: 138.551%;
}
.additional-attendance-section .pay-swiper-grp .pay-swiper .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.additional-attendance-section .pay-swiper-grp .pay-swiper .swiper-wrapper .swiper-slide .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.additional-attendance-section .pay-swiper-grp .mo-pay-swiper .swiper-wrapper {
  height: auto;
}
.additional-attendance-section .bottm-content-wrap {
  position: absolute;
  bottom: 147px;
  left: 0;
  width: 100%;
}
@media all and (max-width: 600px) {
  .additional-attendance-section .bottm-content-wrap {
    bottom: auto;
    margin: 0 -15px;
    width: 108.7%;
    padding: 32.5px 15px 36px;
    background-color: #191919;
  }
}
.additional-attendance-section .bottm-content-wrap .pay-provision-wrap {
  padding: 25px 36px 25px 20px;
  border-radius: 30px;
  background-color: #2d2d2d;
}
@media all and (max-width: 600px) {
  .additional-attendance-section .bottm-content-wrap .pay-provision-wrap {
    padding: 0;
    border-radius: 0;
    background-color: inherit;
  }
}
.additional-attendance-section .bottm-content-wrap .provision-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media all and (max-width: 600px) {
  .additional-attendance-section .bottm-content-wrap .provision-grp {
    width: 100%;
  }
}
.additional-attendance-section .bottm-content-wrap .provision-grp.type-top {
  padding-bottom: 21px;
  border-bottom: 1px solid #404040;
}
.additional-attendance-section .bottm-content-wrap .provision-grp.type-bottom {
  padding-top: 21px;
}
@media all and (max-width: 600px) {
  .additional-attendance-section .bottm-content-wrap .provision-grp .provision-conts {
    width: 50%;
  }
}
.additional-attendance-section .bottm-content-wrap .provision-grp .provision-conts:first-child {
  padding-right: 16.5px;
  border-right: 1px solid #2a2a2a;
}
.additional-attendance-section .bottm-content-wrap .provision-grp .provision-conts:first-child .provision-list:last-child {
  border-bottom: initial;
}
.additional-attendance-section .bottm-content-wrap .provision-grp .provision-conts:last-child {
  padding-left: 16.5px;
}
.additional-attendance-section .bottm-content-wrap .provision-grp .provision-conts:last-child .provision-list:last-child {
  border-bottom: initial;
}
.additional-attendance-section .bottm-content-wrap .provision-grp .provision-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  width: 33.3333333333%;
  padding: 14.5px 0;
}
@media all and (max-width: 600px) {
  .additional-attendance-section .bottm-content-wrap .provision-grp .provision-list {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 11px;
    border-bottom: 1px solid #2a2a2a;
  }
}
.additional-attendance-section .bottm-content-wrap .provision-grp .provision-list:nth-child(1) {
  border-right: 1px solid #404040;
}
@media all and (max-width: 600px) {
  .additional-attendance-section .bottm-content-wrap .provision-grp .provision-list:nth-child(1) {
    border-right: none;
  }
}
.additional-attendance-section .bottm-content-wrap .provision-grp .provision-list:nth-child(2) {
  border-right: 1px solid #404040;
}
@media all and (max-width: 600px) {
  .additional-attendance-section .bottm-content-wrap .provision-grp .provision-list:nth-child(2) {
    border-right: none;
  }
}
.additional-attendance-section .bottm-content-wrap .provision-grp .provision-list .img-grp {
  width: 52px;
  height: 52px;
}
@media all and (max-width: 600px) {
  .additional-attendance-section .bottm-content-wrap .provision-grp .provision-list .img-grp {
    width: 44px;
    height: 44px;
  }
}
.additional-attendance-section .bottm-content-wrap .provision-grp .provision-list .img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.additional-attendance-section .bottm-content-wrap .provision-grp .provision-list .txt {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.53px;
  color: #fff;
}
@media all and (max-width: 600px) {
  .additional-attendance-section .bottm-content-wrap .provision-grp .provision-list .txt {
    font-size: 0.875rem;
    line-height: 18px;
    text-align: center;
  }
}
.additional-attendance-section .bottm-content-wrap .warning-txt {
  margin-top: 28px;
  font-size: 0.9375rem;
  font-weight: 400;
  color: #777;
}
@media all and (max-width: 600px) {
  .additional-attendance-section .bottm-content-wrap .warning-txt {
    margin-top: 31.5px;
    font-size: 0.75rem;
    text-align: center;
  }
}

.additional-free-section {
  padding: 152px 0 112px;
  height: 723px;
  background-color: #f8f8f8;
}
@media all and (max-width: 600px) {
  .additional-free-section {
    padding: 36px 0 60px;
  }
}
.additional-free-section .panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
  height: 100%;
}
@media all and (max-width: 600px) {
  .additional-free-section .panel {
    height: 634px;
  }
}
.additional-free-section .ttl-wrap {
  z-index: 1;
  position: absolute;
}
@media all and (max-width: 600px) {
  .additional-free-section .ttl-wrap {
    top: 325px;
    left: auto;
  }
}
.additional-free-section .ttl-wrap .additional-common-ttl {
  margin-bottom: 35px;
  text-align: initial;
}
@media all and (max-width: 600px) {
  .additional-free-section .ttl-wrap .additional-common-ttl {
    margin-bottom: 19px;
    font-size: 1.875rem;
  }
}
.additional-free-section .ttl-wrap .additional-common-txt {
  margin-bottom: 97px;
  text-align: initial;
  line-height: 1.6;
  color: #393939;
}
@media all and (max-width: 600px) {
  .additional-free-section .ttl-wrap .additional-common-txt {
    margin-bottom: 43px;
    font-size: 1rem;
    line-height: 23.5px;
  }
}
.additional-free-section .ttl-wrap .app-wrap .app-ttl {
  opacity: 0.6;
  margin-bottom: 20px;
  font-size: 1.125rem;
  font-weight: 600;
  color: #737373;
  margin-left: 10px;
}
@media all and (max-width: 600px) {
  .additional-free-section .ttl-wrap .app-wrap .app-ttl {
    margin-bottom: 18px;
    font-size: 0.875rem;
  }
}
.additional-free-section .ttl-wrap .app-wrap .app-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 22px;
}
@media all and (max-width: 600px) {
  .additional-free-section .ttl-wrap .app-wrap .app-grp {
    gap: 10px;
  }
}
.additional-free-section .ttl-wrap .app-wrap .app-grp .app-list {
  width: 118px;
  height: 118px;
  padding-top: 23px;
  border-radius: 20px;
  background-color: #fff;
  text-align: center;
}
@media all and (max-width: 600px) {
  .additional-free-section .ttl-wrap .app-wrap .app-grp .app-list {
    width: 94px;
    height: 94px;
    padding-top: 17px;
  }
}
.additional-free-section .ttl-wrap .app-wrap .app-grp .app-list .app-img-grp {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  margin-bottom: 11px;
}
@media all and (max-width: 600px) {
  .additional-free-section .ttl-wrap .app-wrap .app-grp .app-list .app-img-grp {
    width: 40px;
    height: 40px;
    margin-bottom: 9px;
  }
}
.additional-free-section .ttl-wrap .app-wrap .app-grp .app-list .app-img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.additional-free-section .ttl-wrap .app-wrap .app-grp .app-list .app-txt {
  font-size: 1rem;
  font-weight: 400;
  color: #555;
}
@media all and (max-width: 600px) {
  .additional-free-section .ttl-wrap .app-wrap .app-grp .app-list .app-txt {
    font-size: 0.8125rem;
  }
}
.additional-free-section .img-grp {
  position: absolute;
  width: 795px;
  height: 572px;
  top: -52px;
  right: -164px;
}
@media all and (max-width: 600px) {
  .additional-free-section .img-grp {
    width: auto;
    max-width: 348;
    height: auto;
    max-height: 326px;
    top: 0;
    right: -12px;
  }
}

.additional-auto-section {
  padding-top: 188px;
  background-color: #fff;
}
@media all and (max-width: 600px) {
  .additional-auto-section {
    padding: 60px 0 46px;
  }
}
.additional-auto-section .txt-wrap {
  margin-bottom: 77px;
}
@media all and (max-width: 600px) {
  .additional-auto-section .txt-wrap {
    margin-bottom: 30px;
  }
}
.additional-auto-section .video-wrap {
  width: 100%;
  height: 516px;
}
@media all and (max-width: 600px) {
  .additional-auto-section .video-wrap {
    position: relative;
    padding-top: 266.38%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.additional-auto-section .video-wrap .video {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media all and (max-width: 600px) {
  .additional-auto-section .video-wrap .video {
    position: absolute;
    top: 0;
    left: 0;
  }
}

.additional-premium-section {
  background-image: url("../../images/img/img_premi_bg.png");
  height: 686px;
  padding: 133px 0 89px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media all and (max-width: 600px) {
  .additional-premium-section {
    background-image: linear-gradient(200deg, #ffde2a, #ffc400);
    height: auto;
    padding: 50px 0 47px;
  }
}
.additional-premium-section .txt-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 38px;
}
@media all and (max-width: 600px) {
  .additional-premium-section .txt-wrap {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 15px;
  }
}
.additional-premium-section .txt-wrap .img-grp {
  width: 140px;
  height: 144px;
  margin-bottom: -34px;
}
@media all and (max-width: 600px) {
  .additional-premium-section .txt-wrap .img-grp {
    width: 104px;
    height: 106px;
    margin-bottom: 0;
  }
}
.additional-premium-section .txt-wrap .img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.additional-premium-section .txt-wrap .txt-grp {
  margin-top: -33px;
  margin-bottom: 33px;
}
@media all and (max-width: 600px) {
  .additional-premium-section .txt-wrap .txt-grp {
    margin: 0 0 30px;
  }
}
.additional-premium-section .txt-wrap .sub-txt {
  margin-bottom: 5px;
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: 600;
  color: #d19900;
}
@media all and (max-width: 600px) {
  .additional-premium-section .txt-wrap .sub-txt {
    margin-bottom: 8px;
    font-size: 0.875rem;
  }
}
.additional-premium-section .txt-wrap .ttl {
  font-size: 2.75rem;
  font-weight: 800;
  color: #000;
}
@media all and (max-width: 600px) {
  .additional-premium-section .txt-wrap .ttl {
    font-size: 1.625rem;
  }
}

.premium-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
@media all and (max-width: 600px) {
  .premium-grp {
    gap: 10px;
  }
}
.premium-grp .premium-list {
  max-width: 380px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 26px 30px 29px 34px;
  border-radius: 16px;
  background-color: #fff;
}
@media all and (max-width: 600px) {
  .premium-grp .premium-list {
    max-width: 100%;
    padding: 18px 24px 23px 28px;
  }
}
.premium-grp .txt-grp .num {
  display: inline-block;
  margin-bottom: 20px;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: #efefef;
  font-size: 0.875rem;
  font-weight: 400;
  color: #000;
}
@media all and (max-width: 600px) {
  .premium-grp .txt-grp .num {
    margin: 4px 0 16px;
    padding: 6px 13px 5px 9px;
    font-size: 0.8125rem;
  }
}
.premium-grp .txt-grp .txt {
  margin-bottom: 6px;
  font-size: 1.125rem;
  font-weight: 400;
  color: #303030;
}
@media all and (max-width: 600px) {
  .premium-grp .txt-grp .txt {
    font-size: 0.875rem;
  }
}
.premium-grp .txt-grp .bold-txt {
  font-size: 1.375rem;
  font-weight: 700;
  color: #ffaa00;
}
.premium-grp .img-grp {
  width: 80px;
  height: 80px;
}
@media all and (max-width: 600px) {
  .premium-grp .img-grp {
    width: 70px;
    height: 70px;
  }
}
.premium-grp .img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.additional-sale-section {
  padding: 108px 0 103px;
}
@media all and (max-width: 600px) {
  .additional-sale-section {
    padding: 50px 0 40px;
  }
}
.additional-sale-section .panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media all and (max-width: 600px) {
  .additional-sale-section .panel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media all and (max-width: 600px) {
  .additional-sale-section .txt-grp {
    width: 100%;
    text-align: center;
  }
}
.additional-sale-section .txt-grp .sub-txt {
  margin-bottom: 12px;
  font-size: 1rem;
  font-weight: 700;
  color: #ffaa00;
}
.additional-sale-section .txt-grp .ttl {
  display: block;
  margin-bottom: 13.2px;
  font-size: 2rem;
  font-weight: 700;
  color: #000;
}
@media all and (max-width: 600px) {
  .additional-sale-section .txt-grp .ttl {
    margin-bottom: 48px;
  }
}
.additional-sale-section .txt-grp .sub-txt-02 {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #757575;
}
.additional-sale-section .sale-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media all and (max-width: 600px) {
  .additional-sale-section .sale-grp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
}
.additional-sale-section .sale-grp .sale-list {
  padding: 2px 19px 0;
  border-right: 1px solid #ececec;
}
@media all and (max-width: 600px) {
  .additional-sale-section .sale-grp .sale-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0;
    border-right: initial;
    padding: 18px 10px 9px;
    border-bottom: 1px solid #ececec;
  }
}
.additional-sale-section .sale-grp .sale-list:first-child {
  border-left: 1px solid #ececec;
}
@media all and (max-width: 600px) {
  .additional-sale-section .sale-grp .sale-list:first-child {
    padding-top: 0;
    border-left: initial;
  }
}
@media all and (max-width: 600px) {
  .additional-sale-section .sale-grp .sale-list:last-child {
    padding-bottom: 0;
    border-bottom: initial;
  }
}
.additional-sale-section .sale-grp .sale-list .top-txt {
  margin-bottom: 29px;
  padding: 9.5px 70px;
  border-radius: 10px;
  background-color: #f5f5f5;
  font-size: 1.125rem;
  font-weight: 700;
  color: #000;
}
@media all and (max-width: 600px) {
  .additional-sale-section .sale-grp .sale-list .top-txt {
    margin-bottom: 0;
    padding: 0;
    background-color: initial;
  }
}
.additional-sale-section .sale-grp .sale-list .price-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media all and (max-width: 600px) {
  .additional-sale-section .sale-grp .sale-list .price-grp {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 111.5px;
  }
}
@media all and (max-width: 600px) {
  .additional-sale-section .sale-grp .sale-list .price-grp::after {
    content: "*VAT별도";
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: right;
    font-size: 11px;
    margin-top: 4px;
    font-weight: 400;
    color: #757575;
  }
}
.additional-sale-section .sale-grp .sale-list .price-grp .sale-price {
  opacity: 0.6;
  margin-right: 7.6px;
  font-size: 1.375rem;
  font-weight: 400;
  text-decoration: line-through;
  color: #000;
}
@media all and (max-width: 600px) {
  .additional-sale-section .sale-grp .sale-list .price-grp .sale-price {
    margin-right: 8.2px;
    font-size: 1rem;
  }
}
.additional-sale-section .sale-grp .sale-list .price-grp .current-price {
  margin-right: 8px;
  font-size: 2rem;
  font-weight: 700;
  color: #000;
}
@media all and (max-width: 600px) {
  .additional-sale-section .sale-grp .sale-list .price-grp .current-price {
    margin-right: 7px;
    font-size: 1.5rem;
  }
}
.additional-sale-section .sale-grp .sale-list .price-grp .times {
  font-size: 1.375rem;
  font-weight: 400;
  color: #000;
}
@media all and (max-width: 600px) {
  .additional-sale-section .sale-grp .sale-list .price-grp .times {
    font-size: 1.125rem;
  }
}

.additional-start-section {
  background-image: url("../../images/img/img_premi_start_bg.png");
  height: 515px;
  padding: 105px 0 99px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media all and (max-width: 600px) {
  .additional-start-section {
    background-image: url("../../images/img/m_img_premi_start_bg.png");
    height: 716px;
    padding: 65px 0 341px;
  }
}
@media all and (max-width: 600px) {
  .additional-start-section .txt-grp {
    text-align: center;
  }
}
.additional-start-section .txt-grp .sub-txt {
  margin-bottom: 4px;
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: 600;
  color: #a1a1a1;
}
@media all and (max-width: 600px) {
  .additional-start-section .txt-grp .sub-txt {
    margin-bottom: 6px;
    font-size: 0.8125rem;
  }
}
.additional-start-section .txt-grp .gradient-txt-grp {
  padding-bottom: 2px;
  font-size: 3.25rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: -2.9px;
}
@media all and (max-width: 600px) {
  .additional-start-section .txt-grp .gradient-txt-grp {
    padding-bottom: 8px;
  }
}
.additional-start-section .txt-grp .gradient-txt-grp .gradient-txt {
  margin-top: 12px;
  background: linear-gradient(127deg, #f9d614 17%, #ff8800 90%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.additional-start-section .txt-grp .ttl {
  margin-bottom: 27px;
  font-size: 2.5rem;
  font-weight: 700;
  color: #fff;
}
@media all and (max-width: 600px) {
  .additional-start-section .txt-grp .ttl {
    margin-bottom: 25px;
    font-size: 1.625rem;
  }
}
.additional-start-section .txt-grp .sub-txt-02 {
  margin: 27px 0 37px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.4746px;
  color: #acacac;
}
@media all and (max-width: 600px) {
  .additional-start-section .txt-grp .sub-txt-02 {
    margin: 25px 0;
    line-height: 22.75px;
  }
}
.additional-start-section .txt-grp .btn-grp {
  padding: 16px 28px;
  border-radius: 27px;
  background-color: #2b2b2b;
}
@media all and (max-width: 600px) {
  .additional-start-section .txt-grp .btn-grp {
    gap: 12.5px;
    margin: 0 auto;
    padding: 13.5px 24px;
  }
}
.additional-start-section .txt-grp .btn-grp .txt {
  font-size: 1.125rem;
  font-weight: 400;
  color: #fff;
}
@media all and (max-width: 600px) {
  .additional-start-section .txt-grp .btn-grp .txt {
    font-size: 1rem;
  }
}

.additional-main-banner-section .additional-txt-wrap .top-txt-wrap .highlight {
  display: inline-block;
  padding: 0 7px;
  background-color: #fff;
  font-size: 3.875rem;
  font-weight: 800;
  line-height: 59px;
}
@media all and (max-width: 600px) {
  .additional-main-banner-section .additional-txt-wrap .top-txt-wrap .highlight {
    margin-left: 2px;
    padding: 0 4px;
    font-size: 2.125rem;
    line-height: 34px;
  }
}
.additional-main-banner-section .additional-txt-wrap .top-txt-wrap .highlight.type-royal {
  color: #f55209;
}
.additional-main-banner-section .additional-txt-wrap .top-txt-wrap .highlight.type-smart {
  color: #0cc5bf;
}
.additional-main-banner-section .additional-txt-wrap .top-txt-wrap .highlight.type-easy {
  color: #0961f5;
}
.additional-main-banner-section .additional-txt-wrap .top-txt-wrap .highlight.type-pay {
  color: #0bb1fc;
}
@media all and (max-width: 600px) {
  .additional-main-banner-section .additional-txt-wrap .btn-wrap.academy-taxation-btn-wrap.type-royal {
    padding: 0 25px !important;
    line-height: 40px;
    background-color: #fff;
  }
}
@media all and (max-width: 600px) {
  .additional-main-banner-section .additional-txt-wrap .btn-wrap.academy-taxation-btn-wrap.type-royal .top-banner-btn {
    gap: 8px;
    color: #000;
  }
}
@media all and (max-width: 600px) {
  .additional-main-banner-section .additional-txt-wrap .btn-wrap.academy-taxation-btn-wrap.type-royal .icon-arrow-bk-03 {
    width: 12px;
    height: 9px;
  }
}
@media all and (max-width: 600px) {
  .additional-main-banner-section .additional-txt-wrap .btn-wrap.academy-taxation-btn-wrap.type-smart {
    padding: 0 25px !important;
    line-height: 40px;
    background-color: #fff;
  }
}
@media all and (max-width: 600px) {
  .additional-main-banner-section .additional-txt-wrap .btn-wrap.academy-taxation-btn-wrap.type-smart .top-banner-btn {
    gap: 8px;
    color: #000;
  }
}

.additional-effect-section {
  padding: 55px 0 68px;
  background-color: #000;
  background-size: contain;
}
@media all and (max-width: 600px) {
  .additional-effect-section {
    padding: 42px 0 45px;
  }
}
.additional-effect-section .effect-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media all and (max-width: 600px) {
  .additional-effect-section .effect-grp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.additional-effect-section .effect-grp .effect-list {
  width: 33.3333333333%;
  padding: 13px 10px 0;
  border-right: 1px solid #393939;
}
@media all and (max-width: 600px) {
  .additional-effect-section .effect-grp .effect-list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 27.5px 0 28.5px;
    border-right: initial;
    border-bottom: 1px solid #1d1d1d;
  }
}
@media all and (max-width: 600px) {
  .additional-effect-section .effect-grp .effect-list:first-child {
    padding-top: 0;
  }
}
.additional-effect-section .effect-grp .effect-list:last-child {
  border-right: none;
}
@media all and (max-width: 600px) {
  .additional-effect-section .effect-grp .effect-list:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
}
.additional-effect-section .effect-grp .img-grp {
  width: 76px;
  height: 76px;
  margin: 0 auto;
  margin-bottom: 14px;
}
@media all and (max-width: 600px) {
  .additional-effect-section .effect-grp .img-grp {
    -ms-flex-preferred-size: 58px;
        flex-basis: 58px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 58px;
    height: 58px;
    margin: 0;
    margin-left: 13px;
  }
}
.additional-effect-section .effect-grp .img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.additional-effect-section .effect-grp .txt-grp {
  text-align: center;
}
@media all and (max-width: 600px) {
  .additional-effect-section .effect-grp .txt-grp {
    margin-left: 22px;
    text-align: left;
  }
}
.additional-effect-section .effect-grp .txt-grp .ttl {
  display: inline-block;
  margin-bottom: 19px;
  font-size: 1.5rem;
  font-weight: 600;
  color: #fff;
}
@media all and (max-width: 600px) {
  .additional-effect-section .effect-grp .txt-grp .ttl {
    margin-bottom: 10px;
    font-size: 1.125rem;
  }
}
.additional-effect-section .effect-grp .txt-grp .sub-txt {
  font-size: 1rem;
  font-weight: 300;
  line-height: 22px;
  letter-spacing: -0.3142px;
  color: #cfcfcf;
}
@media all and (max-width: 600px) {
  .additional-effect-section .effect-grp .txt-grp .sub-txt {
    font-size: 0.9375rem;
    line-height: 1.55;
  }
}

.additional-what-section {
  padding: 135px 0 165px;
  background-color: #fcf4f1;
}
@media all and (max-width: 600px) {
  .additional-what-section {
    padding: 56px 0 52px;
  }
}
.additional-what-section.type-smart {
  background-color: #f7fafa;
}
@media all and (max-width: 600px) {
  .additional-what-section .sm-center {
    padding: 0;
  }
}
.additional-what-section .ttl-grp {
  margin-bottom: 45px;
  text-align: center;
}
@media all and (max-width: 600px) {
  .additional-what-section .ttl-grp {
    margin-bottom: 25px;
  }
}
.additional-what-section .ttl-grp .sub-txt {
  margin-bottom: 16px;
  font-size: 1.625rem;
  font-weight: 700;
  color: #f6611f;
}
@media all and (max-width: 600px) {
  .additional-what-section .ttl-grp .sub-txt {
    margin-bottom: 9px;
    font-size: 0.8125rem;
  }
}
.additional-what-section .ttl-grp .sub-txt.type-smart {
  color: #0cc5bf;
}
@media all and (max-width: 600px) {
  .additional-what-section .ttl-grp .additional-common-ttl {
    font-size: 1.75rem;
  }
}
.additional-what-section .service-content {
  position: relative;
  width: 100%;
  height: 680px;
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
}
@media all and (max-width: 600px) {
  .additional-what-section .service-content {
    overflow: initial;
    height: auto;
    background-color: initial;
    border-radius: initial;
  }
}
@media all and (max-width: 600px) {
  .additional-what-section .service-top-wrap {
    width: calc(100% - 30px);
    background-color: #fff;
    border-radius: 20px;
    margin: 0 15px;
    margin-top: 146px;
  }
}
.additional-what-section .service-top-wrap .service-content-grp {
  display: none;
  position: relative;
}
.additional-what-section .service-top-wrap .service-content-grp.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.additional-what-section .service-top-wrap .service-content-grp.is-active .service-content-body-grp {
  width: 100%;
}
.additional-what-section .service-top-wrap .service-content-grp.is-active .service-content-body-grp .service-content-body:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.additional-what-section .service-top-wrap .service-content-body {
  display: none;
  padding: 74px 0 0 60px;
}
@media all and (max-width: 600px) {
  .additional-what-section .service-top-wrap .service-content-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    position: relative;
    padding: 20px 0 0;
  }
}
.additional-what-section .service-top-wrap .txt-wrap {
  -ms-flex-preferred-size: 556px;
      flex-basis: 556px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media all and (max-width: 600px) {
  .additional-what-section .service-top-wrap .txt-wrap {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    -ms-flex-negative: initial;
        flex-shrink: initial;
  }
}
.additional-what-section .service-top-wrap .txt-wrap .ttl-grp {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 44px;
  padding: 10px 0 10px 10px;
  border-radius: 29px;
  background-color: #f2f2f2;
}
@media all and (max-width: 600px) {
  .additional-what-section .service-top-wrap .txt-wrap .ttl-grp {
    display: none;
  }
}
.additional-what-section .service-top-wrap .txt-wrap .ttl-grp::after {
  content: "";
  display: block;
  width: 1px;
  height: 24px;
  position: absolute;
  left: 157px;
  background-color: #cbcbcb;
}
.additional-what-section .service-top-wrap .txt-wrap .ttl-grp .ttl {
  margin-left: 14px;
  margin-right: 21px;
  padding-right: 21px;
  font-size: 1.375rem;
  font-weight: 700;
  color: #000;
}
.additional-what-section .service-top-wrap .txt-wrap .ttl-grp .txt {
  position: absolute;
  top: auto;
  left: 178px;
  font-size: 1.375rem;
  font-weight: 600;
  color: #f6611f;
}
.additional-what-section .service-top-wrap .txt-wrap .ttl-grp .txt.type-smart {
  color: #0cc5bf;
}
@media all and (max-width: 600px) {
  .additional-what-section .service-top-wrap .txt-wrap .sub-txt-wrap {
    margin: 309px 17px 0;
    padding-bottom: 50px;
  }
}
.additional-what-section .service-top-wrap .txt-wrap .sub-txt-grp {
  height: 152px;
  margin-bottom: 32.5px;
  padding-bottom: 42.5px;
  border-bottom: 1px solid #eeeeee;
}
@media all and (max-width: 600px) {
  .additional-what-section .service-top-wrap .txt-wrap .sub-txt-grp {
    height: auto;
    padding-bottom: 0;
    margin-bottom: 20.5px;
  }
}
.additional-what-section .service-top-wrap .txt-wrap .sub-txt-grp:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
@media all and (max-width: 600px) {
  .additional-what-section .service-top-wrap .txt-wrap .sub-txt-grp:last-child .sub-txt {
    height: auto;
  }
}
.additional-what-section .service-top-wrap .txt-wrap .sub-txt-grp .ttl {
  margin-bottom: 14px;
  font-size: 1.1875rem;
  font-weight: 800;
  color: #000;
}
@media all and (max-width: 600px) {
  .additional-what-section .service-top-wrap .txt-wrap .sub-txt-grp .ttl {
    margin-bottom: 11px;
    font-size: 1rem;
  }
}
.additional-what-section .service-top-wrap .txt-wrap .sub-txt-grp .sub-txt {
  font-size: 1.1875rem;
  font-weight: 400;
  line-height: 24.34px;
  color: #393939;
}
@media all and (max-width: 600px) {
  .additional-what-section .service-top-wrap .txt-wrap .sub-txt-grp .sub-txt {
    height: 118.5px;
    padding-bottom: 12.5px;
    font-size: 0.9375rem;
    line-height: 21.2px;
  }
}
@media all and (max-width: 600px) {
  .additional-what-section .service-top-wrap .txt-wrap .sub-txt-grp .sub-txt .type-ml-10 {
    display: inline-block;
    margin-left: 8px;
  }
}
.additional-what-section .service-top-wrap .img-grp {
  margin: 14px 0 0 10px;
  width: 671px;
  height: 452px;
}
@media all and (max-width: 600px) {
  .additional-what-section .service-top-wrap .img-grp {
    margin: 0;
    position: absolute;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    left: 50%;
    width: 100%;
    height: 253px;
    top: 20px;
  }
}
.additional-what-section .service-top-wrap .img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.additional-what-section .service-top-wrap .service-content-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 458px;
  right: 153px;
  padding: 6px;
  border: 1px solid #efefef;
  border-radius: 27px;
  background-color: #fcfcfc;
  -webkit-box-shadow: 0 3px 12px rgba(77, 77, 77, 0.06);
          box-shadow: 0 3px 12px rgba(77, 77, 77, 0.06);
}
@media all and (max-width: 600px) {
  .additional-what-section .service-top-wrap .service-content-btn {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 309px;
    width: calc(100% - 33px);
    top: 259px;
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.additional-what-section .service-top-wrap .service-content-btn .service-content-list {
  width: 174px;
  height: 42px;
  text-align: center;
  border-radius: 29px;
  font-size: 1.125rem;
  font-weight: 500;
}
@media all and (max-width: 600px) {
  .additional-what-section .service-top-wrap .service-content-btn .service-content-list {
    max-width: 147px;
    width: 100%;
    height: 34px;
    padding: 8px 0;
    font-size: 0.9375rem;
  }
}
.additional-what-section .service-top-wrap .service-content-btn .service-content-list.is-active {
  background-color: #f6611f;
}
.additional-what-section .service-top-wrap .service-content-btn .service-content-list.is-active .btn {
  color: #fff;
}
.additional-what-section .service-top-wrap .service-content-btn .service-content-list.type-smart.is-active {
  background-color: #00d6cf;
}
.additional-what-section .service-top-wrap .service-content-btn .service-content-list .btn {
  width: 100%;
  line-height: 42px;
  color: #a5a5a5;
}
@media all and (max-width: 600px) {
  .additional-what-section .service-top-wrap .service-content-btn .service-content-list .btn {
    line-height: 0;
  }
}
.additional-what-section .service-lnb-wrap {
  position: absolute;
  width: 100%;
  bottom: 0;
}
@media all and (max-width: 600px) {
  .additional-what-section .service-lnb-wrap {
    top: -123px;
    bottom: auto;
  }
}
.additional-what-section .service-lnb-wrap .service-lnb-grp {
  position: relative;
  height: 140px;
}
@media all and (max-width: 600px) {
  .additional-what-section .service-lnb-wrap .service-lnb-grp {
    height: auto;
  }
}
.additional-what-section .service-lnb-wrap .service-lnb-grp .service-txt-grp {
  position: absolute;
  top: auto;
  left: 0;
  bottom: 0;
  width: 144px;
  height: 158px;
  padding: 45px 21px 22px 22px;
  border-top-left-radius: 20px;
  border-top-right-radius: 76px;
  border-bottom-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #ff621d;
}
.additional-what-section .service-lnb-wrap .service-lnb-grp .service-txt-grp.type-smart {
  background-color: #26d8d2;
}
.additional-what-section .service-lnb-wrap .service-lnb-grp .service-txt-grp .txt-01 {
  margin-bottom: 9px;
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
  font-size: 1rem;
  font-weight: 600;
  color: #a83400;
}
.additional-what-section .service-lnb-wrap .service-lnb-grp .service-txt-grp .txt-01.type-smart {
  color: #008f8b;
}
.additional-what-section .service-lnb-wrap .service-lnb-grp .service-txt-grp .txt-01 .txt-lg {
  font-size: 1.25rem;
}
.additional-what-section .service-lnb-wrap .service-lnb-grp .service-txt-grp .txt-02 {
  font-family: "Poppins";
  font-size: 1.375rem;
  font-weight: 700;
  color: #fff;
}
.additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-wrap {
  height: 100%;
  padding-left: 144px;
  border-radius: 20px;
  background-color: #303030;
}
@media all and (max-width: 600px) {
  .additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-wrap {
    position: relative;
    height: auto;
    padding-left: 0;
    border-radius: 0;
    background-color: #131313;
  }
}
@media all and (max-width: 600px) {
  .additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-wrap::before {
    content: "";
    z-index: 1;
    display: inline-block;
    width: 60px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.45)), to(rgba(48, 48, 48, 0)));
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.45) 0%, rgba(48, 48, 48, 0) 100%);
  }
}
@media all and (max-width: 600px) {
  .additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-wrap::after {
    content: "";
    z-index: 1;
    display: inline-block;
    width: 60px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.45)), to(rgba(48, 48, 48, 0)));
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.45) 0%, rgba(48, 48, 48, 0) 100%);
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
@media all and (max-width: 600px) {
  .additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-grp {
    position: relative;
  }
}
@media all and (max-width: 600px) {
  .additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-grp::after {
    content: "";
    display: block;
    width: 16px;
    height: 7px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='7' viewBox='0 0 16 7'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_28855' data-name='사각형 28855' width='16' height='7' transform='translate(8471 -22684)' fill='none'/%3E%3C/clipPath%3E%3CclipPath id='clip-path-2'%3E%3Cpath id='다각형_112' data-name='다각형 112' d='M8.52,1.628a2,2,0,0,1,2.96,0l5.479,6.027A2,2,0,0,1,15.479,11H4.521a2,2,0,0,1-1.48-3.345Z' transform='translate(8489 -22677) rotate(180)' fill='%23292929'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_56744' data-name='그룹 56744' transform='translate(-8471 22684)'%3E%3Cg id='마스크_그룹_27678' data-name='마스크 그룹 27678' clip-path='url(%23clip-path)'%3E%3Cg id='마스크_그룹_27677' data-name='마스크 그룹 27677' clip-path='url(%23clip-path-2)'%3E%3Crect id='사각형_28854' data-name='사각형 28854' width='16' height='7' transform='translate(8471 -22684)' fill='%23131313'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 29px 0;
}
@media all and (max-width: 600px) {
  .additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-content {
    overflow-x: scroll;
    position: relative;
    height: auto;
    padding: 13px 38px 13px;
  }
  .additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-content::-webkit-scrollbar {
    display: none;
  }
}
.additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-content .lnb-menu-list {
  width: 9.0909090909%;
  border-right: 1px solid rgba(255, 255, 255, 0.14);
}
@media all and (max-width: 600px) {
  .additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-content .lnb-menu-list {
    -ms-flex-preferred-size: 70px;
        flex-basis: 70px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 70px;
    margin-right: 11px;
    padding-top: 2px;
    border-right: none;
  }
}
.additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-content .lnb-menu-list:last-child {
  margin-right: 0;
}
.additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-content .lnb-menu-list.type-smart {
  width: 12.5%;
}
@media all and (max-width: 600px) {
  .additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-content .lnb-menu-list.type-smart.is-active {
    background-color: 26D8D2;
  }
}
.additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-content .lnb-menu-list.type-smart.is-active .btn-menu .txt {
  color: #26d8d2;
}
@media all and (max-width: 600px) {
  .additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-content .lnb-menu-list.type-smart.is-active .btn-menu .txt {
    color: #fff;
  }
}
@media all and (max-width: 600px) {
  .additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-content .lnb-menu-list.is-active {
    padding: 2px 11px 9px;
    border-radius: 6px;
    background-color: #ff621d;
  }
}
.additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-content .lnb-menu-list.is-active .btn-menu {
  -webkit-animation-name: btn-up-ani;
          animation-name: btn-up-ani;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.82, 0.23, 0.25, 0.86);
          animation-timing-function: cubic-bezier(0.82, 0.23, 0.25, 0.86);
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@media all and (max-width: 600px) {
  .additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-content .lnb-menu-list.is-active .btn-menu {
    -webkit-animation-name: initial;
            animation-name: initial;
    -webkit-animation-duration: initial;
            animation-duration: initial;
  }
}
.additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-content .lnb-menu-list.is-active .btn-menu .img-grp .type-default {
  display: none;
}
@media all and (max-width: 600px) {
  .additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-content .lnb-menu-list.is-active .btn-menu .img-grp .type-default {
    display: block;
  }
}
.additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-content .lnb-menu-list.is-active .btn-menu .img-grp .type-active {
  display: block;
}
@media all and (max-width: 600px) {
  .additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-content .lnb-menu-list.is-active .btn-menu .img-grp .type-active {
    display: none;
  }
}
.additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-content .lnb-menu-list.is-active .btn-menu .txt {
  color: #ff621d;
}
@media all and (max-width: 600px) {
  .additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-content .lnb-menu-list.is-active .btn-menu .txt {
    color: #fff;
  }
}
.additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-content .btn-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-content .btn-menu .img-grp {
  width: 62px;
  height: 62px;
  margin-bottom: 5px;
}
@media all and (max-width: 600px) {
  .additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-content .btn-menu .img-grp {
    width: 46px;
    height: 46px;
    margin-bottom: 1px;
  }
}
.additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-content .btn-menu .img-grp .img {
  width: 100%;
  height: 100%;
}
.additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-content .btn-menu .img-grp .img.type-active {
  display: none;
}
.additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-content .btn-menu .txt {
  font-size: 1rem;
  font-weight: 300;
  color: #fff;
}
@media all and (max-width: 600px) {
  .additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-menu-content .btn-menu .txt {
    font-size: 0.875rem;
  }
}
.additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-arrow {
  z-index: 2;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_27122' data-name='사각형 27122' width='16' height='16' fill='%23fff' stroke='%23707070' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='마스크_그룹_27388' data-name='마스크 그룹 27388' clip-path='url(%23clip-path)'%3E%3Cg id='그룹_54515' data-name='그룹 54515' transform='translate(6 2.999)'%3E%3Cline id='선_5295' data-name='선 5295' x2='5' y2='5' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1'/%3E%3Cline id='선_5296' data-name='선 5296' x1='5' y2='5' transform='translate(0 5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: center;
}
.additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-arrow.left {
  left: 7.5px;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.additional-what-section .service-lnb-wrap .service-lnb-grp .lnb-arrow.right {
  right: 7.5px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.additional-use-section {
  padding: 153px 0 79.5px;
}
@media all and (max-width: 600px) {
  .additional-use-section {
    padding: 56px 0 0;
  }
}
@media all and (max-width: 600px) {
  .additional-use-section .sub-sm-center.type-smart {
    margin-bottom: 80px;
    padding: 0;
  }
}
@media all and (max-width: 600px) {
  .additional-use-section .sub-sm-center.type-easy {
    margin-bottom: 0px;
    padding: 0;
  }
}
.additional-use-section .ttl-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 28.6px;
  margin-bottom: 37px;
}
.additional-use-section .ttl-grp.type-royal {
  margin-bottom: 15.48px;
}
@media all and (max-width: 600px) {
  .additional-use-section .ttl-grp {
    gap: 14px;
    margin-top: 14.8px;
    margin-bottom: 20px;
  }
}
.additional-use-section .ttl-grp.type-smart {
  margin: 0 15px 14.8px;
}
.additional-use-section .ttl-grp .additional-common-ttl {
  margin-top: 2px;
  margin-bottom: 70px;
  text-align: left;
}
@media all and (max-width: 600px) {
  .additional-use-section .ttl-grp .additional-common-ttl {
    margin-bottom: 0;
    padding-top: 0;
    font-size: 1.375rem;
    line-height: 29px;
  }
}
.additional-use-section .ttl-grp .additional-common-ttl.type-smart {
  padding-top: 0;
}
@media all and (max-width: 600px) {
  .additional-use-section .img-grp {
    width: 80.5px;
    height: 70px;
  }
  .additional-use-section .img-grp .img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media all and (max-width: 600px) {
  .additional-use-section .table-wrap.type-smart {
    margin: 0 15px;
  }
}
.additional-use-section .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media all and (max-width: 600px) {
  .additional-use-section .btn-wrap {
    margin: 0 12px;
  }
}
.additional-use-section .btn-wrap .btn-grp {
  padding: 13.5px 150px;
  border-radius: 10px;
  background-color: #f6611f;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
}
@media all and (max-width: 600px) {
  .additional-use-section .btn-wrap .btn-grp {
    max-width: 195px;
    width: 100%;
    padding: 6.3px 0;
    border-radius: 6px;
  }
}
.additional-use-section .btn-wrap .btn-grp.type-smart {
  background-color: #0cc5bf;
}
.additional-use-section .btn-wrap .btn-grp.type-easy {
  background-color: #0961f5;
}
@media all and (max-width: 600px) {
  .additional-use-section .btn-wrap .btn-grp .txt {
    font-size: 0.875rem;
  }
}

.additional-who-section {
  padding: 168.5px 0 127.5px;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
  background: linear-gradient(to bottom, #fff, #f5f5f5);
}
@media all and (max-width: 600px) {
  .additional-who-section {
    padding: 89.8px 0 94px;
  }
}
.additional-who-section .ttl-grp {
  margin-bottom: 38px;
}
@media all and (max-width: 600px) {
  .additional-who-section .ttl-grp {
    margin-bottom: 22px;
  }
}
.additional-who-section .who-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 39px 40px 42px;
  border-radius: 26px;
  background-color: #fff;
  font-size: 1.125rem;
  -webkit-box-shadow: 0 3px 18px rgba(0, 0, 0, 0.06);
          box-shadow: 0 3px 18px rgba(0, 0, 0, 0.06);
}
@media all and (max-width: 600px) {
  .additional-who-section .who-content {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 16px 15px 32px;
    font-size: 0.8125rem;
  }
}
.additional-who-section .who-content .who-img-grp {
  z-index: 1;
  position: absolute;
  top: auto;
  left: -114px;
  bottom: 48px;
}
@media all and (max-width: 600px) {
  .additional-who-section .who-content .who-img-grp {
    width: 231px;
    height: 171px;
    left: -16px;
    bottom: -55.4px;
  }
}
.additional-who-section .who-content .who-img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.additional-who-section .who-content .who-txt-content {
  position: relative;
}
.additional-who-section .who-content .who-txt-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  max-width: 860px;
  margin-bottom: 21px;
}
@media all and (max-width: 600px) {
  .additional-who-section .who-content .who-txt-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 57px;
    margin-bottom: 46px;
  }
}
.additional-who-section .who-content .who-txt-grp {
  max-width: 410px;
}
.additional-who-section .who-content .who-txt-grp .who-ttl {
  margin-bottom: 16px;
  padding: 11px 10px;
  border-radius: 25px;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  color: #fff;
}
@media all and (max-width: 600px) {
  .additional-who-section .who-content .who-txt-grp .who-ttl {
    margin-bottom: 10px;
    padding: 8px 10px;
    border-radius: 20px;
    font-size: 0.9375rem;
  }
}
.additional-who-section .who-content .who-txt-grp .who-ttl.type-student {
  background-color: #f55209;
}
.additional-who-section .who-content .who-txt-grp .who-ttl.type-academy {
  background-color: #f58709;
}
.additional-who-section .who-content .who-txt-grp .who-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
@media all and (max-width: 600px) {
  .additional-who-section .who-content .who-txt-grp .who-body {
    gap: 5px 6px;
  }
}
.additional-who-section .who-content .who-txt-grp .who-body .who-body-cont {
  width: calc((100% - 10px) / 2);
  padding: 14.5px 10px;
  border-radius: 9px;
  background-color: #f6f6f6;
  border: 1px solid #ececec;
  text-align: center;
  color: #000;
}
@media all and (max-width: 600px) {
  .additional-who-section .who-content .who-txt-grp .who-body .who-body-cont {
    width: calc((100% - 6px) / 2);
    padding: 11.5px 10px;
    border-radius: 8px;
  }
}
.additional-who-section .who-content .who-bottom-txt-grp {
  padding: 39px 10px 35px;
  border-radius: 12px;
  border: 1px solid #f1f1f1;
  background-color: #fff;
  -webkit-box-shadow: 2px 4px 12px rgba(104, 104, 104, 0.06);
          box-shadow: 2px 4px 12px rgba(104, 104, 104, 0.06);
  text-align: center;
}
@media all and (max-width: 600px) {
  .additional-who-section .who-content .who-bottom-txt-grp {
    padding: 0;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: none;
  }
}
.additional-who-section .who-content .who-bottom-txt-grp .who-bottom-txt-sm {
  margin-bottom: 15px;
  font-size: 1.125rem;
  font-weight: 500;
  color: #646464;
}
.additional-who-section .who-content .who-bottom-txt-grp .who-bottom-txt {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 33px;
  color: #000;
}
@media all and (max-width: 600px) {
  .additional-who-section .who-content .who-bottom-txt-grp .who-bottom-txt {
    width: 155px;
    margin-right: 0;
    margin-left: auto;
    line-height: 19px;
    font-size: 0.9375rem;
    text-align: left;
  }
}
.additional-who-section .who-content .who-bottom-txt-grp .who-bottom-txt .txt-gray {
  color: #636363;
}
.additional-who-section .who-content .who-bottom-txt-grp .who-bottom-txt .txt-l {
  font-size: 1.75rem;
}
@media all and (max-width: 600px) {
  .additional-who-section .who-content .who-bottom-txt-grp .who-bottom-txt .txt-l {
    display: inline-block;
    margin-top: 9px;
    font-size: 1.375rem;
  }
}
.additional-who-section .who-content .who-bottom-txt-grp .who-bottom-txt .txt-l .txt-royal {
  color: #f55209;
}
.additional-who-section .who-content .img-plus-grp {
  position: absolute;
  top: 128px;
  left: 50%;
  width: 51px;
  height: 51px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-filter: drop-shadow(0 3px 14px rgba(33, 52, 84, 0.08));
          filter: drop-shadow(0 3px 14px rgba(33, 52, 84, 0.08));
}
@media all and (max-width: 600px) {
  .additional-who-section .who-content .img-plus-grp {
    width: 34px;
    height: 34px;
    top: 185px;
  }
}
.additional-who-section .who-content .img-plus-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.additional-front-section {
  padding: 216.5px 0 293px;
}
@media all and (max-width: 600px) {
  .additional-front-section {
    padding: 56.6px 0 0;
  }
}
.additional-front-section .ttl-grp {
  margin-bottom: 92px;
}
@media all and (max-width: 600px) {
  .additional-front-section .ttl-grp {
    margin-bottom: 48px;
  }
}
@media all and (max-width: 600px) {
  .additional-front-section .ttl-grp .additional-common-ttl {
    font-size: 1.5rem;
    line-height: 31px;
  }
}
.additional-front-section .rolling-grp .rolling-img {
  background-image: url("../../images/img/img_front_rolling.png");
  width: 100%;
  height: 90px;
  background-size: 4800px 90px;
  background-repeat: repeat-x;
  -webkit-animation-duration: 60s;
          animation-duration: 60s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.additional-front-section .rolling-grp .rolling-img.left {
  margin-bottom: 36px;
  background-position-x: left;
  -webkit-animation-name: ptnLogo02-left;
          animation-name: ptnLogo02-left;
  animation-direction: reverse;
}
.additional-front-section .rolling-grp .rolling-img.right {
  background-position-x: right;
  -webkit-animation-name: ptnLogo02-right;
          animation-name: ptnLogo02-right;
  -webkit-animation-direction: normal;
          animation-direction: normal;
}
.additional-front-section .front-bg-grp {
  width: 100%;
  padding: 0 15px;
  position: relative;
  padding-top: 185.412%;
}
.additional-front-section .front-bg-grp .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.additional-stop-section {
  padding-bottom: 148px;
}
@media all and (max-width: 600px) {
  .additional-stop-section {
    padding-bottom: 51.6px;
  }
}
@media all and (max-width: 600px) {
  .additional-stop-section .sm-center {
    padding: 0;
  }
}
.additional-stop-section .ttl-grp {
  margin-bottom: 33px;
}
.additional-stop-section .ttl-grp .additional-common-ttl {
  margin-bottom: 27px;
}
@media all and (max-width: 600px) {
  .additional-stop-section .ttl-grp .additional-common-ttl {
    margin-bottom: 18px;
  }
}
.additional-stop-section .ttl-grp .sub-txt {
  font-size: 1.125rem;
  font-weight: 500;
  color: #393939;
  text-align: center;
}
@media all and (max-width: 600px) {
  .additional-stop-section .ttl-grp .sub-txt {
    font-size: 1rem;
    line-height: 21.5px;
  }
}
.additional-stop-section .video-grp {
  width: 100%;
  height: 721px;
}
@media all and (max-width: 600px) {
  .additional-stop-section .video-grp {
    position: relative;
    padding-top: 231.3%;
    height: auto;
  }
}
.additional-stop-section .video-grp .video {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media all and (max-width: 600px) {
  .additional-stop-section .video-grp .video {
    position: absolute;
    top: 0;
    left: 0;
  }
}

.additional-systematic-section {
  background-image: url("../../images/img/img_systematic_bg.png");
  padding: 191px 0 148px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}
@media all and (max-width: 600px) {
  .additional-systematic-section {
    background-image: url("../../images/img/m_img_systematic_bg.png");
    padding: 64px 0 51px;
  }
}
.additional-systematic-section.type-smart {
  background-image: url("../../images/img/img_systematic_bg_smart.png");
}
@media all and (max-width: 600px) {
  .additional-systematic-section.type-smart {
    background-image: url("../../images/img/m_img_systematic_bg_smart.png");
    background-position: center -4px;
  }
}
.additional-systematic-section .ttl-grp {
  margin-bottom: 78px;
}
@media all and (max-width: 600px) {
  .additional-systematic-section .ttl-grp {
    margin-bottom: 35px;
  }
}
.additional-systematic-section .ttl-grp .additional-common-ttl {
  margin-bottom: 27px;
  text-align: left;
}
@media all and (max-width: 600px) {
  .additional-systematic-section .ttl-grp .additional-common-ttl {
    line-height: 32.5px;
  }
}
.additional-systematic-section .ttl-grp .sub-txt {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 24.5px;
  letter-spacing: -0.526px;
  color: #474747;
}
@media all and (max-width: 600px) {
  .additional-systematic-section .ttl-grp .sub-txt {
    font-size: 1rem;
    line-height: 21.5px;
  }
}
.additional-systematic-section .step-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media all and (max-width: 600px) {
  .additional-systematic-section .step-grp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
}
.additional-systematic-section .step-grp .step-list {
  width: 20%;
  border-radius: 20px;
  padding: 37.5px 10px;
  background-color: #fff;
}
@media all and (max-width: 600px) {
  .additional-systematic-section .step-grp .step-list {
    width: 100%;
    padding: 18px 20px;
    border-radius: 8px;
  }
}
.additional-systematic-section .step-grp .step-list .img-grp {
  width: 88px;
  height: 88px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.additional-systematic-section .step-grp .step-list .img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.additional-systematic-section .step-grp .step-list .txt-grp {
  text-align: center;
}
@media all and (max-width: 600px) {
  .additional-systematic-section .step-grp .step-list .txt-grp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 18px;
  }
}
.additional-systematic-section .step-grp .step-list .txt-grp .step {
  display: inline-block;
  margin-bottom: 15px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #f6611f;
}
@media all and (max-width: 600px) {
  .additional-systematic-section .step-grp .step-list .txt-grp .step {
    margin-bottom: 0;
  }
}
.additional-systematic-section .step-grp .step-list .txt-grp .step.type-smart {
  color: #0cc5bf;
}
.additional-systematic-section .step-grp .step-list .txt-grp .txt {
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 26px;
  color: #000;
}
@media all and (max-width: 600px) {
  .additional-systematic-section .step-grp .step-list .txt-grp .txt {
    font-size: 1rem;
  }
}

.additional-various-section {
  padding: 184px 0 139px;
}
@media all and (max-width: 600px) {
  .additional-various-section {
    padding: 60px 0 389px;
  }
}
.additional-various-section .txt-grp {
  margin-bottom: 56px;
}
@media all and (max-width: 600px) {
  .additional-various-section .txt-grp {
    margin-bottom: 35px;
  }
}
.additional-various-section .txt-grp .sub-txt {
  margin-top: 27px;
  font-size: 1.125rem;
  font-weight: 500;
  text-align: center;
  color: #474747;
}
@media all and (max-width: 600px) {
  .additional-various-section .txt-grp .sub-txt {
    margin-top: 18px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 21.5px;
    color: #393939;
  }
}
.additional-various-section .img-wrap {
  position: relative;
}
.additional-various-section .img-wrap .monitor-img-grp {
  width: 800;
  height: 564px;
  margin: 0 auto;
}
@media all and (max-width: 600px) {
  .additional-various-section .img-wrap .monitor-img-grp {
    width: 531px;
    height: 310px;
    position: absolute;
    left: -149px;
  }
}
.additional-various-section .img-wrap .monitor-img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.additional-various-section .img-wrap .screen-img-wrap {
  position: absolute;
  top: 150px;
  width: 100%;
  height: 428px;
}
.additional-various-section .img-wrap .screen-img-wrap .screen-img-grp {
  overflow: hidden;
  position: absolute;
  top: auto;
  left: 0;
  width: 417px;
  height: 264px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
}
.additional-various-section .img-wrap .screen-img-wrap .screen-img-grp.img01 {
  bottom: 0;
}
.additional-various-section .img-wrap .screen-img-wrap .screen-img-grp.img02 {
  right: 0;
  left: auto;
}
@media all and (max-width: 600px) {
  .additional-various-section .img-wrap .screen-img-wrap .screen-img-grp.img02 {
    width: 244px;
    height: 155px;
  }
}
.additional-various-section .img-wrap .screen-img-wrap .screen-img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.additional-view-section {
  padding: 50px 0;
  background-color: #f6611f;
}
.additional-view-section.type-smart {
  background-color: #0cc5bf;
}
.additional-view-section .view-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 26px;
}
.additional-view-section .view-wrap .view-list-grp {
  width: 33.3333333333%;
  background-color: #fff;
  border-radius: 20px;
}
.additional-view-section .view-wrap .view-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 32px 26px 25px 34px;
}
.additional-view-section .view-wrap .txt-grp .txt {
  margin-bottom: 22px;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 27px;
  color: #000;
  line-height: 1.4;
}
.additional-view-section .view-wrap .txt-grp .go-grp .go-txt {
  margin-right: 9.5px;
  font-size: 1rem;
  font-weight: 600;
  color: #f6611f;
}
.additional-view-section .view-wrap .txt-grp .go-grp .go-txt.type-smart {
  color: #00adb9;
}

.additional-use-section .bottom-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin-top: 50px;
  padding: 41px 38px;
  border-radius: 26px;
  background-color: #000;
}
@media all and (max-width: 600px) {
  .additional-use-section .bottom-cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 16.3px;
    padding: 14px 0 24px;
    border-radius: 0;
  }
}
.additional-use-section .bottom-cont .bottom-ttl-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 13px;
}
@media all and (max-width: 600px) {
  .additional-use-section .bottom-cont .bottom-ttl-grp {
    gap: 7px;
    margin-left: 24px;
  }
}
.additional-use-section .bottom-cont .bottom-ttl-grp .img-grp {
  width: 52px;
  height: 52px;
}
@media all and (max-width: 600px) {
  .additional-use-section .bottom-cont .bottom-ttl-grp .img-grp {
    width: 29px;
    height: 29.5px;
  }
}
.additional-use-section .bottom-cont .bottom-ttl-grp .img-grp .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.additional-use-section .bottom-cont .bottom-ttl-grp .ttl {
  font-size: 1.25rem;
  font-weight: 500;
  color: #fff;
  line-height: 1.4;
  letter-spacing: -0.5px;
}
@media all and (max-width: 600px) {
  .additional-use-section .bottom-cont .bottom-ttl-grp .ttl {
    font-size: 1rem;
  }
}
.additional-use-section .bottom-cont .bottom-ttl-grp .ttl .bold {
  font-weight: 800;
}
.additional-use-section .bottom-cont .bottom-ttl-grp .ttl .bold .type-smart {
  color: #0cc5bf;
}
.additional-use-section .bottom-cont .bottom-ttl-grp .ttl .bold .easy-use-type {
  color: #accbff;
}
.additional-use-section .bottom-cont .bottom-cont-wrap {
  overflow: hidden;
  position: relative;
  width: 811px;
  height: 57px;
}
@media all and (max-width: 600px) {
  .additional-use-section .bottom-cont .bottom-cont-wrap {
    height: 42px;
  }
}
.additional-use-section .bottom-cont .bottom-cont-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  position: absolute;
  width: 100%;
}
.additional-use-section .bottom-cont .bottom-cont-grp .imgs {
  background-image: url("../../images/img/img_use_rolling.png");
  width: 100%;
  height: 57px;
  background-position: 0;
  background-size: 1072px 57px;
  background-repeat: repeat-x;
  -webkit-animation-name: use-rolling;
          animation-name: use-rolling;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  animation-direction: reverse;
}
@media all and (max-width: 600px) {
  .additional-use-section .bottom-cont .bottom-cont-grp .imgs {
    background-image: url("../../images/img/m_img_use_rolling.png");
    height: 42px;
    background-size: 758px 42px;
    -webkit-animation-duration: 15s;
            animation-duration: 15s;
  }
}
.additional-use-section .bottom-cont .bottom-cont-grp .imgs.type-easy {
  background-image: url("../../images/img/img_easy_rolling.png");
  padding-right: 12px;
}

/* additional-main-banner-section - 상단 배너 */
.additional-main-banner-section.type-easy {
  background-image: url("../../images/img/img_easy_attendance_bg.png");
}
@media all and (max-width: 600px) {
  .additional-main-banner-section.type-easy {
    background-image: url("../../images/img/m_img_easy_easy_bg.png");
  }
}
.additional-main-banner-section .main-ttl-box.type-easy {
  color: #0961f5 !important;
  /*&::after {
    width: 172px !important;

    @include mobile {
      width: 95px !important;
      height: 34px;
    }
  }*/
}
.additional-main-banner-section .additional-img-wrap.eduokeasy-img-wrap {
  top: auto;
  left: auto;
  bottom: 47px;
  right: -235px;
}
@media all and (max-width: 600px) {
  .additional-main-banner-section .additional-img-wrap.eduokeasy-img-wrap {
    bottom: 0;
    right: 0;
  }
}
.additional-main-banner-section .eduokeasy-main-banner-left-icon {
  position: absolute;
  top: auto;
  left: auto;
  bottom: 328px;
  right: 462px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media all and (max-width: 600px) {
  .additional-main-banner-section .eduokeasy-main-banner-left-icon {
    bottom: 21px;
    right: 28px;
    width: 148px;
    height: 167px;
  }
}

/* END - additional-main-banner-section - 상단 배너 */
.additional-use-section.easy-use-section {
  padding: 167px 0 0;
}
@media all and (max-width: 600px) {
  .additional-use-section.easy-use-section {
    padding: 58px 0 36px;
  }
}
@media all and (max-width: 600px) {
  .additional-use-section.easy-use-section .ttl-grp {
    margin-top: 0;
    margin-bottom: 14px;
  }
}

.easy-use-type {
  color: #accbff;
}

.easy-stl-down-icon {
  width: 22px;
  height: 19px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.144' height='26.243' viewBox='0 0 23.144 26.243'%3E%3Cg id='그룹_33866' data-name='그룹 33866' transform='translate(7712.522 -555.379) rotate(90)'%3E%3Cg id='그룹_33817' data-name='그룹 33817' transform='translate(557.5 7691.5)' opacity='0.5'%3E%3Cline id='선_3287' data-name='선 3287' x2='9.45' y2='9.45' fill='none' stroke='%230961f5' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='선_3288' data-name='선 3288' y1='9.45' x2='9.45' transform='translate(0 9.45)' fill='none' stroke='%230961f5' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3Cg id='그룹_33818' data-name='그룹 33818' transform='translate(570.05 7691.5)'%3E%3Cline id='선_3287-2' data-name='선 3287' x2='9.45' y2='9.45' fill='none' stroke='%230961f5' stroke-linecap='round' stroke-width='3'/%3E%3Cline id='선_3288-2' data-name='선 3288' y1='9.45' x2='9.45' transform='translate(0 9.45)' fill='none' stroke='%230961f5' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

/* easy-confidence-section - 국내 최다 서비스의 자신감 */
.easy-confidence-section {
  padding: 250px 0 140px;
}
@media all and (max-width: 600px) {
  .easy-confidence-section {
    padding: 55px 0 0;
  }
}
@media all and (max-width: 600px) {
  .easy-confidence-section .sub-sm-center {
    padding: 0;
  }
}
.easy-confidence-section .easy-conf-txt-wrap {
  margin-bottom: 109px;
}
@media all and (max-width: 600px) {
  .easy-confidence-section .easy-conf-txt-wrap {
    margin-bottom: 36px;
  }
}
.easy-confidence-section .easy-conf-txt-wrap .easy-conf-sub-ttl {
  font-size: 1.5rem;
  font-weight: 800;
  color: #000;
}
@media all and (max-width: 600px) {
  .easy-confidence-section .easy-conf-txt-wrap .easy-conf-sub-ttl {
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
  }
}
.easy-confidence-section .easy-conf-txt-wrap .additional-common-ttl {
  margin: 11px 0 29px;
  text-align: left;
}
@media all and (max-width: 600px) {
  .easy-confidence-section .easy-conf-txt-wrap .additional-common-ttl {
    margin: 11px 0 20px;
    text-align: center;
  }
}
.easy-confidence-section .easy-conf-txt-wrap .additional-common-txt {
  margin-bottom: 20px;
  font-weight: 500;
  color: #393939;
  text-align: left;
  line-height: 1.53;
  letter-spacing: -0.6px;
}
@media all and (max-width: 600px) {
  .easy-confidence-section .easy-conf-txt-wrap .additional-common-txt {
    margin-bottom: 15px;
    font-size: 1rem;
    text-align: center;
    line-height: 1.5;
  }
}
.easy-confidence-section .easy-conf-txt-wrap .asy-conf-txt {
  font-size: 0.875rem;
  font-weight: 500;
  color: #949494;
  letter-spacing: -0.1px;
}
@media all and (max-width: 600px) {
  .easy-confidence-section .easy-conf-txt-wrap .asy-conf-txt {
    text-align: center;
    font-size: 0.75rem;
  }
}
.easy-confidence-section .easy-conf-cont-wrap {
  position: relative;
}
.easy-confidence-section .easy-conf-cont-wrap .easy-cont-icon-img-wrap {
  width: 1180px;
  height: 180px;
}
.easy-confidence-section .easy-conf-cont-wrap .easy-cont-pc-img-wrap {
  position: absolute;
  top: auto;
  right: 26px;
  bottom: 129px;
  left: auto;
  width: 617px;
  height: 452px;
}
@media all and (max-width: 600px) {
  .easy-confidence-section .easy-conf-cont-wrap-mo {
    width: 100%;
    margin: 0 auto;
    position: relative;
  }
}
.easy-confidence-section .easy-conf-cont-wrap-mo .easy-cont-pc-img-wrap-mo {
  width: 100%;
}
.easy-confidence-section .easy-conf-cont-wrap-mo .easy-cont-icon-img-wrap-mo {
  position: absolute;
  top: auto;
  left: 50%;
  bottom: 53px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  max-width: 282px;
}
@media all and (max-width: 350px) {
  .easy-confidence-section .easy-conf-cont-wrap-mo .easy-cont-icon-img-wrap-mo {
    bottom: 40px;
  }
}

/* END - easy-confidence-section - 국내 최다 서비스의 자신감 */
/* easy-receive-section - 최고의 수납 */
.easy-receive-section {
  padding: 125px 0 132px;
  background-color: #f7f8fa;
  /* easy-rec-cont-wrap 모바일 */
}
@media all and (max-width: 600px) {
  .easy-receive-section {
    padding: 64px 0 55px;
  }
}
.easy-receive-section .easy-receive-txt-wrap {
  margin-bottom: 109px;
}
@media all and (max-width: 600px) {
  .easy-receive-section .easy-receive-txt-wrap {
    margin-bottom: 47px;
  }
}
.easy-receive-section .easy-receive-txt-wrap .additional-common-ttl {
  margin-bottom: 37px;
}
@media all and (max-width: 600px) {
  .easy-receive-section .easy-receive-txt-wrap .additional-common-ttl {
    margin-bottom: 13px;
    line-height: 1.38;
  }
}
.easy-receive-section .easy-receive-txt-wrap .additional-common-txt {
  font-weight: 500;
  color: #393939;
}
@media all and (max-width: 600px) {
  .easy-receive-section .easy-receive-txt-wrap .additional-common-txt {
    line-height: 1.47;
    font-weight: 400;
  }
}
.easy-receive-section .easy-rec-cont-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1180px;
  height: 458px;
  margin: 0 auto;
  border-radius: 40px;
  background-color: #fff;
  border: 1px solid #e6e9ef;
}
.easy-receive-section .easy-rec-cont-wrap.easy-rec-bottom-cont-wrap {
  height: 510px;
}
.easy-receive-section .easy-rec-cont-wrap .easy-rec-cont-ttl {
  position: absolute;
  top: -25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 400px;
  height: 50px;
  margin: 0 auto;
  border-radius: 33px;
  background-color: #8795b2;
}
.easy-receive-section .easy-rec-cont-wrap .easy-rec-cont-ttl.type-blue {
  background-color: #0961f5;
}
.easy-receive-section .easy-rec-cont-wrap .easy-rec-cont-ttl .ttl {
  font-size: 1.375rem;
  font-weight: 500;
  color: #ffffff;
}
.easy-receive-section .easy-rec-cont-wrap .easy-rec-cont-img-wrap {
  width: 1126px;
  height: 386px;
}
.easy-receive-section .easy-rec-cont-wrap .easy-rec-cont-img-wrap.easy-rec-cont-img-wrap-02 {
  width: 786px;
  height: 438px;
}
.easy-receive-section .easy-rec-cont-wrap-mo {
  width: 100%;
  border-radius: 20px;
  border: 1px solid #e6e9ef;
  background-color: #fff;
}
.easy-receive-section .easy-rec-cont-wrap-mo.easy-rec-bottom-cont-wrap-mo .easy-rec-cont-ttl {
  background-color: #0961f5;
}
.easy-receive-section .easy-rec-cont-wrap-mo .easy-rec-cont-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: -20px auto 0;
  width: 270px;
  height: 38px;
  border-radius: 33px;
  background-color: #8795b2;
}
.easy-receive-section .easy-rec-cont-wrap-mo .easy-rec-cont-ttl .ttl {
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
}
.easy-receive-section .easy-rec-cont-wrap-mo .easy-rec-cont-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.easy-receive-section .easy-rec-cont-wrap-mo .easy-rec-cont-grp .easy-rec-cont-list {
  max-width: 345px;
  -o-object-fit: cover;
     object-fit: cover;
}
.easy-receive-section .easy-rec-cont-wrap-mo .easy-rec-cont-grp .easy-rec-cont-list:first-child {
  margin-top: 30px;
}
.easy-receive-section .easy-rec-cont-wrap-mo .easy-rec-cont-grp .easy-rec-cont-list:last-child {
  margin-bottom: -4px;
}
.easy-receive-section .easy-stl-down-icon {
  margin: 50px auto 75px;
}
@media all and (max-width: 600px) {
  .easy-receive-section .easy-stl-down-icon {
    margin: 26px auto 48px;
  }
}

/* END - easy-receive-section - 최고의 수납 */
/* easy-settlement-management-section - 결산관리 */
.easy-settlement-management-section {
  padding: 169px 0 141px;
  /* 모바일 cont */
}
@media all and (max-width: 600px) {
  .easy-settlement-management-section {
    padding: 60px 0 68px;
  }
}
.easy-settlement-management-section .easy-stl-txt-wrap {
  margin-bottom: 99px;
}
@media all and (max-width: 600px) {
  .easy-settlement-management-section .easy-stl-txt-wrap {
    margin-bottom: 47px;
  }
}
.easy-settlement-management-section .easy-stl-txt-wrap .additional-common-ttl {
  margin-bottom: 27px;
  line-height: 1.3;
  letter-spacing: -1px;
}
@media all and (max-width: 600px) {
  .easy-settlement-management-section .easy-stl-txt-wrap .additional-common-ttl {
    margin-bottom: 18px;
  }
}
.easy-settlement-management-section .easy-stl-txt-wrap .additional-common-txt {
  font-weight: 500;
  color: #393939;
}
@media all and (max-width: 600px) {
  .easy-settlement-management-section .easy-stl-txt-wrap .additional-common-txt {
    font-weight: 400;
    line-height: 1.45;
  }
}
.easy-settlement-management-section .easy-stl-top-cont-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1000px;
  height: 305px;
  margin: 0 auto;
  border-radius: 40px;
  border: 1px solid #eff1f5;
}
.easy-settlement-management-section .easy-stl-top-cont-wrap .easy-stl-top-ttl-wrap {
  position: absolute;
  top: -25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 400px;
  height: 50px;
  margin: 0 auto;
  border-radius: 33px;
  background-color: #262627;
}
.easy-settlement-management-section .easy-stl-top-cont-wrap .easy-stl-top-ttl-wrap .easy-stl-top-ttl {
  font-size: 1.375rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.3px;
}
.easy-settlement-management-section .easy-stl-top-cont-wrap .easy-stl-cont-list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 86px;
  padding-top: 12px;
}
.easy-settlement-management-section .easy-stl-top-cont-wrap .easy-stl-cont-list-wrap .easy-stl-cont-list {
  position: relative;
}
.easy-settlement-management-section .easy-stl-top-cont-wrap .easy-stl-cont-list-wrap .easy-stl-cont-list .easy-stl-cont-list-img-bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 132px;
  height: 132px;
  border-radius: 100%;
  background-color: #f5f5f5;
  border: 1px solid #efefef;
}
.easy-settlement-management-section .easy-stl-top-cont-wrap .easy-stl-cont-list-wrap .easy-stl-cont-list .easy-stl-cont-list-img-bg .easy-stl-cont-list-img-wrap {
  width: 90px;
  height: 90px;
}
.easy-settlement-management-section .easy-stl-top-cont-wrap .easy-stl-cont-list-wrap .easy-stl-cont-list .easy-stl-cont-list-txt {
  margin-top: 23px;
  font-size: 1.25rem;
  font-weight: 500;
  color: #393939;
}
.easy-settlement-management-section .easy-stl-top-cont-wrap .easy-stl-cont-list-wrap .easy-stl-cont-list .easy-stl-cont-list-icon {
  position: absolute;
  top: 32%;
  left: auto;
  right: -50px;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.5' height='20.5' viewBox='0 0 20.5 20.5'%3E%3Cg id='그룹_468' data-name='그룹 468' transform='translate(-747.25 -5446.25)'%3E%3Cline id='선_3156' data-name='선 3156' x2='18' transform='translate(748.5 5456.5)' fill='none' stroke='%23acacac' stroke-linecap='round' stroke-width='2.5'/%3E%3Cline id='선_3157' data-name='선 3157' x2='18' transform='translate(757.5 5447.5) rotate(90)' fill='none' stroke='%23acacac' stroke-linecap='round' stroke-width='2.5'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.easy-settlement-management-section .easy-stl-top-cont-wrap-mo {
  position: relative;
  width: 100%;
  padding: 39px 19px 21px;
  border-radius: 20px;
  border: 1px solid #e6e9ef;
  background-color: #fff;
}
.easy-settlement-management-section .easy-stl-top-cont-wrap-mo .easy-stl-top-ttl-wrap-mo {
  position: absolute;
  top: -17px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 270px;
  height: 38px;
  margin: 0 auto 0;
  background-color: #262627;
  border-radius: 33px;
}
.easy-settlement-management-section .easy-stl-top-cont-wrap-mo .easy-stl-top-ttl-wrap-mo .easy-stl-top-ttl {
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
}
.easy-settlement-management-section .easy-stl-top-cont-wrap-mo .easy-stl-cont-list-wrap-mo {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 8px;
}
.easy-settlement-management-section .easy-stl-top-cont-wrap-mo .easy-stl-cont-list-wrap-mo .easy-stl-cont-list-mo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 52px;
  padding: 0 31px;
  background-color: #f9f9f9;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
}
.easy-settlement-management-section .easy-stl-top-cont-wrap-mo .easy-stl-cont-list-wrap-mo .easy-stl-cont-list-mo .easy-stl-cont-list-img-wrap-mo {
  width: 44px;
  height: 44px;
}
.easy-settlement-management-section .easy-stl-top-cont-wrap-mo .easy-stl-cont-list-wrap-mo .easy-stl-cont-list-mo .easy-stl-cont-list-txt-mo {
  font-size: 1rem;
  font-weight: 600;
  color: #393939;
  margin-left: 16px;
}
.easy-settlement-management-section .easy-stl-down-icon {
  margin: 40.5px auto 41.5px;
}
@media all and (max-width: 600px) {
  .easy-settlement-management-section .easy-stl-down-icon {
    margin: 26px auto;
  }
}
.easy-settlement-management-section .easy-stl-bottom-cont-wrap {
  position: relative;
  width: 1000px;
  height: 495px;
  margin: 0 auto;
  padding: 86px 78px 64px;
  border-radius: 40px;
  background: linear-gradient(135deg, #3480ff, #0050d5);
  border: 2px solid #488dff;
}
@media all and (max-width: 600px) {
  .easy-settlement-management-section .easy-stl-bottom-cont-wrap {
    width: 100%;
    height: 363px;
    margin-bottom: 0;
    padding: 36px 10px 10px 26px;
    border-radius: 24px;
  }
}
.easy-settlement-management-section .easy-stl-bottom-cont-wrap .easy-stl-bottom-cont-left .easy-stl-b-ttl {
  margin-bottom: 24px;
  font-size: 2.125rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.3px;
}
@media all and (max-width: 600px) {
  .easy-settlement-management-section .easy-stl-bottom-cont-wrap .easy-stl-bottom-cont-left .easy-stl-b-ttl {
    font-size: 1.5rem;
    font-weight: 700;
  }
}
.easy-settlement-management-section .easy-stl-bottom-cont-wrap .easy-stl-bottom-cont-left .easy-stl-b-ttl .txt-color-navy {
  color: #001c4b;
}
@media all and (max-width: 600px) {
  .easy-settlement-management-section .easy-stl-bottom-cont-wrap .easy-stl-bottom-cont-left .easy-stl-b-ttl .txt-color-navy {
    font-weight: 700;
  }
}
.easy-settlement-management-section .easy-stl-bottom-cont-wrap .easy-stl-bottom-cont-left .easy-stl-b-txt {
  margin-bottom: 29px;
  font-size: 1.125rem;
  font-weight: 400;
  color: #d9e7ff;
  line-height: 1.45;
}
@media all and (max-width: 600px) {
  .easy-settlement-management-section .easy-stl-bottom-cont-wrap .easy-stl-bottom-cont-left .easy-stl-b-txt {
    font-size: 0.9375rem;
  }
}
.easy-settlement-management-section .easy-stl-bottom-cont-wrap .easy-stl-bottom-cont-left .easy-stl-b-btn {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 246px;
  height: 54px;
  margin-bottom: 84px;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: -0.3px;
  color: #0961f5;
  background-color: #fff;
  border: 1px solid #0961f5;
  border-radius: 32px;
}
.easy-settlement-management-section .easy-stl-bottom-cont-wrap .easy-stl-bottom-cont-left .easy-stl-b-btn .easy-stl-rigt-icon {
  display: inline-block;
  width: 11px;
  height: 9px;
  margin-left: 12.5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.621' height='11.121' viewBox='0 0 12.621 11.121'%3E%3Cg id='그룹_33819' data-name='그룹 33819' transform='translate(-556.439 -7690.439)'%3E%3Cg id='그룹_33817' data-name='그룹 33817' transform='translate(0 7)' opacity='0.5'%3E%3Cline id='선_3287' data-name='선 3287' x2='4.5' y2='4.5' transform='translate(557.5 7684.5)' fill='none' stroke='%230961f5' stroke-linecap='round' stroke-width='1.5'/%3E%3Cline id='선_3288' data-name='선 3288' y1='4.5' x2='4.5' transform='translate(557.5 7689)' fill='none' stroke='%230961f5' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3Cg id='그룹_33818' data-name='그룹 33818' transform='translate(6 7)'%3E%3Cline id='선_3287-2' data-name='선 3287' x2='4.5' y2='4.5' transform='translate(557.5 7684.5)' fill='none' stroke='%230961f5' stroke-linecap='round' stroke-width='1.5'/%3E%3Cline id='선_3288-2' data-name='선 3288' y1='4.5' x2='4.5' transform='translate(557.5 7689)' fill='none' stroke='%230961f5' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.easy-settlement-management-section .easy-stl-bottom-cont-wrap .easy-stl-bottom-cont-left .easy-stl-b-tab-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  width: 318px;
  height: 63px;
  border-radius: 10px;
  background-color: #3681ff;
  border: 1px solid #67a0ff;
}
.easy-settlement-management-section .easy-stl-bottom-cont-wrap .easy-stl-bottom-cont-left .easy-stl-b-tab-wrap .easy-stl-b-tab {
  position: relative;
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0px;
}
.easy-settlement-management-section .easy-stl-bottom-cont-wrap .easy-stl-bottom-cont-left .easy-stl-b-tab-wrap .easy-stl-b-tab::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -20.5px;
  left: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #6aa1ff;
}
.easy-settlement-management-section .easy-stl-bottom-cont-wrap .easy-stl-bottom-cont-left .easy-stl-b-tab-wrap .easy-stl-b-tab:last-child::after {
  display: none;
}
.easy-settlement-management-section .easy-stl-bottom-cont-wrap .easy-stl-bottom-cont-left .easy-stl-b-tab-wrap-mo .easy-stl-b-tab-mo {
  position: relative;
  width: 145.5px;
  padding-left: 4px;
  padding-bottom: 9px;
  margin-bottom: 12px;
  border-bottom: 1px solid #6aa1ff;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #fff;
}
.easy-settlement-management-section .easy-stl-bottom-cont-wrap .easy-stl-bottom-cont-left .easy-stl-b-tab-wrap-mo .easy-stl-b-tab-mo:last-child {
  border: none;
}
.easy-settlement-management-section .easy-stl-bottom-cont-wrap .easy-stl-bottom-cont-right {
  position: absolute;
  top: 75px;
  right: -90px;
  left: auto;
  width: 714px;
  height: 501px;
}
@media all and (max-width: 600px) {
  .easy-settlement-management-section .easy-stl-bottom-cont-wrap .easy-stl-bottom-cont-right {
    top: auto;
    bottom: -55px;
    right: -39px;
    width: auto;
    height: auto;
    max-width: 360px;
    max-height: 267px;
  }
}

/* END - easy-settlement-management-section - 결산관리 */
/* easy-message-section - 스크루지 문자비용/ 문자알림 */
.additional-payment-system-section.easy-message-section {
  padding: 135px 0 133px;
  background-color: #f7f8fa;
}
@media all and (max-width: 600px) {
  .additional-payment-system-section.easy-message-section {
    padding: 66px 0 44px;
  }
}
@media all and (max-width: 600px) {
  .additional-payment-system-section.easy-message-section .txt-wrap {
    margin-bottom: 27px;
  }
}
@media all and (max-width: 600px) {
  .additional-payment-system-section.easy-message-section .txt-wrap .additional-common-ttl {
    margin-bottom: 15px !important;
    line-height: 1.35;
    font-size: 1.625rem;
  }
}
@media all and (max-width: 600px) {
  .additional-payment-system-section.easy-message-section .txt-wrap .additional-common-txt {
    letter-spacing: -0.2px;
  }
}
.additional-payment-system-section .cont-wrap.easy-cont-wrap {
  gap: 134px;
}
@media all and (max-width: 600px) {
  .additional-payment-system-section .cont-wrap.easy-cont-wrap {
    gap: 30px;
  }
}
.additional-payment-system-section .cont-wrap .payment-system-cont.type-easy {
  position: relative;
  width: calc((100% - 134px) / 2);
  height: 527px;
  background-color: #fff;
  border: 1px solid #dde3ef;
}
@media all and (max-width: 600px) {
  .additional-payment-system-section .cont-wrap .payment-system-cont.type-easy {
    width: auto;
    max-width: 345px;
    height: 371px;
  }
}
@media all and (max-width: 600px) {
  .additional-payment-system-section .cont-wrap .payment-system-cont.type-easy .top-img-wrap {
    max-width: 345px;
    position: relative;
  }
}
.additional-payment-system-section .cont-wrap .payment-system-cont .txt-wrap.type-easy {
  color: #393939;
}
.additional-payment-system-section .cont-wrap .payment-system-cont .alarm-message-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 340px;
  height: 90px;
  margin-top: -45px;
  margin-left: -170px;
}
@media all and (max-width: 600px) {
  .additional-payment-system-section .cont-wrap .payment-system-cont .alarm-message-wrap {
    margin-top: 0;
    margin-left: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
.additional-payment-system-section .cont-wrap .payment-system-cont .alarm-message-wrap.alarm-message-wrap-01 {
  border-radius: 20px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 58, 156, 0.15);
          box-shadow: 0 6px 12px rgba(0, 58, 156, 0.15);
}
@media all and (max-width: 600px) {
  .additional-payment-system-section .cont-wrap .payment-system-cont .alarm-message-wrap.alarm-message-wrap-01 {
    width: 270px;
    height: 80px;
  }
}
.additional-payment-system-section .cont-wrap .payment-system-cont .alarm-message-wrap.alarm-message-wrap-02 {
  height: 109px;
  margin-top: -54.5px;
}
@media all and (max-width: 600px) {
  .additional-payment-system-section .cont-wrap .payment-system-cont .alarm-message-wrap.alarm-message-wrap-02 {
    width: 270px;
    height: 89px;
    margin-top: 0;
  }
}

/* END - easy-message-section */
/* certified-section - 출결 인증 시스템 */
.certified-section.easy-certified-section {
  padding: 123px 0 144px;
}
@media all and (max-width: 600px) {
  .certified-section.easy-certified-section {
    padding: 69px 0 50px;
  }
}
.certified-section .easy-certified-txt-wrap {
  margin-bottom: 68px;
}
@media all and (max-width: 600px) {
  .certified-section .easy-certified-txt-wrap {
    margin-bottom: 34px;
  }
}
.certified-section .easy-certified-txt-wrap .additional-common-ttl {
  margin-bottom: 36px;
  line-height: 1.28;
}
@media all and (max-width: 600px) {
  .certified-section .easy-certified-txt-wrap .additional-common-ttl {
    margin-bottom: 18px;
  }
}
.certified-section .easy-certified-txt-wrap .additional-common-ttl .color-point-easy {
  color: #0961f5;
}
.certified-section .easy-certified-txt-wrap .additional-common-txt {
  color: #393939;
}
@media all and (max-width: 600px) {
  .certified-section .easy-certified-txt-wrap .additional-common-txt {
    line-height: 1.48;
  }
}
.certified-section .certified-system-grp.easy-certified-system-grp {
  margin-bottom: 0;
}
@media all and (max-width: 600px) {
  .certified-section .certified-system-grp.easy-certified-system-grp .certified-list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 21px !important;
    padding: 32px 18px 24px;
  }
}
@media all and (max-width: 600px) {
  .certified-section .certified-system-grp.easy-certified-system-grp .certified-list .img-grp {
    margin: 0;
    width: auto;
    height: auto;
    max-width: 105px;
    max-height: 124px;
  }
}
@media all and (max-width: 600px) {
  .certified-section .certified-system-grp.easy-certified-system-grp .certified-list .img-grp.img-first {
    margin-top: 0;
    max-width: 120px;
    max-height: 142px;
  }
}
.certified-section .certified-system-grp.easy-certified-system-grp .certified-list .certified-list-txt-grp {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

/* END - certified-section */
/* easy-additional-view-section - 하단 link */
.additional-view-section.easy-additional-view-section {
  background-color: #004ccb;
}
.additional-view-section .go-grp .easy-go-txt {
  color: #0961f5 !important;
}
.additional-view-section .go-grp .icon-arrow-blue {
  width: 6px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.254' height='11.032' viewBox='0 0 6.254 11.032'%3E%3Cg id='그룹_122' data-name='그룹 122' transform='translate(0.99 0.99)'%3E%3Cline id='선_3065' data-name='선 3065' x2='4.275' y2='4.526' transform='translate(0)' fill='none' stroke='%230961f5' stroke-linecap='round' stroke-width='1.4'/%3E%3Cline id='선_3066' data-name='선 3066' x1='4.275' y2='4.526' transform='translate(0 4.526)' fill='none' stroke='%230961f5' stroke-linecap='round' stroke-width='1.4'/%3E%3C/g%3E%3C/svg%3E%0A");
}

/* END - easy-additional-view-section - 하단 link */
.auth-page.join-page {
  background: #f9f9f9;
}
@media all and (max-width: 600px) {
  .auth-page.join-page {
    background: #fff;
  }
}
.auth-page.join-page .join-section {
  padding-bottom: 150px;
}
@media all and (max-width: 600px) {
  .auth-page.join-page .join-section {
    padding-bottom: 68px;
  }
}
.auth-page.join-page .join-wrapper {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  padding: 73px 0 140px;
  border-radius: 30px;
}
@media all and (max-width: 600px) {
  .auth-page.join-page .join-wrapper {
    padding: 0;
  }
}
.auth-page.join-page .auth-ttl {
  margin-bottom: 58px;
}
.auth-page.join-page .join-process {
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 45px;
}
@media all and (max-width: 600px) {
  .auth-page.join-page .join-process {
    margin-bottom: 30px;
  }
}
.auth-page.join-page .join-process .process-item {
  position: relative;
  margin-right: 88px;
  text-align: center;
}
@media all and (max-width: 600px) {
  .auth-page.join-page .join-process .process-item {
    margin-right: 40px;
  }
}
.auth-page.join-page .join-process .process-item:last-child {
  margin-right: 0;
}
.auth-page.join-page .join-process .process-item .num {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 12px;
  border: 2px solid #dde2ec;
  border-radius: 50%;
  background-color: #fff;
  line-height: 30px;
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  color: #c2c9d6;
}
.auth-page.join-page .join-process .process-item .txt {
  display: block;
  font-size: 0.875rem;
  font-weight: 400;
  color: #697387;
}
.auth-page.join-page .join-process .process-item .line {
  position: absolute;
  width: 101px;
  height: 2px;
  background-color: #dde2ec;
  top: 17px;
  left: 40px;
}
@media all and (max-width: 600px) {
  .auth-page.join-page .join-process .process-item .line {
    width: 70px;
  }
}
.auth-page.join-page .join-process .process-item.is-active .num {
  background: -webkit-gradient(linear, right bottom, left top, from(#2e90ff), to(#0961f5));
  background: linear-gradient(to left top, #2e90ff, #0961f5);
  border: none;
  line-height: 34px;
  color: #fff;
}
.auth-page.join-page .join-process .process-item.is-active .txt {
  color: #0961f5;
}
.auth-page.join-page .join-process .process-item.is-going .line {
  background-color: #0961f5;
}
.auth-page.join-page .join-process .process-item.is-next .num {
  background: #fff;
  border: 2px solid #0961f5;
  line-height: 30px;
  color: #0961f5;
}
.auth-page.join-page .join-process .process-item.is-next .num.pr-3 {
  padding-right: 3px;
}
.auth-page.join-page .join-process .process-item.is-next .txt {
  color: #0961f5;
}
.auth-page.join-page .sub-txt-grp {
  margin-bottom: 44px;
  padding: 23px 0 23px 9px;
  border-top: 1px solid #686868;
  border-bottom: 1px solid #e8e8e8;
}
@media all and (max-width: 600px) {
  .auth-page.join-page .sub-txt-grp {
    margin-bottom: 38px;
    padding: 21px 0;
    text-align: center;
  }
}
@media all and (max-width: 600px) {
  .auth-page.join-page .sub-txt-grp.type-mo-mb {
    margin-bottom: 21px;
  }
}
.auth-page.join-page .sub-txt-grp .sub-ttl {
  margin-bottom: 14px;
  font-size: 1.25rem;
  font-weight: 800;
  color: #000;
}
@media all and (max-width: 600px) {
  .auth-page.join-page .sub-txt-grp .sub-ttl {
    margin-bottom: 12px;
  }
}
@media all and (max-width: 600px) and (max-width: 600px) {
  .auth-page.join-page .sub-txt-grp .sub-ttl {
    font-size: 1.125rem;
  }
}
.auth-page.join-page .sub-txt-grp .sub-txt {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: -0.5482;
  line-height: 1.344;
  color: #4d4d4d;
}
@media all and (max-width: 600px) {
  .auth-page.join-page .sub-txt-grp .sub-txt {
    font-size: 0.875rem;
  }
}
.auth-page.join-page .join-conts-ttl {
  margin-bottom: 17px;
  font-size: 1.125rem;
  font-weight: 800;
  color: #000;
}
@media all and (max-width: 600px) {
  .auth-page.join-page .join-conts-ttl {
    margin-bottom: 26px;
  }
}
.auth-page.join-page .input-grp {
  padding-left: 9px;
}
@media all and (max-width: 600px) {
  .auth-page.join-page .input-grp {
    padding-left: 0;
  }
}
.auth-page.join-page .input-grp.type-mb-48 {
  margin-bottom: 48px;
}
.auth-page.join-page .input-grp .input-txt-sm {
  margin-bottom: 24px;
  font-size: 1.125rem;
  font-weight: 800;
  color: #000;
}
.auth-page.join-page .input-grp .input-list-txt {
  display: inline-block;
  margin-bottom: 18px;
  margin-left: 10px;
  font-size: 1rem;
  font-weight: 600;
  color: #7e7e7e;
}
@media all and (max-width: 600px) {
  .auth-page.join-page .input-grp .input-list-txt {
    margin-left: 0;
  }
}
.auth-page.join-page .join-txt-wrap {
  padding: 19px 0 25px 26px;
  border-radius: 10px;
  background-color: #f9f9f9;
}
@media all and (max-width: 600px) {
  .auth-page.join-page .join-txt-wrap {
    padding: 18px 12px 22px;
  }
}
.auth-page.join-page .join-txt-wrap.type-join-04 {
  padding: 51px 104.5px;
}
@media all and (max-width: 600px) {
  .auth-page.join-page .join-txt-wrap.type-join-04 {
    padding: 55px 0;
  }
}
.auth-page.join-page .join-txt-wrap .join-ttl {
  margin-bottom: 16px;
  font-size: 1rem;
  font-weight: 600;
  color: #0961F5;
}
.auth-page.join-page .join-txt-wrap .join-ttl.type-join {
  margin-bottom: 12px;
  font-size: 1.125rem;
}
@media all and (max-width: 600px) {
  .auth-page.join-page .join-txt-wrap .join-ttl.type-join {
    font-size: 1rem;
    margin-bottom: 16px;
  }
}
@media all and (max-width: 600px) {
  .auth-page.join-page .join-txt-wrap .join-ttl {
    text-align: center;
  }
}
@media all and (max-width: 600px) {
  .auth-page.join-page .join-txt-wrap .join-ttl.type-mo-left {
    text-align: left;
  }
}
.auth-page.join-page .join-txt-wrap .join-txt-grp .join-txt {
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: -0.4px;
  line-height: 1.518;
  color: #4d4d4d;
}
.auth-page.join-page .join-txt-wrap .join-txt-grp .join-txt.type-join {
  font-size: 1rem;
}
@media all and (max-width: 600px) {
  .auth-page.join-page .join-txt-wrap .join-txt-grp .join-txt.type-join {
    font-size: 0.875rem;
  }
}
@media all and (max-width: 600px) {
  .auth-page.join-page .join-txt-wrap .join-txt-grp .join-txt {
    letter-spacing: -0.6px;
  }
}
.auth-page.join-page .join-txt-wrap .join-message {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: -0.67px;
  text-align: center;
  color: #000;
}
@media all and (max-width: 600px) {
  .auth-page.join-page .join-txt-wrap .join-message {
    font-size: 1.125rem;
  }
}
.auth-page.join-page .join-txt-wrap .join-message .primary-color {
  color: #0961F5;
  font-weight: 700;
}

.auth-page .auth-section {
  padding-top: 134px;
}
.auth-page .auth-section.type-pt-80 {
  padding-top: 80px;
}
@media all and (max-width: 600px) {
  .auth-page .auth-section.type-pt-80 {
    padding-top: 33px !important;
  }
}
@media all and (max-width: 600px) {
  .auth-page .auth-section {
    padding-top: 33px;
  }
}
.auth-page .auth-section .auth-center {
  /*520*/
  max-width: 550px;
  padding: 0 15px;
  width: 100%;
  margin: 0 auto;
}
.auth-page .auth-section .auth-ttl {
  margin-bottom: 49px;
  font-size: 1.875rem;
  font-weight: 800;
  text-align: center;
  color: #000;
}
@media all and (max-width: 600px) {
  .auth-page .auth-section .auth-ttl {
    margin-bottom: 30px;
    font-size: 1.375rem;
  }
}
.auth-page .auth-section .auth-ttl.type-22 {
  font-size: 1.375rem;
}
@media all and (max-width: 600px) {
  .auth-page .auth-section .auth-ttl.type-22 {
    font-size: 1.125rem;
  }
}
.auth-page .auth-section .user-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 27px 0 50px;
}
@media all and (max-width: 600px) {
  .auth-page .auth-section .user-grp {
    margin: 18px 0 46px;
  }
}
.auth-page .auth-section .user-grp .btn-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.auth-page .auth-section .user-grp .btn-grp .btn-txt {
  margin-right: 16.5px;
  padding-right: 16.5px;
  border-right: 1px solid #e4e4e4;
  font-size: 1rem;
  font-weight: 400;
  color: #959595;
}
@media all and (max-width: 600px) {
  .auth-page .auth-section .user-grp .btn-grp .btn-txt {
    margin-right: 15.5px;
    padding-right: 15.5px;
    font-size: 0.875rem;
  }
}
.auth-page .auth-section .user-grp .btn-grp .btn-txt:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
.auth-page .auth-section .auth-btn-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media all and (max-width: 600px) {
  .auth-page .auth-section .auth-btn-grp {
    gap: 8px;
  }
}
.auth-page .auth-section .auth-btn-grp .btn-txt {
  width: 100%;
}
.auth-page .before-auth-login {
  margin-top: 182px;
}
@media all and (max-width: 600px) {
  .auth-page .before-auth-login {
    margin-top: 68px;
  }
}
.auth-page .before-auth-login .gray-bg {
  max-width: 1180px;
  height: 60px;
  margin: 0 auto;
  margin-bottom: -30px;
  border-radius: 30px;
  background-color: #f7f8fa;
}
@media all and (max-width: 600px) {
  .auth-page .before-auth-login .gray-bg {
    max-width: 92%;
    height: 50px;
  }
}
.auth-page .before-auth-login .before-auth-center {
  width: 100%;
  margin: 0 auto;
}
.auth-page .before-auth-login .before-auth-content {
  padding: 23px 0 100px;
  background-color: #f7f8fa;
}
@media all and (max-width: 600px) {
  .auth-page .before-auth-login .before-auth-content {
    padding: 17px 0 85px;
  }
}
.auth-page .before-auth-login .before-auth-grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media all and (max-width: 600px) {
  .auth-page .before-auth-login .before-auth-grp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 15px;
  }
}
.auth-page .before-auth-login .before-auth-grp .before-auth-list {
  width: 199px;
  height: 165px;
  border-right: 1px solid #e7ebf3;
}
@media all and (max-width: 600px) {
  .auth-page .before-auth-login .before-auth-grp .before-auth-list {
    width: 100%;
    height: 50px;
    padding: 0 89px;
    margin-bottom: 8px;
    border-radius: 10px;
    border-right: 0;
    border: 1px solid #eaedf5;
    background-color: #fff;
  }
}
.auth-page .before-auth-login .before-auth-grp .before-auth-list.type-easy .before-icon {
  background-image: url("../../images/img/img_easy.svg");
}
.auth-page .before-auth-login .before-auth-grp .before-auth-list.type-easy .txt-02 {
  color: #0762f5 !important;
}
.auth-page .before-auth-login .before-auth-grp .before-auth-list.type-smart .before-icon {
  background-image: url("../../images/img/img_smart.svg");
}
.auth-page .before-auth-login .before-auth-grp .before-auth-list.type-smart .txt-02 {
  color: #17c6a8 !important;
}
.auth-page .before-auth-login .before-auth-grp .before-auth-list.type-royal .before-icon {
  background-image: url("../../images/img/img_royal.svg");
}
.auth-page .before-auth-login .before-auth-grp .before-auth-list.type-royal .txt-02 {
  color: #f55209 !important;
}
.auth-page .before-auth-login .before-auth-grp .before-auth-list.type-academy .before-icon {
  background-image: url("../../images/img/img_academy.svg");
}
.auth-page .before-auth-login .before-auth-grp .before-auth-list.type-academy .txt-02 {
  color: #fc2b19 !important;
}
.auth-page .before-auth-login .before-auth-grp .before-auth-list.type-lite {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}
.auth-page .before-auth-login .before-auth-grp .before-auth-list.type-lite .before-icon {
  background-image: url("../../images/img/img_lite.svg");
}
.auth-page .before-auth-login .before-auth-grp .before-auth-list.type-lite .txt-02 {
  color: #17c6a8 !important;
}
.auth-page .before-auth-login .before-auth-grp .before-auth-link {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media all and (max-width: 600px) {
  .auth-page .before-auth-login .before-auth-grp .before-auth-link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 10px;
  }
}
.auth-page .before-auth-login .before-auth-grp .before-auth-link .before-icon {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background-color: #fff;
  background-image: url("../../images/img/img_easy.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px;
}
@media all and (max-width: 600px) {
  .auth-page .before-auth-login .before-auth-grp .before-auth-link .before-icon {
    width: 26px;
    height: 26px;
    background-color: transparent;
    background-size: 26px;
  }
}
.auth-page .before-auth-login .before-auth-grp .before-auth-link .txt-grp {
  margin-top: 18px;
}
@media all and (max-width: 600px) {
  .auth-page .before-auth-login .before-auth-grp .before-auth-link .txt-grp {
    margin-top: 0;
  }
}
.auth-page .before-auth-login .before-auth-grp .before-auth-link .txt-grp .txt-01 {
  color: #2b2b2b;
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: 500;
}
.auth-page .before-auth-login .before-auth-grp .before-auth-link .txt-grp .txt-02 {
  font-family: "Poppins";
  font-size: 1rem;
  font-weight: 700;
}
@media all and (max-width: 600px) {
  .auth-page .before-auth-login .before-auth-grp .before-auth-link .txt-grp .txt-02 {
    font-weight: 800;
  }
}


/* ==========추가 Kiosk ================== */
/* START additional-main-banner-section.kiosk */
.m-60 {margin: 60px 0;}
@media all and (max-width: 600px) {
  .m-60 {margin: 30px 0;}
}
.kiosk .text-center {
  text-align: center;
}

@media all and (max-width: 600px) {
  .additional-main-banner-section.kiosk .sub-sm-center {
    padding: 36px 15px 48px;
  }
  .additional-main-banner-section.kiosk .sub-sm-center .additional-txt-wrap .top-txt-wrap .main-ttl.type-royal {
    font-size: 2rem;
  }
  .additional-main-banner-section.kiosk .sub-sm-center .additional-txt-wrap .top-txt-wrap .main-ttl.type-royal img {
    width: 160px; vertical-align: middle; position: relative; top: -4px;
  }
}
/* END additional-main-banner-section.kiosk */

/* START .additional-payment-system-section kiosk */
.additional-payment-system-section.kiosk .cont-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 132px;
  position: relative;
  padding: 0 20px;
}
@media all and (max-width: 600px) {
  .additional-payment-system-section.kiosk .cont-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    gap: 80px;
  }
}
.additional-payment-system-section.kiosk .cont-wrap .plus-icon.first {
  background-image: url("../../images/icon_link.png");
  top: 50%;
  left: 34%;
}
.additional-payment-system-section.kiosk .cont-wrap .plus-icon.second {
  background-image: url("../../images/icon_link.png");
  top: 50%;
  left: 68%;
}
.additional-payment-system-section.kiosk .cont-wrap .plus-icon.arrow {
  background-image: url("../../images/arrow_blue.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media all and (max-width: 600px) {
  .additional-payment-system-section.kiosk .cont-wrap .plus-icon.arrow {
    transform: rotate(90deg);
    top: calc(50% - 36px);
    left: calc(50% - 36px);
    width: 72px;
    height: 72px;
  }
  .additional-payment-system-section.kiosk .cont-wrap .plus-icon.first {
    top: 50%;
    left: 50%;
  }
  .additional-payment-system-section.kiosk .cont-wrap .plus-icon.second {
    top: 50%;
    left: 50%;
  }
}
.additional-payment-system-section.kiosk.second .cont-wrap .payment-system-cont .bottom-txt-wrap {
  width: 50%;
  height: 40px;
  padding: 8px 20px;
  background-color: #1f4e79;
  text-align: center;
  margin: 16px auto;
  border-radius: 30px;
}
@media all and (max-width: 600px) {
  .additional-payment-system-section.kiosk.second .cont-wrap .payment-system-cont .bottom-txt-wrap {
    height: 36px;
    padding: 6px 12px;
  }
  .additional-payment-system-section.kiosk.second .cont-wrap .payment-system-cont .top-img-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
  }
  .additional-payment-system-section.kiosk .cont-wrap .plus-icon.first {
    top: 32.5%;
    left: 50%;
  }
  .additional-payment-system-section.kiosk .cont-wrap .plus-icon.second {
    top: 67.5%;
    left: 50%;
  }
}
.additional-payment-system-section .cont-wrap .payment-system-cont .bottom-txt-wrap .ttl {
  font-size: 1.175rem;
}

/* START additional-kiosk-section */
.additional-kiosk-section {
  padding: 127px 0 155px;
}
.additional-kiosk-section.second {
  background-color: #f9fafb;
}
@media all and (max-width: 600px) {
  .additional-kiosk-section {
    padding: 58px 0 71px;
  }
}
.additional-kiosk-section .ttl-wrap {
  margin-bottom: 53px;
}
@media all and (max-width: 600px) {
  .additional-kiosk-section .ttl-wrap {
    margin-bottom: 29px;
  }
}
.kiosk .ttl-wrap .sub-txt, .kiosk .txt-wrap .sub-txt {
  margin-bottom: 12px;
  font-size: 1.375rem;
  font-weight: 400;
  color: #0987f5;
  letter-spacing: -0.4px;
  text-align: center;
}
@media all and (max-width: 600px) {
  .kiosk .ttl-wrap .sub-txt, .kiosk .txt-wrap .sub-txt {
    margin-bottom: 4px;
    font-size: 1.175rem;
  }
}
.additional-kiosk-section .ttl-wrap .additional-common-ttl, .kiosk .txt-wrap .additional-common-ttl {
  margin-bottom: 20px;
}
@media all and (max-width: 600px) {
  .additional-kiosk-section .ttl-wrap .additional-common-ttl, .kiosk .txt-wrap .additional-common-ttl {
    margin-bottom: 20px;
    font-size: 1.735rem;
    text-align: center;
  }
}
.kiosk .txt-wrap .txt {
  font-size: 1.735rem;
  line-height: 1.5;
}
@media all and (max-width: 600px) {
  .kiosk .txt-wrap .txt {
    font-size: 1rem;
  }
}
.additional-kiosk-section .ttl-wrap .additional-common-txt {
  color: #393939;
  line-height: 1.6;
}
@media all and (max-width: 600px) {
  .additional-kiosk-section .ttl-wrap .additional-common-txt {
    line-height: 1.52;
  }
}
.additional-kiosk-section .ttl-wrap .additional-common-txt .color-point,
.additional-kiosk-section .cont-wrap .txt-wrap .color-point {
  color: #0987f5;
}
.additional-kiosk-section .kiosk-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0;
  width: 100%;
}
@media all and (max-width: 600px) {
  .additional-kiosk-section .kiosk-wrap {
    gap: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.additional-kiosk-section .kiosk-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  padding: 0;
  border-radius: 20px;
  background-color: #fff;
  text-align: center;
  flex-flow: column;
  width: 30%;
}
.additional-kiosk-section .kiosk-list.center {
  width: 40%;
}
.additional-kiosk-section .kiosk-list.center img {
  margin-left: -50px;
}
@media all and (max-width: 600px) {
  .additional-kiosk-section .kiosk-list {
    width: 100%;
    padding: 0;
    margin: 0 auto;
  }
}
.additional-kiosk-section .kiosk-list .txt-wrap {
  width: 100%;
  margin: 60px 0 80px;
}
@media all and (max-width: 600px) {
  .additional-kiosk-section .kiosk-list .txt-wrap {
    width: 100%;
    margin: 20px 0;
  }
  .additional-kiosk-section .kiosk-list.center {
    width: 100%;
  }
  .additional-kiosk-section .kiosk-list.center img {
    margin-left:0;
    position: relative;
  }
}
.additional-kiosk-section .kiosk-list .txt-wrap .num {
  font-size: 1rem;
  font-weight: 700;
  color: #bcc6db;
  text-align: left;
}
@media all and (max-width: 600px) {
  .additional-kiosk-section .kiosk-list .txt-wrap .num {
    font-size: 0.875rem;
    font-weight: 800;
    text-align: center;
  }
}

.additional-kiosk-section .kiosk-list .txt-wrap .ttl {
  margin: 0 0 12px;
  font-size: 1.5rem;
  font-weight: 700;
  color: #000;
  text-align: left;
}
@media all and (max-width: 600px) {
  .additional-kiosk-section .kiosk-list .txt-wrap .ttl {
    margin: 16px 0 12px;
    font-size: 1.375rem;
  }
}
.additional-kiosk-section .kiosk-list .txt-wrap .txt {
  font-size: 1.375rem;
  font-weight: 500;
  color: #393939;
  line-height: 1.5;
  letter-spacing: -1px;
  text-align: left;
}
@media all and (max-width: 600px) {
  .additional-kiosk-section .kiosk-list .txt-wrap .txt {
    font-size: 1.175rem;
  }
}
.additional-kiosk-section .kiosk-list .txt-wrap .txt .img {
  position: absolute;
  margin-top: 10px;
  margin-left: 110px;
  width: 305px;
  height: auto;
}
@media all and (max-width: 600px) {
  .additional-kiosk-section .kiosk-list .txt-wrap .txt .img {
    position: relative;
    margin-top: 10px;
    margin-left: 110px;
    width: 240px;
    height: auto;
  }
}
.additional-kiosk-section .kiosk-list .img-circle {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100px;
  height: 100px;
  padding: 5px; 
  margin-right: 10px;

}
@media all and (max-width: 600px) {
  .additional-kiosk-section .kiosk-list .img-circle {
    width: 100px;
    height: 100px;
  }
}
.additional-kiosk-section .kiosk-list .img-circle .img-wrap {
  width: 100px;
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media all and (max-width: 600px) {
  .additional-kiosk-section .kiosk-list .img-circle .img-wrap {
    width: 100px;
    height: 100px;
  }
}

.additional-kiosk-section .kiosk-list .img-circle .img-wrap img {
  height: auto;
}
.additional-kiosk-sub-wrap {
  display: inline-block;
  margin: 0 0 21px;
  padding: 10px 30px;
  border-radius: 30px;
  text-align: center;
}
.additional-kiosk-sub-wrap.bg-blue {
  background-color: #3b94f9;
  color: #fff;
}
.additional-kiosk-sub-wrap.bg-sky {
  background-color: #eff8fd;
  color: #666;
}
.additional-kiosk-sub-wrap.bg-gray {
  background-color: #f0f0f0;
  color: #666;
}
.additional-kiosk-sub-wrap.bg-gray .temp-text {
  position: absolute;
  font-size: 1.375rem;;
  color: #ccc;
  left: 132px;
  top: 10px;
}

@media all and (max-width: 600px) {
  .additional-kiosk-sub-wrap {
    margin-bottom: 16px;
    padding: 6px 18px;
  }
  .additional-kiosk-sub-wrap.bg-gray .temp-text {
    left: 82px;
    top: 4px;
    font-size: 1.175rem;;
  }
}
.additional-kiosk-sub-wrap .solution-sub-ttl {
  font-size: 1.375rem;
  font-weight: 500;
}
@media all and (max-width: 600px) {
  .additional-kiosk-sub-wrap .solution-sub-ttl {
    font-size: 1rem;
    justify-content: center;
  }
}

.additional-kiosk-section .cont-wrap {
  position: relative;
}
.additional-kiosk-section .cont-wrap .left-img-wrap {
  position: relative;
  width: 893px;
  height: 540px;
}
.additional-kiosk-section .cont-wrap .left-img-wrap .img-wrap {
  position: absolute;
  right: 124px;
  width: 324px;
  height: 540px;
}
.additional-kiosk-section .cont-wrap .left-img-wrap .img-overlay {
  position: absolute;
  top: 320px;
  right: -180px;
}
.additional-kiosk-section .cont-wrap .txt-wrap {
  position: absolute;
  top: 160px;
  right: 120px;
  background-color: #f3f8ff;
  border-radius: 20px;
  padding: 30px;
  font-size: 1.175rem;
}
.additional-kiosk-section.second .cont-wrap .left-img-wrap {
  position: relative;
  width: 100%;
  height: 320px;
}
.additional-kiosk-section.second .cont-wrap .left-img-wrap .img-wrap {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  right: auto;
}
@media all and (max-width: 600px) {
  .additional-kiosk-section .cont-wrap .left-img-wrap {
    position: relative;
    right: auto;
    width: 100%;

  }
  .additional-kiosk-section .cont-wrap .left-img-wrap .img-wrap {
    position: relative;
    right: auto;
    width: 100%;
    height: auto;
  }
  .additional-kiosk-section .cont-wrap .left-img-wrap .img-overlay {
    position: absolute;
    top: 200px;
    right: auto;
    width: 100%;
    height: auto;
  }
  .additional-kiosk-section .cont-wrap .txt-wrap {
    position: absolute;
    top: 360px;
    left: calc(50% - 126px);
    right: auto;
    margin-bottom: 52px;
  }
}

.additional-solution-section02.kiosk.first {
  position: relative;
  background-color: #0a79f7;
  border-bottom-right-radius: 120px;
  color: #fff;
  padding: 60px 0 60px;
  margin-right: calc(50% - 820px);
}
.additional-solution-section02.kiosk .sm-center {
  max-width: 1530px;
  padding: 0 50px;
}
.additional-solution-section02.kiosk.first .sm-center {
  position: relative;
  right: -5%;
}
@media all and (max-width: 600px) {
  .additional-solution-section02.kiosk.first {
    margin-right: 0;
  }
  .additional-solution-section02.kiosk.first .sm-center {
    right: auto;
  }
}
.additional-solution-section02.kiosk.first .bg-logo {
  position: absolute;
  display: block;
  top: 150px;
  right: 150px;
  width: 320px;
  height: 225px;
  background-image: url("../../images/bg_function_w.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.additional-solution-section02.kiosk.second .bg-logo {
  position: relative;
  display: block;
  top: 40px;
  left: 0;
  width: 320px;
  height: 225px;
  background-image: url("../../images/bg_function_s.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.additional-solution-section02.kiosk.third .bg-logo {
  position: absolute;
  display: block;
  top: 360px;
  right: 140px;
  width: 320px;
  height: 225px;
  background-image: url("../../images/bg_function_b.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media all and (max-width: 600px) {
  .additional-solution-section02.kiosk.first .bg-logo, 
  .additional-solution-section02.kiosk.third .bg-logo {
    position: absolute;
    top: auto;
    bottom: 80px;
    right: 20px;
    width: 242px;
    height: 170px;
  }
  .additional-solution-section02.kiosk.second .bg-logo {
    left: calc(50% - 124px);
    top: 10px;
    width: 242px;
    height: 170px;
  }
}

.additional-solution-section02.kiosk.first .cont-wrap .txt-wrap {
  margin-bottom: 60px;
  min-width: 450px;
  position: absolute;
  top: 20px;
  left: calc(50% - 234px);
}
@media all and (max-width: 600px) {
  .additional-solution-section02.kiosk.first .cont-wrap .txt-wrap, .additional-solution-section02.kiosk .cont-wrap .right-img-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    gap: 80px;
    text-align: center;
    margin-bottom: 0;
  }
  .additional-solution-section02.kiosk.first .cont-wrap .left-img-wrap .img-wrap {
    text-align: center;
    width: 100%;
  }
}
.additional-solution-section02.kiosk .cont-wrap .plus-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='114' height='114' viewBox='0 0 114 114'%3E%3Cdefs%3E%3Cfilter id='패스_11771' x='0' y='0' width='114' height='114' filterUnits='userSpaceOnUse'%3E%3CfeOffset dy='3' input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='7' result='blur'/%3E%3CfeFlood flood-color='%23213454' flood-opacity='0.078'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg id='그룹_300' data-name='그룹 300' transform='translate(-905 -6560)'%3E%3Cg id='그룹_56525' data-name='그룹 56525'%3E%3Cg transform='matrix(1, 0, 0, 1, 905, 6560)' filter='url(%23패스_11771)'%3E%3Cg id='패스_11771-2' data-name='패스 11771' transform='translate(21 18)' fill='%23fff'%3E%3Cpath d='M 36 71.5 C 31.20730972290039 71.5 26.55825042724609 70.56146240234375 22.18194961547852 68.71044158935547 C 17.9547004699707 66.92246246337891 14.15812969207764 64.36270904541016 10.89770984649658 61.10229110717773 C 7.637290000915527 57.84186935424805 5.077539920806885 54.0452995300293 3.289560079574585 49.81805038452148 C 1.438539981842041 45.44174957275391 0.5 40.79269027709961 0.5 36 C 0.5 31.20730972290039 1.438539981842041 26.55825042724609 3.289560079574585 22.18194961547852 C 5.077539920806885 17.9547004699707 7.637290000915527 14.15812969207764 10.89770984649658 10.89770984649658 C 14.15812969207764 7.637290000915527 17.9547004699707 5.077539920806885 22.18194961547852 3.289560079574585 C 26.55825042724609 1.438539981842041 31.20730972290039 0.5 36 0.5 C 40.79269027709961 0.5 45.44174957275391 1.438539981842041 49.81805038452148 3.289560079574585 C 54.0452995300293 5.077539920806885 57.84186935424805 7.637290000915527 61.10229110717773 10.89770984649658 C 64.36270904541016 14.15812969207764 66.92246246337891 17.9547004699707 68.71044158935547 22.18194961547852 C 70.56146240234375 26.55825042724609 71.5 31.20730972290039 71.5 36 C 71.5 40.79269027709961 70.56146240234375 45.44174957275391 68.71044158935547 49.81805038452148 C 66.92246246337891 54.0452995300293 64.36270904541016 57.84186935424805 61.10229110717773 61.10229110717773 C 57.84186935424805 64.36270904541016 54.0452995300293 66.92246246337891 49.81805038452148 68.71044158935547 C 45.44174957275391 70.56146240234375 40.79269027709961 71.5 36 71.5 Z' stroke='none'/%3E%3Cpath d='M 36 1 C 31.27458953857422 1 26.69105911254883 1.925247192382812 22.37673187255859 3.75006103515625 C 18.20906829833984 5.512832641601562 14.46591949462891 8.036598205566406 11.25125885009766 11.25125885009766 C 8.036598205566406 14.46591949462891 5.512832641601562 18.20906829833984 3.75006103515625 22.37673187255859 C 1.925247192382812 26.69105911254883 1 31.27458953857422 1 36 C 1 40.72541046142578 1.925247192382812 45.30894088745117 3.75006103515625 49.62326812744141 C 5.512832641601562 53.79093170166016 8.036598205566406 57.53408050537109 11.25125885009766 60.74874114990234 C 14.46591949462891 63.96340179443359 18.20906829833984 66.48716735839844 22.37673187255859 68.24993896484375 C 26.69105911254883 70.07475280761719 31.27458953857422 71 36 71 C 40.72541046142578 71 45.30894088745117 70.07475280761719 49.62326812744141 68.24993896484375 C 53.79093170166016 66.48716735839844 57.53408050537109 63.96340179443359 60.74874114990234 60.74874114990234 C 63.96340179443359 57.53408050537109 66.48716735839844 53.79093170166016 68.24993896484375 49.62326812744141 C 70.07475280761719 45.30894088745117 71 40.72541046142578 71 36 C 71 31.27458953857422 70.07475280761719 26.69105911254883 68.24993896484375 22.37673187255859 C 66.48716735839844 18.20906829833984 63.96340179443359 14.46591949462891 60.74874114990234 11.25125885009766 C 57.53408050537109 8.036598205566406 53.79093170166016 5.512832641601562 49.62326812744141 3.75006103515625 C 45.30894088745117 1.925247192382812 40.72541046142578 1 36 1 M 36 0 C 55.88224792480469 0 72 16.11774826049805 72 36 C 72 55.88224792480469 55.88224792480469 72 36 72 C 16.11774826049805 72 0 55.88224792480469 0 36 C 0 16.11774826049805 16.11774826049805 0 36 0 Z' stroke='none' fill='%23dde3ef'/%3E%3C/g%3E%3C/g%3E%3Cg id='그룹_259' data-name='그룹 259' transform='translate(20.313 -7.5)'%3E%3Cline id='선_3124' data-name='선 3124' x2='26' transform='translate(928.688 6621.621)' fill='none' stroke='%238c97ac' stroke-linecap='round' stroke-width='4'/%3E%3Cline id='선_3125' data-name='선 3125' x2='26' transform='translate(941.688 6608.5) rotate(90)' fill='none' stroke='%238c97ac' stroke-linecap='round' stroke-width='4'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media all and (max-width: 600px) {
  .additional-solution-section02.kiosk .cont-wrap .plus-icon {
    width: 32px;
    height: 32px;
  }
}
.additional-solution-section02.kiosk .cont-wrap .plus-icon.first {
  background-image: url("../../images/arrow_white.png");
  top: 50%;
  left: -10%;
}
.additional-solution-section02.kiosk .cont-wrap .plus-icon.second {
  background-image: url("../../images/arrow_white.png");
  top: 50%;
  left: 49%;
}
@media all and (max-width: 600px) {
  .additional-solution-section02.kiosk  .cont-wrap .plus-icon.first {
    transform: rotate(90deg);
    top: calc(50% - 72px);
    left: calc(50% - 24px);
  }
  .additional-solution-section02.kiosk  .cont-wrap .plus-icon.second {
    transform: rotate(90deg);
    top: calc(50% + 240px);
    left: calc(50% - 24px);
  }
}
.additional-solution-section02.kiosk .cont-wrap .right-img-wrap {
  position: absolute;
  top: 280px;
  left: calc(50% - 234px);
  display: flex;
  width: 840px;
  gap: 100px;
}
.additional-solution-section02.kiosk .cont-wrap .right-img-wrap .img-wrap .sub-text {
  display: block;
  width: 100%;
  font-size: 1.235rem;
  text-align: center;
  padding: 12px 0 24px;
  color: rgba(255,255,255,0.8)
}
.additional-solution-section02.kiosk .cont-wrap .txt-wrap .ttl {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.4;
  color: #343434;
}
.additional-solution-section02.kiosk .cont-wrap .txt-wrap .txt {
  font-size: 1.375rem;
  font-weight: 400;
  color: #343434;
  line-height: 1.6;
}
.additional-solution-section02.kiosk .cont-wrap .left-img-wrap  {
  height: auto;
}

.additional-solution-section02.kiosk.second {
  position: relative;
  background-color: #e0f2fb;
  border-top-left-radius: 120px;
  color: #343434;
  margin-top: 60px;
  padding: 60px 0;
  margin-left: calc(50% - 820px);
}
.additional-solution-section02.kiosk.second .sm-center {
  position: relative;
  max-width: 1530px;
  padding: 0;
}
@media all and (max-width: 600px) {
  .additional-solution-section02.kiosk.second {
    margin-left: 0;
  }
}
.additional-solution-section02.kiosk.second .cont-wrap .left-img-wrap .txt-wrap {
  position: relative;
  top: 0;
  right: auto;
  margin-bottom: 60px;
}
@media all and (max-width: 600px) {
  .additional-solution-section02.kiosk.second .cont-wrap .left-img-wrap .txt-wrap {
    text-align: center;
  }
}
.additional-solution-section02.kiosk.second .cont-wrap .right-img-wrap {
  position: absolute;
  top: 20px;
  left: calc(50% - 380px);
  display: flex;
  width: 960px;
  gap: 120px;
}
@media all and (max-width: 600px) {
  .additional-solution-section02.kiosk .cont-wrap .right-img-wrap {
    padding:0 40px;
  }
}
.additional-solution-section02.kiosk.second .cont-wrap .right-img-wrap .img-wrap {
  text-align: center;
}
.additional-solution-section02.kiosk.second .cont-wrap .right-img-wrap .img-wrap .sub-ttl {
  font-weight: 700;
  color: #0a79f7;
  font-size: 1.375rem;
}
.additional-solution-section02.kiosk.second .cont-wrap .right-img-wrap .img-wrap .sub-text {
  font-weight: 600;
  color: rgba(0,0,0,0.8)
}
.additional-solution-section02.kiosk.second .cont-wrap .plus-icon.first {
  background-image: url("../../images/arrow_blue.png");
  top: 60%;
  left: 31%;
}
.additional-solution-section02.kiosk.second .cont-wrap .plus-icon.second {
  background-image: url("../../images/arrow_blue.png");
  top: 60%;
  left: 68%;
}
@media all and (max-width: 600px) {
  .additional-solution-section02.kiosk.second .cont-wrap .plus-icon.first {
    transform: rotate(90deg);
    top: calc(50% - 400px);
    left: calc(50% - 24px);
  }
  .additional-solution-section02.kiosk.second .cont-wrap .plus-icon.second {
    transform: rotate(90deg);
    top: calc(50% + 364px);
    left: calc(50% - 24px);
  }
}

.additional-solution-section02.kiosk.third {
  position: relative;
  background-color: #fafafa;
  border-top-right-radius: 120px;
  color: #fff;
  padding: 60px 0 60px;
  margin-right: calc(50% - 820px);
  margin-top: 60px;
}
.additional-solution-section02.kiosk.third .sm-center {
  position: relative;
  right: -5%;
}
@media all and (max-width: 600px) {
  .additional-solution-section02.kiosk.third {
    margin-right: 0;
  }
  .additional-solution-section02.kiosk.third .sm-center {
    right: auto;
  }
}
.additional-solution-section02.kiosk.third .cont-wrap .txt-wrap {
  margin-bottom: 60px;
  min-width: 450px;
  position: absolute;
  top: 20px;
  left: calc(50% - 50px);
}
@media all and (max-width: 600px) {
  .additional-solution-section02.kiosk.third .cont-wrap .txt-wrap {
    text-align: center;
  }
}
.additional-solution-section02.kiosk.third .cont-wrap .left-img-wrap .img-wrap {
  height: 560px;
}
.additional-solution-section02.kiosk.third .cont-wrap .txt-wrap .ttl .type-gray {
  color: #ababab;
}
.additional-solution-section02.kiosk .additional-common-ttl {
  text-align: left;
}
.additional-solution-section02.kiosk.first .txt-wrap .additional-common-ttl, .additional-solution-section02.kiosk .cont-wrap .txt-wrap .ttl {
  color: #fff;
}
.additional-solution-section02.kiosk.second .txt-wrap .additional-common-ttl, 
.additional-solution-section02.kiosk.second .cont-wrap .txt-wrap .ttl,
.additional-solution-section02.kiosk.third .txt-wrap .additional-common-ttl, 
.additional-solution-section02.kiosk.third .cont-wrap .txt-wrap .ttl {
  color: #343434;
}
@media all and (max-width: 600px) {
  .additional-solution-section02.kiosk .txt-wrap {
    margin: 36px 0;
  }
  .additional-solution-section02.kiosk .additional-common-ttl, .additional-solution-section02.kiosk .cont-wrap .txt-wrap .ttl {
    text-align: center;
  }

  .additional-solution-bottom-section02.kiosk .left-img-wrap, 
  .additional-solution-bottom-section02.kiosk .left-img-wrap .img-wrap,
  .additional-solution-section02.kiosk.first .cont-wrap .left-img-wrap, 
  .additional-solution-section02.kiosk.first .cont-wrap .left-img-wrap .img-wrap, 
  .additional-solution-section02.kiosk.first .cont-wrap .txt-wrap,
  .additional-solution-section02.kiosk.first .cont-wrap .right-img-wrap, 
  .additional-solution-section02.kiosk.first .cont-wrap .right-img-wrap .img-wrap,
  .additional-solution-section02.kiosk.second .cont-wrap .left-img-wrap, 
  .additional-solution-section02.kiosk.second .cont-wrap .left-img-wrap .img-wrap, 
  .additional-solution-section02.kiosk.second .cont-wrap .txt-wrap,
  .additional-solution-section02.kiosk.second .cont-wrap .right-img-wrap, 
  .additional-solution-section02.kiosk.second .cont-wrap .right-img-wrap .img-wrap,
  .additional-solution-section02.kiosk.third .cont-wrap .left-img-wrap,
  .additional-solution-section02.kiosk.third .cont-wrap .left-img-wrap .img-wrap,
  .additional-solution-section02.kiosk.third .cont-wrap .txt-wrap {
    position: relative;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    min-width:auto;
  }
  .additional-solution-section02.kiosk .cont-wrap .txt-wrap .ttl {
    font-size: 1.175rem;
  }
  .additional-solution-section02.kiosk .cont-wrap .txt-wrap .txt {
    font-size: 1rem;
  }
  .additional-solution-section02.kiosk.third .cont-wrap {
    border-radius: 30px;
  }
}

/* additional-service-section kiosk */
.additional-service-section.kiosk {
  background-color: #fbfbff;
}
.additional-solution-section02.kiosk.white .cont-wrap .txt-wrap {
  top: 120px;
}
@media all and (max-width: 600px) {
  .additional-solution-section02.kiosk.white .cont-wrap .txt-wrap {
    top: 0;
  }
}
.additional-service-section .additional-common-txt.color-point {
  margin-top: 20px;
  color: #ff6363;
}
/* END 추가 kiosk */

/* added 20250106 */
/* swiper slide in Main */
.additional-main-banner-section {
  height: 680px;
}
.additional-main-banner-section .sub-sm-center .additional-img-wrap.eduokpay-img-wrap {
  position: relative;
  top: 0;
  width: 48%;
  right:0px;

}
.additional-main-banner-section.kiosk .sub-sm-center .additional-img-wrap.eduokpay-img-wrap .sys-dev-perf-swiper-array {
  position: relative;
}
.additional-main-banner-section.kiosk .sub-sm-center .additional-img-wrap.eduokpay-img-wrap .sys-dev-perf-swiper {
  width: 100%;
  margin-left: 560px;
  overflow: hidden;
  padding-top: 28px;
}
@media all and (max-width: 600px) {
  .additional-main-banner-section {
    height: 300px;
  }
  .additional-main-banner-section .sub-sm-center .additional-img-wrap.eduokpay-img-wrap {
    position: relative;
    top: 30px;
    left: 25%;
    width: 40%;
  }
  .additional-main-banner-section.kiosk .sub-sm-center .additional-img-wrap.eduokpay-img-wrap .sys-dev-perf-swiper {
    margin-left: 0;
    overflow: visible;
  }
}
.additional-main-banner-section.kiosk .sub-sm-center .additional-img-wrap.eduokpay-img-wrap .sys-dev-perf-swiper .perf-wrapper {
  height: auto;
}

.additional-main-banner-section.kiosk .sub-sm-center .additional-img-wrap.eduokpay-img-wrap .sys-dev-perf-swiper .perf-swiper-slide .perf-swiper-img-wrap {
  width: 560px;
  height: 480px;
  overflow: hidden;
}
@media all and (max-width: 600px) {
  .additional-main-banner-section.kiosk .sub-sm-center .additional-img-wrap.eduokpay-img-wrap .sys-dev-perf-swiper .perf-swiper-slide .perf-swiper-img-wrap {
    width: 315px;
    height: 270px;
    overflow: hidden;
  }
}
.additional-main-banner-section.kiosk .sub-sm-center .additional-img-wrap.eduokpay-img-wrap .sys-dev-perf-swiper .perf-swiper-slide .perf-swiper-img-wrap .img {
  width: 100%;
  height: 100%;
}
.additional-main-banner-section.kiosk .sub-sm-center .additional-img-wrap.eduokpay-img-wrap .sys-dev-perf-swiper .perf-swiper-slide .perf-swiper-img-wrap .img-grp {
  position: absolute;
  width: 120px;
  height: 120px;
}
.additional-main-banner-section.kiosk .sub-sm-center .additional-img-wrap.eduokpay-img-wrap .sys-dev-perf-swiper .perf-swiper-slide .perf-swiper-img-wrap .ani-dongdong-02 .img-grp {
  left: 60px;
  top: 120px;
}
@media all and (max-width: 600px) {
  .additional-main-banner-section.kiosk .sub-sm-center .additional-img-wrap.eduokpay-img-wrap .sys-dev-perf-swiper .perf-swiper-slide .perf-swiper-img-wrap .img-grp {
    left: 30px;
    top: 0;
  }
  .additional-main-banner-section.kiosk .sub-sm-center .additional-img-wrap.eduokpay-img-wrap .sys-dev-perf-swiper .perf-swiper-slide .perf-swiper-img-wrap .ani-dongdong-02 .img-grp {
    left: 40px;
    top: 68px;
  }
  .additional-main-banner-section.kiosk .sub-sm-center .additional-img-wrap.eduokpay-img-wrap .sys-dev-perf-swiper .perf-swiper-slide .perf-swiper-img-wrap .img-grp {
    position: absolute;
    width: 60px;
    height: 60px;
  }
}
.additional-main-banner-section.kiosk .sub-sm-center .additional-img-wrap.eduokpay-img-wrap .perf-swiper-button-prev {
  left: 640px
}
.additional-main-banner-section.kiosk .sub-sm-center .additional-img-wrap.eduokpay-img-wrap .perf-swiper-button-next {
  right: -560px
}
.additional-main-banner-section.kiosk .sub-sm-center .additional-img-wrap.eduokpay-img-wrap .perf-swiper-button-prev::after,
.additional-main-banner-section.kiosk .sub-sm-center .additional-img-wrap.eduokpay-img-wrap .perf-swiper-button-next::after {
  color: rgba(255,255,255,0.6);
  font-size: 1.735rem;
}

.wide-banner {
  position: relative;
  width: 100%;
  height: 120px;
  background-color: #ffd900;
  color: #000;
  font-size: 2.8rem;
  font-weight: 700;
  text-align: center;
  padding: 35px 0;
}
@media all and (max-width: 600px) {
  .wide-banner {
    font-size: 1.375rem;
    height: 90px;
    padding: 20px 0;
  }
}



.additional-img-wrap .eduokpay-img-wrap .eduokpay-img-wrap_2{left:600px;}
@media all and (max-width: 600px) {
	.additional-img-wrap .eduokpay-img-wrap .eduokpay-img-wrap_2{left:0px}
}


/*메인 배너 유현*/

.floating_kioskpng {
  width: 216px;
  height:80px;
  background-color: #ff782a;
  font-size:1.25rem;
  font-weight:600;
  text-align: center;
  padding: 10px;
  line-height: 30px;
  box-shadow: 0 6px 12px #ff982230;
  border-radius: 24px;
  border: 1px solid #ff8800;
}



@media all and (max-width: 600px) {
  .floating_kioskpng {
    width: 100%;
    height:50px;
    background-color: #ff782a;
    font-size:1.1rem;
    font-weight:600;
    text-align: center;
    padding: 10px;
    box-shadow: 0 6px 12px #ff982230;
    border-radius: 10px;
    border: 1px solid #ff8800;
    margin-bottom: 5px;
  }
}