@charset "UTF-8";
@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  src: local("Pretendard-Light.ttf"), url("../webfonts/Pretendard-Light.ttf") format("truetype"), url("../webfonts/Pretendard-Light.subset.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  src: local("Pretendard-Regular.ttf"), url("../webfonts/Pretendard-Regular.ttf") format("truetype"), url("../webfonts/Pretendard-Regular.subset.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  src: local("Pretendard-Medium.ttf"), url("../webfonts/Pretendard-Medium.ttf") format("truetype"), url("../webfonts/Pretendard-Medium.subset.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  src: local("Pretendard-SemiBold.ttf"), url("../webfonts/Pretendard-SemiBold.ttf") format("truetype"), url("../webfonts/Pretendard-SemiBold.subset.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  src: local("Pretendard-Bold.ttf"), url("../webfonts/Pretendard-Bold.ttf") format("truetype"), url("../webfonts/Pretendard-Bold.subset.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  src: local("Pretendard-Light.ttf"), url("../webfonts/Pretendard-Light.ttf") format("truetype"), url("../webfonts/Pretendard-Light.subset.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  src: local("Pretendard-Regular.ttf"), url("../webfonts/Pretendard-Regular.ttf") format("truetype"), url("../webfonts/Pretendard-Regular.subset.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  src: local("Pretendard-Medium.ttf"), url("../webfonts/Pretendard-Medium.ttf") format("truetype"), url("../webfonts/Pretendard-Medium.subset.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  src: local("Pretendard-SemiBold.ttf"), url("../webfonts/Pretendard-SemiBold.ttf") format("truetype"), url("../webfonts/Pretendard-SemiBold.subset.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  src: local("Pretendard-Bold.ttf"), url("../webfonts/Pretendard-Bold.ttf") format("truetype"), url("../webfonts/Pretendard-Bold.subset.woff") format("woff");
}
body,
div,
header,
footer,
main,
section,
article,
aside,
nav,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
p,
span,
em,
td,
button,
input,
select,
textarea {
  font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  color: inherit;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  height: 100%;
}

ul,
ol {
  list-style: none;
}

table {
  border-collapse: collapse;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

em {
  font-style: normal;
}

img {
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

::after,
::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

button {
  display: inline-block;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}

input[type=text],
input[type=password],
input[type=date],
textarea {
  font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  color: var(--font-100);
  font-size: 14px;
  padding: 0 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid var(--gray-200);
  border-radius: 0;
}

input[type=text],
input[type=password],
input[type=date],
select {
  width: 100%;
  height: 40px;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=date]:focus,
select:focus,
textarea:focus {
  outline: none;
  border: 1px solid var(--font-100);
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: var(--gray-300);
  font-size: 13px;
  line-height: 1.3;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: var(--gray-300);
  font-size: 13px;
  line-height: 1.3;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: var(--gray-300);
  font-size: 13px;
  line-height: 1.3;
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: var(--gray-300);
  font-size: 13px;
  line-height: 1.3;
}

input::placeholder,
textarea::placeholder {
  color: var(--gray-300);
  font-size: 13px;
  line-height: 1.3;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: var(--gray-300);
  font-size: 13px;
  line-height: 1.3;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: var(--gray-300);
  font-size: 13px;
  line-height: 1.3;
}

input:disabled::-webkit-input-placeholder, select:disabled::-webkit-input-placeholder, textarea:disabled::-webkit-input-placeholder {
  color: var(--gray-300);
  -webkit-text-fill-color: currentcolor; /* 1. sets text fill to current `color` for safari */
  opacity: 1; /* 2. correct opacity on iOS */
  background-color: #ededed;
}

input:disabled::-moz-placeholder, select:disabled::-moz-placeholder, textarea:disabled::-moz-placeholder {
  color: var(--gray-300);
  -webkit-text-fill-color: currentcolor; /* 1. sets text fill to current `color` for safari */
  opacity: 1; /* 2. correct opacity on iOS */
  background-color: #ededed;
}

input:disabled:-ms-input-placeholder, select:disabled:-ms-input-placeholder, textarea:disabled:-ms-input-placeholder {
  color: var(--gray-300);
  -webkit-text-fill-color: currentcolor; /* 1. sets text fill to current `color` for safari */
  opacity: 1; /* 2. correct opacity on iOS */
  background-color: #ededed;
}

input:disabled::-ms-input-placeholder, select:disabled::-ms-input-placeholder, textarea:disabled::-ms-input-placeholder {
  color: var(--gray-300);
  -webkit-text-fill-color: currentcolor; /* 1. sets text fill to current `color` for safari */
  opacity: 1; /* 2. correct opacity on iOS */
  background-color: #ededed;
}

input:disabled,
select:disabled,
textarea:disabled,
input:disabled::placeholder,
select:disabled::placeholder,
textarea:disabled::placeholder {
  color: var(--gray-300);
  -webkit-text-fill-color: currentcolor; /* 1. sets text fill to current `color` for safari */
  opacity: 1; /* 2. correct opacity on iOS */
  background-color: #ededed;
}

select {
  font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  color: var(--font-100);
  font-size: 14px;
  padding: 0 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid var(--gray-200);
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: url("../img/select_arrow.png") no-repeat calc(100% - 16px) center;
}

textarea {
  display: block;
  width: 100%;
  height: 200px;
  padding: 12px;
  resize: none;
}

:root {
  --black: #161616;
  --white: #fff;
  --font-100: #2c2c2c;
  --font-200: #525252;
  --font-300: #727272;
  --font-400: #9a9a9a;
  --gray-bg: #f9f9f9;
  --gray-50: #f5f5f5;
  --gray-100: #ececec;
  --gray-200: #d8d8d8;
  --gray-300: #b9b9b9;
  --p-color: #1a237e;
  --p-darken: #040b57;
  --p-lighten-100: #2349d2;
  --p-lighten-200: #4270ed;
  --p-lighten-300: #638dff;
  --p-lighten-400: #a8bfff;
  --p-lighten-500: #dbe5ff;
  --p-lighten-600: #e5ecff;
  --red: #fa1a3d;
  --orange: #fe5b00;
  --report-gray: rgba(216, 216, 216, 0.9);
  --report-yellow: rgba(255, 199, 116, 0.9);
  --report-green: rgba(145, 225, 177, 0.9);
  --report-red: rgba(255, 116, 120, 0.9);
  --report-b1: rgba(99, 141, 255, 0.9);
  --report-b2: rgba(99, 141, 255, 0.5);
}

@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  src: local("Pretendard-Light.ttf"), url("../webfonts/Pretendard-Light.ttf") format("truetype"), url("../webfonts/Pretendard-Light.subset.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  src: local("Pretendard-Regular.ttf"), url("../webfonts/Pretendard-Regular.ttf") format("truetype"), url("../webfonts/Pretendard-Regular.subset.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  src: local("Pretendard-Medium.ttf"), url("../webfonts/Pretendard-Medium.ttf") format("truetype"), url("../webfonts/Pretendard-Medium.subset.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  src: local("Pretendard-SemiBold.ttf"), url("../webfonts/Pretendard-SemiBold.ttf") format("truetype"), url("../webfonts/Pretendard-SemiBold.subset.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  src: local("Pretendard-Bold.ttf"), url("../webfonts/Pretendard-Bold.ttf") format("truetype"), url("../webfonts/Pretendard-Bold.subset.woff") format("woff");
}
body,
div,
header,
footer,
main,
section,
article,
aside,
nav,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
p,
span,
em,
td,
button,
input,
select,
textarea {
  font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  color: inherit;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  height: 100%;
}

ul,
ol {
  list-style: none;
}

table {
  border-collapse: collapse;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

em {
  font-style: normal;
}

img {
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

::after,
::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

button {
  display: inline-block;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}

input[type=text],
input[type=password],
input[type=date],
textarea {
  font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  color: var(--font-100);
  font-size: 14px;
  padding: 0 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid var(--gray-200);
  border-radius: 0;
}

input[type=text],
input[type=password],
input[type=date],
select {
  width: 100%;
  height: 40px;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=date]:focus,
select:focus,
textarea:focus {
  outline: none;
  border: 1px solid var(--font-100);
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: var(--gray-300);
  font-size: 13px;
  line-height: 1.3;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: var(--gray-300);
  font-size: 13px;
  line-height: 1.3;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: var(--gray-300);
  font-size: 13px;
  line-height: 1.3;
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: var(--gray-300);
  font-size: 13px;
  line-height: 1.3;
}

input::placeholder,
textarea::placeholder {
  color: var(--gray-300);
  font-size: 13px;
  line-height: 1.3;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: var(--gray-300);
  font-size: 13px;
  line-height: 1.3;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: var(--gray-300);
  font-size: 13px;
  line-height: 1.3;
}

input:disabled::-webkit-input-placeholder, select:disabled::-webkit-input-placeholder, textarea:disabled::-webkit-input-placeholder {
  color: var(--gray-300);
  -webkit-text-fill-color: currentcolor; /* 1. sets text fill to current `color` for safari */
  opacity: 1; /* 2. correct opacity on iOS */
  background-color: #ededed;
}

input:disabled::-moz-placeholder, select:disabled::-moz-placeholder, textarea:disabled::-moz-placeholder {
  color: var(--gray-300);
  -webkit-text-fill-color: currentcolor; /* 1. sets text fill to current `color` for safari */
  opacity: 1; /* 2. correct opacity on iOS */
  background-color: #ededed;
}

input:disabled:-ms-input-placeholder, select:disabled:-ms-input-placeholder, textarea:disabled:-ms-input-placeholder {
  color: var(--gray-300);
  -webkit-text-fill-color: currentcolor; /* 1. sets text fill to current `color` for safari */
  opacity: 1; /* 2. correct opacity on iOS */
  background-color: #ededed;
}

input:disabled::-ms-input-placeholder, select:disabled::-ms-input-placeholder, textarea:disabled::-ms-input-placeholder {
  color: var(--gray-300);
  -webkit-text-fill-color: currentcolor; /* 1. sets text fill to current `color` for safari */
  opacity: 1; /* 2. correct opacity on iOS */
  background-color: #ededed;
}

input:disabled,
select:disabled,
textarea:disabled,
input:disabled::placeholder,
select:disabled::placeholder,
textarea:disabled::placeholder {
  color: var(--gray-300);
  -webkit-text-fill-color: currentcolor; /* 1. sets text fill to current `color` for safari */
  opacity: 1; /* 2. correct opacity on iOS */
  background-color: #ededed;
}

select {
  font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  color: var(--font-100);
  font-size: 14px;
  padding: 0 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid var(--gray-200);
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: url("../img/select_arrow.png") no-repeat calc(100% - 16px) center;
}

textarea {
  display: block;
  width: 100%;
  height: 200px;
  padding: 12px;
  resize: none;
}

:root {
  --black: #161616;
  --white: #fff;
  --font-100: #2c2c2c;
  --font-200: #525252;
  --font-300: #727272;
  --font-400: #9a9a9a;
  --gray-bg: #f9f9f9;
  --gray-50: #f5f5f5;
  --gray-100: #ececec;
  --gray-200: #d8d8d8;
  --gray-300: #b9b9b9;
  --p-color: #1a237e;
  --p-darken: #040b57;
  --p-lighten-100: #2349d2;
  --p-lighten-200: #4270ed;
  --p-lighten-300: #638dff;
  --p-lighten-400: #a8bfff;
  --p-lighten-500: #dbe5ff;
  --p-lighten-600: #e5ecff;
  --red: #fa1a3d;
  --orange: #fe5b00;
  --report-gray: rgba(216, 216, 216, 0.9);
  --report-yellow: rgba(255, 199, 116, 0.9);
  --report-green: rgba(145, 225, 177, 0.9);
  --report-red: rgba(255, 116, 120, 0.9);
  --report-b1: rgba(99, 141, 255, 0.9);
  --report-b2: rgba(99, 141, 255, 0.5);
}

.main__prm {
  max-width: unset;
  padding: 0;
  margin-bottom: -100px;
}

.prm-header__top {
  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;
  height: 64px;
}
.prm-header__top.cpa {
  background: linear-gradient(270.6deg, #151c61 14.12%, #2349d2 83.24%);
}
.prm-header__top.cpa .txt {
  width: 500px;
  height: 22px;
  background-image: url("../img/prm_img/prm_cpa_tit_header.png");
  background-repeat: no-repeat;
  background-size: 500px 57px;
  background-position: 0 0;
}
.prm-header__top.cta {
  background: linear-gradient(270.6deg, #300e63 14.12%, #8145db 83.24%);
}
.prm-header__top.cta .txt {
  width: 455px;
  height: 22px;
  background-image: url("../img/prm_img/prm_cta_tit_header.png");
  background-repeat: no-repeat;
  background-size: 455px 58px;
  background-position: 0 0;
}

.prm-header__body {
  position: relative;
  height: 1192px;
  background-image: url("../img/prm_img/prm_cta_top_bg.png");
  background-repeat: repeat-y;
  background-size: 100%;
  background-position: center top;
}
.prm-header__body::before {
  content: "";
  display: block;
  width: 100%;
  height: 320px;
  background-color: #141626;
  position: absolute;
  bottom: 0;
  left: 0;
}
.prm-header__body .tit {
  position: absolute;
  top: 80px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-repeat: no-repeat;
}
.prm-header__body .tit-img {
  position: absolute;
  top: 506px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-repeat: no-repeat;
}
.prm-header__body.cpa .tit {
  width: 853px;
  height: 306px;
  background-image: url("../img/prm_img/prm_cpa_tit.png");
  background-size: 853px 630px;
  background-position: 0 0;
}
.prm-header__body.cpa .tit-img {
  width: 980px;
  height: 545px;
  background-image: url("../img/prm_img/prm_cpa_tit_img.png");
  background-size: 980px 1141px;
  background-position: 0 0;
}
.prm-header__body.cta {
  height: 1377px;
}
.prm-header__body.cta .tit {
  width: 854px;
  height: 501px;
  background-image: url("../img/prm_img/prm_cta_tit_230711.png");
  background-size: 854px 970px;
  background-position: 0 0;
}
.prm-header__body.cta .tit-img {
  top: 681px;
  width: 1160px;
  height: 565px;
  background-image: url("../img/prm_img/prm_cta_tit_img_230711.png");
  background-size: 1160px 1161px;
  background-position: 0 0;
}
.prm-header__body.blended {
  height: 894px;
}
.prm-header__body.blended::before {
  display: none;
}
.prm-header__body.blended .tit {
  width: 790px;
  height: 418px;
  background-image: url("../img/prm_img/prm_blended_tit.png");
  background-size: 790px 846px;
  background-position: 0 0;
}
.prm-header__body.blended .tit-img {
  top: 618px;
  width: 1000px;
  height: 282px;
  background-image: url("../img/prm_img/prm_blended_tit_img_230920.png");
  background-size: 1000px 676px;
  background-position: 0 0;
}

.sec__prm-cont-bg {
  padding: 20px 0 120px;
  background-color: #141626;
}
.sec__prm-cont-bg.blended {
  padding: 120px 0 100px;
}

.prm-cont__platform .tit {
  width: 280px;
  height: 68px;
  margin: 0 auto 80px;
  background-image: url("../img/prm_img/prm_common_subtit.png");
  background-size: 522px 1650px;
  background-repeat: no-repeat;
  background-position: 0 -210px;
}
.prm-cont__platform .prm-cont__img {
  width: 1170px;
  margin: auto;
}
.prm-cont__platform .prm-cont__img img {
  width: 100%;
}

.sec__prm-cont-item {
  padding: 60px 0;
}
.sec__prm-cont-item .tit {
  margin: 0 auto 80px;
  background-image: url("../img/prm_img/prm_common_subtit.png");
  background-repeat: no-repeat;
  background-size: 522px 1650px;
}
.sec__prm-cont-item .prm-cont__img {
  margin: auto;
}
.sec__prm-cont-item .prm-cont__img img {
  width: 100%;
}
.sec__prm-cont-item .sec__txt {
  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;
  max-width: 1170px;
  padding: 60px 0 80px;
  margin: 80px auto 0;
  background-color: rgba(229, 236, 255, 0.3);
  border: 1px solid var(--p-lighten-500);
  border-radius: 20px;
}
.sec__prm-cont-item .sec__txt .subtit {
  margin-bottom: 60px;
  background-image: url("../img/prm_img/prm_common_cont_txt.png");
  background-repeat: no-repeat;
  background-size: 528px 557px;
}
.sec__prm-cont-item .sec__txt .sub-img img {
  width: 100%;
}
.sec__prm-cont-item.learning-time {
  padding-top: 120px;
}
.sec__prm-cont-item.learning-time .tit {
  width: 482px;
  height: 72px;
  background-position: 0 -376px;
}
.sec__prm-cont-item.learning-time .prm-cont__img {
  width: 875px;
}
.sec__prm-cont-item.learning-time .sec__txt {
  padding: 60px 0 50px;
}
.sec__prm-cont-item.learning-time .sec__txt .subtit {
  width: 364px;
  height: 52px;
  background-position: 0 0;
}
.sec__prm-cont-item.learning-time .sec__txt .sub-img {
  width: 842px;
}
.sec__prm-cont-item.learning-time .sec__txt .sub-txt {
  width: 528px;
  height: 48px;
  margin-top: 50px;
  background-image: url("../img/prm_img/prm_common_cont_txt.png");
  background-repeat: no-repeat;
  background-size: 528px 557px;
  background-position: 0 -131px;
}
.sec__prm-cont-item.report .tit {
  width: 488px;
  height: 72px;
  background-position: 0 -564px;
}
.sec__prm-cont-item.report .prm-cont__img {
  width: 811px;
}
.sec__prm-cont-item.report .sec__txt .subtit {
  width: 449px;
  height: 52px;
  background-position: 0 -315px;
}
.sec__prm-cont-item.report .sec__txt .sub-img {
  width: 1121px;
}
.sec__prm-cont-item.exam .tit {
  width: 482px;
  height: 72px;
  background-position: 0 -752px;
}
.sec__prm-cont-item.exam .prm-cont__img {
  width: 904px;
}
.sec__prm-cont-item.exam .sec__txt .subtit {
  width: 434px;
  height: 52px;
  background-position: 0 -446px;
}
.sec__prm-cont-item.exam .sec__txt .sub-img {
  width: 732px;
}
.sec__prm-cont-item.studylab {
  padding-bottom: 0;
}
.sec__prm-cont-item.studylab .tit {
  width: 514px;
  height: 72px;
  margin-bottom: 100px;
  background-position: 0 -940px;
}
.sec__prm-cont-item.studylab .sec__service-content {
  padding: 0;
}
.sec__prm-cont-item.studylab .studylab-cont02 {
  padding-bottom: 120px;
}
.sec__prm-cont-item.studylab .studylab-cont03 {
  padding-bottom: 60px;
}
.sec__prm-cont-item.studylab .studylab-cont04 {
  padding-top: 80px;
  padding-bottom: 100px;
}
.sec__prm-cont-item.studylab .content-tit {
  width: 970px;
}
.sec__prm-cont-item.studylab .content-tit .subtit {
  background-image: url("../img/prm_img/prm_common_subtit.png");
  background-repeat: no-repeat;
  background-size: 522px 1650px;
}
.sec__prm-cont-item.studylab .content-tit .tit01 {
  width: 355px;
  height: 56px;
  margin-bottom: 80px;
  background-position: 0 -1128px;
}
.sec__prm-cont-item.studylab .content-tit .tit02 {
  width: 392px;
  height: 56px;
  margin-bottom: 40px;
  background-position: 0 -1269px;
}
.sec__prm-cont-item.studylab .content-tit .tit03 {
  width: 451px;
  height: 56px;
  margin-bottom: -20px;
  background-position: 0 -1410px;
}
.sec__prm-cont-item.studylab .content-body.tit {
  width: inherit;
  height: auto;
  background-image: none;
}
.sec__prm-cont-item.map {
  padding: 80px 0 100px;
}
.sec__prm-cont-item.map .tit {
  width: 251px;
  height: 32px;
  background-position: 0 -1576px;
}
.sec__prm-cont-item.map .img {
  width: 1170px;
  height: 482px;
  margin: auto;
  background-image: url("../img/prm_img/prm_common_map.png");
  background-size: 1170px 991px;
  background-position: 0 0;
}

.sec__prm-btn {
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 99;
}
.sec__prm-btn .btn-prm {
  position: relative;
  display: block;
  width: 160px;
  height: 160px;
  border-radius: 50%;
}
.sec__prm-btn .btn-prm span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 76px;
  height: 56px;
  color: transparent;
  font-size: 0;
  background-image: url("../img/prm_img/prm_common_btntxt.png");
  background-repeat: no-repeat;
  background-size: 222px 56px;
  background-position: 0 0;
}
.sec__prm-btn .btn-prm.cpa {
  background-color: #0037ff;
  -webkit-box-shadow: -2px 2px 13px 2px rgba(35, 73, 210, 0.25);
          box-shadow: -2px 2px 13px 2px rgba(35, 73, 210, 0.25);
}
.sec__prm-btn .btn-prm.cta01 {
  margin-bottom: 20px;
  background-color: #5a16c0;
  -webkit-box-shadow: -2px 2px 13px 2px rgba(76, 23, 155, 0.25);
          box-shadow: -2px 2px 13px 2px rgba(76, 23, 155, 0.25);
}
.sec__prm-btn .btn-prm.cta01 span {
  width: 76px;
  height: 84px;
  background-image: url("../img/prm_img/prm_cta_btntxt.png");
  background-size: 320px 84px;
}
.sec__prm-btn .btn-prm.cta02 {
  background-color: #5a16c0;
  -webkit-box-shadow: -2px 2px 13px 2px rgba(76, 23, 155, 0.25);
          box-shadow: -2px 2px 13px 2px rgba(76, 23, 155, 0.25);
}
.sec__prm-btn .btn-prm.cta02 span {
  width: 76px;
  height: 84px;
  background-image: url("../img/prm_img/prm_cta_btntxt.png");
  background-size: 320px 84px;
  background-position: -96px 0;
}
.sec__prm-btn .btn-prm.blended {
  background-color: #019b87;
  -webkit-box-shadow: -2px 2px 13px 2px rgba(1, 155, 135, 0.25);
          box-shadow: -2px 2px 13px 2px rgba(1, 155, 135, 0.25);
}

.prm-cont__blended .prm-cont__img {
  width: 1170px;
  margin: auto;
}
.prm-cont__blended .prm-cont__img:last-child {
  margin-top: 80px;
}
.prm-cont__blended .prm-cont__img img {
  width: 100%;
}

.sec__prm-cont-bg.blended-video {
  padding: 120px 0 20px;
}

.prm-cont__video {
  max-width: 970px;
  margin: auto;
}

.prm-video__wrap {
  position: relative;
  width: 100%;
  height: auto;
  padding-bottom: 56.25%;
}
.prm-video__wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sec__prm-video-btn {
  position: fixed;
  bottom: 224px;
  right: 40px;
  z-index: 99;
}
.sec__prm-video-btn.cta {
  bottom: 404px;
}
.sec__prm-video-btn .btn-prm-video {
  position: relative;
  display: block;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background-color: var(--font-100);
  -webkit-box-shadow: -2px 2px 13px 2px rgba(0, 0, 0, 0.25);
          box-shadow: -2px 2px 13px 2px rgba(0, 0, 0, 0.25);
}
.sec__prm-video-btn .btn-prm-video span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 76px;
  height: 92px;
  color: transparent;
  font-size: 0;
  background-image: url("../img/prm_img/prm_video_btntxt.png");
  background-repeat: no-repeat;
  background-size: 140px 92px;
  background-position: 0 0;
}

.sec__prm-timetable-btn {
  position: fixed;
  bottom: 408px;
  right: 40px;
  z-index: 99;
}
.sec__prm-timetable-btn .btn-prm-timetable {
  position: relative;
  display: block;
  width: 160px;
  height: 160px;
  border-radius: 50%;
}
.sec__prm-timetable-btn .btn-prm-timetable span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100px;
  height: 28px;
  color: transparent;
  font-size: 0;
  background-image: url("../img/prm_img/prm_timetable_btntxt.png");
  background-repeat: no-repeat;
  background-size: 185px 28px;
  background-position: 0 0;
}
.sec__prm-timetable-btn .btn-prm-timetable.cpa {
  background-color: #809bff;
  -webkit-box-shadow: -2px 2px 13px 2px rgba(35, 73, 210, 0.25);
          box-shadow: -2px 2px 13px 2px rgba(35, 73, 210, 0.25);
}
.sec__prm-timetable-btn .btn-prm-timetable.cta {
  background-color: #ac7ff0;
  -webkit-box-shadow: -2px 2px 13px 2px rgba(76, 23, 155, 0.25);
          box-shadow: -2px 2px 13px 2px rgba(76, 23, 155, 0.25);
}
.sec__prm-timetable-btn .btn-prm-timetable.blended {
  background-color: #7ac6bc;
  -webkit-box-shadow: -2px 2px 13px 2px rgba(1, 155, 135, 0.25);
          box-shadow: -2px 2px 13px 2px rgba(1, 155, 135, 0.25);
}

@media (max-width: 1200px) {
  .main__prm {
    margin-bottom: -80px;
  }
  .prm-header__top {
    height: 50px;
  }
  .prm-header__top.cpa .txt {
    width: 352px;
    height: 15px;
    background-position: 0 -42px;
  }
  .prm-header__top.cta .txt {
    width: 343px;
    height: 16px;
    background-position: 0 -42px;
  }
  .prm-header__body {
    position: relative;
    height: 1058px;
  }
  .prm-header__body::before {
    display: none;
  }
  .prm-header__body .tit {
    top: 50px;
  }
  .prm-header__body .tit-img {
    top: 414px;
  }
  .prm-header__body.cpa .tit {
    width: 348px;
    height: 304px;
    background-position: 0 -326px;
  }
  .prm-header__body.cpa .tit-img {
    width: 280px;
    height: 576px;
    background-position: 0 -565px;
  }
  .prm-header__body.cta {
    height: 1219px;
  }
  .prm-header__body.cta .tit {
    width: 340px;
    height: 449px;
    background-position: 0 -521px;
  }
  .prm-header__body.cta .tit-img {
    top: 563px;
    width: 356px;
    height: 576px;
    background-position: 0 -585px;
  }
  .prm-header__body.blended {
    height: 892px;
  }
  .prm-header__body.blended .tit {
    width: 338px;
    height: 408px;
    background-position: 0 -438px;
  }
  .prm-header__body.blended .tit-img {
    top: unset;
    bottom: 0;
    width: 366px;
    height: 374px;
    background-position: 0 -302px;
  }
  .sec__prm-cont-bg {
    padding: 80px 12px;
  }
  .sec__prm-cont-bg.blended-video {
    padding: 80px 12px;
  }
  .sec__prm-cont-bg.blended {
    padding: 80px 12px 20px;
  }
  .prm-cont__video {
    margin-bottom: -80px;
  }
  .prm-cont__platform .tit {
    width: 193px;
    height: 58px;
    margin: 0 auto 60px;
    background-position: 0 -298px;
  }
  .prm-cont__platform .prm-cont__img {
    width: 100%;
    max-width: 366px;
  }
  .sec__prm-cont-item {
    padding: 50px 12px;
  }
  .sec__prm-cont-item .sec__txt {
    padding: 40px 12px 50px;
    margin: 60px -12px 0;
    border-left: none;
    border-right: none;
    border-radius: 0;
  }
  .sec__prm-cont-item .sec__txt .subtit {
    margin-bottom: 40px;
  }
  .sec__prm-cont-item .tit {
    margin: 0 auto 50px;
  }
  .sec__prm-cont-item.learning-time {
    padding-top: 80px;
  }
  .sec__prm-cont-item.learning-time .tit {
    width: 213px;
    height: 76px;
    background-position: 0 -468px;
  }
  .sec__prm-cont-item.learning-time .prm-cont__img {
    width: 100%;
    max-width: 366px;
  }
  .sec__prm-cont-item.learning-time .sec__txt {
    padding: 40px 0 50px;
  }
  .sec__prm-cont-item.learning-time .sec__txt .subtit {
    width: 273px;
    height: 39px;
    background-position: 0 -72px;
  }
  .sec__prm-cont-item.learning-time .sec__txt .sub-img {
    width: 100%;
    max-width: 386px;
  }
  .sec__prm-cont-item.learning-time .sec__txt .sub-txt {
    width: 255px;
    height: 96px;
    margin-top: 40px;
    background-position: 0 -199px;
  }
  .sec__prm-cont-item.report .tit {
    width: 253px;
    height: 76px;
    background-position: 0 -656px;
  }
  .sec__prm-cont-item.report .prm-cont__img {
    width: 100%;
    max-width: 366px;
  }
  .sec__prm-cont-item.report .sec__txt .subtit {
    width: 333px;
    height: 39px;
    background-position: 0 -387px;
  }
  .sec__prm-cont-item.report .sec__txt .sub-img {
    width: 100%;
    max-width: 386px;
  }
  .sec__prm-cont-item.exam .tit {
    width: 259px;
    height: 76px;
    background-position: 0 -844px;
  }
  .sec__prm-cont-item.exam .prm-cont__img {
    width: 100%;
    max-width: 366px;
  }
  .sec__prm-cont-item.exam .sec__txt .subtit {
    width: 329px;
    height: 39px;
    background-position: 0 -518px;
  }
  .sec__prm-cont-item.exam .sec__txt .sub-img {
    width: 100%;
    max-width: 386px;
  }
  .sec__prm-cont-item.studylab {
    padding: 50px 0 0;
  }
  .sec__prm-cont-item.studylab .tit {
    width: 255px;
    height: 76px;
    margin-bottom: 60px;
    background-position: 0 -1032px;
  }
  .sec__prm-cont-item.studylab .sec__service-content {
    padding: 0;
  }
  .sec__prm-cont-item.studylab .studylab-cont02 {
    padding-bottom: 50px;
  }
  .sec__prm-cont-item.studylab .studylab-cont03 {
    padding-bottom: 50px;
  }
  .sec__prm-cont-item.studylab .studylab-cont04 {
    padding-top: 60px;
  }
  .sec__prm-cont-item.studylab .studylab-cont04 .content-item {
    padding: 20px 0;
  }
  .sec__prm-cont-item.studylab .content-tit {
    width: 320px;
    margin-bottom: 0;
  }
  .sec__prm-cont-item.studylab .content-tit .tit01 {
    width: 296px;
    height: 45px;
    margin-bottom: 10px;
    background-position: 0 -1204px;
  }
  .sec__prm-cont-item.studylab .content-tit .tit02 {
    width: 327px;
    height: 45px;
    margin-bottom: 10px;
    background-position: 0 -1345px;
  }
  .sec__prm-cont-item.studylab .content-tit .tit03 {
    width: 194px;
    height: 70px;
    margin-bottom: 10px;
    background-position: 0 -1486px;
  }
  .sec__prm-cont-item.map {
    padding: 60px 0 80px;
  }
  .sec__prm-cont-item.map .tit {
    width: 172px;
    height: 22px;
    margin-bottom: 40px;
    background-position: 0 -1628px;
  }
  .sec__prm-cont-item.map .sec__map-img {
    position: relative;
    height: 489px;
    overflow: hidden;
  }
  .sec__prm-cont-item.map .img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 768px;
    height: 489px;
    background-position: 0 -502px;
  }
  .sec__prm-btn {
    width: 100%;
    bottom: 20px;
    right: unset;
    left: 0;
  }
  .sec__prm-btn .btn-prm {
    width: calc(100% - 40px);
    height: 56px;
    margin: auto;
    border-radius: 3px;
  }
  .sec__prm-btn .btn-prm span {
    width: 126px;
    height: 22px;
    background-position: -96px 0;
  }
  .sec__prm-btn .btn-prm.cta01 {
    width: 100px;
    height: 100px;
    margin-left: auto;
    margin-right: 12px;
    margin-bottom: 16px;
    border-radius: 50%;
  }
  .sec__prm-btn .btn-prm.cta01 span {
    width: 54px;
    height: 60px;
    background-position: -192px 0;
  }
  .sec__prm-btn .btn-prm.cta02 {
    width: 100px;
    height: 100px;
    margin-left: auto;
    margin-right: 12px;
    border-radius: 50%;
  }
  .sec__prm-btn .btn-prm.cta02 span {
    width: 54px;
    height: 60px;
    background-position: -266px 0;
  }
  .sec__prm-video-btn {
    bottom: 100px;
    right: 12px;
  }
  .sec__prm-video-btn.cta {
    bottom: 256px;
  }
  .sec__prm-video-btn .btn-prm-video {
    width: 100px;
    height: 100px;
  }
  .sec__prm-video-btn .btn-prm-video span {
    width: 54px;
    height: 60px;
    background-position: -86px 0;
  }
  .sec__prm-timetable-btn {
    position: fixed;
    bottom: 212px;
    right: 12px;
    z-index: 99;
  }
  .sec__prm-timetable-btn .btn-prm-timetable {
    width: 100px;
    height: 100px;
  }
  .sec__prm-timetable-btn .btn-prm-timetable span {
    width: 75px;
    height: 21px;
    background-position: -110px 0;
  }
  .prm-cont__blended .prm-cont__img {
    width: 100%;
    max-width: 366px;
  }
  .prm-cont__blended .prm-cont__img:last-child {
    margin-top: 60px;
  }
}
.prm_230811 {
  background-color: #f0ebe5;
}
.prm_230811 .sec__prm-tit {
  padding: 80px 0 160px;
}
.prm_230811 .sec__prm-tit img {
  width: 100%;
  margin: 0 auto;
}
.prm_230811 .sec__prm-tit img.img_pc {
  max-width: 1170px;
}
.prm_230811 .sec__prm-tit img.img_mo {
  max-width: 600px;
}
.prm_230811 .sec__prm-youtube {
  padding-bottom: 120px;
  margin-top: -40px;
}
.prm_230811 .sec__prm-youtube .prm-youtube-wrap {
  max-width: 970px;
  margin: 0 auto;
}
.prm_230811 .sec__prm-youtube .prm-youtube-wrap div {
  position: relative;
  width: 100%;
  height: auto;
  padding-bottom: 56.25%;
}
.prm_230811 .sec__prm-youtube .prm-youtube-wrap div iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.prm_230811 .sec__prm-cont01 {
  padding: 100px 0 120px;
  background-color: var(--white);
}
.prm_230811 .sec__prm-cont01 img {
  width: 100%;
  margin: 0 auto;
}
.prm_230811 .sec__prm-cont01 img.img_pc {
  max-width: 970px;
}
.prm_230811 .sec__prm-cont01 img.img_mo {
  max-width: 600px;
}
.prm_230811 .sec__prm-cont02 {
  margin-top: 150px;
}
.prm_230811 .sec__prm-cont02 div {
  margin-bottom: 150px;
}
.prm_230811 .sec__prm-cont02 div img {
  width: 100%;
  margin: 0 auto;
}
.prm_230811 .sec__prm-cont02 div img.img_pc {
  max-width: 970px;
}
.prm_230811 .sec__prm-cont02 div img.img_mo {
  max-width: 600px;
}
.prm_230811 .sec__prm-cont03 div {
  position: relative;
  max-width: 970px;
  margin: 0 auto;
}
.prm_230811 .sec__prm-cont03 div.prm-cont03_01, .prm_230811 .sec__prm-cont03 div.prm-cont03_02 {
  margin-bottom: 60px;
}
.prm_230811 .sec__prm-cont03 div img {
  width: 100%;
}
.prm_230811 .sec__prm-cont03 div .btn-prof-video {
  position: absolute;
  bottom: 84px;
  right: 270px;
  display: block;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background-image: url("../img/prm_img/230811/btn_prof_video.png");
  background-repeat: no-repeat;
  background-size: 100%;
  -webkit-box-shadow: -2px 2px 13px 2px rgba(176, 36, 36, 0.25);
          box-shadow: -2px 2px 13px 2px rgba(176, 36, 36, 0.25);
}
.prm_230811 .sec__prm-cont04 {
  margin-top: 150px;
}
.prm_230811 .sec__prm-cont04 img {
  width: 100%;
  margin: 0 auto;
}
.prm_230811 .sec__prm-cont04 img.img_pc {
  max-width: 970px;
}
.prm_230811 .sec__prm-cont04 img.img_mo {
  max-width: 600px;
}
.prm_230811 .sec__prm-cont05 {
  margin-top: 150px;
}
.prm_230811 .sec__prm-cont05 img {
  width: 100%;
  margin: 0 auto;
}
.prm_230811 .sec__prm-cont05 img.img_pc {
  max-width: 770px;
}
.prm_230811 .sec__prm-cont05 img.img_mo {
  max-width: 600px;
}
.prm_230811 .sec__prm-cont06 {
  margin-top: 150px;
}
.prm_230811 .sec__prm-cont06 img {
  width: 100%;
  margin: 0 auto;
}
.prm_230811 .sec__prm-cont06 img.img_pc {
  max-width: 970px;
}
.prm_230811 .sec__prm-cont06 img.img_mo {
  max-width: 600px;
}
.prm_230811 .sec__prm-cont07 {
  padding: 37px 0;
  margin-top: 150px;
  background-color: var(--p-darken);
}
.prm_230811 .sec__prm-cont07 img {
  width: 100%;
  margin: 0 auto;
}
.prm_230811 .sec__prm-cont07 img.img_pc {
  max-width: 970px;
}
.prm_230811 .sec__prm-cont07 img.img_mo {
  max-width: 600px;
}
.prm_230811 .btn-prm {
  background-color: #b02424;
  -webkit-box-shadow: -2px 2px 13px 2px rgba(176, 36, 36, 0.25);
          box-shadow: -2px 2px 13px 2px rgba(176, 36, 36, 0.25);
}

@media (max-width: 1200px) {
  .prm_230811 {
    padding: 0 12px;
  }
  .prm_230811 .sec__prm-tit {
    padding: 40px 0 100px;
  }
  .prm_230811 .sec__prm-youtube {
    padding-bottom: 80px;
    margin-top: -20px;
  }
  .prm_230811 .sec__prm-cont01 {
    padding: 80px 15px 100px;
    margin: 0 -12px;
  }
  .prm_230811 .sec__prm-cont02 {
    padding-top: 100px;
    margin: 0 -12px;
  }
  .prm_230811 .sec__prm-cont02 div {
    margin-bottom: 100px;
  }
  .prm_230811 .sec__prm-cont03 div {
    max-width: 600px;
  }
  .prm_230811 .sec__prm-cont03 div .btn-prof-video {
    bottom: 180px;
    right: 16px;
  }
  .prm_230811 .sec__prm-cont03 div.prm-cont03_01 {
    margin-bottom: 48px;
  }
  .prm_230811 .sec__prm-cont04 {
    margin-top: 100px;
  }
  .prm_230811 .sec__prm-cont05 {
    margin-top: 100px;
  }
  .prm_230811 .sec__prm-cont06 {
    margin-top: 100px;
  }
  .prm_230811 .sec__prm-cont07 {
    padding: 0;
    margin: 100px -12px 0;
  }
}
@media (max-width: 600px) {
  .prm_230811 .sec__prm-cont03 div .btn-prof-video {
    bottom: 20%;
  }
}
.prm_230822 {
  background-color: #21242d;
}
.prm_230822 img {
  width: 100%;
  margin: 0 auto;
}
.prm_230822 img.img_mo {
  max-width: 600px;
}
.prm_230822 .header__prm {
  background-image: url("../img/prm_img/230822/prm_header_bg.png");
  background-repeat: no-repeat;
  background-position: center;
}
.prm_230822 .header__prm .sec__prm-tit {
  padding: 80px 0;
}
.prm_230822 .header__prm .sec__prm-tit .img_pc {
  max-width: 582px;
}
.prm_230822 .header__prm .sec__prm-tit-img {
  border: 1px solid rgba(157, 216, 213, 0.7);
  border-left: none;
  border-right: none;
}
.prm_230822 .header__prm .sec__prm-tit-img .img_pc {
  max-width: 988px;
}
.prm_230822 .sec__prm-cont01 {
  padding-top: 150px;
}
.prm_230822 .sec__prm-cont01 div {
  position: relative;
  max-width: 970px;
  margin: 0 auto;
}
.prm_230822 .sec__prm-cont01 div.prm-cont01_01, .prm_230822 .sec__prm-cont01 div.prm-cont01_02 {
  margin-bottom: 60px;
}
.prm_230822 .sec__prm-cont01 div .btn-prof-video {
  position: absolute;
  bottom: 84px;
  right: 270px;
  display: block;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background-image: url("../img/prm_img/230822/btn_prof_video.png");
  background-repeat: no-repeat;
  background-size: 100%;
  -webkit-box-shadow: -2px 2px 13px 2px rgba(108, 100, 206, 0.25);
          box-shadow: -2px 2px 13px 2px rgba(108, 100, 206, 0.25);
}
.prm_230822 .sec__prm-cont02 {
  padding-top: 150px;
}
.prm_230822 .sec__prm-cont02 .img_pc {
  max-width: 970px;
}
.prm_230822 .sec__prm-cont03 {
  padding: 150px 0;
}
.prm_230822 .sec__prm-cont03 .img_pc {
  max-width: 970px;
}
.prm_230822 .btn-prm {
  background-color: #9491f8;
  -webkit-box-shadow: -2px 2px 13px 2px rgba(148, 145, 248, 0.25);
          box-shadow: -2px 2px 13px 2px rgba(148, 145, 248, 0.25);
}
.prm_230822 .sec__prm-video-btn .btn-prm-video {
  border: 1px solid var(--font-200);
}

@media (max-width: 1200px) {
  .prm_230822 {
    padding: 0 12px;
  }
  .prm_230822 .header__prm {
    padding: 0 12px 40px;
    margin: 0 -12px;
  }
  .prm_230822 .header__prm .sec__prm-tit {
    padding-top: 48px;
  }
  .prm_230822 .header__prm .sec__prm-tit-img {
    border: none;
  }
  .prm_230822 .sec__prm-cont01 {
    padding-top: 80px;
  }
  .prm_230822 .sec__prm-cont01 div {
    max-width: 600px;
  }
  .prm_230822 .sec__prm-cont01 div.prm-cont01_01, .prm_230822 .sec__prm-cont01 div.prm-cont01_02 {
    margin-bottom: 48px;
  }
  .prm_230822 .sec__prm-cont01 div .btn-prof-video {
    bottom: 180px;
    right: 16px;
  }
  .prm_230822 .sec__prm-cont02 {
    padding-top: 100px;
  }
  .prm_230822 .sec__prm-cont03 {
    padding: 100px 0;
  }
}
@media (max-width: 600px) {
  .prm_230822 .sec__prm-cont01 div .btn-prof-video {
    bottom: 20%;
  }
}
.prm_230830 {
  background-color: #e7e7e7;
}
.prm_230830 .sec__prm-tit {
  padding: 80px 0 160px;
}
.prm_230830 .sec__prm-tit img {
  width: 100%;
  margin: 0 auto;
}
.prm_230830 .sec__prm-tit img.img_pc {
  max-width: 1170px;
}
.prm_230830 .sec__prm-tit img.img_mo {
  max-width: 600px;
}
.prm_230830 .sec__prm-youtube {
  padding-bottom: 120px;
  margin-top: -40px;
}
.prm_230830 .sec__prm-youtube .prm-youtube-wrap {
  max-width: 970px;
  margin: 0 auto;
}
.prm_230830 .sec__prm-youtube .prm-youtube-wrap div {
  position: relative;
  width: 100%;
  height: auto;
  padding-bottom: 56.25%;
}
.prm_230830 .sec__prm-youtube .prm-youtube-wrap div iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.prm_230830 .sec__prm-cont01 {
  padding: 120px 0 120px;
  background-color: var(--white);
}
.prm_230830 .sec__prm-cont01 img {
  width: 100%;
  margin: 0 auto;
}
.prm_230830 .sec__prm-cont01 img.img_pc {
  max-width: 900px;
}
.prm_230830 .sec__prm-cont01 img.img_mo {
  max-width: 600px;
}
.prm_230830 .sec__prm-cont02 {
  margin-top: 150px;
}
.prm_230830 .sec__prm-cont02 div {
  margin-bottom: 150px;
}
.prm_230830 .sec__prm-cont02 div img {
  width: 100%;
  margin: 0 auto;
}
.prm_230830 .sec__prm-cont02 div img.img_pc {
  max-width: 970px;
}
.prm_230830 .sec__prm-cont02 div img.img_mo {
  max-width: 600px;
}
.prm_230830 .sec__prm-cont03 div {
  position: relative;
  max-width: 970px;
  margin: 0 auto;
}
.prm_230830 .sec__prm-cont03 div img {
  width: 100%;
}
.prm_230830 .sec__prm-cont03 div .btn-prof-video {
  position: absolute;
  bottom: 84px;
  right: 270px;
  display: block;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background-image: url("../img/prm_img/230830/btn_prof_video.png");
  background-repeat: no-repeat;
  background-size: 100%;
  -webkit-box-shadow: -2px 2px 13px 2px rgba(29, 66, 136, 0.25);
          box-shadow: -2px 2px 13px 2px rgba(29, 66, 136, 0.25);
}
.prm_230830 .sec__prm-cont04 {
  margin-top: 150px;
}
.prm_230830 .sec__prm-cont04 img {
  width: 100%;
  margin: 0 auto;
}
.prm_230830 .sec__prm-cont04 img.img_pc {
  max-width: 970px;
}
.prm_230830 .sec__prm-cont04 img.img_mo {
  max-width: 600px;
}
.prm_230830 .sec__prm-cont05 {
  margin-top: 150px;
}
.prm_230830 .sec__prm-cont05 img {
  width: 100%;
  margin: 0 auto;
}
.prm_230830 .sec__prm-cont05 img.img_pc {
  max-width: 770px;
}
.prm_230830 .sec__prm-cont05 img.img_mo {
  max-width: 600px;
}
.prm_230830 .sec__prm-cont06 {
  margin-top: 150px;
}
.prm_230830 .sec__prm-cont06 img {
  width: 100%;
  margin: 0 auto;
}
.prm_230830 .sec__prm-cont06 img.img_pc {
  max-width: 970px;
}
.prm_230830 .sec__prm-cont06 img.img_mo {
  max-width: 600px;
}
.prm_230830 .sec__prm-cont07 {
  padding: 37px 0;
  margin-top: 150px;
  background-color: var(--p-darken);
}
.prm_230830 .sec__prm-cont07 img {
  width: 100%;
  margin: 0 auto;
}
.prm_230830 .sec__prm-cont07 img.img_pc {
  max-width: 970px;
}
.prm_230830 .sec__prm-cont07 img.img_mo {
  max-width: 600px;
}
.prm_230830 .btn-prm {
  background-color: #142f64;
  -webkit-box-shadow: -2px 2px 13px 2px rgba(29, 66, 136, 0.25);
          box-shadow: -2px 2px 13px 2px rgba(29, 66, 136, 0.25);
}

@media (max-width: 1200px) {
  .prm_230830 {
    padding: 0 12px;
  }
  .prm_230830 .sec__prm-tit {
    padding: 40px 0 100px;
  }
  .prm_230830 .sec__prm-youtube {
    padding-bottom: 80px;
    margin-top: -20px;
  }
  .prm_230830 .sec__prm-cont01 {
    padding: 80px 15px 100px;
    margin: 0 -12px;
  }
  .prm_230830 .sec__prm-cont02 {
    padding-top: 100px;
    margin: 0 -12px;
  }
  .prm_230830 .sec__prm-cont02 div {
    margin-bottom: 100px;
  }
  .prm_230830 .sec__prm-cont03 div {
    max-width: 600px;
  }
  .prm_230830 .sec__prm-cont03 div .btn-prof-video {
    bottom: 180px;
    right: 16px;
  }
  .prm_230830 .sec__prm-cont03 div.prm-cont03_01 {
    margin-bottom: 48px;
  }
  .prm_230830 .sec__prm-cont04 {
    margin-top: 100px;
  }
  .prm_230830 .sec__prm-cont05 {
    margin-top: 100px;
  }
  .prm_230830 .sec__prm-cont06 {
    margin-top: 100px;
  }
  .prm_230830 .sec__prm-cont07 {
    padding: 0;
    margin: 100px -12px 0;
  }
}
@media (max-width: 600px) {
  .prm_230830 .sec__prm-cont03 div .btn-prof-video {
    bottom: 20%;
  }
}
.prm_230904 {
  background-color: #131314;
}
.prm_230904 img {
  width: 100%;
  margin: 0 auto;
}
.prm_230904 img.img_pc {
  max-width: 970px;
}
.prm_230904 img.img_mo {
  max-width: 600px;
}
.prm_230904 section {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.prm_230904 section a {
  display: block;
  position: absolute;
  right: 60px;
  bottom: 40px;
  width: 480px;
}
.prm_230904 section a img {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(219, 0, 255, 0.4);
          box-shadow: 0px 0px 10px 0px rgba(219, 0, 255, 0.4);
}
.prm_230904 section a img.btn_img_mo {
  display: none;
}
.prm_230904 .sec__prm-tit {
  width: 100%;
  padding: 120px 0 80px;
  background-image: url("../img/prm_img/230904/prm_tit_bg.png");
  background-position: center;
  background-size: cover;
}
.prm_230904 .sec__prm-cont01 {
  padding-top: 120px;
}
.prm_230904 .sec__prm-cont02,
.prm_230904 .sec__prm-cont03,
.prm_230904 .sec__prm-cont04,
.prm_230904 .sec__prm-cont05 {
  padding-top: 150px;
}
.prm_230904 .sec__prm-cont06 {
  padding-top: 150px;
  margin-bottom: 150px;
}

@media (max-width: 1200px) {
  .prm_230904 section a {
    width: 85%;
    left: 0;
    right: 0;
    bottom: 32px;
    margin: auto;
  }
  .prm_230904 section a img.btn_img_pc {
    display: none;
  }
  .prm_230904 section a img.btn_img_mo {
    display: block;
  }
  .prm_230904 .sec__prm-cont01 {
    padding: 100px 12px 20px;
  }
  .prm_230904 .sec__prm-cont02,
  .prm_230904 .sec__prm-cont03,
  .prm_230904 .sec__prm-cont04,
  .prm_230904 .sec__prm-cont05,
  .prm_230904 .sec__prm-cont06 {
    padding: 100px 12px 0;
  }
}
.prm_230918 {
  background-color: #f2f2f2;
}
.prm_230918 img {
  width: 100%;
  margin: 0 auto;
}
.prm_230918 img.img_mo {
  max-width: 600px;
}
.prm_230918 .sec__prm-tit {
  padding: 80px 0 160px;
}
.prm_230918 .sec__prm-tit .img_pc {
  max-width: 1170px;
}
.prm_230918 .sec__prm-youtube {
  padding-bottom: 120px;
  margin-top: -40px;
}
.prm_230918 .sec__prm-youtube .prm-youtube-wrap {
  max-width: 970px;
  margin: 0 auto;
}
.prm_230918 .sec__prm-youtube .prm-youtube-wrap div {
  position: relative;
  width: 100%;
  height: auto;
  padding-bottom: 56.25%;
}
.prm_230918 .sec__prm-youtube .prm-youtube-wrap div iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.prm_230918 .sec__prm-cont01 {
  padding: 120px 0 120px;
  background-color: var(--white);
}
.prm_230918 .sec__prm-cont01 .img_pc {
  max-width: 900px;
}
.prm_230918 .sec__prm-cont02 {
  margin-top: 150px;
}
.prm_230918 .sec__prm-cont02 div {
  margin-bottom: 150px;
}
.prm_230918 .sec__prm-cont02 div .img_pc {
  max-width: 970px;
}
.prm_230918 .sec__prm-cont03 div {
  position: relative;
  max-width: 970px;
  margin: 0 auto;
}
.prm_230918 .sec__prm-cont03 div.prm-cont03_01 {
  margin-bottom: 60px;
}
.prm_230918 .sec__prm-cont03 div img {
  width: 100%;
}
.prm_230918 .sec__prm-cont03 div .btn-prof-video {
  position: absolute;
  bottom: 84px;
  right: 270px;
  display: block;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background-image: url("../img/prm_img/230918/btn_prof_video.png");
  background-repeat: no-repeat;
  background-size: 100%;
  -webkit-box-shadow: -2px 2px 13px 2px rgba(49, 115, 83, 0.25);
          box-shadow: -2px 2px 13px 2px rgba(49, 115, 83, 0.25);
}
.prm_230918 .sec__prm-cont04 {
  margin-top: 150px;
}
.prm_230918 .sec__prm-cont04 .img_pc {
  max-width: 970px;
}
.prm_230918 .sec__prm-cont05 {
  margin-top: 150px;
}
.prm_230918 .sec__prm-cont05 .img_pc {
  max-width: 770px;
}
.prm_230918 .sec__prm-cont06 {
  margin-top: 150px;
}
.prm_230918 .sec__prm-cont06 .img_pc {
  max-width: 970px;
}
.prm_230918 .sec__prm-cont07 {
  padding: 37px 0;
  margin-top: 150px;
  background-color: var(--p-darken);
}
.prm_230918 .sec__prm-cont07 .img_pc {
  max-width: 970px;
}
.prm_230918 .btn-prm {
  background-color: #205e40;
  -webkit-box-shadow: -2px 2px 13px 2px rgba(32, 94, 96, 0.25);
          box-shadow: -2px 2px 13px 2px rgba(32, 94, 96, 0.25);
}

@media (max-width: 1200px) {
  .prm_230918 {
    padding: 0 12px;
  }
  .prm_230918 .sec__prm-tit {
    padding: 40px 0 100px;
  }
  .prm_230918 .sec__prm-youtube {
    padding-bottom: 80px;
    margin-top: -20px;
  }
  .prm_230918 .sec__prm-cont01 {
    padding: 80px 15px 100px;
    margin: 0 -12px;
  }
  .prm_230918 .sec__prm-cont02 {
    padding-top: 100px;
    margin: 0 -12px;
  }
  .prm_230918 .sec__prm-cont02 div {
    margin-bottom: 100px;
  }
  .prm_230918 .sec__prm-cont03 div {
    max-width: 600px;
  }
  .prm_230918 .sec__prm-cont03 div .btn-prof-video {
    bottom: 180px;
    right: 16px;
  }
  .prm_230918 .sec__prm-cont03 div.prm-cont03_01 {
    margin-bottom: 40px;
  }
  .prm_230918 .sec__prm-cont04 {
    margin-top: 100px;
  }
  .prm_230918 .sec__prm-cont05 {
    margin-top: 100px;
  }
  .prm_230918 .sec__prm-cont06 {
    margin-top: 100px;
  }
  .prm_230918 .sec__prm-cont07 {
    padding: 0;
    margin: 100px -12px 0;
  }
}
@media (max-width: 600px) {
  .prm_230918 .sec__prm-cont03 div .btn-prof-video {
    bottom: 20%;
  }
}
.prm_230920 {
  background-color: #ededed;
}
.prm_230920 img {
  width: 100%;
  margin: 0 auto;
}
.prm_230920 img.img_mo {
  max-width: 600px;
}
.prm_230920 .sec__prm-tit {
  padding: 80px 0 160px;
}
.prm_230920 .sec__prm-tit .img_pc {
  max-width: 1170px;
}
.prm_230920 .sec__prm-cont01 {
  padding: 120px 0 120px;
  background-color: var(--white);
}
.prm_230920 .sec__prm-cont01 .img_pc {
  max-width: 900px;
}
.prm_230920 .sec__prm-cont02 {
  margin-top: 150px;
}
.prm_230920 .sec__prm-cont02 div {
  margin-bottom: 150px;
}
.prm_230920 .sec__prm-cont02 div .img_pc {
  max-width: 970px;
}
.prm_230920 .sec__prm-cont03 div {
  position: relative;
  max-width: 970px;
  margin: 0 auto;
}
.prm_230920 .sec__prm-cont03 div.prm-cont03_01 {
  margin-bottom: 60px;
}
.prm_230920 .sec__prm-cont03 div img {
  width: 100%;
}
.prm_230920 .sec__prm-cont03 div .btn-prof-video {
  position: absolute;
  bottom: 84px;
  right: 270px;
  display: block;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background-image: url("../img/prm_img/230920/btn_prof_video.png");
  background-repeat: no-repeat;
  background-size: 100%;
  -webkit-box-shadow: -2px 2px 13px 2px rgba(82, 28, 168, 0.25);
          box-shadow: -2px 2px 13px 2px rgba(82, 28, 168, 0.25);
}
.prm_230920 .sec__prm-cont04 {
  margin-top: 150px;
}
.prm_230920 .sec__prm-cont04 .img_pc {
  max-width: 970px;
}
.prm_230920 .sec__prm-cont05 {
  margin-top: 150px;
}
.prm_230920 .sec__prm-cont05 .img_pc {
  max-width: 770px;
}
.prm_230920 .sec__prm-cont06 {
  margin-top: 150px;
}
.prm_230920 .sec__prm-cont06 .img_pc {
  max-width: 970px;
}
.prm_230920 .sec__prm-cont07 {
  padding: 37px 0;
  margin-top: 150px;
  background-color: var(--p-darken);
}
.prm_230920 .sec__prm-cont07 .img_pc {
  max-width: 970px;
}
.prm_230920 .btn-prm {
  background-color: #49159e;
  -webkit-box-shadow: -2px 2px 13px 2px rgba(73, 21, 158, 0.25);
          box-shadow: -2px 2px 13px 2px rgba(73, 21, 158, 0.25);
}

@media (max-width: 1200px) {
  .prm_230920 {
    padding: 0 12px;
  }
  .prm_230920 .sec__prm-tit {
    padding: 40px 0 100px;
  }
  .prm_230920 .sec__prm-cont01 {
    padding: 80px 15px 100px;
    margin: 0 -12px;
  }
  .prm_230920 .sec__prm-cont02 {
    padding-top: 100px;
    margin: 0 -12px;
  }
  .prm_230920 .sec__prm-cont02 div {
    margin-bottom: 100px;
  }
  .prm_230920 .sec__prm-cont03 div {
    max-width: 600px;
  }
  .prm_230920 .sec__prm-cont03 div .btn-prof-video {
    bottom: 180px;
    right: 16px;
  }
  .prm_230920 .sec__prm-cont04,
  .prm_230920 .sec__prm-cont05,
  .prm_230920 .sec__prm-cont06 {
    margin-top: 100px;
  }
  .prm_230920 .sec__prm-cont07 {
    padding: 0;
    margin: 100px -12px 0;
  }
}
@media (max-width: 600px) {
  .prm_230920 .sec__prm-cont03 div .btn-prof-video {
    bottom: 20%;
  }
}
.prm_231005 {
  background-color: #f4f5f7;
}
.prm_231005 img {
  width: 100%;
  margin: 0 auto;
}
.prm_231005 img.img_mo {
  max-width: 600px;
}
.prm_231005 .sec__prm-tit {
  padding: 80px 0 160px;
}
.prm_231005 .sec__prm-tit .img_pc {
  max-width: 1170px;
}
.prm_231005 .sec__prm-cont01 {
  padding: 120px 0 120px;
  background-color: var(--white);
}
.prm_231005 .sec__prm-cont01 .img_pc {
  max-width: 900px;
}
.prm_231005 .sec__prm-cont02 {
  margin-top: 150px;
}
.prm_231005 .sec__prm-cont02 div {
  margin-bottom: 150px;
}
.prm_231005 .sec__prm-cont02 div .img_pc {
  max-width: 970px;
}
.prm_231005 .sec__prm-cont03 div {
  position: relative;
  max-width: 970px;
  margin: 0 auto;
}
.prm_231005 .sec__prm-cont03 div.prm-cont03_01 {
  margin-bottom: 60px;
}
.prm_231005 .sec__prm-cont03 div img {
  width: 100%;
}
.prm_231005 .sec__prm-cont03 div .btn-prof-video {
  position: absolute;
  bottom: 84px;
  right: 270px;
  display: block;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background-image: url("../img/prm_img/231005/btn_prof_video.png");
  background-repeat: no-repeat;
  background-size: 100%;
  -webkit-box-shadow: -2px 2px 13px 2px rgba(49, 50, 106, 0.25);
          box-shadow: -2px 2px 13px 2px rgba(49, 50, 106, 0.25);
}
.prm_231005 .sec__prm-cont04 {
  margin-top: 150px;
}
.prm_231005 .sec__prm-cont04 .img_pc {
  max-width: 770px;
}
.prm_231005 .sec__prm-cont05 {
  margin-top: 150px;
}
.prm_231005 .sec__prm-cont05 .img_pc {
  max-width: 970px;
}
.prm_231005 .sec__prm-cont06 {
  padding: 37px 0;
  margin-top: 150px;
  background-color: var(--p-darken);
}
.prm_231005 .sec__prm-cont06 .img_pc {
  max-width: 970px;
}
.prm_231005 .btn-prm {
  background-color: #31326a;
  -webkit-box-shadow: -2px 2px 13px 2px rgba(49, 50, 106, 0.25);
          box-shadow: -2px 2px 13px 2px rgba(49, 50, 106, 0.25);
}

@media (max-width: 1200px) {
  .prm_231005 {
    padding: 0 12px;
  }
  .prm_231005 .sec__prm-tit {
    padding: 40px 0 100px;
  }
  .prm_231005 .sec__prm-cont01 {
    padding: 80px 15px 100px;
    margin: 0 -12px;
  }
  .prm_231005 .sec__prm-cont02 {
    padding-top: 100px;
    margin: 0 -12px;
  }
  .prm_231005 .sec__prm-cont02 div {
    margin-bottom: 100px;
  }
  .prm_231005 .sec__prm-cont03 div {
    max-width: 600px;
  }
  .prm_231005 .sec__prm-cont03 div .btn-prof-video {
    bottom: 180px;
    right: 16px;
  }
  .prm_231005 .sec__prm-cont03 div.prm-cont03_01 {
    margin-bottom: 40px;
  }
  .prm_231005 .sec__prm-cont04 {
    margin-top: 100px;
  }
  .prm_231005 .sec__prm-cont05 {
    margin-top: 100px;
  }
  .prm_231005 .sec__prm-cont06 {
    padding: 0;
    margin: 100px -12px 0;
  }
}
@media (max-width: 600px) {
  .prm_231005 .sec__prm-cont03 div .btn-prof-video {
    bottom: 20%;
  }
}
.prm_231103 {
  background-color: #e6e6e6;
}
.prm_231103 img {
  width: 100%;
  margin: 0 auto;
}
.prm_231103 img.img_pc {
  max-width: 970px;
}
.prm_231103 img.img_mo {
  max-width: 600px;
}
.prm_231103 section {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.prm_231103 section a {
  display: block;
  position: absolute;
  right: 60px;
  bottom: 40px;
  width: 480px;
}
.prm_231103 section a .btn_img_mo {
  display: none;
}
.prm_231103 .sec__prm-tit {
  width: 100%;
  padding-top: 120px;
  background-image: url("../img/prm_img/231103/prm_tit_bg.png");
  background-position: center;
  background-size: cover;
}
.prm_231103 .sec__prm-cont01 {
  max-width: 970px;
  position: relative;
  margin: 120px auto 30px;
}
.prm_231103 .link-area {
  max-width: 970px;
  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: 0 20px;
  margin: 0 auto;
}
.prm_231103 .link-area a {
  display: block;
  width: 440px;
}
.prm_231103 .link-area .btn_img_mo {
  display: none;
}
.prm_231103 .sec__prm-cont02,
.prm_231103 .sec__prm-cont03,
.prm_231103 .sec__prm-cont04,
.prm_231103 .sec__prm-cont05 {
  margin-top: 120px;
}
.prm_231103 .sec__prm-cont06 {
  margin-top: 150px;
}
.prm_231103 .sec__prm-cont07 {
  margin: 150px auto;
}
.prm_231103 .sec__prm-cont07 li:nth-child(1) {
  max-width: 761px;
  margin: 0 auto 80px;
}
.prm_231103 .sec__prm-cont07 li:nth-child(2) {
  margin-bottom: 60px;
}

@media (max-width: 1200px) {
  .prm_231103 section a {
    width: 85%;
    left: 0;
    right: 0;
    bottom: 32px;
    margin: auto;
  }
  .prm_231103 section a img.btn_img_pc {
    display: none;
  }
  .prm_231103 section a img.btn_img_mo {
    display: block;
  }
  .prm_231103 .sec__prm-tit {
    padding: 100px 0 50px;
  }
  .prm_231103 .sec__prm-cont01 {
    margin: 0 auto;
  }
  .prm_231103 .link-area {
    max-width: 600px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
    margin-bottom: 120px;
  }
  .prm_231103 .link-area a {
    width: 100%;
  }
  .prm_231103 .link-area a.weekdays {
    margin-bottom: 20px;
  }
  .prm_231103 .link-area .btn_img_pc {
    display: none;
  }
  .prm_231103 .link-area .btn_img_mo {
    display: block;
  }
  .prm_231103 .sec__prm-cont02 {
    margin-top: 20px;
    padding: 0 12px;
  }
  .prm_231103 .sec__prm-cont03,
  .prm_231103 .sec__prm-cont04,
  .prm_231103 .sec__prm-cont05 {
    margin-top: 80px;
    padding: 0 12px;
  }
  .prm_231103 .sec__prm-cont06 {
    margin: 100px auto 0;
    padding: 0 12px;
  }
  .prm_231103 .sec__prm-cont07 {
    margin: 100px auto 80px;
    padding: 0 12px;
  }
  .prm_231103 .sec__prm-cont07 li:nth-child(1) {
    max-width: 298px;
    margin-bottom: 48px;
  }
  .prm_231103 .sec__prm-cont07 li:nth-child(2) {
    margin-bottom: 28px;
  }
}
.prm_231206 {
  background-color: #fcfbf7;
}
.prm_231206 img {
  width: 100%;
  margin: 0 auto;
}
.prm_231206 img.img_pc {
  max-width: 970px;
}
.prm_231206 img.img_mo {
  max-width: 600px;
}
.prm_231206 .sec__prm-tit {
  padding: 80px 0 120px;
}
.prm_231206 .sec__prm-tit .img_pc {
  max-width: 1170px;
}
.prm_231206 .sec__prm-cont01 {
  margin-top: 30px;
}
.prm_231206 .sec__prm-cont01 div {
  margin-bottom: 150px;
}
.prm_231206 .sec__prm-cont03 {
  padding: 150px 0 70px;
}
.prm_231206 .sec__prm-cont03 div {
  margin-bottom: 80px;
}
.prm_231206 .sec__prm-cont05 {
  margin: 120px auto 150px;
}
.prm_231206 .sec__prm-timetable .timetable_tit {
  margin-bottom: 80px;
}
.prm_231206 .sec__prm-timetable ul li {
  margin-bottom: 60px;
}
.prm_231206 .sec__prm-cont06 {
  padding: 37px 0;
  margin-top: 150px;
  background-color: var(--p-darken);
}
.prm_231206 .sec__prm-btn.offline {
  bottom: 340px;
}
.prm_231206 .sec__prm-btn.blended {
  bottom: 180px;
}
.prm_231206 .sec__prm-btn.online {
  bottom: 20px;
}
.prm_231206 .sec__prm-btn .btn-prm {
  width: 150px;
  height: 150px;
  background-color: #ff7a71;
  -webkit-box-shadow: -2px 2px 13px 2px rgba(255, 122, 113, 0.25);
          box-shadow: -2px 2px 13px 2px rgba(255, 122, 113, 0.25);
}
.prm_231206 .sec__prm-btn .btn-prm span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url("../img/prm_img/231206/btn_txt.png");
  background-repeat: no-repeat;
  background-size: 598px 69px;
}
.prm_231206 .sec__prm-btn .btn-prm.offline span {
  width: 122px;
  height: 69px;
  background-position: 0 0;
}
.prm_231206 .sec__prm-btn .btn-prm.blended span {
  width: 75px;
  height: 69px;
  background-position: -132px 0;
}
.prm_231206 .sec__prm-btn .btn-prm.online span {
  width: 102px;
  height: 69px;
  background-position: -217px 0;
}

@media (max-width: 1200px) {
  .prm_231206 .sec__prm-tit {
    padding: 40px 12px 80px;
  }
  .prm_231206 .sec__prm-cont01 {
    margin-top: 0;
  }
  .prm_231206 .sec__prm-cont01 div {
    margin-bottom: 80px;
  }
  .prm_231206 .sec__prm-cont02 {
    padding-top: 20px;
  }
  .prm_231206 .sec__prm-cont03 {
    padding: 100px 0 40px;
  }
  .prm_231206 .sec__prm-cont03 div {
    margin-bottom: 60px;
  }
  .prm_231206 .sec__prm-cont05 {
    margin: 100px auto 80px;
  }
  .prm_231206 .sec__prm-timetable .timetable_tit {
    margin-bottom: 60px;
  }
  .prm_231206 .sec__prm-timetable ul li {
    margin-bottom: 28px;
  }
  .prm_231206 .sec__prm-cont06 {
    padding: 0;
    margin-top: 100px;
  }
  .prm_231206 .sec__prm-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    left: unset;
    right: 12px;
  }
  .prm_231206 .sec__prm-btn.offline {
    bottom: 264px;
  }
  .prm_231206 .sec__prm-btn.blended {
    bottom: 142px;
  }
  .prm_231206 .sec__prm-btn .btn-prm {
    width: 110px;
    height: 110px;
    border-radius: 50%;
  }
  .prm_231206 .sec__prm-btn .btn-prm.offline span {
    width: 102px;
    height: 57px;
    background-position: -329px 0;
  }
  .prm_231206 .sec__prm-btn .btn-prm.blended span {
    width: 62px;
    height: 57px;
    background-position: -441px 0;
  }
  .prm_231206 .sec__prm-btn .btn-prm.online span {
    width: 85px;
    height: 57px;
    background-position: -513px 0;
  }
}
.prm_231207_final01 {
  background-color: #191919;
}
.prm_231207_final01 img {
  width: 100%;
  margin: 0 auto;
}
.prm_231207_final01 img.img_mo {
  max-width: 600px;
}
.prm_231207_final01 .sec__prm-tit {
  margin: 80px auto;
}
.prm_231207_final01 .sec__prm-tit .img_pc {
  max-width: 970px;
}
.prm_231207_final01 .sec__prm-subtit01 {
  padding: 30px 0;
  margin-bottom: 120px;
  background-color: #7b36fa;
}
.prm_231207_final01 .sec__prm-subtit01 .prm-subtit {
  width: 550px;
  height: 100px;
  margin: 0 auto;
  background-image: url("../img/prm_img/231207/final01/prm_sub_tit01.png");
  background-repeat: no-repeat;
  background-size: 550px 174px;
  background-position: 0 0;
}
.prm_231207_final01 .sec__prm-youtube {
  padding-bottom: 120px;
}
.prm_231207_final01 .sec__prm-youtube .prm-youtube-wrap {
  max-width: 970px;
  margin: 0 auto;
}
.prm_231207_final01 .sec__prm-youtube .prm-youtube-wrap div {
  position: relative;
  width: 100%;
  height: auto;
  padding-bottom: 56.25%;
}
.prm_231207_final01 .sec__prm-youtube .prm-youtube-wrap div iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.prm_231207_final01 .sec__prm-subtit02 {
  margin-bottom: 150px;
}
.prm_231207_final01 .sec__prm-subtit02 .prm-subtit {
  width: 529px;
  height: 160px;
  margin: 0 auto;
  background-image: url("../img/prm_img/231207/final01/prm_sub_tit02.png");
  background-repeat: no-repeat;
  background-size: 529px 270px;
  background-position: 0 0;
}
.prm_231207_final01 .sec__prm-timetable {
  padding: 100px 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#7b36f9), color-stop(58.37%, #915bfa));
  background: linear-gradient(180deg, #7b36f9 0%, #915bfa 58.37%);
}
.prm_231207_final01 .sec__prm-timetable .img_pc {
  max-width: 830px;
}
.prm_231207_final01 .sec__prm-cont01 {
  margin-top: 150px;
}
.prm_231207_final01 .sec__prm-cont01 .cont-tit {
  width: 650px;
  height: 205px;
  margin: 0 auto;
  background-image: url("../img/prm_img/231207/final01/prm_cont_tit.png");
  background-repeat: no-repeat;
  background-size: 650px 340px;
  background-position: 0 0;
}
.prm_231207_final01 .sec__prm-cont01 ul {
  margin: 100px auto 150px;
}
.prm_231207_final01 .sec__prm-cont01 ul li {
  margin-bottom: 60px;
}
.prm_231207_final01 .sec__prm-cont01 ul li a {
  display: block;
}
.prm_231207_final01 .sec__prm-cont01 ul li a .img_pc {
  max-width: 970px;
}
.prm_231207_final01 .sec__prm-cont01 ul li:last-child {
  margin-bottom: 0;
}
.prm_231207_final01 .sec__prm-bottom {
  padding: 10px 0;
  background-color: #7b36fa;
}
.prm_231207_final01 .sec__prm-bottom .prm-bottom {
  width: 104px;
  height: 60px;
  margin: 0 auto;
  background-image: url("../img/prm_img/231207/final01/prm_logo.png");
  background-repeat: no-repeat;
  background-size: 104px 118px;
  background-position: 0 0;
}
.prm_231207_final01 .btn-prm-video {
  background-color: #555;
}

@media (max-width: 1200px) {
  .prm_231207_final01 .sec__prm-tit {
    margin: 40px auto 60px;
  }
  .prm_231207_final01 .sec__prm-subtit01 {
    padding: 18px 0;
    margin-bottom: 80px;
  }
  .prm_231207_final01 .sec__prm-subtit01 .prm-subtit {
    width: 292px;
    height: 54px;
    background-position: 0 -120px;
  }
  .prm_231207_final01 .sec__prm-youtube {
    padding: 0 12px 80px;
  }
  .prm_231207_final01 .sec__prm-youtube .prm-youtube-wrap {
    max-width: 600px;
  }
  .prm_231207_final01 .sec__prm-subtit02 {
    margin-bottom: 100px;
  }
  .prm_231207_final01 .sec__prm-subtit02 .prm-subtit {
    width: 297px;
    height: 90px;
    background-position: 0 -180px;
  }
  .prm_231207_final01 .sec__prm-timetable {
    padding: 0;
  }
  .prm_231207_final01 .sec__prm-timetable .img_mo {
    max-width: 420px;
  }
  .prm_231207_final01 .sec__prm-cont01 {
    margin: 100px auto;
  }
  .prm_231207_final01 .sec__prm-cont01 .cont-tit {
    width: 362px;
    height: 115px;
    background-position: 0 -225px;
  }
  .prm_231207_final01 .sec__prm-cont01 ul {
    margin-top: 60px;
  }
  .prm_231207_final01 .sec__prm-cont01 ul li {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 0 24px;
    margin: 0 auto 40px;
  }
  .prm_231207_final01 .sec__prm-cont01 ul li a {
    max-width: 340px;
  }
  .prm_231207_final01 .sec__prm-bottom {
    padding: 6px 0;
  }
  .prm_231207_final01 .sec__prm-bottom .prm-bottom {
    width: 82px;
    height: 48px;
    background-position: 0 -70px;
  }
}
.prm_231207_final02 {
  background-color: #191919;
}
.prm_231207_final02 img {
  width: 100%;
  margin: 0 auto;
}
.prm_231207_final02 img.img_mo {
  max-width: 600px;
}
.prm_231207_final02 .sec__prm-tit {
  margin: 80px auto;
}
.prm_231207_final02 .sec__prm-tit .img_pc {
  max-width: 970px;
}
.prm_231207_final02 .sec__prm-subtit01 {
  padding: 30px 0;
  margin-bottom: 120px;
  background-color: #7b36fa;
}
.prm_231207_final02 .sec__prm-subtit01 .prm-subtit {
  width: 550px;
  height: 100px;
  margin: 0 auto;
  background-image: url("../img/prm_img/231207/final01/prm_sub_tit01.png");
  background-repeat: no-repeat;
  background-size: 550px 174px;
  background-position: 0 0;
}
.prm_231207_final02 .sec__prm-youtube {
  padding-bottom: 120px;
}
.prm_231207_final02 .sec__prm-youtube .prm-youtube-wrap {
  max-width: 970px;
  margin: 0 auto;
}
.prm_231207_final02 .sec__prm-youtube .prm-youtube-wrap div {
  position: relative;
  width: 100%;
  height: auto;
  padding-bottom: 56.25%;
}
.prm_231207_final02 .sec__prm-youtube .prm-youtube-wrap div iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.prm_231207_final02 .sec__prm-subtit02 {
  margin-bottom: 80px;
}
.prm_231207_final02 .sec__prm-subtit02 .prm-subtit {
  width: 529px;
  height: 160px;
  margin: 0 auto;
  background-image: url("../img/prm_img/231207/final01/prm_sub_tit02.png");
  background-repeat: no-repeat;
  background-size: 529px 270px;
  background-position: 0 0;
}
.prm_231207_final02 .sec__prm-cont01 {
  margin-bottom: 150px;
}
.prm_231207_final02 .sec__prm-cont01 .img_pc {
  max-width: 830px;
}
.prm_231207_final02 .sec__prm-cont02 {
  margin-bottom: 150px;
}
.prm_231207_final02 .sec__prm-cont02 .img_pc {
  max-width: 830px;
}
.prm_231207_final02 .sec__prm-cont03 {
  margin-bottom: 150px;
}
.prm_231207_final02 .sec__prm-cont03 .cont-tit {
  width: 482px;
  height: 132px;
  margin: 0 auto;
  background-image: url("../img/prm_img/231207/final02/prm_cont_tit.png");
  background-repeat: no-repeat;
  background-size: 520px 319px;
  background-position: 0 0;
}
.prm_231207_final02 .sec__prm-cont03 .cont-img {
  position: relative;
  margin-top: 80px;
  z-index: 1;
}
.prm_231207_final02 .sec__prm-cont03 .cont-img .img_pc {
  max-width: 540px;
}
.prm_231207_final02 .sec__prm-cont03 .cont-img::after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  top: 50%;
  left: 0;
  background-color: var(--white);
  z-index: -1;
}
.prm_231207_final02 .sec__prm-timetable {
  padding: 100px 0;
  margin-bottom: 150px;
  background: -webkit-gradient(linear, left top, left bottom, from(#7b36f9), color-stop(58.37%, #915bfa));
  background: linear-gradient(180deg, #7b36f9 0%, #915bfa 58.37%);
}
.prm_231207_final02 .sec__prm-timetable .img_pc {
  max-width: 830px;
}
.prm_231207_final02 .sec__prm-cont04 {
  margin-bottom: 150px;
}
.prm_231207_final02 .sec__prm-cont04 .cont-tit {
  width: 520px;
  height: 55px;
  margin: 0 auto;
  background-image: url("../img/prm_img/231207/final02/prm_cont_tit.png");
  background-repeat: no-repeat;
  background-size: 520px 319px;
  background-position: 0 -220px;
}
.prm_231207_final02 .sec__prm-cont04 ul {
  max-width: 820px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 100px auto 0;
}
.prm_231207_final02 .sec__prm-cont04 ul li a {
  display: block;
}
.prm_231207_final02 .sec__prm-cont04 ul li a .img_pc {
  max-width: 378px;
}
.prm_231207_final02 .sec__prm-cont05 {
  margin-bottom: 150px;
}
.prm_231207_final02 .sec__prm-cont05 .img_pc {
  max-width: 965px;
}
.prm_231207_final02 .sec__prm-bottom {
  padding: 10px 0;
  background-color: #7b36fa;
}
.prm_231207_final02 .sec__prm-bottom .prm-bottom {
  width: 104px;
  height: 60px;
  margin: 0 auto;
  background-image: url("../img/prm_img/231207/final01/prm_logo.png");
  background-repeat: no-repeat;
  background-size: 104px 118px;
  background-position: 0 0;
}
.prm_231207_final02 .btn-prm-video {
  background-color: #555;
}

@media (max-width: 1200px) {
  .prm_231207_final02 .sec__prm-tit {
    margin: 40px auto 60px;
  }
  .prm_231207_final02 .sec__prm-subtit01 {
    padding: 18px 0;
    margin-bottom: 80px;
  }
  .prm_231207_final02 .sec__prm-subtit01 .prm-subtit {
    width: 292px;
    height: 54px;
    background-position: 0 -120px;
  }
  .prm_231207_final02 .sec__prm-youtube {
    padding: 0 12px 80px;
  }
  .prm_231207_final02 .sec__prm-youtube .prm-youtube-wrap {
    max-width: 600px;
  }
  .prm_231207_final02 .sec__prm-subtit02 {
    margin-bottom: 60px;
  }
  .prm_231207_final02 .sec__prm-subtit02 .prm-subtit {
    width: 297px;
    height: 90px;
    background-position: 0 -180px;
  }
  .prm_231207_final02 .sec__prm-cont01 {
    padding: 0 12px;
    margin-bottom: 80px;
  }
  .prm_231207_final02 .sec__prm-cont02 {
    padding: 0 12px;
    margin-bottom: 100px;
  }
  .prm_231207_final02 .sec__prm-cont03 {
    margin-bottom: 100px;
  }
  .prm_231207_final02 .sec__prm-cont03 .cont-tit {
    width: 260px;
    height: 70px;
    background-position: 0 -140px;
  }
  .prm_231207_final02 .sec__prm-cont03 .cont-img {
    margin-top: 60px;
  }
  .prm_231207_final02 .sec__prm-cont03 .cont-img::after {
    height: 2px;
  }
  .prm_231207_final02 .sec__prm-timetable {
    padding: 0;
    margin-bottom: 100px;
  }
  .prm_231207_final02 .sec__prm-timetable .img_mo {
    max-width: 420px;
  }
  .prm_231207_final02 .sec__prm-cont04 {
    margin-bottom: 100px;
  }
  .prm_231207_final02 .sec__prm-cont04 .cont-tit {
    width: 293px;
    height: 34px;
    background-position: 0 -285px;
  }
  .prm_231207_final02 .sec__prm-cont04 ul {
    max-width: 340px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 60px;
  }
  .prm_231207_final02 .sec__prm-cont04 ul li:first-child {
    margin-bottom: 40px;
  }
  .prm_231207_final02 .sec__prm-cont05 {
    margin-bottom: 100px;
  }
  .prm_231207_final02 .sec__prm-cont05 .img_mo {
    max-width: 390px;
  }
  .prm_231207_final02 .sec__prm-bottom {
    padding: 6px 0;
  }
  .prm_231207_final02 .sec__prm-bottom .prm-bottom {
    width: 82px;
    height: 48px;
    background-position: 0 -70px;
  }
}
.sec__prm-youtube {
  padding-bottom: 120px;
}
.sec__prm-youtube .prm-youtube-wrap {
  max-width: 970px;
  margin: 0 auto;
}
.sec__prm-youtube .prm-youtube-wrap div {
  position: relative;
  width: 100%;
  height: auto;
  padding-bottom: 56.25%;
}
.sec__prm-youtube .prm-youtube-wrap div iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 1200px) {
  .sec__prm-youtube {
    padding: 0 12px 80px;
  }
  .sec__prm-youtube .prm-youtube-wrap {
    max-width: 390px;
  }
}

.prm_231218 {
  background-color: #f9f9f9;
}
.prm_231218 img {
  width: 100%;
  margin: auto;
}
.prm_231218 img.img_pc {
  max-width: 970px;
}
.prm_231218 img.img_mo {
  max-width: 390px;
}
.prm_231218 .sec__prm-tit {
  padding: 80px 0 40px;
}
.prm_231218 .sec__prm-tit .img_pc {
  max-width: 1170px;
}
.prm_231218 .sec__prm-notice {
  margin-bottom: 40px;
}
.prm_231218 .sec__prm-notice .img_pc {
  max-width: 1170px;
}
.prm_231218 .sec__prm-cont {
  margin-bottom: 150px;
}
.prm_231218 .sec__prm-cont .prm_subtit {
  height: 48px;
  margin: 0 auto 80px;
  background-image: url("../img/prm_img/231218/prm_subtit.png");
  background-repeat: no-repeat;
  background-size: 677px 898px;
}
.prm_231218 .sec__prm-cont.cont01 .prm_subtit {
  width: 601px;
  background-position: 0 0;
}
.prm_231218 .sec__prm-cont.cont02 .prm_subtit {
  width: 662px;
  background-position: 0 -58px;
}
.prm_231218 .sec__prm-cont.cont02 .prm_prof_list li {
  margin-bottom: 60px;
}
.prm_231218 .sec__prm-cont.cont02 .prm_prof_list li .img_pc {
  max-width: 910px;
}
.prm_231218 .sec__prm-cont.cont02 .prm_prof_list li:last-child {
  margin-bottom: 0;
}
.prm_231218 .sec__prm-cont.cont03 .prm_subtit {
  width: 178px;
  background-position: 0 -116px;
}
.prm_231218 .sec__prm-cont.cont04 .prm_subtit {
  width: 124px;
  background-position: 0 -174px;
}
.prm_231218 .sec__prm-cont.cont05 .prm_subtit {
  width: 401px;
  background-position: 0 -232px;
}
.prm_231218 .sec__prm-cont.cont06 .prm_subtit {
  width: 637px;
  background-position: 0 -366px;
}
.prm_231218 .sec__prm-cont.cont06 .prm_dna_list li {
  margin-bottom: 80px;
}
.prm_231218 .sec__prm-cont.cont06 .prm_dna_list li:last-child {
  margin-bottom: 0;
}
.prm_231218 .sec__prm-cont.cont07 .prm_subtit {
  width: 677px;
  background-position: 0 -424px;
}
.prm_231218 .sec__prm-cont.cont07 ul li:first-child {
  margin-bottom: 60px;
}
.prm_231218 .sec__prm_bt_tit {
  padding: 37px 0;
  margin-top: 150px;
  background-color: var(--p-darken);
}
.prm_231218 .sec__prm-btn.class01 {
  bottom: 210px;
}
.prm_231218 .sec__prm-btn.class02 {
  bottom: 40px;
}
.prm_231218 .sec__prm-btn .btn-prm {
  width: 150px;
  height: 150px;
  background-color: #def0e1;
  border: 1px solid #295b31;
  -webkit-box-shadow: 0px 2px 7px 0px rgba(56, 77, 59, 0.6);
          box-shadow: 0px 2px 7px 0px rgba(56, 77, 59, 0.6);
}
.prm_231218 .sec__prm-btn .btn-prm span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url("../img/prm_img/231218/btn_prm.png");
  background-repeat: no-repeat;
  background-size: 93px 310px;
}
.prm_231218 .sec__prm-btn .btn-prm.class01 span {
  width: 93px;
  height: 80px;
  background-position: 0 0;
}
.prm_231218 .sec__prm-btn .btn-prm.class02 span {
  width: 92px;
  height: 80px;
  background-position: 0 -90px;
}

@media (max-width: 1200px) {
  .prm_231218 .sec__prm-tit {
    padding: 40px 12px 40px;
  }
  .prm_231218 .sec__prm-notice {
    padding: 0 12px;
  }
  .prm_231218 .sec__prm-cont {
    margin-bottom: 100px;
  }
  .prm_231218 .sec__prm-cont .prm_subtit {
    height: 28px;
    margin-bottom: 60px;
  }
  .prm_231218 .sec__prm-cont.cont01 .prm_subtit {
    width: 351px;
    background-position: 0 -482px;
  }
  .prm_231218 .sec__prm-cont.cont02 .prm_subtit {
    width: 226px;
    height: 68px;
    background-position: 0 -520px;
  }
  .prm_231218 .sec__prm-cont.cont02 .prm_prof_list li {
    margin-bottom: 48px;
  }
  .prm_231218 .sec__prm-cont.cont03 .prm_subtit {
    width: 104px;
    background-position: 0 -598px;
  }
  .prm_231218 .sec__prm-cont.cont04 .prm_subtit {
    width: 72px;
    background-position: 0 -636px;
  }
  .prm_231218 .sec__prm-cont.cont05 .prm_subtit {
    width: 234px;
    height: 68px;
    background-position: 0 -674px;
  }
  .prm_231218 .sec__prm-cont.cont06 .prm_subtit {
    width: 268px;
    height: 68px;
    background-position: 0 -752px;
  }
  .prm_231218 .sec__prm-cont.cont06 .prm_dna_list li {
    margin-bottom: 80px;
  }
  .prm_231218 .sec__prm-cont.cont06 .prm_dna_list li:last-child {
    margin-bottom: 0;
  }
  .prm_231218 .sec__prm-cont.cont07 .prm_subtit {
    width: 234px;
    background-position: 0 -830px;
  }
  .prm_231218 .sec__prm-cont.cont07 ul li:first-child {
    margin-bottom: 28px;
  }
  .prm_231218 .sec__prm_bt_tit {
    padding: 0;
    margin-top: 100px;
  }
  .prm_231218 .sec__prm-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    left: unset;
    right: 12px;
  }
  .prm_231218 .sec__prm-btn.class01 {
    bottom: 160px;
  }
  .prm_231218 .sec__prm-btn .btn-prm {
    width: 110px;
    height: 110px;
    border-radius: 50%;
  }
  .prm_231218 .sec__prm-btn .btn-prm.class01 span {
    width: 78px;
    height: 60px;
    background-position: 0 -180px;
  }
  .prm_231218 .sec__prm-btn .btn-prm.class02 span {
    width: 80px;
    height: 60px;
    background-position: 0 -250px;
  }
}
.prm_240205 {
  background-color: #f9f9f9;
}
.prm_240205 img {
  width: 100%;
  margin: auto;
}
.prm_240205 img.img_pc {
  max-width: 970px;
}
.prm_240205 img.img_mo {
  max-width: 390px;
}
.prm_240205 .sec__prm-tit {
  padding: 80px 0 120px;
}
.prm_240205 .sec__prm-tit .img_pc {
  max-width: 1170px;
}
.prm_240205 .sec__prm-cont {
  margin-bottom: 150px;
}
.prm_240205 .sec__prm-cont .prm_subtit {
  height: 40px;
  margin: 0 auto 60px;
  background-repeat: no-repeat;
}
.prm_240205 .sec__prm-cont.schedule {
  margin-bottom: 100px;
}
.prm_240205 .sec__prm-cont.professor {
  position: relative;
  margin-bottom: 100px;
}
.prm_240205 .sec__prm-cont.professor .prm_subtit {
  position: absolute;
  top: 80px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin: 0;
}
.prm_240205 .sec__prm-cont.feature ul li:first-child {
  margin-bottom: 150px;
}

.prm_240205.cpa .sec__prm-cont .prm_subtit {
  background-image: url("../img/prm_img/240205/cpa/prm_subtit.png");
  background-size: 724px 674px;
}
.prm_240205.cpa .sec__prm-cont.schedule .prm_subtit {
  width: 169px;
  background-position: 0 0;
}
.prm_240205.cpa .sec__prm-cont.professor .prm_subtit {
  width: 290px;
  background-position: 0 -60px;
}
.prm_240205.cpa .sec__prm-cont.feature .prm_subtit {
  width: 500px;
  height: 112px;
  background-position: 0 -120px;
}
.prm_240205.cpa .sec__prm-cont.booklist .prm_subtit {
  width: 169px;
  background-position: 0 -252px;
}
.prm_240205.cpa .sec__prm-cont.timetable .prm_subtit {
  width: 724px;
  background-position: 0 -312px;
}
.prm_240205.cpa .sec__prm-btn .btn-prm {
  background-color: #ff627e;
  -webkit-box-shadow: -2px 2px 13px 2px rgba(255, 98, 126, 0.25);
          box-shadow: -2px 2px 13px 2px rgba(255, 98, 126, 0.25);
}
.prm_240205.cta .sec__prm-cont .prm_subtit {
  background-image: url("../img/prm_img/240205/cta/prm_subtit.png");
  background-size: 634px 780px;
}
.prm_240205.cta .sec__prm-cont.schedule .prm_subtit {
  width: 169px;
  background-position: 0 0;
}
.prm_240205.cta .sec__prm-cont.price .prm_subtit {
  width: 119px;
  margin-bottom: 50px;
  background-position: 0 -60px;
}
.prm_240205.cta .sec__prm-cont.professor .prm_subtit {
  width: 290px;
  background-position: 0 -120px;
}
.prm_240205.cta .sec__prm-cont.feature .prm_subtit {
  width: 500px;
  height: 112px;
  background-position: 0 -180px;
}
.prm_240205.cta .sec__prm-cont.booklist .prm_subtit {
  width: 169px;
  background-position: 0 -312px;
}
.prm_240205.cta .sec__prm-cont.timetable .prm_subtit {
  width: 634px;
  background-position: 0 -372px;
}
.prm_240205.cta .sec__prm-btn.class01 {
  bottom: 210px;
}
.prm_240205.cta .sec__prm-btn.class02 {
  bottom: 40px;
}
.prm_240205.cta .sec__prm-btn .btn-prm {
  width: 150px;
  height: 150px;
  background-color: #ffefb7;
  border: 1px solid #3f7731;
  -webkit-box-shadow: 0px 2px 7px 0px rgba(63, 119, 49, 0.3);
          box-shadow: 0px 2px 7px 0px rgba(63, 119, 49, 0.3);
}
.prm_240205.cta .sec__prm-btn .btn-prm span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url("../img/prm_img/240205/cta/btn_prm.png");
  background-repeat: no-repeat;
  background-size: 93px 310px;
}
.prm_240205.cta .sec__prm-btn .btn-prm.class01 span {
  width: 93px;
  height: 80px;
  background-position: 0 0;
}
.prm_240205.cta .sec__prm-btn .btn-prm.class02 span {
  width: 92px;
  height: 80px;
  background-position: 0 -90px;
}

@media (max-width: 1200px) {
  .prm_240205 .sec__prm-tit {
    padding: 40px 0 80px;
  }
  .prm_240205 .sec__prm-cont {
    margin-bottom: 100px;
  }
  .prm_240205 .sec__prm-cont .prm_subtit {
    height: 26px;
    margin: 0 auto 40px;
  }
  .prm_240205 .sec__prm-cont.professor .prm_subtit {
    position: static;
    -webkit-transform: unset;
            transform: unset;
    margin: 0 auto 40px;
  }
  .prm_240205 .sec__prm-cont.feature ul li:first-child {
    margin-bottom: 100px;
  }
  .prm_240205.cpa .sec__prm-cont.schedule .prm_subtit {
    width: 110px;
    background-position: 0 -372px;
  }
  .prm_240205.cpa .sec__prm-cont.professor .prm_subtit {
    width: 189px;
    background-position: 0 -418px;
  }
  .prm_240205.cpa .sec__prm-cont.feature .prm_subtit {
    width: 325px;
    height: 72px;
    background-position: 0 -464px;
  }
  .prm_240205.cpa .sec__prm-cont.booklist .prm_subtit {
    width: 110px;
    background-position: 0 -556px;
  }
  .prm_240205.cpa .sec__prm-cont.timetable .prm_subtit {
    width: 245px;
    height: 72px;
    background-position: 0 -602px;
  }
  .prm_240205.cta .sec__prm-cont.schedule .prm_subtit {
    width: 110px;
    background-position: 0 -432px;
  }
  .prm_240205.cta .sec__prm-cont.price .prm_subtit {
    width: 77px;
    margin-bottom: 40px;
    background-position: 0 -478px;
  }
  .prm_240205.cta .sec__prm-cont.professor .prm_subtit {
    width: 189px;
    background-position: 0 -524px;
  }
  .prm_240205.cta .sec__prm-cont.feature .prm_subtit {
    width: 325px;
    height: 72px;
    background-position: 0 -570px;
  }
  .prm_240205.cta .sec__prm-cont.booklist .prm_subtit {
    width: 110px;
    background-position: 0 -662px;
  }
  .prm_240205.cta .sec__prm-cont.timetable .prm_subtit {
    width: 245px;
    height: 72px;
    background-position: 0 -708px;
  }
  .prm_240205.cta .sec__prm-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    left: unset;
    right: 12px;
  }
  .prm_240205.cta .sec__prm-btn.class01 {
    bottom: 160px;
  }
  .prm_240205.cta .sec__prm-btn .btn-prm {
    width: 110px;
    height: 110px;
    border-radius: 50%;
  }
  .prm_240205.cta .sec__prm-btn .btn-prm.class01 span {
    width: 78px;
    height: 60px;
    background-position: 0 -180px;
  }
  .prm_240205.cta .sec__prm-btn .btn-prm.class02 span {
    width: 80px;
    height: 60px;
    background-position: 0 -250px;
  }
}
.prm_240208 {
  background-color: #e9e9e9;
}
.prm_240208 img {
  width: 100%;
  margin: auto;
}
.prm_240208 .sec__prm-tit {
  position: relative;
  padding-bottom: 180px;
  overflow: hidden;
}
.prm_240208 .sec__prm-tit::before {
  content: "";
  position: relative;
  top: -50px;
  left: -20%;
  display: block;
  width: 200%;
  height: 1050px;
  background-color: #000644;
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
}
.prm_240208 .sec__prm-tit img {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.prm_240208 .sec__prm-tit .img_pc {
  max-width: 1170px;
}
.prm_240208 .sec__prm-cont .img_pc {
  max-width: 1170px;
}
.prm_240208 .sec__prm-cont.prm-txt .img_pc {
  max-width: 970px;
}
.prm_240208 .sec__prm-cont.btn-area {
  position: relative;
}
.prm_240208 .sec__prm-cont.btn-area .sec__btn-list {
  position: absolute;
  bottom: 130px;
  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;
}
.prm_240208 .sec__prm-cont.btn-area .sec__btn-list li {
  width: 310px;
  height: 129px;
}
.prm_240208 .sec__prm-cont.btn-area .sec__btn-list li a {
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100%;
}
.prm_240208 .sec__prm-cont.btn-area .sec__btn-list li:nth-child(1) {
  margin-right: 20px;
}
.prm_240208 .sec__prm-cont.btn-area .sec__btn-list li:nth-child(1) a {
  background-image: url("../img/prm_img/240208/btn_class01.png");
}
.prm_240208 .sec__prm-cont.btn-area .sec__btn-list li:nth-child(2) {
  margin-right: 20px;
}
.prm_240208 .sec__prm-cont.btn-area .sec__btn-list li:nth-child(2) a {
  background-image: url("../img/prm_img/240208/btn_class02.png");
}
.prm_240208 .sec__prm-cont.btn-area .sec__btn-list li:nth-child(3) a {
  background-image: url("../img/prm_img/240208/btn_class03.png");
}

@media (max-width: 1200px) {
  .prm_240208 .img_mo {
    max-width: 390px;
  }
  .prm_240208 .sec__prm-tit {
    padding-bottom: 0;
  }
  .prm_240208 .sec__prm-tit::before {
    top: -50px;
    left: -20%;
    width: 200%;
    height: 360px;
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  .prm_240208 .sec__prm-tit img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .prm_240208 .sec__prm-cont.btn-area .sec__btn-list {
    bottom: 65px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .prm_240208 .sec__prm-cont.btn-area .sec__btn-list li {
    width: 250px;
    height: 50px;
  }
  .prm_240208 .sec__prm-cont.btn-area .sec__btn-list li:nth-child(1) {
    margin-right: 0;
    margin-bottom: 12px;
  }
  .prm_240208 .sec__prm-cont.btn-area .sec__btn-list li:nth-child(1) a {
    background-image: url("../img/prm_img/240208/btn_class01_mo.png");
  }
  .prm_240208 .sec__prm-cont.btn-area .sec__btn-list li:nth-child(2) {
    margin-right: 0;
    margin-bottom: 12px;
  }
  .prm_240208 .sec__prm-cont.btn-area .sec__btn-list li:nth-child(2) a {
    background-image: url("../img/prm_img/240208/btn_class02_mo.png");
  }
  .prm_240208 .sec__prm-cont.btn-area .sec__btn-list li:nth-child(3) a {
    background-image: url("../img/prm_img/240208/btn_class03_mo.png");
  }
}
@media (max-width: 380px) {
  .prm_240208 .sec__prm-cont.btn-area .sec__btn-list {
    bottom: 55px;
  }
}
.prm_layout img {
  width: 100%;
  margin: auto;
}
.prm_layout img.img_pc {
  max-width: 970px;
}
.prm_layout img.img_mo {
  max-width: 390px;
}
.prm_layout .sec__prm-tit {
  padding: 80px 0 120px;
}
.prm_layout .sec__prm-tit .img_pc {
  max-width: 1170px;
}
.prm_layout .sec__prm-cont .prm_subtit {
  margin: 0 auto 60px;
  background-repeat: no-repeat;
}

@media (max-width: 1200px) {
  .prm_layout .sec__prm-tit {
    padding: 40px 0 80px;
  }
  .prm_layout .sec__prm-cont .prm_subtit {
    margin: 0 auto 40px;
  }
}
.prm_240214 {
  background-color: #fffdf3;
}
.prm_240214 .sec__prm-tit .img_pc {
  max-width: 770px;
}
.prm_240214 .sec__prm-cont {
  margin-bottom: 120px;
}
.prm_240214 .sec__prm-cont .prm_subtit {
  height: 48px;
  background-image: url("../img/prm_img/240214/prm_subtit.png");
  background-size: 859px 654px;
}
.prm_240214 .sec__prm-cont.schedule .prm_subtit {
  width: 165px;
  background-position: 0 0;
}
.prm_240214 .sec__prm-cont.price .prm_subtit {
  width: 114px;
  background-position: 0 -58px;
}
.prm_240214 .sec__prm-cont.price .img_pc {
  max-width: 900px;
}
.prm_240214 .sec__prm-cont.feature {
  margin-bottom: 100px;
}
.prm_240214 .sec__prm-cont.feature .prm_subtit {
  width: 546px;
  background-position: 0 -116px;
}
.prm_240214 .sec__prm-cont.professor {
  position: relative;
  margin-bottom: 100px;
}
.prm_240214 .sec__prm-cont.professor .prm_subtit {
  position: absolute;
  top: 80px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin: 0;
  width: 290px;
  background-position: 0 -174px;
}
.prm_240214 .sec__prm-cont.dna .prm_subtit {
  width: 859px;
  margin-bottom: 80px;
  background-position: 0 -232px;
}
.prm_240214 .sec__prm-cont.dna ul li .img_pc {
  max-width: 1070px;
}
.prm_240214 .sec__prm-cont.dna ul li:nth-child(1) {
  margin-bottom: 120px;
}
.prm_240214 .sec__prm-cont.timetable {
  margin-bottom: 150px;
}
.prm_240214 .sec__prm-cont.timetable .prm_subtit {
  width: 698px;
  margin-bottom: 80px;
  background-position: 0 -290px;
}
.prm_240214 .sec__prm-cont.timetable ul li {
  margin-bottom: 60px;
}
.prm_240214 .sec__prm-cont.timetable ul li.timetable-summary {
  margin-bottom: 100px;
}
.prm_240214 .sec__prm-btn .btn-prm {
  width: 150px;
  height: 150px;
  background-color: #21486d;
  -webkit-box-shadow: -2px 2px 13px 2px rgba(33, 72, 109, 0.25);
          box-shadow: -2px 2px 13px 2px rgba(33, 72, 109, 0.25);
}
.prm_240214 .sec__prm-btn .btn-prm span {
  background-repeat: no-repeat;
}
.prm_240214 .sec__prm-btn.timetable {
  bottom: 210px;
}
.prm_240214 .sec__prm-btn.timetable span {
  width: 72px;
  height: 56px;
  background-image: url("../img/prm_img/240214/prm_timetable_btn.png");
  background-size: 72px 110px;
  background-position: 0 0;
}
.prm_240214 .sec__prm-btn.class span {
  width: 72px;
  height: 56px;
  background-image: url("../img/prm_img/240214/prm_btntxt.png");
  background-size: 72px 110px;
  background-position: 0 0;
}

@media (max-width: 1200px) {
  .prm_240214 .sec__prm-cont {
    margin-bottom: 100px;
  }
  .prm_240214 .sec__prm-cont .prm_subtit {
    height: 28px;
  }
  .prm_240214 .sec__prm-cont.schedule .prm_subtit {
    width: 96px;
    background-position: 0 -348px;
  }
  .prm_240214 .sec__prm-cont.price .prm_subtit {
    width: 67px;
    background-position: 0 -386px;
  }
  .prm_240214 .sec__prm-cont.feature .prm_subtit {
    width: 318px;
    background-position: 0 -424px;
  }
  .prm_240214 .sec__prm-cont.professor .prm_subtit {
    position: static;
    top: unset;
    left: unset;
    -webkit-transform: unset;
            transform: unset;
    margin: 0 auto 40px;
    width: 169px;
    background-position: 0 -462px;
  }
  .prm_240214 .sec__prm-cont.dna .prm_subtit {
    width: 315px;
    height: 72px;
    margin-bottom: 40px;
    background-position: 0 -500px;
  }
  .prm_240214 .sec__prm-cont.dna ul li:nth-child(1) {
    margin-bottom: 100px;
  }
  .prm_240214 .sec__prm-cont.timetable {
    margin-bottom: 100px;
  }
  .prm_240214 .sec__prm-cont.timetable .prm_subtit {
    width: 221px;
    height: 72px;
    margin-bottom: 40px;
    background-position: 0 -582px;
  }
  .prm_240214 .sec__prm-cont.timetable ul li {
    margin-bottom: 28px;
  }
  .prm_240214 .sec__prm-cont.timetable ul li.timetable-summary {
    margin-bottom: 60px;
  }
  .prm_240214 .sec__prm-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    left: unset;
    right: 12px;
  }
  .prm_240214 .sec__prm-btn .btn-prm {
    width: 110px;
    height: 110px;
    border-radius: 50%;
  }
  .prm_240214 .sec__prm-btn.timetable {
    bottom: 160px;
  }
  .prm_240214 .sec__prm-btn.timetable span {
    width: 58px;
    height: 44px;
    background-position: 0 -66px;
  }
  .prm_240214 .sec__prm-btn.class {
    bottom: 40px;
  }
  .prm_240214 .sec__prm-btn.class span {
    width: 58px;
    height: 44px;
    background-size: 72px 110px;
    background-position: 0 -66px;
  }
}
.studylab-tutoring_2402 {
  margin-bottom: 150px;
}
.studylab-tutoring_2402 .sec__prm-youtube {
  padding-bottom: 60px;
}
.studylab-tutoring_2402 ul li {
  margin-bottom: 60px;
}
.studylab-tutoring_2402 ul li:last-child {
  margin-bottom: 0;
}

@media (max-width: 1200px) {
  .studylab-tutoring_2402 {
    margin-bottom: 100px;
  }
  .studylab-tutoring_2402 .sec__prm-youtube {
    padding-bottom: 40px;
  }
  .studylab-tutoring_2402 ul li {
    margin-bottom: 48px;
  }
}
.prm_240223_cta {
  background-color: #f9f9f9;
}
.prm_240223_cta .sec__prm-tit .img_pc {
  max-width: 720px;
}
.prm_240223_cta .sec__prm-cont {
  margin-bottom: 120px;
}
.prm_240223_cta .sec__prm-cont .prm_subtit {
  height: 48px;
  background-image: url("../img/prm_img/240223/cta/prm_subtit.png");
  background-size: 694px 610px;
}
.prm_240223_cta .sec__prm-cont.schedule .prm_subtit {
  width: 165px;
  background-position: 0 0;
}
.prm_240223_cta .sec__prm-cont.price .prm_subtit {
  width: 114px;
  background-position: 0 -58px;
}
.prm_240223_cta .sec__prm-cont.price .img_pc {
  max-width: 900px;
}
.prm_240223_cta .sec__prm-cont.feature .prm_subtit {
  width: 546px;
  background-position: 0 -116px;
}
.prm_240223_cta .sec__prm-cont.professor .prm_subtit {
  width: 289px;
  background-position: 0 -174px;
}
.prm_240223_cta .sec__prm-cont.professor .img_pc {
  max-width: 950px;
}
.prm_240223_cta .sec__prm-cont.timetable .prm_subtit {
  width: 694px;
  background-position: 0 -232px;
}
.prm_240223_cta .sec__prm-cont.timetable ul li {
  margin-bottom: 40px;
}
.prm_240223_cta .sec__prm-cont.timetable ul li.timetable-summary {
  margin-bottom: 80px;
}
.prm_240223_cta .sec__prm-cont.studylab-tutoring_2402 .prm_subtit {
  width: 274px;
  background-position: 0 -290px;
}
.prm_240223_cta .sec__prm-btn .btn-prm {
  width: 150px;
  height: 150px;
  background-color: #b1def1;
  border: 1px solid #226bae;
  -webkit-box-shadow: -2px 2px 13px 2px rgba(14, 59, 101, 0.25);
          box-shadow: -2px 2px 13px 2px rgba(14, 59, 101, 0.25);
}
.prm_240223_cta .sec__prm-btn .btn-prm span {
  background-image: url("../img/prm_img/240223/cta/prm_btntxt.png?ver=1");
  background-size: 94px 322px;
}
.prm_240223_cta .sec__prm-btn.timetable {
  bottom: 340px;
}
.prm_240223_cta .sec__prm-btn.timetable .btn-prm span {
  width: 72px;
  height: 56px;
  background-image: url("../img/prm_img/240223/cta/prm_timetable_btn.png");
  background-size: 72px 110px;
  background-position: 0 0;
}
.prm_240223_cta .sec__prm-btn.class01 {
  bottom: 180px;
}
.prm_240223_cta .sec__prm-btn.class01 .btn-prm span {
  width: 91px;
  height: 82px;
  background-position: 0 0;
}
.prm_240223_cta .sec__prm-btn.class02 {
  bottom: 20px;
}
.prm_240223_cta .sec__prm-btn.class02 .btn-prm span {
  width: 94px;
  height: 82px;
  background-position: 0 -92px;
}

@media (max-width: 1200px) {
  .prm_240223_cta .sec__prm-cont {
    margin-bottom: 100px;
  }
  .prm_240223_cta .sec__prm-cont .prm_subtit {
    height: 28px;
  }
  .prm_240223_cta .sec__prm-cont.schedule .prm_subtit {
    width: 96px;
    background-position: 0 -348px;
  }
  .prm_240223_cta .sec__prm-cont.price .prm_subtit {
    width: 67px;
    background-position: 0 -386px;
  }
  .prm_240223_cta .sec__prm-cont.feature .prm_subtit {
    width: 318px;
    background-position: 0 -424px;
  }
  .prm_240223_cta .sec__prm-cont.professor .prm_subtit {
    width: 169px;
    background-position: 0 -462px;
  }
  .prm_240223_cta .sec__prm-cont.timetable .prm_subtit {
    width: 221px;
    height: 72px;
    background-position: 0 -500px;
  }
  .prm_240223_cta .sec__prm-cont.timetable ul li {
    margin-bottom: 28px;
  }
  .prm_240223_cta .sec__prm-cont.timetable ul li.timetable-summary {
    margin-bottom: 60px;
  }
  .prm_240223_cta .sec__prm-cont.studylab-tutoring_2402 .prm_subtit {
    width: 160px;
    background-position: 0 -582px;
  }
  .prm_240223_cta .sec__prm-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    left: unset;
    right: 12px;
  }
  .prm_240223_cta .sec__prm-btn .btn-prm {
    width: 110px;
    height: 110px;
    border-radius: 50%;
  }
  .prm_240223_cta .sec__prm-btn.timetable {
    bottom: 264px;
  }
  .prm_240223_cta .sec__prm-btn.timetable .btn-prm span {
    width: 58px;
    height: 44px;
    background-position: 0 -66px;
  }
  .prm_240223_cta .sec__prm-btn.class01 {
    bottom: 142px;
  }
  .prm_240223_cta .sec__prm-btn.class01 .btn-prm span {
    width: 77px;
    height: 64px;
    background-position: 0 -184px;
  }
  .prm_240223_cta .sec__prm-btn.class02 .btn-prm span {
    width: 79px;
    height: 64px;
    background-position: 0 -258px;
  }
}
.prm_240223_cpa01 {
  background-color: #16161d;
}
.prm_240223_cpa01 .sec__prm-tit {
  padding: 100px 0 80px;
}
.prm_240223_cpa01 .sec__prm-tit .img_pc {
  max-width: 495px;
}
.prm_240223_cpa01 .sec__prm-cont {
  margin-bottom: 120px;
}
.prm_240223_cpa01 .sec__prm-cont .prm_subtit {
  height: 40px;
  background-image: url("../img/prm_img/240223/cpa01/prm_subtit.png");
  background-size: 645px 694px;
}
.prm_240223_cpa01 .sec__prm-cont.composition .prm_subtit {
  width: 645px;
  background-position: 0 0;
}
.prm_240223_cpa01 .sec__prm-cont.timetable .prm_subtit {
  width: 514px;
  background-position: 0 -50px;
}
.prm_240223_cpa01 .sec__prm-cont.timetable ul li {
  margin-bottom: 40px;
}
.prm_240223_cpa01 .sec__prm-cont.timetable ul li.timetable-summary {
  margin-bottom: 80px;
}
.prm_240223_cpa01 .sec__prm-cont.price .prm_subtit {
  width: 554px;
  background-position: 0 -100px;
}
.prm_240223_cpa01 .sec__prm-cont.price .sec__prm-item-tit {
  margin-bottom: 30px;
}
.prm_240223_cpa01 .sec__prm-cont.price .sec__prm-item-tit.test {
  margin-bottom: 40px;
}
.prm_240223_cpa01 .sec__prm-cont.price .prm_item_list_tit {
  margin-bottom: 24px;
}
.prm_240223_cpa01 .sec__prm-cont.price .sec__prm-item-list ul {
  max-width: 968px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}
.prm_240223_cpa01 .sec__prm-cont.price .sec__prm-item-list ul li {
  margin-right: 16px;
}
.prm_240223_cpa01 .sec__prm-cont.price .sec__prm-item-list ul li:last-child {
  margin-right: 0;
}
.prm_240223_cpa01 .sec__prm-cont.price .sec__prm-item-list.online p {
  background-position: 0 -38px;
}
.prm_240223_cpa01 .sec__prm-cont.price .sec__prm-item-list.online ul {
  margin-bottom: 60px;
}
.prm_240223_cpa01 .sec__prm-cont.price .sec__prm-item-list.online ul li {
  width: 33.333%;
}
.prm_240223_cpa01 .sec__prm-cont.price .sec__prm-item-list.offline p {
  background-position: 0 -108px;
}
.prm_240223_cpa01 .sec__prm-cont.price .sec__prm-item-list.offline ul {
  margin-bottom: 100px;
}
.prm_240223_cpa01 .sec__prm-cont.price .sec__prm-item-list.offline ul li {
  width: 50%;
}
.prm_240223_cpa01 .sec__prm-cont.price .sec__prm-item-list.test li {
  width: 20%;
  margin-right: 12px;
}
.prm_240223_cpa01 .sec__prm-cont.feature .prm_subtit {
  width: 554px;
  background-position: 0 -150px;
}
.prm_240223_cpa01 .sec__prm-cont.professor .prm_subtit {
  width: 343px;
  background-position: 0 -200px;
}
.prm_240223_cpa01 .sec__prm-cont.professor .img_pc {
  max-width: 700px;
}
.prm_240223_cpa01 .sec__prm-cont.studylab-tutoring_2402 .prm_subtit {
  width: 292px;
  background-position: 0 -250px;
}
.prm_240223_cpa01 .sec__prm-btn .btn-prm {
  width: 150px;
  height: 150px;
  background-color: #ff809d;
  -webkit-box-shadow: 0px 0px 8px 2px rgba(255, 128, 157, 0.25);
          box-shadow: 0px 0px 8px 2px rgba(255, 128, 157, 0.25);
}
.prm_240223_cpa01 .sec__prm-btn .btn-prm span {
  width: 79px;
  height: 52px;
  background-image: url("../img/prm_img/240223/cpa01/prm_timetable_btn.png");
  background-size: 79px 104px;
  background-position: 0 0;
}

@media (max-width: 1200px) {
  .prm_240223_cpa01 .sec__prm-tit {
    padding: 60px 0;
  }
  .prm_240223_cpa01 .sec__prm-cont {
    margin-bottom: 100px;
  }
  .prm_240223_cpa01 .sec__prm-cont .prm_subtit {
    height: 72px;
  }
  .prm_240223_cpa01 .sec__prm-cont.schedule {
    margin-bottom: 80px;
  }
  .prm_240223_cpa01 .sec__prm-cont.composition .prm_subtit {
    width: 268px;
    height: 72px;
    background-position: 0 -300px;
  }
  .prm_240223_cpa01 .sec__prm-cont.timetable .prm_subtit {
    width: 268px;
    background-position: 0 -382px;
  }
  .prm_240223_cpa01 .sec__prm-cont.price .prm_subtit {
    width: 268px;
    background-position: 0 -464px;
  }
  .prm_240223_cpa01 .sec__prm-cont.price .sec__prm-item-tit {
    margin-bottom: 28px;
  }
  .prm_240223_cpa01 .sec__prm-cont.price .sec__prm-item-tit.test {
    margin-bottom: 28px;
  }
  .prm_240223_cpa01 .sec__prm-cont.price .prm_item_list_tit {
    margin-bottom: 20px;
  }
  .prm_240223_cpa01 .sec__prm-cont.price .sec__prm-item-list ul {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .prm_240223_cpa01 .sec__prm-cont.price .sec__prm-item-list ul li {
    padding: 0 16px;
    margin-right: 0;
  }
  .prm_240223_cpa01 .sec__prm-cont.price .sec__prm-item-list.online p {
    background-position: 0 -246px;
  }
  .prm_240223_cpa01 .sec__prm-cont.price .sec__prm-item-list.online ul {
    margin-bottom: 30px;
  }
  .prm_240223_cpa01 .sec__prm-cont.price .sec__prm-item-list.online ul li {
    width: 100%;
    margin-bottom: 30px;
  }
  .prm_240223_cpa01 .sec__prm-cont.price .sec__prm-item-list.offline p {
    background-position: 0 -306px;
  }
  .prm_240223_cpa01 .sec__prm-cont.price .sec__prm-item-list.offline ul {
    margin-bottom: 50px;
  }
  .prm_240223_cpa01 .sec__prm-cont.price .sec__prm-item-list.offline ul li {
    width: 100%;
    margin-bottom: 30px;
  }
  .prm_240223_cpa01 .sec__prm-cont.price .sec__prm-item-list.test ul {
    max-width: 390px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 0 10px;
  }
  .prm_240223_cpa01 .sec__prm-cont.price .sec__prm-item-list.test ul li {
    width: 50%;
    padding: 0 6px;
    margin-right: 0;
    margin-bottom: 40px;
  }
  .prm_240223_cpa01 .sec__prm-cont.price .sec__prm-item-list.test ul li:last-child {
    margin-bottom: 0;
  }
  .prm_240223_cpa01 .sec__prm-cont.feature .prm_subtit {
    width: 296px;
    background-position: 0 -546px;
  }
  .prm_240223_cpa01 .sec__prm-cont.professor .prm_subtit {
    width: 211px;
    height: 28px;
    background-position: 0 -628px;
  }
  .prm_240223_cpa01 .sec__prm-cont.studylab-tutoring_2402 .prm_subtit {
    width: 204px;
    height: 28px;
    background-position: 0 -666px;
  }
  .prm_240223_cpa01 .sec__prm-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    left: unset;
    right: 16px;
  }
  .prm_240223_cpa01 .sec__prm-btn .btn-prm {
    width: 110px;
    height: 110px;
    border-radius: 50%;
  }
  .prm_240223_cpa01 .sec__prm-btn .btn-prm span {
    width: 63px;
    height: 42px;
    background-position: 0 -62px;
  }
}
.prm_240223_cpa02 {
  background-color: #16161d;
}
.prm_240223_cpa02 .sec__prm-tit {
  padding: 100px 0 80px;
}
.prm_240223_cpa02 .sec__prm-tit .img_pc {
  max-width: 612px;
}
.prm_240223_cpa02 .sec__prm-cont {
  margin-bottom: 120px;
}
.prm_240223_cpa02 .sec__prm-cont .prm_subtit {
  height: 40px;
  background-image: url("../img/prm_img/240223/cpa02/prm_subtit.png");
  background-size: 725px 662px;
}
.prm_240223_cpa02 .sec__prm-cont.program01 .prm_subtit {
  width: 725px;
  background-position: 0 0;
}
.prm_240223_cpa02 .sec__prm-cont.program02 .prm_subtit {
  width: 725px;
  background-position: 0 -50px;
}
.prm_240223_cpa02 .sec__prm-cont.program03 .prm_subtit {
  width: 725px;
  height: 68px;
  background-position: 0 -100px;
}
.prm_240223_cpa02 .sec__prm-cont.price .prm_subtit {
  width: 554px;
  background-position: 0 -178px;
}
.prm_240223_cpa02 .sec__prm-cont.price .prm_studylab_item {
  margin-bottom: 80px;
}
.prm_240223_cpa02 .sec__prm-cont.price .prm_studylab_item .img_pc {
  max-width: 570px;
}
.prm_240223_cpa02 .sec__prm-cont.price .sec__prm-item-tit {
  margin-bottom: 40px;
}
.prm_240223_cpa02 .sec__prm-cont.price ul {
  max-width: 968px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}
.prm_240223_cpa02 .sec__prm-cont.price ul li {
  margin-right: 12px;
}
.prm_240223_cpa02 .sec__prm-cont.price ul li:last-child {
  margin-right: 0;
}
.prm_240223_cpa02 .sec__prm-cont.studylab-tutoring_2402 .prm_subtit {
  width: 292px;
  background-position: 0 -228px;
}

@media (max-width: 1200px) {
  .prm_240223_cpa02 .sec__prm-tit {
    padding: 60px 0;
  }
  .prm_240223_cpa02 .sec__prm-cont {
    margin-bottom: 100px;
  }
  .prm_240223_cpa02 .sec__prm-cont .prm_subtit {
    height: 72px;
  }
  .prm_240223_cpa02 .sec__prm-cont.schedule {
    margin-bottom: 80px;
  }
  .prm_240223_cpa02 .sec__prm-cont.program01 .prm_subtit {
    width: 324px;
    background-position: 0 -278px;
  }
  .prm_240223_cpa02 .sec__prm-cont.program02 .prm_subtit {
    width: 324px;
    background-position: 0 -360px;
  }
  .prm_240223_cpa02 .sec__prm-cont.program03 .prm_subtit {
    width: 296px;
    background-position: 0 -442px;
  }
  .prm_240223_cpa02 .sec__prm-cont.price .prm_subtit {
    width: 268px;
    background-position: 0 -552px;
  }
  .prm_240223_cpa02 .sec__prm-cont.price .prm_studylab_item {
    margin-bottom: 60px;
  }
  .prm_240223_cpa02 .sec__prm-cont.price .sec__prm-item-tit {
    margin-bottom: 28px;
  }
  .prm_240223_cpa02 .sec__prm-cont.price ul {
    max-width: 390px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 0 10px;
  }
  .prm_240223_cpa02 .sec__prm-cont.price ul li {
    width: 50%;
    padding: 0 6px;
    margin-right: 0;
    margin-bottom: 40px;
  }
  .prm_240223_cpa02 .sec__prm-cont.price ul li:last-child {
    margin-bottom: 0;
  }
  .prm_240223_cpa02 .sec__prm-cont.studylab-tutoring_2402 .prm_subtit {
    width: 204px;
    height: 28px;
    background-position: 0 -634px;
  }
}
.prm_240226 {
  background-color: #16161d;
}
.prm_240226 .sec__prm-tit {
  padding: 100px 0 120px;
}
.prm_240226 .sec__prm-tit .img_pc {
  max-width: 548px;
}
.prm_240226 .sec__prm-cont {
  margin-bottom: 120px;
}
.prm_240226 .sec__prm-cont .prm_subtit {
  height: 40px;
  background-image: url("../img/prm_img/240226/prm_subtit.png?ver=2");
  background-size: 725px 430px;
}
.prm_240226 .sec__prm-cont.composition .prm_subtit {
  width: 447px;
  background-position: 0 0;
}
.prm_240226 .sec__prm-cont.composition .img_pc {
  max-width: 860px;
}
.prm_240226 .sec__prm-cont.feature .img_pc {
  max-width: 900px;
}
.prm_240226 .sec__prm-cont.price .prm_subtit {
  width: 725px;
  background-position: 0 -50px;
}
.prm_240226 .sec__prm-cont.price .sec__prm-item-tit {
  margin-bottom: 40px;
}
.prm_240226 .sec__prm-cont.price .prm-class-caution {
  margin-bottom: 28px;
}
.prm_240226 .sec__prm-cont.price ul {
  max-width: 968px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}
.prm_240226 .sec__prm-cont.price ul li {
  margin-right: 12px;
}
.prm_240226 .sec__prm-cont.price ul li:last-child {
  margin-right: 0;
}
.prm_240226 .sec__prm-cont.professor {
  margin-bottom: 150px;
}
.prm_240226 .sec__prm-cont.professor .prm_subtit {
  width: 303px;
  background-position: 0 -100px;
}
.prm_240226 .sec__prm-cont.professor .img_pc {
  max-width: 700px;
}
.prm_240226 .sec__prm-cont.test-range .prm_subtit {
  width: 737px;
  background-position: 0 -308px;
}
.prm_240226 .sec__prm-cont.test-range li {
  margin-bottom: 48px;
}
.prm_240226 .sec__prm-cont.test-range li:last-child {
  margin-bottom: 0;
}
.prm_240226 .sec__prm-btn .btn-prm {
  width: 150px;
  height: 150px;
  background-color: #6d96ff;
  -webkit-box-shadow: 0px 0px 8px 2px rgba(109, 150, 255, 0.25);
          box-shadow: 0px 0px 8px 2px rgba(109, 150, 255, 0.25);
}
.prm_240226 .sec__prm-btn .btn-prm span {
  background-image: url("../img/prm_img/240226/prm_timetable_btn.png");
  background-size: 79px 265px;
}
.prm_240226 .sec__prm-btn.timetable {
  bottom: 20px;
}
.prm_240226 .sec__prm-btn.timetable .btn-prm span {
  width: 79px;
  height: 52px;
  background-position: 0 -88px;
}
.prm_240226 .sec__prm-btn.test-range {
  bottom: 190px;
}
.prm_240226 .sec__prm-btn.test-range .btn-prm span {
  width: 79px;
  height: 78px;
  background-position: 0 0;
}

@media (max-width: 1200px) {
  .prm_240226 .sec__prm-tit {
    padding: 60px 0 80px;
  }
  .prm_240226 .sec__prm-cont {
    margin-bottom: 100px;
  }
  .prm_240226 .sec__prm-cont .prm_subtit {
    height: 28px;
  }
  .prm_240226 .sec__prm-cont.composition .prm_subtit {
    width: 313px;
    background-position: 0 -150px;
  }
  .prm_240226 .sec__prm-cont.price .prm_subtit {
    width: 324px;
    height: 72px;
    background-position: 0 -188px;
  }
  .prm_240226 .sec__prm-cont.price .sec__prm-item-tit {
    margin-bottom: 28 px;
  }
  .prm_240226 .sec__prm-cont.price ul {
    max-width: 390px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 0 10px;
  }
  .prm_240226 .sec__prm-cont.price ul li {
    width: 50%;
    padding: 0 6px;
    margin-right: 0;
    margin-bottom: 40px;
  }
  .prm_240226 .sec__prm-cont.price ul li:last-child {
    margin-bottom: 0;
  }
  .prm_240226 .sec__prm-cont.professor .prm_subtit {
    width: 212px;
    background-position: 0 -270px;
  }
  .prm_240226 .sec__prm-cont.test-range .prm_subtit {
    width: 268px;
    height: 72px;
    background-position: 0 -358px;
  }
  .prm_240226 .sec__prm-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    left: unset;
    right: 16px;
  }
  .prm_240226 .sec__prm-btn .btn-prm {
    width: 110px;
    height: 110px;
    border-radius: 50%;
  }
  .prm_240226 .sec__prm-btn.timetable .btn-prm span {
    width: 63px;
    height: 42px;
    background-position: 0 -223px;
  }
  .prm_240226 .sec__prm-btn.test-range {
    bottom: 145px;
  }
  .prm_240226 .sec__prm-btn.test-range .btn-prm span {
    width: 63px;
    height: 63px;
    background-position: 0 -150px;
  }
}
.prm_240227 {
  background-color: #f4f4f4;
}
.prm_240227 .sec__prm-tit-wrap {
  position: relative;
  height: 580px;
  padding-top: 100px;
  margin-bottom: 564px;
  background-image: url("../img/prm_img/240227/prm_tit_bg.png");
  background-size: 100px 100px;
  background-repeat: repeat;
}
.prm_240227 .sec__prm-tit-wrap .sec__prm-tit {
  padding: 0;
}
.prm_240227 .sec__prm-tit-wrap .sec__prm-tit .img_pc {
  max-width: 696px;
}
.prm_240227 .sec__prm-tit-wrap .sec__prm-exam-info {
  position: absolute;
  top: 424px;
  left: 0;
  right: 0;
  margin: auto;
}
.prm_240227 .sec__prm-tit-wrap .sec__prm-exam-info .img_pc {
  max-width: 800px;
}
.prm_240227 .sec__prm-cont {
  margin-bottom: 120px;
}
.prm_240227 .sec__prm-cont .prm_subtit {
  height: 44px;
  background-image: url("../img/prm_img/240227/prm_subtit.png");
  background-size: 514px 450px;
}
.prm_240227 .sec__prm-cont.composition .prm_subtit {
  width: 514px;
  background-position: 0 0;
}
.prm_240227 .sec__prm-cont.schedule .prm_subtit {
  width: 172px;
  background-position: 0 -54px;
}
.prm_240227 .sec__prm-cont.price .prm_subtit {
  width: 424px;
  background-position: 0 -108px;
}
.prm_240227 .sec__prm-cont.price a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.prm_240227 .sec__prm-cont.timetable .prm_subtit {
  width: 343px;
  background-position: 0 -162px;
}
.prm_240227 .sec__prm-cont.studylab-tutoring_2402 .prm_subtit {
  width: 293px;
  background-position: 0 -216px;
}

@media (max-width: 1200px) {
  .prm_240227 .sec__prm-tit-wrap {
    position: relative;
    height: 550px;
    padding-top: 60px;
    margin-bottom: 484px;
  }
  .prm_240227 .sec__prm-tit-wrap .sec__prm-exam-info {
    top: 382px;
  }
  .prm_240227 .sec__prm-cont {
    margin-bottom: 100px;
  }
  .prm_240227 .sec__prm-cont .prm_subtit {
    height: 28px;
  }
  .prm_240227 .sec__prm-cont.composition .prm_subtit {
    width: 327px;
    background-position: 0 -270px;
  }
  .prm_240227 .sec__prm-cont.schedule .prm_subtit {
    width: 109px;
    background-position: 0 -308px;
  }
  .prm_240227 .sec__prm-cont.price .prm_subtit {
    width: 270px;
    background-position: 0 -346px;
  }
  .prm_240227 .sec__prm-cont.timetable .prm_subtit {
    width: 218px;
    background-position: 0 -384px;
  }
  .prm_240227 .sec__prm-cont.studylab-tutoring_2402 .prm_subtit {
    width: 187px;
    background-position: 0 -422px;
  }
}
.prm_240228 {
  background-color: #18132e;
}
.prm_240228 .sec__prm-tit {
  padding: 100px 0;
}
.prm_240228 .sec__prm-tit .img_pc {
  max-width: 970px;
}
.prm_240228 .sec__prm-cont {
  margin-bottom: 120px;
}
.prm_240228 .sec__prm-cont .prm_subtit {
  height: 46px;
  background-image: url("../img/prm_img/240228/prm_subtit.png");
  background-size: 622px 578px;
}
.prm_240228 .sec__prm-cont.class-stage .img_pc {
  max-width: 1000px;
}
.prm_240228 .sec__prm-cont.schedule .prm_subtit {
  width: 179px;
  background-position: 0 0;
}
.prm_240228 .sec__prm-cont.price .prm_subtit {
  width: 127px;
  background-position: 0 -56px;
}
.prm_240228 .sec__prm-cont.price .img_pc {
  max-width: 900px;
}
.prm_240228 .sec__prm-cont.schedule .prm_subtit {
  width: 179px;
  background-position: 0 0;
}
.prm_240228 .sec__prm-cont.feature .prm_subtit {
  width: 622px;
  height: 120px;
  margin-bottom: 94px;
  background-position: 0 -112px;
}
.prm_240228 .sec__prm-cont.feature .img_pc {
  max-width: 950px;
}
.prm_240228 .sec__prm-cont.feature ul {
  max-width: 1000px;
  margin: auto;
  background-color: #242037;
  border-radius: 10px;
}
.prm_240228 .sec__prm-cont.feature ul li {
  margin-bottom: 120px;
}
.prm_240228 .sec__prm-cont.feature ul li:first-child {
  position: relative;
  margin-bottom: 90px;
}
.prm_240228 .sec__prm-cont.feature ul li:first-child img {
  position: relative;
  top: -34px;
  max-width: 920px;
}
.prm_240228 .sec__prm-cont.feature ul li:last-child {
  padding-bottom: 60px;
}
.prm_240228 .sec__prm-cont.professor .prm_subtit {
  width: 321px;
  background-position: 0 -242px;
}
.prm_240228 .sec__prm-cont.professor .img_pc {
  max-width: 950px;
}
.prm_240228 .sec__prm-cont.studylab-tutoring_2402 .prm_subtit {
  width: 306px;
  background-position: 0 -298px;
}
.prm_240228 .sec__prm-btn .btn-prm {
  background-color: #ffd66d;
  border: 1px solid #6a57be;
  -webkit-box-shadow: -2px 2px 13px 2px rgba(78, 63, 143, 0.25);
          box-shadow: -2px 2px 13px 2px rgba(78, 63, 143, 0.25);
}
.prm_240228 .sec__prm-btn .btn-prm span {
  width: 74px;
  height: 56px;
  background-image: url("../img/prm_img/240228/prm_btntxt.png");
  background-size: 206px 56px;
}

@media (max-width: 1200px) {
  .prm_240228 .sec__prm-tit {
    padding: 60px 0 80px;
  }
  .prm_240228 .sec__prm-cont {
    margin-bottom: 100px;
  }
  .prm_240228 .sec__prm-cont .prm_subtit {
    height: 28px;
  }
  .prm_240228 .sec__prm-cont.schedule .prm_subtit {
    width: 109px;
    background-position: 0 -354px;
  }
  .prm_240228 .sec__prm-cont.price .prm_subtit {
    width: 78px;
    background-position: 0 -392px;
  }
  .prm_240228 .sec__prm-cont.feature .prm_subtit {
    width: 296px;
    height: 72px;
    margin-bottom: 40px;
    background-position: 0 -430px;
  }
  .prm_240228 .sec__prm-cont.feature ul {
    max-width: 390px;
  }
  .prm_240228 .sec__prm-cont.feature ul li {
    margin-bottom: 100px;
  }
  .prm_240228 .sec__prm-cont.feature ul li:first-child {
    position: relative;
    margin-bottom: 74px;
  }
  .prm_240228 .sec__prm-cont.feature ul li:first-child img {
    top: -26px;
  }
  .prm_240228 .sec__prm-cont.feature ul li:last-child {
    padding-bottom: 60px;
  }
  .prm_240228 .sec__prm-cont.professor .prm_subtit {
    width: 196px;
    background-position: 0 -512px;
  }
  .prm_240228 .sec__prm-cont.studylab-tutoring_2402 .prm_subtit {
    width: 187px;
    background-position: 0 -550px;
  }
  .prm_240228 .sec__prm-btn .btn-prm span {
    width: 122px;
    height: 16px;
    background-position: -84px 0;
  }
}
.prm_240305 {
  background-color: #131314;
}
.prm_240305 img {
  width: 100%;
  margin: auto;
}
.prm_240305 img.img_pc {
  max-width: 970px;
}
.prm_240305 img.img_mo {
  max-width: 390px;
}
.prm_240305 .sec__prm-tit {
  padding: 100px 0 120px;
  background-image: url("../img/prm_img/240305/prm_tit_bg.png");
  background-size: auto 100%;
  background-position: center;
}
.prm_240305 .sec__prm-tit .img_pc {
  max-width: 615px;
}
.prm_240305 .sec__prm-cont {
  margin-bottom: 120px;
}
.prm_240305 .sec__prm-cont.feature {
  margin-top: 80px;
}
.prm_240305 .sec__prm-cont.feature .img_pc {
  max-width: 1170px;
}
.prm_240305 .sec__prm-cont.class-list div {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  margin: 0 auto 100px;
}
.prm_240305 .sec__prm-cont.class-list div:last-child {
  margin-bottom: 0;
}
.prm_240305 .sec__prm-cont.class-list div.class-item-caution li {
  position: relative;
}
.prm_240305 .sec__prm-cont.class-list div.class-item-caution li.prm-class-caution {
  margin-top: 20px;
}
.prm_240305 .sec__prm-cont.class-list div a,
.prm_240305 .sec__prm-cont.class-list div button {
  position: absolute;
  right: 60px;
  bottom: 40px;
}
.prm_240305 .sec__prm-cont.class-list div a .img_pc,
.prm_240305 .sec__prm-cont.class-list div button .img_pc {
  width: 480px;
}
.prm_240305 .sec__prm-cont.class-list div button:disabled {
  cursor: default;
}
.prm_240305 .sec__prm-cont.test-range {
  margin-bottom: 150px;
}
.prm_240305 .sec__prm-cont.test-range .prm_subtit {
  width: 815px;
  height: 48px;
  margin: 0 auto 60px;
  background-image: url("../img/prm_img/240305/prm_subtit.png");
  background-repeat: no-repeat;
  background-size: 815px 130px;
  background-position: 0 0;
}
.prm_240305 .sec__prm-cont.test-range li {
  margin-bottom: 48px;
}
.prm_240305 .sec__prm-cont.test-range li:last-child {
  margin-bottom: 0;
}
.prm_240305 .sec__prm-btn .btn-prm {
  width: 150px;
  height: 150px;
  background-color: #131314;
  border: 1px solid #03ff6f;
  -webkit-box-shadow: -2px 2px 13px 2px rgba(38, 138, 81, 0.25);
          box-shadow: -2px 2px 13px 2px rgba(38, 138, 81, 0.25);
}
.prm_240305 .sec__prm-btn span {
  background-image: url("../img/prm_img/240305/prm_btntxt.png");
  background-size: 79px 275px;
}
.prm_240305 .sec__prm-btn.test-range {
  bottom: 190px;
}
.prm_240305 .sec__prm-btn.test-range .btn-prm span {
  width: 79px;
  height: 81px;
  background-position: 0 0;
}
.prm_240305 .sec__prm-btn.timetable {
  bottom: 20px;
}
.prm_240305 .sec__prm-btn.timetable .btn-prm span {
  width: 79px;
  height: 54px;
  background-position: 0 -91px;
}

@media (max-width: 1200px) {
  .prm_240305 .sec__prm-tit {
    padding: 73px 0;
  }
  .prm_240305 .sec__prm-cont {
    margin-bottom: 100px;
  }
  .prm_240305 .sec__prm-cont.class-list div {
    margin: 0 auto 80px;
  }
  .prm_240305 .sec__prm-cont.class-list div.class-item-caution ul {
    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;
  }
  .prm_240305 .sec__prm-cont.class-list div.class-item-caution li.prm-class-caution {
    margin-top: 0;
    margin-bottom: 20px;
  }
  .prm_240305 .sec__prm-cont.class-list div a,
  .prm_240305 .sec__prm-cont.class-list div button {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 32px;
  }
  .prm_240305 .sec__prm-cont.class-list div a .img_mo,
  .prm_240305 .sec__prm-cont.class-list div button .img_mo {
    width: 85%;
    max-width: 326px;
  }
  .prm_240305 .sec__prm-cont.test-range .prm_subtit {
    width: 254px;
    height: 72px;
    margin-bottom: 40px;
    background-position: 0 -58px;
  }
  .prm_240305 .sec__prm-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    left: unset;
    right: 12px;
  }
  .prm_240305 .sec__prm-btn .btn-prm {
    width: 110px;
    height: 110px;
    border-radius: 50%;
  }
  .prm_240305 .sec__prm-btn.test-range {
    bottom: 145px;
  }
  .prm_240305 .sec__prm-btn.test-range .btn-prm span {
    width: 64px;
    height: 66px;
    background-position: 0 -155px;
  }
  .prm_240305 .sec__prm-btn.timetable {
    bottom: 20px;
  }
  .prm_240305 .sec__prm-btn.timetable .btn-prm span {
    width: 64px;
    height: 44px;
    background-position: 0 -231px;
  }
}
.prm_240306 {
  background-color: #f5f9ff;
}
.prm_240306 img {
  width: 100%;
  margin: auto;
}
.prm_240306 img.img_pc {
  max-width: 970px;
}
.prm_240306 img.img_mo {
  max-width: 390px;
}
.prm_240306 .sec__prm-tit {
  padding: 80px 0;
  background-image: url("../img/prm_img/240306/prm_tit_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.prm_240306 .sec__prm-tit .img_pc {
  max-width: 700px;
}
.prm_240306 .sec__prm-youtube.presentation {
  margin-top: 120px;
}
.prm_240306 .sec__prm-cont {
  margin-bottom: 120px;
}
.prm_240306 .sec__prm-cont .prm_subtit {
  height: 44px;
  background-image: url("../img/prm_img/240306/prm_subtit.png?ver=1");
  background-size: 720px 770px;
}
.prm_240306 .sec__prm-cont.feature .img_pc {
  max-width: 1170px;
}
.prm_240306 .sec__prm-cont.schedule .prm_subtit {
  width: 172px;
  background-position: 0 0;
}
.prm_240306 .sec__prm-cont.composition .prm_subtit {
  width: 473px;
  background-position: 0 -54px;
}
.prm_240306 .sec__prm-cont.price .prm_subtit {
  width: 500px;
  background-position: 0 -108px;
}
.prm_240306 .sec__prm-cont.price ul {
  max-width: 970px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}
.prm_240306 .sec__prm-cont.price ul li {
  width: 33.333%;
  margin-right: 20px;
}
.prm_240306 .sec__prm-cont.price ul li:last-child {
  margin-right: 0;
}
.prm_240306 .sec__prm-cont.timetable .prm_subtit {
  width: 459px;
  background-position: 0 -162px;
}
.prm_240306 .sec__prm-cont.test-range .prm_subtit {
  width: 720px;
  background-position: 0 -644px;
}
.prm_240306 .sec__prm-cont.test-range li {
  margin-bottom: 48px;
}
.prm_240306 .sec__prm-cont.test-range li:last-child {
  margin-bottom: 0;
}
.prm_240306 .sec__prm-cont.professor .prm_subtit {
  width: 172px;
  background-position: 0 -216px;
}
.prm_240306 .sec__prm-cont.professor .img_pc {
  max-width: 900px;
}
.prm_240306 .sec__prm-cont.class-info .prm_subtit {
  width: 122px;
  background-position: 0 -270px;
}
.prm_240306 .sec__prm-cont.studylab-tutoring_2402 {
  margin-bottom: 150px;
}
.prm_240306 .sec__prm-cont.studylab-tutoring_2402 .prm_subtit {
  width: 293px;
  background-position: 0 -324px;
}
.prm_240306 .sec__prm-btn .btn-prm {
  width: 150px;
  height: 150px;
  background-color: #ff7d00;
  -webkit-box-shadow: -2px 2px 13px 2px rgba(255, 125, 0, 0.25);
          box-shadow: -2px 2px 13px 2px rgba(255, 125, 0, 0.25);
}
.prm_240306 .sec__prm-btn .btn-prm span {
  width: 76px;
  background-image: url("../img/prm_img/240306/prm_btntxt.png");
  background-size: 76px 275px;
}
.prm_240306 .sec__prm-btn.test-range {
  bottom: 190px;
}
.prm_240306 .sec__prm-btn.test-range span {
  height: 81px;
  background-position: 0 0;
}
.prm_240306 .sec__prm-btn.timetable {
  bottom: 20px;
}
.prm_240306 .sec__prm-btn.timetable .btn-prm span {
  height: 54px;
  background-position: 0 -91px;
}

@media (max-width: 1200px) {
  .prm_240306 .sec__prm-tit {
    padding: 60px 0 80px;
  }
  .prm_240306 .sec__prm-youtube.presentation {
    margin-top: 80px;
  }
  .prm_240306 .sec__prm-cont {
    margin-bottom: 100px;
  }
  .prm_240306 .sec__prm-cont .prm_subtit {
    height: 28px;
  }
  .prm_240306 .sec__prm-cont.feature {
    margin-bottom: 100px;
  }
  .prm_240306 .sec__prm-cont.schedule .prm_subtit {
    width: 109px;
    background-position: 0 -378px;
  }
  .prm_240306 .sec__prm-cont.composition .prm_subtit {
    width: 301px;
    background-position: 0 -416px;
  }
  .prm_240306 .sec__prm-cont.price .prm_subtit {
    width: 318px;
    background-position: 0 -454px;
  }
  .prm_240306 .sec__prm-cont.price ul {
    max-width: 390px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 20px;
  }
  .prm_240306 .sec__prm-cont.price ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 28px;
  }
  .prm_240306 .sec__prm-cont.price ul li:last-child {
    margin-bottom: 0;
  }
  .prm_240306 .sec__prm-cont.timetable .prm_subtit {
    width: 292px;
    background-position: 0 -492px;
  }
  .prm_240306 .sec__prm-cont.test-range .prm_subtit {
    width: 244px;
    height: 72px;
    background-position: 0 -698px;
  }
  .prm_240306 .sec__prm-cont.test-range li {
    margin-bottom: 48px;
  }
  .prm_240306 .sec__prm-cont.test-range li:last-child {
    margin-bottom: 0;
  }
  .prm_240306 .sec__prm-cont.professor .prm_subtit {
    width: 109px;
    background-position: 0 -530px;
  }
  .prm_240306 .sec__prm-cont.class-info .prm_subtit {
    width: 78px;
    background-position: 0 -568px;
  }
  .prm_240306 .sec__prm-cont.studylab-tutoring_2402 .prm_subtit {
    width: 187px;
    background-position: 0 -606px;
  }
  .prm_240306 .sec__prm-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    left: unset;
    right: 12px;
  }
  .prm_240306 .sec__prm-btn .btn-prm {
    width: 110px;
    height: 110px;
    border-radius: 50%;
  }
  .prm_240306 .sec__prm-btn .btn-prm span {
    width: 62px;
  }
  .prm_240306 .sec__prm-btn.test-range {
    bottom: 145px;
  }
  .prm_240306 .sec__prm-btn.test-range .btn-prm span {
    height: 66px;
    background-position: 0 -155px;
  }
  .prm_240306 .sec__prm-btn.timetable .btn-prm span {
    height: 44px;
    background-position: 0 -231px;
  }
}
.prm_240311_final {
  background-color: #191919;
}
.prm_240311_final img {
  width: 100%;
  margin: auto;
}
.prm_240311_final img.img_pc {
  max-width: 970px;
}
.prm_240311_final img.img_mo {
  max-width: 390px;
}
.prm_240311_final .sec__prm-tit-wrap {
  margin: 80px auto 120px;
}
.prm_240311_final .sec__prm-tit {
  padding: 0 0 100px;
}
.prm_240311_final .sec__prm-tit .img_pc {
  max-width: 970px;
}
.prm_240311_final .sec__prm-txt {
  padding: 28px 0;
  background-color: #74bd7c;
}
.prm_240311_final .sec__prm-txt span {
  display: block;
  width: 610px;
  height: 42px;
  font-size: 0;
  color: transparent;
  margin: auto;
  background-image: url("../img/prm_img/240311/final01/prm_subtit.png?ver=1");
  background-repeat: no-repeat;
  background-size: 610px 856px;
  background-position: 0 0;
}
.prm_240311_final .sec__prm-cont {
  margin-bottom: 120px;
}
.prm_240311_final .sec__prm-cont .prm_subtit {
  background-image: url("../img/prm_img/240311/final01/prm_subtit.png?ver=1");
  background-repeat: no-repeat;
  background-size: 610px 856px;
}
.prm_240311_final .sec__prm-cont.slogan {
  margin-bottom: 80px;
}
.prm_240311_final .sec__prm-cont.slogan .img_pc {
  max-width: 439px;
}
.prm_240311_final .sec__prm-cont.slogan .img_mo {
  max-width: 285px;
}
.prm_240311_final .sec__prm-cont.composition {
  margin-bottom: 150px;
}
.prm_240311_final .sec__prm-cont.composition .img_pc {
  max-width: 770px;
}
.prm_240311_final .sec__prm-cont.course-name {
  margin-bottom: 100px;
}
.prm_240311_final .sec__prm-cont.course-name .img_pc {
  max-width: 1170px;
}
.prm_240311_final .sec__prm-cont.timetable {
  padding-top: 120px;
  background-image: url("../img/prm_img/240311/final01/prm_timetable_bg.png");
  background-size: 1230px auto;
  background-repeat: no-repeat;
  background-position: center 0;
}
.prm_240311_final .sec__prm-cont.studylab-tutoring_2402 .prm_subtit {
  width: 274px;
  height: 48px;
  background-position: 0 -216px;
}

@media (max-width: 1200px) {
  .prm_240311_final .sec__prm-tit-wrap {
    margin: 60px auto 80px;
  }
  .prm_240311_final .sec__prm-tit {
    padding: 0 0 80px;
  }
  .prm_240311_final .sec__prm-txt {
    padding: 20px 0;
  }
  .prm_240311_final .sec__prm-txt span {
    width: 262px;
    height: 58px;
    background-position: 0 -274px;
  }
  .prm_240311_final .sec__prm-cont {
    margin-bottom: 100px;
  }
  .prm_240311_final .sec__prm-cont.slogan {
    margin-bottom: 60px;
  }
  .prm_240311_final .sec__prm-cont.composition {
    margin-bottom: 120px;
  }
  .prm_240311_final .sec__prm-cont.course-name {
    margin-bottom: 60px;
  }
  .prm_240311_final .sec__prm-cont.timetable {
    padding-top: 80px;
  }
  .prm_240311_final .sec__prm-cont.studylab-tutoring_2402 .prm_subtit {
    width: 160px;
    height: 28px;
    background-position: 0 -506px;
  }
  .prm_240311_final .sec__prm-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    left: unset;
    right: 12px;
  }
  .prm_240311_final .sec__prm-btn .btn-prm {
    width: 110px;
    height: 110px;
    border-radius: 50%;
  }
  .prm_240311_final .sec__prm-btn .btn-prm span {
    width: 62px;
    height: 44px;
    background-position: 0 -64px;
  }
}
.prm_240311_final .sec__prm-cont.price.final_class .prm_subtit {
  width: 526px;
  height: 96px;
  background-position: 0 -544px;
}
.prm_240311_final .sec__prm-cont.price.final_class div {
  max-width: 970px;
  margin: 0 auto;
}
.prm_240311_final .sec__prm-cont.price.final_class ul {
  max-width: 990px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -10px;
}
.prm_240311_final .sec__prm-cont.price.final_class ul li {
  width: 33.333%;
  padding: 0 10px;
  margin-bottom: 60px;
}
.prm_240311_final .sec__prm-cont.price.final_class ul li:nth-child(4), .prm_240311_final .sec__prm-cont.price.final_class ul li:nth-child(5), .prm_240311_final .sec__prm-cont.price.final_class ul li:last-child {
  margin-bottom: 0;
}
.prm_240311_final .sec__prm-cont.timetable.final_class {
  padding-bottom: 80px;
}
.prm_240311_final .sec__prm-cont.timetable.final_class .img_pc {
  max-width: 900px;
}
.prm_240311_final .sec__prm-btn.timetable .btn-prm {
  width: 150px;
  height: 150px;
  background-color: #6fc7b4;
  border: 1px solid #191919;
  -webkit-box-shadow: -2px 2px 18px 0px rgba(111, 199, 180, 0.25);
          box-shadow: -2px 2px 18px 0px rgba(111, 199, 180, 0.25);
}
.prm_240311_final .sec__prm-btn.timetable .btn-prm span {
  top: 50%;
  width: 78px;
  height: 54px;
  background-image: url("../img/prm_img/240311/final01/prm_timetable_btn.png");
  background-size: 78px 106px;
  background-position: 0 0;
}

@media (max-width: 1200px) {
  .prm_240311_final .sec__prm-cont.price.final_class .prm_subtit {
    width: 299px;
    height: 110px;
    background-position: 0 -650px;
  }
  .prm_240311_final .sec__prm-cont.price.final_class ul {
    max-width: 390px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 15px;
    margin: 0 auto;
  }
  .prm_240311_final .sec__prm-cont.price.final_class ul li {
    width: 100%;
    padding: 0;
    margin-bottom: 48px;
  }
  .prm_240311_final .sec__prm-cont.price.final_class ul li:nth-child(4), .prm_240311_final .sec__prm-cont.price.final_class ul li:nth-child(5) {
    margin-bottom: 48px;
  }
  .prm_240311_final .sec__prm-cont.price.final_class ul li:last-child {
    margin-bottom: 0;
  }
  .prm_240311_final .sec__prm-cont.timetable.final_class {
    padding-bottom: 0;
  }
  .prm_240311_final .sec__prm-btn.timetable .btn-prm {
    width: 110px;
    height: 110px;
  }
  .prm_240311_final .sec__prm-btn.timetable .btn-prm span {
    width: 59px;
    height: 42px;
    background-position: 0 -64px;
  }
}
.prm_240311_final .sec__prm-cont.composition.final02 {
  margin-bottom: 120px;
}
.prm_240311_final .sec__prm-cont.feature li:first-child {
  margin-bottom: 100px;
}
.prm_240311_final .sec__prm-cont.feature .img_pc {
  max-width: 770px;
}
.prm_240311_final .sec__prm-cont.professor .prm_subtit {
  width: 272px;
  height: 96px;
  background-position: 0 -110px;
}
.prm_240311_final .sec__prm-cont.professor .img_pc {
  max-width: 1050px;
}
.prm_240311_final .sec__prm-cont.price.final_test .prm_subtit {
  width: 555px;
  height: 48px;
  background-position: 0 -52px;
}
.prm_240311_final .sec__prm-cont.price.final_test ul {
  max-width: 960px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}
.prm_240311_final .sec__prm-cont.price.final_test ul li {
  margin-right: 20px;
}
.prm_240311_final .sec__prm-cont.price.final_test ul li:last-child {
  margin-right: 0;
}
.prm_240311_final .sec__prm-cont.timetable.final_test li {
  margin-bottom: 60px;
}
.prm_240311_final .sec__prm-cont.timetable.final_test li:first-child {
  margin-bottom: 80px;
}
.prm_240311_final .sec__prm-cont.timetable.final_test li:first-child .img_pc {
  max-width: 900px;
}
.prm_240311_final .sec__prm-cont.timetable.final_test li:nth-child(2) .img_pc {
  max-width: 1170px;
}
.prm_240311_final .sec__prm-cont.timetable.final_test li:last-child {
  margin-bottom: 0;
}
.prm_240311_final .sec__prm-cont.test-range .prm_subtit {
  width: 564px;
  height: 48px;
  background-position: 0 -770px;
}
.prm_240311_final .sec__prm-cont.test-range li {
  margin-bottom: 48px;
}
.prm_240311_final .sec__prm-cont.test-range li:last-child {
  margin-bottom: 0;
}
.prm_240311_final .sec__prm-btn .btn-prm {
  width: 150px;
  height: 150px;
  background-color: #6fc7b4;
  border: 1px solid #191919;
  -webkit-box-shadow: -2px 2px 18px 0px rgba(111, 199, 180, 0.25);
          box-shadow: -2px 2px 18px 0px rgba(111, 199, 180, 0.25);
}
.prm_240311_final .sec__prm-btn .btn-prm span {
  top: 52%;
  width: 117px;
  height: 54px;
  background-image: url("../img/prm_img/240311/final02/prm_timetable_btn.png?ver=1");
  background-size: 117px 386px;
}
.prm_240311_final .sec__prm-btn.test-range {
  bottom: 80px;
}
.prm_240311_final .sec__prm-btn.test-range .btn-prm span {
  width: 76px;
  height: 81px;
  background-position: 0 -128px;
}

@media (max-width: 1200px) {
  .prm_240311_final .sec__prm-cont.composition.final02 {
    margin-bottom: 80px;
  }
  .prm_240311_final .sec__prm-cont.feature li:first-child {
    margin-bottom: 80px;
  }
  .prm_240311_final .sec__prm-cont.professor .prm_subtit {
    width: 170px;
    height: 66px;
    background-position: 0 -430px;
  }
  .prm_240311_final .sec__prm-cont.price.final_test .prm_subtit {
    width: 244px;
    height: 78px;
    background-position: 0 -342px;
  }
  .prm_240311_final .sec__prm-cont.price.final_test ul {
    max-width: 390px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 15px;
  }
  .prm_240311_final .sec__prm-cont.price.final_test ul li {
    margin-right: 0;
    margin-bottom: 40px;
  }
  .prm_240311_final .sec__prm-cont.price.final_test ul li:last-child {
    margin-bottom: 0;
  }
  .prm_240311_final .sec__prm-cont.timetable.final_test li {
    margin-bottom: 60px;
  }
  .prm_240311_final .sec__prm-cont.timetable.final_test li:first-child {
    margin-bottom: 60px;
  }
  .prm_240311_final .sec__prm-cont.test-range .prm_subtit {
    width: 329px;
    height: 28px;
    background-position: 0 -828px;
  }
  .prm_240311_final .sec__prm-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    left: unset;
    right: 12px;
  }
  .prm_240311_final .sec__prm-btn .btn-prm {
    width: 110px;
    height: 110px;
    border-radius: 50%;
  }
  .prm_240311_final .sec__prm-btn .btn-prm span {
    width: 89px;
    height: 42px;
  }
  .prm_240311_final .sec__prm-btn.test-range {
    bottom: 20px;
  }
  .prm_240311_final .sec__prm-btn.test-range .btn-prm span {
    width: 58px;
    height: 63px;
    background-position: 0 -323px;
  }
}
.prm_240405 {
  background-color: #f1f1f1;
}
.prm_240405 .sec__prm-tit .img_pc {
  max-width: 970px;
}
.prm_240405 .sec__prm-cont {
  margin-bottom: 120px;
}
.prm_240405 .sec__prm-cont .prm_subtit {
  height: 48px;
  background-image: url("../img/prm_img/240405/prm_subtit.png");
  background-size: 694px 610px;
}
.prm_240405 .sec__prm-cont.prm_video-ready button {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.prm_240405 .sec__prm-cont.prm_video-ready button img {
  max-width: 970px;
}
.prm_240405 .sec__prm-cont.schedule .prm_subtit {
  width: 165px;
  background-position: 0 0;
}
.prm_240405 .sec__prm-cont.price .prm_subtit {
  width: 114px;
  background-position: 0 -58px;
}
.prm_240405 .sec__prm-cont.price .img_pc {
  max-width: 900px;
}
.prm_240405 .sec__prm-cont.feature .prm_subtit {
  width: 546px;
  background-position: 0 -116px;
}
.prm_240405 .sec__prm-cont.professor .prm_subtit {
  width: 289px;
  background-position: 0 -174px;
}
.prm_240405 .sec__prm-cont.professor .img_pc {
  max-width: 700px;
}
.prm_240405 .sec__prm-cont.timetable .prm_subtit {
  width: 694px;
  background-position: 0 -232px;
}
.prm_240405 .sec__prm-cont.studylab-tutoring_2402 .prm_subtit {
  width: 274px;
  background-position: 0 -290px;
}
.prm_240405 .sec__prm-btn .btn-prm {
  width: 150px;
  height: 150px;
  background-color: #368a39;
  border: 1px solid #f7ffc5;
  -webkit-box-shadow: -2px 2px 13px 2px rgba(54, 138, 57, 0.25);
          box-shadow: -2px 2px 13px 2px rgba(54, 138, 57, 0.25);
}
.prm_240405 .sec__prm-btn .btn-prm span {
  background-image: url("../img/prm_img/240405/prm_btntxt_240409.png");
  background-size: 94px 438px;
}
.prm_240405 .sec__prm-btn.timetable {
  bottom: 20px;
}
.prm_240405 .sec__prm-btn.timetable .btn-prm span {
  width: 72px;
  height: 56px;
  background-position: 0 0;
}
.prm_240405 .sec__prm-btn.class01 {
  bottom: 340px;
}
.prm_240405 .sec__prm-btn.class01 .btn-prm span {
  width: 91px;
  height: 82px;
  background-position: 0 -120px;
}
.prm_240405 .sec__prm-btn.class02 {
  bottom: 180px;
}
.prm_240405 .sec__prm-btn.class02 .btn-prm span {
  width: 94px;
  height: 82px;
  background-position: 0 -212px;
}

@media (max-width: 1200px) {
  .prm_240405 .sec__prm-cont {
    margin-bottom: 100px;
  }
  .prm_240405 .sec__prm-cont .prm_subtit {
    height: 28px;
  }
  .prm_240405 .sec__prm-cont.prm_video-ready {
    padding: 0 12px;
  }
  .prm_240405 .sec__prm-cont.schedule .prm_subtit {
    width: 96px;
    background-position: 0 -348px;
  }
  .prm_240405 .sec__prm-cont.price .prm_subtit {
    width: 67px;
    background-position: 0 -386px;
  }
  .prm_240405 .sec__prm-cont.feature .prm_subtit {
    width: 318px;
    background-position: 0 -424px;
  }
  .prm_240405 .sec__prm-cont.professor .prm_subtit {
    width: 169px;
    background-position: 0 -462px;
  }
  .prm_240405 .sec__prm-cont.timetable .prm_subtit {
    width: 221px;
    height: 72px;
    background-position: 0 -500px;
  }
  .prm_240405 .sec__prm-cont.studylab-tutoring_2402 .prm_subtit {
    width: 160px;
    background-position: 0 -582px;
  }
  .prm_240405 .sec__prm-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    left: unset;
    right: 12px;
  }
  .prm_240405 .sec__prm-btn .btn-prm {
    width: 100px;
    height: 100px;
    border-radius: 50%;
  }
  .prm_240405 .sec__prm-btn.timetable .btn-prm span {
    width: 58px;
    height: 44px;
    background-position: 0 -66px;
  }
  .prm_240405 .sec__prm-btn.class01 {
    bottom: 240px;
  }
  .prm_240405 .sec__prm-btn.class01 .btn-prm span {
    width: 72px;
    height: 62px;
    background-position: 0 -303px;
  }
  .prm_240405 .sec__prm-btn.class02 {
    bottom: 130px;
  }
  .prm_240405 .sec__prm-btn.class02 .btn-prm span {
    width: 74px;
    height: 62px;
    background-position: 0 -374px;
  }
}
.prm_240412 {
  background-color: #f4f4f4;
}
.prm_240412 .sec__prm-tit {
  height: 400px;
  position: relative;
  background-image: url("../img/prm_img/240412/cta01/prm_tit_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 0;
}
.prm_240412 .sec__prm-tit img {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.prm_240412 .sec__prm-tit .img_pc {
  max-width: 759px;
}
.prm_240412 .sec__prm-tit.cta02 {
  height: 450px;
  margin-bottom: 80px;
  background-image: url("../img/prm_img/240412/cta02/prm_tit_bg.png?ver=1");
}
.prm_240412 .sec__prm-tit.cta02 .img_pc {
  max-width: 600px;
}
.prm_240412 .sec__prm-cont {
  margin-bottom: 120px;
}
.prm_240412 .sec__prm-cont .prm_subtit {
  height: 40px;
  background-image: url("../img/prm_img/240412/cta01/prm_subtit.png");
  background-size: 645px 562px;
}
.prm_240412 .sec__prm-cont .prm_subtit.cta02 {
  background-image: url("../img/prm_img/240412/cta02/prm_subtit.png?ver=1");
  background-size: 737px 562px;
}
.prm_240412 .sec__prm-cont.schedule {
  margin: 80px auto 100px;
}
.prm_240412 .sec__prm-cont.prm_video-ready button {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.prm_240412 .sec__prm-cont.prm_video-ready button img {
  max-width: 970px;
}
.prm_240412 .sec__prm-cont.prm_video-ready.cta02 {
  margin-top: 80px;
}
.prm_240412 .sec__prm-cont.composition .prm_subtit {
  width: 645px;
  background-position: 0 0;
}
.prm_240412 .sec__prm-cont.composition .img_pc {
  max-width: 800px;
}
.prm_240412 .sec__prm-cont.composition.cta02 .prm_subtit {
  width: 447px;
}
.prm_240412 .sec__prm-cont.composition.cta02 .img_pc {
  max-width: 900px;
}
.prm_240412 .sec__prm-cont.timetable .prm_subtit {
  width: 514px;
  background-position: 0 -50px;
}
.prm_240412 .sec__prm-cont.timetable .img_pc {
  max-width: 900px;
}
.prm_240412 .sec__prm-cont.timetable.cta02 {
  padding: 100px 0 120px;
  margin-bottom: 0;
  background-color: #f8eec9;
}
.prm_240412 .sec__prm-cont.feature .prm_subtit {
  width: 554px;
  background-position: 0 -100px;
}
.prm_240412 .sec__prm-cont.feature .img_pc {
  max-width: 900px;
}
.prm_240412 .sec__prm-cont.feature.cta02 {
  margin-top: -20px;
}
.prm_240412 .sec__prm-cont.item-list {
  background-color: #ab99dd;
}
.prm_240412 .sec__prm-cont.item-list .sec__class-item {
  padding: 80px 0 100px;
}
.prm_240412 .sec__prm-cont.item-list .sec__class-item .sec__prm-item-tit {
  margin-bottom: 60px;
}
.prm_240412 .sec__prm-cont.item-list .sec__class-item .sec__prm-item-tit .img_pc {
  max-width: 737px;
}
.prm_240412 .sec__prm-cont.item-list .sec__class-item .sec__prm-item-cont {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
}
.prm_240412 .sec__prm-cont.item-list .sec__class-item .sec__prm-item-cont a {
  display: block;
  width: 240px;
  position: absolute;
  top: 0;
  right: 0;
}
.prm_240412 .sec__prm-cont.item-list .sec__pkg-item {
  padding: 100px 0;
  background-color: #655398;
}
.prm_240412 .sec__prm-cont.item-list .sec__pkg-item .sec__prm-item-tit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  margin: 0 auto 60px;
}
.prm_240412 .sec__prm-cont.item-list .sec__pkg-item .sec__prm-item-tit a {
  display: block;
  width: 176px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.prm_240412 .sec__prm-cont.item-list .sec__test-item {
  padding: 100px 0 80px;
}
.prm_240412 .sec__prm-cont.item-list .sec__test-item .sec__prm-item-tit {
  margin-bottom: 40px;
}
.prm_240412 .sec__prm-cont.item-list .sec__test-item .sec__prm-item-tit .img_pc {
  max-width: 900px;
}
.prm_240412 .sec__prm-cont.item-list .sec__test-item ul {
  max-width: 916px;
  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;
  margin: auto;
}
.prm_240412 .sec__prm-cont.item-list .sec__test-item ul li {
  padding: 0 8px;
}
.prm_240412 .sec__prm-cont.item-list .sec__test-item ul li a {
  display: block;
}
.prm_240412 .sec__prm-cont.item-list.cta02 {
  background-color: #f8eec9;
}
.prm_240412 .sec__prm-cont.item-list.cta02 .prm_subtit {
  width: 594px;
  background-position: 0 -100px;
}
.prm_240412 .sec__prm-cont.item-list.cta02 .sec__test-item {
  padding: 0 0 100px;
}
.prm_240412 .sec__prm-cont.item-list.cta02 .sec__pkg-item {
  background-color: #84a470;
}
.prm_240412 .sec__prm-cont.professor .prm_subtit {
  width: 299px;
  background-position: 0 -150px;
}
.prm_240412 .sec__prm-cont.professor.cta02 .prm_subtit {
  width: 303px;
}
.prm_240412 .sec__prm-cont.studylab-tutoring_2402 .prm_subtit {
  width: 292px;
  background-position: 0 -200px;
}
.prm_240412 .sec__prm-cont.test-range .prm_subtit {
  width: 737px;
  background-position: 0 -200px;
}
.prm_240412 .sec__prm-cont.test-range li {
  margin-bottom: 48px;
}
.prm_240412 .sec__prm-cont.test-range li:last-child {
  margin-bottom: 0;
}
.prm_240412 .sec__prm-btn .btn-prm {
  width: 150px;
  height: 150px;
  background-color: #c6efac;
  border: 1px solid #4d3e8a;
  -webkit-box-shadow: -1px 1px 6px 0px rgba(62, 48, 117, 0.25);
          box-shadow: -1px 1px 6px 0px rgba(62, 48, 117, 0.25);
}
.prm_240412 .sec__prm-btn .btn-prm span {
  width: 79px;
  height: 52px;
  background-image: url("../img/prm_img/240412/cta01/prm_btntxt.png");
  background-size: 79px 98px;
  background-position: 0 0;
}
.prm_240412 .sec__prm-btn.cta02 .btn-prm {
  background-color: #ffc28a;
}

@media (max-width: 1200px) {
  .prm_240412 .sec__prm-tit .img_mo {
    max-width: 347px;
  }
  .prm_240412 .sec__prm-tit.cta02 {
    margin-bottom: 60px;
  }
  .prm_240412 .sec__prm-tit.cta02 .img_mo {
    max-width: 350px;
  }
  .prm_240412 .sec__prm-cont {
    margin-bottom: 100px;
  }
  .prm_240412 .sec__prm-cont .prm_subtit {
    height: 72px;
  }
  .prm_240412 .sec__prm-cont.schedule {
    margin: 60px auto 80px;
  }
  .prm_240412 .sec__prm-cont.prm_video-ready {
    padding: 0 12px;
  }
  .prm_240412 .sec__prm-cont.prm_video-ready.cta02 {
    margin-top: 60px;
  }
  .prm_240412 .sec__prm-cont.composition .prm_subtit {
    width: 268px;
    background-position: 0 -250px;
  }
  .prm_240412 .sec__prm-cont.composition.cta02 .prm_subtit {
    width: 313px;
    height: 28px;
  }
  .prm_240412 .sec__prm-cont.timetable .prm_subtit {
    width: 268px;
    background-position: 0 -332px;
  }
  .prm_240412 .sec__prm-cont.timetable .img_pc {
    max-width: 900px;
  }
  .prm_240412 .sec__prm-cont.timetable.cta02 {
    padding: 60px 0 80px;
  }
  .prm_240412 .sec__prm-cont.timetable.cta02 .prm_subtit {
    width: 296px;
    background-position: 0 -288px;
  }
  .prm_240412 .sec__prm-cont.feature .prm_subtit {
    width: 296px;
    background-position: 0 -414px;
  }
  .prm_240412 .sec__prm-cont.item-list .sec__class-item {
    padding: 60px 0 80px;
  }
  .prm_240412 .sec__prm-cont.item-list .sec__class-item .sec__prm-item-tit {
    margin-bottom: 40px;
  }
  .prm_240412 .sec__prm-cont.item-list .sec__class-item .sec__prm-item-tit .img_mo {
    max-width: 268px;
  }
  .prm_240412 .sec__prm-cont.item-list .sec__class-item .sec__prm-item-cont {
    max-width: 900px;
  }
  .prm_240412 .sec__prm-cont.item-list .sec__class-item .sec__prm-item-cont a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    top: unset;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .prm_240412 .sec__prm-cont.item-list .sec__pkg-item {
    padding: 60px 0;
  }
  .prm_240412 .sec__prm-cont.item-list .sec__pkg-item .sec__prm-item-tit a {
    width: 136px;
    position: absolute;
    bottom: -5px;
    right: 4%;
  }
  .prm_240412 .sec__prm-cont.item-list .sec__test-item {
    padding: 80px 0 60px;
  }
  .prm_240412 .sec__prm-cont.item-list .sec__test-item ul {
    max-width: 390px;
    -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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .prm_240412 .sec__prm-cont.item-list .sec__test-item ul li {
    padding: 0;
  }
  .prm_240412 .sec__prm-cont.item-list .sec__test-item ul li:first-child {
    margin-bottom: 16px;
  }
  .prm_240412 .sec__prm-cont.item-list.cta02 .prm_subtit {
    width: 324px;
    background-position: 0 -370px;
  }
  .prm_240412 .sec__prm-cont.item-list.cta02 .sec__test-item {
    padding-bottom: 80px;
  }
  .prm_240412 .sec__prm-cont.professor .prm_subtit {
    width: 210px;
    height: 28px;
    background-position: 0 -496px;
  }
  .prm_240412 .sec__prm-cont.professor.cta02 .prm_subtit {
    width: 212px;
    background-position: 0 -452px;
  }
  .prm_240412 .sec__prm-cont.studylab-tutoring_2402 .prm_subtit {
    width: 204px;
    height: 28px;
    background-position: 0 -534px;
  }
  .prm_240412 .sec__prm-cont.test-range .prm_subtit {
    width: 268px;
    background-position: 0 -490px;
  }
  .prm_240412 .sec__prm-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    left: unset;
    right: 12px;
  }
  .prm_240412 .sec__prm-btn .btn-prm {
    width: 80px;
    height: 80px;
    border-radius: 50%;
  }
  .prm_240412 .sec__prm-btn .btn-prm span {
    width: 55px;
    height: 36px;
    background-position: 0 -62px;
  }
}
.prm_240418 {
  position: relative;
  background: var(--3, linear-gradient(180deg, #171b53 -1.21%, #3d4b7f 29.28%, #f0f1ff 80.23%));
}
.prm_240418 .sec__prm-bg {
  width: 100%;
  max-width: 2000px;
  height: 1840px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-image: url("../img/prm_img/240418/prm_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.prm_240418 .sec__prm-container {
  position: relative;
  top: 0;
  left: 0;
}
.prm_240418 .sec__prm-tit {
  position: relative;
  height: 460px;
}
.prm_240418 .sec__prm-tit img {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: auto;
}
.prm_240418 .sec__prm-tit img.img_pc {
  max-width: 621px;
}
.prm_240418 .sec__prm-youtube {
  padding-top: 100px;
}
.prm_240418 .sec__prm-cont {
  margin-bottom: 150px;
}
.prm_240418 .sec__prm-cont.feature .img_pc {
  max-width: 1170px;
}
.prm_240418 .sec__prm-cont.item-list .prm_subtit {
  width: 885px;
  height: 48px;
  background-image: url("../img/prm_img/240418/prm_subtit.png");
  background-repeat: no-repeat;
  background-size: 885px 130px;
  background-position: 0 0;
}
.prm_240418 .sec__prm-cont.item-list ul {
  max-width: 970px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
}
.prm_240418 .sec__prm-cont.item-list ul li {
  position: relative;
  width: 312px;
  margin-right: 17px;
  margin-bottom: 60px;
}
.prm_240418 .sec__prm-cont.item-list ul li:nth-child(3) {
  margin-right: 0;
}
.prm_240418 .sec__prm-cont.item-list ul li:nth-child(4), .prm_240418 .sec__prm-cont.item-list ul li:nth-child(5) {
  margin-bottom: 0;
}
.prm_240418 .sec__prm-cont.item-list ul li a {
  position: absolute;
  bottom: 0;
  left: 0;
}
.prm_240418 .sec__prm-cont.timetable .prm_subtit {
  max-width: 804px;
}
.prm_240418 .sec__prm-btn .btn-prm {
  width: 150px;
  height: 150px;
  background-color: #17c1d5;
  border: 1px solid #171b53;
  -webkit-box-shadow: -1px 1px 6px 0px rgba(23, 27, 83, 0.25);
          box-shadow: -1px 1px 6px 0px rgba(23, 27, 83, 0.25);
}
.prm_240418 .sec__prm-btn .btn-prm span {
  width: 79px;
  height: 52px;
  background-image: url("../img/prm_img/240418/prm_btntxt.png");
  background-size: 79px 98px;
  background-position: 0 0;
}

@media (max-width: 1200px) {
  .prm_240418 .sec__prm-bg {
    max-width: 1200px;
    height: 460px;
    background-image: url("../img/prm_img/240418/prm_bg_mo.png");
    background-position: center 0;
  }
  .prm_240418 .sec__prm-tit img.img_mo {
    max-width: 322px;
  }
  .prm_240418 .sec__prm-youtube {
    padding: 20px 12px 40px;
  }
  .prm_240418 .sec__prm-cont {
    margin-bottom: 0;
  }
  .prm_240418 .sec__prm-cont.feature {
    padding: 60px 0;
  }
  .prm_240418 .sec__prm-cont.item-list {
    padding: 60px 0;
  }
  .prm_240418 .sec__prm-cont.item-list .prm_subtit {
    width: 288px;
    height: 72px;
    background-position: 0 -58px;
  }
  .prm_240418 .sec__prm-cont.item-list ul {
    max-width: 390px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .prm_240418 .sec__prm-cont.item-list ul li {
    position: relative;
    width: 100%;
    padding: 0 20px;
    margin-right: 0;
    margin-bottom: 60px;
  }
  .prm_240418 .sec__prm-cont.item-list ul li:nth-child(4) {
    margin-bottom: 60px;
  }
  .prm_240418 .sec__prm-cont.item-list ul li a {
    width: calc(100% - 40px);
    right: 0;
    margin: auto;
  }
  .prm_240418 .sec__prm-cont.timetable {
    padding: 60px 0;
  }
  .prm_240418 .sec__prm-cont.timetable .prm_subtit {
    max-width: 390px;
  }
  .prm_240418 .sec__prm-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    left: unset;
    right: 12px;
  }
  .prm_240418 .sec__prm-btn .btn-prm {
    width: 100px;
    height: 100px;
    border-radius: 50%;
  }
  .prm_240418 .sec__prm-btn .btn-prm span {
    width: 55px;
    height: 36px;
    background-position: 0 -62px;
  }
}
.prm_240430 {
  background-color: #f3f5f7;
}
.prm_240430 .sec__prm-tit {
  position: relative;
  height: 500px;
  background-image: url("../img/prm_img/240430/prm_tit_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.prm_240430 .sec__prm-tit img {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: auto;
}
.prm_240430 .sec__prm-tit .img_pc {
  max-width: 836px;
}
.prm_240430 .sec__prm-cont {
  margin-bottom: 120px;
}
.prm_240430 .sec__prm-cont .prm_subtit {
  height: 44px;
  background-image: url("../img/prm_img/240430/prm_subtit.png");
  background-size: 720px 770px;
}
.prm_240430 .sec__prm-cont.feature {
  margin-top: 120px;
}
.prm_240430 .sec__prm-cont.feature .img_pc {
  max-width: 1170px;
}
.prm_240430 .sec__prm-cont.schedule {
  padding: 100px 0 60px;
  margin-bottom: 0;
  background-color: #343971;
}
.prm_240430 .sec__prm-cont.schedule .prm_subtit {
  width: 172px;
  background-position: 0 0;
}
.prm_240430 .sec__prm-cont.composition {
  padding: 60px 0;
  margin-bottom: 0;
  background-color: #343971;
}
.prm_240430 .sec__prm-cont.composition .prm_subtit {
  width: 473px;
  background-position: 0 -54px;
}
.prm_240430 .sec__prm-cont.item-list {
  padding: 60px 0 100px;
  background-color: #343971;
}
.prm_240430 .sec__prm-cont.item-list .prm_subtit {
  width: 500px;
  background-position: 0 -108px;
}
.prm_240430 .sec__prm-cont.item-list .sec__pkg-item {
  position: relative;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto 40px;
}
.prm_240430 .sec__prm-cont.item-list .sec__pkg-item a {
  display: block;
  width: 240px;
  position: absolute;
  top: 0;
  right: 0;
}
.prm_240430 .sec__prm-cont.item-list .sec__class-item {
  max-width: 970px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
}
.prm_240430 .sec__prm-cont.item-list .sec__class-item li {
  margin-right: 20px;
}
.prm_240430 .sec__prm-cont.item-list .sec__class-item li:last-child {
  margin-right: 0;
}
.prm_240430 .sec__prm-cont.item-list .sec__class-item li a {
  display: block;
}
.prm_240430 .sec__prm-cont.timetable .prm_subtit {
  width: 459px;
  background-position: 0 -162px;
}
.prm_240430 .sec__prm-cont.test-range {
  padding: 100px 0;
  background-color: #343971;
}
.prm_240430 .sec__prm-cont.test-range .prm_subtit {
  width: 720px;
  background-position: 0 -216px;
}
.prm_240430 .sec__prm-cont.test-range li {
  margin-bottom: 48px;
}
.prm_240430 .sec__prm-cont.professor .prm_subtit {
  width: 172px;
  background-position: 0 -270px;
}
.prm_240430 .sec__prm-cont.class-info .prm_subtit {
  width: 122px;
  background-position: 0 -324px;
}
.prm_240430 .sec__prm-cont.studylab-tutoring_2402 .prm_subtit {
  width: 293px;
  background-position: 0 -378px;
}
.prm_240430 .sec__prm-btn .btn-prm {
  width: 150px;
  height: 150px;
  background-color: #343971;
  border: 1px solid #befaf1;
  -webkit-box-shadow: -1px 1px 6px 0px rgba(52, 57, 123, 0.25);
          box-shadow: -1px 1px 6px 0px rgba(52, 57, 123, 0.25);
}
.prm_240430 .sec__prm-btn .btn-prm span {
  width: 79px;
  height: 52px;
  background-image: url("../img/prm_img/240430/prm_btntxt.png");
  background-size: 79px 206px;
}
.prm_240430 .sec__prm-btn.timetable {
  bottom: 20px;
}
.prm_240430 .sec__prm-btn.timetable .btn-prm span {
  background-position: 0 0;
}
.prm_240430 .sec__prm-btn.test-range {
  bottom: 190px;
}
.prm_240430 .sec__prm-btn.test-range .btn-prm span {
  background-position: 0 -108px;
}

@media (max-width: 1200px) {
  .prm_240430 .sec__prm-tit .img_mo {
    max-width: 350px;
  }
  .prm_240430 .sec__prm-cont {
    margin-bottom: 100px;
  }
  .prm_240430 .sec__prm-cont .prm_subtit {
    height: 28px;
  }
  .prm_240430 .sec__prm-cont.feature {
    margin: 80px auto;
  }
  .prm_240430 .sec__prm-cont.schedule {
    padding: 60px 0 50px;
  }
  .prm_240430 .sec__prm-cont.schedule .prm_subtit {
    width: 109px;
    background-position: 0 -432px;
  }
  .prm_240430 .sec__prm-cont.composition {
    padding: 50px 0;
  }
  .prm_240430 .sec__prm-cont.composition .prm_subtit {
    width: 301px;
    background-position: 0 -470px;
  }
  .prm_240430 .sec__prm-cont.item-list {
    padding: 50px 0 60px;
  }
  .prm_240430 .sec__prm-cont.item-list .prm_subtit {
    width: 318px;
    background-position: 0 -508px;
  }
  .prm_240430 .sec__prm-cont.item-list .sec__pkg-item {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 0 auto 28px;
  }
  .prm_240430 .sec__prm-cont.item-list .sec__pkg-item a {
    width: calc(100% - 40px);
    top: unset;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  .prm_240430 .sec__prm-cont.item-list .sec__class-item {
    max-width: 390px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .prm_240430 .sec__prm-cont.item-list .sec__class-item li {
    margin-right: 0;
    margin-bottom: 28px;
  }
  .prm_240430 .sec__prm-cont.item-list .sec__class-item li:last-child {
    margin-bottom: 0;
  }
  .prm_240430 .sec__prm-cont.timetable .prm_subtit {
    width: 292px;
    background-position: 0 -546px;
  }
  .prm_240430 .sec__prm-cont.test-range {
    padding: 60px 0;
    background-color: #343971;
  }
  .prm_240430 .sec__prm-cont.test-range .prm_subtit {
    width: 244px;
    height: 72px;
    background-position: 0 -584px;
  }
  .prm_240430 .sec__prm-cont.professor .prm_subtit {
    width: 109px;
    background-position: 0 -666px;
  }
  .prm_240430 .sec__prm-cont.class-info .prm_subtit {
    width: 78px;
    background-position: 0 -704px;
  }
  .prm_240430 .sec__prm-cont.studylab-tutoring_2402 .prm_subtit {
    width: 187px;
    background-position: 0 -742px;
  }
  .prm_240430 .sec__prm-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    left: unset;
    right: 12px;
  }
  .prm_240430 .sec__prm-btn .btn-prm {
    width: 100px;
    height: 100px;
    border-radius: 50%;
  }
  .prm_240430 .sec__prm-btn .btn-prm span {
    width: 55px;
    height: 36px;
    background-image: url("../img/prm_img/240430/prm_btntxt.png");
    background-size: 79px 206px;
  }
  .prm_240430 .sec__prm-btn.timetable .btn-prm span {
    background-position: 0 -62px;
  }
  .prm_240430 .sec__prm-btn.test-range {
    bottom: 130px;
  }
  .prm_240430 .sec__prm-btn.test-range .btn-prm span {
    background-position: 0 -170px;
  }
}
.prm_240529 {
  background-color: #fafafa;
}
.prm_240529 .sec__prm-tit {
  position: relative;
  height: 490px;
  margin-bottom: 100px;
  background-color: #120375;
  background-image: url("../img/prm_img/240529/prm_tit_bg.png");
  background-repeat: no-repeat;
  background-size: 1170px 232px;
  background-position: center;
}
.prm_240529 .sec__prm-tit img {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: auto;
}
.prm_240529 .sec__prm-tit .img_pc {
  max-width: 886px;
}
.prm_240529 .sec__prm-cont {
  margin-bottom: 120px;
}
.prm_240529 .sec__prm-cont .prm_subtit {
  height: 46px;
  background-image: url("../img/prm_img/240529/prm_subtit.png");
  background-size: 495px 930px;
}
.prm_240529 .sec__prm-cont.schedule .prm_subtit {
  width: 179px;
  background-position: 0 0;
}
.prm_240529 .sec__prm-cont.schedule .prm_notice_class {
  margin-top: 28px;
}
.prm_240529 .sec__prm-cont.item-list .prm_subtit {
  width: 170px;
  background-position: 0 -56px;
}
.prm_240529 .sec__prm-cont.item-list ul {
  max-width: 970px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin: auto;
}
.prm_240529 .sec__prm-cont.item-list ul li {
  position: relative;
}
.prm_240529 .sec__prm-cont.item-list ul li a {
  position: absolute;
  bottom: 0;
  left: 0;
}
.prm_240529 .sec__prm-cont.item-list .prm_single_class {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: unset;
  margin-top: 40px;
}
.prm_240529 .sec__prm-cont.item-list .prm_single_class li {
  width: 235px;
  margin-right: 10px;
}
.prm_240529 .sec__prm-cont.item-list .prm_single_class li:nth-child(-n+3) {
  margin-bottom: 28px;
}
.prm_240529 .sec__prm-cont.item-list .prm_single_class li:nth-child(4) {
  margin: 0 0 28px 0;
}
.prm_240529 .sec__prm-cont.item-list .prm_single_class li:nth-child(8) {
  margin-right: 0;
}
.prm_240529 .sec__prm-cont.item-list .prm_notice {
  margin-top: 60px;
}
.prm_240529 .sec__prm-cont.class_stage .prm_subtit {
  width: 358px;
  background-position: 0 -112px;
}
.prm_240529 .sec__prm-cont.feature-list01 {
  padding: 120px 0;
  margin-bottom: 0;
  background-color: #1b1444;
}
.prm_240529 .sec__prm-cont.feature-list01 .feature-item.feature01 {
  margin-bottom: 180px;
}
.prm_240529 .sec__prm-cont.feature-list01 .feature-item.feature01 .prm_subtit {
  width: 371px;
  background-position: 0 -168px;
}
.prm_240529 .sec__prm-cont.feature-list01 .feature-item.feature02 .prm_subtit {
  width: 409px;
  background-position: 0 -224px;
}
.prm_240529 .sec__prm-cont.feature-list02 {
  padding: 120px 0;
  background-color: #4a5bfa;
}
.prm_240529 .sec__prm-cont.feature-list02 .feature-item.feature03 {
  margin-bottom: 180px;
}
.prm_240529 .sec__prm-cont.feature-list02 .feature-item.feature03 .prm_subtit {
  width: 244px;
  background-position: 0 -280px;
}
.prm_240529 .sec__prm-cont.feature-list02 .feature-item.feature04 .prm_subtit {
  width: 266px;
  background-position: 0 -336px;
}
.prm_240529 .sec__prm-cont.professor .prm_subtit {
  width: 495px;
  background-position: 0 -392px;
}
.prm_240529 .sec__prm-cont.timetable .prm_subtit {
  width: 401px;
  background-position: 0 -448px;
}
.prm_240529 .sec__prm-cont.feature05 {
  padding: 100px 0;
  margin-bottom: 0;
  background-color: #101e43;
}
.prm_240529 .sec__prm-cont.feature05 .prm_subtit {
  width: 401px;
  background-position: 0 -504px;
}
.prm_240529 .sec__prm-btn .btn-prm {
  width: 150px;
  height: 150px;
  background-color: var(--white);
  border: 1px solid #120375;
  -webkit-box-shadow: -1px 1px 6px 0px rgba(23, 27, 83, 0.25);
          box-shadow: -1px 1px 6px 0px rgba(23, 27, 83, 0.25);
}
.prm_240529 .sec__prm-btn .btn-prm span {
  width: 79px;
  height: 52px;
  background-image: url("../img/prm_img/240529/prm_btntxt.png");
  background-size: 79px 98px;
  background-position: 0 0;
}

@media (max-width: 1200px) {
  .prm_240529 .sec__prm-tit {
    height: 518px;
    margin-bottom: 80px;
    background-image: url("../img/prm_img/240529/prm_tit_bg_mo.png");
    background-size: 600px 160px;
  }
  .prm_240529 .sec__prm-tit .img_mo {
    max-width: 390px;
  }
  .prm_240529 .sec__prm-cont {
    margin-bottom: 100px;
  }
  .prm_240529 .sec__prm-cont .prm_subtit {
    height: 28px;
  }
  .prm_240529 .sec__prm-cont.schedule .prm_subtit {
    width: 109px;
    background-position: 0 -560px;
  }
  .prm_240529 .sec__prm-cont.schedule .prm_notice_class {
    margin-top: 12px;
  }
  .prm_240529 .sec__prm-cont.item-list .prm_subtit {
    width: 104px;
    background-position: 0 -598px;
  }
  .prm_240529 .sec__prm-cont.item-list ul {
    max-width: 390px;
    -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;
  }
  .prm_240529 .sec__prm-cont.item-list ul li {
    position: relative;
  }
  .prm_240529 .sec__prm-cont.item-list ul li a {
    width: 92%;
    right: 0;
    margin: auto;
  }
  .prm_240529 .sec__prm-cont.item-list .prm_single_class {
    margin-top: 28px;
  }
  .prm_240529 .sec__prm-cont.item-list .prm_single_class li {
    width: 100%;
    max-width: 390px;
    margin-right: 0;
    margin-bottom: 28px;
  }
  .prm_240529 .sec__prm-cont.item-list .prm_single_class li:last-child {
    margin-bottom: 0;
  }
  .prm_240529 .sec__prm-cont.item-list .prm_notice {
    margin-top: 40px;
  }
  .prm_240529 .sec__prm-cont.class_stage .prm_subtit {
    width: 218px;
    background-position: 0 -636px;
  }
  .prm_240529 .sec__prm-cont.feature-list01 {
    padding: 100px 0;
  }
  .prm_240529 .sec__prm-cont.feature-list01 .feature-item.feature01 {
    margin-bottom: 160px;
  }
  .prm_240529 .sec__prm-cont.feature-list01 .feature-item.feature01 .prm_subtit {
    width: 226px;
    background-position: 0 -674px;
  }
  .prm_240529 .sec__prm-cont.feature-list01 .feature-item.feature02 .prm_subtit {
    width: 249px;
    background-position: 0 -712px;
  }
  .prm_240529 .sec__prm-cont.feature-list02 {
    padding: 100px 0;
  }
  .prm_240529 .sec__prm-cont.feature-list02 .feature-item.feature03 {
    margin-bottom: 160px;
  }
  .prm_240529 .sec__prm-cont.feature-list02 .feature-item.feature03 .prm_subtit {
    width: 149px;
    background-position: 0 -750px;
  }
  .prm_240529 .sec__prm-cont.feature-list02 .feature-item.feature04 .prm_subtit {
    width: 162px;
    background-position: 0 -788px;
  }
  .prm_240529 .sec__prm-cont.professor .prm_subtit {
    width: 301px;
    background-position: 0 -826px;
  }
  .prm_240529 .sec__prm-cont.timetable .prm_subtit {
    width: 244px;
    background-position: 0 -864px;
  }
  .prm_240529 .sec__prm-cont.feature05 .prm_subtit {
    width: 245px;
    background-position: 0 -902px;
  }
  .prm_240529 .sec__prm-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    left: unset;
    right: 12px;
  }
  .prm_240529 .sec__prm-btn .btn-prm {
    width: 100px;
    height: 100px;
    border-radius: 50%;
  }
  .prm_240529 .sec__prm-btn .btn-prm span {
    width: 55px;
    height: 36px;
    background-position: 0 -62px;
  }
}
.prm_240613 {
  background-color: #fafafa;
}
.prm_240613 .sec__prm-tit {
  position: relative;
  height: 450px;
  background-image: url("../img/prm_img/240613/prm_tit_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.prm_240613 .sec__prm-tit img {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: auto;
}
.prm_240613 .sec__prm-tit .img_pc {
  max-width: 810px;
}
.prm_240613 .sec__prm-cont {
  margin-bottom: 120px;
}
.prm_240613 .sec__prm-cont .prm_subtit {
  height: 46px;
  background-image: url("../img/prm_img/240613/prm_subtit.png");
  background-size: 654px 504px;
}
.prm_240613 .sec__prm-cont.professor {
  padding: 80px 0 120px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(3.88%, #18153c), color-stop(79.97%, #5574c9)), #4465c0;
  background: linear-gradient(180deg, #18153c 3.88%, #5574c9 79.97%), #4465c0;
}
.prm_240613 .sec__prm-cont.professor .prm_subtit {
  width: 237px;
  background-position: 0 0;
  margin-bottom: 70px;
}
.prm_240613 .sec__prm-cont.professor ul {
  max-width: 970px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: auto;
}
.prm_240613 .sec__prm-cont.professor ul li {
  width: calc(50% - 20px);
}
.prm_240613 .sec__prm-cont.professor ul li:nth-child(1), .prm_240613 .sec__prm-cont.professor ul li:nth-child(2) {
  margin-bottom: 40px;
}
.prm_240613 .sec__prm-cont.professor ul li .prm_prof-tit {
  margin-bottom: 24px;
}
.prm_240613 .sec__prm-cont.professor ul li .sec__prm-youtube {
  padding: 0;
}
.prm_240613 .sec__prm-cont.professor ul li p {
  margin-top: 20px;
}
.prm_240613 .sec__prm-cont.schedule .prm_subtit {
  width: 198px;
  background-position: 0 -56px;
}
.prm_240613 .sec__prm-cont.price .prm_subtit {
  width: 594px;
  background-position: 0 -112px;
}
.prm_240613 .sec__prm-cont.price .sec__prm-pkg-item {
  max-width: 970px;
  position: relative;
  margin: 0 auto;
}
.prm_240613 .sec__prm-cont.price .sec__prm-pkg-item a {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 240px;
}
.prm_240613 .sec__prm-cont.price ul {
  max-width: 970px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin: 28px auto 0;
}
.prm_240613 .sec__prm-cont.price ul li {
  position: relative;
}
.prm_240613 .sec__prm-cont.price ul li a {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.prm_240613 .sec__prm-cont.feature-list {
  padding: 120px 0;
  background-color: #1d1949;
}
.prm_240613 .sec__prm-cont.feature-list li {
  margin-bottom: 120px;
}
.prm_240613 .sec__prm-cont.feature-list li:last-child {
  margin-bottom: 0;
}
.prm_240613 .sec__prm-cont.feature-list li .img_pc {
  max-width: 1170px;
}
.prm_240613 .sec__prm-cont.class_stage .prm_subtit {
  width: 396px;
  background-position: 0 -168px;
}
.prm_240613 .sec__prm-cont.timetable .prm_subtit {
  width: 654px;
  background-position: 0 -224px;
}
.prm_240613 .sec__prm-btn .btn-prm {
  width: 150px;
  height: 150px;
  background-color: #fd7f28;
  -webkit-box-shadow: -1px 1px 6px 0px rgba(253, 127, 40, 0.25);
          box-shadow: -1px 1px 6px 0px rgba(253, 127, 40, 0.25);
}
.prm_240613 .sec__prm-btn .btn-prm span {
  width: 79px;
  height: 52px;
  background-image: url("../img/prm_img/240613/prm_btntxt.png");
  background-size: 79px 98px;
  background-position: 0 0;
}

@media (max-width: 1200px) {
  .prm_240613 .sec__prm-tit .img_mo {
    max-width: 351px;
  }
  .prm_240613 .sec__prm-cont {
    margin-bottom: 100px;
  }
  .prm_240613 .sec__prm-cont .prm_subtit {
    height: 28px;
  }
  .prm_240613 .sec__prm-cont.professor {
    padding: 60px 0 100px;
  }
  .prm_240613 .sec__prm-cont.professor .prm_subtit {
    width: 145px;
    background-position: 0 -280px;
    margin-bottom: 48px;
  }
  .prm_240613 .sec__prm-cont.professor ul {
    max-width: 390px;
    -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;
  }
  .prm_240613 .sec__prm-cont.professor ul li {
    width: calc(100% - 32px);
    margin: 0 auto 48px;
  }
  .prm_240613 .sec__prm-cont.professor ul li:nth-child(1), .prm_240613 .sec__prm-cont.professor ul li:nth-child(2) {
    margin-bottom: 48px;
  }
  .prm_240613 .sec__prm-cont.professor ul li:last-child {
    margin-bottom: 0;
  }
  .prm_240613 .sec__prm-cont.professor ul li .prm_prof-tit {
    margin-bottom: 20px;
  }
  .prm_240613 .sec__prm-cont.professor ul li p {
    margin-top: 12px;
  }
  .prm_240613 .sec__prm-cont.schedule .prm_subtit {
    width: 121px;
    background-position: 0 -318px;
  }
  .prm_240613 .sec__prm-cont.price .prm_subtit {
    width: 350px;
    background-position: 0 -356px;
  }
  .prm_240613 .sec__prm-cont.price .sec__prm-pkg-item {
    max-width: 390px;
  }
  .prm_240613 .sec__prm-cont.price .sec__prm-pkg-item a {
    top: unset;
    bottom: 0;
    left: 0;
    width: calc(100% - 32px);
    margin: auto;
  }
  .prm_240613 .sec__prm-cont.price ul {
    max-width: 390px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 28px;
  }
  .prm_240613 .sec__prm-cont.price ul li a {
    width: 92%;
    right: 0;
    margin: auto;
  }
  .prm_240613 .sec__prm-cont.feature-list {
    padding: 100px 0;
    background-color: #1d1949;
  }
  .prm_240613 .sec__prm-cont.feature-list li {
    margin-bottom: 100px;
  }
  .prm_240613 .sec__prm-cont.feature-list li:last-child {
    margin-bottom: 0;
  }
  .prm_240613 .sec__prm-cont.class_stage .prm_subtit {
    width: 241px;
    background-position: 0 -394px;
  }
  .prm_240613 .sec__prm-cont.timetable .prm_subtit {
    width: 241px;
    height: 72px;
    background-position: 0 -432px;
  }
  .prm_240613 .sec__prm-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    left: unset;
    right: 12px;
  }
  .prm_240613 .sec__prm-btn .btn-prm {
    width: 100px;
    height: 100px;
    border-radius: 50%;
  }
  .prm_240613 .sec__prm-btn .btn-prm span {
    width: 55px;
    height: 36px;
    background-position: 0 -62px;
  }
}
.prm_240621 {
  background-color: #f9f9f9;
}
.prm_240621 .sec__prm-tit {
  position: relative;
  height: 450px;
  background-image: url("../img/prm_img/240621/prm_tit_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-bottom: 100px;
}
.prm_240621 .sec__prm-tit img {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: auto;
}
.prm_240621 .sec__prm-tit .img_pc {
  max-width: 970px;
}
.prm_240621 .sec__prm-cont {
  margin-bottom: 120px;
}
.prm_240621 .sec__prm-cont .prm_subtit {
  height: 44px;
  background-image: url("../img/prm_img/240621/prm_subtit.png");
  background-size: 775px 864px;
}
.prm_240621 .sec__prm-cont.schedule .prm_subtit {
  width: 312px;
  background-position: 0 0;
}
.prm_240621 .sec__prm-cont.price .prm_subtit {
  width: 595px;
  background-position: 0 -54px;
}
.prm_240621 .sec__prm-cont.price .sec__prm-pkg-item {
  position: relative;
  max-width: 970px;
  margin: auto;
}
.prm_240621 .sec__prm-cont.price .sec__prm-pkg-item a {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 240px;
}
.prm_240621 .sec__prm-cont.feature01 {
  padding: 100px 0 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffdf9d), color-stop(101.22%, rgba(255, 223, 157, 0)));
  background: linear-gradient(180deg, #ffdf9d 0%, rgba(255, 223, 157, 0) 101.22%);
}
.prm_240621 .sec__prm-cont.class_stage .prm_subtit {
  width: 664px;
  height: 118px;
  background-position: 0 -108px;
}
.prm_240621 .sec__prm-cont.feature03 .prm_subtit {
  width: 775px;
  height: 118px;
  background-position: 0 -236px;
}
.prm_240621 .sec__prm-cont.timetable .prm_subtit {
  width: 302px;
  background-position: 0 -364px;
}
.prm_240621 .sec__prm-cont.professor .prm_subtit {
  width: 212px;
  background-position: 0 -418px;
}
.prm_240621 .sec__prm-btn .btn-prm {
  width: 150px;
  height: 150px;
  background-color: #fffd98;
  border: 1px solid #3e3075;
  -webkit-box-shadow: -1px 1px 6px 0px rgba(62, 48, 117, 0.25);
          box-shadow: -1px 1px 6px 0px rgba(62, 48, 117, 0.25);
}
.prm_240621 .sec__prm-btn .btn-prm span {
  width: 79px;
  height: 87px;
  background-image: url("../img/prm_img/240621/prm_btntxt.png");
  background-size: 79px 160px;
  background-position: 0 0;
}

@media (max-width: 1200px) {
  .prm_240621 .sec__prm-tit {
    margin-bottom: 80px;
  }
  .prm_240621 .sec__prm-cont {
    margin-bottom: 100px;
  }
  .prm_240621 .sec__prm-cont .prm_subtit {
    height: 28px;
  }
  .prm_240621 .sec__prm-cont.schedule .prm_subtit {
    width: 198px;
    background-position: 0 -472px;
  }
  .prm_240621 .sec__prm-cont.price .prm_subtit {
    width: 270px;
    height: 72px;
    background-position: 0 -510px;
  }
  .prm_240621 .sec__prm-cont.price .sec__prm-pkg-item {
    padding: 0 16px;
  }
  .prm_240621 .sec__prm-cont.price .sec__prm-pkg-item a {
    width: 90%;
    top: unset;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  .prm_240621 .sec__prm-cont.feature01 {
    padding: 80px 0 20px;
  }
  .prm_240621 .sec__prm-cont.class_stage .prm_subtit {
    width: 345px;
    height: 72px;
    background-position: 0 -592px;
  }
  .prm_240621 .sec__prm-cont.feature03 .prm_subtit {
    width: 301px;
    height: 114px;
    background-position: 0 -674px;
  }
  .prm_240621 .sec__prm-cont.timetable .prm_subtit {
    width: 193px;
    background-position: 0 -798px;
  }
  .prm_240621 .sec__prm-cont.professor .prm_subtit {
    width: 135px;
    background-position: 0 -836px;
  }
  .prm_240621 .sec__prm-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    left: unset;
    right: 12px;
  }
  .prm_240621 .sec__prm-btn .btn-prm {
    width: 100px;
    height: 100px;
    border-radius: 50%;
  }
  .prm_240621 .sec__prm-btn .btn-prm span {
    width: 58px;
    height: 63px;
    background-position: 0 -97px;
  }
}
.prm_240701 .sec__prm-tit {
  position: relative;
  height: 1000px;
  background-image: url("../img/prm_img/240701/prm_tit_bg.png?ver=1");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.prm_240701 .sec__prm-tit img {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: auto;
}
.prm_240701 .sec__prm-tit .img_pc {
  max-width: 1170px;
}
.prm_240701 .sec__prm-cont.composition {
  padding: 100px 0 140px;
  background-color: #daefff;
}
.prm_240701 .sec__prm-cont.composition .img_pc {
  max-width: 1020px;
}
.prm_240701 .sec__prm-cont.feature {
  padding-bottom: 80px;
  background-color: #daefff;
}
.prm_240701 .sec__prm-cont.feature .img_pc {
  max-width: 900px;
}
.prm_240701 .sec__prm-cont.price {
  padding-bottom: 100px;
  background-color: #daefff;
}
.prm_240701 .sec__prm-cont.price .sec__prm_pkg_item {
  position: relative;
}
.prm_240701 .sec__prm-cont.price .sec__prm_pkg_item .img_pc {
  max-width: 800px;
}
.prm_240701 .sec__prm-cont.price .sec__prm_pkg_item a {
  display: block;
  max-width: 660px;
  position: absolute;
  bottom: 71px;
  left: 0;
  right: 0;
  margin: auto;
}
.prm_240701 .sec__prm-cont.review {
  padding: 100px 0;
  background-color: #e8e8e8;
}
.prm_240701 .sec__prm-cont.review .prm_subtit {
  margin-bottom: 60px;
}
.prm_240701 .sec__prm-cont.review .prm_subtit .img_pc {
  width: 354px;
}
.prm_240701 .sec__prm-cont.cs {
  padding: 80px 0;
  background-color: #f9f9f9;
}
.prm_240701 .sec__prm-cont.cs .img_pc {
  max-width: 660px;
}
.prm_240701 .sec__prm-youtube-shorts-wrap {
  padding: 80px 0 100px;
  background-color: #113272;
}
.prm_240701 .sec__prm-youtube-shorts-wrap .prm_subtit {
  margin-bottom: 60px;
}
.prm_240701 .sec__prm-youtube-shorts-wrap .prm_subtit .img_pc {
  width: 871px;
}
.prm_240701 .sec__prm-youtube-shorts {
  max-width: 970px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin: 0 auto;
}
.prm_240701 .sec__prm-youtube-shorts .prm-youtube-shorts-item {
  width: 33.333%;
}
.prm_240701 .sec__prm-youtube-shorts .prm-youtube-shorts-item div {
  position: relative;
  width: 100%;
  height: auto;
  padding-bottom: 177.78%;
}
.prm_240701 .sec__prm-youtube-shorts .prm-youtube-shorts-item div iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 1200px) {
  .prm_240701 .sec__prm-tit {
    height: 900px;
    background-image: url("../img/prm_img/240701/prm_tit_bg_mo.png");
  }
  .prm_240701 .sec__prm-tit .img_mo {
    max-width: 390px;
  }
  .prm_240701 .sec__prm-cont.composition {
    padding-bottom: 100px;
  }
  .prm_240701 .sec__prm-cont.feature {
    padding-bottom: 60px;
  }
  .prm_240701 .sec__prm-cont.price .sec__prm_pkg_item {
    max-width: 390px;
    margin: auto;
  }
  .prm_240701 .sec__prm-cont.price .sec__prm_pkg_item .img_mo {
    max-width: calc(100% - 32px);
  }
  .prm_240701 .sec__prm-cont.price .sec__prm_pkg_item a {
    bottom: 57px;
  }
  .prm_240701 .sec__prm-cont.price .sec__prm_pkg_item a .img_mo {
    width: calc(100% - 56px);
  }
  .prm_240701 .sec__prm-cont.review {
    padding: 80px 0;
  }
  .prm_240701 .sec__prm-cont.review .prm_subtit {
    margin-bottom: 40px;
  }
  .prm_240701 .sec__prm-cont.review .prm_subtit .img_mo {
    max-width: 213px;
  }
  .prm_240701 .sec__prm-cont.cs {
    padding: 40px 0;
  }
  .prm_240701 .sec__prm-youtube-shorts-wrap {
    padding: 60px 0 80px;
  }
  .prm_240701 .sec__prm-youtube-shorts-wrap .prm_subtit {
    margin-bottom: 40px;
  }
  .prm_240701 .sec__prm-youtube-shorts {
    max-width: 390px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
  .prm_240701 .sec__prm-youtube-shorts .prm-youtube-shorts-item {
    width: calc(100% - 32px);
  }
}
.prm_240710 .sec__prm-tit {
  padding: 90px 0 60px;
  background: radial-gradient(32.41% 41.94% at 50% 41.25%, #0c07e3 0%, #050160 100%);
}
.prm_240710 .sec__prm-tit .img_pc {
  max-width: 970px;
}
.prm_240710 .sec__prm-cont.intro {
  padding: 100px 0;
  background-color: #2448ff;
}
.prm_240710 .sec__prm-cont.intro .img_pc {
  max-width: 1170px;
}
.prm_240710 .sec__prm-cont.video {
  background-color: #f9f9f9;
}
.prm_240710 .sec__prm-cont.video .sec__prm-youtube-item {
  padding: 150px 0;
}
.prm_240710 .sec__prm-cont.video .sec__prm-youtube-item .sec__prm-youtube {
  padding-bottom: 0;
}
.prm_240710 .sec__prm-cont.video .sec__prm-youtube-item p {
  margin-top: 60px;
}
.prm_240710 .sec__prm-cont.video .sec__prm-youtube-item.video01 p .img_pc {
  max-width: 640px;
}
.prm_240710 .sec__prm-cont.video .sec__prm-youtube-item.video02 {
  background-color: #0301ac;
}
.prm_240710 .sec__prm-cont.video .sec__prm-youtube-item.video02 p .img_pc {
  max-width: 962px;
}
.prm_240710 .sec__prm-cont.video .sec__prm-youtube-item.video03 p .img_pc {
  max-width: 703px;
}
.prm_240710 .sec__prm-cont.prof {
  padding: 150px 0;
  background-color: #b4d7ff;
}
.prm_240710 .sec__prm-cont.prof .prm_subtit .img_pc {
  max-width: 591px;
}
.prm_240710 .sec__prm-cont.prof .img_pc {
  max-width: 1005px;
}
.prm_240710 .sec__prm-cont.feature {
  padding: 150px 0 100px;
  background-color: #050160;
}
.prm_240710 .sec__prm-cont.feature .prm_subtit .img_pc {
  max-width: 740px;
}
.prm_240710 .sec__prm-cont.feature ul {
  max-width: 970px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
  margin: auto;
}
.prm_240710 .sec__prm-cont.feature ul li {
  width: calc(50% - 15px);
}
.prm_240710 .sec__prm-cont.feature ul li a {
  display: block;
}
.prm_240710 .sec__prm-cont.price {
  padding: 100px 0 150px;
  background-color: #050160;
}
.prm_240710 .sec__prm-cont.price .prm_subtit .img_pc {
  max-width: 928px;
}
.prm_240710 .sec__prm-cont.price .sec__pkgitem-list-wrap {
  max-width: 1090px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  margin: 0 auto 40px;
}
.prm_240710 .sec__prm-cont.price .sec__pkgitem-list-wrap .sec__prm-pkgitem01 {
  position: relative;
  width: 550px;
}
.prm_240710 .sec__prm-cont.price .sec__pkgitem-list-wrap .sec__prm-pkgitem01 a {
  width: 494px;
  position: absolute;
  bottom: 59px;
  left: 0;
  right: 0;
  margin: auto;
}
.prm_240710 .sec__prm-cont.price .sec__pkgitem-list-wrap ul {
  width: 510px;
}
.prm_240710 .sec__prm-cont.price .sec__pkgitem-list-wrap ul li:first-child {
  margin-bottom: 28px;
}
.prm_240710 .sec__prm-cont.price .sec__class-item .img_pc {
  max-width: 1090px;
}
.prm_240710 .sec__prm-cont.review {
  padding: 150px 0;
  background-color: #f9f9f9;
}
.prm_240710 .sec__prm-cont.review .prm_subtit .img_pc {
  max-width: 481px;
}
.prm_240710 .sec__prm-cont.graph {
  padding: 150px 0;
  background-color: #0300ad;
}
.prm_240710 .sec__prm-cont.graph .prm_subtit .img_pc {
  max-width: 659px;
}
.prm_240710 .sec__prm-cont.graph .img_pc {
  max-width: 620px;
}
.prm_240710 .sec__prm-cont.cs {
  padding: 80px 0;
  background-color: #f9f9f9;
}
.prm_240710 .sec__prm-cont.cs .img_pc {
  max-width: 660px;
}

@media (max-width: 1200px) {
  .prm_240710 .sec__prm-tit {
    padding: 80px 0 60px;
    background: radial-gradient(46.06% 25.87% at 50% 36.6%, #0c07e3 0%, #050160 100%);
  }
  .prm_240710 .sec__prm-cont.intro {
    padding: 80px 0;
  }
  .prm_240710 .sec__prm-cont.video .sec__prm-youtube-item {
    padding: 100px 0;
  }
  .prm_240710 .sec__prm-cont.video .sec__prm-youtube-item .prm-youtube-ready {
    padding: 0 16px;
  }
  .prm_240710 .sec__prm-cont.video .sec__prm-youtube-item p {
    margin-top: 40px;
  }
  .prm_240710 .sec__prm-cont.video .sec__prm-youtube-item.video01 p .img_mo {
    width: calc(100% - 32px);
    max-width: 352px;
  }
  .prm_240710 .sec__prm-cont.video .sec__prm-youtube-item.video02 p .img_mo {
    max-width: 311px;
  }
  .prm_240710 .sec__prm-cont.video .sec__prm-youtube-item.video03 p .img_mo {
    max-width: 249px;
  }
  .prm_240710 .sec__prm-cont.prof {
    padding: 100px 0;
  }
  .prm_240710 .sec__prm-cont.feature {
    padding: 100px 0 80px;
  }
  .prm_240710 .sec__prm-cont.feature .prm_subtit .img_mo {
    max-width: 240px;
  }
  .prm_240710 .sec__prm-cont.feature ul {
    max-width: 390px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px 12px;
    padding: 0 16px;
  }
  .prm_240710 .sec__prm-cont.feature ul li {
    width: calc(50% - 6px);
  }
  .prm_240710 .sec__prm-cont.price {
    padding: 80px 0 100px;
  }
  .prm_240710 .sec__prm-cont.price .prm_subtit .img_mo {
    max-width: 339px;
  }
  .prm_240710 .sec__prm-cont.price .sec__pkgitem-list-wrap {
    max-width: 390px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
  .prm_240710 .sec__prm-cont.price .sec__pkgitem-list-wrap .sec__prm-pkgitem01 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .prm_240710 .sec__prm-cont.price .sec__pkgitem-list-wrap .sec__prm-pkgitem01 a {
    width: calc(100% - 56px);
    position: absolute;
    bottom: 53px;
  }
  .prm_240710 .sec__prm-cont.price .sec__pkgitem-list-wrap ul {
    width: 100%;
    max-width: 390px;
  }
  .prm_240710 .sec__prm-cont.price .sec__pkgitem-list-wrap ul li:first-child {
    margin-bottom: 40px;
  }
  .prm_240710 .sec__prm-cont.price .sec__class-item .img_pc {
    max-width: 1090px;
  }
  .prm_240710 .sec__prm-cont.review {
    padding: 100px 0;
  }
  .prm_240710 .sec__prm-cont.review .prm_subtit .img_mo {
    max-width: 282px;
  }
  .prm_240710 .sec__prm-cont.graph {
    padding: 100px 0;
  }
  .prm_240710 .sec__prm-cont.cs {
    padding: 40px 0;
  }
}
.blind {
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
  margin: -1px;
  overflow: hidden;
}

.b-font {
  font-weight: 600;
}

.pb-0 {
  padding-bottom: 0;
}

.dimmed-filter {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 50;
}
.dimmed-filter.active {
  display: block;
}

.d-flx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.d-flx__end {
  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;
}
.d-flx__space {
  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;
}

.toggle__header {
  position: relative;
}

.toggle__body {
  display: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: absolute;
}
.toggle__body.active {
  display: block;
}

.btn {
  height: 40px;
  font-size: 13px;
  font-weight: 600;
  line-height: 40px;
  padding: 0 12px;
}
.btn-block {
  width: 100%;
  height: 40px;
  font-size: 13px;
  font-weight: 500;
  line-height: 40px;
  padding: 0 12px;
}
.btn.h-36 {
  height: 36px;
  line-height: 36px;
}

.btn.fill-primary,
.btn-block.fill-primary {
  color: var(--white);
  background-color: var(--p-color);
  border: 1px solid var(--p-color);
}
.btn.fill-primary:disabled,
.btn-block.fill-primary:disabled {
  background-color: var(--font-400);
  border: 1px solid var(--font-400);
  cursor: default;
}
.btn.fill-primary-100,
.btn-block.fill-primary-100 {
  color: var(--white);
  background-color: var(--p-lighten-100);
  border: 1px solid var(--p-lighten-100);
}
.btn.fill-primary-100:disabled,
.btn-block.fill-primary-100:disabled {
  background-color: var(--font-400);
  border: 1px solid var(--font-400);
  cursor: default;
}
.btn.fill-primary-200,
.btn-block.fill-primary-200 {
  color: var(--white);
  background-color: var(--p-lighten-200);
  border: 1px solid var(--p-lighten-200);
}
.btn.fill-primary-200:disabled,
.btn-block.fill-primary-200:disabled {
  background-color: var(--font-400);
  border: 1px solid var(--font-400);
  cursor: default;
}
.btn.fill-black,
.btn-block.fill-black {
  color: var(--white);
  background-color: var(--black);
  border: 1px solid var(--black);
}
.btn.fill-black:disabled,
.btn-block.fill-black:disabled {
  background-color: var(--font-400);
  border: 1px solid var(--font-400);
  cursor: default;
}
.btn.fill-darken,
.btn-block.fill-darken {
  color: var(--white);
  background-color: var(--p-darken);
  border: 1px solid var(--p-darken);
}
.btn.fill-darken:disabled,
.btn-block.fill-darken:disabled {
  background-color: var(--font-400);
  border: 1px solid var(--font-400);
  cursor: default;
}
.btn.fill-orange,
.btn-block.fill-orange {
  color: var(--white);
  background-color: var(--orange);
  border: 1px solid var(--orange);
}
.btn.fill-orange:disabled,
.btn-block.fill-orange:disabled {
  background-color: var(--font-400);
  border: 1px solid var(--font-400);
  cursor: default;
}

.btn,
.btn-block {
  border: 1px solid;
  background-color: var(--white);
}
.btn.line-primary,
.btn-block.line-primary {
  color: var(--p-color);
  border-color: var(--p-color);
}
.btn.line-primary:disabled,
.btn-block.line-primary:disabled {
  color: var(--font-400);
  border-color: var(--font-400);
  cursor: default;
}
.btn.line-primary-100,
.btn-block.line-primary-100 {
  color: var(--p-lighten-100);
  border-color: var(--p-lighten-100);
}
.btn.line-primary-100:disabled,
.btn-block.line-primary-100:disabled {
  color: var(--font-400);
  border-color: var(--font-400);
  cursor: default;
}
.btn.line-primary-200,
.btn-block.line-primary-200 {
  color: var(--p-lighten-200);
  border-color: var(--p-lighten-200);
}
.btn.line-primary-200:disabled,
.btn-block.line-primary-200:disabled {
  color: var(--font-400);
  border-color: var(--font-400);
  cursor: default;
}
.btn.line-black,
.btn-block.line-black {
  color: var(--black);
  border-color: var(--black);
}
.btn.line-black:disabled,
.btn-block.line-black:disabled {
  color: var(--font-400);
  border-color: var(--font-400);
  cursor: default;
}
.btn.line-default,
.btn-block.line-default {
  color: var(--font-200);
  border-color: var(--gray-300);
}
.btn.line-default:disabled,
.btn-block.line-default:disabled {
  color: var(--font-400);
  border-color: var(--font-400);
  cursor: default;
}

.btn-txt {
  color: var(--font-300);
  font-size: 14px;
  padding-bottom: 1px;
  border-bottom: 1px solid;
}

.btn-hide {
  width: 40px;
  height: 40px;
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -260px -70px;
}

.btn-arrow {
  position: relative;
}
.btn-arrow::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  position: relative;
  top: 50%;
  right: -6px;
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -23px -1px;
}

.btn-download {
  position: relative;
  width: 40px;
  height: 40px;
}
.btn-download:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -70px 0;
}
.btn-download-pdf {
  position: relative;
  width: 40px;
  height: 40px;
}
.btn-download-pdf::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: 0px -190px;
}

@-webkit-keyframes sliding-top {
  0% {
    -webkit-bottom: -100%;
    bottom: -100%;
  }
  100% {
    -webkit-bottom: 0%;
    bottom: 0;
  }
}
@keyframes sliding-top {
  0% {
    -webkit-bottom: -100%;
    bottom: -100%;
  }
  100% {
    -webkit-bottom: 0%;
    bottom: 0;
  }
}
.sliding-top {
  -webkit-animation: sliding-top 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: sliding-top 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes sliding-left {
  0% {
    -webkit-right: -100%;
    right: -100%;
    opacity: 0;
  }
  100% {
    -webkit-right: 0;
    right: 0;
  }
}
@keyframes sliding-left {
  0% {
    -webkit-right: -100%;
    right: -100%;
  }
  100% {
    -webkit-right: 0;
    right: 0;
  }
}
.sliding-left {
  -webkit-animation: sliding-left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: sliding-left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes sliding-right {
  0% {
    -webkit-right: 0;
    right: 0;
  }
  100% {
    -webkit-right: -100%;
    right: -100%;
  }
}
@keyframes sliding-right {
  0% {
    -webkit-right: 0;
    right: 0;
  }
  100% {
    -webkit-right: -100%;
    right: -100%;
  }
}
.sliding-right {
  -webkit-animation: sliding-right 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: sliding-right 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.modal__bottom-fix.slidng-top {
  -webkit-animation: sliding-top 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: sliding-top 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

body {
  color: var(--black);
}

.wrap {
  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;
}

header {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: 100%;
}
header.active {
  background-color: var(--white);
  z-index: 100;
}

.user-service {
  max-width: 1200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
  padding: 16px 15px 12px;
}
.user-service ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-service ul li {
  position: relative;
  padding: 0 8px;
}
.user-service ul li::before {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--gray-200);
}
.user-service ul li:first-child::before {
  display: none;
}
.user-service ul li:last-child {
  padding-right: 0;
}
.user-service ul li button {
  position: relative;
  color: var(--font-200);
  font-size: 14px;
  padding-right: 17px;
}
.user-service ul li button::after {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: 0 -1px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.user-service ul li button.active::after {
  -webkit-transform: translateY(-48%) rotate(180deg);
          transform: translateY(-48%) rotate(180deg);
}
.user-service ul li a {
  color: var(--font-200);
  font-size: 14px;
}

.calc-date {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--white);
  margin-right: 8px;
  padding: 4px 8px;
  border-radius: 4px;
  background-color: var(--p-color);
}
.calc-date span {
  font-size: 14px;
  font-weight: 500;
}
.calc-date em {
  font-size: 15px;
  font-weight: 600;
  padding-left: 4px;
}

.mypage-layer {
  top: calc(100% + 8px);
  left: -12px;
  padding: 14px 12px;
  background-color: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: 4px;
  -webkit-box-shadow: 0px 5px 8px rgba(29, 29, 29, 0.1);
          box-shadow: 0px 5px 8px rgba(29, 29, 29, 0.1);
  z-index: 1;
}
.mypage-layer a {
  display: block;
  margin-bottom: 8px;
}
.mypage-layer a:hover {
  text-decoration: underline;
}
.mypage-layer a:last-child {
  margin-bottom: 0;
}

.header-tit {
  max-width: 1200px;
  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: 0 15px 16px;
  margin: auto;
}

.h-logo a {
  display: block;
  width: 128px;
  height: 59px;
  background-image: url("../img/logo_new.png?ver=1");
  background-repeat: no-repeat;
  background-size: 439px 59px;
  background-position: 0 0;
}

.link-books {
  display: block;
  width: 94px;
  height: 18px;
  background-image: url("../img/logo_new.png?ver=1");
  background-repeat: no-repeat;
  background-size: 439px 59px;
  background-position: -345px -41px;
}

.btn-mo-menu {
  display: none;
}
@media (max-width: 1200px) {
  .btn-mo-menu {
    display: block;
    width: 40px;
    height: 40px;
    background-image: url("../img/icon_240718.png");
    background-repeat: no-repeat;
    background-size: 300px 300px;
    background-position: -260px -30px;
  }
}

.nav-wrap {
  border-top: 1px solid var(--gray-100);
  border-bottom: 1px solid var(--gray-100);
}

.gnb-nav {
  max-width: 1200px;
  margin: auto;
  padding: 0 3px;
}
.gnb-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gnb-nav ul li {
  position: relative;
}
.gnb-nav .gnb-item {
  display: block;
  height: 50px;
  color: var(--font-200);
  line-height: 50px;
  padding: 0 12px;
  cursor: pointer;
}
.gnb-nav .gnb-item.on, .gnb-nav .gnb-item:hover {
  color: var(--black);
  font-weight: 700;
}
.gnb-nav .gnb-item.studylab {
  color: var(--p-lighten-100);
  font-weight: 700;
}
.gnb-nav .gnb-item.studylab:hover {
  color: var(--p-lighten-100);
}
.gnb-nav .lnb-drop-layer {
  display: none;
  width: 120px;
  position: absolute;
  top: 42px;
  left: 0;
  padding: 8px 0;
  background-color: var(--white);
  border: 1px solid var(--gray-100);
  border-radius: 4px;
  z-index: 10;
}
.gnb-nav .lnb-drop-layer.active {
  display: block;
}
.gnb-nav .lnb-item {
  display: block;
  height: 36px;
  color: var(--font-200);
  font-size: 15px;
  line-height: 36px;
  padding: 0 16px;
}
.gnb-nav .lnb-item:hover {
  color: var(--black);
  font-weight: 700;
  background-color: var(--gray-50);
}

.sec__mo-menu {
  width: 100%;
  max-width: 360px;
  height: 100vh;
  height: -webkit-fill-available;
  height: -moz-available;
  height: fill-available;
  position: fixed;
  top: 0;
  right: -100%;
  background-color: var(--white);
  overflow-y: auto;
  z-index: 200;
}

.sec__mo-btn {
  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;
  padding: 10px 10px 10px;
}
.sec__mo-btn .btn-logout {
  display: block;
  height: 26px;
  line-height: 26px;
  margin-right: 8px;
  padding: 0 8px;
  border-radius: 3px;
}

.mo-user-info-wrap {
  padding: 0 16px;
}
.mo-user-info-wrap .btn-login {
  position: relative;
  color: var(--black);
  font-size: 18px;
  font-weight: 600;
  padding-right: 13px;
}

.user-info {
  width: 100%;
  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;
  margin-top: 20px;
  padding: 0 2px;
}
.user-info li p {
  color: var(--font-100);
  font-size: 20px;
  font-weight: 600;
}
.user-info li p em {
  font-size: 20px;
  font-weight: 600;
}
.user-info li .btn-txt {
  display: block;
  margin-top: 8px;
}

.btn-qr {
  height: 36px;
  line-height: 36px;
  border-radius: 3px;
}

.mo-quick-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px 16px 60px;
}

.mo-quick-menu-item {
  width: 25%;
  padding: 0 6px;
}
.mo-quick-menu-item a {
  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;
}
.mo-quick-menu-item a em {
  color: var(--font-200);
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  margin-top: 10px;
}
.mo-quick-menu-item .icn-service {
  display: block;
  width: 54px;
  height: 54px;
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  border: 1px solid var(--gray-200);
  border-radius: 50%;
}
.mo-quick-menu-item:nth-child(1) .icn-service {
  background-position: 0 -246px;
}
.mo-quick-menu-item:nth-child(2) .icn-service {
  background-position: -54px -246px;
}
.mo-quick-menu-item:nth-child(2) em {
  margin-top: 15px;
}
.mo-quick-menu-item:nth-child(3) .icn-service {
  background-position: -108px -246px;
}
.mo-quick-menu-item:nth-child(3) em {
  margin-top: 15px;
}
.mo-quick-menu-item:nth-child(4) .icn-service {
  background-position: -162px -246px;
}

.mo-gnb-nav p {
  height: 36px;
  color: var(--font-400);
  font-size: 14px;
  font-weight: 600;
  line-height: 36px;
  padding: 0 24px;
}
.mo-gnb-nav ul {
  margin-bottom: 28px;
}
.mo-gnb-nav ul li {
  padding: 0 14px;
}
.mo-gnb-nav ul:last-child {
  margin-bottom: 60px;
}

.mo-gnb-item {
  display: block;
  height: 46px;
  color: var(--font-100);
  font-weight: 600;
  line-height: 46px;
  padding: 0 10px;
}
.mo-gnb-item.toggle {
  position: relative;
  cursor: pointer;
}
.mo-gnb-item.toggle::after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("../img/icon_240507.png?ver=1");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: 0 -24px;
}
.mo-gnb-item.toggle.on {
  background-color: var(--gray-50);
  padding: 0 12px;
  border-radius: 4px;
}
.mo-gnb-item.toggle.on::after {
  background-position: -40px -24px;
}

.mo-lnb-drop-layer {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.mo-lnb-drop-layer.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mo-lnb-item {
  display: block;
  height: 46px;
  color: var(--font-200);
  font-weight: 500;
  line-height: 46px;
  padding: 0 20px;
}

.sec__mo-logout {
  text-align: center;
  padding: 16px 0;
  border-top: 1px solid var(--gray-100);
}
.sec__mo-logout a {
  color: var(--font-400);
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}

.room-header .header-tit {
  padding-bottom: 12px;
}
.room-header .h-logo a {
  width: 88px;
  height: 35px;
  background-position: -148px -24px;
}

.swiper-std-gnb .swiper-slide {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media (max-width: 1200px) {
  .user-service {
    display: none;
  }
  .header-tit {
    height: 60px;
    padding-bottom: 0;
    border-bottom: 1px solid var(--gray-100);
  }
  .h-logo a {
    width: 69px;
    height: 29px;
    background-image: url("../img/logo_new.png?ver=1");
    background-repeat: no-repeat;
    background-size: 439px 59px;
    background-position: -256px -30px;
  }
  .link-books {
    display: none;
  }
  .nav-wrap {
    display: none;
  }
  .room-header .header-tit {
    padding-bottom: 0;
    border-bottom: none;
  }
  .room-header .nav-wrap {
    display: block;
  }
  .room-header .nav-wrap ul {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .room-header .nav-wrap .gnb-item {
    height: 40px;
    font-size: 15px;
    line-height: 40px;
  }
}
.sec__qr-pass {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.sec__qr-pass.active {
  display: block;
  z-index: 999;
}

.sec__qr-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(100% - 24px);
  max-width: 400px;
  padding: 40px 0 60px;
  background-color: var(--white);
  border-radius: 10px;
}
.sec__qr-container .btn-hide {
  position: absolute;
  top: -48px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: var(--white);
  border-radius: 50%;
}

.qr-container__header {
  position: relative;
}
.qr-container__header .sub-title {
  text-align: center;
}
.qr-container__header .btn-refresh {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 28px;
  height: 28px;
  border: 1px solid var(--gray-300);
  border-radius: 50%;
}
.qr-container__header .btn-refresh::after {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -272px -202px;
}

.qr-container__body {
  padding-top: 48px;
}
.qr-container__body p {
  text-align: center;
}
.qr-container__body p em {
  color: var(--p-color);
  font-size: 15px;
  font-weight: 700;
}
.qr-container__body .sec__qr {
  width: 210px;
  height: 210px;
  margin: 16px auto 0;
}
.qr-container__body .sec__qr-time {
  max-width: 240px;
  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: 12px;
  margin: auto;
  background-color: var(--p-lighten-600);
  border: 1px solid var(--p-lighten-500);
  border-radius: 4px;
}
.qr-container__body .sec__qr-time span {
  color: var(--font-200);
  font-size: 15px;
}
.qr-container__body .sec__qr-time em {
  color: var(--p-lighten-100);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.03em;
}

footer {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: 100%;
  margin-top: 100px;
  padding: 40px 15px;
  border-top: 1px solid var(--gray-100);
}

.sec__footer {
  max-width: 1200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  padding: 0 15px;
}

.f-logo {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 88px;
  height: 35px;
  margin-right: 64px;
  background-image: url("../img/logo_new.png?ver=1");
  background-repeat: no-repeat;
  background-size: 439px 59px;
  background-position: -148px -24px;
}

.f-nav {
  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;
}
.f-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.f-nav ul li {
  position: relative;
  padding: 0 6px;
}
.f-nav ul li:first-child {
  padding-left: 0;
}
.f-nav ul li:first-child::before {
  display: none;
}
.f-nav ul li::before {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--gray-300);
  border-radius: 50%;
}
.f-nav ul li a {
  color: var(--font-200);
  font-size: 14px;
}
.f-nav .f-nav__sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.f-nav .f-nav__sns .btn-sns {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url("../img/icon_sns.png");
  background-size: 120px 32px;
  background-repeat: no-repeat;
}
.f-nav .f-nav__sns .btn-sns.sns-insta {
  margin-left: 12px;
  background-position: -44px 0;
}
.f-nav .f-nav__sns .btn-sns.sns-blog {
  margin-left: 12px;
  background-position: -88px 0;
}

.company-info {
  margin-top: 8px;
}
.company-info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.company-info ul li {
  position: relative;
  color: var(--font-300);
  font-size: 12px;
  padding: 6px;
}
.company-info ul li::after {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--gray-300);
}
.company-info ul li:first-child {
  padding: 6px 0;
  margin-left: -6px;
}
.company-info ul li:first-child::after {
  display: none;
}
.company-info ul li:last-child {
  padding-right: 0;
}
.company-info ul li:last-child::after {
  display: none;
}
.company-info ul li span {
  position: relative;
  padding: 0 6px;
}
.company-info ul li span::after {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--gray-300);
}
.company-info p {
  color: var(--font-300);
  font-size: 12px;
  padding-top: 4px;
}

@media (max-width: 1200px) {
  footer {
    margin-top: 80px;
    padding: 24px 12px;
  }
  footer .sec__footer {
    padding: 0;
  }
  footer .sec__footer div {
    width: 100%;
  }
  footer .f-logo {
    display: none;
  }
  footer .f-nav {
    -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;
  }
  footer .f-nav ul {
    margin-bottom: 12px;
  }
  footer .f-nav ul li {
    padding: 0 4px;
  }
  footer .f-nav ul li a {
    font-size: 13px;
    letter-spacing: -0.03em;
  }
  footer .company-info {
    margin-top: 12px;
  }
  footer .company-info ul {
    display: block;
  }
  footer .company-info ul li {
    padding: 4px 0;
  }
  footer .company-info ul li::after {
    display: none;
  }
  footer .company-info ul li:first-child {
    padding: 4px 0;
    margin-left: -4px;
  }
  footer .company-info ul li span {
    padding: 0 4px;
  }
  footer .company-info ul li span::after {
    display: none;
  }
}
.splide,
.splide__track,
.splide__list,
.splide__slide {
  height: inherit;
}

.splide__slide img {
  width: 100%;
}

.slide__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: inherit;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.slide__content .bnr_mo {
  display: none;
}

.splide__arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  z-index: 10;
}
.splide__arrow:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.splide__arrow svg {
  display: none;
}
.splide__arrow.splide__arrow--prev {
  left: 20px;
  background-position: 0 -64px;
}
.splide__arrow.splide__arrow--next {
  right: 20px;
  background-position: -50px -64px;
}

.splide__pagination {
  width: 100%;
  position: absolute;
  left: 50%;
  bottom: 16px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.splide__pagination li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 3px;
}
.splide__pagination li .splide__pagination__page {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.4);
}
.splide__pagination li .splide__pagination__page.is-active {
  background-color: var(--white);
}

main {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

@media (max-width: 1200px) {
  main {
    padding: 0 16px;
  }
}

.sec__main-bnr.pc {
  margin-bottom: 60px;
}
.sec__main-bnr.mobile {
  display: none;
  max-width: 1200px;
  margin: 0 auto 40px;
}

.main-bnr-mobile__slide-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

.swiper__main-bnr .swiper-custom-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
.swiper__main-bnr .swiper-button-prev {
  position: static;
  width: 40px;
  height: 40px;
  margin-top: unset;
  background-color: rgba(22, 22, 22, 0.6);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -163px -146px;
}
.swiper__main-bnr .swiper-button-prev::after {
  content: "";
}
.swiper__main-bnr .swiper-button-next {
  position: static;
  width: 40px;
  height: 40px;
  margin-top: unset;
  background-color: rgba(22, 22, 22, 0.6);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -203px -146px;
}
.swiper__main-bnr .swiper-button-next::after {
  content: "";
}
.swiper__main-bnr .swiper-pagination {
  position: static;
  width: 40px;
  height: 40px;
  color: var(--gray-200);
  font-size: 15px;
  line-height: 40px;
  letter-spacing: -0.03em;
  background-color: rgba(22, 22, 22, 0.6);
}
.swiper__main-bnr .swiper-pagination .swiper-pagination-current {
  color: var(--white);
  font-weight: 600;
}
.swiper__main-bnr .swiper-pagination .swiper-pagination-total {
  color: var(--gray-200);
}
.swiper__main-bnr.pc {
  height: 400px;
}
.swiper__main-bnr.pc .swiper-slide a {
  height: inherit;
  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;
}
.swiper__main-bnr.pc .swiper-slide a img {
  width: 100%;
  max-width: 1170px;
}
.swiper__main-bnr.pc .swiper-custom-btn {
  width: 1200px;
  height: 40px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.swiper__main-bnr.mobile {
  max-width: 1120px;
  height: 450px;
  margin: auto;
}
.swiper__main-bnr.mobile .swiper-slide a {
  position: relative;
  height: inherit;
  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;
}
.swiper__main-bnr.mobile .swiper-slide a::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  -webkit-backdrop-filter: blur(32px);
          backdrop-filter: blur(32px);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.swiper__main-bnr.mobile .swiper-slide img {
  width: 100%;
  max-width: 360px;
}
.swiper__main-bnr.mobile .swiper-slide:not(.swiper-slide-active) a:after {
  opacity: 1;
}
.swiper__main-bnr.mobile .swiper-custom-btn {
  height: 32px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.swiper__main-bnr.mobile .swiper-button-prev {
  width: 32px;
  height: 32px;
  background-position: -167px -150px;
}
.swiper__main-bnr.mobile .swiper-button-next {
  width: 32px;
  height: 32px;
  background-position: -207px -150px;
}
.swiper__main-bnr.mobile .swiper-pagination {
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.sec__promo-wrap {
  max-width: 1170px;
  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;
  gap: 40px;
  margin: 0 auto 70px;
}

.sec__promo {
  width: calc(50% - 20px);
}

.main-subtit {
  color: var(--black);
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
}

.sec__promo-bnr-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;
}
.sec__promo-bnr-wrap.pc .sec__promo-bnr {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 275px;
  border-radius: 10px;
}
.sec__promo-bnr-wrap.pc .sec__promo-bnr .swiper-slide {
  border-radius: 10px;
  overflow: hidden;
}
.sec__promo-bnr-wrap.pc .sec__promo-bnr .swiper-slide a .badge-subj {
  height: 30px;
  line-height: 30px;
  border-radius: 0 0 10px 0;
}
.sec__promo-bnr-wrap.mobile {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 16px;
}
.sec__promo-bnr-wrap.mobile .sec__promo-bnr {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  max-width: 358px;
  border-radius: 6px;
}
.sec__promo-bnr-wrap.mobile .sec__promo-bnr .swiper-slide {
  border-radius: 6px;
  overflow: hidden;
}
.sec__promo-bnr-wrap.mobile .sec__promo-bnr .swiper-slide a .badge-subj {
  height: 28px;
  line-height: 28px;
  border-radius: 0 0 6px 0;
}

.swiper__promo-bnr {
  height: inherit;
}
.swiper__promo-bnr .swiper-slide a {
  position: relative;
  background-color: #d3d3d3;
}
.swiper__promo-bnr .swiper-slide a .badge-subj {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--white);
  font-size: 15px;
  font-weight: 600;
  padding: 0 16px;
  background: rgba(22, 22, 22, 0.8);
}
.swiper__promo-bnr .swiper-slide a img {
  width: 100%;
}
.swiper__promo-bnr .swiper-pagination {
  height: 20px;
  bottom: unset;
  top: 12px;
  left: unset;
  right: 12px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: var(--gray-200);
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.03em;
  padding: 0 8px;
  background-color: rgba(22, 22, 22, 0.5);
  border-radius: 10px;
}
.swiper__promo-bnr .swiper-pagination .swiper-pagination-current {
  color: var(--white);
  font-weight: 600;
}
.swiper__promo-bnr .swiper-pagination .swiper-pagination-total {
  color: var(--gray-200);
}

.sec__news-wrap {
  max-width: 1170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 40px;
  margin: 0 auto 70px;
}

.sec__news {
  width: calc(50% - 20px);
}
.sec__news.books {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sec__news.notice .main-subtit a {
  position: relative;
  padding-right: 32px;
}
.sec__news.notice .main-subtit a::after {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -50px -210px;
}

.main-book__slide {
  height: 100%;
  border: 1px solid var(--gray-100);
  border-radius: 4px;
}

.splide__main-book {
  width: 100%;
  padding: 0 6px;
}
.splide__main-book .splide__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 10px;
}
.splide__main-book .splide__slide a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 12px;
}
.splide__main-book .splide__slide .book-thum {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100px;
  height: 150px;
  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;
}
.splide__main-book .splide__slide .book-thum img {
  width: 100%;
}
.splide__main-book .splide__slide .book-detail {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  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;
  padding: 12px 0;
}
.splide__main-book .splide__slide .book-detail .book-info li {
  color: var(--font-200);
  font-size: 14px;
}
.splide__main-book .splide__slide .book-detail .book-info .tit {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}
.splide__main-book .splide__slide .book-detail .book-info .author {
  margin: 6px 0 4px;
}
.splide__main-book .splide__slide .book-detail .price {
  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;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.splide__main-book .splide__slide .book-detail .price .item-price {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-bottom: 4px;
}
.splide__main-book .splide__slide .book-detail .price .item-price__before {
  padding-bottom: 0;
}
.splide__main-book .splide__arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--white);
  border: 1px solid var(--gray-200);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  z-index: 10;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(111, 111, 111, 0.25);
          box-shadow: 0px 1px 4px 0px rgba(111, 111, 111, 0.25);
}
.splide__main-book .splide__arrow:hover {
  background-color: var(--white);
}
.splide__main-book .splide__arrow svg {
  display: none;
}
.splide__main-book .splide__arrow.splide__arrow--prev {
  left: -12px;
  background-position: -214px -119px;
}
.splide__main-book .splide__arrow.splide__arrow--next {
  right: -12px;
  background-position: -244px -119px;
}

.main-notice__list {
  padding: 12px 20px;
  border: 1px solid var(--gray-100);
  border-radius: 4px;
}
.main-notice__list li {
  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: 14px 8px;
  border-bottom: 1px solid var(--gray-100);
}
.main-notice__list li:last-child {
  border-bottom: none;
}
.main-notice__list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--font-100);
  font-size: 15px;
  line-height: 1.3;
  overflow: hidden;
}
.main-notice__list li a:hover span {
  font-weight: 600;
}
.main-notice__list li a span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main-notice__list li .date {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: var(--font-300);
  font-size: 13px;
  letter-spacing: -0.03em;
  padding-left: 8px;
}

.sec__review-wrap {
  padding: 50px 0;
  margin-bottom: 50px;
  background-color: var(--gray-50);
}
.sec__review-wrap .main-subtit {
  max-width: 1170px;
  margin: 0 auto 20px;
}

.main-review__slide {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
}

.splide__main-review .splide__arrows {
  position: absolute;
  top: -47px;
  left: 0;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  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: 8px;
}
.splide__main-review .splide__arrow {
  position: static;
  -webkit-transform: unset;
          transform: unset;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--white);
  border: 1px solid var(--gray-200);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  z-index: 10;
}
.splide__main-review .splide__arrow:hover {
  background-color: var(--white);
}
.splide__main-review .splide__arrow svg {
  display: none;
}
.splide__main-review .splide__arrow.splide__arrow--prev {
  background-position: -214px -119px;
}
.splide__main-review .splide__arrow.splide__arrow--next {
  background-position: -244px -119px;
}

.sec__shortcut-menu {
  max-width: 1170px;
  margin: 0 auto;
}

.shortcut-menu__list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
}
.shortcut-menu__list .shortcut-menu-item {
  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: 282px;
  height: 120px;
  background-repeat: no-repeat;
  background-size: 100%;
}
.shortcut-menu__list .shortcut-menu-item em {
  color: var(--white);
  font-size: 15px;
  font-weight: 600;
}
.shortcut-menu__list .shortcut-menu-item:nth-child(1) {
  background-image: url("../img/main_img/shortcut_menu01.png");
}
.shortcut-menu__list .shortcut-menu-item:nth-child(2) {
  background-image: url("../img/main_img/shortcut_menu02.png");
}
.shortcut-menu__list .shortcut-menu-item:nth-child(3) {
  background-image: url("../img/main_img/shortcut_menu03.png");
}
.shortcut-menu__list .shortcut-menu-item:nth-child(4) {
  background-image: url("../img/main_img/shortcut_menu04.png");
}

.sec__quick-bnr {
  position: fixed;
  bottom: 100px;
  right: 20px;
  width: 130px;
  z-index: 90;
}
.sec__quick-bnr li {
  margin-bottom: 12px;
}
.sec__quick-bnr li:last-child {
  margin-bottom: 0;
}
.sec__quick-bnr li a {
  display: block;
}
.sec__quick-bnr li img {
  width: 100%;
}

.sec__popup-wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 999;
}
.sec__popup-wrap.hide {
  display: none;
}

.sec__popup-content {
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0 16px;
  margin: auto;
}

.sec__popup-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.sec__popup-list.pc .popup-item {
  width: 320px;
}
.sec__popup-list.mobile {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sec__popup-list.mobile .popup-item {
  width: 100%;
  max-width: 360px;
}

.popup-item {
  border-radius: 10px;
  overflow: hidden;
}
.popup-item a {
  display: block;
}
.popup-item img {
  width: 100%;
}

.sec__popup-control-btn {
  position: absolute;
  top: -40px;
  right: 0;
  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: 8px;
  padding: 0 16px;
}
.sec__popup-control-btn button {
  height: 32px;
  color: var(--white);
  font-size: 13px;
  font-weight: 700;
  line-height: 32px;
  padding: 0 12px;
  border: 1px solid var(--white);
}

@media (max-width: 1200px) {
  .sec__main-bnr.pc {
    display: none;
  }
  .sec__main-bnr.mobile {
    display: block;
  }
  .sec__promo-wrap {
    max-width: 780px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 20px;
    margin-bottom: 40px;
  }
  .sec__promo {
    width: 100%;
    max-width: 358px;
  }
  .sec__promo-bnr-wrap.pc {
    display: none;
  }
  .sec__promo-bnr-wrap.mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .main-subtit {
    font-size: 18px;
    margin-bottom: 16px;
  }
  .sec__news-wrap {
    max-width: 780px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 20px;
    padding: 0 16px;
    margin-bottom: 40px;
  }
  .splide__main-book .splide__slide {
    padding: 12px 20px;
  }
  .splide__main-book .splide__slide a {
    gap: 16px;
  }
  .splide__main-book .splide__arrow {
    width: 28px;
    height: 28px;
  }
  .splide__main-book .splide__arrow.splide__arrow--prev {
    background-position: -215px -121px;
  }
  .splide__main-book .splide__arrow.splide__arrow--next {
    background-position: -246px -121px;
  }
  .main-notice__list {
    padding: 12px;
  }
  .main-notice__list li {
    padding: 12px 8px;
  }
  .sec__review-wrap {
    padding: 40px 0;
    margin-bottom: 40px;
  }
  .sec__review-wrap .main-subtit {
    max-width: 780px;
    padding: 0 16px;
    margin-bottom: 16px;
  }
  .main-review__slide {
    max-width: 780px;
    padding: 0 16px;
  }
  .splide__main-review .splide__arrows {
    top: -40px;
  }
  .splide__main-review .splide__arrow {
    top: -26px;
    width: 28px;
    height: 28px;
  }
  .splide__main-review .splide__arrow.splide__arrow--prev {
    right: 32px;
    background-position: -215px -121px;
  }
  .splide__main-review .splide__arrow.splide__arrow--next {
    background-position: -246px -121px;
  }
  .sec__shortcut-menu {
    max-width: 780px;
    padding: 0 16px;
    margin-bottom: 100px;
  }
  .shortcut-menu__list {
    gap: 12px;
  }
  .shortcut-menu__list .shortcut-menu-item {
    width: 25%;
    height: 80px;
  }
  .sec__popup-list.pc {
    display: none;
  }
  .sec__popup-list.mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .sec__quick-bnr {
    display: none;
  }
}
@media (max-width: 780px) {
  .sec__promo-wrap {
    max-width: 390px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px;
    padding: 0 16px;
    margin-bottom: 40px;
  }
  .sec__promo {
    max-width: unset;
  }
  .sec__news-wrap {
    max-width: 390px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px;
    padding: 0 16px;
    margin-bottom: 40px;
  }
  .sec__news {
    width: 100%;
  }
  .main-notice__list {
    padding: 8px 12px;
  }
  .main-notice__list li {
    padding: 8px 0;
    border-bottom: none;
  }
  .sec__review-wrap {
    overflow: hidden;
  }
  .sec__review-wrap .main-subtit {
    max-width: 390px;
  }
  .main-review__slide-wrap {
    overflow: visible;
  }
  .main-review__slide {
    max-width: unset;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
  }
  .sec__shortcut-menu {
    max-width: 390px;
  }
  .shortcut-menu__list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px 10px;
  }
  .shortcut-menu__list .shortcut-menu-item {
    width: calc(50% - 5px);
    height: 70px;
  }
  .shortcut-menu__list .shortcut-menu-item:nth-child(1) {
    background-image: url("../img/main_img/shortcut_menu01_mo.png");
  }
  .shortcut-menu__list .shortcut-menu-item:nth-child(2) {
    background-image: url("../img/main_img/shortcut_menu02_mo.png");
  }
  .shortcut-menu__list .shortcut-menu-item:nth-child(3) {
    background-image: url("../img/main_img/shortcut_menu03_mo.png");
  }
  .shortcut-menu__list .shortcut-menu-item:nth-child(4) {
    background-image: url("../img/main_img/shortcut_menu04_mo.png");
  }
}
.label-block {
  display: block;
  color: var(--font-100);
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 6px;
}

.ui-rad {
  position: relative;
  display: block;
  width: 17px;
  height: 17px;
  font-size: 0;
}
.ui-rad input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.ui-rad input + label {
  display: inline-block;
  position: static;
  cursor: pointer;
}
.ui-rad input + label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  background-color: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: 50%;
}
.ui-rad input:checked + label::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  background-color: var(--p-lighten-200);
  border-radius: 50%;
}
.ui-rad.rad-label {
  width: auto;
  height: auto;
  margin-right: 12px;
}
.ui-rad.rad-label input + label {
  position: relative;
  color: var(--font-100);
  font-size: 15px;
  line-height: 17px;
  padding-left: 22px;
}

.ui-rad.check input:checked + label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  background-color: var(--p-lighten-200);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -40px 0;
  border-radius: 50%;
}

.ui-chk {
  position: relative;
  display: block;
  width: 17px;
  height: 17px;
  font-size: 0;
}
.ui-chk input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.ui-chk input + label {
  display: inline-block;
  position: static;
  cursor: pointer;
}
.ui-chk input + label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  background-color: var(--white);
  border: 1px solid var(--gray-200);
}
.ui-chk input:checked + label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  background-color: var(--p-lighten-200);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -40px 0;
}
.ui-chk input:disabled + label::before {
  background-color: #ededed;
}
.ui-chk input:disabled + label {
  color: var(--font-300);
}
.ui-chk.chk-label {
  width: auto;
  height: auto;
}
.ui-chk.chk-label input + label {
  position: relative;
  color: var(--font-100);
  font-size: 15px;
  line-height: 17px;
  padding-left: 22px;
}

.title-lg {
  color: var(--p-color);
  font-size: 26px;
  font-weight: 700;
  margin-top: 100px;
}
@media (max-width: 1200px) {
  .title-lg {
    font-size: 22px;
    margin-top: 60px;
  }
}
.title-lg-line {
  display: inline-block;
  color: var(--p-color);
  font-size: 26px;
  font-weight: 700;
  margin-top: 100px;
  padding-top: 20px;
  border-top: 4px solid var(--p-color);
}
@media (max-width: 1200px) {
  .title-lg-line {
    font-size: 22px;
    margin-top: 60px;
    padding-top: 0;
    border-top: none;
  }
}
.title-sm {
  color: var(--black);
  font-size: 22px;
  font-weight: 700;
}
@media (max-width: 1200px) {
  .title-sm {
    font-size: 20px;
  }
}

.sub-title {
  color: var(--black);
  font-size: 20px;
  font-weight: 700;
}
.sub-title__mobile {
  color: var(--black);
  font-size: 20px;
  font-weight: 700;
}
@media (max-width: 1200px) {
  .sub-title__mobile {
    font-size: 18px;
  }
}
.sub-title-md {
  color: var(--black);
  font-size: 18px;
  font-weight: 700;
}
.sub-title-sm {
  color: var(--black);
  font-size: 16px;
  font-weight: 700;
}
.sub-title-sm-line {
  position: relative;
  color: var(--p-darken);
  font-size: 16px;
  font-weight: 700;
  padding-left: 6px;
}
.sub-title-sm-line::before {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--p-darken);
}

.main__join {
  width: 100%;
  max-width: 400px;
  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;
  padding: 0 15px;
}

.sec__join {
  width: 100%;
}
.sec__join .sub-txt {
  margin-top: 20px;
  color: var(--font-200);
  font-size: 14px;
  line-height: 1.3;
}

.sec__login-form {
  margin-top: 60px;
}

.login-form__input-item {
  margin-bottom: 12px;
}
.login-form__input-item input:-moz-read-only {
  border-color: var(--gray-200);
}
.login-form__input-item input:read-only {
  border-color: var(--gray-200);
}
.login-form__input-item.phone {
  position: relative;
}
.login-form__input-item.phone input {
  width: calc(100% - 118px);
}
.login-form__input-item.phone .btn {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 110px;
}
.login-form__input-item.auth-num {
  position: relative;
}
.login-form__input-item.auth-num span {
  position: absolute;
  bottom: 20px;
  right: 8px;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  color: var(--p-lighten-100);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.03em;
}
.login-form__btn-item {
  margin-top: 24px;
}
.login-form__btn-item .btn-block {
  height: 44px;
  line-height: 44px;
}
.login-form__btn-helper {
  margin-top: 20px;
}
.login-form__btn-helper a {
  color: var(--font-300);
  font-size: 14px;
}
.login-form__btn-helper a:last-child {
  position: relative;
  margin-left: 12px;
}
.login-form__btn-helper a:last-child::before {
  content: "";
  display: block;
  width: 1px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--gray-200);
  height: 10px;
  left: -6px;
}

.join-form__txt-item {
  color: var(--font-100);
  font-size: 15px;
  margin-bottom: 8px;
  font-weight: 600;
}
.join-form__input-item {
  margin-bottom: 16px;
}
.join-form__input-item input:-moz-read-only {
  border-color: var(--gray-200);
}
.join-form__input-item input:read-only {
  border-color: var(--gray-200);
}
.join-form__input-item.d-flx__space {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.join-form__input-item.address li {
  margin-bottom: 6px;
}
.join-form__input-item.address li input:-moz-read-only {
  background-color: var(--gray-50);
  border-color: var(--gray-200);
}
.join-form__input-item.address li input:read-only {
  background-color: var(--gray-50);
  border-color: var(--gray-200);
}
.join-form__input-item.address li:first-child {
  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;
}
.join-form__input-item.address li:first-child input {
  width: calc(100% - 118px);
}
.join-form__input-item.address li:first-child button {
  width: 110px;
}
.join-form__input-item.address li:last-child {
  margin-bottom: 0;
}
.join-form__input-item.link-phone li {
  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;
  margin-bottom: 6px;
}
.join-form__input-item.link-phone li button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 8px;
}
.join-form__input-item.link-phone li div {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
}
.join-form__input-item.link-phone li div span {
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: var(--p-lighten-100);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.03em;
}
.join-form__btn-item {
  margin-top: 60px;
}
.join-form__btn-item .btn-block {
  height: 44px;
  line-height: 44px;
}
.join-form__btn-item .btn-mem-leave {
  display: inline-block;
  color: var(--font-300);
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
  padding-top: 32px;
}

.leave-pop {
  width: 400px;
  padding: 28px 16px 40px;
  border-radius: 6px;
}
.leave-pop__header {
  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;
}
.leave-pop__header .btn-hide {
  display: none;
}

.sec__leave-caution {
  padding: 12px 12px 20px;
  margin: 28px 0 20px;
  background-color: var(--gray-50);
  border: 1px solid var(--gray-100);
  border-radius: 3px;
}
.sec__leave-caution h3 {
  text-align: center;
  margin-bottom: 24px;
}
.sec__leave-caution h3 span {
  position: relative;
  color: var(--font-100);
  font-size: 15px;
  font-weight: 700;
  padding-left: 27px;
}
.sec__leave-caution h3 span::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -276px -230px;
}
.sec__leave-caution li {
  position: relative;
  color: var(--font-100);
  font-size: 15px;
  line-height: 1.3;
  padding-left: 8px;
  margin-bottom: 8px;
}
.sec__leave-caution li::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  position: absolute;
  top: 7px;
  left: 0;
  background-color: var(--font-100);
  border-radius: 50%;
}
.sec__leave-caution li:last-child {
  margin-bottom: 0;
}

.sec__user-info {
  margin: 30px 0 50px;
}
.sec__user-info li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px 0;
}
.sec__user-info li strong {
  color: var(--font-200);
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 6px;
}
.sec__user-info li em {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 500;
}

.sec__leave_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
}
.sec__leave_btn .btn {
  width: calc(50% - 4px);
  height: 44px;
  line-height: 44px;
  border-radius: 3px;
}
.sec__leave_btn .btn-hide {
  background-image: none;
}

@media (max-width: 1200px) {
  .sec__modal-container.leave-pop {
    position: fixed;
    top: unset;
    left: 0;
    -webkit-transform: unset;
            transform: unset;
    width: 100%;
    padding: 12px 16px 20px;
    border-radius: 12px 12px 0 0;
  }
  .sec__modal-container.leave-pop .leave-pop__header .btn-hide {
    display: block;
    margin-right: -10px;
  }
}
.ui-rad.member {
  width: calc(50% - 6px);
  height: 48px;
  margin-bottom: 8px;
}
.ui-rad.member input + label::before {
  top: 50%;
  left: 8px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ui-rad.member input + label {
  position: relative;
  width: 100%;
  color: var(--font-100);
  font-size: 14px;
  text-align: center;
  line-height: 48px;
  border: 1px solid var(--gray-200);
}
.ui-rad.member input:checked + label::after {
  top: calc(50% + 3px);
  left: 11px;
  -webkit-transform: translateY(calc(-50% - 3px));
          transform: translateY(calc(-50% - 3px));
  background-color: var(--font-100);
}
.ui-rad.member input:checked + label {
  color: var(--font-100);
  font-weight: 500;
  border-color: var(--font-100);
}

.join-terms {
  margin-top: 40px;
}

.form__terms li {
  padding: 6px 12px;
}
.form__terms li.chk-label input + label {
  font-size: 14px;
}
.form__terms li:first-child {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--gray-200);
}
.form__terms li:first-child label {
  font-weight: 600;
}
.form__terms li:nth-child(2) {
  padding-top: 16px;
}
.form__terms li .btn-txt {
  margin-left: 4px;
  padding-bottom: 0;
}

.sec__modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 100;
}
.sec__modal.active {
  display: block;
}
.sec__modal-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: var(--white);
}

.join-modal {
  width: calc(100% - 24px);
  max-width: 400px;
  padding: 32px 28px;
  border-radius: 6px;
}
.join-modal .btn-hide {
  position: absolute;
  top: -48px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: var(--white);
  border-radius: 50%;
}

.join-modal__header {
  color: var(--font-100);
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 12px;
  margin-bottom: 10px;
  border-bottom: 2px solid var(--font-100);
}

.join-modal__body {
  max-height: 500px;
  padding: 24px 10px 0 0;
  overflow-y: auto;
}
.join-modal__body .sec__policy-terms:last-child {
  margin-bottom: 0;
}

.main__full {
  max-width: unset;
  padding: 0;
}
.main__full.study {
  margin-bottom: -100px;
  background-color: var(--gray-50);
}

.sec__study-top {
  padding: 40px 0 44px;
  background-color: var(--white);
}

.sec__study-tit {
  max-width: 1170px;
  margin: 0 auto;
  background-color: var(--white);
}
.sec__study-tit ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -4px 8px;
}
.sec__study-tit ul li {
  color: var(--white);
  font-size: 14px;
  font-weight: 600;
  padding: 4px 8px;
  background-color: var(--p-color);
  border-radius: 3px;
  margin: 0 4px;
}
.sec__study-tit h2 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}
.sec__study-tit h2 em {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}

.sec__mypage-bnr {
  border-radius: 6px;
  overflow: hidden;
}
.sec__mypage-bnr.std-main {
  max-width: 1170px;
  margin: 0 auto 40px;
}
.sec__mypage-bnr.std-list {
  margin-top: 28px;
}
.sec__mypage-bnr.std-sub {
  margin-top: 40px;
}
.sec__mypage-bnr.mobile {
  display: none;
}
.sec__mypage-bnr.mobile .swiper-slide {
  overflow: hidden;
}
.sec__mypage-bnr.mobile .swiper-slide img {
  display: block;
  width: 1170px !important;
  margin: auto;
}
.sec__mypage-bnr .swiper__mypage-bnr {
  height: 180px;
}
.sec__mypage-bnr .swiper__mypage-bnr .swiper-slide a {
  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;
}
.sec__mypage-bnr .swiper__mypage-bnr .swiper-slide img {
  width: 100%;
}
.sec__mypage-bnr .swiper__mypage-bnr .swiper-button-prev {
  top: unset;
  bottom: 12px;
  left: calc(50% - 38px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 20px;
  height: 20px;
  margin-top: unset;
  background-color: rgba(22, 22, 22, 0.5);
  background-image: url("../img/icon_240507.png?ver=1");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -30px -190px;
  border-radius: 10px;
}
.sec__mypage-bnr .swiper__mypage-bnr .swiper-button-prev::after {
  content: "";
}
.sec__mypage-bnr .swiper__mypage-bnr .swiper-button-next {
  top: unset;
  bottom: 12px;
  left: calc(50% + 38px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 20px;
  height: 20px;
  margin-top: unset;
  background-color: rgba(22, 22, 22, 0.5);
  background-image: url("../img/icon_240507.png?ver=1");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -50px -190px;
  border-radius: 10px;
}
.sec__mypage-bnr .swiper__mypage-bnr .swiper-button-next::after {
  content: "";
}
.sec__mypage-bnr .swiper__mypage-bnr .swiper-pagination {
  height: 20px;
  bottom: 12px;
  right: 0;
  margin: auto;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: var(--gray-200);
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.03em;
  padding: 0 8px;
  background-color: rgba(22, 22, 22, 0.5);
  border-radius: 10px;
}
.sec__mypage-bnr .swiper__mypage-bnr .swiper-pagination .swiper-pagination-current {
  color: var(--white);
  font-weight: 600;
}
.sec__mypage-bnr .swiper__mypage-bnr .swiper-pagination .swiper-pagination-total {
  color: var(--gray-200);
}

.sec__study-menu {
  max-width: 1182px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 60px auto 0;
  background-color: var(--white);
}

.study-menu__item {
  width: 20%;
  padding: 0 6px 16px;
}
.study-menu__item a {
  position: relative;
  height: 80px;
  display: block;
  padding: 20px 16px;
  border: 1px solid var(--gray-200);
  border-radius: 6px;
}
.study-menu__item a::after {
  content: "";
  display: block;
  width: 50px;
  height: 54px;
  position: absolute;
  bottom: 4px;
  right: 10px;
  background-image: url("../img/icon_study.png");
  background-repeat: no-repeat;
  background-size: 450px 54px;
}
.study-menu__item a h3 {
  color: var(--font-100);
  font-size: 16px;
  font-weight: 700;
}
.study-menu__item a h3 br {
  display: none;
}
.study-menu__item:nth-child(1) a::after {
  background-position: 0 0;
}
.study-menu__item:nth-child(2) a::after {
  background-position: -50px 0;
}
.study-menu__item:nth-child(3) a::after {
  background-position: -100px 0;
}
.study-menu__item:nth-child(4) a::after {
  background-position: -150px 0;
}
.study-menu__item:nth-child(5) a::after {
  background-position: -200px 0;
}
.study-menu__item:nth-child(6) a::after {
  background-position: -250px 0;
}
.study-menu__item:nth-child(7) a::after {
  background-position: -300px 0;
}
.study-menu__item:nth-child(8) a::after {
  background-position: -350px 0;
}
.study-menu__item:nth-child(9) a::after {
  background-position: -400px 0;
}

.sec__study-notice {
  max-width: 1170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  padding: 60px 0;
}

.study-notice {
  width: 570px;
}
.study-notice__tit {
  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;
}
.study-notice__tit a {
  color: var(--font-300);
  font-size: 14px;
  font-weight: 500;
}
.study-notice__list {
  margin-top: 16px;
  padding: 8px 20px;
  background-color: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: 8px;
}
.study-notice__list li {
  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 8px;
  border-bottom: 1px solid var(--gray-200);
}
.study-notice__list li:last-child {
  border-bottom: none;
}
.study-notice__list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--font-200);
  font-size: 15px;
  overflow: hidden;
}
.study-notice__list li a:hover {
  color: var(--font-100);
}
.study-notice__list li a:hover span {
  font-weight: 500;
}
.study-notice__list li a span {
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.study-notice__list li a span.new {
  position: relative;
  padding-left: 42px;
}
.study-notice__list li a span.new::before {
  content: "NEW";
  display: block;
  height: 18px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  color: var(--white);
  font-size: 11px;
  font-weight: 500;
  line-height: 19px;
  padding: 0 6px;
  border-radius: 9px;
}
.study-notice__list li .date {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: var(--font-400);
  font-size: 13px;
  letter-spacing: -0.03em;
}
.study-notice__list.academy .new::before {
  background-color: var(--p-lighten-200);
}
.study-notice__list.class .new::before {
  background-color: var(--orange);
}

@media (max-width: 1200px) {
  .main__full {
    margin-bottom: -80px;
  }
  .sec__study-top {
    padding: 28px 12px 24px;
  }
  .sec__study-tit h2 {
    font-size: 20px;
  }
  .sec__study-menu {
    margin: 40px -6px 0;
  }
  .sec__mypage-bnr.std-main {
    margin: 0 0 28px;
  }
  .sec__mypage-bnr.std-sub {
    margin-top: 28px;
  }
  .sec__mypage-bnr.pc {
    display: none;
  }
  .sec__mypage-bnr.mobile {
    display: block;
  }
  .sec__mypage-bnr.mobile .swiper-button-next,
  .sec__mypage-bnr.mobile .swiper-button-prev {
    display: none;
  }
  .sec__mypage-bnr.mobile .swiper-pagination {
    height: 20px;
    bottom: 12px;
    left: unset;
    right: 12px;
  }
  .study-menu__item {
    width: 50%;
  }
  .study-menu__item a {
    padding: 14px 12px;
  }
  .study-menu__item a h3 {
    font-size: 15px;
    line-height: 1.3;
  }
  .study-menu__item a h3 br {
    display: block;
  }
  .sec__study-notice {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 40px 12px 0;
  }
  .study-notice {
    width: 100%;
    padding-bottom: 40px;
  }
  .study-notice__list {
    padding: 4px 0;
    border-radius: 6px;
  }
  .study-notice__list li {
    padding: 14px 12px;
  }
  .study-notice__list li .date {
    display: none;
  }
}
.sec__tab-class {
  margin-top: 40px;
}
.sec__tab-class ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec__tab-class ul li {
  display: block;
  width: 200px;
  height: 45px;
  color: var(--font-200);
  font-size: 15px;
  font-weight: 500;
  line-height: 45px;
  text-align: center;
  background-color: var(--gray-50);
  border: 1px solid var(--gray-200);
  border-left: none;
  border-bottom: none;
}
.sec__tab-class ul li:first-child {
  border-left: 1px solid var(--gray-200);
}
.sec__tab-class ul li.current {
  position: relative;
  color: var(--p-darken);
  font-weight: 700;
  background-color: var(--white);
}
.sec__tab-class ul li.current::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 0;
  background-color: var(--white);
}

.sec__study-container.class {
  margin: 0;
  padding: 24px 0 0;
  border-top: 1px solid var(--gray-200);
}
.sec__study-container.class .sec__tab {
  margin-top: 0;
}
.sec__study-container.class .tab__item {
  margin-right: 12px;
}
.sec__study-container.class .tab__item.active {
  color: var(--p-lighten-100);
  font-weight: 600;
  background-color: var(--p-lighten-600);
  border-color: var(--p-lighten-100);
}

.sec__guide-list {
  margin: 20px 0 16px;
}
.sec__guide-list .btn-modal {
  height: 30px;
  color: var(--font-200);
  font-size: 13px;
  font-weight: 600;
  line-height: 30px;
  padding: 0 12px;
  border: 1px solid var(--gray-300);
  border-left: none;
  cursor: pointer;
}
.sec__guide-list .btn-modal:first-child {
  border-left: 1px solid var(--gray-300);
}

.sec__study-caution {
  padding: 20px;
  margin-bottom: 60px;
  border: 1px solid var(--gray-200);
}
.sec__study-caution p {
  color: var(--font-100);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  margin-top: 20px;
}
.sec__study-caution ul {
  margin-top: 13px;
}
.sec__study-caution ul li {
  color: var(--font-200);
  font-size: 14px;
  line-height: 1.3;
  padding: 3px 0;
}
.sec__study-caution ul li:last-child {
  color: var(--red);
  font-weight: 500;
  padding-bottom: 0;
}
.sec__study-caution ul li .btn-txt {
  margin-left: 4px;
}

.sec__lecturelist {
  margin-top: 40px;
}
.sec__lecturelist-header {
  padding: 20px;
  background-color: rgba(35, 73, 210, 0.05);
  border: 2px solid rgba(26, 35, 126, 0.8);
  border-radius: 3px;
}
.sec__lecturelist.active .sec__lecture-tit .sub-title-md {
  font-weight: 600;
}
.sec__lecturelist.active .sec__lecture-tit .btn-lecture-toggle {
  background-position: -187px -122px;
}
.sec__lecturelist.active .sec__lecture-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sec__lecturelist.active .sec__lecturelist-body {
  display: block;
}
.sec__lecturelist.single .lecture-item__tit {
  -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;
}
.sec__lecturelist.single .lecture-item__tit .tit {
  padding: 0;
  margin-top: 8px;
}
.sec__lecturelist.single .lecture-item__tit .tit::before {
  display: none;
}

.sec__lecture-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec__lecture-tit .btn-lecture-toggle {
  margin-left: 16px;
  width: 24px;
  height: 24px;
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -163px -122px;
}

.sec__lecture-content {
  display: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
}

.lecture-content__duration {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--font-100);
  font-size: 15px;
}
.lecture-content__duration .tit {
  font-weight: 500;
  padding-right: 12px;
}
.lecture-content__duration .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lecture-content__duration .date em {
  letter-spacing: -0.03em;
}
.lecture-content__duration .date .badge-sm {
  margin-left: 4px;
}
.lecture-content__duration .date .badge-sm i {
  font-style: normal;
}
.lecture-content__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lecture-content__btn .btn {
  width: 90px;
  height: 30px;
  line-height: 30px;
  padding: 0;
  margin-right: 12px;
  border-radius: 2px;
}
.lecture-content__btn .btn:last-child {
  margin-right: 0;
}

.sec__lecturelist-body {
  display: none;
  margin-top: 20px;
  border-bottom: 1px solid rgba(26, 35, 126, 0.8);
}

.sec__lecture-item {
  margin-bottom: 28px;
  border: 1px solid var(--gray-200);
  border-radius: 3px;
}

.lecture-item__tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px;
  background-color: var(--gray-50);
  border-bottom: 1px solid var(--gray-200);
}
.lecture-item__tit .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 3px 0 -5px;
}
.lecture-item__tit .info span {
  position: relative;
  color: var(--font-100);
  font-size: 15px;
  font-weight: 500;
  padding: 0 5px;
}
.lecture-item__tit .info span em {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 500;
  padding-right: 2px;
}
.lecture-item__tit .info span:last-child::before {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: -1px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--font-100);
  border-radius: 50%;
}
.lecture-item__tit .tit {
  position: relative;
  font-weight: 600;
  padding-left: 8px;
}
.lecture-item__tit .tit::before {
  content: "";
  display: block;
  content: "";
  display: block;
  width: 1px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--gray-200);
  height: 12px;
  left: 0;
  background-color: var(--gray-300);
}

.lecture-subitem {
  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 32px;
  border-bottom: 1px solid var(--gray-200);
}
.lecture-subitem .btn {
  height: 30px;
  line-height: 30px;
  border-radius: 2px;
}
.lecture-subitem:last-child {
  border-bottom: none;
}
.lecture-subitem__left {
  padding: 2px 0;
}
.lecture-subitem__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.subitem-tit {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 600;
}
.subitem-duration {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--font-200);
  font-size: 15px;
  margin-top: 8px;
}
.subitem-duration .tit {
  font-weight: 500;
  padding-right: 12px;
}
.subitem-duration .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.subitem-duration .date em {
  letter-spacing: -0.03em;
}
.subitem-duration .date .badge-sm {
  margin-left: 4px;
}
.subitem-duration .date .badge-sm i {
  font-style: normal;
}
.subitem-btnlist {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
}
.subitem-btnlist::after {
  content: "";
  display: block;
  width: 1px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--gray-200);
  height: 16px;
  right: 0;
  background-color: var(--gray-300);
}
.subitem-btnlist .btn {
  width: 80px;
  padding: 0;
  margin-right: 12px;
}
.subitem-btnlist .btn:last-child {
  margin-right: 0;
}
.subitem-btn {
  margin-left: 20px;
}
.subitem-txt {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 20px;
}
.subitem-txt::after {
  content: "";
  display: block;
  width: 1px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--gray-200);
  height: 16px;
  right: 0;
  background-color: var(--gray-300);
}
.subitem-txt span {
  color: var(--p-lighten-100);
  font-size: 15px;
  font-weight: 500;
  margin-right: 8px;
}
.subitem-txt em {
  color: var(--p-lighten-100);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.03em;
}

.guide-modal {
  width: 480px;
  border-radius: 6px;
}
.guide-modal__header {
  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;
  margin: 12px 20px 0;
  padding-bottom: 4px;
  border-bottom: 1px dashed var(--gray-200);
}
.guide-modal__header .sub-title-sm-line {
  font-size: 18px;
}
.guide-modal__header .btn-hide {
  margin-right: -10px;
}
.guide-modal__body {
  padding: 24px 20px 28px;
}
.guide-modal__body p {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  padding: 4px 0;
}
.guide-modal__body p.red {
  color: var(--red);
}
.guide-modal__body ul {
  margin-top: 12px;
}
.guide-modal__body ul li {
  color: var(--font-200);
  font-size: 14px;
  line-height: 1.3;
  padding: 4px 0;
}
.guide-modal__body ul li em {
  color: var(--p-lighten-100);
  font-weight: 600;
  letter-spacing: -0.03em;
}

.sec__guide-reference {
  margin-top: 12px;
}
.sec__guide-reference h4 {
  display: inline-block;
  color: var(--white);
  font-size: 12px;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 2px 2px 0 0;
  background-color: var(--orange);
}

.reference__body {
  padding: 10px 22px 18px;
  border: 1px solid var(--orange);
  border-radius: 0 3px 3px 3px;
}
.reference__body.online {
  padding: 16px 22px;
}
.reference__body.online .table__reference td:first-child {
  width: 90px;
}
.reference__body.online .table__reference td:last-child {
  width: unset;
}

.table__reference {
  width: 100%;
  color: var(--font-100);
}
.table__reference th {
  font-size: 13px;
  font-weight: 400;
  padding: 8px 0;
}
.table__reference tbody {
  border: 1px solid var(--gray-200);
}
.table__reference tr {
  border-bottom: 1px solid var(--gray-200);
}
.table__reference td {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  padding: 8px;
}
.table__reference td br {
  display: none;
}
.table__reference td:first-child {
  width: 60px;
  font-weight: 600;
  background-color: var(--gray-50);
}

.apply-pop {
  width: 400px;
  padding: 40px 28px 32px;
  border-radius: 6px;
}
.apply-pop .notice-txt {
  margin-top: 16px;
  color: var(--font-100);
  font-size: 15px;
  line-height: 1.3;
}
.apply-pop .notice-txt em {
  color: var(--p-lighten-100);
  font-weight: 700;
}
.apply-pop .notice-txt span {
  display: block;
  line-height: 1.3;
}
.apply-pop .apply-input {
  margin-top: 24px;
}
.apply-pop .apply-input p {
  color: var(--font-300);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}
.apply-pop .apply-input p span {
  display: block;
  font-weight: 400;
  line-height: 1.3;
}
.apply-pop .apply-input ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 12px;
}
.apply-pop .apply-input ul li {
  margin-right: 12px;
}
.apply-pop .apply-input ul li input + label {
  font-weight: 500;
}
.apply-pop .apply-input .date-select li {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 500;
  padding-right: 20px;
}
.apply-pop .apply-input .date-select li input[type=date] {
  width: 160px;
}
.apply-pop .pause-date {
  margin-top: 20px;
}
.apply-pop .pause-date li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 15px;
  padding: 4px 0;
}
.apply-pop .pause-date li:last-child {
  padding-bottom: 0;
}
.apply-pop .pause-date li .date-name {
  color: var(--font-100);
  margin-right: 8px;
}
.apply-pop .pause-date li .date-remaining em {
  color: var(--p-lighten-100);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.apply-pop .pause-date li .date-remaining span {
  color: var(--font-400);
  font-weight: 600;
  letter-spacing: -0.03em;
  padding-left: 1px;
}
.apply-pop .pause-history {
  margin: 28px 0 -16px;
}
.apply-pop .pause-history .btn-toggle {
  position: relative;
  color: var(--font-300);
  font-size: 15px;
  font-weight: 500;
  padding-right: 17px;
}
.apply-pop .pause-history .btn-toggle::after {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: 0 -1px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.apply-pop .pause-history .btn-toggle.active::after {
  -webkit-transform: translateY(-48%) rotate(180deg);
          transform: translateY(-48%) rotate(180deg);
}
.apply-pop .toggle__body.active {
  display: table;
}
.apply-pop .table__history {
  position: relative;
  width: 100%;
  margin: 16px 0 8px;
  border: 1px solid var(--gray-200);
}
.apply-pop .table__history th {
  color: var(--font-100);
  font-size: 14px;
  font-weight: 600;
  padding: 8px;
  background-color: var(--gray-50);
  border-bottom: 1px solid var(--gray-200);
}
.apply-pop .table__history th:last-child {
  border-left: 1px solid var(--gray-200);
}
.apply-pop .table__history td {
  color: var(--font-200);
  font-size: 14px;
  letter-spacing: -0.03em;
  text-align: center;
  padding: 8px 0;
  border-bottom: 1px solid var(--gray-200);
}
.apply-pop .table__history td:first-child {
  width: calc(100% - 120px);
}
.apply-pop .table__history td:last-child {
  width: 120px;
  border-left: 1px solid var(--gray-200);
}
.apply-pop .btn {
  width: 100%;
  height: 44px;
  line-height: 44px;
  margin-top: 36px;
  border-radius: 3px;
}
.apply-pop .btn-hide {
  position: absolute;
  top: 8px;
  right: 8px;
}

@media (max-width: 1200px) {
  .sec__tab-class ul li {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: unset;
  }
  .sec__study-caution {
    padding: 20px 16px;
  }
  .sec__lecturelist-header {
    padding: 20px 12px 16px;
  }
  .sec__lecturelist.single .lecture-subitem {
    -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;
    padding: 18px 16px;
  }
  .sec__lecture-content {
    margin-top: 16px;
  }
  .lecture-content__btn {
    width: 100%;
    margin-top: 20px;
  }
  .lecture-content__btn .btn {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: auto;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    margin-right: 8px;
  }
  .sec__lecture-content {
    -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;
  }
  .lecture-item__tit {
    padding: 20px 16px;
  }
  .lecture-subitem {
    padding: 16px;
  }
  .lecture-subitem__left {
    padding: 0;
  }
  .lecture-subitem__right {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 12px;
  }
  .subitem-duration {
    margin-top: 16px;
  }
  .subitem-btnlist {
    width: 100%;
    padding: 0;
  }
  .subitem-btnlist::after {
    display: none;
  }
  .subitem-btnlist .btn {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: auto;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    margin-right: 8px;
  }
  .subitem-btn {
    width: 100%;
    margin: 8px 0 0;
  }
  .subitem-btn .btn {
    width: 100%;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
  }
  .subitem-txt {
    width: 100%;
  }
  .subitem-txt::after {
    display: none;
  }
  .guide-modal {
    position: fixed;
    top: unset;
    bottom: -100px;
    left: 0;
    -webkit-transform: unset;
            transform: unset;
    width: 100%;
    padding-bottom: 10px;
    border-radius: 12px 12px 0 0;
    -webkit-transition: bottom 0.3s;
    transition: bottom 0.3s;
  }
  .guide-modal__header {
    margin: 12px 16px 0;
  }
  .guide-modal__body {
    padding: 20px 16px 24px;
  }
  .sec__modal.active .guide-modal {
    bottom: 0;
  }
  .sec__modal.active .apply-pop {
    bottom: 0;
  }
  .reference__body {
    padding: 8px 8px 16px;
  }
  .table__reference td {
    font-size: 13px;
    line-height: 1.3;
  }
  .table__reference td br {
    display: block;
  }
  .table__reference td:first-child {
    width: 45px;
    padding: 8px 0;
  }
  .apply-pop {
    position: fixed;
    top: unset;
    bottom: -100px;
    left: 0;
    -webkit-transform: unset;
            transform: unset;
    width: 100%;
    padding: 30px 16px 42px;
    border-radius: 12px 12px 0 0;
    -webkit-transition: bottom 0.3s;
    transition: bottom 0.3s;
  }
  .apply-pop .notice-txt {
    margin-top: 32px;
  }
  .apply-pop .btn {
    height: 50px;
    font-size: 14px;
    line-height: 50px;
  }
  .apply-pop .btn-hide {
    top: 18px;
    right: 4px;
  }
}
@media (max-width: 600px) {
  .sec__lecture-tit {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.sec__tit {
  margin-top: 40px;
}
.sec__tit.std-sub {
  margin-top: 28px;
}

.sec__tab {
  margin-top: 28px;
}

.tab__wrap {
  height: 40px;
}

.tab__item {
  float: left;
  display: block;
  width: auto;
  height: 40px;
  color: var(--font-200);
  font-size: 15px;
  line-height: 40px;
  margin-right: 6px;
  padding: 0 20px;
  border: 1px solid var(--gray-200);
  border-radius: 20px;
}
.tab__item:last-child {
  margin-right: 0;
}
.tab__item::after {
  content: "";
  display: block;
  clear: both;
}
.tab__item.active {
  color: var(--white);
  font-weight: 500;
  background-color: var(--p-lighten-200);
  border-color: var(--p-lighten-200);
}

.sec__study-container {
  margin-top: 28px;
}

.sec__program-header {
  padding: 32px 24px;
  background-color: var(--gray-bg);
  border: 1px solid var(--gray-200);
}
.sec__program-body {
  margin-top: 60px;
}

.sec__program-tit .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -6px;
}
.sec__program-tit .info span {
  position: relative;
  color: var(--font-200);
  font-size: 15px;
  font-weight: 500;
  padding: 0 6px;
}
.sec__program-tit .info span em {
  color: var(--font-200);
  font-size: 15px;
  font-weight: 500;
  margin-right: 2px;
}
.sec__program-tit .info span::after {
  content: "";
  display: block;
  width: 1px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--gray-200);
  height: 12px;
  right: 0;
  background-color: var(--gray-300);
}
.sec__program-tit .info span:last-child::after {
  display: none;
}
.sec__program-tit .sub-title__mobile {
  font-weight: 600;
  margin-top: 10px;
}

.sec__program-info {
  margin-top: 32px;
}

.program-info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.program-info-item:last-child {
  margin-bottom: 0;
}
.program-info-item em {
  width: 140px;
  color: var(--font-200);
  font-size: 15px;
  font-weight: 500;
}
.program-info-item p {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.03em;
}
.program-info-item p .badge-sm {
  margin-left: 6px;
}

.sec__program-btn .btn {
  margin-left: 8px;
}

.sec__program-table {
  margin-top: 16px;
}

.table__program {
  width: 100%;
}
.table__program th {
  color: var(--font-300);
  font-size: 14px;
  font-weight: 500;
  padding: 16px 0;
  background-color: #f5f6f8;
  border-top: 2px solid var(--font-200);
  border-bottom: 1px solid var(--gray-200);
}
.table__program th span {
  display: block;
  font-size: 12px;
  font-weight: 400;
  padding-top: 4px;
}
.table__program td {
  color: var(--font-200);
  font-size: 15px;
  text-align: center;
  border-bottom: 1px solid var(--gray-200);
}

.w-5 {
  width: 5%;
}

.w-10 {
  width: 10%;
}

.w-15 {
  width: 15%;
}

.w-20 {
  width: 20%;
}

.w-25 {
  width: 25%;
}

.w-30 {
  width: 30%;
}

.w-35 {
  width: 35%;
}

.w-70 {
  width: 70%;
}

@media (max-width: 1200px) {
  .mo-w-10 {
    width: 10%;
  }
}

@media (max-width: 1200px) {
  .mo-w-15 {
    width: 15%;
  }
}

@media (max-width: 1200px) {
  .mo-w-20 {
    width: 20%;
  }
}

@media (max-width: 1200px) {
  .mo-w-25 {
    width: 25%;
  }
}

@media (max-width: 1200px) {
  .mo-w-30 {
    width: 30%;
  }
}

@media (max-width: 1200px) {
  .mo-w-35 {
    width: 35%;
  }
}

@media (max-width: 1200px) {
  .mo-w-40 {
    width: 40%;
  }
}

@media (max-width: 1200px) {
  .mo-w-45 {
    width: 45%;
  }
}

@media (max-width: 1200px) {
  .mo-w-55 {
    width: 55%;
  }
}

@media (max-width: 1200px) {
  .mo-w-60 {
    width: 60%;
  }
}

@media (max-width: 1200px) {
  .mo-d-none {
    display: none;
  }
}

td.lecture-chapter {
  color: var(--font-100);
  font-weight: 600;
  text-align: left;
  padding: 16px 20px;
}

.lecture-info {
  text-align: left;
  padding: 16px 20px;
}
.lecture-info__tit {
  font-weight: 500;
}
.lecture-info__watch {
  margin: 12px 0 0;
}
.lecture-info__watch-bar {
  background-color: var(--gray-100);
  border-radius: 3px;
  overflow: hidden;
}
.lecture-info__watch-bar .mark {
  height: 6px;
  background-color: var(--p-lighten-100);
  border-radius: 3px;
}
.lecture-info__time {
  font-size: 13px;
  margin-top: 4px;
}
.lecture-info__time .watch-time {
  color: var(--p-lighten-100);
}
.lecture-info__book {
  font-size: 14px;
  margin-top: 8px;
}

.file-modal {
  width: 100%;
  max-width: 400px;
  border-radius: 6px;
}
.file-modal__header {
  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: 12px 16px 0;
}
.file-modal__header .btn-hide {
  margin-right: -10px;
}
.file-modal__body {
  padding: 20px 16px;
}

.file-item {
  height: 48px;
  padding: 0 16px;
  margin-bottom: 8px;
  border: 1px solid var(--gray-200);
  border-radius: 3px;
}
.file-item:hover {
  background-color: var(--gray-50);
}
.file-item a {
  position: relative;
  display: block;
  color: var(--font-100);
  font-size: 14px;
  line-height: 48px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 22px;
}
.file-item a::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -284px -260px;
}

.sec__btn-video {
  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;
}
.sec__btn-video .btn {
  width: 70px;
  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;
  height: 28px;
  font-size: 12px;
  line-height: 28px;
  padding: 0 8px;
}
.sec__btn-video .btn span {
  position: relative;
  padding-left: 20px;
}
.sec__btn-video .btn span::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -100px 0;
}
.sec__btn-video .btn:last-child {
  margin-left: 8px;
}

.sec__exam-table table {
  min-width: 576px;
}
.sec__exam-table table td {
  line-height: 1.3;
  padding: 16px 0;
}
.sec__exam-table table td.txt-bd {
  color: var(--font-200);
  font-weight: 500;
  text-align: left;
  padding: 16px 20px;
}
.sec__exam-table table td.bd-right {
  border-right: 1px solid var(--gray-200);
}
.sec__exam-table table td.txt-lft {
  text-align: left;
  padding: 0 20px;
}
.sec__exam-table table .btn {
  height: 32px;
  line-height: 32px;
  border-radius: 2px;
}
.sec__exam-table table .sec__btn-video .btn {
  height: 28px;
  line-height: 28px;
}
.sec__exam-table table .score strong {
  color: var(--font-100);
  font-weight: 600;
  padding-right: 2px;
}
.sec__exam-table table .score span {
  color: var(--font-100);
  font-weight: 600;
  padding-right: 2px;
}
.sec__exam-table table .score em {
  color: var(--font-300);
}

.attendance-info .time {
  display: block;
  color: var(--font-300);
  font-size: 12px;
  margin-top: 10px;
}

@media (max-width: 1200px) {
  .sec__tit {
    margin-top: 28px;
  }
  .sec__tab {
    margin-top: 32px;
  }
  .tab__wrap {
    height: 36px;
  }
  .tab__item {
    height: 36px;
    font-size: 14px;
    line-height: 35px;
    padding: 0 16px;
  }
  .sec__study-container {
    margin-top: 16px;
  }
  .sec__program-header {
    padding: 20px 12px;
  }
  .sec__program-body {
    margin-top: 40px;
  }
  .sec__program-tit li {
    font-size: 14px;
  }
  .sec__program-tit .sub-title__mobile {
    margin-top: 8px;
  }
  .sec__program-info {
    margin-top: 24px;
  }
  .program-info-item em {
    width: 120px;
    font-size: 14px;
  }
  .program-info-item p {
    font-size: 14px;
    letter-spacing: -0.03em;
  }
  .sec__program-table {
    margin-top: 12px;
  }
  td.lecture-chapter {
    padding: 16px 12px;
  }
  .lecture-info {
    padding: 20px 12px;
  }
  .sec__exam-table table td.txt-bd, .sec__exam-table table td.txt-lft {
    padding: 16px 12px;
  }
  .sec__exam-table .sec__btn-video {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sec__exam-table .sec__btn-video .btn:last-child {
    margin-top: 4px;
    margin-left: 0;
  }
  .file-modal {
    position: fixed;
    top: unset;
    bottom: -100px;
    left: 0;
    -webkit-transform: unset;
            transform: unset;
    width: 100%;
    padding-bottom: 10px;
    border-radius: 12px 12px 0 0;
    -webkit-transition: bottom 0.3s;
    transition: bottom 0.3s;
  }
  .file-modal__body {
    padding-bottom: 24px;
  }
}
@media (max-width: 600px) {
  .sec__btn-video {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sec__btn-video .btn:last-child {
    margin-top: 4px;
    margin-left: 0;
  }
  .sec__exam-table {
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .sec__exam-table::-webkit-scrollbar {
    display: none;
  }
}
.sec__video-table {
  border-top: 2px solid var(--font-200);
}

.table-video__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #f5f6f8;
  border-bottom: 1px solid var(--gray-200);
}
.table-video__header .video-item {
  color: var(--font-300);
  font-size: 14px;
  font-weight: 500;
}
.table-video__item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid var(--gray-200);
}
.table-video__left {
  width: 230px;
  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;
  border-right: 1px solid var(--gray-200);
}
.table-video__left .video-item {
  font-weight: 500;
  text-align: left;
  padding: 16px 20px;
}
.table-video__right {
  width: calc(100% - 230px);
}
.table-video__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid var(--gray-200);
}
.table-video__item:last-child {
  border-bottom: none;
}
.table-video__item .video-item {
  padding: 16px 20px;
}
.table-video__item .video-item.topic em {
  text-align: left;
  line-height: 1.3;
}

.video-item {
  color: var(--font-200);
  font-size: 15px;
  text-align: center;
  line-height: 1.3;
  padding: 16px 12px;
}
.video-item span {
  display: none;
}
.video-item.chapter {
  width: 230px;
}
.video-item.topic {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.video-item.level, .video-item.date {
  width: 117px;
}

@media (max-width: 1200px) {
  .table-video__header {
    display: none;
  }
  .table-video__item-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-bottom: none;
  }
  .table-video__left {
    width: 100%;
    display: block;
    background-color: #f5f6f8;
    border-right: none;
  }
  .table-video__left.video-item {
    color: var(--font-100);
    padding: 16px 12px;
  }
  .table-video__right {
    width: 100%;
    border-top: 1px solid var(--gray-200);
    border-bottom: 1px solid var(--font-200);
  }
  .table-video__right.empty {
    border-top: none;
  }
  .table-video__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-color: var(--font-200);
  }
  .table-video__item .video-item {
    width: 100%;
    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 0;
    border-bottom: 1px solid var(--gray-100);
  }
  .table-video__item .video-item:last-child {
    border-bottom: none;
  }
  .table-video__item .video-item span {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: block;
    width: 84px;
    color: var(--font-300);
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    padding-left: 12px;
  }
  .table-video__item .video-item em {
    padding-right: 12px;
  }
}
.sec__play-class {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 1200px;
  height: 100%;
  padding: 0 15px;
  margin: 0 auto;
}
.sec__play-class .btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  height: 36px;
  line-height: 36px;
  border-radius: 3px;
  padding-left: 32px;
}
.sec__play-class .btn::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -250px -240px;
}

.sec__play-class-txt {
  height: 100%;
  margin-top: 80px;
}
.sec__play-class-txt h5 {
  color: var(--font-100);
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
.sec__play-class-txt .class-name {
  color: var(--font-300);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  margin-top: 12px;
}
.sec__play-class-txt .sec__play-faq {
  margin-top: 60px;
}
.sec__play-class-txt .sec__play-faq .btn-faq {
  position: relative;
  color: var(--font-100);
  font-size: 15px;
  padding-left: 22px;
}
.sec__play-class-txt .sec__play-faq .btn-faq::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -250px -260px;
}
.sec__play-class-txt .sec__play-faq .sec__play-faq-txt {
  display: none;
  margin-top: 12px;
}
.sec__play-class-txt .sec__play-faq .sec__play-faq-txt.on {
  display: block;
}
.sec__play-class-txt .sec__play-faq .sec__play-faq-txt li {
  position: relative;
  color: var(--font-200);
  font-size: 15px;
  line-height: 1.3;
  padding-left: 18px;
  margin-bottom: 6px;
}
.sec__play-class-txt .sec__play-faq .sec__play-faq-txt li:last-child {
  margin-bottom: 0;
}
.sec__play-class-txt .sec__play-faq .sec__play-faq-txt li::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -230px 0;
}

@media (max-width: 1200px) {
  .sec__play-class {
    padding: 28px 12px 0;
    background-color: var(--gray-bg);
  }
  .sec__play-class-txt .sec__play-faq {
    padding: 0 4px;
  }
}
.main__link-report {
  position: relative;
}

.sec__link-report {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.btn-link-report {
  width: 200px;
  padding: 20px 0;
  background-color: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: 6px;
}
.btn-link-report span {
  position: relative;
  display: block;
  color: var(--font-100);
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  padding-top: 74px;
}
.btn-link-report span::before {
  content: "";
  display: block;
  width: 56px;
  height: 56px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url("../img/icon_report.png");
  background-repeat: no-repeat;
  background-size: 198px 56px;
}
.btn-link-report.study-report {
  margin-bottom: 28px;
}
.btn-link-report.study-report span::before {
  background-position: 0 0;
}
.btn-link-report.immersion-report span::before {
  background-position: -104px 0;
}

@media (max-width: 1200px) {
  .main__link-report {
    background-color: var(--gray-bg) !important;
  }
  .sec__link-report {
    width: 100%;
    padding: 0 12px;
  }
  .btn-link-report {
    width: 100%;
    max-width: 600px;
    height: 60px;
    padding: 0;
    margin: auto;
    border-radius: 3px;
  }
  .btn-link-report span {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 16px;
    line-height: 60px;
    padding-top: 0;
    padding-left: 38px;
    margin: auto;
  }
  .btn-link-report span::before {
    width: 28px;
    height: 28px;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .btn-link-report.study-report {
    margin-bottom: 12px;
  }
  .btn-link-report.study-report span::before {
    background-position: -66px 0;
  }
  .btn-link-report.immersion-report span::before {
    background-position: -170px 0;
  }
}
.sec__report-header.study-reprot {
  padding-bottom: 28px;
  border-bottom: 1px solid var(--gray-200);
}

.sec__report-body.study-reprot {
  padding: 0 0 80px;
}

.sec__study-report {
  padding: 40px 16px 0;
}
.sec__study-report .btn-more {
  position: relative;
  color: var(--font-300);
  font-size: 14px;
  font-weight: 500;
  padding-right: 11px;
}
.sec__study-report .btn-more::after {
  content: "";
  display: block;
  width: 7px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -120px -160px;
}
.sec__study-report.subject-list {
  margin-top: 20px;
}
.sec__study-report.subject-list h3 {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 20px;
}
.sec__study-report.subject-list h3 b {
  font-weight: 700;
}
.sec__study-report.learning-status {
  border-bottom: 10px solid var(--gray-50);
}
.sec__study-report.learning-status-detail {
  padding-bottom: 40px;
  border-bottom: 10px solid var(--gray-50);
}
.sec__study-report.exam-status-detail {
  padding-bottom: 40px;
  border-bottom: 10px solid var(--gray-50);
}

.subject-list-item {
  margin-bottom: 8px;
}
.subject-list-item:last-child {
  margin-bottom: 0;
}
.subject-list-item a {
  position: relative;
  display: block;
  color: var(--font-100);
  font-size: 15px;
  font-weight: 500;
  line-height: 50px;
  padding: 0 16px;
  border: 1px solid var(--gray-200);
  border-radius: 3px;
}
.subject-list-item a::after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -78px -154px;
}

.sec__status-cahrt {
  margin: 28px 0 22px;
}
.sec__status-cahrt .chart-txt {
  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: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.sec__status-cahrt .chart-txt em {
  color: var(--font-100);
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.sec__status-cahrt .chart-txt span {
  color: var(--font-300);
  font-size: 12px;
  font-weight: 500;
  margin-top: 2px;
}
.sec__status-cahrt .chart-txt.horizon em {
  position: relative;
  font-size: 22px;
  padding-right: 12px;
}
.sec__status-cahrt .chart-txt.horizon em::after {
  content: "%";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0px;
  color: var(--font-300);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6;
}
.sec__status-cahrt.chart-status-detail {
  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;
}

.sec__chart-status {
  position: relative;
  width: 180px;
  margin: 0 auto;
}

.sec__chart-status-detail {
  position: relative;
  width: 180px;
}

.chart-exam-detail {
  margin: 28px 0 0;
  overflow-x: auto;
}

.sec__chart-exam-detail {
  min-width: 600px;
}

.status-detail__legend {
  margin-left: 40px;
}
.status-detail__legend li {
  position: relative;
  color: var(--font-200);
  font-size: 13px;
  font-weight: 500;
  padding-left: 12px;
  margin-bottom: 12px;
}
.status-detail__legend li::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 50%;
}
.status-detail__legend li:nth-child(1)::before {
  background-color: var(--report-gray);
}
.status-detail__legend li:nth-child(2)::before {
  background-color: var(--report-b2);
}
.status-detail__legend li:nth-child(3) {
  margin-bottom: 0;
}
.status-detail__legend li:nth-child(3)::before {
  background-color: var(--report-b1);
}

.sec__study-data-list {
  border: 1px solid var(--gray-100);
  border-radius: 3px;
}
.sec__study-data-list.row-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 42px;
  border: none;
}

.report-data-item.study {
  width: calc(50% - 4px);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 20px;
  margin: 6px 0;
  background-color: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: 3px;
}
.report-data-item.study p {
  width: 100%;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-top: 8px;
}
.report-data-item.study p em {
  color: var(--p-lighten-100);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.03em;
  padding-left: 0;
  padding-right: 2px;
}
.report-data-item.study p i {
  color: var(--font-300);
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
}

.table__exam-status {
  width: 100%;
  margin-top: 28px;
  border-top: 1px solid var(--gray-200);
}
.table__exam-status th {
  color: var(--font-300);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  padding: 16px 0;
  background-color: rgba(229, 236, 255, 0.4);
  border-bottom: 1px solid var(--gray-200);
}
.table__exam-status th:nth-child(2), .table__exam-status th:nth-child(3), .table__exam-status th:nth-child(4) {
  border-left: 1px solid var(--gray-200);
}
.table__exam-status td {
  color: var(--font-100);
  font-size: 15px;
  text-align: center;
  padding: 16px 0;
  border-bottom: 1px solid var(--gray-200);
}
.table__exam-status td:nth-child(1) {
  color: var(--font-200);
  line-height: 1.3;
  text-align: left;
  padding: 16px 12px;
}
.table__exam-status td:nth-child(2), .table__exam-status td:nth-child(3), .table__exam-status td:nth-child(4) {
  width: 100px;
  border-left: 1px solid var(--gray-200);
}

.study-data-item {
  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 12px;
  background-color: #fafafa;
  border-bottom: 1px solid var(--gray-100);
}
.study-data-item:last-child {
  border-bottom: none;
}
.study-data-item strong {
  color: var(--font-300);
  font-size: 13px;
  font-weight: 600;
}
.study-data-item p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.study-data-item p em {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.03em;
}
.study-data-item p span {
  color: var(--font-200);
  font-size: 15px;
  letter-spacing: -0.03em;
  padding-left: 4px;
}

.sec__chapter-status {
  margin-top: 28px;
}

.chapter-status-item {
  padding: 20px 16px;
  margin-bottom: 12px;
  border: 1px solid var(--gray-200);
  border-radius: 4px;
}
.chapter-status-item:last-child {
  margin-bottom: 0;
}
.chapter-status-item__top {
  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;
}
.chapter-status-item .date {
  color: var(--font-300);
  font-size: 14px;
  letter-spacing: -0.03em;
  margin-bottom: 10px;
}
.chapter-status-item .answer-rate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chapter-status-item .answer-rate span {
  color: var(--font-300);
  font-size: 14px;
  font-weight: 600;
}
.chapter-status-item .answer-rate em {
  color: var(--p-lighten-100);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.03em;
  padding-left: 12px;
}
.chapter-status-item .tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chapter-status-item .tit i {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: var(--white);
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  padding: 3px 4px;
  margin-right: 6px;
  background-color: var(--p-lighten-300);
  border: 1px solid rgba(34, 34, 34, 0.02);
  border-radius: 2px;
}
.chapter-status-item .tit em {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}
.chapter-status-item .tit p {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  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;
}
.chapter-status-item .tit p .btn-report-toggle {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  height: 24px;
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -140px -154px;
}
.chapter-status-item .tit p .btn-report-toggle.active {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.chapter-status-item .progressbar {
  margin-top: 20px;
  background-color: var(--gray-200);
  border-radius: 5px;
}
.chapter-status-item .progressbar .mark {
  position: relative;
  height: 10px;
  background-color: var(--p-lighten-200);
  border-radius: 5px;
}
.chapter-status-item .progressbar .mark em {
  position: absolute;
  top: 14px;
  right: 0;
  color: var(--p-lighten-200);
  font-size: 13px;
  font-weight: 600;
}
.chapter-status-item .data-list {
  margin-top: 18px;
}
.chapter-status-item .data-list li {
  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: 8px 0;
}
.chapter-status-item .data-list li:last-child {
  padding-bottom: 0;
}
.chapter-status-item .data-list li strong {
  color: var(--font-300);
  font-size: 13px;
  font-weight: 600;
}
.chapter-status-item .data-list li em {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.03em;
}
.chapter-status-item .data-list.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 24px -8px 0;
}
.chapter-status-item .data-list.row li {
  width: 33.333%;
  padding: 0 12px;
  border-right: 1px solid var(--gray-200);
}
.chapter-status-item .data-list.row li:last-child {
  border-right: none;
}
.chapter-status-item .data-list.row li p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chapter-status-item .data-list.row li em {
  color: var(--p-lighten-100);
  font-weight: 700;
}
.chapter-status-item .data-list.row li span {
  color: var(--font-300);
  font-size: 15px;
  padding-left: 2px;
}
.chapter-status-item .data-list.row.double li {
  width: 50%;
}
.chapter-status-item .toggle-data-list {
  display: none;
  padding: 6px 0;
  margin-top: 16px;
}
.chapter-status-item .toggle-data-list.active {
  display: block;
}
.chapter-status-item .toggle-data-list li {
  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: 6px 12px;
  background-color: rgba(229, 236, 255, 0.4);
}
.chapter-status-item .toggle-data-list li strong {
  color: var(--font-300);
  font-size: 13px;
  font-weight: 600;
}
.chapter-status-item .toggle-data-list li p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chapter-status-item .toggle-data-list li p em {
  color: var(--font-200);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.chapter-status-item .toggle-data-list li p span {
  color: var(--font-300);
  font-size: 15px;
  padding-left: 2px;
}

@media (max-width: 600px) {
  .sec__study-report {
    padding: 40px 12px 0;
  }
  .sec__study-report.learning-status {
    padding-top: 28px;
    background-color: var(--gray-bg);
    border-bottom: none;
  }
  .sec__study-data-list.row-2 {
    padding-bottom: 34px;
  }
  .report-data-item.study {
    padding: 20px 12px;
    border-color: var(--gray-100);
  }
  .table__exam-status td:nth-child(2), .table__exam-status td:nth-child(3), .table__exam-status td:nth-child(4) {
    width: 60px;
  }
}
.main__full.gray-bg {
  padding: 28px 0 100px;
  margin-bottom: -100px;
  background-color: var(--gray-bg);
}

.sec__report-container {
  max-width: 728px;
  padding-top: 28px;
  margin: auto;
  background-color: var(--white);
  border: 1px solid var(--gray-100);
  border-radius: 6px;
}

.sec__report-header.learning-status {
  padding-bottom: 28px;
  border-bottom: 1px solid var(--gray-200);
}
.sec__report-header .sub-title {
  text-align: center;
}

.sec__tab-report {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 28px;
  border-bottom: 1px solid var(--gray-200);
}
.sec__tab-report a {
  position: relative;
  display: block;
  width: 33.333%;
  color: var(--font-400);
  font-size: 15px;
  font-weight: 500;
  line-height: 45px;
  text-align: center;
}
.sec__tab-report a.active {
  color: var(--font-100);
  font-weight: 700;
}
.sec__tab-report a.active::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 0;
  background-color: var(--font-100);
}

.sec__report-body {
  padding-top: 28px;
}

.sec__date-control {
  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;
  padding-bottom: 28px;
  border-bottom: 10px solid var(--gray-50);
}
.sec__date-control .btn {
  position: relative;
  width: 32px;
  height: 32px;
  padding: 0;
  border-color: var(--gray-200);
  border-radius: 50%;
}
.sec__date-control .btn::after {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
}
.sec__date-control .btn-prev::after {
  top: -1px;
  left: -1px;
  background-position: -212px -118px;
}
.sec__date-control .btn-next::after {
  top: -1px;
  left: 0;
  background-position: -244px -118px;
}
.sec__date-control .date-txt {
  color: var(--font-100);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.03em;
  margin: 0 40px;
}

.sec__immersion-report {
  padding: 40px 16px 80px;
}
.sec__immersion-report.day-report {
  padding-top: 40px;
  padding-bottom: 60px;
  border-bottom: 10px solid var(--gray-50);
}

.sec__immersion-chart {
  position: relative;
  width: 180px;
  height: 180px;
  margin: auto;
}
.sec__immersion-chart .chart-txt {
  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: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.sec__immersion-chart .chart-txt span {
  color: var(--font-300);
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 6px;
}
.sec__immersion-chart .chart-txt em {
  color: var(--p-lighten-100);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.sec__immersion-chart .chart-txt em::after {
  content: "%";
  color: var(--p-lighten-100);
  font-size: 15px;
  font-weight: 600;
}

.sec__immersion-time-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 60px auto 24px;
}

.time-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.time-data span {
  color: var(--font-300);
  font-size: 15px;
  font-weight: 500;
  padding-right: 6px;
}
.time-data em {
  color: var(--p-lighten-100);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.03em;
}

.sec__immersion-data-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border: 1px solid var(--gray-200);
  border-radius: 3px;
}
.sec__immersion-data-list.row-2 .report-data-item.immersion:nth-child(1), .sec__immersion-data-list.row-2 .report-data-item.immersion:nth-child(2), .sec__immersion-data-list.row-2 .report-data-item.immersion:nth-child(3) {
  border-bottom: 1px solid var(--gray-100);
}

.report-data-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: center;
      align-content: center;
  text-align: center;
  padding: 16px 0;
}
.report-data-item span {
  color: var(--font-300);
  font-size: 13px;
  font-weight: 500;
}
.report-data-item span.legend {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: relative;
  padding-left: 10px;
  margin: auto;
}
.report-data-item span.legend::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 50%;
}
.report-data-item span.legend.lecture::before {
  background-color: var(--report-b1);
}
.report-data-item span.legend.studylab::before {
  background-color: var(--report-b2);
}
.report-data-item span.legend.etc::before {
  background-color: var(--report-gray);
}
.report-data-item em {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.03em;
  margin-top: 10px;
}
.report-data-item em.bl {
  color: var(--p-lighten-100);
}
.report-data-item p {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px auto 0;
}
.report-data-item p .badge-sm {
  width: 16px;
  height: 16px;
  padding: 0;
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
}
.report-data-item p .badge-sm.negative {
  background-position: 0 -220px;
}
.report-data-item p .badge-sm.positive {
  background-position: -16px -220px;
}
.report-data-item p em {
  margin-top: 0;
  padding-left: 4px;
}

.report-data-item.immersion {
  width: 33.333%;
}
.report-data-item.immersion:nth-child(2), .report-data-item.immersion:nth-child(5) {
  border-right: 1px solid var(--gray-100);
  border-left: 1px solid var(--gray-100);
}

.sec__immersion-day-detail {
  margin-top: 28px;
}

.immersion-day-detail-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 40px;
  margin-bottom: 6px;
}
.immersion-day-detail-time p {
  width: 25%;
  color: var(--font-300);
  font-size: 13px;
  letter-spacing: -0.03em;
  text-align: right;
}

.immersion-day-detail-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 0;
}
.immersion-day-detail-item .detail-item__time {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 28px;
  color: var(--font-300);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.03em;
  text-align: center;
  margin-right: 12px;
}
.immersion-day-detail-item .detail-item__timebar {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  border-radius: 2px;
  overflow: hidden;
}
.immersion-day-detail-item .timebar-line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.immersion-day-detail-item .timebar-line span {
  width: 25%;
  border-right: 1px solid rgba(255, 255, 255, 0.6);
}
.immersion-day-detail-item .timebar {
  height: 100%;
}
.immersion-day-detail-item .timebar.lecture {
  background-color: var(--report-b1);
}
.immersion-day-detail-item .timebar.studylab {
  background-color: var(--report-b2);
}
.immersion-day-detail-item .timebar.etc {
  background-color: var(--report-gray);
}

.sec__concentration-list {
  border: 1px solid var(--gray-200);
  border-radius: 3px;
}

.concentration-item {
  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 12px;
  border-bottom: 1px solid var(--gray-100);
}
.concentration-item:last-child {
  border-bottom: none;
}
.concentration-item strong {
  position: relative;
  color: var(--font-300);
  font-size: 13px;
  font-weight: 500;
  padding-left: 10px;
}
.concentration-item strong::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 50%;
}
.concentration-item strong.high::before {
  background-color: var(--report-green);
}
.concentration-item strong.medium::before {
  background-color: var(--report-yellow);
}
.concentration-item strong.low::before {
  background-color: var(--report-red);
}
.concentration-item strong.empty::before {
  background-color: var(--report-gray);
}
.concentration-item p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.concentration-item p em {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.03em;
  margin-right: 2px;
}
.concentration-item p span {
  color: var(--font-200);
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: -0.03em;
}

.sec__concentration-detail {
  margin-top: 40px;
}

.concentration-detail__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 40px;
  margin-bottom: 10px;
}
.concentration-detail__header p {
  width: 14.2857142857%;
  color: var(--font-100);
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}
.concentration-detail__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 40px;
}

.concentration-data {
  width: 14.2857142857%;
  border-right: 1px dashed var(--gray-100);
}
.concentration-data li {
  padding: 6px;
}
.concentration-data li span {
  display: block;
  max-height: 40px;
  border: 1px solid rgba(34, 34, 34, 0.02);
  border-radius: 2px;
}
.concentration-data li span::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.concentration-data li span.high {
  background-color: var(--report-green);
}
.concentration-data li span.medium {
  background-color: var(--report-yellow);
}
.concentration-data li span.low {
  background-color: var(--report-red);
}
.concentration-data li span.empty {
  background-color: var(--report-gray);
}
.concentration-data:first-child li {
  position: relative;
}
.concentration-data:first-child li::before {
  display: block;
  width: 28px;
  position: absolute;
  top: 50%;
  left: -40px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: var(--font-300);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.03em;
}
.concentration-data:first-child li:nth-child(1)::before {
  content: "6시";
}
.concentration-data:first-child li:nth-child(2)::before {
  content: "7시";
}
.concentration-data:first-child li:nth-child(3)::before {
  content: "8시";
}
.concentration-data:first-child li:nth-child(4)::before {
  content: "9시";
}
.concentration-data:first-child li:nth-child(5)::before {
  content: "10시";
}
.concentration-data:first-child li:nth-child(6)::before {
  content: "11시";
}
.concentration-data:first-child li:nth-child(7)::before {
  content: "12시";
}
.concentration-data:first-child li:nth-child(8)::before {
  content: "13시";
}
.concentration-data:first-child li:nth-child(9)::before {
  content: "14시";
}
.concentration-data:first-child li:nth-child(10)::before {
  content: "15시";
}
.concentration-data:first-child li:nth-child(11)::before {
  content: "16시";
}
.concentration-data:first-child li:nth-child(12)::before {
  content: "17시";
}
.concentration-data:first-child li:nth-child(13)::before {
  content: "18시";
}
.concentration-data:first-child li:nth-child(14)::before {
  content: "19시";
}
.concentration-data:first-child li:nth-child(15)::before {
  content: "20시";
}
.concentration-data:first-child li:nth-child(16)::before {
  content: "21시";
}
.concentration-data:first-child li:nth-child(17)::before {
  content: "22시";
}
.concentration-data:last-child {
  border-right: none;
}

.sec__concentration-month {
  margin-bottom: 60px;
}

.concentration-month__legend {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  margin: auto;
  border: 1px solid var(--gray-100);
  border-radius: 2px;
}
.concentration-month__legend li {
  position: relative;
  color: var(--font-300);
  font-size: 13px;
  padding-left: 10px;
  margin-right: 16px;
}
.concentration-month__legend li::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 50%;
}
.concentration-month__legend li:nth-child(1)::before {
  background-color: var(--report-green);
}
.concentration-month__legend li:nth-child(2)::before {
  background-color: var(--report-yellow);
}
.concentration-month__legend li:nth-child(3) {
  margin-right: 0;
}
.concentration-month__legend li:nth-child(3)::before {
  background-color: var(--report-red);
}

.table__concentration-month {
  width: 100%;
  max-width: 420px;
  border-collapse: separate;
  border-spacing: 0 20px;
  margin: 20px auto 0;
}
.table__concentration-month th {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 500;
  padding-bottom: 20px;
}
.table__concentration-month td {
  width: 14.2857142857%;
  position: relative;
  padding: 0 10px;
}
.table__concentration-month td span {
  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;
  height: 100%;
  justify-content: center;
  align-items: center;
  color: var(--font-100);
  font-size: 15px;
  letter-spacing: -0.03em;
  text-align: center;
  border-radius: 50%;
}
.table__concentration-month td span::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.table__concentration-month td span.high {
  background-color: var(--report-green);
}
.table__concentration-month td span.medium {
  background-color: var(--report-yellow);
}
.table__concentration-month td span.low {
  background-color: var(--report-red);
}

.sec__immersion-data {
  margin-bottom: 40px;
}
.sec__immersion-data:last-child {
  margin-bottom: 0;
}
.sec__immersion-data .sub-title-md {
  margin-bottom: 16px;
}

.sec__immersion-caution {
  padding: 10px 0;
  margin-top: 20px;
  background-color: rgba(229, 236, 255, 0.7);
  border: 1px solid rgba(34, 34, 34, 0.02);
  border-radius: 3px;
}
.sec__immersion-caution p {
  color: var(--font-100);
  font-size: 14px;
  line-height: 1.3;
  text-align: center;
}

@media (max-width: 1200px) {
  .main__full.gray-bg {
    margin-bottom: -80px;
  }
}
@media (max-width: 600px) {
  .main__full.gray-bg {
    padding: 0;
    background-color: unset;
  }
  .sec__report-container {
    background-color: transparent;
    border: none;
    border-radius: unset;
  }
  .sec__tab-report {
    margin-top: 20px;
  }
  .sec__date-control {
    padding-bottom: 20px;
  }
  .sec__date-control.week {
    padding: 0 12px 20px;
  }
  .sec__date-control.week .date-txt {
    margin-left: auto;
    margin-right: auto;
  }
  .sec__immersion-report {
    padding: 40px 12px 80px;
  }
  .sec__immersion-report.day-report {
    padding-bottom: 40px;
  }
  .concentration-detail__header {
    margin-bottom: 6px;
  }
  .concentration-data {
    border-right: none;
  }
  .concentration-data li {
    padding: 6px 3px;
  }
  .table__concentration-month {
    border-spacing: 0 10px;
  }
  .table__concentration-month th {
    padding-bottom: 14px;
  }
  .table__concentration-month td {
    padding: 0 5px;
  }
}
.main__timetable {
  max-width: 728px;
  padding-top: 40px;
}
.main__timetable .title-sm {
  text-align: center;
}

.sec__timetable_btn {
  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;
  margin-top: 40px;
}

.btn-timetable {
  position: relative;
  height: 36px;
  color: var(--p-color);
  font-size: 13px;
  font-weight: 600;
  line-height: 36px;
  padding: 0 12px;
  background-color: var(--p-lighten-500);
  border: 1px solid var(--p-color);
  border-radius: 3px;
}
.btn-timetable::after {
  content: "";
  display: block;
  width: 7px;
  height: 12px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
}
.btn-timetable.prev {
  padding-left: 27px;
}
.btn-timetable.prev::after {
  left: 12px;
  background-position: -210px -36px;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.btn-timetable.next {
  padding-right: 27px;
}
.btn-timetable.next::after {
  right: 12px;
  background-position: -210px -36px;
}

.sec__table-timetable {
  margin-top: 40px;
  overflow: auto;
}

.table__timetable {
  width: 100%;
  min-width: 600px;
  margin: 0 auto 28px;
}
.table__timetable:last-child {
  margin-bottom: 0;
}
.table__timetable th {
  color: var(--font-200);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.03em;
  padding: 12px 0;
  background-color: var(--gray-50);
  border: 1px solid var(--gray-200);
}
.table__timetable th:first-child {
  background-color: transparent;
  border: none;
}
.table__timetable td {
  vertical-align: top;
  padding: 10px 4px;
  border: 1px solid var(--gray-200);
}
.table__timetable td:first-child {
  color: var(--font-300);
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
  padding: 12px 0;
  background-color: var(--gray-50);
}

.timetable-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 4px 6px 4px;
  margin-bottom: 8px;
  border-bottom: 1px dashed var(--gray-200);
}
.timetable-item:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.timetable-item em {
  color: var(--font-100);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.timetable-item__top {
  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-bottom: 6px;
}
.timetable-item__top .btn {
  position: relative;
  width: 20px;
  height: 20px;
  padding: 0;
  border-radius: 50%;
}
.timetable-item__top .btn::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -32px -222px;
}

@media (max-width: 1200px) {
  .sec__table-timetable {
    margin-top: 28px;
  }
  .timetable-item {
    padding: 0 2px 6px 2px;
  }
}
.sec__board-list.prof-qna {
  margin-top: 40px;
}
.sec__board-list.prof-qna .board-list-item__start {
  width: 200px;
  padding: 0 10px 0 20px;
}
.sec__board-list.prof-qna .board-list-item__start .book-name {
  width: 100%;
  color: var(--font-200);
  font-size: 15px;
  line-height: 1.2;
}
.sec__board-list.prof-qna .board-list-item__end .status-ans {
  width: 100px;
  text-align: center;
}

.sec__board-detail.prof-qna .board-detail__header-left {
  -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;
}
.sec__board-detail.prof-qna .board-detail__header-left .book-name {
  color: var(--font-200);
  font-size: 15px;
  line-height: 1.2;
  margin-bottom: 8px;
}

@media (max-width: 1200px) {
  .sec__board-list.prof-qna .board-list-item {
    position: relative;
    padding: 44px 8px 20px;
  }
  .sec__board-list.prof-qna .board-list-item__start {
    width: 100%;
    padding: 8px 0;
  }
  .sec__board-list.prof-qna .board-list-item__end {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding: 0 8px;
  }
  .sec__board-list.prof-qna .board-list-item__end .date {
    width: 50%;
    text-align: right;
    padding: 0;
  }
  .sec__board-list.prof-qna .board-list-item__end .status-ans {
    width: 50%;
    text-align: left;
  }
}
.sec__table-orderlist {
  margin-top: 60px;
}

.table-orderlist__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  padding: 16px 0;
  background-color: var(--gray-bg);
  border-top: 2px solid var(--p-darken);
  border-bottom: 1px solid var(--gray-200);
}
.table-orderlist__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 0;
  border-bottom: 1px solid var(--gray-200);
}
.table-orderlist__item .order-item__order-num {
  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;
}
.table-orderlist__item .order-item__tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
}
.table-orderlist__item .order-item__amount {
  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;
}
.table-orderlist__item .order-item__status {
  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: 0 20px;
  text-align: left;
}

.order-item__order-num {
  width: 200px;
  text-align: center;
}
.order-item__order-num a {
  position: relative;
  color: var(--font-100);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.03em;
  padding-right: 11px;
  border-bottom: 1px solid;
}
.order-item__order-num a::after {
  content: "";
  display: block;
  width: 7px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -23px -1px;
}
.order-item__tit {
  width: 500px;
  text-align: center;
}
.order-item__tit .badge-sm {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 6px;
}
.order-item__tit p {
  color: var(--font-100);
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.order-item__amount {
  width: 150px;
  text-align: center;
}
.order-item__amount span {
  color: var(--font-200);
  font-size: 15px;
  letter-spacing: -0.03em;
}
.order-item__status {
  width: 320px;
  text-align: center;
}

.status-txt em {
  color: var(--font-100);
  font-size: 18px;
  font-weight: 600;
}
.status-txt p {
  color: var(--font-300);
  font-size: 14px;
  margin-top: 12px;
}
.status-txt p a {
  border-bottom: 1px solid var(--font-300);
}
.status-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.status-btn .btn {
  width: 75px;
  height: 32px;
  line-height: 32px;
  margin: 4px 0;
}

.sec__pagination {
  margin-top: 40px;
}

.pagination {
  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;
}
.pagination li {
  margin: 0 6px;
}
.pagination li a {
  display: block;
  width: 20px;
  height: 32px;
  color: var(--font-300);
  font-size: 15px;
  line-height: 32px;
  text-align: center;
  letter-spacing: -0.03em;
}
.pagination li a.active {
  color: var(--black);
  font-weight: 700;
  border-bottom: 1px solid;
}
.pagination li a:hover {
  color: var(--black);
  font-weight: 700;
}
.pagination li .btn-prev {
  position: relative;
  width: 20px;
  height: 32px;
}
.pagination li .btn-prev::after {
  content: "";
  display: block;
  width: 7px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -32px -1px;
}
.pagination li .btn-prev:disabled::after {
  background-position-x: -130px;
}
.pagination li .btn-next {
  position: relative;
  width: 20px;
  height: 32px;
}
.pagination li .btn-next::after {
  content: "";
  display: block;
  width: 7px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -23px -1px;
}
.pagination li .btn-next:disabled::after {
  background-position-x: -140px;
}

@media (max-width: 1200px) {
  .sec__table-orderlist {
    margin-top: 0;
  }
  .table-orderlist__header {
    display: none;
  }
  .table-orderlist__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 28px;
    padding: 0;
    border-color: var(--p-darken);
  }
  .table-orderlist__item .order-item__order-num {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 12px 8px;
    border-bottom: 2px solid var(--p-darken);
  }
  .table-orderlist__item .order-item__order-num a {
    font-weight: 700;
    border-bottom: none;
  }
  .table-orderlist__item .order-item__tit {
    width: 100%;
    -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;
    padding: 20px 12px 12px;
  }
  .table-orderlist__item .order-item__tit .badge-sm {
    margin-bottom: 8px;
  }
  .table-orderlist__item .order-item__tit p {
    line-height: 1.3;
    white-space: normal;
    word-break: break-all;
  }
  .table-orderlist__item .order-item__amount {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 0 12px;
  }
  .table-orderlist__item .order-item__status {
    width: 100%;
    -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;
    padding: 20px 12px;
  }
  .status-txt em {
    font-size: 15px;
  }
  .status-txt p {
    margin-top: 8px;
  }
  .status-btn {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 20px;
  }
  .status-btn .btn {
    margin: 0 8px 0 0;
  }
}
.sec__table-orderdetail {
  margin-top: 48px;
}

.table-orderdetail__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid var(--gray-200);
}
.table-orderdetail__left {
  width: 850px;
}
.table-orderdetail__right {
  width: 320px;
}
.table-orderdetail__right .order-item__status {
  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: 0 20px;
  text-align: left;
}
.table-orderdetail__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 0;
}
.table-orderdetail__item .order-item__tit {
  width: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
}
.table-orderdetail__item .order-item__num {
  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;
}
.table-orderdetail__full {
  width: 100%;
  margin: -16px 0;
}
.table-orderdetail__full .table-orderdetail__item {
  padding: 12px 0;
  border-bottom: 1px solid var(--gray-100);
}
.table-orderdetail__full .table-orderdetail__item:last-child {
  border-bottom: none;
}
.table-orderdetail__full .status-txt {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 20px;
}
.table-orderdetail__full .status-txt p {
  margin-top: 8px;
}
.table-orderdetail__full .status-btn {
  padding: 0 20px;
}

.order-item__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -10px 16px;
}
.order-item__date li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 15px;
  padding: 0 10px;
}
.order-item__date li span {
  color: var(--font-200);
  margin-right: 8px;
}
.order-item__date li em {
  color: var(--font-100);
  font-weight: 500;
  letter-spacing: -0.03em;
}
.order-item__tit.detail {
  width: 600px;
}
.order-item__num {
  width: 100px;
  text-align: center;
}
.order-item__num span {
  color: var(--font-200);
  font-size: 15px;
  letter-spacing: -0.03em;
}
.order-item__num span em {
  display: none;
  padding-right: 4px;
}

.sec__info-payment {
  margin-top: 40px;
}

.table__payment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  border-top: 2px solid var(--p-darken);
  border-bottom: 1px solid var(--gray-200);
}
.table__payment .sum-order {
  width: 50%;
  padding: 22px 24px;
}
.table__payment .sum-order li span {
  color: var(--font-100);
}
.table__payment .result-payment {
  width: 50%;
  padding: 26px 24px;
  border-left: 1px solid var(--gray-200);
}
.table__payment .result-payment .total {
  color: var(--p-color);
}
.table__payment .result-payment .total span {
  font-size: 18px;
  font-weight: 700;
}
.table__payment .result-payment .total em {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.table__payment .result-payment .result-method {
  margin-top: 20px;
}
.table__payment .result-payment .result-method em {
  color: var(--font-100);
  font-size: 15px;
}
.table__payment .result-payment .result-method span {
  display: block;
  color: var(--font-300);
  font-size: 14px;
  margin-top: 8px;
}
.table__payment.delivery .sum-order {
  width: 375px;
}
.table__payment.delivery .sum-order.delivery {
  position: relative;
  border-left: 1px solid var(--gray-200);
}
.table__payment.delivery .sum-order.delivery::before {
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 22px;
  left: -13px;
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: 0 -154px;
  background-color: var(--font-200);
  border-radius: 50%;
}
.table__payment.delivery .result-payment {
  position: relative;
  width: 420px;
}
.table__payment.delivery .result-payment::before {
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 22px;
  left: -13px;
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -52px -154px;
  background-color: var(--font-200);
  border-radius: 50%;
}

.sec__info-refund {
  margin-top: 40px;
}

.table__refund {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  border-top: 2px solid var(--p-darken);
  border-bottom: 1px solid var(--gray-200);
}
.table__refund .sum-order {
  width: 375px;
  padding: 22px 24px;
}
.table__refund .sum-order li span {
  color: var(--font-100);
}
.table__refund .sum-order.deduct {
  position: relative;
  border-left: 1px solid var(--gray-200);
}
.table__refund .sum-order.deduct::before {
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 22px;
  left: -13px;
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -26px -154px;
  background-color: var(--font-200);
  border-radius: 50%;
}
.table__refund .result-refund {
  position: relative;
  width: 420px;
  padding: 26px 24px;
  background-color: var(--gray-50);
  border-left: 1px solid var(--gray-200);
}
.table__refund .result-refund li {
  color: var(--p-color);
}
.table__refund .result-refund li span {
  font-size: 18px;
  font-weight: 700;
}
.table__refund .result-refund li em {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.table__refund .result-refund::before {
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 22px;
  left: -13px;
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -52px -154px;
  background-color: var(--font-200);
  border-radius: 50%;
}

.sec__info-delivery {
  margin-top: 40px;
}

.table__delivery {
  width: 100%;
  margin-top: 16px;
  border-top: 2px solid var(--p-darken);
}
.table__delivery tr {
  border-bottom: 1px solid var(--gray-200);
}
.table__delivery td {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 500;
  padding: 16px;
}
.table__delivery td:first-child {
  width: 130px;
  color: var(--font-200);
  font-size: 14px;
  font-weight: 400;
  background-color: var(--gray-bg);
  border-right: 1px solid var(--gray-200);
}

@media (max-width: 1200px) {
  .table-orderdetail__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
    border-top: 2px solid var(--p-darken);
    border-bottom: 1px solid var(--p-darken);
  }
  .table-orderdetail__left {
    width: 100%;
    padding: 4px 0 20px;
    border-bottom: 1px solid var(--gray-200);
  }
  .table-orderdetail__right {
    width: 100%;
    padding: 20px 8px;
  }
  .table-orderdetail__right .order-item__status {
    width: 100%;
    -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;
    padding: 0;
  }
  .table-orderdetail__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 16px 0 0;
  }
  .table-orderdetail__item .order-item__tit {
    -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;
    width: 100%;
    padding: 0 8px;
  }
  .table-orderdetail__item .order-item__tit .badge-sm {
    margin: 0 0 8px 0;
  }
  .table-orderdetail__item .order-item__num {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 12px 0 8px;
    padding: 0 8px;
  }
  .table-orderdetail__item .order-item__num span em {
    display: inline-block;
  }
  .table-orderdetail__item .order-item__amount {
    width: 100%;
    padding: 0 8px;
    text-align: left;
  }
  .table-orderdetail__full {
    margin: 0;
  }
  .table-orderdetail__full .table-orderdetail__item {
    padding: 16px 0 0;
  }
  .table-orderdetail__full .status-txt {
    width: 100%;
    padding: 16px 8px 8px;
  }
  .table-orderdetail__full .status-txt p {
    margin-top: 8px;
  }
  .table-orderdetail__full .status-btn {
    width: 100%;
    padding: 0 8px;
    margin: 16px 0;
  }
  .order-item__date {
    margin: 0 -1px 12px;
  }
  .order-item__date li {
    padding: 0 5px;
  }
  .order-item__date li span {
    margin-right: 4px;
  }
  .table__payment {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .table__payment .sum-order {
    width: 100%;
    padding: 10px 12px;
  }
  .table__payment .sum-order li em {
    font-weight: 500;
  }
  .table__payment .result-payment {
    width: 100%;
    padding: 16px 12px;
    border-left: none;
    border-top: 1px solid var(--gray-200);
  }
  .table__payment .result-payment .total span {
    font-size: 15px;
  }
  .table__payment .result-payment .total em {
    font-size: 20px;
  }
  .table__payment.delivery .sum-order {
    width: 100%;
  }
  .table__payment.delivery .sum-order.delivery {
    border-left: none;
    border-top: 1px solid var(--gray-200);
  }
  .table__payment.delivery .sum-order.delivery::before {
    display: none;
  }
  .table__payment.delivery .result-payment {
    width: 100%;
  }
  .table__payment.delivery .result-payment::before {
    display: none;
  }
  .table__refund {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-bottom: none;
  }
  .table__refund .sum-order {
    width: 100%;
    padding: 10px 12px;
  }
  .table__refund .sum-order li em {
    font-weight: 500;
  }
  .table__refund .sum-order.deduct {
    border-left: none;
    border-top: 1px solid var(--gray-200);
  }
  .table__refund .sum-order.deduct::before {
    display: none;
  }
  .table__refund .result-refund {
    width: 100%;
    padding: 16px 12px;
    border-left: none;
    border: 2px solid var(--p-color);
  }
  .table__refund .result-refund li span {
    font-size: 15px;
  }
  .table__refund .result-refund li em {
    font-size: 20px;
  }
  .table__refund .result-refund:before {
    display: none;
  }
  .table__delivery td {
    padding: 16px 12px;
  }
  .table__delivery td:first-child {
    width: 100px;
  }
}
.sec__refund-item-list {
  margin-top: 40px;
}
.sec__refund-item-list .sub-title-sm {
  font-weight: 600;
}

.refund-item-list {
  margin-top: 16px;
}

.refund-item {
  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: 18px 20px;
  margin-bottom: 12px;
  border: 1px solid var(--gray-200);
}
.refund-item p {
  color: var(--font-200);
  font-size: 15px;
  font-weight: 500;
}
.refund-item p em {
  color: var(--font-200);
  font-size: 15px;
  font-weight: 500;
  padding-right: 4px;
}
.refund-item h4 {
  font-size: 16px;
  font-weight: 600;
  margin-top: 8px;
}
.refund-item .btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 30px;
  line-height: 30px;
  margin-left: 20px;
  border-radius: 2px;
}

.sec__refund-desire-date {
  margin-top: 40px;
}
.sec__refund-desire-date .sub-title-sm {
  font-weight: 600;
}
.sec__refund-desire-date .date-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px;
}
.sec__refund-desire-date .date-select li {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 500;
  padding-right: 20px;
}
.sec__refund-desire-date .date-select li input[type=date] {
  width: 160px;
}

.sec__refund-reason {
  margin-top: 40px;
}
.sec__refund-reason .sub-title-sm {
  font-weight: 600;
}
.sec__refund-reason .date-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px;
}
.sec__refund-reason .date-select li {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 500;
  padding-right: 20px;
}
.sec__refund-reason .date-select li select {
  width: 160px;
}

.sec__refund-info {
  margin-top: 40px;
}
.sec__refund-info .sub-title-sm {
  font-weight: 600;
}

.refund-amount-list {
  margin-top: 16px;
  border: 1px solid var(--gray-200);
  border-radius: 3px;
}

.refund-amount-item {
  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;
}
.refund-amount-item.detail {
  padding: 12px 16px;
}
.refund-amount-item.detail .left-item span {
  font-weight: 400;
}
.refund-amount-item.detail .right-item {
  font-weight: 500;
}
.refund-amount-item.detail .right-item em {
  font-weight: 500;
}
.refund-amount-item.full-time {
  display: block;
  padding: 0;
  margin-bottom: 12px;
}
.refund-amount-item.full-time:last-child {
  margin-bottom: 0;
}
.refund-amount-item.full-time-result {
  background-color: rgba(229, 236, 255, 0.5);
}
.refund-amount-item.full-time-result .left-item span {
  color: var(--p-lighten-200);
}
.refund-amount-item.full-time-result .right-item {
  color: var(--p-lighten-200);
}
.refund-amount-item.full-time-result .right-item em {
  color: var(--p-lighten-200);
  font-weight: 500;
}
.refund-amount-item.result {
  background-color: var(--p-lighten-600);
}
.refund-amount-item.result .left-item span {
  color: var(--p-lighten-100);
  font-weight: 700;
}
.refund-amount-item.result .right-item {
  color: var(--p-lighten-100);
  font-weight: 700;
}
.refund-amount-item.result .right-item em {
  color: var(--p-lighten-100);
  font-weight: 700;
}
.refund-amount-item .left-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.refund-amount-item .left-item span {
  color: var(--font-100);
  font-size: 14px;
  font-weight: 500;
}
.refund-amount-item .left-item span i {
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  line-height: 14px;
}
.refund-amount-item .left-item .btn-refund-detail {
  height: 18px;
  color: var(--white);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  padding: 0 4px;
  margin-left: 8px;
  background-color: var(--font-300);
  border-radius: 2px;
}
.refund-amount-item .right-item {
  color: var(--font-100);
  font-size: 14px;
  font-weight: 600;
}
.refund-amount-item .right-item em {
  color: var(--font-100);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.03em;
}

.refund-amount-detail-list {
  display: none;
  padding: 0 16px;
}
.refund-amount-detail-list.full-time {
  padding: 0 12px;
}
.refund-amount-detail-list.active {
  display: block;
}

.refund-amount-detail {
  width: 100%;
  padding: 4px 0;
  border-top: 1px solid var(--gray-100);
  border-bottom: 1px solid var(--gray-100);
}
.refund-amount-detail.full-time {
  width: 100%;
  padding: 8px 0;
  border: none;
}

.refund-detail-full-time {
  border: 1px solid var(--gray-100);
  border-radius: 4px;
}
.refund-detail-full-time .tit {
  color: var(--font-100);
  font-size: 14px;
  font-weight: 500;
  padding: 12px;
  background-color: var(--gray-50);
}
.refund-detail-full-time ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 6px 0;
}
.refund-detail-full-time ul .refund-amount-item.detail {
  width: 25%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
}
.refund-detail-full-time ul .refund-amount-item.detail p {
  width: 100%;
  text-align: center;
  padding: 10px 0;
}
.refund-detail-full-time ul .refund-amount-item.detail p.left-item {
  border-bottom: 1px solid var(--gray-100);
}
.refund-detail-full-time ul .refund-amount-item.detail p.left-item span {
  width: 100%;
  letter-spacing: -0.03em;
}

@media (max-width: 1200px) {
  .refund-item {
    padding: 18px 12px;
  }
  .refund-item .btn {
    margin-left: 12px;
  }
  .refund-amount-detail.full-time {
    margin: 0 -4px;
  }
  .refund-amount-item {
    padding: 16px 12px;
  }
  .refund-amount-item.detail {
    padding: 12px;
  }
  .refund-amount-item .left-item span i {
    display: block;
    padding-top: 4px;
  }
}
.main__sub {
  max-width: 1200px;
}

.sec__cart-tit {
  margin: 40px 0 48px;
}
.sec__cart-tit .title-lg {
  margin-top: 0;
}

.purchase-step li {
  position: relative;
  color: var(--font-300);
  font-size: 14px;
  padding-right: 19px;
}
.purchase-step li.current {
  color: var(--p-color);
  font-weight: 600;
}
.purchase-step li::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 6px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 7px;
  height: 12px;
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -140px -1px;
}
.purchase-step li:last-child {
  padding-right: 0;
}
.purchase-step li:last-child::after {
  display: none;
}

.sec__tab-cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sec__tab-cart button {
  width: 50%;
  height: 50px;
  color: var(--font-400);
  font-size: 15px;
  font-weight: 500;
  line-height: 50px;
  text-align: center;
  border: 1px solid var(--gray-200);
  cursor: pointer;
}
.sec__tab-cart button.active {
  color: var(--black);
  font-weight: 700;
  border-color: var(--black);
}

.sec__tab-container {
  display: none;
}
.sec__tab-container.active {
  display: block;
}

.sec__cart-container {
  padding-top: 28px;
}

.sec__cart-caution {
  margin-bottom: -20px;
}
.sec__cart-caution p {
  color: var(--font-200);
  font-size: 14px;
  line-height: 1.3;
  padding: 4px 0;
  margin-left: 8px;
}
.sec__cart-caution p::before {
  content: "*";
  margin-left: -8px;
}
.sec__cart-caution p:first-child, .sec__cart-caution p:nth-child(2) {
  color: var(--red);
  font-weight: 500;
}

.sec__table-cart {
  margin-top: 80px;
}
.sec__table-cart .sub-title-sm-line {
  font-size: 18px;
  margin-bottom: 16px;
}

.table-cart__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 0;
  background-color: var(--gray-bg);
  border-bottom: 1px solid var(--gray-200);
}
.table-cart__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
  border-bottom: 1px solid var(--gray-200);
}
.table-cart__item.empty {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--font-200);
  font-size: 15px;
  font-weight: 500;
  padding: 40px 0;
}
.table-cart__item .table-item__tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.table-cart__item .table-item__price {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.table-cart__item .table-item__num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.table-item__chk {
  width: 80px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  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;
}
.table-item__chk .chk-label {
  width: 17px;
  height: 17px;
}
.table-item__chk .chk-label .mo-block {
  display: none;
}
.table-item__tit {
  width: 890px;
  font-size: 14px;
  text-align: center;
}
.table-item__price {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 200px;
  font-size: 14px;
  text-align: center;
}
.table-item__num {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 200px;
  font-size: 14px;
  text-align: center;
}

.sec__table-cart.books .table-item__tit {
  width: 690px;
}

.item-tit {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  text-align: left;
}
.item-tit__category {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 130px;
}
.item-tit__category .badge-sm {
  width: 100px;
}

.item-price {
  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;
  letter-spacing: -0.03em;
}
.item-price__before {
  color: var(--font-400);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.03em;
  text-decoration: line-through;
  padding-bottom: 4px;
}
.item-price em {
  color: var(--red);
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
  padding-right: 4px;
}
.item-price span {
  color: var(--p-color);
  font-size: 15px;
  letter-spacing: -0.03em;
  font-weight: 600;
}

.input__number-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.input__number-control button {
  width: 32px;
  height: 32px;
  border: 1px solid var(--gray-200);
}
.input__number-control button.num-minus {
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -90px -28px;
}
.input__number-control button.num-plus {
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -122px -28px;
}
.input__number-control input {
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-left: none;
  border-right: none;
}
.input__number-control input:-moz-read-only {
  border-left: none;
  border-right: none;
  border-color: var(--gray-200);
}
.input__number-control input:read-only {
  border-left: none;
  border-right: none;
  border-color: var(--gray-200);
}

.btn-cart-del {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -276px -110px;
}

.btn-del-item {
  height: 32px;
  line-height: 32px;
  margin-top: 20px;
}

.sec__cart-price {
  margin-top: 60px;
}

.sec__cart-amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 48px;
  padding: 32px 0;
  border: 1px solid var(--gray-200);
}
.sec__cart-amount.lecture .sum-price {
  width: 50%;
}
.sec__cart-amount.lecture .btn-pay {
  width: 50%;
}
.sec__cart-amount.books .sum-price {
  position: relative;
  width: 264px;
}
.sec__cart-amount.books .sum-price:first-child::after {
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 50%;
  right: -13px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -154px -30px;
}
.sec__cart-amount.books .sum-price:nth-child(2)::after {
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 50%;
  right: -13px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -180px -30px;
}
.sec__cart-amount.books .btn-pay {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-right: 30px;
}

.sum-price {
  text-align: center;
}
.sum-price p {
  color: var(--font-300);
  font-size: 14px;
  margin-bottom: 16px;
}
.sum-price em {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.sum-price em.total {
  color: var(--p-color);
  font-size: 22px;
  font-weight: 700;
}

.btn-pay {
  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;
}
.btn-pay .btn {
  width: 100%;
  max-width: 370px;
  height: 48px;
  color: var(--white);
  font-size: 15px;
  line-height: 48px;
  border-radius: 2px;
}

@media (max-width: 1200px) {
  .sec__cart-tit {
    margin: 28px 0;
  }
  .purchase-step {
    display: none;
  }
  .sec__tab-cart button {
    height: 45px;
    line-height: 45px;
  }
  .sec__cart-container {
    padding-top: 32px;
  }
  .table-cart__header {
    padding: 0 0 12px;
    background-color: transparent;
    border-bottom: 2px solid var(--p-darken);
  }
  .table-cart__header .table-item__tit, .table-cart__header .table-item__price, .table-cart__header .table-item__num {
    display: none;
  }
  .table-cart__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .table-cart__item.empty {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .table-cart__item .table-item__price {
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 0 8px;
  }
  .table-cart__item .table-item__num {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 0 8px;
  }
  .table-item__chk {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 8px;
  }
  .table-item__chk .chk-label {
    width: auto;
    height: auto;
  }
  .table-item__chk .chk-label .mo-block {
    display: block;
    color: var(--font-200);
    font-size: 13px;
    line-height: 17px;
  }
  .table-item__tit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    padding: 0 8px;
    margin: 12px 0;
  }
  .sec__table-cart.books .table-item__tit {
    width: 100%;
  }
  .item-tit {
    width: 100%;
    word-break: break-all;
  }
  .item-tit__category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 12px;
  }
  .btn-cart-del {
    top: 16px;
    right: 2px;
    -webkit-transform: unset;
            transform: unset;
  }
  .btn-del-item {
    margin-top: 12px;
  }
  .sec__cart-price {
    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;
  }
  .sec__cart-amount {
    padding: 20px 16px;
    margin: 40px 0 0;
  }
  .sec__cart-amount.lecture {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sec__cart-amount.lecture .sum-price {
    width: 100%;
    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;
  }
  .sec__cart-amount.lecture .sum-price p {
    margin-bottom: 0;
  }
  .sec__cart-amount.lecture .btn-pay {
    width: 100%;
    margin-top: 24px;
  }
  .sec__cart-amount.books {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sec__cart-amount.books .sum-price {
    width: 100%;
  }
  .sec__cart-amount.books .sum-price:first-child {
    margin-bottom: 12px;
  }
  .sec__cart-amount.books .sum-price:first-child::after {
    display: none;
  }
  .sec__cart-amount.books .sum-price:nth-child(2) {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--gray-200);
  }
  .sec__cart-amount.books .sum-price:nth-child(2)::after {
    display: none;
  }
  .sec__cart-amount.books .btn-pay {
    width: 100%;
    margin-top: 24px;
    padding: 0;
  }
  .sec__cart-amount .sum-price {
    width: 100%;
    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;
  }
  .sec__cart-amount .sum-price p {
    margin-bottom: 0;
  }
  .sec__cart-amount .btn-pay .btn {
    max-width: unset;
  }
}
.sec__order-container::after {
  content: "";
  display: block;
  clear: both;
}
.sec__order-container.left {
  float: left;
  width: 770px;
}
.sec__order-container.left .sub-title-sm {
  margin: 40px 0 16px;
}
.sec__order-container.right {
  float: right;
  width: 370px;
}

.table-order__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 0;
  background-color: var(--gray-bg);
  border-bottom: 1px solid var(--gray-200);
}
.table-order__header .table-item__tit {
  width: 620px;
}
.table-order__header .table-item__tit.book {
  width: 520px;
}
.table-order__header .table-item__num {
  width: 100px;
}
.table-order__header .table-item__price {
  width: 150px;
}
.table-order__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
  border-bottom: 1px solid var(--gray-200);
}
.table-order__item .table-item__tit {
  width: 620px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.table-order__item .table-item__tit.book {
  width: 520px;
}
.table-order__item .table-item__num {
  width: 100px;
  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;
}
.table-order__item .table-item__num span {
  color: var(--font-200);
  font-size: 15px;
}
.table-order__item .table-item__num span em {
  display: none;
  padding-right: 4px;
}
.table-order__item .table-item__price {
  width: 150px;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sec__delivery-opt ul li {
  margin-bottom: 12px;
}
.sec__delivery-opt ul li:last-child {
  margin-bottom: 0;
}

.sec__delivery-form {
  display: none;
}
.sec__delivery-form.active {
  display: block;
}

.form__delivery li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.form__delivery li:last-child {
  margin-bottom: 0;
}
.form__delivery li h5 {
  width: 100px;
  color: var(--font-100);
  font-size: 15px;
  font-weight: 500;
}
.form__delivery li input {
  width: 376px;
}
.form__delivery li.address {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.form__delivery li.address p {
  margin-bottom: 6px;
}
.form__delivery li.address p input {
  width: 450px;
}
.form__delivery li.address p input:-moz-read-only {
  background-color: var(--gray-50);
  border-color: var(--gray-200);
}
.form__delivery li.address p input:read-only {
  background-color: var(--gray-50);
  border-color: var(--gray-200);
}
.form__delivery li.address p:first-child {
  width: 376px;
}
.form__delivery li.address p:first-child input {
  width: calc(100% - 118px);
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.form__delivery li.address p:first-child button {
  width: 110px;
}
.form__delivery li.address p:last-child {
  margin-bottom: 0;
}

.pay-methods {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ui-rad.method-item {
  width: 160px;
  height: 44px;
  margin: 0 12px 8px 0;
}
.ui-rad.method-item input + label::before {
  display: none;
}
.ui-rad.method-item input + label {
  position: relative;
  width: 100%;
  color: var(--font-100);
  font-size: 14px;
  text-align: center;
  line-height: 44px;
  border: 1px solid var(--gray-200);
}
.ui-rad.method-item input:checked + label::after {
  display: none;
}
.ui-rad.method-item input:checked + label {
  color: var(--p-lighten-100);
  font-weight: 500;
  background-color: var(--p-lighten-600);
  border-color: var(--p-lighten-100);
}

.sec__order-caution ul {
  padding: 12px 16px;
  background-color: var(--gray-bg);
  border: 1px solid var(--gray-100);
}
.sec__order-caution ul li {
  position: relative;
  color: var(--font-200);
  font-size: 14px;
  line-height: 1.3;
  padding: 4px 0 4px 7px;
}
.sec__order-caution ul li::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  position: absolute;
  top: 12px;
  left: 0;
  background-color: var(--font-200);
  border-radius: 50%;
}

.sec__order-container.right {
  padding: 20px;
  border: 1px solid var(--gray-200);
}
.sec__order-container.right .form__terms {
  margin-bottom: 18px;
}
.sec__order-container.right .form__terms li {
  padding: 6px 0;
}
.sec__order-container.right .form__terms li:first-child {
  padding-bottom: 16px;
}
.sec__order-container.right .form__terms li:nth-child(2) {
  padding-top: 16px;
}
.sec__order-container.right .btn {
  width: 100%;
  height: 48px;
  font-size: 15px;
  line-height: 48px;
  border-radius: 2px;
}

.sum-order {
  padding: 18px 0 14px;
}
.sum-order li {
  font-size: 15px;
  padding: 6px 0;
}
.sum-order li span {
  color: var(--font-300);
}
.sum-order li em {
  color: var(--font-100);
  font-weight: 600;
  letter-spacing: -0.03em;
}
.sum-order li.total {
  font-size: 20px;
  padding: 14px 0;
}
.sum-order li.total span {
  color: var(--font-100);
  font-weight: 600;
}
.sum-order li.total em {
  color: var(--p-color);
  font-weight: 700;
}

@media (max-width: 1200px) {
  .sec__order-container.left {
    float: none;
    width: 100%;
  }
  .sec__order-container.right {
    float: none;
    width: 100%;
    margin-top: 40px;
    padding: 20px 12px;
  }
  .sec__order-container.right .form__terms li.chk-label input + label {
    letter-spacing: -0.03em;
  }
  .table-order__header {
    display: none;
  }
  .table-order__body {
    border-top: 2px solid var(--p-darken);
  }
  .table-order__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .table-order__item .table-item__tit {
    width: 100%;
    margin: 0;
  }
  .table-order__item .table-item__tit.book {
    width: 100%;
  }
  .table-order__item .table-item__num {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 12px 0;
    padding: 0 8px;
  }
  .table-order__item .table-item__num span em {
    display: inline-block;
  }
  .table-order__item .table-item__price {
    width: 100%;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding: 0 8px;
  }
  .form__delivery li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .form__delivery li h5 {
    width: 100%;
    font-size: 13px;
    margin-bottom: 6px;
  }
  .form__delivery li input {
    width: 100%;
  }
  .form__delivery li.address div {
    width: 100%;
  }
  .form__delivery li.address div p input {
    width: 100%;
  }
  .form__delivery li.address div p:first-child {
    width: 100%;
  }
  .pay-methods {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .ui-rad.method-item {
    width: calc(50% - 6px);
    margin: 0;
  }
  .sec__order-caution ul {
    padding: 12px;
  }
}
.sec__order-result .sub-title-sm {
  font-weight: 600;
}
.sec__order-result .sub-title-sm span {
  font-weight: 600;
  padding-left: 8px;
}

.order-result__body {
  margin-top: 16px;
  padding: 24px 20px;
  border: 1px solid var(--gray-200);
}
.order-result__body li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  margin-bottom: 16px;
}
.order-result__body li:last-child {
  margin-bottom: 0;
}
.order-result__body li span {
  width: 100px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: var(--font-300);
  font-weight: 500;
}
.order-result__body li em {
  color: var(--font-100);
}
.order-result__body li ul li {
  color: var(--font-100);
  line-height: 1.3;
  margin-bottom: 4px;
}
.order-result__body li ul li.caution {
  color: var(--red);
  font-weight: 400;
}

.sec__btn-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}
.sec__btn-result .btn {
  width: 200px;
  margin: 0 6px;
}

@media (max-width: 1200px) {
  .sec__order-result .sub-title-sm {
    margin-top: 48px;
  }
  .order-result__body {
    margin-top: 12px;
    padding: 20px 12px;
  }
  .order-result__body li span {
    width: 90px;
  }
  .sec__btn-result {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sec__btn-result .btn {
    width: calc(50% - 6px);
    margin: 0;
  }
}
.sec__tab-swiper-notice.professor {
  margin: 40px auto;
}

.sec__professor-list-wrap {
  margin-bottom: 46px;
}
.sec__professor-list-wrap .sub-title-md {
  font-weight: 600;
}
.sec__professor-list-wrap:last-child {
  margin-bottom: 0;
}

.sec__professor-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 6px -10px 0;
}

.professor-item {
  width: 25%;
  height: 348px;
  padding: 14px 10px;
}
.professor-item__inner {
  display: block;
  height: 100%;
  position: relative;
  padding: 20px;
  border: 1px solid var(--gray-200);
  border-radius: 3px;
  overflow: hidden;
  cursor: default;
}
.professor-item__inner .category {
  position: relative;
  font-weight: 500;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.professor-item__inner .category::after {
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--p-color);
}
.professor-item__inner .professor-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.professor-item__inner .professor-name em {
  color: var(--font-100);
  font-size: 20px;
  font-weight: 600;
  margin-right: 4px;
}
.professor-item__inner .professor-name span {
  color: var(--font-100);
  font-size: 14px;
}
.professor-item__inner .professor-img {
  position: absolute;
  bottom: 0;
  right: -13px;
}
.professor-item__inner .professor-img img {
  width: 228px;
}
.professor-item__inner .professor-hover {
  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;
  bottom: -30px;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: rgba(22, 22, 22, 0.8);
  cursor: pointer;
  opacity: 0;
}
.professor-item__inner .professor-hover p {
  position: relative;
  color: var(--white);
  font-size: 15px;
  font-weight: 500;
  padding-left: 26px;
}
.professor-item__inner .professor-hover p::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -175px 0;
}
.professor-item__inner:hover .professor-hover {
  bottom: 0;
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media (max-width: 1200px) {
  .sec__tab-swiper-notice.professor {
    margin: 28px -12px 40px;
  }
  .sec__professor-list-wrap {
    margin-bottom: 50px;
  }
  .sec__professor-list {
    margin: 6px -6px 0;
  }
  .professor-item {
    width: 50%;
    height: 278px;
    padding: 10px 6px;
  }
  .professor-item__inner {
    padding: 16px;
    cursor: unset;
  }
  .professor-item__inner .category {
    padding-bottom: 12px;
    margin-bottom: 12px;
  }
  .professor-item__inner .professor-name em {
    font-size: 18px;
  }
  .professor-item__inner .professor-img {
    right: -10px;
  }
  .professor-item__inner .professor-img img {
    width: 174px;
  }
  .professor-item__inner .professor-hover {
    display: none;
  }
}
.header__professor {
  position: relative;
}

.header__professor-visual {
  position: relative;
  top: 0;
  left: 0;
  height: 392px;
  background: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(rgba(236, 236, 236, 0)));
  background: linear-gradient(180deg, #d3d3d3 0%, rgba(236, 236, 236, 0) 100%);
  overflow: hidden;
}

.professor-bg__pc {
  position: relative;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1920px;
}
.professor-bg__pc img {
  width: 100%;
}
.professor-bg__mo {
  display: none;
  position: relative;
  top: 0;
  left: 0;
  width: 1200px;
}
.professor-bg__mo img {
  width: 100%;
}

.professor-bg__prof {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1200px;
}
.professor-bg__prof img {
  position: absolute;
  bottom: 0;
  right: 28px;
  width: 325px;
}

.header__professor-info {
  position: absolute;
  top: 184px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1170px;
}

.sec__professor-info {
  color: var(--black);
  margin-bottom: 32px;
}
.sec__professor-info .name {
  font-size: 20px;
  font-weight: 500;
  margin-top: 10px;
}
.sec__professor-info .name em {
  font-size: 20px;
  font-weight: 500;
  padding-right: 4px;
}

.sec__professor-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec__professor-btn .btn {
  width: 120px;
  color: var(--black);
  margin-right: 12px;
  background-color: transparent;
  border: 1px solid var(--black);
}
.sec__professor-btn .btn-video {
  margin-right: 0;
}
.sec__professor-btn .btn-video span {
  position: relative;
  font-weight: inherit;
  line-height: inherit;
  padding-left: 20px;
}
.sec__professor-btn .btn-video span::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -284px -180px;
}

.modal__prof-profile {
  width: 600px;
  border-radius: 6px;
  overflow: hidden;
}
.modal__prof-profile .modal__header {
  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: 12px 20px 8px;
  background-color: var(--p-darken);
}
.modal__prof-profile .modal__header h2 {
  color: var(--white);
  font-size: 18px;
  font-weight: 700;
}
.modal__prof-profile .modal__header .btn-hide {
  margin-right: -14px;
  background-position: -220px -70px;
}
.modal__prof-profile .modal__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 28px 20px 32px;
}

.sec__prof-profile {
  width: calc(50% - 10px);
}
.sec__prof-profile h3 {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 700;
  padding-bottom: 8px;
  margin-bottom: 20px;
  border-bottom: 2px solid var(--font-100);
}
.sec__prof-profile ul.edu {
  margin-bottom: 20px;
}
.sec__prof-profile ul li {
  color: var(--font-100);
  font-size: 15px;
  padding-bottom: 8px;
}
.sec__prof-profile ul li:last-child {
  padding-bottom: 0;
}

.sec__tab-swiper-prof {
  background-color: var(--white);
  border-top: 1px solid var(--gray-100);
  border-bottom: 1px solid var(--gray-100);
}

.tab-swiper-prof {
  max-width: 1170px;
}
.tab-swiper-prof .swiper-slide {
  width: 234px;
}
.tab-swiper-prof .swiper-slide::after {
  content: "";
  display: block;
  width: 1px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--gray-200);
  right: 0;
  height: 16px;
  background-color: var(--gray-300);
}
.tab-swiper-prof .swiper-slide:last-child::after {
  display: none;
}
.tab-swiper-prof .swiper-slide a {
  display: block;
  height: 45px;
  color: var(--black);
  font-size: 15px;
  line-height: 45px;
  text-align: center;
  opacity: 0.7;
}
.tab-swiper-prof .swiper-slide.active a {
  font-weight: 700;
  opacity: 1;
}

.sec__professor-container {
  max-width: 1200px;
  padding: 60px 15px 0;
  margin: auto;
}

.sec__prof-qna-agree {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 24px 0 12px;
}
.sec__prof-qna-agree .ui-chk input + label {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}

@media (max-width: 1200px) {
  .header__professor-visual {
    height: 366px;
  }
  .professor-bg__pc {
    display: none;
  }
  .professor-bg__mo {
    display: block;
  }
  .professor-bg__prof {
    left: unset;
    right: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .professor-bg__prof img {
    position: relative;
    right: -20px;
    width: 250px;
  }
  .header__professor-info {
    top: 164px;
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    width: 100%;
    padding-left: 20px;
  }
  .sec__professor-info {
    margin-bottom: 28px;
  }
  .sec__professor-btn {
    -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;
  }
  .sec__professor-btn .btn {
    margin: 0 0 8px 0;
  }
  .sec__professor-btn .btn-video {
    margin-bottom: 0;
  }
  .modal__prof-profile {
    width: calc(100% - 24px);
  }
  .modal__prof-profile .modal__body {
    max-height: 420px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    padding-bottom: 0;
    overflow-y: auto;
  }
  .sec__prof-profile {
    width: 100%;
    margin-bottom: 28px;
  }
  .tab-swiper-prof .swiper-slide {
    width: 20%;
  }
  .sec__professor-container {
    padding: 40px 12px 80px;
  }
}
@media (max-width: 600px) {
  .tab-swiper-prof {
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .tab-swiper-prof::-webkit-scrollbar {
    display: none;
  }
  .tab-swiper-prof .swiper-slide {
    width: 120px;
  }
}
.sec__professor-container .sec__class-list {
  margin-top: 0;
}
.sec__professor-container .sec__books-list {
  margin-top: -30px;
}
.sec__professor-container .sec__board-detail {
  margin-top: 0;
}

.sec__prof-pr .sub-title__mobile {
  margin-bottom: 20px;
}

.prof-pr-wrap {
  background-size: 100%;
  background-repeat: no-repeat;
}

.img__prof-pr__pc {
  width: 100%;
}
.img__prof-pr__mo {
  display: none;
  width: 100%;
  max-width: 400px;
  margin: auto;
}

.sec__prof-curriculum {
  margin-top: 60px;
}

.prof-curriculum {
  margin: 20px 0 40px;
}
.prof-curriculum:last-child {
  margin-bottom: 0;
}

.prof-curriculum-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 10px -6px 0;
}

.curriculum-list-item {
  width: 25%;
  min-height: 192px;
  padding: 6px;
}
.curriculum-list-item__header {
  color: var(--p-color);
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  padding: 12px 0;
  margin-bottom: 6px;
  background-color: #d9e2ff;
  border: 1px solid rgba(35, 73, 210, 0.4);
  border-radius: 3px;
}
.curriculum-list-item__body {
  height: calc(100% - 47px);
  padding: 20px 16px;
  border: 1px solid var(--gray-200);
  border-radius: 3px;
}
.curriculum-list-item__body a {
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  color: var(--font-100);
  font-size: 15px;
  line-height: 1.3;
  margin-bottom: 8px;
}
.curriculum-list-item__body a:hover {
  font-weight: 500;
}
.curriculum-list-item__body a:last-child {
  margin-bottom: 0;
}

.sec__professor-qna-top {
  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;
}

.sec__prof-qna-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec__prof-qna-filter span {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 600;
  margin-right: 20px;
}
.sec__prof-qna-filter select {
  width: 300px;
}

.sec__prof-qna-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec__prof-qna-btn .btn {
  width: 100px;
  height: 36px;
  line-height: 36px;
  margin-right: 12px;
  border-radius: 2px;
}
.sec__prof-qna-btn .btn:last-child {
  margin-right: 0;
}

.sec__professor-qna-body {
  margin-top: 20px;
}

.sec__tit.prof-qna {
  margin: 0 0 24px;
}
.sec__tit.prof-qna p {
  color: var(--font-100);
  font-size: 15px;
  margin-bottom: 8px;
}

@media (max-width: 1200px) {
  .sec__professor-container .sec__books-list {
    margin-top: 0;
  }
  .prof-pr-wrap {
    margin: 0 -12px;
    background-size: cover;
    background-position: top center;
  }
  .img__prof-pr__pc {
    display: none;
  }
  .img__prof-pr__mo {
    display: block;
  }
  .prof-curriculum-list {
    margin-top: 6px;
  }
  .curriculum-list-item {
    width: 50%;
  }
  .curriculum-list-item__body {
    padding: 16px;
  }
  .sec__professor-qna-top {
    -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;
  }
  .sec__prof-qna-filter {
    -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;
    width: 100%;
  }
  .sec__prof-qna-filter span {
    margin: 0 0 8px 0;
  }
  .sec__prof-qna-filter select {
    width: 100%;
  }
  .sec__prof-qna-btn {
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 28px;
  }
  .sec__board-list.prof-qna .board-list-item__center {
    -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;
  }
  .sec__board-list.prof-qna .board-list-item__end {
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (max-width: 600px) {
  .prof-curriculum-list {
    margin: 12px 0 0;
  }
  .curriculum-list-item {
    width: 100%;
    min-height: unset;
    padding: 0 0 16px 0;
  }
}
.sec__tit.class-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;
  margin-bottom: 28px;
}

.sec__class-naviWrap {
  margin-bottom: 60px;
}
.sec__class-naviWrap h3 {
  color: var(--font-100);
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 16px;
}

.sec__class-curriculum-list {
  margin-bottom: 28px;
}
.sec__class-curriculum-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sec__class-curriculum-item:first-child .subj-list {
  border-top: 1px solid var(--gray-200);
}

.curriculum-name {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  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: 170px;
  background-color: var(--p-lighten-100);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.curriculum-name a {
  position: relative;
  color: var(--white);
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
}
.curriculum-name a:hover::after, .curriculum-name a.on::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  bottom: -2px;
  left: 0;
  background-color: var(--white);
}

.subj-list {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 28px;
  background-color: var(--gray-bg);
  border: 1px solid var(--gray-200);
  border-top: none;
  border-left: none;
}
.subj-list li {
  width: 180px;
  padding: 8px 0;
}
.subj-list li a {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 500;
}
.subj-list li a:hover, .subj-list li a.on {
  color: var(--p-lighten-100);
  font-weight: 700;
}

.sec__filter-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -8px;
}

.filter-item {
  width: 33.333%;
  padding: 0 8px;
}
.filter-item p {
  color: var(--font-100);
  font-size: 14px;
  font-weight: 500;
}
.filter-item select {
  margin-top: 8px;
}

.filter-btn {
  margin-top: 20px;
}
.filter-btn .btn {
  width: 100px;
  margin: 0 4px;
  border-radius: 2px;
}
.filter-btn .btn:last-child {
  margin-right: 0;
}

.sec__class-bnr {
  margin-bottom: 48px;
  border-radius: 6px;
  overflow: hidden;
}
.sec__class-bnr.mobile {
  display: none;
}
.sec__class-bnr.mobile .swiper-slide {
  overflow: hidden;
}
.sec__class-bnr.mobile .swiper-slide img {
  display: block;
  width: 1170px !important;
  margin: auto;
}

.swiper__class-bnr {
  height: 180px;
}
.swiper__class-bnr .swiper-slide a {
  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;
}
.swiper__class-bnr .swiper-slide img {
  width: 100%;
}
.swiper__class-bnr .swiper-button-prev {
  top: unset;
  bottom: 12px;
  left: calc(50% - 38px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 20px;
  height: 20px;
  margin-top: unset;
  background-color: rgba(22, 22, 22, 0.5);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -30px -190px;
  border-radius: 10px;
}
.swiper__class-bnr .swiper-button-prev::after {
  content: "";
}
.swiper__class-bnr .swiper-button-next {
  top: unset;
  bottom: 12px;
  left: calc(50% + 38px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 20px;
  height: 20px;
  margin-top: unset;
  background-color: rgba(22, 22, 22, 0.5);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -50px -190px;
  border-radius: 10px;
}
.swiper__class-bnr .swiper-button-next::after {
  content: "";
}
.swiper__class-bnr .swiper-pagination {
  height: 20px;
  bottom: 12px;
  right: 0;
  margin: auto;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: var(--gray-200);
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.03em;
  padding: 0 8px;
  background-color: rgba(22, 22, 22, 0.5);
  border-radius: 10px;
}
.swiper__class-bnr .swiper-pagination .swiper-pagination-current {
  color: var(--white);
  font-weight: 600;
}
.swiper__class-bnr .swiper-pagination .swiper-pagination-total {
  color: var(--gray-200);
}

.sec__class-container {
  margin-bottom: 80px;
}
.sec__class-container:last-child {
  margin-bottom: 0;
}
.sec__class-container .sub-title-sm-line {
  font-size: 18px;
  padding-left: 9px;
  margin-bottom: 28px;
}
.sec__class-container .sub-title-sm-line::before {
  width: 3px;
}

.sec__subj-container {
  margin-bottom: 60px;
}
.sec__subj-container:last-child {
  margin-bottom: 0;
}
.sec__subj-container .subj-tit {
  color: var(--black);
  font-size: 16px;
  font-weight: 700;
}

.sec__class-list {
  padding-top: 16px;
}

.class-item {
  margin-bottom: 20px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  overflow: hidden;
}
.class-item:last-child {
  margin-bottom: 0;
}
.class-item__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 28px 28px 24px 28px;
}
.class-item__bottom {
  padding: 20px 28px;
  background-color: var(--gray-bg);
  border-top: 1px solid var(--gray-100);
}

.class-info {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.class-info__badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.class-info__badge .badge-md {
  padding: 3px 8px;
  margin-right: 6px;
  margin-bottom: 12px;
}
.class-info__badge .badge-md:last-child {
  margin-right: 0;
}
.class-info__titWrap {
  margin-bottom: 12px;
}
.class-info__tit a {
  display: block;
  color: var(--font-100);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.3;
}
.class-info__prof {
  color: var(--font-200);
  font-size: 15px;
  font-weight: 500;
  margin-top: 4px;
}
.class-info__dataWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.class-info__dataWrap li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 15px;
}
.class-info__dataWrap li:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 6px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3px;
  height: 3px;
  background-color: var(--gray-300);
  border-radius: 50%;
}
.class-info__dataWrap li:last-child {
  padding-right: 0;
}
.class-info__dataWrap li:last-child div {
  position: relative;
}
.class-info__dataWrap li:last-child div .badge-sm {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  top: 50%;
  left: calc(100% + 4px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.class-info__dataWrap li:last-child::after {
  display: none;
}
.class-info__dataWrap li span {
  color: var(--font-300);
  font-size: 15px;
  font-weight: 500;
  padding-right: 4px;
}
.class-info__dataWrap li em {
  color: var(--font-200);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.03em;
}

.class-opts {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 20px;
}

.opt-item {
  width: 250px;
  min-height: 30px;
  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;
  margin-bottom: 12px;
}
.opt-item:last-child {
  margin-bottom: 0;
}
.opt-item .ui-chk input + label {
  font-weight: 500;
}

.class-opts-list.exam-list .opt-item {
  padding-left: 20px;
}

.otps-price {
  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: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.otps-price .item-price__before {
  padding-bottom: 2px;
}

.btn-class-info__book span {
  position: relative;
  color: var(--font-100);
  font-size: 15px;
  font-weight: 600;
  padding-right: 20px;
  pointer-events: none;
}
.btn-class-info__book span::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -250px -154px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-class-info__book.active span::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.class-book-list {
  display: none;
  padding-top: 12px;
}
.class-book-list.active {
  display: block;
}
.class-book-list li {
  margin-bottom: 8px;
}
.class-book-list li:last-child {
  margin-bottom: 0;
}

.class-book-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.class-book-item .opt-item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-height: unset;
  padding-left: 20px;
}
.class-book-item .opt-item .otps-price {
  -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;
}
.class-book-item .opt-item .otps-price .item-price__before {
  padding-right: 8px;
  padding-bottom: 0;
}
.class-book-item__empty {
  color: var(--font-200);
  font-size: 15px;
}

.class-info__book {
  -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;
}
.class-info__book strong {
  min-width: 31px;
  color: var(--font-300);
  font-size: 13px;
  font-weight: 500;
  margin-right: 8px;
}
.class-info__book .book-tit {
  position: relative;
  -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;
}
.class-info__book .book-tit p {
  color: var(--font-100);
  font-size: 15px;
  padding-right: 4px;
}
.class-info__book .book-tit .btn-icn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 16px;
  height: 16px;
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -150px 0;
}

.sec__cart-btn-wrap {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: var(--white);
  border-top: 1px solid var(--p-lighten-200);
  z-index: 1;
}
.sec__cart-btn-wrap .btn {
  width: 200px;
  border-radius: 2px;
}

.sec__cart-btn {
  max-width: 1200px;
  padding: 12px 15px;
  margin: auto;
}

.book-modal {
  width: 400px;
  border-radius: 6px;
}

.book-modal__header {
  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: 12px 20px 8px;
}
.book-modal__header h2 {
  color: var(--black);
  font-size: 18px;
  font-weight: 700;
}
.book-modal__header .btn-hide {
  margin-right: -14px;
}

.book-modal__body {
  padding: 20px 20px 28px;
}

.book-modal-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
}

.modal-item-thum {
  width: 80px;
  height: 120px;
  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-right: 16px;
}
.modal-item-thum img {
  display: block;
  width: 100%;
}

.modal-item-txt {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  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;
  padding: 4px 0;
}
.modal-item-txt h3 em {
  color: var(--font-100);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}
.modal-item-txt h3 span {
  display: block;
  color: var(--font-200);
  font-size: 14px;
  margin-top: 6px;
}
.modal-item-txt .item-price {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media (max-width: 1200px) {
  .sec__class-container-top {
    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;
  }
  .sec__class-naviWrap h3 {
    font-size: 16px;
    margin-bottom: 12px;
  }
  .sec__class-nav {
    display: none;
  }
  .sec__filter-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 12px 0 0;
  }
  .filter-item {
    width: 100%;
    padding: 0;
  }
  .filter-item p {
    display: none;
  }
  .filter-item select {
    margin: 0 0 8px;
  }
  .filter-btn {
    margin-top: 12px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .filter-btn .btn {
    margin: 0;
  }
  .filter-btn .btn.line-default {
    width: 110px;
  }
  .filter-btn .btn.line-primary {
    width: calc(100% - 118px);
  }
  .sec__class-bnr {
    margin: 0 0 28px;
  }
  .sec__class-bnr.pc {
    display: none;
  }
  .sec__class-bnr.mobile {
    display: block;
  }
  .sec__class-bnr.mobile .swiper-button-next,
  .sec__class-bnr.mobile .swiper-button-prev {
    display: none;
  }
  .sec__class-bnr.mobile .swiper-pagination {
    height: 20px;
    bottom: 12px;
    left: unset;
    right: 12px;
  }
  .sec__class-container {
    margin-bottom: 60px;
  }
  .sec__class-container .sub-title-sm-line {
    margin-bottom: 20px;
  }
  .sec__subj-container {
    margin-bottom: 48px;
  }
  .class-item {
    margin-bottom: 28px;
  }
  .class-item__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 16px;
  }
  .class-item__bottom {
    padding: 20px;
  }
  .class-info {
    padding: 0 4px 20px;
  }
  .class-info__titWrap {
    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-bottom: 16px;
  }
  .class-info__prof {
    margin-top: 0;
    margin-bottom: 4px;
  }
  .class-info__dataWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .class-info__dataWrap li {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-right: 0;
    margin-bottom: 8px;
  }
  .class-info__dataWrap li:after {
    display: none;
  }
  .class-info__dataWrap li:last-child {
    margin-bottom: 0;
  }
  .class-info__dataWrap li:last-child div .badge-sm {
    left: unset;
    right: calc(100% + 6px);
  }
  .class-info__dataWrap li span {
    padding-right: 0;
  }
  .class-opts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 16px 4px 0;
    border-top: 1px solid var(--gray-100);
  }
  .opt-item {
    width: 100%;
    min-height: unset;
    margin-bottom: 10px;
  }
  .opt-item:last-child {
    margin-bottom: 0;
  }
  .class-opts-list.exam-list .opt-item {
    padding-left: 0;
  }
  .class-opts-list.exam-list .opt-item:first-child {
    padding-top: 10px;
  }
  .btn-class-info__book {
    width: 100%;
  }
  .class-book-list {
    padding-top: 16px;
  }
  .class-book-list li {
    margin-bottom: 12px;
  }
  .class-book-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .class-book-item .opt-item {
    padding-left: 0;
  }
  .class-book-item__empty {
    text-align: center;
  }
  .class-info__book {
    width: 100%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 8px;
  }
  .class-info__book strong {
    margin-top: 3px;
  }
  .class-info__book .book-tit {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .class-info__book .book-tit p {
    line-height: 1.3;
  }
  .class-info__book .book-tit .btn-icn {
    margin-top: 2px;
  }
  .sec__cart-btn-wrap {
    bottom: -100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(4.27%, rgba(255, 255, 255, 0)), color-stop(34.14%, #ffffff), color-stop(141.45%, rgba(255, 255, 255, 0)));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 4.27%, #ffffff 34.14%, rgba(255, 255, 255, 0) 141.45%);
    border-top: none;
  }
  .sec__cart-btn {
    padding: 16px 12px;
    z-index: 10;
  }
  .sec__cart-btn .btn {
    width: 100%;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    margin: 0;
  }
  .book-modal {
    position: fixed;
    top: unset;
    bottom: -100px;
    left: 0;
    -webkit-transform: unset;
            transform: unset;
    width: 100%;
    padding-bottom: 10px;
    border-radius: 12px 12px 0 0;
    -webkit-transition: bottom 0.3s;
    transition: bottom 0.3s;
  }
  .book-modal__header {
    padding: 12px 16px 8px;
  }
  .book-modal__body {
    padding: 20px 16px 24px;
  }
  .sec__modal.active .book-modal {
    bottom: 0;
  }
}
@media (max-width: 600px) {
  .slide__class-banner {
    max-height: unset;
    height: 450px;
  }
}
.main__sub-full {
  position: relative;
  max-width: unset;
  padding: 0;
}

.sec__class-visual {
  position: relative;
  height: 350px;
  background-color: #07123a;
  overflow: hidden;
}

.sec__class-detail-tit {
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 970px;
  padding: 0 20px;
  margin: 0 auto;
  z-index: 1;
}

.class-detail__tit-wrap {
  color: var(--white);
}

.detail-item__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.detail-item__category li {
  position: relative;
  font-size: 15px;
  font-weight: 500;
}
.detail-item__category li:last-child {
  padding-left: 10px;
}
.detail-item__category li:last-child::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  position: absolute;
  top: 50%;
  left: 4px;
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  background-color: var(--white);
  border-radius: 50%;
}
.detail-item__tit {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
  margin: 4px 0 24px;
}
.detail-item__professor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.detail-item__professor em {
  font-size: 16px;
  font-weight: 500;
}
.detail-item__professor a {
  display: block;
  width: 20px;
  height: 20px;
  margin-left: 6px;
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -175px 0;
}
.detail-item__target {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 15px;
  margin-top: 10px;
}
.detail-item__target span {
  margin-right: 16px;
}
.detail-item__target em {
  font-weight: 600;
}
.detail-item__sample {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 12px -6px 0;
}
.detail-item__sample .btn {
  color: var(--white);
  margin: 0 6px;
  padding: 0 16px;
  background-color: transparent;
  border: 1px solid var(--white);
}
.detail-item__sample .btn span {
  position: relative;
  padding-left: 20px;
}
.detail-item__sample .btn span::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -100px 0;
}

.sec__class-subcontainer {
  position: relative;
  max-width: 1000px;
  margin: -70px auto 0;
  padding: 0 15px;
  z-index: 1;
}

.sec__class-detail-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 -8px -10px;
}

.detail-item__info-box {
  -ms-flex-preferred-size: 982px;
      flex-basis: 982px;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 8px;
}
.detail-item__info-wrap {
  width: 100%;
  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;
  padding: 28px 28px 40px;
  background-color: var(--white);
  -webkit-box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.12);
  border-radius: 5px;
}
.detail-item__info-wrap .sub-title-md {
  position: relative;
  display: inline;
  color: var(--p-darken);
  margin-bottom: 40px;
  padding: 0 11px;
}
.detail-item__info-wrap .sub-title-md::before, .detail-item__info-wrap .sub-title-md::after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--p-darken);
  border-radius: 50%;
}
.detail-item__info-wrap .sub-title-md::before {
  left: 0;
}
.detail-item__info-wrap .sub-title-md::after {
  right: 0;
}
.detail-item__info {
  width: 100%;
  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 8px;
  border-bottom: 1px solid var(--gray-100);
}

.info-item {
  color: var(--font-200);
  font-size: 15px;
}
.info-item.left {
  color: var(--font-100);
  font-weight: 500;
}
.info-item.left em {
  font-weight: 500;
}
.info-item.left .badge-sm {
  margin-left: 6px;
}
.info-item.left .btn {
  height: 24px;
  line-height: 24px;
  padding: 0 8px;
  border-radius: 2px;
}

.apply-limit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.apply-limit .badge-sm {
  display: none;
  color: var(--white);
  font-size: 12px;
  margin-right: 6px;
  padding: 4px 6px;
  background-color: var(--font-200);
}
.apply-limit em {
  color: var(--font-100);
  font-weight: 500;
}
.apply-limit.close .badge-sm {
  display: block;
}
.apply-limit.close em {
  color: var(--font-400);
  text-decoration: line-through;
}

.sec__class-detail-opts-wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-top: 20px;
  background-color: var(--white);
  border-top: 2px solid var(--p-lighten-200);
  z-index: 10;
}
.sec__class-detail-opts-wrap.active .sec__class-detail-btn.apply span::after {
  background-position-x: -124px;
}
.sec__class-detail-opts-wrap.active .sec__class-detail-opts {
  display: block;
}

.sec__class-detail-opts {
  display: none;
  position: relative;
  max-width: 970px;
  margin: -14px auto 0;
}
.sec__class-detail-opts-tit {
  display: none;
}

.detail-opts-wrap {
  margin-top: 16px;
}
.detail-opts__tit {
  color: var(--font-300);
  font-size: 13px;
  font-weight: 600;
}
.detail-opts__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 8px -6px 0;
}
.detail-opts__item.chk-label {
  width: 25%;
  padding: 4px 6px;
}
.detail-opts__item.chk-label input + label::before {
  top: 16px;
  left: 12px;
  border-radius: 50%;
}
.detail-opts__item.chk-label input + label::after {
  top: 16px;
  left: 12px;
  border-radius: 50%;
}
.detail-opts__item.chk-label input + label {
  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: 100%;
  height: 100%;
  font-weight: 500;
  padding: 16px 12px 16px 35px;
  border: 1px solid var(--gray-200);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.detail-opts__item.chk-label input + label .item {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 500;
}
.detail-opts__item.chk-label input + label .price {
  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: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.detail-opts__item.chk-label input + label .price .item-price__before {
  padding-bottom: 2px;
}
.detail-opts__item.chk-label input:checked + label {
  border-color: var(--p-lighten-200);
}
.detail-opts__item.chk-label input:disabled + label {
  cursor: default;
}
.detail-opts__item.chk-label input:disabled + label .item,
.detail-opts__item.chk-label input:disabled + label .item-price__before {
  color: var(--gray-300);
}
.detail-opts__item.chk-label input:disabled + label .item-price em {
  color: var(--gray-300);
}
.detail-opts__item.chk-label input:disabled + label .item-price span {
  color: var(--gray-300);
}
.detail-opts__item.book {
  width: 50%;
}
.detail-opts__item.book input + label .price {
  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-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.detail-opts__item.book input + label .price .item-price__before {
  line-height: 15px;
  padding: 0 8px 0 0;
}
.detail-opts__item.book input + label .price .item-price em {
  padding-right: 2px;
}

.sec__class-detail-btn.apply {
  position: relative;
  max-width: 970px;
  margin: 0 auto;
}
.sec__class-detail-btn.apply .btn {
  position: absolute;
  top: -60px;
  right: 0;
  width: 160px;
  border-radius: 2px;
}
.sec__class-detail-btn.apply .btn span {
  position: relative;
  padding-right: 18px;
}
.sec__class-detail-btn.apply .btn span::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: -6px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -100px -77px;
}
.sec__class-detail-btn.cart {
  margin-top: 24px;
  padding-bottom: 40px;
}
.sec__class-detail-btn.cart .btn {
  width: 300px;
  height: 44px;
  line-height: 44px;
  border-radius: 2px;
}

.sec__tab-detail {
  position: relative;
  margin: 60px auto 20px;
  margin: 0 auto 20px;
  padding-top: 70px;
  border-bottom: 1px solid var(--gray-200);
}
.sec__tab-detail.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--white);
  margin: 0;
}
.sec__tab-detail.sticky ul {
  max-width: 970px;
  margin: 0 auto;
}
.sec__tab-detail ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec__tab-detail ul li {
  position: relative;
  width: 25%;
  color: var(--font-400);
  font-size: 15px;
  font-weight: 500;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}
.sec__tab-detail ul li.active {
  color: var(--black);
  font-weight: 700;
}
.sec__tab-detail ul li.active::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--black);
}

.sec__lecture-detail-info {
  padding: 20px 0 40px;
}

.lecture-detail-item {
  margin-top: 16px;
}
.lecture-detail-item.lecture-intro {
  color: var(--font-200);
  font-size: 15px;
  line-height: 1.3;
}
.lecture-detail-item.lecture-intro img {
  margin: auto;
}
.lecture-detail-item.related-book-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 -16px;
}
.lecture-detail-item.related-class-link {
  color: var(--font-200);
  font-size: 15px;
  line-height: 1.3;
}

.table__lecture-contents {
  width: 100%;
}
.table__lecture-contents th {
  color: var(--font-300);
  font-size: 14px;
  font-weight: 500;
  padding: 16px 0;
  background-color: #f5f6f8;
  border-bottom: 1px solid var(--font-400);
}
.table__lecture-contents td {
  color: var(--font-200);
  font-size: 15px;
  line-height: 1.2;
  text-align: center;
  padding: 16px 0;
  border-bottom: 1px solid var(--gray-200);
}
.table__lecture-contents td.lecture-chapter {
  color: var(--font-100);
  text-align: left;
  padding: 16px 20px;
}
.table__lecture-contents td:nth-child(2) {
  text-align: left;
  padding: 16px 20px;
}

.related-book__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(50% - 15px);
  padding-left: 12px;
  margin: 16px 0;
  border-left: 2px solid var(--p-darken);
}
.related-book__item .img__book {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 80px;
  height: 120px;
  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-right: 12px;
}
.related-book__item .img__book img {
  width: 100%;
}
.related-book__item .info__book {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.related-book__item .info__book h4 {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 6px;
}
.related-book__item .info__book ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.related-book__item .info__book ul li {
  position: relative;
  color: var(--font-200);
  font-size: 15px;
  padding-right: 16px;
}
.related-book__item .info__book ul li:last-child {
  padding-right: 0;
}
.related-book__item .info__book ul li:last-child::after {
  display: none;
}
.related-book__item .info__book ul li::after {
  content: "";
  display: block;
  width: 1px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--gray-200);
  height: 12px;
  right: 8px;
}
.related-book__item .info__book .btn {
  height: 32px;
  line-height: 32px;
  margin-top: 28px;
  border-radius: 2px;
}

@media (max-width: 1200px) {
  .sec__class-visual {
    height: auto;
  }
  .class-visual__item {
    position: static;
    height: auto;
  }
  .class-visual__item img {
    right: unset;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sec__class-detail-tit {
    position: relative;
    top: unset;
    max-width: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 28px 20px;
  }
  .class-detail__thumbs {
    width: 110px;
    height: 110px;
    margin: 0 auto 28px;
    border-radius: 4px;
  }
  .class-detail__tit-wrap {
    width: 100%;
    padding-top: 0;
  }
  .detail-item__tit {
    font-size: 20px;
  }
  .detail-item__sample {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 12px 0 0;
  }
  .detail-item__sample .btn {
    width: calc(50% - 6px);
    margin: 0;
  }
  .sec__class-subcontainer {
    margin: 20px auto;
    padding: 0 12px;
  }
  .sec__class-detail-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 auto;
  }
  .detail-item__info-box {
    -ms-flex-preferred-size: unset;
        flex-basis: unset;
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
  }
  .detail-item__info-wrap {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 20px 0 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .detail-item__info-wrap .sub-title-md {
    font-size: 16px;
    margin-bottom: 16px;
  }
  .detail-item__info {
    padding: 14px 8px;
  }
  .sec__class-detail-opts-wrap {
    position: static;
    padding: 0;
    border-top: none;
    background-color: transparent;
    z-index: 100;
  }
  .sec__class-detail-opts-wrap.active {
    display: block;
    position: fixed;
    bottom: unset;
    width: 100%;
    top: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
  }
  .sec__class-detail-opts {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: unset;
    margin-top: 0;
    background-color: var(--white);
    border-radius: 12px 12px 0 0;
    -webkit-transition: bottom 0.3s;
    transition: bottom 0.3s;
    z-index: 10;
  }
  .sec__class-detail-opts-tit {
    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: 12px 16px 0;
  }
  .sec__class-detail-opts-tit .btn-hide {
    margin-right: -10px;
  }
  .detail-opts-wrap {
    margin: 0;
    padding: 16px 20px 8px;
  }
  .detail-opts__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 14px 0 0;
  }
  .detail-opts__item.chk-label {
    width: 100%;
    padding: 6px 0;
  }
  .detail-opts__item.chk-label input + label::before, .detail-opts__item.chk-label input + label::after {
    top: 50%;
    left: 0;
    border-radius: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .detail-opts__item.chk-label input + label {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1px 0 0 22px;
    border: none;
  }
  .detail-opts__item.chk-label input + label .price {
    margin: 0;
  }
  .detail-opts__item.book input + label::before, .detail-opts__item.book input + label::after {
    top: 0;
    left: 0;
    border-radius: 0;
    -webkit-transform: unset;
            transform: unset;
  }
  .detail-opts__item.book input + label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: inherit;
        -ms-flex-align: inherit;
            align-items: inherit;
  }
  .detail-opts__item.book input + label .price {
    margin-top: 8px;
  }
  .sec__class-detail-btn.apply {
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    max-width: unset;
    margin: 2px 0 0;
    padding: 16px 12px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(4.27%, rgba(255, 255, 255, 0)), color-stop(34.14%, #ffffff), color-stop(141.45%, rgba(255, 255, 255, 0)));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 4.27%, #ffffff 34.14%, rgba(255, 255, 255, 0) 141.45%);
    border-top: none;
    z-index: 10;
  }
  .sec__class-detail-btn.apply .btn {
    position: static;
    width: 100%;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
  }
  .sec__class-detail-btn.apply .btn span {
    padding: 0;
  }
  .sec__class-detail-btn.apply .btn span::after {
    display: none;
  }
  .sec__class-detail-btn.cart {
    padding: 0 12px 16px;
  }
  .sec__class-detail-btn.cart .btn {
    width: 100%;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
  }
  .sec__tab-detail {
    margin: 40px -12px 8px;
  }
  .sec__lecture-detail-info {
    padding-bottom: 28px;
  }
  .sec__lecture-detail-info .sub-title-md {
    font-size: 16px;
  }
  .table__lecture-contents td.lecture-chapter {
    padding: 12px;
  }
  .table__lecture-contents td:nth-child(2) {
    padding: 16px 12px;
  }
  .lecture-detail-item.related-book-intro {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 0;
  }
  .related-book__item {
    width: 100%;
    padding-left: 0;
    border-left: none;
  }
  .related-book__item:last-child {
    margin-bottom: 0;
  }
  .related-book__item .info__book ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .related-book__item .info__book ul li {
    padding: 2px 8px 2px 0;
  }
  .related-book__item .info__book ul li::after {
    right: 4px;
  }
  .related-book__item .info__book .btn {
    height: 30px;
    line-height: 30px;
    margin-top: 12px;
  }
}
.sec__tab-lecture {
  margin-top: 32px;
}
.sec__tab-lecture ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid var(--gray-200);
}
.sec__tab-lecture ul li {
  width: 50%;
  height: 50px;
}
.sec__tab-lecture ul li a {
  position: relative;
  display: block;
  color: var(--font-400);
  font-size: 15px;
  line-height: 50px;
  text-align: center;
}
.sec__tab-lecture ul li.active a {
  color: var(--p-darken);
  font-weight: 700;
}
.sec__tab-lecture ul li.active a::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  top: -1px;
  left: 0;
  background-color: var(--p-darken);
}

.sec__all-class-course {
  margin-top: 20px;
  padding: 48px 30px;
  background-color: #f7f9ff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}

.all-class-course__tit {
  color: var(--black);
  font-size: 19px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 48px;
}

.all-class-course-item {
  padding: 32px 10px;
  margin-bottom: 60px;
  background-color: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: 6px;
}
.all-class-course-item:last-child {
  margin-bottom: 0;
}
.all-class-course-item__tit {
  position: relative;
  padding: 20px 0;
  margin: 0 15px 40px;
  background-color: var(--p-color);
  border-radius: 6px;
}
.all-class-course-item__tit h4 {
  height: 17px;
  margin: 0 auto;
  background-image: url("../img/course_item_tit.png");
  background-repeat: no-repeat;
  background-size: 185px 467px;
}
.all-class-course-item__tit h4.course_cpa_1-01 {
  width: 127px;
  background-position: 0 0;
}
.all-class-course-item__tit h4.course_cpa_1-02 {
  width: 110px;
  background-position: 0 -27px;
}
.all-class-course-item__tit h4.course_cpa_1-03 {
  width: 93px;
  background-position: 0 -54px;
}
.all-class-course-item__tit h4.course_cpa_2-01, .all-class-course-item__tit h4.course_cta_2-01 {
  width: 145px;
  background-position: 0 -81px;
}
.all-class-course-item__tit h4.course_cpa_2-02, .all-class-course-item__tit h4.course_cta_2-02 {
  width: 185px;
  background-position: 0 -108px;
}
.all-class-course-item__tit h4.course_cpa_2-03, .all-class-course-item__tit h4.course_cta_2-03 {
  width: 168px;
  background-position: 0 -135px;
}
.all-class-course-item__tit h4.course_cta_1-01 {
  width: 99px;
  background-position: 0 -162px;
}
.all-class-course-item__tit h4.course_cta_1-02 {
  width: 134px;
  background-position: 0 -189px;
}
.all-class-course-item__tit h4.course_cta_1-03 {
  width: 116px;
  background-position: 0 -216px;
}
.all-class-course-item__tit p {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: var(--white);
  font-size: 15px;
  padding-top: 16px;
  margin: 0 auto;
}
.all-class-course-item__tit .btn-youtube {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 36px;
  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;
  padding: 0 12px;
  background-color: var(--white);
  border: 1px solid var(--p-color);
  border-radius: 3px;
}
.all-class-course-item__tit .btn-youtube span {
  position: relative;
  color: var(--p-color);
  font-size: 13px;
  font-weight: 600;
  padding-left: 32px;
}
.all-class-course-item__tit .btn-youtube span::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 26px;
  height: 18px;
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -220px -257px;
}
.all-class-course-item__img {
  margin-bottom: 32px;
}
.all-class-course-item__img img {
  width: 100%;
  margin: auto;
}
.all-class-course-item__img .img_pc {
  max-width: 1090px;
}
.all-class-course-item__img .img_mo {
  max-width: 334px;
}
.all-class-course-item__more {
  margin: 0 25px;
}
.all-class-course-item__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.all-class-course-item__btn span {
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--p-color);
  opacity: 0.6;
}
.all-class-course-item__btn .btn__more-view {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  height: 18px;
  color: var(--p-color);
  font-size: 15px;
  font-weight: 600;
  padding-right: 21px;
  margin: 0 12px;
}
.all-class-course-item__btn .btn__more-view::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
  display: block;
  width: 18px;
  height: 18px;
  background-color: var(--p-color);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -250px -180px;
  border-radius: 9px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.all-class-course-item__btn .btn__more-view.on::after {
  -webkit-transform: translateY(-50%) rotate(360deg);
          transform: translateY(-50%) rotate(360deg);
}

.all-class-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-top: 28px;
  border: 1px solid var(--gray-200);
  border-radius: 6px;
  overflow: hidden;
}
.all-class-item:last-child {
  margin-bottom: 10px;
}
.all-class-item__list {
  display: none;
}
.all-class-item__list.active {
  display: block;
}
.all-class-item__left {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 280px;
  padding: 20px 12px;
  background-color: var(--gray-bg);
  border-right: 1px solid var(--gray-200);
}
.all-class-item__left.double .all-class-item__info:first-child {
  margin-bottom: 16px;
}
.all-class-item__left.double .all-class-item__info:last-child {
  padding-top: 16px;
  border-top: 1px dashed var(--gray-200);
}
.all-class-item__left.double .all-class-item__tit {
  margin: 12px auto 16px;
}
.all-class-item__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 24px;
}
.all-class-item__info {
  width: 100%;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 8px;
}
.all-class-item__status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.all-class-item__status .class-status {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid var(--p-lighten-200);
  border-radius: 2px;
}
.all-class-item__status .class-status li {
  font-size: 13px;
  line-height: 20px;
  padding: 0 6px;
}
.all-class-item__status .class-status li:first-child {
  color: var(--white);
  font-weight: 700;
  background-color: var(--p-lighten-200);
}
.all-class-item__status .class-status li:last-child {
  min-width: 57px;
  color: var(--font-200);
  font-weight: 600;
  text-align: center;
  background-color: var(--white);
}
.all-class-item__tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--font-100);
  margin: 12px auto 20px;
}
.all-class-item__tit strong {
  font-size: 16px;
  font-weight: 700;
  margin-right: 3px;
}
.all-class-item__tit em {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.all-class-item__tit.line-change {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.all-class-item__tit.line-change strong {
  margin-right: 0;
  margin-bottom: 3px;
}
.all-class-item .btn-all-class-item {
  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: 100%;
  height: 36px;
  background-color: var(--p-lighten-600);
  border: 1px solid var(--p-color);
  border-radius: 2px;
}
.all-class-item .btn-all-class-item span {
  position: relative;
  color: var(--p-color);
  font-size: 13px;
  font-weight: 600;
  padding-right: 15px;
}
.all-class-item .btn-all-class-item span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 7px;
  height: 12px;
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -210px -36px;
}
.all-class-item__txt li {
  position: relative;
  color: var(--font-100);
  font-size: 15px;
  line-height: 1.3;
  padding-left: 23px;
  margin-bottom: 8px;
}
.all-class-item__txt li::before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 17px;
  height: 17px;
  background-color: var(--p-lighten-400);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -40px 0;
  border-radius: 9px;
}
.all-class-item__txt li:last-child {
  margin-bottom: 0;
}

@media (max-width: 1200px) {
  .sec__tab-lecture {
    margin: 40px -12px 0;
  }
  .sec__all-class-course {
    margin: 0 -12px;
    padding: 48px 12px;
    border-left: none;
    border-right: none;
    border-radius: 0;
  }
  .all-class-course__tit {
    margin-bottom: 40px;
  }
  .all-class-course-item {
    padding: 20px 12px 28px;
    margin-bottom: 40px;
  }
  .all-class-course-item__tit {
    position: relative;
    padding: 16px 0;
    margin: 0 0 40px;
  }
  .all-class-course-item__tit h4 {
    height: 16px;
  }
  .all-class-course-item__tit h4.course_cpa_1-01 {
    width: 120px;
    background-position: 0 -243px;
  }
  .all-class-course-item__tit h4.course_cpa_1-02 {
    width: 103px;
    background-position: 0 -269px;
  }
  .all-class-course-item__tit h4.course_cpa_1-03 {
    width: 88px;
    background-position: 0 -295px;
  }
  .all-class-course-item__tit h4.course_cpa_2-01, .all-class-course-item__tit h4.course_cta_2-01 {
    width: 136px;
    background-position: 0 -321px;
  }
  .all-class-course-item__tit h4.course_cpa_2-02, .all-class-course-item__tit h4.course_cta_2-02 {
    width: 174px;
    background-position: 0 -347px;
  }
  .all-class-course-item__tit h4.course_cpa_2-03, .all-class-course-item__tit h4.course_cta_2-03 {
    width: 158px;
    background-position: 0 -373px;
  }
  .all-class-course-item__tit h4.course_cta_1-01 {
    width: 93px;
    background-position: 0 -399px;
  }
  .all-class-course-item__tit h4.course_cta_1-02 {
    width: 126px;
    background-position: 0 -425px;
  }
  .all-class-course-item__tit h4.course_cta_1-03 {
    width: 109px;
    background-position: 0 -451px;
  }
  .all-class-course-item__tit p {
    padding-top: 12px;
    letter-spacing: -0.03em;
  }
  .all-class-course-item__tit .btn-youtube {
    top: unset;
    bottom: -52px;
    right: 0;
    -webkit-transform: unset;
            transform: unset;
  }
  .all-class-course-item__more {
    margin: 0;
  }
  .all-class-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .all-class-item:first-child {
    margin-top: 32px;
  }
  .all-class-item:last-child {
    margin-bottom: 0;
  }
  .all-class-item__left {
    width: 100%;
    padding: 24px 16px;
    border-right: none;
    border-bottom: 1px solid var(--gray-200);
  }
  .all-class-item__left.double .all-class-item__info:first-child {
    margin-bottom: 20px;
  }
  .all-class-item__left.double .all-class-item__info:last-child {
    padding-top: 20px;
  }
  .all-class-item__right {
    padding: 20px 12px;
  }
}
.sec__class-visual.general {
  height: 428px;
  background-color: #07123a;
}
.sec__class-visual.general::after {
  display: none;
}

.sec__class-detail-tit.general {
  position: relative;
  top: unset;
  left: unset;
  -webkit-transform: unset;
          transform: unset;
  margin-top: 60px;
}
.sec__class-detail-tit.general .detail-item__category li {
  color: var(--p-darken);
  font-size: 14px;
  font-weight: 700;
  padding: 5px 8px;
  margin-right: 8px;
  background-color: var(--white);
  border-radius: 2px;
}
.sec__class-detail-tit.general .detail-item__tit {
  margin: 8px 0 24px;
}
.sec__class-detail-tit.general .detail-item__tit-info {
  padding: 12px 12px 10px;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 3px;
}
.sec__class-detail-tit.general .detail-item__tit-info .detail-item__reception {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 15px;
  margin-bottom: 20px;
}
.sec__class-detail-tit.general .detail-item__tit-info .detail-item__reception span {
  font-weight: 600;
  margin-bottom: 10px;
}
.sec__class-detail-tit.general .detail-item__tit-info .detail-item__target {
  -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;
}
.sec__class-detail-tit.general .detail-item__tit-info .detail-item__target span {
  font-weight: 600;
  margin-bottom: 8px;
}
.sec__class-detail-tit.general .detail-item__tit-info .detail-item__target p {
  position: relative;
  line-height: 1.2;
  padding-left: 7px;
  margin: 2px 0;
}
.sec__class-detail-tit.general .detail-item__tit-info .detail-item__target p::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  position: absolute;
  top: 7px;
  left: 0;
  background-color: var(--white);
  border-radius: 50%;
}

.detail-item__info.time {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.detail-item__info.time .info-item.left ul li {
  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;
  text-align: right;
  margin-bottom: 8px;
}
.detail-item__info.time .info-item.left ul li:last-child {
  margin-bottom: 0;
}
.detail-item__info.time .info-item.left ul li em {
  margin-right: 6px;
}
.detail-item__info.time .info-item.left ul li span {
  color: var(--font-100);
  font-weight: 500;
}

.sec__class-detail-opts-wrap.general {
  position: static;
  padding-top: 0;
  margin-top: 60px;
  border-top: none;
}
.sec__class-detail-opts-wrap.general .sec__class-detail-opts {
  display: block;
}
.sec__class-detail-opts-wrap.general .sec__class-detail-opts-tit {
  display: block;
}
.sec__class-detail-opts-wrap.general .sec__class-detail-opts-tit .btn-hide {
  display: none;
}
.sec__class-detail-opts-wrap.general .sec__class-detail-btn.cart .btn {
  width: 200px;
  height: 40px;
  line-height: 40px;
}

.sec__class-detail-btn.mobile {
  display: none;
}

.table__lecture-structure {
  border-top: 2px solid var(--p-darken);
}

.lecture__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid var(--gray-200);
}

.lecture__item-tit {
  width: 180px;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 8px;
  border-right: 1px solid var(--gray-200);
}
.lecture__item-tit em {
  color: var(--font-100);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 4px;
}
.lecture__item-tit span {
  color: var(--font-200);
  font-size: 14px;
}

.lecture__item-books {
  width: calc(100% - 180px);
}

.item-book {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid var(--gray-200);
}
.item-book:last-child {
  border-bottom: none;
}
.item-book .table-item__chk {
  width: auto;
  height: 17px;
  padding: 0 12px 0 21px;
}
.item-book .table-item__book-info {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.item-book .table-item__book-info .book-info__tit {
  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-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 12px;
}
.item-book .table-item__book-info .book-info__tit em {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 6px;
}
.item-book .table-item__book-info .book-info__tit span {
  color: var(--font-200);
  font-size: 15px;
}
.item-book .table-item__book-info .book-info__price {
  width: 200px;
  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;
}
.item-book .table-item__book-info .book-info__price .item-price__before {
  padding-right: 8px;
  padding-bottom: 0;
}
.item-book .table-item__btn {
  width: 130px;
  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;
}
.item-book .table-item__btn .btn {
  height: 30px;
  line-height: 30px;
  border-radius: 2px;
}

.lecture-structure .d-flx__end .btn {
  width: 200px;
  margin-top: 20px;
  border-radius: 2px;
}

.lecture-intro .sec__img img {
  display: block;
  width: 100%;
}
.lecture-intro .sec__img.mo {
  display: none;
  max-width: 400px;
  margin: auto;
}

.timetable-modal {
  width: 100%;
  max-width: 728px;
  height: 800px;
  background-color: var(--white);
  border-radius: 6px;
}
.timetable-modal__header {
  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: 12px 20px 8px;
}
.timetable-modal__header h2 {
  color: var(--black);
  font-size: 18px;
  font-weight: 700;
}
.timetable-modal__header .btn-hide {
  margin-right: -14px;
}

.timetable-modal__body {
  height: 740px;
  overflow: auto;
}
.timetable-modal__body .sec__table-timetable {
  width: 680px;
  padding: 0 0 40px;
  margin: auto;
  overflow: unset;
}
.timetable-modal__body .timetable-date-list {
  padding-top: 24px;
}
.timetable-modal__body .timetable-item {
  min-height: 90px;
}

@media (max-width: 1200px) {
  .sec__class-visual.general {
    height: auto;
  }
  .sec__class-detail-tit.general {
    padding: 40px 20px;
    margin-top: 0;
  }
  .sec__class-detail-opts-wrap.general {
    margin-top: 0;
  }
  .sec__class-detail-opts-wrap.general .sec__class-detail-opts {
    display: none;
  }
  .sec__class-detail-opts-wrap.general .sec__class-detail-opts .detail-opts__list {
    margin-top: 0;
  }
  .sec__class-detail-opts-wrap.general .sec__class-detail-opts-tit {
    display: block;
  }
  .sec__class-detail-opts-wrap.general .sec__class-detail-opts-tit .btn-hide {
    display: none;
  }
  .sec__class-detail-opts-wrap.general .sec__class-detail-btn.cart .btn {
    width: 100%;
    height: 50px;
    line-height: 50px;
  }
  .sec__class-detail-opts-wrap.general.active {
    display: block;
    position: fixed;
  }
  .sec__class-detail-opts-wrap.general.active .sec__class-detail-opts {
    display: block;
  }
  .sec__class-detail-opts-wrap.general.active .sec__class-detail-opts-tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .sec__class-detail-opts-wrap.general.active .sec__class-detail-opts-tit .btn-hide {
    display: block;
  }
  .sec__class-detail-btn.mobile {
    display: block;
  }
  .sec__class-detail-btn.mobile {
    display: block;
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    margin-top: 2px;
    padding: 16px 12px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(4.27%, rgba(255, 255, 255, 0)), color-stop(34.14%, #ffffff), color-stop(141.45%, rgba(255, 255, 255, 0)));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 4.27%, #ffffff 34.14%, rgba(255, 255, 255, 0) 141.45%);
    border-top: none;
    z-index: 10;
  }
  .sec__class-detail-btn.mobile .btn {
    width: 100%;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    border-radius: 2px;
  }
  .sec__lecture-detail-info.mt-20 {
    margin-top: 20px;
  }
  .lecture__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .lecture__item-tit {
    width: 100%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 16px 12px;
    border-right: none;
    border-bottom: 1px solid var(--gray-200);
    background-color: var(--gray-50);
  }
  .lecture__item-tit em {
    font-size: 15px;
    margin-bottom: 6px;
  }
  .lecture__item-books {
    width: 100%;
  }
  .item-book .table-item__chk {
    padding: 0 0 0 12px;
  }
  .item-book .table-item__book-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 12px;
  }
  .item-book .table-item__book-info .book-info__tit {
    -webkit-box-flex: unset;
        -ms-flex-positive: unset;
            flex-grow: unset;
    padding: 0;
    margin-bottom: 12px;
  }
  .item-book .table-item__book-info .book-info__price {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .item-book .table-item__btn {
    width: auto;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding-right: 12px;
  }
  .lecture-structure .d-flx__end .btn {
    width: 120px;
  }
  .lecture-intro .sec__img.web {
    display: block;
  }
  .lecture-intro .sec__img.mo {
    display: none;
  }
  .timetable-modal {
    width: calc(100% - 24px);
    height: 600px;
  }
  .timetable-modal__header {
    padding: 12px 16px 8px;
  }
  .timetable-modal__body {
    height: 540px;
    padding: 0 12px;
  }
}
.sec__tit.studylab-main .btn {
  position: relative;
  padding-right: 27px;
  border-radius: 2px;
}
.sec__tit.studylab-main .btn::after {
  content: "";
  display: block;
  width: 7px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -210px -36px;
}

.sec__studylab-state {
  margin-top: 28px;
  padding: 24px 20px;
  border: 1px solid var(--gray-200);
  border-radius: 3px;
}

.studylab-state__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.studylab-state__bottom {
  margin-top: 32px;
}
.studylab-state__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px -4px 0;
}
.studylab-state__empty {
  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;
  padding: 12px 0;
}
.studylab-state__empty p {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 16px;
}
.studylab-state__empty .btn {
  border-radius: 2px;
}

.select-studylab-modal {
  width: 400px;
  padding: 40px 28px 32px;
  border-radius: 6px;
}
.select-studylab-modal .notice-txt {
  margin-top: 16px;
  color: var(--font-100);
  font-size: 15px;
  line-height: 1.3;
}
.select-studylab-modal .apply-input {
  margin-top: 24px;
}
.select-studylab-modal .apply-input p {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 12px;
}
.select-studylab-modal .btn {
  width: 100%;
  height: 44px;
  line-height: 44px;
  margin-top: 36px;
  border-radius: 3px;
}
.select-studylab-modal .btn-hide {
  position: absolute;
  top: 8px;
  right: 8px;
}

.studylab-tit .badge-md {
  margin-bottom: 10px;
}
.studylab-tit h3 em {
  font-size: 18px;
  font-weight: 700;
  padding-right: 4px;
}
.studylab-tit h3 span {
  font-size: 18px;
  font-weight: 700;
}

.studylab-opts {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -20px;
}

.studylab-opt-item {
  padding: 0 20px;
}

.ui-chk.studylab input + label {
  padding-left: 32px;
}
.ui-chk.studylab input + label::before {
  width: 28px;
  height: 16px;
  background-color: var(--gray-200);
  border: none;
  border-radius: 8px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.ui-chk.studylab input + label::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
  background-color: var(--white);
  border-radius: 50%;
  -webkit-transition: left 0.3s;
  transition: left 0.3s;
}
.ui-chk.studylab input:checked + label::before {
  background-color: var(--p-lighten-200);
}
.ui-chk.studylab input:checked + label::after {
  left: 14px;
  background-image: none;
}

.studylab-content__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 12px 0;
  background-color: #fafafa;
  border: 1px solid var(--gray-100);
  border-radius: 3px;
}

.studylab-content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 12px;
}
.studylab-content span {
  color: var(--font-300);
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 10px;
}
.studylab-content em {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.03em;
}
.studylab-content em.bl {
  color: var(--p-lighten-100);
}
.studylab-content p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.studylab-content .badge-sm {
  margin-right: 4px;
}

.studylab-state__btn .btn {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0 4px;
  border-radius: 3px;
}

.sec__studylab-history {
  margin-top: 60px;
}

.sec__table-studylab {
  margin-top: 16px;
  border-top: 1px solid var(--font-200);
}

.table-studylab__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 0;
  background-color: var(--gray-bg);
  border-bottom: 1px solid var(--gray-200);
}
.table-studylab__header li {
  width: 16.666%;
  color: var(--font-300);
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}

.table-studylab__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid var(--gray-200);
}
.table-studylab__item.empty {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--font-200);
  font-size: 15px;
  font-weight: 500;
  padding: 40px 0;
}

.studylab-item__top {
  width: 50%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.studylab-item__top div {
  width: 33.333%;
  color: var(--font-100);
  font-size: 15px;
  text-align: center;
}
.studylab-item__bottom {
  width: 50%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.studylab-item__bottom div {
  width: 33.333%;
  color: var(--font-100);
  font-size: 15px;
  text-align: center;
}

.sec__studylab-banner {
  position: relative;
  height: 110px;
  margin-top: 60px;
  background-color: #e8f2fe;
  border-radius: 3px;
}
.sec__studylab-banner::before {
  content: "";
  display: block;
  width: 67px;
  height: 64px;
  position: absolute;
  top: 50%;
  left: 60px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../img/bnr_studylab.png");
  background-repeat: no-repeat;
  background-size: 67px 64px;
}

.bnr__studylab-txt p {
  position: absolute;
  top: 50%;
  left: 167px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-weight: 700;
}
.bnr__studylab-txt a {
  position: absolute;
  top: 50%;
  right: 60px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 180px;
  height: 40px;
  color: var(--p-lighten-100);
  font-size: 13px;
  font-weight: 600;
  line-height: 40px;
  padding: 0 12px;
  background-color: var(--white);
  border: 1px solid var(--p-lighten-500);
  border-radius: 2px;
}
.bnr__studylab-txt a::after {
  content: "";
  display: block;
  width: 7px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -210px -60px;
}

@media (max-width: 1200px) {
  .sec__studylab-state {
    padding: 16px 12px;
  }
  .studylab-state__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .studylab-state__bottom {
    margin-top: 20px;
  }
  .studylab-state__btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 20px 0 0;
  }
  .studylab-state__btn .btn {
    margin: 0 0 8px;
  }
  .studylab-state__btn .btn:last-child {
    margin: 0;
  }
  .sec__modal.active .select-studylab-modal {
    bottom: 0;
  }
  .select-studylab-modal {
    position: fixed;
    top: unset;
    bottom: -100px;
    left: 0;
    -webkit-transform: unset;
            transform: unset;
    width: 100%;
    padding: 30px 16px 42px;
    border-radius: 12px 12px 0 0;
    -webkit-transition: bottom 0.3s;
    transition: bottom 0.3s;
  }
  .studylab-opts {
    margin: 40px 0 0;
  }
  .studylab-opt-item {
    width: 50%;
    padding: 0;
  }
  .studylab-content__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .studylab-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -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 12px;
    border-bottom: 1px solid var(--gray-100);
  }
  .studylab-content:last-child {
    border-bottom: none;
  }
  .studylab-content span {
    margin-bottom: 0;
  }
  .sec__liveseat-tit select {
    font-size: 16px;
  }
  .sec__liveseat-tit p span {
    font-size: 16px;
  }
  .sec__liveseat-count {
    -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;
  }
  .sec__liveseat-count li::after {
    display: none;
  }
  .sec__liveseat-count li:last-child {
    margin-top: 8px;
  }
  .sec__seat-legend {
    padding-right: 20px;
  }
  .sec__table-studylab {
    border-top: 2px solid var(--font-200);
  }
  .table-studylab__header {
    display: none;
  }
  .table-studylab__item {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 8px;
  }
  .studylab-item__top {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .studylab-item__top div {
    width: 100%;
    text-align: left;
  }
  .studylab-item__bottom {
    width: 100%;
    -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;
    margin-top: 12px;
  }
  .studylab-item__bottom div {
    width: 100%;
    text-align: right;
  }
  .studylab-item__date {
    color: var(--font-300);
  }
  .studylab-item__name {
    font-weight: 700;
    margin: 12px 0 8px;
  }
  .studylab-item__duration {
    color: var(--font-200);
  }
  .studylab-item__payment {
    color: var(--font-200);
    margin-top: 8px;
  }
  .studylab-item__etc {
    position: absolute;
    top: 20px;
    right: 8px;
  }
  .studylab-item__etc span {
    font-size: 13px;
    font-weight: 600;
    padding: 5px 7px;
    background-color: var(--gray-100);
    border-radius: 2px;
  }
}
@media (max-width: 600px) {
  .sec__studylab-banner {
    height: 150px;
    margin: 60px -12px -80px;
  }
  .sec__studylab-banner::before {
    left: 40px;
  }
  .sec__studylab-banner .bnr__studylab-txt {
    position: absolute;
    top: 50%;
    left: 147px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sec__studylab-banner p {
    position: static;
    -webkit-transform: unset;
            transform: unset;
  }
  .sec__studylab-banner a {
    position: relative;
    top: unset;
    right: unset;
    -webkit-transform: unset;
            transform: unset;
    margin-top: 24px;
  }
}
.main__studylab {
  max-width: 1000px;
}

.sec__studylab-chkout-date {
  padding: 14px 16px;
  margin-top: 40px;
  border: 1px solid var(--gray-200);
  border-radius: 3px;
}

.chkout-date-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 0;
}
.chkout-date-item span {
  color: var(--font-300);
  font-size: 15px;
  font-weight: 600;
  margin-right: 8px;
}
.chkout-date-item p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chkout-date-item p em {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.03em;
}
.chkout-date-item p .badge-sm {
  margin-left: 6px;
}

.sec__studylab-refund-info {
  margin-top: 40px;
}
.sec__studylab-account {
  margin-top: 40px;
}
.sec__studylab-amount-result {
  margin-top: 60px;
}
.sec__studylab-amount-result .form__terms {
  padding: 16px 8px;
  margin-bottom: 20px;
  border: 1px solid var(--gray-200);
}
.sec__studylab-amount-result .form__terms li br {
  display: none;
}
.sec__studylab-result {
  margin-top: 60px;
}
.sec__studylab-result .title-sm {
  color: var(--p-color);
  text-align: center;
  margin-bottom: 40px;
}

.studylab-amount-list {
  margin-top: 16px;
  border: 1px solid var(--gray-200);
  border-radius: 3px;
}
.studylab-amount-item {
  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;
}
.studylab-amount-item span {
  color: var(--font-300);
  font-size: 14px;
  font-weight: 600;
}
.studylab-amount-item div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.studylab-amount-item div p:last-child {
  margin-left: 4px;
}
.studylab-amount-item p {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 500;
}
.studylab-amount-item p em {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.03em;
}
.studylab-amount-item.result span {
  color: var(--orange);
  font-weight: 700;
}
.studylab-amount-item.result p {
  color: var(--orange);
  font-weight: 600;
}
.studylab-amount-item.result p em {
  color: var(--orange);
  font-weight: 600;
}

.studylab-account-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px;
}
.studylab-account-item span {
  display: block;
  width: 150px;
  color: var(--font-100);
  font-size: 15px;
  font-weight: 500;
}
.studylab-account-item p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.studylab-account-item p select {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 140px;
  margin-right: 8px;
}
.studylab-account-item p input[type=text] {
  width: 250px;
}

.sec__studylab-refund-agree {
  padding: 16px 12px;
  margin-bottom: 12px;
  background-color: rgba(26, 35, 126, 0.1);
  border: 1px solid var(--p-color);
}
.sec__studylab-refund-agree .chk-label input + label {
  color: var(--p-color);
  font-size: 14px;
  font-weight: 600;
}
.sec__studylab-refund-agree .chk-label input + label::before {
  border-color: var(--p-color);
}

.sec__studylab-amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  border: 1px solid var(--p-color);
}
.sec__studylab-amount .studylab-amount__left {
  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;
  width: 50%;
  padding-right: 20px;
}
.sec__studylab-amount .studylab-amount__left span {
  color: var(--font-100);
  font-size: 18px;
  font-weight: 600;
}
.sec__studylab-amount .studylab-amount__left p {
  color: var(--p-color);
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0;
}
.sec__studylab-amount .studylab-amount__left p em {
  color: var(--p-color);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.sec__studylab-amount .studylab-amount__right {
  width: 50%;
}
.sec__studylab-amount .studylab-amount__right .btn {
  display: block;
  width: 370px;
  border-radius: 3px;
  margin-left: auto;
}

@media (max-width: 1200px) {
  .sec__studylab-chkout-date {
    padding: 14px 12px;
  }
  .sec__studylab-refund {
    margin-top: 40px;
  }
  .sec__studylab-account {
    margin-top: 40px;
  }
  .sec__studylab-amount-result .form__terms {
    padding: 16px 0;
  }
  .sec__studylab-amount-result .form__terms li br {
    display: block;
  }
  .studylab-amount-item {
    padding: 16px 12px;
  }
  .studylab-account-item {
    -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;
  }
  .studylab-account-item span {
    margin-bottom: 6px;
  }
  .studylab-account-item p {
    width: 100%;
    -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;
  }
  .studylab-account-item p select {
    width: 100%;
    margin-bottom: 6px;
  }
  .studylab-account-item p input[type=text] {
    width: 100%;
  }
  .sec__studylab-amount {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 16px;
  }
  .sec__studylab-amount .studylab-amount__left {
    width: 100%;
    padding: 0;
    margin-bottom: 28px;
  }
  .sec__studylab-amount .studylab-amount__right {
    width: 100%;
  }
  .sec__studylab-amount .studylab-amount__right .btn {
    width: 100%;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
  }
}
.sec__tit.studylab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: -20px;
}
.sec__tit.studylab ul li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 27px 0 20px;
}
.sec__tit.studylab ul li::after {
  content: "";
  display: block;
  width: 7px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -140px -1px;
}
.sec__tit.studylab ul li:last-child {
  padding-right: 0;
}
.sec__tit.studylab ul li:last-child::after {
  display: none;
}
.sec__tit.studylab ul li span {
  display: block;
  height: 18px;
  color: var(--white);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 19px;
  padding: 0 5px;
  margin-right: 6px;
  background-color: var(--gray-300);
  border-radius: 2px;
}
.sec__tit.studylab ul li em {
  color: var(--font-400);
  font-size: 15px;
  font-weight: 500;
}
.sec__tit.studylab ul li.current span {
  background-color: var(--p-color);
}
.sec__tit.studylab ul li.current em {
  color: var(--p-color);
  font-weight: 600;
}

.sec__studylab-seat {
  margin-top: 60px;
}

.sec__current-studylab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.sec__current-studylab p {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 500;
  padding-left: 12px;
}

.current-studylab {
  display: block;
  height: 28px;
  padding: 0 12px;
  background-color: var(--p-lighten-600);
  border: 1px solid var(--p-color);
  border-radius: 13px;
}
.current-studylab em {
  position: relative;
  color: var(--p-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 28px;
  padding-left: 11px;
}
.current-studylab em::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-51%);
          transform: translateY(-51%);
  background-color: var(--p-color);
  border-radius: 50%;
}

.studylab-map {
  margin-bottom: 12px;
}
.studylab-map .btn {
  height: 32px;
  line-height: 32px;
  border-radius: 3px;
}

.modal__studylab-map {
  width: calc(100% - 24px);
  max-width: 800px;
  height: 700px;
  border-radius: 6px;
  overflow: hidden;
}
.modal__studylab-map .modal__header {
  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: 12px 20px 8px;
  background-color: var(--p-darken);
}
.modal__studylab-map .modal__header .sub-title-md {
  color: var(--white);
  font-size: 18px;
  font-weight: 700;
}
.modal__studylab-map .modal__header .btn-hide {
  margin-right: -14px;
  background-position: -220px -70px;
}
.modal__studylab-map .modal__body {
  height: calc(100% - 60px);
  padding: 28px 12px 32px;
  overflow: auto;
}
.modal__studylab-map .modal__body .sec__map-img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.modal__studylab-map .modal__body .sec__map-img img {
  display: block;
  max-width: 600px;
  margin: auto;
  padding: 20px 0;
}

.sec__seatmap {
  padding: 28px 0 40px;
  background-color: #f9fbff;
  border: 1px solid var(--gray-200);
  border-radius: 3px;
}

.sec__seat-legend {
  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;
  padding-right: 80px;
  margin-bottom: 28px;
}

.seat-legend-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 12px;
}
.seat-legend-item:last-child {
  margin-right: 0;
}
.seat-legend-item p {
  color: var(--font-100);
  font-size: 13px;
  font-weight: 500;
  padding-left: 4px;
}

.sec__seat-list {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
}

.seat-item-list {
  width: 880px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.seat-item {
  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: calc((100% - 120px) / 20); /* 한 줄에 보여질 좌석 갯수에 따라 /(슬래시) 뒤의 숫자 수정 */
  height: 100%;
  margin: 0 3px 8px;
  background-color: var(--white);
  border: 1px solid var(--p-lighten-200);
  border-radius: 3px;
}
.seat-item::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.seat-item span {
  color: var(--p-lighten-200);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.03em;
}
.seat-item.sm {
  width: 12px;
  min-width: 12px;
  height: 12px;
  margin: 0;
  border-radius: 2px;
}
.seat-item.disabled {
  background-color: var(--gray-100);
  border-color: var(--gray-200);
}
.seat-item.disabled span {
  color: var(--font-400);
}
.seat-item.selected {
  background-color: var(--p-lighten-200);
}
.seat-item.selected span {
  color: var(--white);
}

.sec__selectable-seat {
  margin-top: 40px;
}
.sec__selectable-seat .d-flx__end {
  margin-top: 40px;
}
.sec__selectable-seat .d-flx__end .btn {
  border-radius: 3px;
}

.sec__studylab-class {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px;
}
.sec__studylab-class li {
  height: 32px;
  color: var(--font-200);
  font-size: 15px;
  line-height: 32px;
  padding: 0 16px;
  margin-right: 8px;
  border: 1px solid var(--gray-200);
  border-radius: 2px;
  cursor: pointer;
}
.sec__studylab-class li:last-child {
  margin-right: 0;
}
.sec__studylab-class li.active {
  color: var(--p-lighten-200);
  font-weight: 600;
  background-color: var(--p-lighten-600);
  border-color: var(--p-lighten-200);
}

.caution-txt {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--p-lighten-100);
  font-size: 14px;
  font-weight: 600;
  padding: 6px 10px;
  margin: 16px 0 -6px;
  background-color: var(--gray-100);
  border-radius: 2px;
}

.selectable-seat-list {
  margin-top: 18px;
}

.selectable-seat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 0;
}
.selectable-seat .ui-rad.rad-label {
  margin-right: 8px;
}
.selectable-seat .badge-md em {
  font-weight: 700;
}

.sec__studylab-move-date {
  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;
  padding: 20px 0;
  margin-top: 60px;
  border: 1px solid var(--gray-200);
  border-radius: 3px;
}

.move-date-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 40px;
}
.move-date-item:last-child {
  padding-right: 0;
}
.move-date-item span {
  color: var(--font-300);
  font-size: 15px;
  font-weight: 600;
  margin-right: 8px;
}
.move-date-item p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.move-date-item p em {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.03em;
}
.move-date-item p .badge-sm {
  margin-left: 6px;
}

.sec__studylab-pay-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px -15px 0;
}

.studylab-pay__left {
  width: 50%;
  padding: 0 15px;
}
.studylab-pay__left .studylab-amount-list {
  background-color: rgba(229, 236, 255, 0.25);
  border-color: var(--p-lighten-200);
}
.studylab-pay__left .studylab-amount-item.result span {
  color: var(--p-color);
}
.studylab-pay__left .studylab-amount-item.result p {
  color: var(--p-color);
}
.studylab-pay__left .studylab-amount-item.result p em {
  color: var(--p-color);
}
.studylab-pay__right {
  width: 50%;
  padding: 0 15px;
}

.sec__payments.studylab {
  margin-top: 40px;
}
.sec__payments.studylab .pay-methods {
  margin-top: 16px;
}

@media (max-width: 1200px) {
  .sec__tit.studylab {
    -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;
  }
  .sec__tit.studylab ul {
    width: 100%;
    margin: 40px 0 0;
  }
  .sec__tit.studylab ul li {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 7px 0 0;
  }
  .sec__tit.studylab ul li span {
    margin-bottom: 6px;
  }
  .sec__current-studylab {
    -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;
    margin-bottom: 20px;
  }
  .sec__current-studylab p {
    padding: 12px 0 0 0;
  }
  .modal__studylab-map {
    height: calc(100% - 200px);
    max-height: 800px;
  }
  .sec__seatmap {
    padding: 28px 12px;
    overflow: hidden;
  }
  .sec__seat-legend {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-right: 0;
  }
  .sec__seat-list {
    width: 100%;
    margin: auto;
  }
  .seat-item-list {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 480px;
    min-width: 310px;
    margin: auto;
  }
  .seat-item {
    width: calc((100% - 60px) / 10); /* 한 줄에 보여질 좌석 갯수에 따라 /(슬래시) 뒤의 숫자 수정 */
    min-width: 25px;
  }
  .seat-item span {
    font-size: 12px;
  }
  .sec__selectable-seat .d-flx__end .btn {
    width: 100%;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
  }
  .selectable-seat-list {
    margin-top: 11px;
  }
  .selectable-seat {
    padding: 5px 0;
  }
  .sec__selected-seat {
    -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;
  }
  .sec__selected-seat .btn {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    margin-top: 28px;
  }
  .sec__studylab-move-date {
    -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;
    padding: 14px 12px;
    margin-top: 48px;
  }
  .move-date-item {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 6px 0;
  }
  .sec__studylab-pay-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .studylab-pay__left {
    width: 100%;
  }
  .studylab-pay__right {
    width: 100%;
    margin-top: 40px;
  }
  .sec__studylab-result {
    margin-top: 48px;
  }
  .sec__studylab-result .title-sm {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
@media (max-width: 600px) {
  .seat-item span {
    font-size: 11px;
  }
}
.badge-sm {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  border-radius: 2px;
}
.badge-sm.negative {
  color: #ef3a21;
  padding: 3px 6px;
  background-color: #fdebe9;
  border: 1px solid rgba(34, 34, 34, 0.02);
}
.badge-sm.positive {
  color: var(--p-lighten-200);
  padding: 3px 6px;
  background-color: #eff3ff;
  border: 1px solid rgba(34, 34, 34, 0.02);
}
.badge-sm.fill-primary-100 {
  color: var(--white);
  padding: 4px 6px;
  background-color: var(--p-lighten-100);
  border: 1px solid var(--p-lighten-100);
}
.badge-sm.fill-primary-600 {
  color: var(--p-lighten-100);
  padding: 3px 4px;
  background-color: var(--p-lighten-600);
  border: 1px solid rgba(34, 34, 34, 0.02);
}
.badge-sm.fill-font-200 {
  color: var(--white);
  padding: 3px 6px;
  background-color: var(--font-200);
  border: 1px solid var(--font-200);
}
.badge-sm.fill-gray-300 {
  color: var(--white);
  padding: 3px 6px;
  background-color: var(--gray-300);
  border: 1px solid var(--gray-300);
}
.badge-sm.line-primary-100 {
  color: var(--p-lighten-100);
  padding: 3px 6px;
  background-color: var(--white);
  border: 1px solid var(--p-lighten-100);
}
.badge-sm.line-primary-200 {
  color: var(--p-lighten-200);
  padding: 4px 6px;
  border: 1px solid var(--p-lighten-200);
}
.badge-sm.line-font-300 {
  color: var(--font-300);
  padding: 3px 6px;
  background-color: var(--gray-50);
  border: 1px solid var(--font-300);
}
.badge-sm.fill-orange {
  color: var(--orange);
  padding: 3px 4px;
  background-color: rgba(254, 91, 0, 0.15);
  border: 1px solid rgba(34, 34, 34, 0.02);
}
.badge-sm.line-orange {
  color: var(--orange);
  padding: 4px 6px;
  border: 1px solid var(--orange);
}

@-webkit-keyframes left-to-right {
  0% {
    left: 0%;
    opacity: 0;
  }
  50% {
    left: 100%;
    opacity: 1;
  }
  100% {
    left: 110%;
  }
}

@keyframes left-to-right {
  0% {
    left: 0%;
    opacity: 0;
  }
  50% {
    left: 100%;
    opacity: 1;
  }
  100% {
    left: 110%;
  }
}
.badge-md {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  font-style: normal;
  border-radius: 2px;
}
.badge-md.fill-primary {
  color: var(--white);
  padding: 4px 6px;
  background-color: var(--p-color);
  border: 1px solid var(--p-color);
}
.badge-md.fill-font-300 {
  color: var(--white);
  padding: 4px 6px;
  background-color: var(--font-300);
  border: 1px solid var(--font-300);
}
.badge-md.line-primary {
  color: var(--p-color);
  padding: 4px 6px;
  border: 1px solid var(--p-color);
}
.badge-md.line-orange {
  color: var(--orange);
  padding: 3px 6px;
  border: 1px solid var(--orange);
  border-radius: 2px;
}
.badge-md.attendance, .badge-md.ongoing {
  color: var(--p-lighten-200);
  padding: 4px 8px;
  background-color: #e3eeff;
  border: 1px solid rgba(34, 34, 34, 0.02);
  border-radius: 4px;
}
.badge-md.absent, .badge-md.done {
  color: var(--font-200);
  padding: 4px 8px;
  background-color: var(--gray-100);
  border: 1px solid rgba(34, 34, 34, 0.02);
  border-radius: 4px;
}
.badge-md.chkout {
  color: #003361;
  padding: 5px 7px;
  background-color: #ebf5ff;
  border: 1px solid rgba(34, 34, 34, 0.02);
}
.badge-md.move {
  color: #06a016;
  padding: 5px 7px;
  background-color: #e5fee7;
  border: 1px solid rgba(34, 34, 34, 0.02);
}
.badge-md.ans-y {
  color: var(--white);
  font-weight: 600;
  padding: 6px 8px;
  background-color: var(--p-color);
}
.badge-md.ans-n {
  color: var(--white);
  font-weight: 600;
  padding: 6px 8px;
  background-color: var(--gray-300);
}
.badge-md.offline {
  position: relative;
  color: var(--white);
  padding: 6px 8px;
  background: linear-gradient(94deg, #cdd7f8 -35.22%, #2349d2 107.79%);
}
.badge-md.offline:after {
  content: "";
  position: absolute;
  top: 0;
  left: 10%;
  display: block;
  width: 1px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: 0px 2px 12px 1px rgb(248, 247, 247);
          box-shadow: 0px 2px 12px 1px rgb(248, 247, 247);
  opacity: 1;
  -webkit-animation: left-to-right 2.2s cubic-bezier(0.85, 0, 0.15, 1) infinite;
          animation: left-to-right 2.2s cubic-bezier(0.85, 0, 0.15, 1) infinite;
}

.sec__books-visual {
  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: 100%;
  height: 150px;
  background-image: url("../img/books_header.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.sec__books-visual .title-sm {
  color: var(--white);
  z-index: 2;
}

.nav__books {
  border-bottom: 1px solid var(--gray-100);
}
.nav__books ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.nav__books ul li {
  width: 120px;
  height: 45px;
}
.nav__books ul li a {
  position: relative;
  display: block;
  color: var(--font-300);
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  line-height: 45px;
}
.nav__books ul li.active a {
  color: var(--p-color);
  font-weight: 700;
}
.nav__books ul li.active a::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--p-color);
}

.sec__books-container {
  max-width: 1200px;
  padding: 40px 15px 0;
  margin: 0 auto;
}

.d-flx__space.books {
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
  margin-bottom: 60px;
}

.sec__slide__books {
  width: 670px;
  padding: 20px 16px;
  border: 1px solid var(--gray-200);
  border-radius: 6px;
}

.sec__slide__books .splide__pagination {
  bottom: -15px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 52px;
}
.sec__slide__books .splide__pagination .splide__pagination__page {
  width: 20px;
  height: 4px;
  background-color: var(--gray-300);
  border-radius: 0;
}
.sec__slide__books .splide__pagination .splide__pagination__page.is-active {
  background-color: var(--p-lighten-100);
}

.slide__books .splide__arrow {
  width: 16px;
  height: 16px;
  background-color: transparent;
}
.slide__books .splide__arrow:hover {
  background-color: transparent;
}
.slide__books .splide__arrow.splide__arrow--prev {
  top: unset;
  left: unset;
  right: 24px;
  bottom: -29px;
  background-position: -150px -80px;
}
.slide__books .splide__arrow.splide__arrow--prev:hover {
  background-position: -182px -80px;
}
.slide__books .splide__arrow.splide__arrow--next {
  top: unset;
  right: 4px;
  bottom: -29px;
  background-position: -166px -80px;
}
.slide__books .splide__arrow.splide__arrow--next:hover {
  background-position: -198px -80px;
}

.slide__books {
  padding: 32px 12px 0;
}
.slide__books .splide__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.slide__book-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.slide__book-content .book-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  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: 120px;
  height: 180px;
  margin-right: 20px;
}
.slide__book-content .book-img img {
  width: 100%;
}
.slide__book-content .book-content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 12px 0;
}
.slide__book-content .book-content .publish {
  color: var(--font-200);
  font-size: 14px;
  margin: 6px 0;
}
.slide__book-content .book-content .publish-date {
  color: var(--font-200);
  font-size: 14px;
}
.slide__book-content .book-content .price {
  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: 0;
}
.slide__book-content .book-content .price .item-price {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-bottom: 4px;
}
.slide__book-content .book-content .price .item-price__before {
  padding-bottom: 0;
}

.sec__books-notice {
  width: 470px;
  min-height: 300px;
  border: 1px solid var(--gray-200);
  border-radius: 6px;
}

.books-notice__tit {
  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: 20px 16px;
}
.books-notice__tit a {
  color: var(--font-300);
  font-size: 14px;
  font-weight: 500;
}

.books-notice__list {
  padding: 0 16px 8px;
}
.books-notice__list li {
  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 8px;
  border-bottom: 1px solid var(--gray-200);
}
.books-notice__list li:last-child {
  border-bottom: none;
}
.books-notice__list li a {
  color: var(--font-100);
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.books-notice__list li .date {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: var(--font-400);
  font-size: 13px;
  letter-spacing: -0.03em;
}

.sec__books-search-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 24px 20px;
  margin-bottom: 48px;
  background-color: var(--gray-50);
  border-radius: 6px;
}

.sec__books-filter {
  width: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sec__books-filter select {
  width: calc(50% - 6px);
  background-color: var(--white);
  border-radius: 2px;
}

.sec__books-search {
  width: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sec__books-search input[type=text] {
  margin-right: 8px;
  border-radius: 2px;
}
.sec__books-search .btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 80px;
  border-radius: 2px;
}

.sec__books-list {
  margin: 0 -15px;
}
.sec__books-list ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.books-list-item {
  width: 20%;
}

.books-list-item-inner {
  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;
  padding: 30px 40px;
}
.books-list-item-inner .book-img {
  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: 140px;
  height: 210px;
  margin: 0 auto 20px;
}
.books-list-item-inner .book-img img {
  width: 100%;
  background-color: var(--gray-50);
  border: 1px solid #ccc;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.book-content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  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;
}
.book-content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.book-content ul .tit {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.03em;
  margin-bottom: 6px;
}
.book-content ul .tit a:hover {
  border-bottom: 1px solid;
}
.book-content ul .author {
  color: var(--font-200);
  font-size: 14px;
}
.book-content ul .price {
  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: 12px 0;
}
.book-content ul .price .item-price {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-bottom: 4px;
}
.book-content ul .price .item-price__before {
  padding-bottom: 0;
}
.book-content .btn {
  width: 100%;
  height: 36px;
  line-height: 36px;
  border-radius: 2px;
}

@media (max-width: 1200px) {
  .sec__books-visual {
    height: 120px;
  }
  .sec__books-container {
    padding: 28px 12px 80px;
  }
  .d-flx__spacebooks {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sec__slide__books {
    width: 100%;
  }
  .sec__slide__books .splide__pagination {
    bottom: 4px;
    padding-right: 60px;
  }
  .slide__books .splide__arrow.splide__arrow--prev {
    bottom: -10px;
    background-position: -182px -80px;
  }
  .slide__books .splide__arrow.splide__arrow--next {
    bottom: -10px;
    background-position: -198px -80px;
  }
  .slide__book-content {
    padding-bottom: 20px;
  }
  .sec__books-notice {
    display: none;
  }
  .sec__books-search-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 28px 12px;
    margin: 0 -12px 34px;
    border-radius: 0;
  }
  .sec__books-filter {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sec__books-filter select {
    width: 100%;
    margin-bottom: 12px;
  }
  .sec__books-search {
    width: 100%;
  }
  .books-list-item {
    width: 50%;
  }
  .books-list-item-inner {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px 0;
  }
  .book-content {
    width: 100%;
    padding: 0 40px;
  }
}
@media (max-width: 600px) {
  .sec__slide__books .splide__pagination {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    bottom: 0;
    padding-right: 0;
  }
  .slide__books .splide__arrow {
    width: 40px;
    height: 40px;
    background-color: var(--white);
    border: 1px solid var(--gray-200);
    border-radius: 50%;
  }
  .slide__books .splide__arrow.splide__arrow--prev {
    left: 12px;
    right: unset;
    bottom: 50%;
    background-position: 0 -114px;
  }
  .slide__books .splide__arrow.splide__arrow--prev:hover {
    background-position: 0 -114px;
  }
  .slide__books .splide__arrow.splide__arrow--next {
    right: 12px;
    bottom: 50%;
    background-position: -40px -114px;
  }
  .slide__books .splide__arrow.splide__arrow--next:hover {
    background-position: -40px -114px;
  }
  .slide__book-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;
    padding-bottom: 16px;
  }
  .slide__book-content .book-img {
    margin-right: 0;
  }
  .slide__book-content .book-content {
    width: 100%;
    max-width: 300px;
  }
  .slide__book-content .book-content .price {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 20px;
  }
  .slide__book-content .book-content .price .item-price {
    padding: 0 0 0 4px;
  }
  .book-content {
    max-width: 160px;
    padding: 0 6px;
  }
}
.main__book-detail {
  max-width: 1000px;
}

.sec__books-detail__header {
  margin-top: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.books-detail__header-img {
  width: 385px;
  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;
}
.books-detail__header-img img {
  max-width: 230px;
  width: 100%;
  height: auto;
}
.books-detail__header-txt {
  width: 585px;
}

.header-txt__title {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--gray-200);
}
.header-txt__title h2 {
  color: var(--font-100);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}
.header-txt__title .book-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 8px -6px 16px;
}
.header-txt__title .book-info p {
  color: var(--font-200);
  font-size: 15px;
  padding: 0 6px;
}
.header-txt__title .book-info p.author {
  position: relative;
}
.header-txt__title .book-info p.author em {
  margin-right: 2px;
}
.header-txt__title .book-info p.author::after {
  content: "";
  display: block;
  width: 1px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--gray-200);
  height: 12px;
  right: 0;
}
.header-txt__title .price {
  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;
}
.header-txt__title .price .item-price__before {
  font-size: 15px;
  padding-bottom: 0;
  padding-right: 12px;
}
.header-txt__title .price .item-price em {
  font-size: 15px;
  line-height: 18px;
}
.header-txt__title .price .item-price span {
  font-size: 18px;
}

.header-txt__guide {
  padding: 20px 0;
}
.header-txt__guide ul {
  margin-top: 12px;
}
.header-txt__guide ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 0;
}
.header-txt__guide ul li span {
  width: 100px;
  color: var(--font-200);
  font-size: 15px;
}
.header-txt__guide ul li p {
  color: var(--font-300);
  font-size: 15px;
}

.header-txt__bottom {
  margin-top: 20px;
}
.header-txt__bottom-tit {
  display: none;
}

.header-txt__btn {
  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;
  margin-top: 28px;
}
.header-txt__btn .btn {
  width: calc(50% - 4px);
  height: 44px;
  border-radius: 2px;
}

.header-txt__mo-btn {
  display: none;
}

.sec__book-related-lecture {
  margin-top: 60px;
}

.lecture-list {
  margin-top: 16px;
  border: 1px solid var(--p-color);
}

.lecture-list-item {
  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: 20px 28px;
  border-bottom: 1px solid var(--p-color);
}
.lecture-list-item:last-child {
  border-bottom: none;
}
.lecture-list-item__left .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -4px 6px;
}
.lecture-list-item__left .info span {
  position: relative;
  color: var(--font-100);
  font-size: 14px;
  font-weight: 500;
  padding: 0 4px;
}
.lecture-list-item__left .info span em {
  color: var(--font-100);
  font-size: 14px;
  font-weight: 500;
  padding-right: 2px;
}
.lecture-list-item__left .info span:last-child::before {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: -1px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--font-100);
  border-radius: 50%;
}
.lecture-list-item__left .tit {
  color: var(--black);
  font-weight: 600;
  line-height: 1.3;
}
.lecture-list-item__left .guide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 12px -6px 0;
}
.lecture-list-item__left .guide li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 6px;
}
.lecture-list-item__left .guide li:last-child::before {
  content: "";
  display: block;
  width: 1px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--gray-200);
  left: 0;
  height: 12px;
}
.lecture-list-item__left .guide li span {
  color: var(--font-200);
  font-size: 14px;
  padding-right: 4px;
}
.lecture-list-item__left .guide li p {
  color: var(--font-200);
  font-size: 14px;
}
.lecture-list-item__right .btn {
  width: 110px;
  height: 36px;
  line-height: 36px;
  border-radius: 2px;
}

.sec__tab-detail.tab-books {
  margin-bottom: 0;
  border-bottom: none;
}
.sec__tab-detail.tab-books ul li {
  width: 50%;
  height: 45px;
  color: var(--font-300);
  line-height: 45px;
}
.sec__tab-detail.tab-books ul li.active {
  color: var(--black);
  border: 1px solid var(--black);
  border-bottom: none;
}
.sec__tab-detail.tab-books ul li.active::after {
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 0;
  background-color: var(--white);
}

.sec__book-detail__info {
  padding: 40px 0 60px;
  border-top: 1px solid var(--black);
}

.book-detail__info {
  color: var(--font-200);
  font-size: 15px;
  line-height: 1.3;
  margin-top: 16px;
}

.sec__author-book {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -15px;
}

.author-book__left {
  width: calc(100% - 800px);
}
.author-book__left .sub-title-md {
  margin-bottom: 8px;
}
.author-book__left a {
  color: var(--font-300);
  font-size: 14px;
  font-weight: 500;
}

.author-book__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 800px;
}
.author-book__right .books-list-item-inner {
  width: 25%;
  padding: 20px 30px;
}
.author-book__right .books-list-item-inner .book-img {
  width: 120px;
  height: 180px;
}
.author-book__right .books-list-item-inner .book-content ul .tit {
  color: var(--font-100);
  font-weight: 500;
}

@media (max-width: 1200px) {
  .sec__books-detail__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .books-detail__header-img {
    width: 100%;
  }
  .books-detail__header-txt {
    width: 100%;
    margin-top: 28px;
  }
  .header-txt__title {
    padding: 0 4px 20px;
  }
  .header-txt__title h2 {
    font-size: 18px;
  }
  .header-txt__guide {
    padding: 20px 4px;
    border-bottom: 1px solid var(--gray-200);
  }
  .header-txt__bottom-wrap {
    display: none;
    position: static;
    z-index: 100;
  }
  .header-txt__bottom-wrap.active {
    display: block;
    position: fixed;
    bottom: unset;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
  }
  .header-txt__bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-top: 0;
    background-color: var(--white);
    border-radius: 12px 12px 0 0;
    -webkit-transition: bottom 0.3s;
    transition: bottom 0.3s;
    z-index: 10;
  }
  .header-txt__bottom-tit {
    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: 12px 16px 0;
  }
  .header-txt__bottom-tit .btn-hide {
    margin-right: -10px;
  }
  .header-txt__bottom .input__number-control {
    padding: 0 16px;
    margin-top: 20px;
  }
  .header-txt__bottom .input__number-control input[type=text] {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    text-align: center;
  }
  .header-txt__btn {
    padding: 0 12px 16px;
    margin-top: 40px;
  }
  .header-txt__mo-btn {
    display: block;
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    margin-top: 2px;
    padding: 16px 12px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(4.27%, rgba(255, 255, 255, 0)), color-stop(34.14%, #ffffff), color-stop(141.45%, rgba(255, 255, 255, 0)));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 4.27%, #ffffff 34.14%, rgba(255, 255, 255, 0) 141.45%);
    border-top: none;
    z-index: 10;
  }
  .header-txt__mo-btn .btn {
    width: 100%;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    border-radius: 2px;
  }
  .lecture-list-item {
    -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;
    padding: 20px 12px;
  }
  .lecture-list-item__right {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 8px;
  }
  .sec__tab-detail.tab-books {
    margin: 60px 0 0;
  }
  .sec__book-detail__info {
    padding: 28px 0 48px;
  }
  .sec__author-book {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
  .author-book__left {
    width: 100%;
    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;
  }
  .author-book__right {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .author-book__right .books-list-item-inner {
    width: 50%;
    padding: 20px 12px;
  }
  .author-book__right .books-list-item-inner .book-img {
    width: 120px;
    height: 180px;
  }
}
.sec__board-list {
  border-top: 2px solid var(--font-200);
}
.sec__board-list.books {
  margin-top: 20px;
}

.board-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 22px 0;
  border-bottom: 1px solid var(--gray-200);
}
.board-list-item:hover {
  background-color: rgba(99, 141, 255, 0.06);
}
.board-list-item.empty {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--font-200);
  font-size: 15px;
  font-weight: 500;
  padding: 40px 0;
}

.board-list-item__start {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 70px;
  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;
}
.board-list-item__start .badge {
  color: var(--white);
  font-size: 12px;
  font-weight: 600;
  padding: 4px 6px;
  background-color: var(--p-lighten-100);
  border-radius: 2px;
}
.board-list-item__start .num {
  color: var(--font-300);
  font-size: 15px;
}

.board-list-item__center {
  -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;
  padding: 0 20px;
}
.board-list-item__center .status-ans {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-right: 40px;
}
.board-list-item__center .tit a {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  word-break: break-all;
}

.board-list-item__end {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.board-list-item__end .writer {
  color: var(--font-300);
  font-size: 14px;
  padding: 0 20px;
}
.board-list-item__end .date {
  color: var(--font-300);
  font-size: 14px;
  letter-spacing: -0.03em;
  padding: 0 20px;
}

@media (max-width: 1200px) {
  .sec__board-list.books {
    margin-top: 12px;
  }
  .board-list-item {
    -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;
    padding: 20px 8px;
  }
  .board-list-item:hover {
    background-color: transparent;
  }
  .board-list-item.empty {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .board-list-item__start {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .board-list-item__start .badge {
    margin-bottom: 12px;
  }
  .board-list-item__start .num {
    display: none;
  }
  .board-list-item__center {
    padding: 0;
    margin-bottom: 8px;
  }
  .board-list-item__center .status-ans {
    padding-right: 0;
    margin-bottom: 12px;
  }
  .board-list-item__end .writer {
    padding: 0 16px 0 0;
  }
  .board-list-item__end .date {
    padding: 0;
  }
}
.sec__board-detail {
  margin-top: 60px;
  border-top: 2px solid var(--font-200);
}

.board-detail__header {
  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: 22px 0;
  border-bottom: 1px solid var(--gray-100);
}
.board-detail__header-left {
  -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;
  padding: 0 20px;
}
.board-detail__header-left .tit {
  color: var(--font-100);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}
.board-detail__header-right {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.board-detail__header-right .date {
  color: var(--font-300);
  font-size: 14px;
  letter-spacing: -0.03em;
  padding: 0 20px;
}

.board-detail__bottom {
  border-bottom: 1px solid var(--gray-100);
}
.board-detail__bottom-txt {
  color: var(--font-200);
  font-size: 15px;
  line-height: 1.5;
  padding: 40px 20px 0;
}
.board-detail__bottom-txt p {
  color: var(--font-200);
  font-size: 15px;
  line-height: 1.5;
}
.board-detail__bottom-txt img {
  max-width: 100%;
}
.board-detail__bottom-file {
  padding: 40px 20px;
}

.attached-file {
  position: relative;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 36px;
  color: var(--font-100);
  font-size: 13px;
  line-height: 36px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 12px 0 34px;
  margin: 8px 0;
  background-color: #e8eeff;
  border-radius: 3px;
}
.attached-file::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -284px -284px;
}

.sec__board-detail-btn {
  text-align: center;
  margin-top: 40px;
}
.sec__board-detail-btn .btn {
  width: 100px;
}

@media (max-width: 1200px) {
  .sec__board-detail {
    margin-top: 40px;
  }
  .board-detail__header {
    -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;
    padding: 20px 8px;
  }
  .board-detail__header-left {
    padding: 0;
    margin-bottom: 8px;
  }
  .board-detail__header-left .tit {
    font-size: 16px;
  }
  .board-detail__header-right .date {
    padding: 0;
  }
  .board-detail__bottom-txt {
    padding: 28px 8px 40px;
  }
  .board-detail__bottom-file {
    padding: 0 8px 28px;
  }
  .attached-file {
    max-width: 100%;
  }
}
.sec__qna-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.sec__qna-btn .btn {
  width: 100px;
  height: 36px;
  line-height: 36px;
  border-radius: 2px;
}

.sec__board-list.books-qna {
  margin-top: 20px;
}
.sec__board-list.books-qna .board-list-item__center .tit a {
  position: relative;
  padding-left: 24px;
}
.sec__board-list.books-qna .board-list-item__center .tit a::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -250px -280px;
}

@media (max-width: 1200px) {
  .sec__qna-btn {
    margin-top: 12px;
  }
  .sec__board-list.books-qna .board-list-item__center {
    -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;
  }
  .sec__board-list.books-qna .board-list-item__end {
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.board-detail__header-left .status-ans {
  margin-right: 20px;
}
.board-detail__header-right .writer {
  color: var(--font-300);
  font-size: 14px;
  padding: 0 20px;
}

.board-detail__bottom-qs {
  position: relative;
  padding: 40px 20px 40px 60px;
  border-bottom: 1px solid var(--gray-100);
}
.board-detail__bottom-qs::before {
  content: "Q";
  display: block;
  color: var(--p-darken);
  font-size: 22px;
  font-weight: 600;
  position: absolute;
  top: 40px;
  left: 20px;
}
.board-detail__bottom-qs .qs-txt {
  color: var(--font-200);
  font-size: 15px;
  line-height: 1.3;
}
.board-detail__bottom-qs .board-detail__bottom-file {
  padding: 40px 0 0;
  margin: -8px 0;
}

.board-detail__bottom-ans {
  position: relative;
  padding: 40px 20px 40px 60px;
  background-color: var(--gray-bg);
  border-bottom: 1px solid var(--gray-100);
}
.board-detail__bottom-ans::before {
  content: "A";
  display: block;
  color: var(--p-darken);
  font-size: 22px;
  font-weight: 600;
  position: absolute;
  top: 40px;
  left: 20px;
}
.board-detail__bottom-ans .ans-txt {
  color: var(--font-200);
  font-size: 15px;
  line-height: 1.3;
}
.board-detail__bottom-ans .ans-date {
  color: var(--font-300);
  font-size: 14px;
  letter-spacing: -0.03em;
  margin-top: 12px;
}

@media (max-width: 1200px) {
  .board-detail__header.qna .board-detail__header-left {
    -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;
  }
  .board-detail__header.qna .board-detail__header-left .status-ans {
    margin-bottom: 8px;
  }
  .board-detail__header.qna .board-detail__header-right {
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .board-detail__header.qna .board-detail__header-right .writer {
    padding: 0 16px 0 0;
  }
  .board-detail__bottom-qs {
    padding: 60px 12px 28px;
  }
  .board-detail__bottom-qs::before {
    top: 28px;
    left: 12px;
  }
  .board-detail__bottom-ans {
    padding: 60px 12px 28px;
  }
  .board-detail__bottom-ans::before {
    top: 28px;
    left: 12px;
  }
}
.sec__tit.qna {
  margin-bottom: 40px;
}

.sec__inquiry-form {
  padding: 10px 0;
  border-top: 2px solid var(--font-200);
  border-bottom: 1px solid var(--gray-200);
}

.inquiry-form__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0;
}
.inquiry-form__item.d-flx__stch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.inquiry-item__left {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 150px;
  color: var(--font-100);
  font-size: 15px;
  font-weight: 600;
  line-height: 34px;
}

.inquiry-item__right {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.inquiry-item__right .account {
  color: var(--font-200);
  font-size: 15px;
}

.inquiry-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.inquiry-type__top, .inquiry-type__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.inquiry-type .ui-rad.rad-label {
  margin-right: 16px;
}

.inquiry-select select {
  width: 200px;
}

.ui-file {
  position: relative;
  display: block;
}
.ui-file input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.ui-file label {
  display: inline-block;
  height: 40px;
  color: var(--black);
  font-size: 13px;
  font-weight: 600;
  line-height: 40px;
  padding: 0 12px;
  border: 1px solid var(--black);
  cursor: pointer;
}

.ui-uploaded-file {
  margin-top: 12px;
}

.upload-file {
  padding: 4px 0;
}

.file-name {
  position: relative;
  color: var(--font-100);
  font-size: 14px;
  padding-right: 20px;
}

.file-del {
  position: absolute;
  top: 50%;
  right: 0;
  width: 14px;
  height: 14px;
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -250px 0;
  -webkit-transform: translateY(-30%);
          transform: translateY(-30%);
}

.sec__inquiry-btn {
  text-align: center;
  margin-top: 28px;
}
.sec__inquiry-btn .btn {
  width: 100px;
  border-radius: 2px;
}

@media (max-width: 1200px) {
  .sec__tit.qna {
    margin-bottom: 28px;
  }
  .sec__inquiry-form {
    padding: 10px 8px;
  }
  .inquiry-form__item {
    -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;
  }
  .inquiry-item__left {
    width: 100%;
    line-height: 1;
    margin-bottom: 12px;
  }
  .inquiry-item__right {
    width: 100%;
  }
  .inquiry-type {
    -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;
  }
  .inquiry-type__top {
    margin-bottom: 12px;
  }
  .inquiry-type .ui-rad.rad-label {
    margin-right: 40px;
  }
  .inquiry-select select {
    width: 100%;
  }
  .sec__inquiry-btn .btn {
    width: 100%;
    height: 48px;
    font-size: 14px;
    line-height: 48px;
  }
}
.header__cs {
  position: relative;
}

.sec__cs-visual {
  position: relative;
  width: 100%;
  height: 430px;
  background-image: url("../img/cs_header.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.sec__cs-visual p {
  position: absolute;
  top: 100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  max-width: 1170px;
  color: var(--white);
  font-size: 32px;
  font-weight: 300;
  text-align: left;
  line-height: 1.3;
}

.nav__cs-main {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.55);
}
.nav__cs-main nav {
  max-width: 1170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}
.nav__cs-main nav a {
  position: relative;
  display: block;
  width: 20%;
  padding: 82px 0 20px;
  color: var(--font-100);
  font-size: 15px;
  font-weight: 600;
}
.nav__cs-main nav a::before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url("../img/cs.png");
  background-repeat: no-repeat;
  background-size: 330px 180px;
}
.nav__cs-main nav a::after {
  content: "";
  display: block;
  width: 1px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--gray-200);
  height: 50%;
  right: 0;
  background-color: rgba(255, 255, 255, 0.5);
}
.nav__cs-main nav a:nth-child(1)::before {
  background-position: -4px -71px;
}
.nav__cs-main nav a:nth-child(2)::before {
  background-position: -74px -71px;
}
.nav__cs-main nav a:nth-child(3)::before {
  background-position: -144px -71px;
}
.nav__cs-main nav a:nth-child(4)::before {
  background-position: -214px -71px;
}
.nav__cs-main nav a:nth-child(5)::before {
  background-position: -280px -71px;
}
.nav__cs-main nav a:nth-child(5)::after {
  display: none;
}

.sec__cs-content {
  margin-top: 60px;
}
.sec__cs-content.double {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sec__service-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -24px;
}

.service-step-item {
  position: relative;
  width: 25%;
  padding: 20px 28px;
  margin: 0 24px;
  border: 1px solid var(--gray-200);
  border-radius: 4px;
}
.service-step-item::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: -24px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -276px -150px;
}
.service-step-item:first-child::before {
  display: none;
}
.service-step-item em {
  display: block;
  color: var(--font-300);
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 12px;
}
.service-step-item p {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 600;
}

.cs-content__tit {
  margin-bottom: 16px;
}
.cs-content__tit a {
  color: var(--font-300);
  font-size: 14px;
  font-weight: 500;
}

.sec__best-faq {
  border: 1px solid var(--gray-200);
}

.best-faq__header {
  color: var(--font-300);
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  padding: 16px 0;
  background-color: var(--gray-50);
  border-bottom: 1px solid var(--gray-200);
}

.best-faq__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.best-faq-item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20%;
  padding: 28px 20px;
  border-right: 1px solid var(--gray-200);
}
.best-faq-item:last-child {
  border-right: none;
}
.best-faq-item .num {
  color: var(--p-color);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.03em;
  margin-bottom: 16px;
}
.best-faq-item .category {
  color: var(--font-300);
  font-size: 15px;
  margin-bottom: 6px;
}
.best-faq-item .tit {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
}

.sec__cs-notice {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 670px;
  padding-right: 15px;
}

.cs-notice__list li {
  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 8px;
  border-bottom: 1px solid var(--gray-200);
}
.cs-notice__list li a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cs-notice__list li a span {
  color: var(--font-100);
  font-size: 15px;
  line-height: 18px;
}
.cs-notice__list li a span.new {
  position: relative;
  padding-left: 42px;
}
.cs-notice__list li a span.new::before {
  content: "NEW";
  display: block;
  height: 18px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  color: var(--white);
  font-size: 11px;
  font-weight: 500;
  line-height: 19px;
  padding: 0 6px;
  background-color: var(--p-lighten-200);
  border-radius: 9px;
}
.cs-notice__list li .date {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: var(--font-400);
  font-size: 13px;
  letter-spacing: -0.03em;
  padding-left: 4px;
}

.sec__cs-banner {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  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;
  padding-left: 15px;
}

.bnr__kakao {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px;
  border: 1px solid var(--gray-200);
  border-radius: 3px;
}
.bnr__kakao h3 {
  color: var(--black);
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 16px;
}
.bnr__kakao ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.bnr__kakao ul li {
  width: calc(50% - 6px);
  height: 40px;
}
.bnr__kakao ul li a {
  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;
  border: 1px solid var(--gray-200);
  border-radius: 3px;
}
.bnr__kakao ul li a span {
  position: relative;
  color: var(--font-100);
  font-size: 15px;
  font-weight: 600;
  line-height: 40px;
  padding-left: 24px;
}
.bnr__kakao ul li a span::after {
  content: "";
  display: block;
  width: 20px;
  height: 21px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  background-image: url("../img/icon_240718.png");
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-position: -224px -279px;
}

.bnr__inquiry-call {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px;
  border: 1px solid var(--gray-200);
  border-radius: 3px;
}
.bnr__inquiry-call::after {
  content: "";
  display: block;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 50%;
  right: 28px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../img/cs.png");
  background-repeat: no-repeat;
  background-size: 330px 180px;
  background-position: -282px -3px;
}
.bnr__inquiry-call em {
  color: var(--p-color);
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 6px;
}
.bnr__inquiry-call h3 {
  color: var(--font-100);
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.03em;
  margin-bottom: 16px;
}
.bnr__inquiry-call ul li {
  color: var(--font-200);
  font-size: 15px;
}
.bnr__inquiry-call ul li:first-child {
  margin-bottom: 8px;
}

@media (max-width: 1200px) {
  .sec__cs-visual {
    height: 388px;
    background-position: 5% 0;
  }
  .sec__cs-visual p {
    top: 60px;
    left: 0;
    -webkit-transform: unset;
            transform: unset;
    font-size: 24px;
    padding-left: 12px;
  }
  .nav__cs-main nav {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .nav__cs-main nav a {
    width: 50%;
    padding: 62px 0 16px;
  }
  .nav__cs-main nav a::before {
    width: 40px;
    height: 40px;
  }
  .nav__cs-main nav a::after {
    display: none;
  }
  .nav__cs-main nav a:nth-child(1) {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  .nav__cs-main nav a:nth-child(1)::before {
    background-position: 0 -140px;
  }
  .nav__cs-main nav a:nth-child(2) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  .nav__cs-main nav a:nth-child(2)::before {
    background-position: -60px -140px;
  }
  .nav__cs-main nav a:nth-child(3) {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
  }
  .nav__cs-main nav a:nth-child(3)::before {
    background-position: -120px -140px;
  }
  .nav__cs-main nav a:nth-child(4)::before {
    background-position: -180px -140px;
  }
  .nav__cs-main nav a:nth-child(5) {
    display: none;
  }
  .service-step {
    display: none;
  }
  .sec__best-faq {
    border-radius: 3px;
  }
  .best-faq__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .best-faq-item {
    width: 100%;
    padding: 20px 16px;
    border-right: none;
    border-bottom: 1px solid var(--gray-200);
  }
  .best-faq-item:last-child {
    border-bottom: none;
  }
  .sec__cs-content.double {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sec__cs-notice {
    width: 100%;
    padding: 0;
    margin-bottom: 40px;
  }
  .sec__cs-banner {
    padding: 0;
  }
  .bnr__kakao {
    padding: 24px 16px;
    margin-bottom: 12px;
  }
  .bnr__kakao ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .bnr__kakao ul li {
    width: 100%;
  }
  .bnr__kakao ul li:first-child {
    margin-bottom: 8px;
  }
  .bnr__inquiry-call {
    padding: 24px 16px;
  }
  .bnr__inquiry-call::after {
    display: none;
  }
}
.header__cs {
  text-align: center;
}
.header__cs .title-sm {
  margin: 40px auto;
}

.nav__cs {
  background-color: var(--gray-bg);
  border-top: 1px solid var(--gray-100);
  border-bottom: 1px solid var(--gray-100);
}
.nav__cs ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.nav__cs ul li {
  width: 130px;
  height: 45px;
}
.nav__cs ul li a {
  position: relative;
  display: block;
  color: var(--font-400);
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  line-height: 45px;
}
.nav__cs ul li.active a {
  color: var(--font-100);
  font-weight: 700;
}
.nav__cs ul li.active a::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--font-100);
}

.sec__tab-swiper-notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 40px 0 28px;
}

.tab-swiper-notice .swiper-slide {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.tab-swiper-notice .swiper-slide a {
  display: block;
  height: 32px;
  color: var(--font-200);
  font-size: 15px;
  line-height: 32px;
  padding: 0 16px;
  margin: 0 4px;
  border: 1px solid var(--gray-200);
  border-radius: 2px;
}
.tab-swiper-notice .swiper-slide.active a {
  color: var(--p-lighten-100);
  font-weight: 600;
  background-color: var(--p-lighten-600);
  border-color: var(--p-lighten-100);
}

.sec__cs-container {
  max-width: 1200px;
  padding: 0 15px;
  margin: 0 auto;
}

@media (max-width: 1200px) {
  .header__cs .title-sm {
    margin: 28px auto 32px;
  }
  .nav__cs ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .nav__cs ul li {
    width: 33.333%;
  }
  .nav__cs ul li:nth-child(1), .nav__cs ul li:nth-child(2), .nav__cs ul li:nth-child(3) {
    border-bottom: 1px solid var(--gray-100);
  }
  .nav__cs ul li.active a::after {
    display: none;
  }
  .sec__tab-swiper-notice {
    margin: 40px -12px 16px;
  }
  .tab-swiper-notice {
    padding: 0 8px;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .tab-swiper-notice::-webkit-scrollbar {
    display: none;
  }
  .sec__cs-container {
    padding: 0 12px 80px;
  }
}
.sec__tab-swiper-faq {
  margin: 40px 0 12px;
}

.tab-swiper-faq .swiper-slide {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.tab-swiper-faq .swiper-slide a {
  position: relative;
  display: block;
  height: 32px;
  font-size: 15px;
  line-height: 32px;
  padding: 0 16px;
  color: var(--font-400);
}
.tab-swiper-faq .swiper-slide a::before {
  content: "";
  display: block;
  width: 1px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--gray-200);
  left: 0;
  height: 12px;
}
.tab-swiper-faq .swiper-slide.bd-none a::before {
  display: none;
}
.tab-swiper-faq .swiper-slide.active a {
  color: var(--p-lighten-100);
  font-weight: 600;
}

.board-list-item__category {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 120px;
  color: var(--font-100);
  font-size: 15px;
  text-align: center;
}
.board-list-item__tit {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 20px;
}
.board-list-item__tit a {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
}

@media (max-width: 1200px) {
  .tab-swiper-faq {
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .tab-swiper-faq::-webkit-scrollbar {
    display: none;
  }
  .board-list-item__category {
    width: 100%;
    text-align: left;
    margin-bottom: 8px;
  }
  .board-list-item__tit {
    padding: 0;
  }
}
.board-detail__header-tit {
  color: var(--font-100);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  padding: 0 20px;
}

.faq-ans {
  color: var(--font-200);
  font-size: 15px;
  line-height: 1.5;
}
.faq-ans p {
  color: var(--font-200);
  font-size: 15px;
  line-height: 1.5;
}
.faq-ans img {
  display: block;
  max-width: 100%;
  margin-top: 28px;
}

@media (max-width: 1200px) {
  .board-detail__header-tit {
    font-size: 16px;
    padding: 0;
  }
}
.sec__qna-btn.cs {
  margin-top: 40px;
}

.sec__board-list.cs-qna {
  margin-top: 20px;
}
.sec__board-list.cs-qna .board-list-item__start {
  width: 100px;
}
.sec__board-list.cs-qna .board-list-item__start .category {
  color: var(--font-100);
  font-size: 14px;
}
.sec__board-list.cs-qna .board-list-item__end .date {
  width: 120px;
  text-align: center;
  padding: 0;
}
.sec__board-list.cs-qna .board-list-item__end .status-ans {
  width: 100px;
  text-align: center;
}

@media (max-width: 1200px) {
  .sec__board-list.cs-qna .board-list-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .sec__board-list.cs-qna .board-list-item__start {
    display: none;
  }
  .sec__board-list.cs-qna .board-list-item__center {
    margin: 8px 0 0;
  }
  .sec__board-list.cs-qna .board-list-item__end {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .sec__board-list.cs-qna .board-list-item__end .date {
    width: 50%;
    text-align: right;
    padding: 0;
  }
  .sec__board-list.cs-qna .board-list-item__end .status-ans {
    width: 50%;
    text-align: left;
  }
}
.sec__remote-support {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 80px;
}

.remote-support__left {
  width: calc(100% - 870px);
}
.remote-support__right {
  width: 870px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.remote-support__right .btn {
  width: 200px;
  height: 44px;
  line-height: 44px;
}

.remote-step-item {
  width: 33.333%;
}
.remote-step-item .step {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 86px;
}
.remote-step-item .step::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 11px;
  left: 0;
  background-color: var(--gray-200);
  z-index: -1;
}
.remote-step-item .step::after {
  content: "";
  display: block;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 14px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url("../img/cs.png");
  background-repeat: no-repeat;
  background-size: 330px 180px;
}
.remote-step-item .step span {
  display: block;
  width: 70px;
  height: 22px;
  color: var(--white);
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  line-height: 22px;
  background-color: var(--font-300);
}
.remote-step-item:first-child .step::after {
  background-position: -4px -3px;
}
.remote-step-item:nth-child(2) .step::after {
  background-position: -72px -3px;
}
.remote-step-item:nth-child(3) .step::after {
  background-position: -140px -3px;
}
.remote-step-item .txt {
  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;
  margin-top: 24px;
}
.remote-step-item .txt em {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 600;
  padding-bottom: 8px;
}
.remote-step-item .txt p {
  color: var(--font-200);
  font-size: 15px;
  line-height: 1.3;
  text-align: center;
}

.pc-spec-item {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px;
  border-bottom: 1px solid var(--gray-200);
}
.pc-spec-item em {
  color: var(--font-100);
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 6px;
}
.pc-spec-item span {
  color: var(--font-200);
  font-size: 15px;
}

@media (max-width: 1200px) {
  .sec__remote-support {
    -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;
    margin-top: 60px;
  }
  .sec__remote-support:first-child {
    margin-top: 40px;
  }
  .remote-support__right.remote-btn {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .remote-support__left {
    width: 100%;
    text-align: center;
    margin-bottom: 28px;
  }
  .remote-support__right {
    width: 100%;
  }
  .remote-step-item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0 12px;
  }
  .remote-step-item .step {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    padding-top: 0;
  }
  .remote-step-item .step::after {
    display: none;
  }
  .remote-step-item .step::before {
    width: 1px;
    bottom: 0;
    left: 50%;
  }
  .remote-step-item:first-child .step::before {
    height: 50%;
  }
  .remote-step-item:nth-child(2) .step::before {
    height: 100%;
  }
  .remote-step-item:nth-child(3) .step::before {
    height: 50%;
    bottom: unset;
    top: 0;
  }
  .remote-step-item .txt {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 20px 0;
    margin-top: 0;
  }
  .pc-spec-item {
    width: 100%;
    padding: 16px 12px;
  }
}
.bnr__header a {
  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;
  min-height: 50px;
  background-color: var(--p-darken);
}
.bnr__header a .pc {
  width: 286px;
}
.bnr__header a .mo {
  display: none;
  width: 241px;
}

.bnr__consult {
  position: relative;
  height: 200px;
  margin-bottom: 20px;
  background-color: var(--p-lighten-600);
  background-image: url("../img/bnr_consult_bg.png");
  background-size: 100%;
  border-radius: 3px;
}

.bnr__consult-txt {
  position: absolute;
  top: 50%;
  right: 130px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
}
.bnr__consult-txt p {
  color: var(--font-100);
  font-size: 18px;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 12px;
}
.bnr__consult-txt strong {
  color: var(--p-darken);
  font-size: 32px;
  font-weight: 700;
}
.bnr__consult-txt.lecture {
  right: 80px;
}
.bnr__consult-txt.lecture p {
  margin-top: 12px;
  margin-bottom: 0;
}

.inquiry-type.inline {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.consult-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.consult-date input[type=date] {
  width: 140px;
  margin-right: 8px;
}
.consult-date select {
  width: 120px;
}

.consult-edu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.consult-edu input[type=text] {
  width: 180px;
  margin-right: 8px;
}
.consult-edu select {
  width: 100px;
}

@media (max-width: 1200px) {
  .bnr__header a .pc {
    display: none;
  }
  .bnr__header a .mo {
    display: block;
  }
  .bnr__consult {
    height: auto;
    padding: 28px 0;
    margin: 0 -12px 20px;
    background-image: none;
  }
  .bnr__consult-txt {
    position: static;
    width: 100%;
    -webkit-transform: unset;
            transform: unset;
  }
  .bnr__consult-txt p {
    font-size: 15px;
  }
  .bnr__consult-txt strong {
    font-size: 20px;
  }
  .consult-date {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .consult-date input[type=date] {
    width: 100%;
    margin-right: 0;
    margin-bottom: 6px;
  }
  .consult-date select {
    width: 100%;
  }
  .consult-edu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .consult-edu input[type=text] {
    width: 100%;
    margin-right: 0;
    margin-bottom: 6px;
  }
  .consult-edu select {
    width: 100%;
  }
}
.main__full.service {
  margin-bottom: -100px;
}

.sec__service-header {
  position: relative;
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.sec__service-header .header-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-size: 100%;
  background-repeat: no-repeat;
}
.sec__service-header.report {
  background-image: url("../img/service_img/report_header_bg.png");
}
.sec__service-header.report .header-txt {
  width: 554px;
  height: 84px;
  background-image: url("../img/service_img/report_header_txt.png");
}

.sec__service-bnr {
  position: relative;
  height: 300px;
  background-image: url("../img/service_img/report_bnr_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.sec__service-bnr .bnr-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-size: 100%;
  background-repeat: no-repeat;
}
.sec__service-bnr.report .bnr-txt {
  width: 604px;
  height: 78px;
  background-image: url("../img/service_img/report_bnr_txt.png");
}

.sec__service-content {
  padding: 100px 0 50px;
}

.content-tit {
  margin: auto;
}
.content-tit img {
  width: 100%;
}
.content-tit .tit_pc {
  display: block;
}
.content-tit .tit_mo {
  display: none;
}

.report-cont01 .content-tit {
  width: 382px;
  margin-bottom: 70px;
}
.report-cont01 .content-container {
  display: block;
  position: relative;
  margin: 0;
}
.report-cont01 .content-container .sec__frame-bg {
  width: 260px;
  margin: auto;
}
.report-cont01 .content-container .sec__frame-bg img {
  display: block;
  width: 100%;
}

.slide-report-sample {
  position: absolute;
  top: 52%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 970px;
}
.slide-report-sample .splide__slide {
  width: 260px !important;
}
.slide-report-sample .splide__slide img {
  display: block;
  width: 100%;
}
.slide-report-sample::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(#ffffff), color-stop(2.65%, rgba(255, 255, 255, 0)), color-stop(95.66%, rgba(255, 255, 255, 0)), color-stop(99.3%, #ffffff));
  background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 2.65%, rgba(255, 255, 255, 0) 95.66%, #ffffff 99.3%);
}

.img_pc {
  display: block;
}

.img_mo {
  display: none;
}

.report-cont02 .content-tit {
  width: 702px;
  margin-bottom: 100px;
}
.report-cont02 .content-img {
  width: 954px;
  margin: auto;
}
.report-cont02 .content-img img {
  width: 100%;
}

.report-cont03 .content-tit {
  width: 686px;
  margin-bottom: 100px;
}

.report-cont04 {
  padding-bottom: 150px;
}
.report-cont04 .content-tit {
  width: 405px;
  margin-bottom: 100px;
}

.sec__tab-service.report {
  max-width: 970px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto 40px;
  border-bottom: 1px solid var(--gray-200);
}
.sec__tab-service.report .report-tab-item {
  position: relative;
  width: 33.333%;
  height: 45px;
  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;
}
.sec__tab-service.report .report-tab-item span {
  display: block;
  width: 73px;
  height: 15px;
  color: transparent;
  background-size: 100%;
  background-repeat: no-repeat;
}
.sec__tab-service.report .report-tab-item:nth-child(1) span {
  background-image: url("../img/service_img/report_tab_month.png");
}
.sec__tab-service.report .report-tab-item:nth-child(2) span {
  background-image: url("../img/service_img/report_tab_week.png");
}
.sec__tab-service.report .report-tab-item:nth-child(3) span {
  background-image: url("../img/service_img/report_tab_day.png");
}
.sec__tab-service.report .report-tab-item.active::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 0;
  background-color: var(--font-100);
}
.sec__tab-service.report .report-tab-item.active:nth-child(1) span {
  background-image: url("../img/service_img/report_tab_month_on.png");
}
.sec__tab-service.report .report-tab-item.active:nth-child(2) span {
  background-image: url("../img/service_img/report_tab_week_on.png");
}
.sec__tab-service.report .report-tab-item.active:nth-child(3) span {
  background-image: url("../img/service_img/report_tab_day_on.png");
}

.sec__immersion-content {
  max-width: 970px;
  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;
  margin: 0 auto 80px;
}
.sec__immersion-content:last-child {
  margin-bottom: 0;
}

.sec__study-content {
  max-width: 970px;
  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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto 80px;
}
.sec__study-content:last-child {
  margin-bottom: 0;
}
.sec__study-content .content-body {
  width: 470px;
}

.content-body {
  width: 570px;
}
.content-body img {
  width: 100%;
}
.content-body.tit {
  margin-bottom: 60px;
}

.sec__content-img {
  position: relative;
  width: 370px;
  height: 320px;
  background-color: var(--font-300);
  border-radius: 10px;
}
.sec__content-img img {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 260px;
}

.slide-report {
  width: 370px;
}
.slide-report .splide__track {
  border-radius: 10px;
  overflow: hidden;
}
.slide-report .splide__slide {
  position: relative;
  height: 320px;
  background-color: var(--font-300);
}
.slide-report .splide__slide img {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 260px;
}
.slide-report .splide__pagination {
  bottom: unset;
  top: 12px;
}
.slide-report .splide__pagination li .splide__pagination__page {
  background-color: var(--gray-200);
}
.slide-report .splide__pagination li .splide__pagination__page.is-active {
  width: 20px;
  background-color: var(--p-lighten-400);
  border-radius: 3px;
}

.tab-swiper-service {
  max-width: 970px;
  margin-bottom: 40px;
}
.tab-swiper-service .swiper-slide {
  position: relative;
  width: 20%;
  height: 45px;
  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;
  border-bottom: 1px solid var(--gray-200);
}
.tab-swiper-service .swiper-slide span {
  display: block;
  height: 15px;
  color: transparent;
  background-size: 100%;
  background-repeat: no-repeat;
  cursor: pointer;
}
.tab-swiper-service .swiper-slide .tab-study01 {
  width: 87px;
  background-image: url("../img/service_img/report_tab_study01.png");
}
.tab-swiper-service .swiper-slide .tab-study02 {
  width: 56px;
  background-image: url("../img/service_img/report_tab_study02.png");
}
.tab-swiper-service .swiper-slide .tab-study03 {
  width: 84px;
  background-image: url("../img/service_img/report_tab_study03.png");
}
.tab-swiper-service .swiper-slide .tab-study04 {
  width: 101px;
  background-image: url("../img/service_img/report_tab_study04.png");
}
.tab-swiper-service .swiper-slide .tab-study05 {
  width: 101px;
  background-image: url("../img/service_img/report_tab_study05.png");
}
.tab-swiper-service .swiper-slide.active::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 0;
  background-color: var(--font-100);
}
.tab-swiper-service .swiper-slide.active .tab-study01 {
  background-image: url("../img/service_img/report_tab_study01_on.png");
}
.tab-swiper-service .swiper-slide.active .tab-study02 {
  background-image: url("../img/service_img/report_tab_study02_on.png");
}
.tab-swiper-service .swiper-slide.active .tab-study03 {
  background-image: url("../img/service_img/report_tab_study03_on.png");
}
.tab-swiper-service .swiper-slide.active .tab-study04 {
  background-image: url("../img/service_img/report_tab_study04_on.png");
}
.tab-swiper-service .swiper-slide.active .tab-study05 {
  background-image: url("../img/service_img/report_tab_study05_on.png");
}

@media (max-width: 1200px) {
  .main__full.service {
    margin-bottom: -80px;
  }
  .sec__service-header {
    height: 150px;
  }
  .sec__service-header.report .header-txt {
    width: 251px;
    height: 76px;
    background-image: url("../img/service_img/report_header_txt_mo.png");
  }
  .sec__service-bnr {
    height: 120px;
  }
  .sec__service-bnr.report .bnr-txt {
    width: 320px;
    height: 47px;
    background-image: url("../img/service_img/report_bnr_txt_mo.png");
  }
  .sec__service-content {
    padding: 0 12px;
  }
  .content-tit .tit_pc {
    display: none;
  }
  .content-tit .tit_mo {
    display: block;
  }
  .report-cont01 {
    padding: 60px 0 100px;
    overflow: hidden;
  }
  .report-cont01 .content-tit {
    width: 318px;
  }
  .img_pc {
    display: none;
  }
  .img_mo {
    display: block;
  }
  .report-cont02 {
    padding-bottom: 120px;
  }
  .report-cont02 .content-tit {
    width: 211px;
    margin-bottom: 60px;
  }
  .report-cont02 .content-img {
    width: 100%;
    max-width: 366px;
  }
  .report-cont03 {
    padding-bottom: 120px;
  }
  .report-cont03 .content-tit {
    width: 312px;
    margin-bottom: 60px;
  }
  .report-cont03 .content-img {
    width: 366px;
  }
  .report-cont04 {
    padding-bottom: 100px;
  }
  .report-cont04 .content-tit {
    width: 338px;
    margin-bottom: 60px;
  }
  .sec__tab-service.report {
    max-width: unset;
    margin: 0 -12px 32px;
  }
  .sec__immersion-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-bottom: 60px;
  }
  .sec__study-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-bottom: 60px;
  }
  .sec__study-content .content-body {
    width: 336px;
  }
  .sec__content-body {
    margin-top: 32px;
  }
  .content-body {
    width: 336px;
  }
  .content-body.tit {
    margin-bottom: 24px;
  }
  .sec__content-img {
    width: 320px;
    height: 290px;
  }
  .sec__content-img img {
    width: 250px;
  }
  .slide-report {
    width: 320px;
  }
  .slide-report .splide__slide {
    height: 290px;
  }
  .slide-report .splide__slide img {
    width: 250px;
  }
  .sec__tab-swiper-service {
    margin: 0 -12px;
  }
  .tab-swiper-service {
    margin-bottom: 32px;
  }
}
@media (max-width: 600px) {
  .tab-swiper-service {
    overflow-y: auto;
  }
  .tab-swiper-service .swiper-slide {
    width: 120px;
  }
}
.sec__service-header.studylab {
  background-image: url("../img/service_img/studylab_header_bg.png");
}
.sec__service-header.studylab .header-txt {
  width: 361px;
  height: 84px;
  background-image: url("../img/service_img/studylab_header_txt_230731.png");
}

.studylab_cont01 {
  padding-bottom: 80px;
  background-color: var(--gray-50);
}
.studylab_cont01 .content-tit {
  width: 219px;
  height: 28px;
  background-image: url("../img/service_img/studylab/studylab_tit.png?ver=1");
  background-repeat: no-repeat;
  background-size: 409px 402px;
  background-position: 0 0;
}

.sec__studylab-chkin {
  max-width: 970px;
  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;
  margin: 60px auto 0;
}
.sec__studylab-chkin .slide-name__list {
  width: 270px;
  background-image: url("../img/service_img/studylab/studylab_slide_pagination_bg.png");
  background-repeat: no-repeat;
  background-size: 3px 508px;
  background-position: 12px 3px;
}
.sec__studylab-chkin .slide-name__list li {
  height: 33px;
  margin-bottom: 36px;
  background-image: url("../img/service_img/studylab/studylab_slide_pagination.png");
  background-repeat: no-repeat;
  background-size: 227px 728px;
  cursor: pointer;
}
.sec__studylab-chkin .slide-name__list li:nth-child(1) {
  width: 178px;
  background-position: 0 0;
}
.sec__studylab-chkin .slide-name__list li:nth-child(1).is-active {
  background-position: 0 -43px;
}
.sec__studylab-chkin .slide-name__list li:nth-child(2) {
  width: 115px;
  background-position: 0 -86px;
}
.sec__studylab-chkin .slide-name__list li:nth-child(2).is-active {
  background-position: 0 -129px;
}
.sec__studylab-chkin .slide-name__list li:nth-child(3) {
  width: 181px;
  background-position: 0 -172px;
}
.sec__studylab-chkin .slide-name__list li:nth-child(3).is-active {
  background-position: 0 -215px;
}
.sec__studylab-chkin .slide-name__list li:nth-child(4) {
  width: 166px;
  background-position: 0 -258px;
}
.sec__studylab-chkin .slide-name__list li:nth-child(4).is-active {
  background-position: 0 -301px;
}
.sec__studylab-chkin .slide-name__list li:nth-child(5) {
  width: 201px;
  background-position: 0 -344px;
}
.sec__studylab-chkin .slide-name__list li:nth-child(5).is-active {
  background-position: 0 -387px;
}
.sec__studylab-chkin .slide-name__list li:nth-child(6) {
  width: 115px;
  background-position: 0 -430px;
}
.sec__studylab-chkin .slide-name__list li:nth-child(6).is-active {
  background-position: 0 -473px;
}
.sec__studylab-chkin .slide-name__list li:nth-child(7) {
  width: 80px;
  background-position: 0 -516px;
}
.sec__studylab-chkin .slide-name__list li:nth-child(7).is-active {
  background-position: 0 -559px;
}
.sec__studylab-chkin .slide-name__list li:nth-child(8) {
  width: 226px;
  height: 64px;
  margin-bottom: 0;
  background-position: 0 -602px;
}
.sec__studylab-chkin .slide-name__list li:nth-child(8).is-active {
  background-position: 0 -670px;
}

.slide-studylab-chkin {
  width: 100%;
  max-width: 670px;
  height: 600px;
}
.slide-studylab-chkin .splide__arrows {
  display: none;
}
.slide-studylab-chkin .splide__slide {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 40px 0;
}
.slide-studylab-chkin .splide__slide .slide_txt {
  background-image: url("../img/service_img/studylab/studylab_slide_txt.png");
  background-repeat: no-repeat;
  background-size: 497px 1063px;
}
.slide-studylab-chkin .splide__slide .slide_img {
  max-width: 600px;
  border-radius: 10px;
  border: 6px solid #555;
}
.slide-studylab-chkin .splide__slide.step1 .slide_txt {
  width: 314px;
  height: 123px;
  background-position: 0 0;
}
.slide-studylab-chkin .splide__slide.step2 .slide_txt {
  width: 242px;
  height: 75px;
  background-position: 0 -143px;
}
.slide-studylab-chkin .splide__slide.step3 .slide_txt {
  width: 263px;
  height: 75px;
  background-position: 0 -238px;
}
.slide-studylab-chkin .splide__slide.step4 .slide_txt {
  width: 209px;
  height: 99px;
  background-position: 0 -333px;
}
.slide-studylab-chkin .splide__slide.step5 .slide_txt {
  width: 497px;
  height: 130px;
  background-position: 0 -452px;
}
.slide-studylab-chkin .splide__slide.step5 .slide_img {
  border: none;
}
.slide-studylab-chkin .splide__slide.step6 .slide_txt {
  width: 322px;
  height: 75px;
  background-position: 0 -774px;
}
.slide-studylab-chkin .splide__slide.step7 .slide_txt {
  width: 216px;
  height: 75px;
  background-position: 0 -869px;
}
.slide-studylab-chkin .splide__slide.step8 .slide_txt {
  width: 309px;
  height: 99px;
  background-position: 0 -964px;
}
.slide-studylab-chkin .splide__slide.step8 .slide_img {
  border: none;
}

.studylab_cont02 {
  padding: 100px 0;
}
.studylab_cont02 .content-tit {
  width: 219px;
  height: 28px;
  background-image: url("../img/service_img/studylab/studylab_tit.png?ver=1");
  background-repeat: no-repeat;
  background-size: 409px 402px;
  background-position: 0 -70px;
}

.sec__studylab_rules {
  max-width: 767px;
  margin: 80px auto 0;
}
.sec__studylab_rules img {
  width: 100%;
}
.sec__studylab_rules img.img_mo {
  display: none;
}

.studylab_cont03 {
  padding: 100px 0 120px;
}
.studylab_cont03 .content-tit {
  width: 405px;
  height: 70px;
  background-image: url("../img/service_img/studylab/studylab_tit.png?ver=1");
  background-repeat: no-repeat;
  background-size: 409px 402px;
  background-position: 0 -140px;
}

.sec__tab-swiper-studylab {
  max-width: 970px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 80px auto 0;
  border-bottom: 1px solid var(--gray-200);
}

.tab-swiper-studylab {
  width: 100%;
}
.tab-swiper-studylab .swiper-slide {
  position: relative;
  height: 45px;
  width: 16.6666666667%;
  cursor: pointer;
}
.tab-swiper-studylab .swiper-slide.active::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--font-100);
}
.tab-swiper-studylab .swiper-slide span {
  height: 15px;
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  background-image: url("../img/service_img/studylab/studylab_tab_240423.png");
  background-repeat: no-repeat;
  background-size: 101px 290px;
}
.tab-swiper-studylab .swiper-slide.tab-study01 span {
  width: 42px;
  background-position: 0 0;
}
.tab-swiper-studylab .swiper-slide.tab-study01.active span {
  background-position: 0 -25px;
}
.tab-swiper-studylab .swiper-slide.tab-study02 span {
  width: 70px;
  background-position: 0 -50px;
}
.tab-swiper-studylab .swiper-slide.tab-study02.active span {
  background-position: 0 -75px;
}
.tab-swiper-studylab .swiper-slide.tab-study03 span {
  width: 85px;
  background-position: 0 -100px;
}
.tab-swiper-studylab .swiper-slide.tab-study03.active span {
  width: 86px;
  background-position: 0 -125px;
}
.tab-swiper-studylab .swiper-slide.tab-study04 span {
  width: 100px;
  background-position: 0 -150px;
}
.tab-swiper-studylab .swiper-slide.tab-study04.active span {
  width: 101px;
  background-position: 0 -175px;
}
.tab-swiper-studylab .swiper-slide.tab-study05 span {
  width: 85px;
  background-position: 0 -200px;
}
.tab-swiper-studylab .swiper-slide.tab-study05.active span {
  width: 86px;
  background-position: 0 -225px;
}
.tab-swiper-studylab .swiper-slide.tab-study06 span {
  width: 100px;
  background-position: 0 -250px;
}
.tab-swiper-studylab .swiper-slide.tab-study06.active span {
  width: 101px;
  background-position: 0 -275px;
}

.sec__studylab-info {
  max-width: 970px;
  padding-top: 40px;
  margin: 0 auto;
}

.studylab-info__content img {
  width: 100%;
}
.studylab-info__content img.img_mo {
  display: none;
}
.studylab-info__content .content-subtit {
  height: 22px;
  margin-bottom: 40px;
  background-image: url("../img/service_img/studylab/studylab_subtit.png");
  background-repeat: no-repeat;
  background-size: 172px 106px;
}
.studylab-info__content.txt {
  margin: 48px auto 80px;
}
.studylab-info__content.rules .content-subtit {
  width: 172px;
  background-position: 0 -58px;
}

.studylab-visual__front {
  height: 500px;
  background-repeat: no-repeat;
  background-size: 100%;
}
.studylab-visual__front.quantum {
  background-image: url("../img/service_img/studylab/studylab_quantum_img.png?ver=1");
}
.studylab-visual__front.challenger {
  background-image: url("../img/service_img/studylab/studylab_challenger_img.png?ver=1");
}
.studylab-visual__front.tutoring {
  background-image: url("../img/service_img/studylab/studylab_tutoring_img.png");
}
.studylab-visual__map {
  height: 240px;
  margin-top: 20px;
  background-repeat: no-repeat;
  background-size: 100%;
}
.studylab-visual__map.quantum {
  background-image: url("../img/service_img/studylab/studylab_quantum_map.png?ver=1");
}
.studylab-visual__map.challenger {
  background-image: url("../img/service_img/studylab/studylab_challenger_map.png?ver=1");
}
.studylab-visual__map.tutoring {
  background-image: url("../img/service_img/studylab/studylab_tutoring_map.png?ver=1");
}

.slide-facility {
  height: 500px;
  border-radius: 8px;
  overflow: hidden;
}
.slide-facility .splide__arrow {
  background-color: rgba(0, 0, 0, 0.3);
}

.studylab-video {
  margin-top: -32px;
  margin-bottom: 80px;
}

.studylab-video__wrap {
  position: relative;
  width: 100%;
  height: auto;
  padding-bottom: 56.25%;
}
.studylab-video__wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.studylab_cont04 {
  padding: 100px 0 20px;
}
.studylab_cont04 .content-tit {
  width: 409px;
  height: 65px;
  background-image: url("../img/service_img/studylab/studylab_tit.png?ver=1");
  background-repeat: no-repeat;
  background-size: 409px 402px;
  background-position: 0 -284px;
  margin-bottom: 80px;
}
.studylab_cont04 .content-img {
  position: relative;
  max-width: 970px;
  margin: 0 auto;
}
.studylab_cont04 .content-img img {
  width: 100%;
}
.studylab_cont04 .content-img ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.studylab_cont04 .content-img ul li {
  position: absolute;
  height: 36px;
  background-image: url("../img/service_img/studylab/btn_studylab_graph.png");
  background-repeat: no-repeat;
  background-size: 98px 522px;
  -webkit-box-shadow: 2px 2px 7px 0px rgba(36, 29, 29, 0.3);
          box-shadow: 2px 2px 7px 0px rgba(36, 29, 29, 0.3);
  cursor: pointer;
}
.studylab_cont04 .content-img ul li.quantum {
  top: 167px;
  right: 82px;
  width: 69px;
  background-position: 0 0;
}
.studylab_cont04 .content-img ul li.pioneer {
  top: 231px;
  right: 292px;
  width: 98px;
  background-position: 0 -46px;
}
.studylab_cont04 .content-img ul li.challenger01 {
  top: 299px;
  left: 403px;
  width: 76px;
  background-position: 0 -92px;
}
.studylab_cont04 .content-img ul li.challenger02 {
  top: 368px;
  left: 184px;
  width: 80px;
  background-position: 0 -138px;
}
.studylab_cont04 .content-img ul li.tutoring01 {
  top: 305px;
  left: 315px;
  width: 76px;
  background-position: 0 -184px;
}
.studylab_cont04 .content-img ul li.tutoring02 {
  top: 374px;
  left: 92px;
  width: 80px;
  background-position: 0 -230px;
}

@media (max-width: 1200px) {
  .studylab_cont01 {
    padding: 60px 12px 84px;
  }
  .studylab_cont01 .content-tit {
    width: 172px;
    height: 22px;
    background-image: url("../img/service_img/studylab/studylab_tit.png?ver=1");
    background-repeat: no-repeat;
    background-size: 409px 402px;
    background-position: 0 -38px;
  }
  .sec__studylab-chkin .slide-name__list {
    display: none;
  }
  .sec__studylab-chkin .slide-studylab-chkin {
    height: unset;
    margin: auto;
  }
  .sec__studylab-chkin .slide-studylab-chkin .splide__arrows {
    position: absolute;
    bottom: -56px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .sec__studylab-chkin .slide-studylab-chkin .splide__arrow {
    position: static;
    -webkit-transform: unset;
            transform: unset;
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.3);
    background-image: url("../img/icon_240718.png");
    background-repeat: no-repeat;
    background-size: 300px 300px;
  }
  .sec__studylab-chkin .slide-studylab-chkin .splide__arrow.splide__arrow--prev {
    margin-right: 8px;
    background-position: -163px -146px;
  }
  .sec__studylab-chkin .slide-studylab-chkin .splide__arrow.splide__arrow--next {
    margin-left: 8px;
    background-position: -203px -146px;
  }
  .sec__studylab-chkin .slide-studylab-chkin .splide__slide {
    padding: 0;
  }
  .sec__studylab-chkin .slide-studylab-chkin .splide__slide .slide_txt {
    margin-bottom: 28px;
  }
  .sec__studylab-chkin .slide-studylab-chkin .splide__slide .slide_img {
    max-width: 600px;
    border-radius: 8px;
    border-width: 3px;
  }
  .sec__studylab-chkin .slide-studylab-chkin .splide__slide.step5 .slide_txt {
    width: 340px;
    height: 152px;
    background-position: 0 -602px;
  }
  .studylab_cont02 {
    padding: 80px 0;
  }
  .studylab_cont02 .content-tit {
    width: 172px;
    height: 22px;
    background-image: url("../img/service_img/studylab/studylab_tit.png?ver=1");
    background-repeat: no-repeat;
    background-size: 409px 402px;
    background-position: 0 -108px;
  }
  .sec__studylab_rules {
    max-width: 390px;
    margin-top: 60px;
  }
  .sec__studylab_rules img.img_pc {
    display: none;
  }
  .sec__studylab_rules img.img_mo {
    display: block;
  }
  .studylab_cont03 {
    padding: 60px 0 80px;
  }
  .studylab_cont03 .content-tit {
    width: 360px;
    height: 54px;
    background-image: url("../img/service_img/studylab/studylab_tit.png?ver=1");
    background-repeat: no-repeat;
    background-size: 409px 402px;
    background-position: 0 -220px;
  }
  .sec__tab-swiper-studylab {
    margin-top: 40px;
  }
  .tab-swiper-studylab {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .tab-swiper-studylab::-webkit-scrollbar {
    display: none;
  }
  .tab-swiper-studylab .swiper-slide {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 0 14px;
  }
  .sec__studylab-info {
    max-width: 390px;
    padding: 28px 12px 0;
  }
  .studylab-info__content img.img_pc {
    display: none;
  }
  .studylab-info__content img.img_mo {
    display: block;
    max-width: 390px;
    margin: 0 auto;
  }
  .studylab-info__content .content-subtit {
    height: 16px;
    margin-bottom: 20px;
  }
  .studylab-info__content.txt {
    margin: 32px auto 60px;
  }
  .studylab-info__content.video {
    margin-bottom: 60px;
  }
  .studylab-info__content.rules .content-subtit {
    width: 125px;
    background-position: 0 -90px;
  }
  .studylab-visual__front {
    height: 240px;
    background-size: 130%;
    background-position: 50% 50%;
  }
  .studylab-visual__front.tutoring {
    background-size: cover;
  }
  .studylab-visual__map {
    height: 150px;
    margin-top: 12px;
  }
  .studylab-visual__map.quantum {
    background-image: url("../img/service_img/studylab/studylab_quantum_map_mo.png");
  }
  .studylab-visual__map.challenger {
    background-image: url("../img/service_img/studylab/studylab_challenger_map_mo.png");
  }
  .studylab-visual__map.tutoring {
    background-image: url("../img/service_img/studylab/studylab_tutoring_map_mo.png");
  }
  .slide-facility {
    height: auto;
    border-radius: 8px;
  }
  .slide-facility .splide__arrow {
    width: 40px;
    height: 40px;
  }
  .slide-facility .splide__arrow.splide__arrow--prev {
    left: 10px;
    background-position: -163px -146px;
  }
  .slide-facility .splide__arrow.splide__arrow--next {
    right: 10px;
    background-position: -203px -146px;
  }
  .studylab-video {
    margin-top: -28px;
    margin-bottom: 60px;
  }
  .studylab_cont04 {
    padding-top: 60px;
  }
  .studylab_cont04 .content-tit {
    width: 317px;
    height: 43px;
    background-image: url("../img/service_img/studylab/studylab_tit.png?ver=1");
    background-repeat: no-repeat;
    background-size: 409px 402px;
    background-position: 0 -359px;
    margin-bottom: 60px;
  }
  .studylab_cont04 .content-img {
    max-width: 390px;
  }
  .studylab_cont04 .content-img ul li {
    height: 31px;
  }
  .studylab_cont04 .content-img ul li.quantum {
    top: 152px;
    right: 18px;
    width: 58px;
    background-position: 0 -286px;
  }
  .studylab_cont04 .content-img ul li.pioneer {
    top: 305px;
    right: 88px;
    width: 85px;
    background-position: 0 -327px;
  }
  .studylab_cont04 .content-img ul li.challenger01 {
    top: 439px;
    left: 139px;
    width: 65px;
    background-position: 0 -368px;
  }
  .studylab_cont04 .content-img ul li.challenger02 {
    top: 592px;
    left: 56px;
    width: 68px;
    background-position: 0 -409px;
  }
  .studylab_cont04 .content-img ul li.tutoring01 {
    top: 476px;
    left: 139px;
    width: 65px;
    background-position: 0 -450px;
  }
  .studylab_cont04 .content-img ul li.tutoring02 {
    top: 629px;
    left: 56px;
    width: 68px;
    background-position: 0 -491px;
  }
}
.sec__service-bnr.studylab .bnr-txt {
  width: 604px;
  height: 78px;
  background-image: url("../img/service_img/studylab_bnr_txt.png");
}

.studylab-cont01 {
  padding-bottom: 80px;
  background-color: var(--gray-bg);
}
.studylab-cont01 .content-tit {
  width: 283px;
  margin-bottom: 80px;
}
.studylab-cont01 .content-container {
  max-width: 970px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin: auto;
}
.studylab-cont01 .sec__cont-left {
  width: 310px;
}
.studylab-cont01 .sec__cont-left img {
  width: 100%;
}
.studylab-cont01 .sec__cont-right {
  width: 632px;
  padding-bottom: 40px;
}
.studylab-cont01 .sec__cont-right img {
  width: 100%;
}

.studylab-cont02 {
  max-width: 970px;
  margin: auto;
  padding-bottom: 20px;
}
.studylab-cont02 .content-tit {
  width: 355px;
  margin-bottom: 100px;
}

.content-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -10px;
}
.content-container .content-item {
  width: 33.333%;
  padding: 0 10px;
}
.content-container .sec__content-img {
  width: 100%;
  height: auto;
}
.content-container .sec__content-img img {
  position: unset;
  width: 100%;
  -webkit-transform: unset;
          transform: unset;
}
.content-container .sec__content-body {
  margin-top: 40px;
}
.content-container .content-body {
  width: 100%;
}
.content-container .content-body.tit {
  margin-bottom: 40px;
}

.studylab-cont03 {
  padding-bottom: 80px;
}
.studylab-cont03 .content-tit {
  width: 392px;
  margin-bottom: 60px;
}
.studylab-cont03 .sec__content-img.full img {
  position: static;
  -webkit-transform: unset;
          transform: unset;
  width: 100%;
}
.studylab-cont03 .content-body.tit {
  margin-bottom: 40px;
}

.content-item.row {
  max-width: 970px;
  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: 40px 0;
  margin: auto;
}
.content-item.row.txt-right .content-body {
  width: 470px;
}

.studylab-cont04 {
  padding: 80px 0 150px;
  background-color: #eef1fb;
}
.studylab-cont04 .content-tit {
  width: 451px;
  margin-bottom: 100px;
}
.studylab-cont04 .content-container {
  max-width: 990px;
  margin: auto;
}
.studylab-cont04 .content-container img {
  width: 100%;
  border-radius: 170px;
  -webkit-box-shadow: 0px 2px 13px 3px rgba(28, 32, 75, 0.06);
          box-shadow: 0px 2px 13px 3px rgba(28, 32, 75, 0.06);
}
.studylab-cont04 .content-item {
  position: relative;
}
.studylab-cont04 .content-item:nth-child(1)::after, .studylab-cont04 .content-item:nth-child(2)::after {
  content: "";
  display: block;
  width: 10px;
  height: 14px;
  position: absolute;
  top: 50%;
  right: -4px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../img/service_img/studylab_polygon.png");
  background-repeat: no-repeat;
  background-size: 100%;
}

.sec__studylab-btn {
  position: fixed;
  top: 316px;
  right: 40px;
  z-index: 99;
}
.sec__studylab-btn .btn-studylab {
  position: relative;
  display: block;
  width: 160px;
  height: 160px;
  background-color: var(--p-lighten-200);
  border-radius: 50%;
  -webkit-box-shadow: -2px 2px 13px 2px rgba(66, 112, 237, 0.25);
          box-shadow: -2px 2px 13px 2px rgba(66, 112, 237, 0.25);
}
.sec__studylab-btn .btn-studylab span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 119px;
  height: 28px;
  color: transparent;
  font-size: 0;
  background-image: url("../img/service_img/studylab_btntxt.png");
  background-repeat: no-repeat;
  background-size: 235px 28px;
  background-position: 0 0;
}

@media (max-width: 1200px) {
  .sec__service-header.studylab .header-txt {
    width: 271px;
    height: 57px;
    background-image: url("../img/service_img/studylab_header_txt_mo_230731.png");
  }
  .sec__service-bnr.studylab .bnr-txt {
    width: 320px;
    height: 47px;
    background-image: url("../img/service_img/studylab_bnr_txt_mo.png");
  }
  .studylab-cont01 {
    padding: 60px 12px;
  }
  .studylab-cont01 .content-tit {
    width: 236px;
    margin-bottom: 40px;
  }
  .studylab-cont01 .content-container {
    -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;
  }
  .studylab-cont01 .sec__cont-left {
    width: 195px;
  }
  .studylab-cont01 .sec__cont-right {
    width: 100%;
    max-width: 360px;
    padding-top: 20px;
    padding-bottom: 0;
  }
  .studylab-cont02 {
    padding: 60px 12px 70px;
  }
  .studylab-cont02 .content-tit {
    width: 296px;
    margin-bottom: 30px;
  }
  .content-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
  .content-container .content-item {
    width: 100%;
    padding: 30px 0;
  }
  .content-container .sec__content-img {
    max-width: 320px;
    margin: auto;
  }
  .content-container .sec__content-body {
    max-width: 336px;
    margin: 32px auto 0;
  }
  .content-container .content-body.tit {
    margin-bottom: 32px;
  }
  .studylab-cont03 {
    padding-bottom: 100px;
  }
  .studylab-cont03 .content-tit {
    width: 327px;
    margin-bottom: 30px;
  }
  .studylab-cont03 .sec__content-img.full img {
    height: 100%;
  }
  .studylab-cont03 .content-body.tit {
    margin-bottom: 32px;
  }
  .content-item.row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 30px 0;
  }
  .content-item.row.txt-right .content-body {
    width: 336px;
  }
  .content-item.row.txt-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .studylab-cont04 {
    padding: 60px 12px 70px;
  }
  .studylab-cont04 .content-tit {
    width: 194px;
    margin-bottom: 30px;
  }
  .studylab-cont04 .content-container .content-item {
    max-width: 320px;
    margin: auto;
  }
  .studylab-cont04 .content-container .content-item:nth-child(1)::after, .studylab-cont04 .content-container .content-item:nth-child(2)::after {
    display: none;
  }
  .sec__studylab-btn {
    width: 100%;
    top: unset;
    bottom: 20px;
    right: unset;
    left: 0;
  }
  .sec__studylab-btn .btn-studylab {
    width: calc(100% - 40px);
    height: 56px;
    margin: auto;
    border-radius: 3px;
  }
  .sec__studylab-btn .btn-studylab span {
    width: 96px;
    height: 22px;
    background-position: -139px 0;
  }
}
.sec__service-header.system {
  height: 464px;
  background-image: url("../img/service_img/system_header_bg.png");
}
.sec__service-header.system .header-txt {
  top: 100px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 414px;
  height: 84px;
  background-image: url("../img/service_img/system_header_text.png");
}
.sec__service-header.system .sec__header-icon {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 200px;
  border-top: 1px solid var(--gray-300);
  border-bottom: 1px solid var(--gray-300);
}
.sec__service-header.system .sec__header-icon ul {
  max-width: 970px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
}
.sec__service-header.system .sec__header-icon ul li {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  width: 25%;
  height: 100%;
}
.sec__service-header.system .sec__header-icon ul li em {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 0;
  background-image: url("../img/service_img/system_header_txt.png");
  background-size: 592px 44px;
  background-repeat: no-repeat;
}
.sec__service-header.system .sec__header-icon ul li em::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url("../img/service_img/system_header_icon.png");
  background-size: 307px 75px;
  background-repeat: no-repeat;
}
.sec__service-header.system .sec__header-icon ul li:nth-child(1) {
  border-left: 1px solid var(--gray-300);
}
.sec__service-header.system .sec__header-icon ul li:nth-child(1) em {
  bottom: 46px;
  width: 95px;
  height: 22px;
  background-position: 0 0;
}
.sec__service-header.system .sec__header-icon ul li:nth-child(1) em::after {
  top: -89px;
  width: 69px;
  height: 69px;
  background-position: -1px 0;
}
.sec__service-header.system .sec__header-icon ul li:nth-child(2) {
  border-left: 1px solid var(--gray-300);
}
.sec__service-header.system .sec__header-icon ul li:nth-child(2) em {
  bottom: 35px;
  width: 63px;
  height: 44px;
  background-position: -183px 0;
}
.sec__service-header.system .sec__header-icon ul li:nth-child(2) em::after {
  top: -90px;
  width: 75px;
  height: 75px;
  background-position: -77px 0;
}
.sec__service-header.system .sec__header-icon ul li:nth-child(3) {
  border-left: 1px solid var(--gray-300);
}
.sec__service-header.system .sec__header-icon ul li:nth-child(3) em {
  bottom: 35px;
  width: 63px;
  height: 44px;
  background-position: -310px 0;
}
.sec__service-header.system .sec__header-icon ul li:nth-child(3) em::after {
  top: -83px;
  width: 66px;
  height: 66px;
  background-position: -162px 0;
}
.sec__service-header.system .sec__header-icon ul li:nth-child(4) {
  border-left: 1px solid var(--gray-300);
  border-right: 1px solid var(--gray-300);
}
.sec__service-header.system .sec__header-icon ul li:nth-child(4) em {
  bottom: 46px;
  width: 85px;
  height: 22px;
  background-position: -437px 0;
}
.sec__service-header.system .sec__header-icon ul li:nth-child(4) em::after {
  top: -86px;
  width: 66px;
  height: 66px;
  background-position: -238px 0;
}

.sec__service-bnr.system .bnr-txt {
  width: 604px;
  height: 78px;
  background-image: url("../img/service_img/system_bnr_txt.png");
}

.content-tit.system {
  position: relative;
  height: 250px;
  margin-bottom: 60px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.content-tit.system img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.system-cont01 {
  padding-bottom: 100px;
  background-color: var(--gray-50);
}
.system-cont01 .content-tit {
  width: 525px;
  margin-bottom: 80px;
}
.system-cont01 .content-img .img_pc {
  max-width: 970px;
  margin: auto;
}

.system-cont02 {
  padding: 0 0 110px;
}
.system-cont02 .content-tit.system {
  background-image: url("../img/service_img/system_tit02_bg.png");
}
.system-cont02 .content-tit .tit_pc {
  width: 437px;
}

.system-cont03 {
  padding: 0 0 110px;
}
.system-cont03 .content-tit.system {
  background-image: url("../img/service_img/system_tit03_bg.png");
}
.system-cont03 .content-tit .tit_pc {
  width: 577px;
}

.system-cont04 {
  padding: 0 0 110px;
}
.system-cont04 .content-tit.system {
  background-image: url("../img/service_img/system_tit04_bg.png");
}
.system-cont04 .content-tit .tit_pc {
  width: 425px;
}

.system-cont05 {
  padding: 0 0 110px;
}
.system-cont05 .content-tit.system {
  background-image: url("../img/service_img/system_tit05_bg.png");
}
.system-cont05 .content-tit .tit_pc {
  width: 565px;
}

.sec__tab-swiper-system {
  position: relative;
}
.sec__tab-swiper-system::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--gray-200);
}
.sec__tab-swiper-system.sticky {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: var(--white);
  z-index: 100;
}

.tab-swiper-system {
  max-width: 970px;
  margin: auto;
}
.tab-swiper-system .swiper-slide {
  position: relative;
  width: 25%;
  height: 45px;
  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;
}
.tab-swiper-system .swiper-slide span {
  display: block;
  height: 15px;
  color: transparent;
  background-image: url("../img/service_img/system_tab_txt.png");
  background-size: 391px 40px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.tab-swiper-system .swiper-slide .tab-system01 {
  width: 84px;
  background-position: 0 0;
}
.tab-swiper-system .swiper-slide .tab-system02 {
  width: 101px;
  background-position: -94px 0;
}
.tab-swiper-system .swiper-slide .tab-system03 {
  width: 101px;
  background-position: -205px 0;
}
.tab-swiper-system .swiper-slide .tab-system04 {
  width: 74px;
  background-position: -316px 0;
}
.tab-swiper-system .swiper-slide.active::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--font-100);
}
.tab-swiper-system .swiper-slide.active .tab-system01 {
  background-position: 0 -25px;
}
.tab-swiper-system .swiper-slide.active .tab-system02 {
  background-position: -94px -25px;
}
.tab-swiper-system .swiper-slide.active .tab-system03 {
  background-position: -205px -25px;
}
.tab-swiper-system .swiper-slide.active .tab-system04 {
  background-position: -316px -25px;
}

@media (max-width: 1200px) {
  .sec__service-header.system {
    height: 190px;
  }
  .sec__service-header.system .header-txt {
    top: 40px;
    width: 306px;
    height: 57px;
    background-image: url("../img/service_img/system_header_text_mo.png");
  }
  .sec__service-header.system .sec__header-icon {
    height: 60px;
  }
  .sec__service-header.system .sec__header-icon ul {
    max-width: unset;
  }
  .sec__service-header.system .sec__header-icon ul li em {
    bottom: unset;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sec__service-header.system .sec__header-icon ul li em::after {
    display: none;
  }
  .sec__service-header.system .sec__header-icon ul li:nth-child(1) {
    border-left: none;
  }
  .sec__service-header.system .sec__header-icon ul li:nth-child(1) em {
    width: 73px;
    height: 14px;
    background-position: -100px 0;
  }
  .sec__service-header.system .sec__header-icon ul li:nth-child(2) em {
    width: 49px;
    height: 34px;
    background-position: -251px 0;
  }
  .sec__service-header.system .sec__header-icon ul li:nth-child(3) em {
    width: 49px;
    height: 34px;
    background-position: -378px 0;
  }
  .sec__service-header.system .sec__header-icon ul li:nth-child(4) {
    border-right: none;
  }
  .sec__service-header.system .sec__header-icon ul li:nth-child(4) em {
    width: 65px;
    height: 17px;
    background-position: -527px 0;
  }
  .sec__service-bnr.system .bnr-txt {
    width: 320px;
    height: 47px;
    background-image: url("../img/service_img/system_bnr_txt_mo.png");
  }
  .content-tit.system {
    height: 110px;
    margin-bottom: 30px;
  }
  .system-cont01 {
    padding: 60px 12px 60px;
  }
  .system-cont01 .content-tit {
    width: 239px;
    margin-bottom: 40px;
  }
  .system-cont01 .content-img .img_mo {
    width: 100%;
    max-width: 360px;
    margin: auto;
  }
  .system-cont02 {
    padding: 45px 0 25px;
  }
  .system-cont02 .tit_mo {
    width: 190px;
  }
  .system-cont03 {
    padding: 45px 0 25px;
  }
  .system-cont03 .tit_mo {
    width: 299px;
  }
  .system-cont04 {
    padding: 45px 0 25px;
  }
  .system-cont04 .tit_mo {
    width: 207px;
  }
  .system-cont05 {
    padding: 45px 0 25px;
  }
  .system-cont05 .tit_mo {
    width: 279px;
  }
  .tab-swiper-system {
    overflow-y: auto;
  }
  .tab-swiper-system .swiper-slide {
    width: 120px;
  }
}
.sec__service-header.platform {
  background-image: url("../img/service_img/platform_header_bg.png");
}
.sec__service-header.platform .header-txt {
  width: 404px;
  height: 86px;
  background-image: url("../img/service_img/platform_header_txt.png");
}

.sec__service-bnr.platform .bnr-txt {
  width: 604px;
  height: 78px;
  background-image: url("../img/service_img/platform_bnr_txt.png");
}

.sec__tab-service-wrap {
  border-bottom: 1px solid var(--gray-200);
}
.sec__tab-service-wrap.sticky {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: var(--white);
  z-index: 100;
}

.sec__tab-service.platform {
  max-width: 970px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
}
.sec__tab-service.platform .platform-tab-item {
  position: relative;
  width: 33.333%;
  height: 45px;
  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;
}
.sec__tab-service.platform .platform-tab-item span {
  display: block;
  width: 90px;
  height: 15px;
  color: transparent;
  background-image: url("../img/service_img/platform_tab_txt.png");
  background-size: 290px 40px;
  background-repeat: no-repeat;
}
.sec__tab-service.platform .platform-tab-item:nth-child(1) span {
  background-position: 0 -25px;
}
.sec__tab-service.platform .platform-tab-item:nth-child(2) span {
  background-position: -100px -25px;
}
.sec__tab-service.platform .platform-tab-item:nth-child(3) span {
  background-position: -200px -25px;
}
.sec__tab-service.platform .platform-tab-item.active::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 0;
  background-color: var(--font-100);
}
.sec__tab-service.platform .platform-tab-item.active:nth-child(1) span {
  background-position: 0 0;
}
.sec__tab-service.platform .platform-tab-item.active:nth-child(2) span {
  background-position: -100px 0;
}
.sec__tab-service.platform .platform-tab-item.active:nth-child(3) span {
  background-position: -200px 0;
}

.content-tit.platform {
  position: relative;
  height: 200px;
  margin-bottom: 60px;
  background-image: url("../img/service_img/platform_tit_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 10px;
}
.content-tit.platform img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.platform-cont01 {
  max-width: 970px;
  padding: 45px 0 55px;
  margin: auto;
}
.platform-cont01 .tit_pc {
  width: 359px;
}

.platform-cont02 {
  max-width: 970px;
  padding: 45px 0 55px;
  margin: auto;
}
.platform-cont02 .tit_pc {
  width: 215px;
}
.platform-cont02 .sec__timeline {
  padding-top: 80px;
}

.platform-cont03 {
  max-width: 970px;
  padding: 45px 0 100px;
  margin: auto;
}
.platform-cont03 .tit_pc {
  width: 256px;
}
.platform-cont03 .sec__timeline {
  padding-top: 80px;
}

.sec__routine-timeline {
  position: relative;
  max-width: 824px;
  margin: auto;
}
.sec__routine-timeline::before {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url("../img/service_img/platform_cont_bg.png");
  background-size: 2px 10px;
  background-repeat: repeat-y;
  z-index: -1;
}

.timeline-time {
  height: 48px;
  margin: 0 auto 40px;
  background-image: url("../img/service_img/platform_day_time.png");
  background-repeat: no-repeat;
  background-size: 376px 868px;
}
.timeline-time.time01 {
  width: 311px;
  background-position: 0 0;
}
.timeline-time.time02 {
  width: 298px;
  background-position: 0 -58px;
}
.timeline-time.time03 {
  width: 243px;
  background-position: 0 -116px;
}
.timeline-time.time04 {
  width: 305px;
  background-position: 0 -174px;
}
.timeline-time.time05 {
  width: 245px;
  background-position: 0 -232px;
}
.timeline-time.time06 {
  width: 243px;
  background-position: 0 -290px;
}
.timeline-time.time07 {
  width: 376px;
  background-position: 0 -348px;
}
.timeline-time.time08 {
  width: 245px;
  background-position: 0 -406px;
}

.sec__timeline {
  padding: 20px 0 52px;
}

.timeline-item {
  width: 392px;
  height: 214px;
  margin-bottom: 8px;
  background-image: url("../img/service_img/platform_img.png");
  background-repeat: no-repeat;
  background-size: 392px 4918px;
}
.timeline-item.left {
  margin-right: auto;
}
.timeline-item.right {
  margin-left: auto;
}
.timeline-item.item01 {
  background-position: 0 0;
}
.timeline-item.item02 {
  background-position: 0 -224px;
}
.timeline-item.item03 {
  background-position: 0 -448px;
}
.timeline-item.item04 {
  background-position: 0 -672px;
}
.timeline-item.item05 {
  background-position: 0 -896px;
}
.timeline-item.item06 {
  background-position: 0 -1120px;
}
.timeline-item.item07 {
  background-position: 0 -1344px;
}
.timeline-item.item08 {
  background-position: 0 -1568px;
}
.timeline-item.item09 {
  background-position: 0 -1792px;
}
.timeline-item.item10 {
  background-position: 0 -2016px;
}
.timeline-item.item11 {
  background-position: 0 -2240px;
}
.timeline-item.item12 {
  background-position: 0 -2464px;
}
.timeline-item.item13 {
  background-position: 0 -2688px;
}
.timeline-item.item14 {
  background-position: 0 -2912px;
}
.timeline-item.item15 {
  background-position: 0 -3136px;
}
.timeline-item.item16 {
  background-position: 0 -3360px;
}
.timeline-item.item17 {
  background-position: 0 -3584px;
}
.timeline-item.item18 {
  background-position: 0 -3808px;
}
.timeline-item.item19 {
  background-position: 0 -4032px;
}
.timeline-item.item20 {
  background-position: 0 -4256px;
}
.timeline-item.item21 {
  background-position: 0 -4480px;
}
.timeline-item.item22 {
  background-position: 0 -4704px;
}

@media (max-width: 1200px) {
  .sec__service-header.platform .header-txt {
    width: 197px;
    height: 76px;
    background-image: url("../img/service_img/platform_header_txt_mo.png");
  }
  .sec__service-bnr.platform .bnr-txt {
    width: 320px;
    height: 47px;
    background-image: url("../img/service_img/platform_bnr_txt_mo.png");
  }
  .content-tit.platform {
    height: 110px;
    border-radius: 0;
  }
  .platform-cont01 {
    max-width: unset;
    padding-top: 0;
  }
  .platform-cont01 .tit_mo {
    width: 299px;
  }
  .platform-cont01 .sec__timeline:last-child {
    padding-bottom: 0;
  }
  .platform-cont02 {
    max-width: unset;
  }
  .platform-cont02 .tit_mo {
    width: 179px;
  }
  .platform-cont02 .sec__timeline {
    padding: 0;
  }
  .platform-cont03 {
    max-width: unset;
  }
  .platform-cont03 .tit_mo {
    width: 213px;
  }
  .platform-cont03 .sec__timeline {
    padding: 0;
  }
  .timeline-time {
    height: 38px;
    margin-bottom: 20px;
  }
  .timeline-time.time01 {
    width: 272px;
    background-position: 0 -494px;
  }
  .timeline-time.time02 {
    width: 259px;
    background-position: 0 -542px;
  }
  .timeline-time.time03 {
    width: 212px;
    background-position: 0 -590px;
  }
  .timeline-time.time04 {
    width: 266px;
    background-position: 0 -638px;
  }
  .timeline-time.time05 {
    width: 213px;
    background-position: 0 -686px;
  }
  .timeline-time.time06 {
    width: 212px;
    background-position: 0 -734px;
  }
  .timeline-time.time07 {
    width: 327px;
    background-position: 0 -782px;
  }
  .timeline-time.time08 {
    width: 149px;
    background-position: 0 -830px;
  }
  .sec__timeline {
    padding: 20px 0;
  }
  .timeline-item {
    width: 336px;
    height: 167px;
    background-image: url("../img/service_img/platform_img_mo.png");
    background-size: 336px 3894px;
  }
  .timeline-item.left, .timeline-item.right {
    margin: 0 auto 20px;
  }
  .timeline-item.item02 {
    background-position: 0 -177px;
  }
  .timeline-item.item03 {
    background-position: 0 -354px;
  }
  .timeline-item.item04 {
    background-position: 0 -531px;
  }
  .timeline-item.item05 {
    background-position: 0 -708px;
  }
  .timeline-item.item06 {
    background-position: 0 -885px;
  }
  .timeline-item.item07 {
    background-position: 0 -1062px;
  }
  .timeline-item.item08 {
    background-position: 0 -1239px;
  }
  .timeline-item.item09 {
    background-position: 0 -1416px;
  }
  .timeline-item.item10 {
    background-position: 0 -1593px;
  }
  .timeline-item.item11 {
    background-position: 0 -1770px;
  }
  .timeline-item.item12 {
    background-position: 0 -1947px;
  }
  .timeline-item.item13 {
    height: 177px;
    margin-bottom: 0;
    background-position: 0 -2124px;
  }
  .timeline-item.item14 {
    background-position: 0 -2311px;
  }
  .timeline-item.item15 {
    background-position: 0 -2488px;
  }
  .timeline-item.item16 {
    background-position: 0 -2665px;
  }
  .timeline-item.item17 {
    background-position: 0 -2842px;
  }
  .timeline-item.item18 {
    background-position: 0 -3019px;
  }
  .timeline-item.item19 {
    margin-bottom: 0;
    background-position: 0 -3196px;
  }
  .timeline-item.item20 {
    background-position: 0 -3373px;
  }
  .timeline-item.item21 {
    background-position: 0 -3550px;
  }
  .timeline-item.item22 {
    margin-bottom: 0;
    background-position: 0 -3727px;
  }
}
.policy_tit {
  padding-bottom: 16px;
  margin: 60px 0;
  color: var(--black);
  border-bottom: 2px solid var(--black);
}

.policy_txt {
  color: var(--font-100);
  font-size: 15px;
  line-height: 1.4;
  margin-bottom: 40px;
}
.policy_txt p {
  margin-top: 10px;
}

.sec__policy-terms {
  padding: 10px;
  margin-bottom: 28px;
}
.sec__policy-terms .tit {
  color: var(--black);
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
}

.sec__policy-item {
  margin-bottom: 28px;
}
.sec__policy-item:last-child {
  margin-bottom: 0;
}
.sec__policy-item .subtit {
  color: var(--font-100);
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 12px;
}
.sec__policy-item p {
  color: var(--font-100);
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 8px;
}
.sec__policy-item ul {
  padding-left: 16px;
  margin-bottom: 8px;
}
.sec__policy-item ul li {
  color: var(--font-100);
  font-size: 15px;
  line-height: 1.4;
  padding: 2px 0;
}

@media (max-width: 1200px) {
  .policy_tit {
    padding-bottom: 12px;
    margin: 40px 0 20px;
  }
  .sec__policy-terms {
    padding: 12px;
  }
}