@charset "UTF-8";
/**
	* Computes a CSS calc function that betweens a value from
	* A to B over viewport-width A to viewport-width B.
	* Requires a media query to cap the value at B.
	* vw 단위를 활용하여 미디어쿼리 분기의 중간 상태값을
	* 계산해주는 SASS 함수.
	* 간격이나 폰트사이즈에 적용하면 자연스러운
	* 반응형 사이즈 처리가 가능 함.
	* 참고사이트 http://dohoons.com/blog/1364
	*/
/**
	* Read the article: http://sassbreak.com/viewport-relative-headings-with-sass
	* px 를 vw 로 자동으로 바꿔 줌.
	* max-breakpoint 를 설정하면 미디어쿼리 브레이크 포인트가 됨.
	* 그래서 미디어쿼리 브레이크 포인트에 맞춰 px 가 vw 로 변환됨.
	* 100% 보다 더 크게 적용 하고 싶으면 return 부분을 수정하면됨.
	* 참고사이트 http://sassbreak.com/viewport-relative-headings-with-sass/
	*/
.-offscreen {
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  position: absolute;
  left: 0;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0 ;
  border: 0;
}

.--ellipsis {
  overflow: hidden ;
  white-space: nowrap ;
  text-overflow: ellipsis ;
  width: 100%;
  height: auto;
}
.wrap {
  position: relative;
  overflow: hidden;
}
.sky-college picture {
  display: block;
  font-size: 0;
}
.sky-college__banner {
  left: 0;
  width: 100%;
  height: 125px;
  background-color: #100924;
}
.sky-college__banner[data-element-state=auto] {
  position: absolute;
  top: 121px;
}
.sky-college__banner[data-element-state=fix] {
  position: fixed;
  top: 0;
  z-index: 99;
}
@media (max-width: 1140px) {
  .sky-college__banner {
    height: 105px;
  }
}
@media (max-width: 1023px) {
  .sky-college__banner[data-element-state=auto] {
    top: 57px;
  }
}
@media (max-width: 480px) {
  .sky-college__banner {
    height: 74px;
  }
}
.sky-college__banner-container {
  position: relative;
  width: 1140px;
  height: 100%;
  margin: 0 auto;
}
.sky-college__banner-container:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 69px;
  width: 399px;
  height: 125px;
  background: url("../../images/sub/bem/sky-college__banner--before.png") no-repeat center;
  background-size: contain;
}
@media (max-width: 1140px) {
  .sky-college__banner-container {
    width: 100%;
  }
  .sky-college__banner-container:before {
    display: none;
  }
}
.sky-college__banner-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  height: 100%;
  padding-left: 500px;
}
@media (max-width: 1140px) {
  .sky-college__banner-list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: unset;
  }
}
.sky-college__banner-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  height: auto;
}
.sky-college__banner-item + .sky-college__banner-item {
  margin-left: 18px;
}
.sky-college__banner-item .-value {
  display: inline-block;
  vertical-align: top;
  width: 80px;
  height: 80px;
  border-radius: 10px;
  background-color: #fff;
  font-family: "GmarketSansBold";
  font-size: 40px;
  color: #2f2f2f;
  text-align: center;
  line-height: 86px;
  letter-spacing: -0.025em;
}
.sky-college__banner-item .-unit {
  display: inline-block;
  vertical-align: top;
  margin: 30px 0 0 8px;
  font-family: "GmarketSansMedium";
  font-size: 34px;
  color: #fff;
  letter-spacing: -0.025em;
}
@media (max-width: 1140px) {
  .sky-college__banner-item .-value {
    width: 60px;
    height: 60px;
    font-size: 28px;
    line-height: 66px;
  }
  .sky-college__banner-item .-unit {
    margin-top: 8px;
    font-size: 25px;
  }
}
@media (max-width: 480px) {
  .sky-college__banner-item + .sky-college__banner-item {
    margin-left: unset;
  }
  .sky-college__banner-item + .sky-college__banner-item:before {
    content: ":";
    display: inline-block;
    vertical-align: top;
    margin: 8px 10px 0 8px;
    font-family: "GmarketSansMedium";
    font-size: 25px;
    color: #fff;
  }
  .sky-college__banner-item .-value {
    width: 48px;
    height: 48px;
    font-size: 24px;
    line-height: 54px;
  }
  .sky-college__banner-item .-unit {
    display: none;
  }
}
.sky-college__showcase {
  position: relative;
  width: 100%;
  height: auto;
  background: url("../../images/sub/bem/sky-college__showcase.jpg") no-repeat center;
  background-size: cover;
}
.sky-college__showcase:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1334px;
  height: 865px;
  background: url("../../images/sub/bem/sky-college__showcase--before.png") no-repeat center;
  background-size: contain;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.sky-college__banner[data-element-state=auto] + .sky-college__showcase {
  margin-top: 125px;
}
.sky-college__banner[data-element-state=fix] + .sky-college__showcase {
  margin-top: 0;
}
@media (max-width: 1140px) {
  .sky-college__showcase {
    background: none;
  }
  .sky-college__showcase:before {
    display: none;
  }
  .sky-college__banner[data-element-state=auto] + .sky-college__showcase {
    margin-top: 105px;
  }
}
@media (max-width: 480px) {
  .sky-college__banner[data-element-state=auto] + .sky-college__showcase {
    margin-top: 74px;
  }
}
.sky-college__showcase-container {
  position: relative;
  width: 1140px;
  height: 1495px;
  margin: 0 auto;
  padding-top: 112px;
  text-align: center;
}
@media (max-width: 1140px) {
  .sky-college__showcase-container {
    width: 100%;
    height: auto;
    padding-top: unset;
  }
}
.sky-college__showcase-description {
  font-size: 38px;
  font-family: "GmarketSansMedium";
  color: #fff;
  line-height: 1;
  letter-spacing: -0.025rem;
}
.sky-college__showcase-description .-icon {
  display: inline-block;
  vertical-align: top;
  width: 23px;
  height: 23px;
  margin: 2px 18px;
  background: url("../../images/sub/bem/sky-college__showcase-description--icon.png") no-repeat center;
  background-size: contain;
}
@media (max-width: 1140px) {
  .sky-college__showcase-description {
    display: none;
  }
}
.sky-college__showcase-title.-pc {
  display: inline-block;
  vertical-align: top;
  margin-top: 62px;
}
.sky-college__showcase-title.-mo {
  display: none;
}
@media (max-width: 1140px) {
  .sky-college__showcase-title.-pc {
    display: none;
  }
  .sky-college__showcase-title.-mo {
    display: block;
    width: 100%;
    height: auto;
  }
}
.sky-college__showcase-tag {
  display: block;
  width: 372px;
  height: 77px;
  margin: 62px auto 0 auto;
  border: 2px solid #fff;
  font-family: "GmarketSansMedium";
  font-size: 36px;
  color: #fff;
  text-align: center;
  line-height: 77px;
  letter-spacing: -0.025em;
}
@media (max-width: 1140px) {
  .sky-college__showcase-tag {
    display: none;
  }
}
.sky-college__showcase-content {
  position: absolute;
  bottom: 56px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media (max-width: 1140px) {
  .sky-college__showcase-content {
    display: none;
  }
}
.sky-college__showcase-content-title {
  display: inline-block;
  vertical-align: top;
}
.sky-college__showcase-content-list {
  width: 556px;
  height: auto;
  margin: 50px auto 0 auto;
}
.sky-college__showcase-content-item {
  font-family: "GmarketSansLight";
  font-size: 28px;
  color: #fff;
  text-align: left;
  line-height: 46px;
  letter-spacing: -0.025em;
}
.sky-college__showcase-content-item:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 22px;
  margin: 8px 17px 0 0;
  background: url("../../images/sub/bem/sky-college__showcase-content-item--before.png") no-repeat center;
  background-size: contain;
}
.sky-college__event {
  width: 100%;
  height: auto;
  background-color: #100924;
  -webkit-box-shadow: 5px 9px 16px 0 rgba(0, 0, 0, 0.11);
          box-shadow: 5px 9px 16px 0 rgba(0, 0, 0, 0.11);
}
.sky-college__event .-media {
  display: none;
  width: 100%;
  height: auto;
}
@media (max-width: 1140px) {
  .sky-college__event {
    background-color: unset;
  }
  .sky-college__event .-media {
    display: block;
  }
}
.sky-college__event-container {
  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;
  position: relative;
  width: 1140px;
  height: 274px;
  margin: 0 auto;
}
.sky-college__event-container:after {
  content: "";
  display: block;
  width: 266px;
  height: 274px;
  background: url("../../images/sub/bem/sky-college__event-container--after.png") no-repeat center;
  background-size: contain;
}
@media (max-width: 1140px) {
  .sky-college__event-container {
    width: 100%;
    height: auto;
  }
  .sky-college__event-container:after {
    display: none;
  }
}
.sky-college__event-description {
  font-family: "GmarketSansLight";
  font-size: 32px;
  color: #fff;
  line-height: 45px;
  letter-spacing: -0.025em;
}
.sky-college__event-description:before {
  content: "";
  display: block;
  width: 114px;
  height: 34px;
  margin-bottom: 22px;
  background: url("../../images/sub/bem/sky-college__event-description--before.png") no-repeat center;
  background-size: contain;
}
.sky-college__event-description .-em {
  display: inline-block;
  vertical-align: top;
  font-family: "GmarketSansBold";
  font-size: 38px;
  color: #fff;
  line-height: 38px;
  letter-spacing: -0.05em;
}
.sky-college__event-description .-highlight {
  display: inline-block;
  vertical-align: top;
  font-family: inherit;
  font-size: inherit;
  color: #ad87ff;
  line-height: inherit;
  letter-spacing: inherit;
}
@media (max-width: 1140px) {
  .sky-college__event-description {
    display: none;
  }
}
.sky-college__document {
  position: relative;
  width: 100%;
  height: auto;
  background-color: #fff;
}
.sky-college[data-event-state=end] .sky-college__document:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 97;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
}
.sky-college[data-event-state=end] .sky-college__document:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 98;
  top: 50%;
  left: 50%;
  width: 368px;
  height: 320px;
  background: url("../../images/sub/bem/@common__end-after.png") no-repeat center;
  background-size: contain;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (max-width: 1140px) {
  .sky-college[data-event-state=end] .sky-college__document:after {
    width: 294px;
    height: 256px;
  }
}
.sky-college__document-fieldset {
  width: 1140px;
  height: auto;
  margin: 0 auto;
  padding: 80px 0;
}
@media (max-width: 1140px) {
  .sky-college__document-fieldset {
    width: 100%;
    padding: 60px 25px;
  }
}
@media (max-width: 480px) {
  .sky-college__document-fieldset {
    padding: 32px 24px;
  }
}
.sky-college__document-field {
  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;
}
.sky-college__document-field + .sky-college__document-field {
  margin-top: 30px;
}
@media (max-width: 1140px) {
  .sky-college__document-field + .sky-college__document-field {
    margin-top: 40px;
  }
}
@media (max-width: 480px) {
  .sky-college__document-field + .sky-college__document-field {
    margin-top: 24px;
  }
}
.sky-college__document-label {
  display: block;
  width: 292px;
  height: auto;
  font-family: "GmarketSansMedium";
  font-size: 32px;
  color: #323232;
  letter-spacing: -0.025em;
}
@media (max-width: 1140px) {
  .sky-college__document-label {
    width: 148px;
    font-size: 26px;
  }
}
@media (max-width: 480px) {
  .sky-college__document-label {
    font-size: 18px;
    width: 100px;
  }
}
.sky-college__document-input {
  display: block;
  width: 848px;
  height: 86px;
  padding: 6px 0 0 22px;
  border: 1px solid #9d9d9d;
  border-radius: 20px;
  font-family: "GmarketSansLight";
  font-size: 30px;
  color: #777;
  letter-spacing: -0.025em;
}
@media (max-width: 1140px) {
  .sky-college__document-input {
    width: unset;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 1px;
    height: 66px;
    font-size: 26px;
  }
}
@media (max-width: 480px) {
  .sky-college__document-input {
    height: 48px;
    padding-left: 16px;
    border-radius: 12px;
    font-size: 16px;
  }
}
.sky-college__document-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 28px;
}
@media (max-width: 1140px) {
  .sky-college__document-group {
    margin-top: 40px;
  }
}
@media (max-width: 480px) {
  .sky-college__document-group {
    margin-top: 24px;
  }
}
.sky-college__document-group-title {
  width: 292px;
  height: auto;
  font-family: "GmarketSansMedium";
  font-size: 32px;
  color: #323232;
  letter-spacing: -0.025em;
}
.sky-college__document-group-title.-pc {
  display: block;
  line-height: 86px;
}
.sky-college__document-group-title.-mo {
  display: none;
  line-height: 30px;
}
@media (max-width: 1140px) {
  .sky-college__document-group-title {
    width: 148px;
    font-size: 26px;
  }
  .sky-college__document-group-title.-pc {
    display: none;
  }
  .sky-college__document-group-title.-mo {
    display: block;
  }
}
@media (max-width: 480px) {
  .sky-college__document-group-title {
    width: 100px;
    font-size: 18px;
  }
  .sky-college__document-group-title.-mo {
    line-height: 24px;
  }
}
.sky-college__document-forms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
}
@media (max-width: 750px) {
  .sky-college__document-forms {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.sky-college__document-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.sky-college__document-form + .sky-college__document-form {
  margin-left: 28px;
}
@media (max-width: 1140px) {
  .sky-college__document-form + .sky-college__document-form {
    margin-left: 32px;
  }
}
@media (max-width: 750px) {
  .sky-college__document-form {
    width: 100%;
  }
  .sky-college__document-form + .sky-college__document-form {
    margin-top: 8px;
    margin-left: unset;
  }
}
.sky-college__document-name {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "GmarketSansMedium";
  font-size: 30px;
  color: #323232;
  letter-spacing: -0.025em;
}
.sky-college__document-name:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  background: url("../../images/sub/bem/sky-college__document-radio.png") no-repeat center;
  background-size: contain;
}
.sky-college__document-radio:checked + .sky-college__document-name:before {
  background-image: url("../../images/sub/bem/sky-college__document-radio--checked.png");
}
@media (max-width: 1140px) {
  .sky-college__document-name {
    font-size: 25px;
  }
  .sky-college__document-name:before {
    width: 26px;
    height: 26px;
  }
}
@media (max-width: 480px) {
  .sky-college__document-name {
    font-size: 18px;
  }
}
.sky-college__document-list {
  width: 100%;
  height: auto;
  padding-left: 292px;
}
@media (max-width: 1140px) {
  .sky-college__document-list {
    padding-left: 148px;
  }
}
@media (max-width: 750px) {
  .sky-college__document-list {
    margin-top: 12px;
  }
}
@media (max-width: 480px) {
  .sky-college__document-list {
    padding-left: 0;
  }
}
.sky-college__document-item {
  position: relative;
  padding-left: 16px;
  font-family: "GmarketSansLight";
  font-size: 25px;
  color: #828282;
  line-height: 38px;
  letter-spacing: -0.05em;
}
.sky-college__document-item:before {
  content: "* ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
@media (max-width: 1140px) {
  .sky-college__document-item {
    font-size: 22px;
    line-height: 30px;
  }
}
@media (max-width: 480px) {
  .sky-college__document-item {
    font-size: 16px;
    line-height: 24px;
  }
}
.sky-college__apply-button {
  display: block;
  width: 521px;
  height: 105px;
  margin: 45px auto 56px auto;
  background: url("../../images/sub/bem/sky-college__apply-button.png") no-repeat center;
  background-size: contain;
}
@media (max-width: 1140px) {
  .sky-college__apply-button {
    width: 436px;
    height: 95px;
    margin: 40px auto;
  }
}
@media (max-width: 480px) {
  .sky-college__apply-button {
    width: 100%;
    margin: 24px 0 32px 0;
  }
}
.sky-college__guide-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sky-college__guide-item + .sky-college__guide-item {
  margin-top: 20px;
}
.sky-college__guide-item .-key {
  display: inline-block;
  vertical-align: top;
  width: 184px;
  height: 56px;
  border-radius: 56px;
  background-color: #323232;
  font-family: "GmarketSansMedium";
  font-size: 30px;
  color: #fff;
  text-align: center;
  text-align: center;
  line-height: 62px;
  letter-spacing: -0.05em;
}
.sky-college__guide-item .-key.-em {
  background-color: #5d29d8;
}
.sky-college__guide-item .-value {
  display: inline-block;
  vertical-align: top;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 18px;
  font-family: "GmarketSansMedium";
  font-size: 30px;
  color: #323232;
  line-height: 40px;
  letter-spacing: -0.05em;
}
.sky-college__guide-item .-value.-em {
  color: #5d29d8;
}
@media (max-width: 1140px) {
  .sky-college__guide-item + .sky-college__guide-item {
    margin-top: 40px;
  }
  .sky-college__guide-item .-key {
    width: 154px;
    height: 50px;
    border-radius: 50px;
    font-size: 25px;
    line-height: 56px;
  }
  .sky-college__guide-item .-value {
    margin-left: 16px;
    font-size: 25px;
    line-height: 30px;
  }
}
@media (max-width: 480px) {
  .sky-college__guide-item {
    display: block;
  }
  .sky-college__guide-item + .sky-college__guide-item {
    margin-top: 24px;
  }
  .sky-college__guide-item .-key {
    display: block;
    width: 120px;
    height: 44px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 48px;
  }
  .sky-college__guide-item .-value {
    display: block;
    margin-top: 12px;
    margin-left: unset;
    font-size: 18px;
    text-align: center;
    line-height: 24px;
  }
}
.sky-college__notice {
  width: 100%;
  height: auto;
}
.sky-college__notice-handler {
  display: block;
  width: 100%;
  height: 105px;
  background-color: #9a9a9a;
}
@media (max-width: 1140px) {
  .sky-college__notice-handler {
    height: 75px;
  }
}
@media (max-width: 750px) {
  .sky-college__notice-handler {
    height: 58px;
  }
}
.sky-college__notice-title {
  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;
  font-family: "GmarketSansBold";
  font-size: 40px;
  color: #fff;
  text-align: center;
  line-height: 105px;
  letter-spacing: -0.025em;
}
.sky-college__notice-title:before {
  content: "";
  display: block;
  width: 41px;
  height: 41px;
  margin: -4px 12px 0 0;
  background: url("../../images/sub/bem/sky-college__notice-title--before.png") no-repeat center;
  background-size: contain;
}
.sky-college__notice-title:after {
  content: "";
  display: block;
  width: 41px;
  height: 41px;
  margin: -8px 0 0 12px;
  background: url("../../images/sub/bem/sky-college__notice-title--after.png") no-repeat center;
  background-size: contain;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sky-college__notice-handler[aria-expanded=false] .sky-college__notice-title:after {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
@media (max-width: 1140px) {
  .sky-college__notice-title {
    font-size: 30px;
    line-height: 75px;
  }
  .sky-college__notice-title:before {
    width: 32px;
    height: 32px;
    margin: -4px 8px 0 0;
  }
  .sky-college__notice-title:after {
    width: 32px;
    height: 32px;
    margin: -6px 0 0 6px;
  }
}
@media (max-width: 750px) {
  .sky-college__notice-title {
    font-size: 24px;
    line-height: 62px;
  }
}
.sky-college__notice-listener {
  overflow: hidden;
  width: 100%;
  height: auto;
  background-color: #f1f1f1;
}
.sky-college__notice-list {
  width: 1140px;
  height: auto;
  margin: 0 auto;
  padding: 44px 0;
}
@media (max-width: 1140px) {
  .sky-college__notice-list {
    width: 100%;
    padding: 32px 40px;
  }
}
@media (max-width: 750px) {
  .sky-college__notice-list {
    padding: 24px;
  }
}
.sky-college__notice-item {
  position: relative;
  padding-left: 18px;
  font-family: "GmarketSansLight";
  font-size: 28px;
  color: #323232;
  line-height: 51px;
  letter-spacing: -0.025em;
}
.sky-college__notice-item:before {
  content: "-";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.sky-college__notice-item.-em {
  font-family: "GmarketSansMedium";
}
.sky-college__notice-item .-em {
  display: inline-block;
  vertical-align: top;
  font-family: "GmarketSansMedium";
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
@media (max-width: 1140px) {
  .sky-college__notice-item {
    font-size: 24px;
    line-height: 44px;
  }
}
@media (max-width: 750px) {
  .sky-college__notice-item {
    font-size: 16px;
    line-height: 32px;
  }
}

.sub07 .video-pop {
  width: auto;
  max-width: unset;
}
.sub07 .video-pop .pop-content {
  position: relative;
  border: unset !important;
}
.sub07 .video-pop .pop-close {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 44px;
  height: 44px;
  background: url("../../images/sub/bem/star-player__pop-close.jpg") no-repeat center;
  background-size: cover;
}

.star-player {
  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-top: 44px;
}
.star-player, .star-player * {
  background-color: unset !important;
}
.star-player__controller-trigger {
  display: block;
  position: absolute;
  bottom: 32px;
  left: 8px;
  width: 32px;
  height: 32px;
  font-size: 0;
}
.star-player__video {
  display: block;
  width: 1025px;
  height: 100%;
}
.star-player__video > * {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1024px) {
  .star-player__video {
    width: 100vw;
    height: auto;
  }
}
.star-player__showcase {
  position: relative;
}
.star-player__showcase > iframe {
  display: block;
}
.star-player__index {
  position: relative;
  z-index: 1;
  width: 247px;
  height: 100%;
  min-height: 577px;
  background-color: #fff !important;
}
@media (max-width: 1271px) {
  .star-player__index {
    display: none;
  }
}
.star-player__index-name {
  padding: 0 10px;
  background-color: #182848 !important;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  line-height: 36px;
  letter-spacing: -0.025em;
}
.star-player__index-list {
  overflow: hidden auto;
  width: 100%;
  height: auto;
  max-height: calc(100% - 36px);
}
.star-player__index-list::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #fff;
}
.star-player__index-list::-webkit-scrollbar-button {
  display: none;
}
.star-player__index-list::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #e5e5e5;
}
.star-player__index-list::-webkit-scrollbar-track, .star-player__index-list::-webkit-scrollbar-track-piece {
  background-color: #fff;
}
.star-player__index-item {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #e2e2e2;
}
.star-player__index-item .-key {
  width: 60px;
  height: auto;
  padding: 4px 10px;
  font-size: 16px;
  font-weight: normal;
  color: #333;
  line-height: 26px;
  letter-spacing: -0.025em;
}
.star-player__index-item .-value {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: auto;
  min-width: 1px;
  padding: 4px 10px;
  font-size: 16px;
  font-weight: normal;
  color: #333;
  line-height: 26px;
  letter-spacing: -0.025em;
}
.star-player__index-item[aria-current=step] {
  background-color: #e2ecf9;
}
.star-player__index-item[aria-current=step],
.star-player__index-item[aria-current=step] .-key,
.star-player__index-item[aria-current=step] .-value {
  font-weight: 700;
  color: #2c4578;
}
.star-player__scripts {
  width: 100%;
  margin-top: 10px;
}
@media (max-width: 1024px) {
  .star-player__scripts {
    width: 100vw;
  }
}
.star-player__script {
  font-size: 20px;
  font-weight: normal;
  color: #fff;
}
@media (max-width: 1000px) {
  .star-player__script {
    font-size: 16px;
  }
}

@media (max-width: 1400px) {
  .header .nav.ver02 > ul {
    max-width: unset !important;
  }
  .header .nav.ver02 > ul > li:first-child {
    margin-left: -10% !important;
  }
}
@media (max-width: 1240px) {
  .header .nav.ver02 > ul {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .header .nav.ver02 > ul > li {
    padding: 24px 0 !important;
    font-size: 16px !important;
  }
  .header .nav.ver02 > ul > li:first-child {
    margin-left: -12% !important;
  }
  .header .nav.ver02 > ul > li:hover > a::after, .header .nav.ver02 > ul > li.active > a::after {
    left: 0 !important;
    width: 100% !important;
  }
  .header .nav.ver02 > ul > li + li {
    margin-left: 20px !important;
  }
}
@media (max-width: 1100px) {
  .header .nav.ver02 > ul > li + li {
    margin-left: 12px !important;
  }
}
.final-week {
  width: 100%;
  height: auto;
  margin-bottom: -100px;
}
@media (max-width: 1100px) {
  .final-week {
    margin-bottom: unset;
  }
}
.final-week__showcase {
  position: relative;
  width: 100%;
  height: 660px;
  background: url("../../images/bem/final-week/final-week__showcase.jpg") no-repeat center;
  background-size: cover;
}
@media (max-width: 1100px) {
  .final-week__showcase {
    height: auto;
  }
}
@media (max-width: 750px) {
  .final-week__showcase {
    background: unset;
    background-size: unset;
  }
}
.final-week__showcase-picture {
  display: block;
  width: 100%;
  height: 100%;
}
.final-week__showcase-picture > source {
  width: 100%;
  height: 100%;
}
.final-week__showcase-picture > img {
  display: block;
  width: auto;
  height: 100%;
  margin: 0 auto;
}
@media (max-width: 1100px) {
  .final-week__showcase-picture > img {
    width: 100%;
  }
}
.final-week__showcase-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  position: absolute;
  top: 471px;
  left: 50%;
  width: 130px;
  height: 130px;
  margin-left: -550px;
  border-radius: 100%;
  background: rgb(118, 18, 255);
  background: -webkit-gradient(linear, left top, right top, from(rgb(118, 18, 255)), to(rgb(46, 4, 210)));
  background: linear-gradient(90deg, rgb(118, 18, 255) 0%, rgb(46, 4, 210) 100%);
}
.final-week__showcase-link:after {
  content: "";
  display: block;
  width: 28px;
  height: 14px;
  margin-top: 8px;
  background: url("../../images/bem/final-week/final-week__showcase-link--arrow.png") no-repeat center;
  background-size: contain;
}
.final-week__showcase-link .-key {
  display: block;
  width: 100%;
  height: auto;
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-weight: bold;
  color: #2fefff;
  text-align: center;
  line-height: 25.83px;
}
.final-week__showcase-link .-value {
  display: block;
  width: 100%;
  height: auto;
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-weight: normal;
  color: #fff;
  text-align: center;
  line-height: 25.83px;
}
@media (max-width: 1100px) {
  .final-week__showcase-link {
    top: 66%;
    left: 4%;
    margin-left: unset;
  }
}
@media (max-width: 750px) {
  .final-week__showcase-link {
    position: unset;
    width: 100%;
    height: 44px;
    border-radius: unset;
    background: linear-gradient(-79deg, rgb(118, 18, 255) 0%, rgb(46, 4, 210) 100%);
  }
  .final-week__showcase-link:after {
    width: 10px;
    height: 14px;
    margin: 0 0 0 6px;
    background: url("../../images/bem/final-week/final-week__showcase-link--arrow--mo.png") no-repeat center;
    background-size: contain;
  }
  .final-week__showcase-link .-key {
    display: inline-block;
    vertical-align: top;
    width: auto;
    font-size: 20px;
    line-height: 24px;
  }
  .final-week__showcase-link .-value {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin: 0 0 0 4px;
    font-size: 20px;
    line-height: 24px;
  }
}
@media (max-width: 480px) {
  .final-week__showcase-link {
    height: 34px;
  }
  .final-week__showcase-link:after {
    width: 7px;
    height: 11px;
  }
  .final-week__showcase-link .-key {
    font-size: 14px;
    line-height: 18.24px;
  }
  .final-week__showcase-link .-value {
    font-size: 14px;
    line-height: 18.24px;
  }
}
.final-week__content {
  width: 1100px;
  height: auto;
  margin: 0 auto;
  padding-top: 28px;
}
@media (max-width: 1100px) {
  .final-week__content {
    width: 100%;
    margin: unset;
    padding: 15px 20px 0 20px;
  }
}
.final-week__tooltip {
  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;
  position: relative;
  margin-bottom: 13px;
}
@media (max-width: 1100px) {
  .final-week__tooltip {
    margin-bottom: 10px;
  }
}
.final-week__tooltip-opener {
  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;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  line-height: 20px;
  letter-spacing: -0.025em;
}
.final-week__tooltip-opener:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 19px;
  height: 19px;
  margin-right: 10px;
  background: url("../../images/bem/final-week/final-week__tooltip-opener--before.png") no-repeat center;
  background-size: contain;
}
@media (max-width: 1100px) {
  .final-week__tooltip-opener {
    font-size: 14px;
  }
  .final-week__tooltip-opener:before {
    width: 16px;
    height: 16px;
    margin-right: 5px;
  }
}
.final-week__tooltip-target {
  display: none;
  position: absolute;
  z-index: 2;
  top: 33px;
  right: 0;
}
.final-week__tooltip-target:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: -8px;
  right: 20px;
  border-bottom: 10px solid #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.final-week__tooltip-target[aria-hidden=false] {
  display: block;
}
@media (max-width: 1100px) {
  .final-week__tooltip-target {
    left: 0;
  }
}
.final-week__tooltip-document {
  position: relative;
  width: 523px;
  height: auto;
  padding: 40px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.5);
}
@media (max-width: 1100px) {
  .final-week__tooltip-document {
    width: 100%;
    padding: 30px 18px;
  }
}
.final-week__tooltip-description {
  font-size: 16.67px;
  font-weight: bold;
  color: #333;
  text-align: left;
  line-height: 22px;
  letter-spacing: -0.025em;
}
@media (max-width: 1100px) {
  .final-week__tooltip-description {
    font-size: 15px;
  }
}
.final-week__tooltip-list {
  margin-top: 13px;
}
@media (max-width: 1100px) {
  .final-week__tooltip-list {
    margin-top: 6px;
  }
}
.final-week__tooltip-item {
  position: relative;
  padding-left: 12px;
  font-size: 16.67px;
  font-weight: normal;
  color: #000;
  text-align: left;
  line-height: 25px;
}
.final-week__tooltip-item:before {
  content: "-";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 25px;
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
}
.final-week__tooltip-item + .final-week__tooltip-item {
  margin-top: 7px;
}
@media (max-width: 1100px) {
  .final-week__tooltip-item {
    padding-left: 10px;
    font-size: 14px;
  }
  .final-week__tooltip-item:before {
    width: 10px;
  }
  .final-week__tooltip-item + .final-week__tooltip-item {
    margin-top: 4px;
  }
}
.final-week__tooltip-closer {
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 14px;
  height: 14px;
  background: url("../../images/bem/final-week/final-week__tooltip-closer.png") no-repeat center;
  background-size: contain;
}
@media (max-width: 1100px) {
  .final-week__tooltip-closer {
    top: 10px;
    right: 12px;
    width: 12px;
    height: 12px;
  }
}
.final-week__update-trigger {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-right: 20px;
  padding-left: 28px;
}
.final-week__update-trigger:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 19px;
  height: 19px;
  background: url("../../images/bem/final-week/final-week__tooltip-opener--before.png") center/contain no-repeat;
}
@media (max-width: 1100px) {
  .final-week__update-trigger {
    margin-right: 12px;
    padding-left: 20px;
  }
  .final-week__update-trigger:before {
    width: 16px;
    height: 16px;
    margin-top: 2px;
  }
}
.final-week__update-title {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  line-height: 20px;
  letter-spacing: -0.025em;
}
@media (max-width: 1100px) {
  .final-week__update-title {
    font-size: 14px;
  }
}
.final-week__update-content {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
}
.final-week__update-content:before {
  content: "(";
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  line-height: 20px;
  letter-spacing: -0.025em;
}
.final-week__update-content:after {
  content: ")";
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  line-height: 20px;
  letter-spacing: -0.025em;
}
@media (max-width: 1100px) {
  .final-week__update-content:before, .final-week__update-content:after {
    font-size: 14px;
  }
}
.final-week__update-key {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  line-height: 20px;
  letter-spacing: -0.025em;
}
@media (max-width: 1100px) {
  .final-week__update-key {
    font-size: 14px;
  }
}
.final-week__update-value {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  line-height: 20px;
  letter-spacing: -0.025em;
}
.final-week__update-value:before {
  content: "/";
  display: inline-block;
  vertical-align: top;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
@media (max-width: 1100px) {
  .final-week__update-value {
    font-size: 14px;
  }
}
.final-week__update-target {
  display: none;
  position: absolute;
  z-index: 2;
  top: 33px;
  right: 110px;
}
.final-week__update-target:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: -8px;
  right: 20px;
  border-bottom: 10px solid #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.final-week__update-target[aria-hidden=false] {
  display: block;
}
@media (max-width: 1100px) {
  .final-week__update-target {
    right: 0;
    left: 0;
  }
  .final-week__update-target:before {
    right: 256px;
  }
}
.final-week__update-document {
  position: relative;
  width: 523px;
  height: auto;
  padding: 40px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.5);
}
@media (max-width: 1100px) {
  .final-week__update-document {
    width: 100%;
    padding: 30px 18px;
  }
}
.final-week__update-caption {
  font-size: 16.67px;
  font-weight: bold;
  color: #333;
  line-height: 22px;
  letter-spacing: -0.025em;
}
@media (max-width: 1100px) {
  .final-week__update-caption {
    font-size: 15px;
  }
}
.final-week__update-table {
  width: 100%;
  height: auto;
  margin-top: 18px;
}
.final-week__update-table::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #fff;
}
.final-week__update-table::-webkit-scrollbar-button {
  display: none;
}
.final-week__update-table::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #e5e5e5;
}
.final-week__update-table::-webkit-scrollbar-track, .final-week__update-table::-webkit-scrollbar-track-piece {
  background-color: #fff;
}
.final-week__update-table table {
  width: 100%;
  height: auto;
  border: 1px solid #acacac;
  background-color: #fff;
}
.final-week__update-table thead {
  background-color: #f2f2f2;
}
.final-week__update-table thead th {
  padding: 6px 0;
  font-size: 15px;
  font-weight: bold;
  color: #000;
  text-align: center;
  line-height: 20px;
}
.final-week__update-table thead th + th {
  border-left: 1px solid #acacac;
}
.final-week__update-table tbody {
  border-top: 1px solid #acacac;
}
.final-week__update-table tbody tr + tr {
  border-top: 1px solid #acacac;
}
.final-week__update-table tbody th {
  padding: 10px;
  font-size: 15px;
  font-weight: normal;
  color: #000;
  text-align: center;
  line-height: 20px;
}
.final-week__update-table tbody th + .final-week__update-table tbody th {
  border: 1px solid #acacac;
}
.final-week__update-table tbody td {
  padding: 5px;
  border-left: 1px solid #acacac;
  font-size: 15px;
  font-weight: normal;
  color: #000;
  text-align: left;
}
@media (max-width: 1100px) {
  .final-week__update-table {
    margin-top: 8px;
  }
}
.final-week__update-closer {
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 14px;
  height: 14px;
  background: url("../../images/bem/final-week/final-week__tooltip-closer.png") no-repeat center;
  background-size: contain;
}
@media (max-width: 1100px) {
  .final-week__update-closer {
    top: 10px;
    right: 12px;
    width: 12px;
    height: 12px;
  }
}
.final-week__tab-buttons {
  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;
}
.final-week__tab-button {
  display: block;
  width: 50%;
  height: 50px;
  background-color: #2c3c5c;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 50px;
}
.final-week__tab-button:first-child {
  border-radius: 10px 0 0 10px;
}
.final-week__tab-button:last-child {
  border-radius: 0 10px 10px 0;
}
.final-week__tab-button[aria-selected=true] {
  background-color: #ff4381;
}
@media (max-width: 1100px) {
  .final-week__tab-button {
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    letter-spacing: -0.04em;
  }
  .final-week__tab-button:first-child {
    border-radius: 5px 0 0 5px;
  }
  .final-week__tab-button:last-child {
    border-radius: 0 5px 5px 0;
  }
}
.final-week__tab-panel {
  display: none;
  position: relative;
}
.final-week__tab-panel[aria-hidden=false] {
  display: block;
}
.final-week__source {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 405px;
  margin-left: auto;
  padding: 30px 0 20px 0;
}
@media (max-width: 1100px) {
  .final-week__source {
    width: auto;
    margin: unset;
  }
}
.final-week__source-link {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: auto;
  height: 45px;
  padding: 0 22px 0 46px;
  border-radius: 45px;
  font-size: 18px !important;
  font-weight: normal;
  color: #fff !important;
  text-align: left;
  line-height: 45px;
}
.final-week__source-link:before {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
  left: 21px;
  width: 16px;
  height: 16px;
  background: url("../../images/bem/final-week/final-week__source-link--before.png") center/contain no-repeat;
}
.final-week__source-link:first-child {
  background: rgb(92, 64, 255);
  background: linear-gradient(140deg, rgb(92, 64, 255) 0%, rgb(129, 45, 255) 100%);
}
.final-week__source-link:last-child {
  margin-left: 10px;
  border: 1px solid rgb(92, 64, 255);
}
.final-week__source-link > img {
  display: none;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  top: 45px;
  right: 0;
  padding-top: 10px;
  border-radius: 14px;
  -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
}
.final-week__source-link:hover > img, .final-week__source-link > img:hover {
  display: block;
}
@media (max-width: 1100px) {
  .final-week__source-link {
    height: 30px;
    padding: 0 14px 0 36px;
    border-radius: 30px;
    font-size: 14px !important;
    line-height: 30px;
  }
  .final-week__source-link:before {
    top: 7px;
    left: 16px;
  }
  .final-week__source-link > img {
    display: none !important;
  }
}
@media (max-width: 750px) {
  .final-week__source-link {
    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% - 10px) / 2);
    padding: 0;
  }
  .final-week__source-link:before {
    display: inline-block;
    vertical-align: top;
    position: unset;
    margin-right: 10px;
  }
}
.final-week__accordion-item + .final-week__accordion-item {
  margin-top: 20px;
}
.final-week__accordion-trigger {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding: 20px 172px 20px 34px;
  background-color: #2c4578;
  text-align: left;
}
.final-week__accordion-trigger:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 36px;
  width: 16px;
  height: 10px;
  background: url("../../images/bem/final-week/final-week__accordion-button--before.png") no-repeat center;
  background-size: contain;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.final-week__accordion-trigger[data-element-type=ing]:after {
  content: "수강중";
  display: block;
  position: absolute;
  top: 50%;
  right: 68px;
  width: auto;
  height: 40px;
  padding: 0 28px;
  border-radius: 40px;
  background-color: #4266af;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 40px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.final-week__accordion-trigger[data-element-type=end]:after {
  content: "수강완료";
  display: block;
  position: absolute;
  top: 50%;
  right: 68px;
  width: auto;
  height: 40px;
  padding: 0 28px;
  border-radius: 40px;
  background-color: #1f3054;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 40px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.final-week__accordion-trigger[data-element-type=start]:after {
  content: "수강하기";
  display: block;
  position: absolute;
  top: 50%;
  right: 68px;
  width: auto;
  height: 40px;
  padding: 0 28px;
  border-radius: 40px;
  background-color: #1f9dff;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 40px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.final-week__accordion-trigger .-title {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.final-week__accordion-trigger .-data {
  display: block;
  margin-top: 5px;
  font-size: 0;
}
.final-week__accordion-trigger .-grade,
.final-week__accordion-trigger .-step {
  display: inline;
  vertical-align: top;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  letter-spacing: -0.025em;
}
.final-week__accordion-trigger .-grade:not(:first-child):before,
.final-week__accordion-trigger .-step:not(:first-child):before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 1px;
  height: 14px;
  margin: 2px 10px;
  background-color: #fff;
}
.final-week__accordion-trigger .-source {
  display: inline;
  margin-top: 6px;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  letter-spacing: -0.025em;
}
.final-week__accordion-trigger .-source:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 1px;
  height: 14px;
  margin: 2px 10px;
  background-color: #fff;
}
.final-week__accordion-trigger[aria-expanded=true]:before {
  -webkit-transform: translate(0, -50%) rotate(180deg);
      -ms-transform: translate(0, -50%) rotate(180deg);
          transform: translate(0, -50%) rotate(180deg);
}
@media (max-width: 1100px) {
  .final-week__accordion-trigger {
    padding: 15px 32px 15px 13px;
  }
  .final-week__accordion-trigger:before {
    top: 15px;
    right: 15px;
    width: 12px;
    height: 8px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: unset;
        -ms-transform: unset;
            transform: unset;
  }
  .final-week__accordion-trigger[data-element-type=ing]:after, .final-week__accordion-trigger[data-element-type=end]:after, .final-week__accordion-trigger[data-element-type=start]:after {
    display: inline-block;
    vertical-align: top;
    position: unset;
    height: 25px;
    margin-top: 14px;
    padding: 0 10px;
    border-radius: 12.5px;
    font-size: 14px;
    line-height: 27px;
    -webkit-transform: unset;
        -ms-transform: unset;
            transform: unset;
  }
  .final-week__accordion-trigger .-title {
    font-size: 16px;
    line-height: 20px;
  }
  .final-week__accordion-trigger .-data {
    margin-top: 8px;
  }
  .final-week__accordion-trigger .-grade,
  .final-week__accordion-trigger .-step {
    font-size: 14px;
    line-height: 20px;
  }
  .final-week__accordion-trigger .-grade:not(:first-child):before,
  .final-week__accordion-trigger .-step:not(:first-child):before {
    margin: 3px 8px;
  }
  .final-week__accordion-trigger .-source {
    display: block;
    font-size: 14px;
    line-height: 20px;
  }
  .final-week__accordion-trigger .-source:before {
    display: none;
  }
  .final-week__accordion-trigger[aria-expanded=true]:before {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
.final-week__accordion-target {
  padding: 34px;
  background-color: #13213c;
}
@media (max-width: 1100px) {
  .final-week__accordion-target {
    padding: 15px;
  }
}
.final-week__starplayer-trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 16px 28px;
  border: 1px solid #ccc;
  background-color: #fff;
}
.final-week__starplayer-trigger + .final-week__starplayer-trigger {
  margin-top: 21px;
}
.final-week__starplayer-trigger .-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
  height: auto;
  padding-left: 50px;
  font-size: 16px;
  font-weight: bold;
  color: #222;
  text-align: left;
  line-height: 30px;
}
.final-week__starplayer-trigger .-name:before {
  content: "";
  display: block;
  position: absolute;
  top: 2.5px;
  left: 0;
  width: 34px;
  height: 25px;
  background: url("../../images/bem/final-week/final-week__starplayer-trigger--before.jpg") no-repeat center;
  background-size: contain;
}
.final-week__starplayer-trigger .-playtime {
  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;
  position: relative;
  width: 170px;
  height: auto;
}
.final-week__starplayer-trigger .-playtime .-current {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  font-weight: bold;
  color: #1f9dff;
  line-height: 30px;
}
.final-week__starplayer-trigger .-playtime .-current:after {
  content: "/";
  display: inline-block;
  vertical-align: top;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: #222;
  line-height: inherit;
}
.final-week__starplayer-trigger .-playtime .-whole {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  font-weight: normal;
  color: #222;
  line-height: 30px;
}
.final-week__starplayer-trigger[data-element-type=end] .-playtime:before {
  content: "완료";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 57px;
  height: 25px;
  border-radius: 25px;
  background-color: #1f3054;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 25px;
  letter-spacing: -0.025em;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media (max-width: 1100px) {
  .final-week__starplayer-trigger {
    padding: 6px 14px;
  }
  .final-week__starplayer-trigger + .final-week__starplayer-trigger {
    margin-top: 10px;
  }
  .final-week__starplayer-trigger .-name {
    padding-left: 35px;
    font-size: 14px;
  }
  .final-week__starplayer-trigger .-name:before {
    top: 5px;
    width: 27px;
    height: 20px;
  }
  .final-week__starplayer-trigger .-playtime {
    width: 144px;
  }
  .final-week__starplayer-trigger .-playtime .-current,
  .final-week__starplayer-trigger .-playtime .-whole {
    font-size: 14px;
  }
  .final-week__starplayer-trigger[data-element-type=end] .-playtime:before {
    width: 48px;
    height: 21px;
    border-radius: 10.5px;
    font-size: 13px;
    line-height: 21px;
  }
}
.final-week__dialog {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.final-week__dialog[aria-hidden=false] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.final-week__dialog-document {
  width: 741px;
  height: auto;
  background-color: #fff;
}
@media (max-width: 750px) {
  .final-week__dialog-document {
    width: calc(100% - 40px);
  }
}
.final-week__dialog-head {
  position: relative;
  width: 100%;
  height: auto;
  padding: 4px 80px 4px 28px;
  background-color: #2c4578;
}
@media (max-width: 750px) {
  .final-week__dialog-head {
    padding: 20px 32px 20px 15px;
  }
}
.final-week__dialog-heading {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  line-height: 58px;
}
@media (max-width: 750px) {
  .final-week__dialog-heading {
    font-size: 16px;
    line-height: 1;
  }
}
.final-week__dialog-closer {
  display: block;
  position: absolute;
  top: 22px;
  right: 29px;
  width: 22px;
  height: 22px;
  background: url("../../images/bem/final-week/final-week__dialog-closer.png") no-repeat center;
  background-size: contain;
}
@media (max-width: 750px) {
  .final-week__dialog-closer {
    top: 50%;
    right: 16px;
    width: 11px;
    height: 11px;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
.final-week__dialog-body {
  padding: 36px 30px 58px 30px;
}
@media (max-width: 750px) {
  .final-week__dialog-body {
    padding: 30px 7px 30px 20px;
  }
}
@media (max-width: 750px) {
  .final-week__dialog-ratio {
    overflow: hidden auto;
    width: 100%;
    height: auto;
    max-height: 71.4vh;
    padding-right: 13px;
  }
  .final-week__dialog-ratio::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #fff;
  }
  .final-week__dialog-ratio::-webkit-scrollbar-button {
    display: none;
  }
  .final-week__dialog-ratio::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #e5e5e5;
  }
  .final-week__dialog-ratio::-webkit-scrollbar-track, .final-week__dialog-ratio::-webkit-scrollbar-track-piece {
    background-color: #fff;
  }
}
.final-week__dialog-description {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: normal;
  color: #333;
  line-height: 30px;
}
@media (max-width: 750px) {
  .final-week__dialog-description {
    font-size: 14px;
    line-height: 20px;
  }
}
.final-week__dialog-table {
  width: 100%;
  height: auto;
  border-bottom: 1px solid #e2e2e2;
  background-color: #fff;
  border-collapse: collapse;
}
.final-week__dialog-table:nth-of-type(2) {
  position: relative;
  margin-top: 80px;
}
.final-week__dialog-table:nth-of-type(2):before {
  content: "마케팅 정보 활용 동의";
  display: block;
  position: absolute;
  top: -58px;
  left: 0;
  width: 100%;
  height: auto;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  line-height: 58px;
}
@media (max-width: 750px) {
  .final-week__dialog-table:nth-of-type(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 54px;
  }
  .final-week__dialog-table:nth-of-type(2):before {
    top: -34px;
    font-size: 16px;
    line-height: 34px;
  }
}
.final-week__dialog-thead {
  width: 100%;
  height: auto;
}
@media (max-width: 750px) {
  .final-week__dialog-table:nth-of-type(2) .final-week__dialog-thead {
    width: 40%;
  }
}
.final-week__dialog-tbody {
  width: 100%;
  height: auto;
}
@media (max-width: 750px) {
  .final-week__dialog-table:nth-of-type(2) .final-week__dialog-tbody {
    width: 60%;
  }
}
@media (max-width: 750px) {
  .final-week__dialog-table:nth-of-type(2) .final-week__dialog-tr {
    display: block;
  }
}
.final-week__dialog-th {
  border-top: 1px solid #515151;
  background-color: #e8f2fe;
  font-size: 20px;
  font-weight: normal;
  color: #333;
  text-align: center;
  line-height: 58px;
}
.final-week__dialog-th + .final-week__dialog-th {
  border-left: 1px solid #e2e2e2;
}
.final-week__dialog-th .-text {
  display: inline-block;
  vertical-align: top;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
  letter-spacing: -0.025em;
}
.final-week__dialog-th .-text:after {
  content: "*";
  display: inline-block;
  vertical-align: top;
  margin-top: -6px;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
}
.final-week__dialog-th .-em {
  display: inline-block;
  vertical-align: top;
  font-family: inherit;
  font-size: inherit;
  font-weight: bold;
  color: inherit;
  line-height: inherit;
}
@media (max-width: 750px) {
  .final-week__dialog-th {
    font-size: 14px;
  }
  .final-week__dialog-th + .final-week__dialog-th {
    border-top: 1px solid #e2e2e2;
    border-left: unset;
  }
  .final-week__dialog-th .-text {
    line-height: 42px;
  }
  .final-week__dialog-th .-text:after {
    margin-left: 2px;
    font-size: 12px;
  }
  .final-week__dialog-table:nth-of-type(1) .final-week__dialog-th {
    display: block;
    width: 100%;
    height: 42px;
  }
  .final-week__dialog-table:nth-of-type(2) .final-week__dialog-th {
    display: block;
    height: 64px;
    padding: 0 8px;
    text-align: left;
    line-height: 64px;
  }
}
.final-week__dialog-td {
  padding: 16px 12px;
  font-size: 20px;
  font-weight: normal;
  color: #333;
  text-align: center;
  line-height: 30px;
  letter-spacing: -0.025em;
}
.final-week__dialog-td .-em {
  display: inline-block;
  vertical-align: top;
  font-family: inherit;
  font-size: inherit;
  font-weight: bold;
  color: inherit;
  text-align: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.final-week__dialog-td + .final-week__dialog-td {
  border-left: 1px solid #e2e2e2;
}
.final-week__dialog-th + .final-week__dialog-td {
  border-top: 1px solid #515151;
}
@media (max-width: 750px) {
  .final-week__dialog-td {
    padding: 8px 0 8px 14px;
    font-size: 14px;
    text-align: left;
    line-height: 20px;
  }
  .final-week__dialog-td + .final-week__dialog-td {
    border-top: 1px solid #e2e2e2;
    border-left: unset;
  }
  .final-week__dialog-th + .final-week__dialog-td {
    padding: 12px 0;
    border-top: unset;
  }
  .final-week__dialog-table:nth-of-type(1) .final-week__dialog-td {
    display: block;
    width: 100%;
    height: auto;
  }
  .final-week__dialog-table:nth-of-type(2) .final-week__dialog-td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 64px;
    border-left: 1px solid #e2e2e2;
  }
  .final-week__dialog-table:nth-of-type(2) .final-week__dialog-td:first-child {
    border-top: 1px solid #515151;
  }
}
.final-week__dialog-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 750px) {
  .final-week__dialog-group {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.final-week__dialog-form {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.final-week__dialog-form + .final-week__dialog-form {
  margin-left: 20px;
}
@media (max-width: 750px) {
  .final-week__dialog-form + .final-week__dialog-form {
    margin-left: unset;
  }
}
.final-week__dialog-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  font-weight: normal;
  color: #333;
  line-height: 26px;
  letter-spacing: -0.025em;
}
.final-week__dialog-label:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 22px;
  height: 22px;
  margin-right: 4px;
  border-radius: 100%;
  background-color: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #666;
          box-shadow: inset 0 0 0 1px #666;
}
.final-week__dialog-input:checked + .final-week__dialog-label:before {
  background-color: #2c4578;
  -webkit-box-shadow: inset 0 0 0 1px #666, inset 0 0 0 4px #fff;
          box-shadow: inset 0 0 0 1px #666, inset 0 0 0 4px #fff;
}
@media (max-width: 750px) {
  .final-week__dialog-label {
    font-size: 14px;
    line-height: 36px;
  }
  .final-week__dialog-label:before {
    width: 16px;
    height: 16px;
  }
  .final-week__dialog-input:checked + .final-week__dialog-label:before {
    -webkit-box-shadow: inset 0 0 0 1px #666, inset 0 0 0 3px #fff;
            box-shadow: inset 0 0 0 1px #666, inset 0 0 0 3px #fff;
  }
}
.final-week__dialog-notice {
  position: relative;
  margin-top: 8px;
  padding-left: 17px;
  font-size: 16px;
  font-weight: normal;
  color: #777;
  line-height: 20px;
}
.final-week__dialog-notice:before {
  content: "※";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 20px;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
}
@media (max-width: 750px) {
  .final-week__dialog-notice {
    margin-top: 6px;
    font-size: 12px;
    padding-left: 12px;
  }
  .final-week__dialog-notice:before {
    width: 12px;
  }
}
.final-week__dialog-confirm {
  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-top: 26px;
}
@media (max-width: 750px) {
  .final-week__dialog-confirm {
    margin-top: 24px;
  }
}
.final-week__dialog-terms {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.final-week__dialog-terms + .final-week__dialog-terms {
  margin-left: 18px;
}
.final-week__dialog-agree {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  font-weight: normal;
  color: #333;
  line-height: 36px;
  letter-spacing: -0.025em;
}
.final-week__dialog-agree:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 22px;
  height: 22px;
  margin-right: 4px;
  border-radius: 100%;
  background-color: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #666;
          box-shadow: inset 0 0 0 1px #666;
}
.final-week__dialog-radio:checked + .final-week__dialog-agree:before {
  background-color: #2c4578;
  -webkit-box-shadow: inset 0 0 0 1px #666, inset 0 0 0 4px #fff;
          box-shadow: inset 0 0 0 1px #666, inset 0 0 0 4px #fff;
}
@media (max-width: 750px) {
  .final-week__dialog-agree {
    font-size: 14px;
  }
  .final-week__dialog-agree:before {
    width: 16px;
    height: 16px;
  }
  .final-week__dialog-radio:checked + .final-week__dialog-agree:before {
    -webkit-box-shadow: inset 0 0 0 1px #666, inset 0 0 0 3px #fff;
            box-shadow: inset 0 0 0 1px #666, inset 0 0 0 3px #fff;
  }
}
.final-week__dialog-button {
  display: block;
  width: 108px;
  height: 50px;
  margin: 30px auto 0 auto;
  border-radius: 6px;
  background-color: #2c4578;
  font-size: 21.98px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 50px;
}
@media (max-width: 750px) {
  .final-week__dialog-button {
    width: 70px;
    height: 30px;
    margin-top: 28px;
    font-size: 16px;
    line-height: 30px;
  }
}
.final-week__buttons {
  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: 100%;
  height: auto;
}
@media (max-width: 1100px) {
  .final-week__buttons {
    display: block;
  }
}
.final-week__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc((100% - 20px) / 2);
  height: 138px;
  background-color: #fff;
  font-size: 0;
  text-align: left;
}
@media (max-width: 1100px) {
  .final-week__button {
    width: 100%;
    height: 98px;
  }
  .final-week__button + .final-week__button {
    margin-top: 10px;
  }
}
.final-week__button-preview {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 182px;
  height: 100%;
}
.final-week__button-preview > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.final-week__button-preview .-playtime {
  display: block;
  position: absolute;
  right: 5px;
  bottom: 5px;
  padding: 0 5px;
  border-radius: 3px;
  background-color: #000;
  font-size: 10px;
  font-weight: normal;
  color: #fff;
  text-align: center;
  line-height: 18px;
}
@media (max-width: 1100px) {
  .final-week__button-preview {
    width: 130px;
    height: 98px;
  }
}
.final-week__button-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: calc(100% - 182px);
  height: 100%;
  padding: 20px;
}
@media (max-width: 1100px) {
  .final-week__button-content {
    width: calc(100% - 130px);
    padding: 10px;
  }
}
.final-week__button-name {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 4px;
  font-size: 18px;
  font-weight: 900;
  color: #222;
}
@media (max-width: 1100px) {
  .final-week__button-name {
    font-size: 16px;
    margin-bottom: 8px;
  }
}
.final-week__button-date {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: normal;
  color: #727272;
}
.final-week__button-date:before {
  content: "업데이트:";
  display: inline-block;
  vertical-align: top;
}
.final-week__button-time {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding-left: 20px;
}
.final-week__button-time:before {
  content: "";
  display: block;
  position: absolute;
  top: 1.5px;
  left: 0;
  width: 15px;
  height: 15px;
  background: url("../../images/bem/final-week/final-week__button-time--before.png") center/contain no-repeat;
}
.final-week__button-time:after {
  content: "완료";
  display: none;
  width: 40px;
  height: 20px;
  margin-top: -1px;
  margin-left: 8px;
  border-radius: 3px;
  background-color: #ff4191;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  text-align: center;
  line-height: 20px;
}
.final-week__button-time .-current {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  font-weight: bold;
  color: #1f9dff;
}
.final-week__button-time .-total {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  font-weight: normal;
  color: #727272;
}
.final-week__button-time .-current + .-total:before {
  content: "/";
  display: inline-block;
  vertical-align: top;
}
.final-week__button[data-element-type=end] .final-week__button-time:after {
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 1100px) {
  .final-week__button-time {
    padding-left: 16px;
  }
  .final-week__button-time:before {
    top: 1px;
    width: 12px;
    height: 12px;
  }
  .final-week__button-time:after {
    width: 34px;
    margin-top: -4px;
    margin-left: 6px;
    font-size: 12px;
  }
  .final-week__button-time .-current,
  .final-week__button-time .-total {
    font-size: 14px;
  }
}

.popup.video-pop .pop-close.-transparent {
  display: block;
  width: 44px;
  height: 44px;
  background: url("../../images/bem/star-player__closer-button.png") center/contain no-repeat;
}

.special-lecture {
  width: 100%;
  height: auto;
  margin-bottom: -180px;
}
.special-lecture, .special-lecture * {
  font-family: "Pretendard" !important;
}
@media (max-width: 1023px) {
  .special-lecture {
    margin-bottom: -90px;
  }
}
@media (max-width: 767px) {
  .special-lecture {
    margin-bottom: -12.5vw;
  }
}
.special-lecture__showcase {
  width: 100%;
  height: auto;
}
.special-lecture__showcase-content {
  width: 100%;
  height: auto;
}
.special-lecture__showcase-content:first-child > img {
  width: 100%;
  min-width: 1920px;
}
.special-lecture__showcase-content:last-child {
  background-color: #fff;
}
.special-lecture__showcase-content:last-child > img {
  width: 47.609%;
  min-width: 906px;
}
.special-lecture__showcase-content > img {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.special-lecture__showcase-content .-pc {
  display: block;
}
.special-lecture__showcase-content .-mo {
  display: none;
}
@media (max-width: 1023px) {
  .special-lecture__showcase-content .-pc {
    display: none;
  }
  .special-lecture__showcase-content .-mo {
    display: block;
  }
}
.special-lecture__tab-buttons {
  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;
  background-color: #222;
}
.special-lecture__tab-button {
  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: 398px;
  height: 75px;
  background-color: #222;
  font-size: 28px;
  font-weight: bold;
  color: #777;
}
.special-lecture__tab-button[aria-selected=true] {
  background-color: #ededed;
  color: #222;
}
.special-lecture__tab-panel {
  display: none;
}
.special-lecture__tab-panel[aria-hidden=false] {
  display: block;
}
.special-lecture__textbooks {
  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: auto;
  padding: 100px 0;
  background-color: #ededed;
}
.special-lecture__textbook {
  display: block;
  width: auto;
  height: auto;
}
.special-lecture__textbook > img {
  width: auto;
  height: auto;
}
.special-lecture__textbook .-pc {
  display: block;
}
.special-lecture__textbook .-mo {
  display: none;
}
@media (max-width: 1023px) {
  .special-lecture__textbook .-pc {
    display: none;
  }
  .special-lecture__textbook .-mo {
    display: block;
  }
}
.special-lecture__container {
  width: 100%;
  height: auto;
  padding: 98px 0;
  background-color: #fff;
}
.special-lecture__title {
  font-family: "Giant" !important;
  font-size: 40px;
  font-weight: normal;
  color: #222;
  text-align: center;
  line-height: 55px;
}
.special-lecture__title .-em {
  display: block;
  font-family: inherit !important;
  font-size: inherit;
  font-weight: inherit;
  color: #1b45f3;
  text-align: inherit;
  line-height: inherit;
}
.special-lecture__content {
  position: relative;
  width: 100%;
  height: auto;
}
.special-lecture__content .swiper-container {
  overflow: hidden;
  width: 800px;
  height: auto;
  margin: 0 auto;
}
.special-lecture__content .swiper-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;
  position: relative;
  top: unset !important;
  right: unset !important;
  bottom: unset !important;
  left: unset !important;
  width: 100%;
  height: auto;
  margin: 48px 0;
}
.special-lecture__content .swiper-pagination:before {
  content: "";
  display: block;
  position: absolute;
  top: 18px;
  left: 50%;
  width: 48px;
  height: 18px;
  margin-left: -126px;
  background: url("../../images/bem/special-lecture/swiper-pagination--before.png") center/contain no-repeat;
}
.special-lecture__content .swiper-pagination:after {
  content: "";
  display: block;
  position: absolute;
  top: 18px;
  left: 50%;
  width: 48px;
  height: 18px;
  margin-left: 74px;
  background: url("../../images/bem/special-lecture/swiper-pagination--before.png") center/contain no-repeat;
}
.special-lecture__content .swiper-pagination-bullet {
  display: inline-block;
  vertical-align: top;
  opacity: 1 !important;
  width: 190px;
  height: auto;
  min-height: 116px;
  margin: unset !important;
  border-radius: unset;
  background: unset;
  font-size: 20px;
  font-weight: bold;
  color: #777;
  text-align: center;
  line-height: 24px;
}
.special-lecture__content .swiper-pagination-bullet:before {
  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: 54px;
  height: 54px;
  margin: 0 auto 14px auto;
  border-radius: 100%;
  background-color: #ededed;
  font-size: 25px;
  font-weight: bold;
  color: #777;
}
.special-lecture__content .swiper-pagination-bullet:nth-of-type(1):before {
  content: "1";
}
.special-lecture__content .swiper-pagination-bullet:nth-of-type(2):before {
  content: "2";
}
.special-lecture__content .swiper-pagination-bullet:nth-of-type(3):before {
  content: "3";
}
.special-lecture__content .swiper-pagination-bullet-active {
  color: #4b46ff;
}
.special-lecture__content .swiper-pagination-bullet-active:before {
  background-color: #4b46ff;
  color: #fff;
}
.special-lecture__content .swiper-prev-button {
  cursor: pointer;
  display: block;
  position: absolute;
  top: unset;
  right: unset;
  bottom: 148px;
  left: 50%;
  width: 14px;
  height: 24px;
  margin-left: -454px;
  background: url("../../images/bem/special-lecture/swiper-arrow.jpg") center/contain no-repeat;
}
.special-lecture__content .swiper-next-button {
  cursor: pointer;
  display: block;
  position: absolute;
  top: unset;
  right: unset;
  bottom: 148px;
  left: 50%;
  width: 14px;
  height: 24px;
  margin-left: 454px;
  background: url("../../images/bem/special-lecture/swiper-arrow.jpg") center/contain no-repeat;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.special-lecture__triggers {
  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: auto;
}
.special-lecture__trigger {
  display: block;
  width: auto;
  height: auto;
}
.special-lecture__trigger + .special-lecture__trigger {
  margin-left: 20px;
}
.special-lecture__preview {
  display: block;
  width: auto;
  height: auto;
}
.special-lecture__name {
  overflow: hidden;
  display: block;
  margin-top: 20px;
  font-size: 24px;
  font-weight: normal;
  color: #222;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.special-lecture__recomends {
  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: auto;
  padding: 100px 0 92px 0;
  background-color: #f6f6ff;
}
.special-lecture__recomend {
  display: block;
  width: auto;
  height: auto;
}
.special-lecture__recomend > img {
  width: auto;
  height: auto;
}
.special-lecture__recomend .-pc {
  display: block;
}
.special-lecture__recomend .-mo {
  display: none;
}
@media (max-width: 1023px) {
  .special-lecture__recomend .-pc {
    display: none;
  }
  .special-lecture__recomend .-mo {
    display: block;
  }
}

.container[data-renew-date="2023-09-07"] .section01 > .inner {
  padding-top: 56px;
}
.container[data-renew-date="2023-09-07"] .section03 > .inner {
  padding-top: 56px;
}
.container[data-renew-date="2023-09-07"] .section03 .sec03-cnt {
  margin-top: 60px;
}
.container[data-renew-date="2023-09-07"] .section03 .sec03-cnt .txt {
  margin-top: 40px;
}
.container[data-renew-date="2023-09-07"] .section04 > .inner {
  padding: 80px 0;
}
.container[data-renew-date="2023-09-07"] .title, .container[data-renew-date="2023-09-07"] .title * {
  font-family: "Noto Sans KR" !important;
}
.container[data-renew-date="2023-09-07"] .title .sub-tit {
  margin-bottom: 10px !important;
}
.container[data-renew-date="2023-09-07"] .title span,
.container[data-renew-date="2023-09-07"] .title span > em {
  font-weight: bold !important;
}
@media (max-width: 1023px) {
  .container[data-renew-date="2023-09-07"] .section01 {
    margin-top: 0;
  }
  .container[data-renew-date="2023-09-07"] .section01 > .inner {
    padding-top: 30px;
  }
  .container[data-renew-date="2023-09-07"] .section03 > .inner {
    padding-top: 45px;
  }
  .container[data-renew-date="2023-09-07"] .section03 .sec03-cnt {
    margin-top: 40px;
  }
  .container[data-renew-date="2023-09-07"] .section03 .sec03-cnt .txt {
    margin-top: 30px;
  }
  .container[data-renew-date="2023-09-07"] .section04 > .inner {
    padding-top: 63px;
    padding-bottom: unset;
  }
}
@media (max-width: 767px) {
  .container[data-renew-date="2023-09-07"] .sub-tit {
    margin-bottom: 10px !important;
  }
}

.utility-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 70px;
  height: 70px;
  border-radius: 100%;
  background-color: #0c1b37;
  font-family: "Noto Sans KR" !important;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 18px;
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
.utility-top[data-event-state=true] {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.utility-top:before {
  content: "";
  display: block;
  width: 100%;
  height: 8px;
  margin: -4px 0 6px 0;
  background: url("../../images/common/@common__utility-top--before.png") center/contain no-repeat;
}
@media (max-width: 1023px) {
  .utility-top {
    width: 50px;
    height: 50px;
    font-size: 12px;
    line-height: 10px;
  }
  .utility-top:before {
    height: 4px;
    margin-top: -4px;
    margin-bottom: 5px;
  }
}

.sky-carousel {
  width: 100%;
  height: auto;
  margin-top: 56px;
}
.sky-carousel, .sky-carousel * {
  font-family: "Noto Sans KR" !important;
}
@media (max-width: 1139px) {
  .sky-carousel {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.sky-carousel__standard {
  width: 1100px;
  height: auto;
  margin: 0 auto;
}
@media (max-width: 1139px) {
  .sky-carousel__standard {
    width: 100%;
    margin: unset;
  }
}
.sky-carousel__title {
  font-size: 25px;
  font-weight: normal;
  color: #fff;
  text-align: center;
}
@media (max-width: 767px) {
  .sky-carousel__title {
    font-size: 20px;
  }
}
.sky-carousel__description {
  margin-top: 10px !important;
  font-size: 38px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.sky-carousel__description > .-em {
  display: inline-block;
  vertical-align: top;
  font-size: inherit;
  font-weight: inherit;
  color: #35cdff;
}
@media (max-width: 1023px) {
  .sky-carousel__description > .-em {
    display: block;
  }
}
@media (max-width: 767px) {
  .sky-carousel__description {
    font-size: 29px;
  }
}
.sky-carousel__swiper {
  position: relative;
}
.sky-carousel__swiper .swiper-container {
  overflow: hidden;
  padding-top: 132px;
}
.sky-carousel__swiper .swiper-slide {
  display: block;
  position: relative;
  padding: 84px 20px 44px 20px;
  border-radius: 20px;
  background-color: #fff;
}
.sky-carousel__swiper .swiper-slide:before {
  content: "";
  display: block;
  position: absolute;
  right: 22px;
  bottom: 22px;
  width: 1px;
  height: 16px;
  margin-right: 7px;
  background-color: #222;
}
.sky-carousel__swiper .swiper-slide:after {
  content: "";
  display: block;
  position: absolute;
  right: 22px;
  bottom: 22px;
  width: 16px;
  height: 1px;
  margin-bottom: 7px;
  background-color: #222;
}
.sky-carousel__swiper .swiper-prev-button {
  cursor: pointer;
  display: block;
  position: absolute;
  z-index: 1;
  top: unset;
  right: unset;
  left: 0;
  bottom: 150px;
  width: 44px;
  height: 44px;
  background: url("../../images/bem/sky-carousel/sky-carousel__swiper--arrow.png") left center/auto no-repeat;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
.sky-carousel__swiper .swiper-next-button {
  cursor: pointer;
  display: block;
  position: absolute;
  z-index: 1;
  top: unset;
  right: 0;
  left: unset;
  bottom: 150px;
  width: 44px;
  height: 44px;
  background: url("../../images/bem/sky-carousel/sky-carousel__swiper--arrow.png") left center/auto no-repeat;
  -webkit-transform: translateX(100%) rotateY(180deg);
          transform: translateX(100%) rotateY(180deg);
}
@media (max-width: 1251px) {
  .sky-carousel__swiper .swiper-prev-button,
  .sky-carousel__swiper .swiper-next-button {
    display: none;
  }
}
@media (max-width: 1023px) {
  .sky-carousel__swiper .swiper-container {
    overflow: unset;
    padding-top: 85px;
  }
  .sky-carousel__swiper .swiper-slide {
    padding-top: 70px;
    padding-bottom: 38px;
  }
  .sky-carousel__swiper .swiper-slide:before, .sky-carousel__swiper .swiper-slide:after {
    right: 17px;
    bottom: 17px;
  }
}
.sky-carousel__profile {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 50%;
  width: 130px;
  height: 130px;
  border: 1px solid #fff;
  border-radius: 100%;
  background-color: #ededed;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.sky-carousel__profile > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1023px) {
  .sky-carousel__profile {
    width: 110px;
    height: 110px;
  }
}
.sky-carousel__key {
  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;
}
.sky-carousel__college {
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  line-height: 30px;
}
.sky-carousel__name {
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  font-weight: normal;
  color: #333;
  line-height: 30px;
}
.sky-carousel__name:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 1px;
  height: 13px;
  margin: 8.5px 10px;
  background-color: #333;
}
.sky-carousel__value {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  height: auto;
  min-height: 226px;
  margin-top: 21px;
  padding-top: 21px;
  border-top: 1px solid #e2e2e2;
  font-size: 18px;
  font-weight: normal;
  color: #333;
  text-align: center;
  line-height: 34px;
}
@media (max-width: 1023px) {
  .sky-carousel__value {
    min-height: 151px;
    margin-top: 14px;
    padding-top: 14px;
    -webkit-line-clamp: 4;
  }
}

.sky-interview {
  width: 100%;
  height: auto;
  margin-bottom: -90px;
}
@media (max-width: 1023px) {
  .sky-interview {
    margin-bottom: unset;
  }
}
.sky-interview, .sky-interview * {
  font-family: "Noto Sans KR" !important;
}
.sky-interview__showcase {
  width: 100%;
  height: auto;
  padding: 68px;
  background: url("../../images/bem/sky-interview/sky-interview__showcase.jpg") center/cover no-repeat;
}
@media (max-width: 749px) {
  .sky-interview__showcase {
    padding: 25px;
  }
}
.sky-interview__subject {
  display: block;
  width: 151px;
  height: 42px;
  margin: 0 auto;
  border: 2px solid #fff;
  border-radius: 42px;
  font-size: 22px;
  font-weight: normal;
  color: #fff;
  text-align: center;
  line-height: 34px;
}
@media (max-width: 749px) {
  .sky-interview__subject {
    width: 114px;
    height: 32px;
    font-size: 16px;
    line-height: 26px;
  }
}
.sky-interview__title {
  margin-top: 28px;
  font-size: 48px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.sky-interview__title > .-em {
  display: inline-block;
  vertical-align: top;
  font-size: inherit;
  font-weight: inherit;
  background: rgb(22, 241, 235);
  background: linear-gradient(140deg, rgb(22, 241, 235) 0%, rgb(5, 182, 249) 100%);
  background: -webkit-linear-gradient(140deg, rgb(22, 241, 235) 0%, rgb(5, 182, 249) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sky-interview__title > .-br {
  display: inline-block;
  vertical-align: top;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
@media (max-width: 1099px) {
  .sky-interview__title > .-br {
    display: block;
  }
}
@media (max-width: 749px) {
  .sky-interview__title {
    margin-top: 10px;
    font-size: 26px;
    line-height: 34px;
  }
}
.sky-interview__link {
  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: 70px;
  background-color: #0c1b37;
  font-size: 0;
}
.sky-interview__link:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 11px;
  height: 18px;
  margin-left: 18px;
  background: url("../../images/bem/sky-interview/@common__arrow.png") center/contain no-repeat;
}
@media (max-width: 749px) {
  .sky-interview__link {
    height: 36px;
  }
  .sky-interview__link:after {
    width: 7px;
    height: 11px;
    margin-left: 6px;
  }
}
.sky-interview__link-key {
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
  font-weight: bold;
  color: #35cdff;
  line-height: 45px;
}
@media (max-width: 749px) {
  .sky-interview__link-key {
    font-size: 14px;
    line-height: 18px;
  }
}
.sky-interview__link-value {
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
  font-weight: normal;
  color: #fff;
  line-height: 45px;
}
@media (max-width: 749px) {
  .sky-interview__link-value {
    font-size: 14px;
    line-height: 18px;
  }
}
.sky-interview__carousel {
  position: relative;
  width: 1100px;
  height: auto;
  margin: 0 auto;
  padding: 0 40px;
}
.sky-interview__carousel .swiper-container {
  overflow: hidden;
  width: 100%;
  height: auto;
  padding: 60px 0 102px 0;
}
.sky-interview__carousel .swiper-slide {
  height: 180px !important;
}
.sky-interview__carousel .swiper-pagination {
  display: block !important;
  position: absolute !important;
  top: unset !important;
  right: unset !important;
  bottom: 62px !important;
  left: 0 !important;
  width: 100% !important;
  height: auto !important;
  font-size: 0 !important;
}
.sky-interview__carousel .swiper-pagination-bullet {
  cursor: pointer !important;
  display: inline-block;
  vertical-align: top;
  opacity: 1 !important;
  width: 12px;
  height: 12px;
  margin: 0 4px !important;
  border-radius: 100%;
  background-color: #5e697f;
}
.sky-interview__carousel .swiper-pagination-bullet-active {
  background-color: #fff;
}
.sky-interview__carousel .swiper-prev-button {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 130px;
  left: 0;
  width: 40px;
  height: 40px;
  background: url("../../images/bem/sky-interview/@common__arrow.png") right center/auto no-repeat;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.sky-interview__carousel .swiper-next-button {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 130px;
  right: 0;
  width: 40px;
  height: 40px;
  background: url("../../images/bem/sky-interview/@common__arrow.png") right center/auto no-repeat;
}
.sky-interview__carousel .swiper-button-disabled {
  opacity: 0.4;
}
@media (max-width: 1099px) {
  .sky-interview__carousel {
    width: 100%;
  }
}
@media (max-width: 749px) {
  .sky-interview__carousel {
    padding: unset;
  }
  .sky-interview__carousel .swiper-container {
    padding: 30px 20px;
  }
  .sky-interview__carousel .swiper-slide {
    width: 210px !important;
    height: 135px !important;
    margin-right: 20px !important;
  }
  .sky-interview__carousel .swiper-slide:last-child {
    margin-right: unset !important;
  }
  .sky-interview__carousel .swiper-pagination,
  .sky-interview__carousel .swiper-prev-button,
  .sky-interview__carousel .swiper-next-button {
    display: none !important;
  }
}
.sky-interview__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 20px;
  border-radius: 20px;
  background-color: #0a1731;
  text-align: left;
}
.sky-interview__button:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  right: 0;
  bottom: 0;
  border-width: 0 0 117px 117px;
  border-style: solid;
  border-color: transparent transparent #35cdff transparent;
}
.sky-interview__button:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.sky-interview__button[aria-selected=true]:after {
  border: 2px solid #35cdff;
  border-radius: inherit;
  background-color: unset;
}
.sky-interview__button > img {
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: -10px;
  width: auto;
  height: 170px;
}
@media (max-width: 749px) {
  .sky-interview__button:before {
    border-width: 0 0 80px 80px;
  }
  .sky-interview__button:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
  }
  .sky-interview__button[aria-selected=true]:after {
    border: 2px solid #35cdff;
    border-radius: inherit;
    background-color: unset;
  }
  .sky-interview__button > img {
    height: 110px;
  }
}
.sky-interview__college {
  display: block;
  width: 100%;
  height: auto;
  font-size: 18px;
  font-weight: normal;
  color: #fff;
}
@media (max-width: 749px) {
  .sky-interview__college {
    margin-top: 10px;
    font-size: 16px;
  }
}
.sky-interview__name {
  display: block;
  width: 100%;
  height: auto;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}
.sky-interview__button[data-element-type=new] .sky-interview__name:before {
  content: "NEW";
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
  width: 62px;
  height: 26px;
  border-radius: 28px;
  background-color: #1f9dff;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 26px;
}
@media (max-width: 749px) {
  .sky-interview__name {
    font-size: 20px;
  }
  .sky-interview__button[data-element-type=new] .sky-interview__name:before {
    top: 22px;
    left: 22px;
    width: 50px;
    height: 22px;
    border-radius: 22px;
    font-size: 13px;
    line-height: 22px;
  }
}
.sky-interview__container {
  width: 1100px;
  height: auto;
  margin: 0 auto;
  padding: 0 42px;
}
@media (max-width: 1099px) {
  .sky-interview__container {
    width: 100%;
  }
}
@media (max-width: 749px) {
  .sky-interview__container {
    padding: 0 20px;
  }
}
.sky-interview__content {
  display: none;
}
.sky-interview__content[aria-hidden=false] {
  display: block;
}
.sky-interview__list {
  padding: 0 114px;
}
@media (max-width: 749px) {
  .sky-interview__list {
    padding: unset;
  }
}
.sky-interview__item {
  position: relative;
  font-size: 0;
}
.sky-interview__item:nth-of-type(odd) {
  text-align: left;
}
.sky-interview__item:nth-of-type(even) {
  text-align: right;
}
.sky-interview__item + .sky-interview__item {
  margin-top: 20px;
}
@media (max-width: 749px) {
  .sky-interview__item:nth-of-type(odd) {
    padding-left: 54px;
  }
  .sky-interview__item:nth-of-type(even) {
    padding-right: 54px;
  }
  .sky-interview__item + .sky-interview__item {
    margin-top: 15px;
  }
}
.sky-interview__key-icon {
  display: block;
  position: absolute;
  top: 0;
  left: -114px;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  background-color: #0a1731;
  font-family: "Pretendard" !important;
  font-style: normal;
  font-size: 42px;
  font-weight: normal;
  color: #fff;
  text-align: center;
  line-height: 80px;
}
@media (max-width: 749px) {
  .sky-interview__key-icon {
    left: 0;
    width: 45px;
    height: 45px;
    font-size: 23px;
    line-height: 45px;
  }
}
.sky-interview__key {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: auto;
  height: auto;
  padding: 16px 20px;
  border-radius: 0 20px 20px 20px;
  background-color: #0a1731;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  text-align: left;
  line-height: 28px;
}
.sky-interview__key:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 28px;
  height: 60px;
  background: url("../../images/bem/sky-interview/sky-interview__key--after.png") center/contain no-repeat;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
@media (max-width: 749px) {
  .sky-interview__key {
    padding: 13px 15px;
    border-radius: 0 16px 16px 16px;
    font-size: 15px;
    line-height: unset;
  }
  .sky-interview__key:before {
    width: 21px;
    height: 45px;
  }
}
.sky-interview__value-icon {
  display: block;
  position: absolute;
  top: 0;
  right: -114px;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  background-color: #2c4578;
}
@media (max-width: 749px) {
  .sky-interview__value-icon {
    right: 0;
    width: 45px;
    height: 45px;
  }
}
.sky-interview__value {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: auto;
  height: auto;
  padding: 16px 20px;
  border-radius: 20px 0 20px 20px;
  background-color: #2c4578;
  font-size: 20px;
  font-weight: normal;
  color: #fff;
  text-align: left;
  line-height: 28px;
}
.sky-interview__value:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 60px;
  background: url("../../images/bem/sky-interview/sky-interview__value--after.png") center/contain no-repeat;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}
@media (max-width: 749px) {
  .sky-interview__value {
    padding: 13px 15px;
    border-radius: 16px 0 16px 16px;
    font-size: 15px;
    line-height: unset;
  }
  .sky-interview__value:before {
    width: 21px;
    height: 45px;
  }
}

.-tag {
  display: inline-block;
  vertical-align: top;
  width: 45px;
  height: 20px;
  margin-right: 6px;
  border-radius: 4px;
  background: rgb(80, 198, 255);
  background: linear-gradient(135deg, rgb(80, 198, 255) 0%, rgb(5, 142, 255) 100%);
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 24px;
}

.-flag {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: auto;
  height: 22px;
  margin-right: 12px;
  padding: 0 8px;
  border-radius: 4px;
  background-color: #2ec50b;
  font-size: 14px;
  color: #fff;
  line-height: 24px;
}
.-flag:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -5px;
  bottom: unset;
  left: unset;
  border-top: 2.5px solid transparent;
  border-right: 0;
  border-bottom: 2.5px solid transparent;
  border-left: 5px solid #2ec50b;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media (max-width: 1023px) {
  .-flag {
    margin: 2px 0 0 12px;
  }
  .-flag:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: unset;
    bottom: unset;
    left: -5px;
    border-top: 2.5px solid transparent;
    border-right: 5px solid #2ec50b;
    border-bottom: 2.5px solid transparent;
    border-left: 0;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}

.lucky-vote {
  background-color: #222;
}
.lucky-vote, .lucky-vote * {
  font-family: "Pretendard" !important;
}
.lucky-vote .-pc, .lucky-vote * .-pc {
  display: block;
}
.lucky-vote .-mo, .lucky-vote * .-mo {
  display: none;
}
@media (max-width: 1023px) {
  .lucky-vote .-pc, .lucky-vote * .-pc {
    display: none;
  }
  .lucky-vote .-mo, .lucky-vote * .-mo {
    display: block;
  }
}
.lucky-vote__section {
  width: 100%;
  height: auto;
}
.lucky-vote__article {
  position: relative;
  width: 100%;
  height: auto;
}
.lucky-vote__article:nth-of-type(2) {
  background-color: #222;
}
.lucky-vote__article > img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 1920px) {
  .lucky-vote__article > img {
    position: relative;
    left: 50%;
    width: 1920px;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
@media (max-width: 1023px) {
  .lucky-vote__article:not(:nth-of-type(2)) > img {
    position: unset;
    width: 100%;
    -webkit-transform: unset;
        -ms-transform: unset;
            transform: unset;
  }
  .lucky-vote__article:nth-of-type(2) > img {
    width: unset;
    height: 73vw;
  }
}
.lucky-vote__announce {
  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: 800px;
  height: auto;
  margin: 24px auto 70px auto;
  padding: 16px;
  border-radius: 16px;
  background-color: #fff;
}
@media (max-width: 1023px) {
  .lucky-vote__announce {
    width: 88vw;
    margin-top: 2%;
    margin-bottom: 4%;
  }
}
@media (max-width: 749px) {
  .lucky-vote__announce {
    padding: 8px;
  }
}
.lucky-vote__announce-item {
  font-size: 18px;
  font-weight: normal;
  color: #222;
  text-align: left;
}
.lucky-vote__announce-item + .lucky-vote__announce-item {
  margin-top: 4px;
}
.lucky-vote__announce-item:before {
  content: "·  ";
  display: inline-block;
  vertical-align: top;
}
.lucky-vote__announce-item .-em {
  display: inline-block;
  vertical-align: top;
  font-size: inherit;
  font-weight: bold;
  color: red;
  text-align: inherit;
  line-height: inherit;
}
@media (max-width: 1023px) {
  .lucky-vote__announce-item {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 749px) {
  .lucky-vote__announce-item {
    font-size: 12px;
    line-height: 18px;
  }
}
.lucky-vote__content {
  width: 100%;
  height: auto;
  padding-top: 70px;
  background-color: #c8ffe3;
}
@media (max-width: 1023px) {
  .lucky-vote__content {
    padding-top: 56px;
  }
}
@media (max-width: 749px) {
  .lucky-vote__content {
    padding-top: 32px;
  }
}
.lucky-vote__title {
  font-family: "Tenada" !important;
  font-size: 40px;
  color: #222;
  text-align: center;
  line-height: 50px;
}
.lucky-vote__title > .-em {
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-family: inherit !important;
  font-size: inherit;
  color: #008e46;
  text-align: inherit;
  line-height: inherit;
}
.lucky-vote__title > .-em:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 8px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #008e46;
}
@media (max-width: 1023px) {
  .lucky-vote__title {
    font-size: 34px;
    line-height: 42px;
  }
}
@media (max-width: 749px) {
  .lucky-vote__title {
    font-size: 20px;
    line-height: 28px;
  }
  .lucky-vote__title > .-em:before {
    bottom: 0;
  }
}
.lucky-vote__description {
  margin-top: 20px;
  font-size: 22px;
  font-weight: normal;
  color: #222;
  text-align: center;
}
@media (max-width: 1023px) {
  .lucky-vote__description {
    margin-top: 15px;
    font-size: 20px;
  }
}
@media (max-width: 749px) {
  .lucky-vote__description {
    font-size: 16px;
  }
}
.lucky-vote__board {
  position: relative;
  width: 800px;
  height: 785px;
  margin: 170px auto 40px auto;
}
.lucky-vote__board:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background-color: #bdf3d0;
  -webkit-transform: translate(-50%, -50%) rotate(1deg);
      -ms-transform: translate(-50%, -50%) rotate(1deg);
          transform: translate(-50%, -50%) rotate(1deg);
}
.lucky-vote__board:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background-color: #a4e3ba;
  -webkit-transform: translate(-50%, -50%) rotate(2deg);
      -ms-transform: translate(-50%, -50%) rotate(2deg);
          transform: translate(-50%, -50%) rotate(2deg);
}
@media (max-width: 1023px) {
  .lucky-vote__board {
    width: 600px;
    height: 660px;
  }
}
@media (max-width: 749px) {
  .lucky-vote__board {
    width: calc(100vw - 32px);
    height: calc(100vw - 32px);
    margin-top: 100px;
    margin-bottom: 32px;
  }
}
.lucky-vote__board-edge {
  display: block;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.lucky-vote__board-edge:after {
  content: "";
  display: block;
  position: absolute;
  top: -31px;
  left: 25px;
  width: 33px;
  height: 111px;
  background: url("../../images/bem/lucky-vote/lucky-vote__board-edge--after.png") center/contain no-repeat;
}
@media (max-width: 1023px) {
  .lucky-vote__board-edge:after {
    top: -25px;
    left: 19px;
    width: 25px;
    height: 83px;
  }
}
@media (max-width: 749px) {
  .lucky-vote__board-edge:after {
    top: -16px;
    left: 12px;
    width: 16px;
    height: 52px;
  }
}
.lucky-vote__board-state {
  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;
  position: absolute;
  z-index: 1;
  top: -120px;
  left: 0;
  width: 100%;
  height: 68px;
  margin: 0 auto;
  padding: 0 20px 0 28px;
  border-radius: 15px;
  background-color: #008e46;
}
@media (max-width: 749px) {
  .lucky-vote__board-state {
    top: -80px;
    height: 48px;
    padding: 0 16px;
  }
}
.lucky-vote__state-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lucky-vote__state-count > .-key {
  display: inline-block;
  vertical-align: top;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
}
.lucky-vote__state-count > .-value {
  display: inline-block;
  vertical-align: top;
  font-size: 22px;
  font-weight: bold;
  color: #ffec13;
}
@media (max-width: 1023px) {
  .lucky-vote__state-count > .-key, .lucky-vote__state-count > .-value {
    font-size: 20px;
  }
}
@media (max-width: 749px) {
  .lucky-vote__state-count > .-key, .lucky-vote__state-count > .-value {
    font-size: 16px;
  }
}
@media (max-width: 374px) {
  .lucky-vote__state-count {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.lucky-vote__state-check {
  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 18px;
  border-radius: 36px;
  background-color: #222;
  font-size: 18px;
  font-weight: normal;
  color: #fff;
  line-height: 36px;
}
.lucky-vote__state-check:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 7px;
  height: 12px;
  margin-left: 5px;
  background: url("../../images/bem/lucky-vote/lucky-vote__state-check--after.png") center/contain no-repeat;
}
@media (max-width: 1023px) {
  .lucky-vote__state-check {
    padding: 0 16px;
    border-radius: 32px;
    font-size: 16px;
    line-height: 32px;
  }
  .lucky-vote__state-check:after {
    margin-left: 9px;
  }
}
@media (max-width: 749px) {
  .lucky-vote__state-check {
    padding: 0 8px;
    font-size: 14px;
    line-height: 24px;
    border-radius: 24px;
  }
  .lucky-vote__state-check:after {
    width: 5px;
    height: 9px;
    margin-left: 4px;
  }
}
.lucky-vote__board-game {
  position: relative;
  z-index: 1;
  width: 620px;
  height: 682px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (max-width: 1023px) {
  .lucky-vote__board-game {
    width: 500px;
    height: 549px;
  }
}
@media (max-width: 749px) {
  .lucky-vote__board-game {
    width: calc(100vw - 120px);
    height: calc(100vw - 100px);
  }
}
@media (max-width: 479px) {
  .lucky-vote__board-game {
    width: calc(100vw - 100px);
    height: calc(100vw - 80px);
  }
}
.lucky-vote__game-list {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  width: 100%;
  height: 100%;
}
.lucky-vote__game-item {
  width: calc((100% - 20px) / 3);
  height: calc((100% - 20px) / 3);
}
@media (max-width: 749px) {
  .lucky-vote__game-item {
    width: 33.3333333333%;
    height: 33.3333333333%;
  }
}
.lucky-vote__game-button {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../../images/bem/lucky-vote/lucky-vote__game-button.jpg") center/contain no-repeat;
}
.lucky-vote__game-button:hover, .lucky-vote__game-button[aria-selected=true] {
  background-image: url("../../images/bem/lucky-vote/lucky-vote__game-button--hover.jpg");
}
.lucky-vote__footnote {
  position: relative;
  z-index: 1;
  width: 800px;
  height: auto;
  margin: 0 auto;
  padding-bottom: 64px;
}
@media (max-width: 1023px) {
  .lucky-vote__footnote {
    width: 600px;
  }
}
@media (max-width: 749px) {
  .lucky-vote__footnote {
    width: 100%;
  }
}
@media (max-width: 374px) {
  .lucky-vote__footnote {
    padding-bottom: 32px;
  }
}
.lucky-vote__footnote-list {
  margin-left: 175px;
}
@media (max-width: 1023px) {
  .lucky-vote__footnote-list {
    margin-left: 90px;
  }
}
@media (max-width: 749px) {
  .lucky-vote__footnote-list {
    margin-left: unset;
    padding: 0 32px;
  }
}
@media (max-width: 374px) {
  .lucky-vote__footnote-list {
    padding: 0 16px;
  }
}
.lucky-vote__footnote-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.lucky-vote__footnote-item + .lucky-vote__footnote-item {
  margin-top: 20px;
}
.lucky-vote__footnote-item > .-key {
  display: inline-block;
  vertical-align: top;
  width: 106px;
  height: auto;
  border-radius: 40px;
  background-color: #008e46;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 40px;
}
.lucky-vote__footnote-item > .-value {
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
  font-size: 22px;
  font-weight: normal;
  color: #222;
  text-align: left;
  line-height: 40px;
}
.lucky-vote__footnote-item > .-values {
  display: block;
  margin-left: 20px;
}
.lucky-vote__footnote-item > .-values > .-value {
  display: block;
}
.lucky-vote__footnote-item > .-values > .-value > .-text {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 160px;
  height: auto;
  font-size: 22px;
  font-weight: normal;
  color: #222;
  text-align: left;
  line-height: 40px;
}
.lucky-vote__footnote-item > .-values > .-value > .-text:after {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  right: 12px;
  width: 1px;
  height: 17px;
  background-color: #222;
}
.lucky-vote__footnote-item > .-values > .-value > .-em {
  display: inline-block;
  vertical-align: top;
  font-size: 22px;
  font-weight: bold;
  color: #008e46;
  text-align: left;
  line-height: 40px;
}
@media (max-width: 1023px) {
  .lucky-vote__footnote-item > .-key {
    border-radius: 35px;
    line-height: 35px;
  }
  .lucky-vote__footnote-item > .-value {
    font-size: 20px;
    line-height: 35px;
  }
  .lucky-vote__footnote-item > .-values > .-value > .-text {
    width: 145px;
    font-size: 20px;
    line-height: 35px;
  }
  .lucky-vote__footnote-item > .-values > .-value > .-text:after {
    top: 8px;
  }
  .lucky-vote__footnote-item > .-values > .-value > .-em {
    font-size: 20px;
    line-height: 35px;
  }
}
@media (max-width: 749px) {
  .lucky-vote__footnote-item > .-key {
    width: 80px;
    border-radius: 24px;
    font-size: 14px;
    line-height: 24px;
  }
  .lucky-vote__footnote-item > .-value {
    font-size: 14px;
    line-height: 24px;
  }
  .lucky-vote__footnote-item > .-values > .-value > .-text {
    width: 112px;
    font-size: 14px;
    line-height: 24px;
  }
  .lucky-vote__footnote-item > .-values > .-value > .-text:after {
    height: 12px;
  }
  .lucky-vote__footnote-item > .-values > .-value > .-em {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (max-width: 374px) {
  .lucky-vote__footnote-item > .-value, .lucky-vote__footnote-item > .-values {
    margin-left: 12px;
  }
}
.lucky-vote__notice {
  width: 100%;
  height: auto;
  background-color: #3d3d3d;
}
@media (max-width: 1023px) {
  .lucky-vote__notice {
    padding: 0 40px;
  }
}
@media (max-width: 749px) {
  .lucky-vote__notice {
    padding: 0 20px;
  }
}
.lucky-vote__notice-button {
  display: block;
  position: relative;
  width: 800px;
  height: 80px;
  margin: 0 auto;
  padding-right: 22px;
  font-size: 26px;
  font-weight: bold;
  color: #fff;
  text-align: left;
  line-height: 86px;
  letter-spacing: -0.025em;
}
.lucky-vote__notice-button:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 22px;
  height: 13px;
  background: url("../../images/bem/lucky-vote/lucky-vote__notice-button--after.png") center/contain no-repeat;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.lucky-vote__notice-button[data-event-state]:after {
  -webkit-transform: translate(0, -50%) rotate(180deg);
      -ms-transform: translate(0, -50%) rotate(180deg);
          transform: translate(0, -50%) rotate(180deg);
}
@media (max-width: 1023px) {
  .lucky-vote__notice-button {
    width: 100%;
    height: 75px;
    line-height: 75px;
  }
}
@media (max-width: 749px) {
  .lucky-vote__notice-button {
    height: 56px;
    padding-right: 16px;
    font-size: 16px;
    line-height: 56px;
  }
  .lucky-vote__notice-button:after {
    width: 16px;
    height: 9px;
  }
}
.lucky-vote__notice-list {
  width: 800px;
  height: auto;
  margin: 0 auto;
  padding: 32px 0 60px 0;
  border-top: 1px solid #c5c5c5;
}
@media (max-width: 1023px) {
  .lucky-vote__notice-list {
    width: 100%;
    padding-top: 24px;
  }
}
@media (max-width: 749px) {
  .lucky-vote__notice-list {
    padding: 16px 0 24px 0;
  }
}
.lucky-vote__notice-item {
  position: relative;
  padding-left: 12px;
  font-size: 18px;
  font-weight: normal;
  color: #fff;
  line-height: 25px;
  letter-spacing: -0.025em;
}
.lucky-vote__notice-item:before {
  content: "-";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.lucky-vote__notice-item > .-link {
  display: block;
}
.lucky-vote__notice-item + .lucky-vote__notice-item {
  margin-top: 14px;
}
@media (max-width: 1023px) {
  .lucky-vote__notice-item {
    font-size: 20px;
    line-height: 28px;
  }
}
@media (max-width: 749px) {
  .lucky-vote__notice-item {
    font-size: 12px;
    line-height: 18px;
  }
  .lucky-vote__notice-item + .lucky-vote__notice-item {
    margin-top: 8px;
  }
}
.lucky-vote__dialog {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.lucky-vote__dialog[aria-hidden=false] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.lucky-vote__dialog-document {
  overflow: hidden;
  width: auto;
  height: auto;
  border-radius: 30px;
  background-color: #fff;
  -webkit-box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.26);
          box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.26);
}
@media (max-width: 599px) {
  .lucky-vote__dialog-document {
    border-radius: 24px;
  }
}
.lucky-vote__dialog-content {
  width: 100%;
  height: auto;
}
.lucky-vote__dialog-content > img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 749px) {
  .lucky-vote__dialog-content > img {
    width: 50vw;
  }
}
@media (max-width: 599px) {
  .lucky-vote__dialog-content > img {
    width: 60vw;
  }
}
.lucky-vote__dialog-confirm {
  width: 100%;
  height: 78px;
  background-color: #008e46;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 78px;
}
@media (max-width: 749px) {
  .lucky-vote__dialog-confirm {
    height: auto;
    font-size: 24px;
    line-height: 52px;
  }
}
@media (max-width: 599px) {
  .lucky-vote__dialog-confirm {
    font-size: 16px;
    line-height: 44px;
  }
}
.lucky-vote__layer {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.lucky-vote__layer[aria-hidden=false] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.lucky-vote__layer-document {
  overflow: hidden;
  width: auto;
  height: auto;
  border-radius: 30px;
  background-color: #fff;
  -webkit-box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.26);
          box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.26);
}
@media (max-width: 599px) {
  .lucky-vote__layer-document {
    border-radius: 24px;
  }
}
.lucky-vote__layer-content {
  width: 100%;
  height: auto;
}
.lucky-vote__layer-content > img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 749px) {
  .lucky-vote__layer-content > img {
    width: 50vw;
  }
}
@media (max-width: 599px) {
  .lucky-vote__layer-content > img {
    width: 60vw;
  }
}
.lucky-vote__apply-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 800px;
  height: 100%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media (max-width: 1023px) {
  .lucky-vote__apply-links {
    width: 100%;
    padding: 0 6% 0 6%;
  }
}
.lucky-vote__apply-link {
  display: inline-block;
  vertical-align: top;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 374px;
}
.lucky-vote__apply-link + .lucky-vote__apply-link {
  margin-left: 18px;
}
@media (max-width: 1023px) {
  .lucky-vote__apply-link {
    height: 56%;
  }
  .lucky-vote__apply-link + .lucky-vote__apply-link {
    margin-left: 2%;
  }
}
.lucky-vote__layer-button {
  width: 100%;
  height: 78px;
  background-color: #008e46;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 78px;
}
@media (max-width: 749px) {
  .lucky-vote__layer-button {
    height: auto;
    font-size: 24px;
    line-height: 52px;
  }
}
@media (max-width: 599px) {
  .lucky-vote__layer-button {
    font-size: 16px;
    line-height: 44px;
  }
}

.home-banner {
  width: 100%;
  height: auto;
  padding: 100px 0 94px 0;
  background-color: #f3f7ff;
}
@media (max-width: 1101px) {
  .home-banner {
    padding: 100px 0 94px 0;
  }
}
@media (max-width: 767px) {
  .home-banner {
    padding: 50px 0 47px 0;
  }
}
.home-banner__content {
  width: 1102px;
  height: auto;
  margin: 0 auto;
}
@media (max-width: 1101px) {
  .home-banner__content {
    width: 100%;
    padding: 0 20px;
  }
  .home-banner__content .swiper-slide {
    position: relative;
    width: 543px;
    height: 291px;
  }
}
@media (max-width: 749px) {
  .home-banner__content .swiper-slide {
    width: calc(100vw - 60px) !important;
    height: auto !important;
  }
}
.home-banner__button {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}
.home-banner__button[data-animation-type=skeleton]:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  background-size: 40px 100%;
  background-repeat: no-repeat;
  background-position: left -40px top 0;
  -webkit-animation: skeleton 2s ease infinite;
          animation: skeleton 2s ease infinite;
}
@-webkit-keyframes skeleton {
  from {
    background-position: left -40px top 0;
  }
  to {
    background-position: right -40px top 0;
  }
}
@keyframes skeleton {
  from {
    background-position: left -40px top 0;
  }
  to {
    background-position: right -40px top 0;
  }
}
.home-banner__button[data-animation-type=effect] {
  overflow: hidden;
  margin: -4px;
  padding: 4px;
  border-radius: 24px;
}
.home-banner__button[data-animation-type=effect]:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: -4px;
  left: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  background: linear-gradient(-45deg, rgb(255, 248, 49) 0%, rgb(53, 18, 185) 25%, rgb(53, 18, 185) 75%, rgb(255, 248, 49) 100%);
}
.home-banner__button[data-animation-type=effect]:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 250%;
  height: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), color-stop(50%, rgb(255, 248, 49)), to(rgba(0, 0, 0, 0.1)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgb(255, 248, 49) 50%, rgba(0, 0, 0, 0.1) 100%);
  -webkit-transform-origin: center left;
      -ms-transform-origin: center left;
          transform-origin: center left;
  -webkit-transform: translate(0, -50%) rotate(0deg);
      -ms-transform: translate(0, -50%) rotate(0deg);
          transform: translate(0, -50%) rotate(0deg);
  -webkit-animation: effect 3s linear infinite;
          animation: effect 3s linear infinite;
}
@-webkit-keyframes effect {
  from {
    -webkit-transform: translate(0, -50%) rotate(0deg);
            transform: translate(0, -50%) rotate(0deg);
  }
  to {
    -webkit-transform: translate(0, -50%) rotate(360deg);
            transform: translate(0, -50%) rotate(360deg);
  }
}
@keyframes effect {
  from {
    -webkit-transform: translate(0, -50%) rotate(0deg);
            transform: translate(0, -50%) rotate(0deg);
  }
  to {
    -webkit-transform: translate(0, -50%) rotate(360deg);
            transform: translate(0, -50%) rotate(360deg);
  }
}
.home-banner__button .-pc {
  display: block;
  width: 100%;
  height: auto;
}
.home-banner__button .-mo {
  display: none;
  width: 100%;
  height: auto;
}
@media (max-width: 749px) {
  .home-banner__button .-pc {
    display: none;
  }
  .home-banner__button .-mo {
    display: block;
  }
}
.home-banner__school-table {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 50%;
  right: 36px;
  width: 240px;
  height: 220px;
  border-radius: 15px;
  background-color: #fff;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.home-banner__school-table .swiper-container {
  overflow: hidden;
  width: calc(100% - 40px);
  height: calc(100% - 72px);
  margin: 15px auto;
  margin-left: 32px;
}
.home-banner__school-table .swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.home-banner__school-table .swiper-slide {
  width: 100% !important;
  height: auto !important;
}
@media (max-width: 1101px) {
  .home-banner__school-table {
    right: 4%;
  }
}
@media (max-width: 749px) {
  .home-banner__school-table {
    top: 50%;
    right: 14px;
    width: 42%;
    height: 72%;
    border-radius: 8px;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .home-banner__school-table .swiper-container {
    width: calc(100% - 8px);
    height: calc(100% - 25px);
    margin: 0 auto;
    margin-left: 8px;
  }
}
.home-banner__school-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 42px;
  padding: 0 18px;
  background-color: #232323;
  font-size: 16px !important;
  font-weight: bold;
  color: #fff !important;
}
.home-banner__school-link:after {
  content: "+";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 52px;
  height: 42px;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
@media (max-width: 749px) {
  .home-banner__school-link {
    height: 25px;
    font-size: 10px !important;
  }
  .home-banner__school-link:after {
    width: 22px;
    height: 25px;
  }
}
.home-banner__school-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: auto;
}
.home-banner__school-item {
  display: inline-block;
  vertical-align: top;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
  height: auto;
  font-size: 16px;
  font-weight: normal;
  color: #333;
  line-height: 30px;
}
@media (max-width: 749px) {
  .home-banner__school-item {
    font-size: 11px;
    line-height: 22.5px;
  }
}

.quick-menu {
  position: fixed !important;
  top: unset !important;
  right: unset !important;
  bottom: 20px !important;
  right: 20px !important;
  z-index: 9 !important;
}

.evt-menu {
  display: block;
  position: absolute;
  right: 76px;
  z-index: 9;
}
.evt-menu[data-event-state=true] {
  position: fixed;
  top: 76px !important;
}
.evt-menu[aria-hidden=true] {
  display: none !important;
}
@media (max-width: 749px) {
  .evt-menu {
    display: none;
  }
}
.evt-menu__group {
  display: block;
  position: relative;
  margin-bottom: 20px;
}
.evt-menu__group[aria-hidden=true] {
  display: none;
}
.evt-menu__link {
  display: block;
  width: auto;
  height: auto;
}
.evt-menu__link > img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 15px;
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.25));
}
.evt-menu__closer {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
}

.container .sec03-cnt .step {
  font-size: 0 !important;
}

@media (max-width: 1023px) {
  .section03 .sec03-cnt {
    gap: unset !important;
    margin-top: 40px !important;
  }
  .section03 .sec03-cnt > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc((100% - 32px) / 2) !important;
    margin: unset !important;
  }
  .section03 .sec03-cnt > li:nth-of-type(1), .section03 .sec03-cnt > li:nth-of-type(3) {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .section03 .sec03-cnt > li:nth-of-type(2), .section03 .sec03-cnt > li:nth-of-type(4) {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-left: 32px !important;
  }
  .section03 .sec03-cnt > li:nth-of-type(3), .section03 .sec03-cnt > li:nth-of-type(4) {
    margin-top: 28px !important;
  }
  .section03 .sec03-cnt .step {
    width: 144px !important;
    height: 144px !important;
  }
  .section03 .sec03-cnt .txt {
    margin-top: 20px !important;
  }
  .section04 > .inner {
    width: calc(100% - 40px);
    padding-top: 56px !important;
  }
  .section04 .notice-wrap .sub-title {
    margin-top: 24px !important;
    padding-bottom: 24px !important;
    padding-left: 0 !important;
  }
  .section04 .notice-list li {
    padding: 28px 0 !important;
  }
}
@media (max-width: 767px) {
  .sec03-cnt li > div {
    width: auto !important;
  }
}
.container .sec03-cnt .step {
  font-size: 0 !important;
}

@media (max-width: 1023px) {
  .sec03-cnt {
    display: none !important;
  }
}
.ai-gichulo {
  display: none;
  width: 100%;
  height: auto;
  margin-top: 34px;
}
@media (max-width: 1023px) {
  .ai-gichulo {
    display: block;
  }
}
.ai-gichulo__list {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  height: auto;
}
.ai-gichulo__item {
  width: calc((100% - 34px) / 2);
  height: auto;
}
.ai-gichulo__item:nth-of-type(3), .ai-gichulo__item:nth-of-type(4) {
  margin-top: 30px;
}
.ai-gichulo__item:nth-of-type(2), .ai-gichulo__item:nth-of-type(4) {
  margin-left: 34px;
}
.ai-gichulo__item > img {
  display: block;
  width: 100%;
  height: auto;
}
.ai-gichulo__description {
  margin-top: 28px;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  text-align: center;
  line-height: 24px;
}
.ai-gichulo__description .-em {
  display: inline-block;
  vertical-align: top;
  font-size: inherit;
  font-weight: bold;
  color: inherit;
  text-align: inherit;
  line-height: inherit;
}

.experience {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 390px;
  background: url("../../images/bem/experience/experience--pc.jpg") no-repeat center;
  background-size: cover;
}
.experience .-pc {
  display: block;
}
.experience .-mo {
  display: none;
}
@media (max-width: 1023px) {
  .experience {
    background: url("../../images/bem/experience/experience--mo.jpg") no-repeat center top;
    background-size: cover;
  }
  .experience[data-element-state=no-link] {
    height: 668px;
  }
  .experience .-pc {
    display: none;
  }
  .experience .-mo {
    display: block;
  }
}
@media (max-width: 749px) {
  .experience {
    height: 374px;
  }
  .experience[data-element-state=no-link] {
    height: 334px;
  }
}
.experience__bg-bubble {
  opacity: 0;
  position: absolute;
  border-radius: 100%;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
.experience__bg-bubble:nth-of-type(1) {
  top: -143px;
  left: 50%;
  width: 286px;
  height: 286px;
  margin-left: -876px;
  background: url("../../images/bem/experience/experience__bg-bubble--0.png") no-repeat center;
  background-size: cover;
  -webkit-animation: bubble 3.2s linear 0.8s forwards;
          animation: bubble 3.2s linear 0.8s forwards;
}
.experience__bg-bubble:nth-of-type(2) {
  top: -130px;
  right: -90px;
  width: 1064px;
  height: 1064px;
  background: url("../../images/bem/experience/experience__bg-bubble--2.png") no-repeat center;
  background-size: cover;
  -webkit-animation: bubble1 4s linear 0s forwards;
          animation: bubble1 4s linear 0s forwards;
}
.experience__bg-bubble:nth-of-type(3) {
  bottom: -143px;
  left: 50%;
  width: 286px;
  height: 286px;
  margin-left: 604px;
  background: url("../../images/bem/experience/experience__bg-bubble--1.png") no-repeat center;
  background-size: cover;
  -webkit-animation: bubble 3.2s linear 1.2s forwards;
          animation: bubble 3.2s linear 1.2s forwards;
}
@-webkit-keyframes bubble {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes bubble {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes bubble1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    opacity: 0.7;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes bubble1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    opacity: 0.7;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@media (max-width: 1140px) {
  .experience__bg-bubble:nth-of-type(1) {
    left: 0;
  }
  .experience__bg-bubble:nth-of-type(2) {
    right: -400px;
  }
  .experience__bg-bubble:nth-of-type(3) {
    right: -200px;
  }
}
@media (max-width: 1023px) {
  .experience__bg-bubble {
    display: none;
  }
}
.experience__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  position: relative;
  z-index: 1;
  width: 1100px;
  height: 100%;
  margin: 0 auto;
}
@media (max-width: 1140px) {
  .experience__content {
    width: 100%;
    padding: 0 20px;
  }
}
@media (max-width: 1023px) {
  .experience__content {
    display: block;
    padding-top: 62px;
  }
}
@media (max-width: 749px) {
  .experience__content {
    padding-top: 42px;
  }
}
.experience__title {
  display: block;
  width: 100%;
  height: auto;
  font-size: 24px;
  font-weight: normal;
  color: #fff;
  letter-spacing: -0.025em;
}
@media (max-width: 1023px) {
  .experience__title {
    font-size: 34px;
    text-align: center;
  }
}
@media (max-width: 749px) {
  .experience__title {
    font-size: 17px;
  }
}
.experience__heading {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 32px;
  font-family: "Tenada";
  font-size: 70px;
  color: #fff;
  line-height: 64px;
  letter-spacing: -0.025em;
}
.experience__heading .-em {
  display: inline-block;
  color: #ffec13;
}
@media (max-width: 1023px) {
  .experience__heading {
    margin-top: 44px;
    font-size: 88px;
    text-align: center;
  }
}
@media (max-width: 749px) {
  .experience__heading {
    margin-top: 4px;
    font-size: 40px;
  }
}
.experience__link {
  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: 188px;
  height: 52px;
  margin-top: 32px;
  background: url("../../images/bem/experience/experience__link--pc.png") no-repeat center;
  background-size: contain;
}
@media (max-width: 1023px) {
  .experience__link {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    margin: 0;
    background-image: url("../../images/bem/experience/experience__link--mo.jpg");
    background-color: #3461a5;
  }
}
@media (max-width: 749px) {
  .experience__link {
    height: 40px;
  }
}
.experience__list {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  width: 50%;
  height: 100%;
}
@media (max-width: 1140px) {
  .experience__list {
    right: 20px;
  }
}
@media (max-width: 1023px) {
  .experience__list {
    right: 0;
    bottom: 80px;
    width: 100%;
    height: 395px;
  }
  .experience[data-element-state=no-link] .experience__list {
    bottom: 0;
  }
}
@media (max-width: 749px) {
  .experience__list {
    bottom: 40px;
    height: 197.5px;
  }
  .experience[data-element-state=no-link] .experience__list {
    bottom: 0;
  }
}
.experience__item {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translateY(-50px);
      -ms-transform: translateY(-50px);
          transform: translateY(-50px);
}
.experience__item:nth-of-type(1) {
  z-index: 4;
  -webkit-animation: jenga 0.8s ease-out 0.4s forwards;
          animation: jenga 0.8s ease-out 0.4s forwards;
}
.experience__item:nth-of-type(2) {
  z-index: 3;
  -webkit-animation: jenga 0.8s ease-out 0.8s forwards;
          animation: jenga 0.8s ease-out 0.8s forwards;
}
.experience__item:nth-of-type(3) {
  z-index: 2;
  -webkit-animation: jenga 0.8s ease-out 1.2s forwards;
          animation: jenga 0.8s ease-out 1.2s forwards;
}
.experience__item > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@-webkit-keyframes jenga {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes jenga {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@media (max-width: 1023px) {
  .experience__item:nth-of-type(1), .experience__item:nth-of-type(2), .experience__item:nth-of-type(3) {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

.gnb-tag {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
}
.gnb-tag.-hamburger {
  position: unset;
}

.gnb-depth__target {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 182px;
  height: auto;
  background-color: #2c4578;
  -webkit-box-shadow: 2px 3px 7px 0 rgba(0, 0, 0, 0.35);
          box-shadow: 2px 3px 7px 0 rgba(0, 0, 0, 0.35);
}
.gnb-depth__trigger:hover .gnb-depth__target, .gnb-depth__target:hover {
  display: block;
}
.gnb-depth__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 14px;
}
.gnb-depth__link.active, .gnb-depth__link:hover {
  background-color: #3f62ab;
}

@media (max-width: 1023px) {
  .search-wrap.-col2 .box {
    width: calc((100% - 14px) / 2) !important;
    margin: unset !important;
  }
}

a[data-element-state=no-event] {
  cursor: default !important;
}

.reward-formula {
  width: 100%;
  height: auto;
  /* margin-bottom: -180px; */
}
@-webkit-keyframes appear {
  from {
    opacity: 0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes appear {
  from {
    opacity: 0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes spring {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  12.5% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    opacity: 1;
    -webkit-transform: translateY(-25%);
            transform: translateY(-25%);
  }
  37.5% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-12.5%);
            transform: translateY(-12.5%);
  }
  62.5%, 100% {
    opacity: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes spring {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  12.5% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    opacity: 1;
    -webkit-transform: translateY(-25%);
            transform: translateY(-25%);
  }
  37.5% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-12.5%);
            transform: translateY(-12.5%);
  }
  62.5%, 100% {
    opacity: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@media (max-width: 1023px) {
  .reward-formula {
    margin-bottom: -90px;
  }
}
@media (max-width: 767px) {
  .reward-formula {
    margin-bottom: unset;
  }
}
.reward-formula .-pc, .reward-formula * .-pc {
  display: block;
}
.reward-formula .-mo,
.reward-formula .-br, .reward-formula * .-mo,
.reward-formula * .-br {
  display: none;
}
@media (max-width: 1039px) {
  .reward-formula .-pc, .reward-formula * .-pc {
    display: none;
  }
  .reward-formula .-mo,
  .reward-formula .-br, .reward-formula * .-mo,
  .reward-formula * .-br {
    display: block;
  }
}
.reward-formula__showcase {
  position: relative;
  width: 100%;
  height: 550px;
  padding-top: 82px;
  background: url("../../images/bem/reward-formula/reward-formula__showcase.jpg") center/cover no-repeat;
  text-align: center;
}
.reward-formula__showcase:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 527px;
  height: 158px;
  margin-left: 362px;
  background: url("../../images/bem/reward-formula/reward-formula__showcase--before.png") center/contain no-repeat;
}
.reward-formula__showcase:after {
  content: "";
  display: block;
  position: absolute;
  top: 108px;
  left: 50%;
  width: 179px;
  height: 180px;
  margin-left: 578px;
  background: url("../../images/bem/reward-formula/reward-formula__showcase--after.png") center/contain no-repeat;
}
@media (max-width: 1039px) {
  .reward-formula__showcase {
    height: 697px;
    padding-top: 156px;
    background-image: url("../../images/bem/reward-formula/reward-formula__showcase--mo.jpg");
  }
  .reward-formula__showcase:before {
    top: 0;
    left: unset;
    right: 0;
    width: 358px;
    height: 103px;
    margin-left: unset;
    background-image: url("../../images/bem/reward-formula/reward-formula__showcase--before--mo.png");
  }
  .reward-formula__showcase:after {
    top: 48px;
    left: unset;
    right: 22px;
    width: 121px;
    height: 146px;
    margin-left: 578px;
    background-image: url("../../images/bem/reward-formula/reward-formula__showcase--after--mo.png");
  }
}
@media (max-width: 719px) {
  .reward-formula__showcase {
    height: 348.5px;
    padding-top: 78px;
  }
  .reward-formula__showcase:before {
    width: 179px;
    height: 51.5px;
  }
  .reward-formula__showcase:after {
    top: 24px;
    right: 11px;
    width: 60.5px;
    height: 73px;
    margin-left: 289px;
  }
}
.reward-formula__showcase-subject {
  display: inline-block;
  vertical-align: top;
  padding: 0 20px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  font-family: "Noto Sans KR";
  font-size: 30px;
  font-weight: 500;
  color: #000;
  line-height: 54px;
  opacity: 0;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
}
.reward-formula__showcase-subject[data-event-state=true] {
  -webkit-animation: appear 0.8s ease 0s forwards;
          animation: appear 0.8s ease 0s forwards;
}
@media (max-width: 1039px) {
  .reward-formula__showcase-subject {
    padding: 0 10px;
    font-size: 32px;
  }
}
@media (max-width: 719px) {
  .reward-formula__showcase-subject {
    padding: 0 5px;
    font-size: 16px;
    line-height: 27px;
  }
}
.reward-formula__showcase-heading {
  margin-top: 40px;
  opacity: 0;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
}
.reward-formula__showcase-heading[data-event-state=true] {
  -webkit-animation: appear 0.8s ease 0.2s forwards;
          animation: appear 0.8s ease 0.2s forwards;
}
.reward-formula__showcase-heading > img {
  margin: 0 auto;
}
@media (max-width: 719px) {
  .reward-formula__showcase-heading {
    margin-top: 20px;
  }
  .reward-formula__showcase-heading > img {
    width: 50%;
  }
}
@media (max-width: 479px) {
  .reward-formula__showcase-heading > img {
    width: 80%;
  }
}
.reward-formula__showcase-description {
  margin-top: 30px;
  font-family: "Noto Sans KR";
  font-size: 26px;
  font-weight: 500;
  color: #000;
  text-align: center;
  line-height: 34px;
  opacity: 0;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
}
.reward-formula__showcase-description[data-event-state=true] {
  -webkit-animation: appear 0.8s ease 0.4s forwards;
          animation: appear 0.8s ease 0.4s forwards;
}
.reward-formula__showcase-description .-em {
  display: inline-block;
  vertical-align: top;
  font-family: inherit;
  font-size: inherit;
  font-weight: bold;
  color: #0052d4;
  text-align: inherit;
  line-height: inherit;
}
@media (max-width: 1039px) {
  .reward-formula__showcase-description {
    margin-top: 34px;
    font-size: 28px;
    line-height: 40px;
  }
}
@media (max-width: 719px) {
  .reward-formula__showcase-description {
    margin-top: 17px;
    font-size: 14px;
    line-height: 20px;
  }
}
.reward-formula__showcase-link {
  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: 30px auto 0 auto;
  width: 342px;
  height: 62px;
  border-radius: 62px;
  background-color: #222;
  font-family: "Noto Sans KR";
  font-size: 26px !important;
  font-weight: 500;
  color: #fff !important;
  letter-spacing: -0.025em;
  opacity: 0;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
}
.reward-formula__showcase-link[data-event-state=true] {
  -webkit-animation: appear 0.8s ease 0.4s forwards;
          animation: appear 0.8s ease 0.4s forwards;
}
.reward-formula__showcase-link .-em {
  display: inline-block;
  vertical-align: top;
  font-family: inherit;
  font-size: inherit !important;
  font-weight: bold;
  color: #00ffae !important;
  letter-spacing: inherit;
}
.reward-formula__showcase-link:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 21px;
  height: 18px;
  margin-left: 17px;
  background: url("../../images/bem/reward-formula/reward-formula__showcase-link--after.png") center/contain no-repeat;
}
@media (max-width: 1039px) {
  .reward-formula__showcase-link {
    margin-top: 32px;
    width: 368px;
    height: 72px;
    border-radius: 72px;
    font-size: 28px !important;
    letter-spacing: unset;
  }
  .reward-formula__showcase-link:after {
    margin-left: 10px;
  }
}
@media (max-width: 719px) {
  .reward-formula__showcase-link {
    margin-top: 16px;
    width: 174px;
    height: 36px;
    border-radius: 36px;
    font-size: 14px !important;
  }
  .reward-formula__showcase-link:after {
    width: 10px;
    height: 9px;
    margin-left: 5px;
  }
}
.reward-formula__section {
  position: relative;
  width: 100%;
  height: auto;
}
@media (max-width: 1039px) {
  .reward-formula__section {
    padding-top: 120px;
  }
}
@media (max-width: 719px) {
  .reward-formula__section {
    padding-top: 60px;
  }
}
.reward-formula__navigation {
  position: absolute;
  z-index: 10;
  top: 103px;
  left: 50%;
  margin-left: 590px;
}
.reward-formula__navigation[data-event-state=true] {
  position: fixed;
}
@media (max-width: 1039px) {
  .reward-formula__navigation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    margin-left: unset;
  }
}
.reward-formula__navigation-list {
  overflow: auto;
  width: 170px;
  height: auto;
  border: 1px solid #dadada;
  border-radius: 12px;
  background-color: #fff;
  -webkit-filter: drop-shadow(0px 0px 25px rgba(0, 0, 0, 0.1));
          filter: drop-shadow(0px 0px 25px rgba(0, 0, 0, 0.1));
}
@media (max-width: 1039px) {
  .reward-formula__navigation-list {
    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: 100%;
    height: 120px;
    border-width: 2px;
    border-radius: unset;
  }
}
@media (max-width: 719px) {
  .reward-formula__navigation-list {
    height: 60px;
  }
}
.reward-formula__navigation-item + .reward-formula__navigation-item {
  border-top: 1px solid #dadada;
}
@media (max-width: 1039px) {
  .reward-formula__navigation-item {
    width: 25%;
    height: 100%;
  }
  .reward-formula__navigation-item + .reward-formula__navigation-item {
    border-top: unset;
    border-left: 1px solid #dadada;
  }
}
.reward-formula__navigation-button {
  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: 50px;
  padding-top: 6px;
  font-family: "Tenada";
  font-size: 18px;
  color: #222;
}
.reward-formula__navigation-button[data-event-state=true] {
  background: rgb(26, 140, 249);
  background: -webkit-gradient(linear, left top, right top, from(rgb(26, 140, 249)), to(rgb(2, 219, 99)));
  background: linear-gradient(90deg, rgb(26, 140, 249) 0%, rgb(2, 219, 99) 100%);
  color: #fff;
}
@media (max-width: 1039px) {
  .reward-formula__navigation-button {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    flex-direction: column;
    height: 100%;
    padding: 24px 0 16px 0;
    font-size: 28px;
    /* line-height: unset; */
  }
}
@media (max-width: 719px) {
  .reward-formula__navigation-button {
    padding: 12px 0 8px 0;
    font-size: 14px;
  }
}
.reward-formula__banner {
  position: relative;
  margin-top: 20px;
}
.reward-formula__banner[aria-hidden=true] {
  display: none !important;
}
@media (max-width: 1039px) {
  .reward-formula__banner {
    margin-top: 84px;
    margin-right: 42px;
    text-align: right;
  }
}
@media (max-width: 719px) {
  .reward-formula__banner {
    margin-top: 42px;
    margin-right: 21px;
  }
}
.reward-formula__banner-link {
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: auto;
}
.reward-formula__banner-link > img {
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: auto;
}
@media (max-width: 1039px) {
  .reward-formula__banner-link > img {
    width: 144px;
  }
}
@media (max-width: 719px) {
  .reward-formula__banner-link > img {
    width: 72px;
  }
}
.reward-formula__banner-closer {
  display: block;
  position: absolute;
  top: 14px;
  right: 0;
  width: 34px;
  height: 34px;
}
@media (max-width: 719px) {
  .reward-formula__banner-closer {
    top: 7px;
    width: 17px;
    height: 17px;
  }
}
.reward-formula__article {
  width: 100%;
  height: auto;
}
.reward-formula__article[data-event-target="0"] {
  padding: 100px 0 132px 0;
  background-color: #f7f7f7;
}
.reward-formula__article[data-event-target="1"] {
  padding-top: 136px;
  background-color: #1a8cf9;
}
.reward-formula__article[data-event-target="2"] {
  padding: 100px 0;
  background: url("../../images/bem/reward-formula/reward-formula__article--2.jpg") center/cover no-repeat;
}
.reward-formula__article[data-event-target="3"] {
  padding: 82px 0 100px 0;
  background: url("../../images/bem/reward-formula/reward-formula__article--3.jpg") center/cover no-repeat;
}
.reward-formula__article[data-event-target="4"] {
  padding: 96px 0;
  background-color: #f8f8f8;
}
@media (max-width: 1039px) {
  .reward-formula__article[data-event-target="0"] {
    padding: 80px 0 20px 0;
  }
  .reward-formula__article[data-event-target="1"] {
    padding-top: 210px;
  }
  .reward-formula__article[data-event-target="2"] {
    padding: 82px 0 78px 0;
    background-image: url("../../images/bem/reward-formula/reward-formula__article--2--mo.jpg");
  }
  .reward-formula__article[data-event-target="3"] {
    padding: 80px 0 78px 0;
  }
  .reward-formula__article[data-event-target="4"] {
    padding: 62px 0 48px 0;
  }
}
@media (max-width: 719px) {
  .reward-formula__article[data-event-target="0"] {
    padding: 40px 0 10px 0;
  }
  .reward-formula__article[data-event-target="1"] {
    padding-top: 105px;
  }
  .reward-formula__article[data-event-target="2"] {
    padding: 41px 0 39px 0;
  }
  .reward-formula__article[data-event-target="3"] {
    padding: 40px 0 39px 0;
  }
  .reward-formula__article[data-event-target="4"] {
    padding: 32px 0 24px 0;
  }
}
.reward-formula__content {
  width: 1040px;
  height: auto;
  margin: 0 auto;
}
@media (max-width: 1039px) {
  .reward-formula__content {
    width: 100%;
  }
}
.reward-formula__question {
  margin-bottom: 16px;
}
.reward-formula__question > img {
  display: block;
  margin: 0 auto;
}
@media (max-width: 719px) {
  .reward-formula__question {
    margin-bottom: 8px;
  }
  .reward-formula__question > img {
    width: 65%;
  }
}
.reward-formula__title {
  margin-bottom: -16px;
  font-family: "Tenada";
  font-size: 60px;
  text-align: center;
  line-height: 70px;
}
.reward-formula__title .-em {
  display: inline-block;
  vertical-align: top;
  font-family: inherit;
  font-size: inherit;
  color: #1a8cf9;
  text-align: inherit;
  line-height: inherit;
}
.reward-formula__title .-gradient {
  display: inline-block;
  vertical-align: top;
  font-family: inherit;
  font-size: inherit;
  background: rgb(23, 149, 232);
  background: -webkit-gradient(linear, left top, right top, from(rgb(23, 149, 232)), to(rgb(5, 208, 119)));
  background: linear-gradient(90deg, rgb(23, 149, 232) 0%, rgb(5, 208, 119) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-align: inherit;
  line-height: inherit;
}
.reward-formula__article[data-event-target="0"] .reward-formula__title, .reward-formula__article[data-event-target="2"] .reward-formula__title, .reward-formula__article[data-event-target="4"] .reward-formula__title {
  color: #000;
}
.reward-formula__article[data-event-target="1"] .reward-formula__title, .reward-formula__article[data-event-target="3"] .reward-formula__title {
  color: #fff;
}
@media (max-width: 719px) {
  .reward-formula__title {
    margin-bottom: -8px;
    font-size: 30px;
    line-height: 35px;
  }
}
.reward-formula__content-preview > img {
  margin: 0 auto;
}
@media (max-width: 719px) {
  .reward-formula__content-preview > img {
    width: 100%;
  }
}
.reward-formula__flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 58px;
}
@media (max-width: 1039px) {
  .reward-formula__flex-container {
    margin-top: 60px;
  }
}
@media (max-width: 719px) {
  .reward-formula__flex-container {
    margin-top: 30px;
  }
}
.reward-formula__flex-item {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 391px;
  height: 307px;
  padding: 40px;
  border: 2px solid #dadada;
  border-radius: 20px;
  background-color: #fff;
}
.reward-formula__flex-item + .reward-formula__flex-item {
  margin-left: 20px;
}
.reward-formula__flex-item:nth-of-type(1):after {
  content: "";
  display: block;
  position: absolute;
  bottom: -170px;
  left: 14px;
  width: 327px;
  height: 240px;
  background: url("../../images/bem/reward-formula/reward-formula__flex-item--0--after.png") center/contain no-repeat;
}
.reward-formula__flex-item:nth-of-type(2):after {
  content: "";
  display: block;
  position: absolute;
  bottom: -164px;
  left: 58px;
  width: 276px;
  height: 273px;
  background: url("../../images/bem/reward-formula/reward-formula__flex-item--1--after.png") center/contain no-repeat;
}
@media (max-width: 1039px) {
  .reward-formula__flex-item {
    width: 310px;
    height: 340px;
    padding: 28px 18px;
  }
  .reward-formula__flex-item + .reward-formula__flex-item {
    margin-left: 24px;
  }
  .reward-formula__flex-item:nth-of-type(1):after {
    bottom: -150px;
    left: 18px;
    width: 289px;
    height: 227px;
    background-image: url("../../images/bem/reward-formula/reward-formula__flex-item--0--after--mo.png");
  }
  .reward-formula__flex-item:nth-of-type(2):after {
    bottom: -150px;
    left: 25px;
    width: 256px;
    height: 239px;
    background-image: url("../../images/bem/reward-formula/reward-formula__flex-item--1--after--mo.png");
  }
}
@media (max-width: 719px) {
  .reward-formula__flex-item {
    width: calc((100% - 52px) / 2);
    height: 174px;
    padding: 14px 9px;
    border-radius: 10px;
  }
  .reward-formula__flex-item + .reward-formula__flex-item {
    margin-left: 12px;
  }
  .reward-formula__flex-item:nth-of-type(1):after {
    bottom: -75px;
    left: 50%;
    width: 144.5px;
    height: 113.5px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .reward-formula__flex-item:nth-of-type(2):after {
    bottom: -75px;
    left: 50%;
    width: 128px;
    height: 119px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.reward-formula__flex-title {
  margin: 6px 0 -6px 0;
  font-family: "Tenada";
  font-size: 36px;
  line-height: 32px;
}
.reward-formula__flex-item:nth-of-type(1) .reward-formula__flex-title {
  color: #1a8cf9;
}
.reward-formula__flex-item:nth-of-type(2) .reward-formula__flex-title {
  color: #06cc7f;
}
@media (max-width: 1039px) {
  .reward-formula__flex-title {
    margin: 8px 0 -8px 0;
    font-size: 34px;
    line-height: 28px;
  }
}
@media (max-width: 719px) {
  .reward-formula__flex-title {
    margin: 4px 0 -4px 0;
    font-size: 17px;
    line-height: 14px;
  }
}
.reward-formula__flex-description {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px dashed #a7a7a7;
  font-family: "Noto Sans KR";
  font-size: 24px;
  font-weight: 300;
  color: #222;
  line-height: 32px;
}
.reward-formula__flex-description .-em {
  display: inline;
  vertical-align: top;
  font-family: inherit;
  font-size: inherit;
  font-weight: bold;
  color: inherit;
  line-height: inherit;
}
.reward-formula__flex-description .-break {
  display: block;
}
@media (max-width: 1039px) {
  .reward-formula__flex-description {
    margin-top: 20px;
    padding-top: 12px;
    font-size: 28px;
    line-height: 34px;
  }
  .reward-formula__flex-description .-break {
    display: none;
  }
}
@media (max-width: 719px) {
  .reward-formula__flex-description {
    margin-top: 9px;
    padding-top: 9px;
    font-size: 14px;
    line-height: 17px;
  }
}
.reward-formula__summary-container {
  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: 800px;
  height: auto;
  margin: 40px auto;
  padding-top: 40px;
  border-top: 1px solid #5faffb;
}
@media (max-width: 1039px) {
  .reward-formula__summary-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
    width: 100%;
    margin: 28px auto 15px auto;
    padding-top: 28px;
    border: 0;
  }
  .reward-formula__summary-container:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: calc(100% - 200px);
    height: 1px;
    background-color: #5faffb;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media (max-width: 719px) {
  .reward-formula__summary-container {
    margin: 14px auto 8px auto;
    padding-top: 14px;
  }
  .reward-formula__summary-container:before {
    width: calc(100% - 100px);
  }
}
.reward-formula__summary-content + .reward-formula__summary-content {
  margin-left: 24px;
}
@media (max-width: 1039px) {
  .reward-formula__summary-content + .reward-formula__summary-content {
    margin-left: unset;
  }
  .reward-formula__summary-content:last-child {
    width: 100%;
    margin-top: 15px;
    text-align: center;
  }
}
@media (max-width: 719px) {
  .reward-formula__summary-content:last-child {
    margin-top: 8px;
  }
}
.reward-formula__summary-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 224px;
  height: 97px;
  padding-top: 8px;
  border: 1px solid #fff;
  border-radius: 20px;
  font-family: "Tenada";
  font-size: 28px;
  color: #fff;
  text-align: center;
  line-height: 32px;
}
.reward-formula__summary-title .-break {
  display: block;
  width: 100%;
}
@media (max-width: 1039px) {
  .reward-formula__summary-title {
    width: auto;
    height: 62px;
    padding: 12px 30px 0 30px;
    border: 2px solid #fff;
    border-radius: 62px;
    font-size: 34px;
    line-height: unset;
  }
  .reward-formula__summary-title .-break {
    display: none;
  }
}
@media (max-width: 719px) {
  .reward-formula__summary-title {
    height: 32px;
    padding: 6px 15px 0 15px;
    border-radius: 32px;
    font-size: 17px;
  }
}
@media (max-width: 1039px) {
  .reward-formula__summary-list {
    display: inline-block;
    vertical-align: top;
    margin: 0 auto;
  }
}
@media (max-width: 719px) {
  .reward-formula__summary-list {
    max-width: 290px;
  }
}
.reward-formula__summary-item {
  position: relative;
  padding-left: 14px;
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-weight: 300;
  color: #fff;
  text-align: left;
  line-height: 20px;
}
.reward-formula__summary-item:before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  width: 4px;
  height: 4px;
  background-color: #fff;
}
.reward-formula__summary-item .-em {
  display: inline-block;
  vertical-align: top;
  font-family: inherit;
  font-weight: bold;
  color: #69fdff;
  line-height: inherit;
}
.reward-formula__summary-item + .reward-formula__summary-item {
  margin-top: 12px;
}
@media (max-width: 1039px) {
  .reward-formula__summary-item {
    padding-left: 16px;
    font-size: 28px;
    line-height: 26px;
  }
  .reward-formula__summary-item:before {
    left: 0;
    width: 6px;
    height: 6px;
  }
}
@media (max-width: 719px) {
  .reward-formula__summary-item {
    padding-left: 8px;
    font-size: 14px;
    line-height: 18px;
  }
  .reward-formula__summary-item:before {
    top: 5px;
    width: 3px;
    height: 3px;
  }
  .reward-formula__summary-item + .reward-formula__summary-item {
    margin-top: 6px;
  }
}
.reward-formula__carousel-preview {
  text-align: center;
}
.reward-formula__carousel-preview > div > img {
  display: block;
  margin: 0 auto;
}
@media (max-width: 1039px) {
  .reward-formula__carousel-preview {
    width: calc(100% - 180px);
    margin: 0 auto;
  }
  .reward-formula__carousel-preview > div > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (max-width: 719px) {
  .reward-formula__carousel-preview {
    width: calc(100% - 90px);
  }
}
.reward-formula__carousel {
  position: relative;
  padding-bottom: 118px;
}
.reward-formula__carousel .swiper-slide {
  opacity: 0 !important;
}
.reward-formula__carousel .swiper-slide-active {
  opacity: 1 !important;
}
.reward-formula__carousel .swiper-button-prev {
  display: block;
  position: absolute;
  z-index: 8;
  top: 478px;
  right: unset;
  bottom: unset;
  left: 0;
  width: 84px;
  height: 84px;
  margin: 0;
  border-radius: 100%;
  background: #1e578d url("../../images/bem/reward-formula/@swiper-button--white.png") center/auto no-repeat;
}
.reward-formula__carousel .swiper-button-prev:before, .reward-formula__carousel .swiper-button-prev:after {
  display: none;
}
.reward-formula__carousel .swiper-button-next {
  display: block;
  position: absolute;
  z-index: 8;
  top: 478px;
  right: 0;
  bottom: unset;
  left: unset;
  width: 84px;
  height: 84px;
  margin: 0;
  border-radius: 100%;
  background: #1e578d url("../../images/bem/reward-formula/@swiper-button--white.png") center/auto no-repeat;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.reward-formula__carousel .swiper-button-next:before, .reward-formula__carousel .swiper-button-next:after {
  display: none;
}
.reward-formula__carousel .swiper-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;
  position: absolute;
  z-index: 8;
  top: unset !important;
  right: unset !important;
  bottom: 98px !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.reward-formula__carousel .swiper-pagination-bullet {
  display: inline-block;
  vertical-align: top;
  opacity: 1;
  width: 20px;
  height: 20px;
  margin: 0 7px;
  border-radius: 100%;
  background-color: #5faffb;
}
.reward-formula__carousel .swiper-pagination-bullet-active {
  background-color: #fff;
}
@media (max-width: 1039px) {
  .reward-formula__carousel {
    padding-bottom: 90px;
  }
  .reward-formula__carousel .swiper-button-prev {
    top: 441px;
    left: 24px;
    width: 55px;
    height: 55px;
    background-size: 11px 19px;
  }
  .reward-formula__carousel .swiper-button-next {
    top: 441px;
    right: 24px;
    width: 55px;
    height: 55px;
    background-size: 11px 19px;
  }
  .reward-formula__carousel .swiper-pagination {
    bottom: 78px !important;
  }
  .reward-formula__carousel .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0 5px;
  }
}
@media (max-width: 719px) {
  .reward-formula__carousel {
    padding-bottom: 45px;
  }
  .reward-formula__carousel .swiper-button-prev {
    top: 234px;
    left: 12px;
    width: 27.5px;
    height: 27.5px;
    background-size: 6px 9px;
  }
  .reward-formula__carousel .swiper-button-next {
    top: 234px;
    right: 12px;
    width: 27.5px;
    height: 27.5px;
    background-size: 6px 9px;
  }
  .reward-formula__carousel .swiper-pagination {
    bottom: 39px !important;
  }
  .reward-formula__carousel .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 2.5px;
  }
}
.reward-formula__benefit-preview > img {
  margin: 0 auto;
}
@media (max-width: 719px) {
  .reward-formula__benefit-preview > img {
    width: 80%;
  }
}
.reward-formula__benefit-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: -190px;
}
@media (max-width: 1039px) {
  .reward-formula__benefit-list {
    margin-top: -146px;
  }
}
@media (max-width: 719px) {
  .reward-formula__benefit-list {
    margin-top: -73px;
  }
}
.reward-formula__benefit-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 270px;
  height: 270px;
  border-radius: 100%;
}
.reward-formula__benefit-item:nth-of-type(1) {
  background-color: #1f93ff;
}
.reward-formula__benefit-item:nth-of-type(2) {
  margin: 108px -7px 0 -7px;
  background-color: #0682f9;
}
.reward-formula__benefit-item:nth-of-type(3) {
  background-color: #0162db;
}
.reward-formula__benefit-item .-key {
  display: block;
  width: 100%;
  height: auto;
  margin: 6px 0 -6px 0;
  font-family: "Tenada";
  font-size: 30px;
  color: #69fdff;
  text-align: center;
  line-height: 25px;
}
.reward-formula__benefit-item .-key:before {
  content: "#";
  display: inline-block;
  vertical-align: top;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}
.reward-formula__benefit-item .-value {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 12px;
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 28px;
}
.reward-formula__benefit-item .-break {
  display: block;
  width: 100%;
}
@media (max-width: 1039px) {
  .reward-formula__benefit-item {
    width: 244px;
    height: 244px;
  }
  .reward-formula__benefit-item:nth-of-type(2) {
    margin: 120px -18px 0 -18px;
  }
  .reward-formula__benefit-item .-key {
    font-size: 34px;
    line-height: 34px;
  }
  .reward-formula__benefit-item .-value {
    margin-top: 5px;
    font-size: 28px;
    line-height: 30px;
  }
  .reward-formula__benefit-item .-break {
    display: none;
  }
}
@media (max-width: 719px) {
  .reward-formula__benefit-item {
    width: 122px;
    height: 122px;
  }
  .reward-formula__benefit-item:nth-of-type(2) {
    margin: 60px -9px 0 -9px;
  }
  .reward-formula__benefit-item .-key {
    font-size: 17px;
    line-height: 17px;
  }
  .reward-formula__benefit-item .-value {
    margin-top: 2.5px;
    font-size: 14px;
    line-height: 15px;
  }
}
.reward-formula__panorama {
  margin-top: 58px;
  padding: 0 46px;
}
@-webkit-keyframes panorama-0--PC {
  to {
    -webkit-transform: translateX(-1890px);
            transform: translateX(-1890px);
  }
}
@keyframes panorama-0--PC {
  to {
    -webkit-transform: translateX(-1890px);
            transform: translateX(-1890px);
  }
}
@-webkit-keyframes panorama-1--PC {
  to {
    -webkit-transform: translateX(-2447px);
            transform: translateX(-2447px);
  }
}
@keyframes panorama-1--PC {
  to {
    -webkit-transform: translateX(-2447px);
            transform: translateX(-2447px);
  }
}
@-webkit-keyframes panorama-2--PC {
  to {
    -webkit-transform: translateX(-2936px);
            transform: translateX(-2936px);
  }
}
@keyframes panorama-2--PC {
  to {
    -webkit-transform: translateX(-2936px);
            transform: translateX(-2936px);
  }
}
@-webkit-keyframes panorama-0--TA {
  to {
    -webkit-transform: translateX(-3418px);
            transform: translateX(-3418px);
  }
}
@keyframes panorama-0--TA {
  to {
    -webkit-transform: translateX(-3418px);
            transform: translateX(-3418px);
  }
}
@-webkit-keyframes panorama-1--TA {
  to {
    -webkit-transform: translateX(-3365px);
            transform: translateX(-3365px);
  }
}
@keyframes panorama-1--TA {
  to {
    -webkit-transform: translateX(-3365px);
            transform: translateX(-3365px);
  }
}
@-webkit-keyframes panorama-2--TA {
  to {
    -webkit-transform: translateX(-4061px);
            transform: translateX(-4061px);
  }
}
@keyframes panorama-2--TA {
  to {
    -webkit-transform: translateX(-4061px);
            transform: translateX(-4061px);
  }
}
@-webkit-keyframes panorama-0--MO {
  to {
    -webkit-transform: translateX(-1634px);
            transform: translateX(-1634px);
  }
}
@keyframes panorama-0--MO {
  to {
    -webkit-transform: translateX(-1634px);
            transform: translateX(-1634px);
  }
}
@-webkit-keyframes panorama-1--MO {
  to {
    -webkit-transform: translateX(-1606px);
            transform: translateX(-1606px);
  }
}
@keyframes panorama-1--MO {
  to {
    -webkit-transform: translateX(-1606px);
            transform: translateX(-1606px);
  }
}
@-webkit-keyframes panorama-2--MO {
  to {
    -webkit-transform: translateX(-1939px);
            transform: translateX(-1939px);
  }
}
@keyframes panorama-2--MO {
  to {
    -webkit-transform: translateX(-1939px);
            transform: translateX(-1939px);
  }
}
.reward-formula__panorama .swiper-container {
  -webkit-animation-duration: 72s;
          animation-duration: 72s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.reward-formula__panorama .swiper-container[data-carousel-name=panorama-0] {
  -webkit-animation-name: panorama-0--PC;
          animation-name: panorama-0--PC;
}
.reward-formula__panorama .swiper-container[data-carousel-name=panorama-1] {
  -webkit-animation-name: panorama-1--PC;
          animation-name: panorama-1--PC;
}
.reward-formula__panorama .swiper-container[data-carousel-name=panorama-2] {
  -webkit-animation-name: panorama-2--PC;
          animation-name: panorama-2--PC;
}
.reward-formula__panorama .swiper-container + .swiper-container {
  margin-top: 20px;
}
.reward-formula__panorama:hover .swiper-container {
  -webkit-animation-play-state: paused !important;
          animation-play-state: paused !important;
}
.reward-formula__panorama .swiper-slide {
  width: auto !important;
  height: auto !important;
  margin-right: 20px;
}
.reward-formula__panorama .swiper-slide:first-child {
  margin-left: 0;
}
.reward-formula__panorama .swiper-slide:last-child {
  margin-right: 0;
}
@media (max-width: 1039px) {
  .reward-formula__panorama {
    padding: 0 38px;
  }
  .reward-formula__panorama .swiper-container[data-carousel-name=panorama-0] {
    -webkit-animation-name: panorama-0--TA;
            animation-name: panorama-0--TA;
  }
  .reward-formula__panorama .swiper-container[data-carousel-name=panorama-1] {
    -webkit-animation-name: panorama-1--TA;
            animation-name: panorama-1--TA;
  }
  .reward-formula__panorama .swiper-container[data-carousel-name=panorama-2] {
    -webkit-animation-name: panorama-2--TA;
            animation-name: panorama-2--TA;
  }
  .reward-formula__panorama:hover .swiper-container {
    -webkit-animation-play-state: unset !important;
            animation-play-state: unset !important;
  }
}
@media (max-width: 719px) {
  .reward-formula__panorama {
    margin-top: 29px;
    padding: 0 19px;
  }
  .reward-formula__panorama .swiper-container + .swiper-container {
    margin-top: 10px;
  }
  .reward-formula__panorama .swiper-slide {
    margin-right: 10px;
  }
}
.reward-formula__panorama-content {
  padding: 28px;
  border-radius: 20px;
  background-color: #fff;
}
@media (max-width: 1039px) {
  .reward-formula__panorama-content {
    padding: 30px 28px;
  }
}
@media (max-width: 719px) {
  .reward-formula__panorama-content {
    padding: 15px 14px;
    border-radius: 10px;
  }
}
.reward-formula__panorama-date {
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-weight: 500;
  color: #a0a0a0;
  line-height: 28px;
}
@media (max-width: 1039px) {
  .reward-formula__panorama-date {
    font-size: 26px;
    line-height: 19px;
  }
}
@media (max-width: 719px) {
  .reward-formula__panorama-date {
    font-size: 13px;
    line-height: 9.5px;
  }
}
.reward-formula__panorama-description {
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-weight: 400;
  color: #222222;
  line-height: 28px;
}
.reward-formula__panorama-description .-em {
  display: inline;
  vertical-align: top;
  font-family: inherit;
  font-size: inherit;
  font-weight: bold;
  color: #1a8cf9;
  line-height: inherit;
}
@media (max-width: 1039px) {
  .reward-formula__panorama-description {
    margin-top: 10px;
    font-size: 28px;
    line-height: 32px;
  }
}
@media (max-width: 719px) {
  .reward-formula__panorama-description {
    margin-top: 5px;
    font-size: 14px;
    line-height: 18px;
  }
}
.reward-formula__tab {
  width: 800px;
  height: auto;
  margin: 50px auto 0 auto;
  background-color: #fff;
  -webkit-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.04);
}
@media (max-width: 1039px) {
  .reward-formula__tab {
    width: calc(100% - 80px);
    margin-top: 58px;
  }
}
@media (max-width: 719px) {
  .reward-formula__tab {
    width: calc(100% - 40px);
    margin-top: 29px;
  }
}
.reward-formula__tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.reward-formula__tab-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
}
.reward-formula__tab-button {
  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: 68px;
  background-color: #ddd;
  font-family: "Noto Sans KR";
  font-size: 26px;
  font-weight: bold;
  color: #a7a7a7;
}
.reward-formula__tab-button[aria-selected=true] {
  background-color: #1a8cf9;
  color: #fff;
}
@media (max-width: 1039px) {
  .reward-formula__tab-button {
    height: 70px;
    font-size: 30px;
  }
}
@media (max-width: 719px) {
  .reward-formula__tab-button {
    height: 35px;
    font-size: 15px;
  }
}
.reward-formula__tab-region {
  width: 100%;
  height: auto;
}
.reward-formula__tab-panel {
  display: none;
  width: 100%;
  height: auto;
  padding: 46px 52px;
}
.reward-formula__tab-panel[aria-hidden=false] {
  display: block;
}
@media (max-width: 1039px) {
  .reward-formula__tab-panel {
    padding: 50px 70px;
  }
}
@media (max-width: 719px) {
  .reward-formula__tab-panel {
    padding: 25px 35px;
  }
}
.reward-formula__tab-content {
  padding: 0 32px;
}
.reward-formula__tab-content + .reward-formula__tab-content {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px dashed #a7a7a7;
}
@media (max-width: 1039px) {
  .reward-formula__tab-content {
    padding: 0;
  }
  .reward-formula__tab-content + .reward-formula__tab-content {
    margin-top: 28px;
    padding-top: 30px;
  }
}
@media (max-width: 719px) {
  .reward-formula__tab-content + .reward-formula__tab-content {
    margin-top: 14px;
    padding-top: 15px;
  }
}
.reward-formula__tab-head {
  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;
}
.reward-formula__grade {
  display: block;
  width: 112px;
  height: 42px;
  border-radius: 42px;
  font-family: "Noto Sans KR";
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 42px;
}
.reward-formula__grade[data-element-type=pink] {
  background-color: #f03c84;
}
.reward-formula__grade[data-element-type=blue] {
  background-color: #2f80ed;
}
.reward-formula__grade[data-element-type=green] {
  background-color: #47bd43;
}
@media (max-width: 1039px) {
  .reward-formula__grade {
    width: 120px;
    height: 50px;
    border-radius: 50px;
    font-size: 30px;
    line-height: 50px;
  }
}
@media (max-width: 719px) {
  .reward-formula__grade {
    width: 60px;
    height: 25px;
    border-radius: 25px;
    font-size: 15px;
    line-height: 25px;
  }
}
.reward-formula__download-all {
  cursor: pointer;
  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: 196px;
  height: 42px;
  border: 1px solid #a8a8a8;
  border-radius: 10px;
  font-family: "Noto Sans KR";
  font-size: 20px !important;
  font-weight: 500;
  color: #222 !important;
}
.reward-formula__download-all:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 17px;
  margin-left: 8px;
  background: url("../../images/bem/reward-formula/reward-formula__download-all--after.jpg") center/contain no-repeat;
}
@media (max-width: 1039px) {
  .reward-formula__download-all {
    display: none;
  }
}
.reward-formula__tab-body {
  margin-top: 28px;
}
@media (max-width: 1039px) {
  .reward-formula__tab-body {
    margin-top: 30px;
  }
}
@media (max-width: 719px) {
  .reward-formula__tab-body {
    margin-top: 15px;
  }
}
.reward-formula__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 1039px) {
  .reward-formula__list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.reward-formula__item {
  width: calc((100% - 126px) / 4);
  height: auto;
  margin-top: 42px;
  margin-right: 42px;
}
.reward-formula__item:nth-of-type(1), .reward-formula__item:nth-of-type(2), .reward-formula__item:nth-of-type(3), .reward-formula__item:nth-of-type(4) {
  margin-top: 0;
}
.reward-formula__item:nth-of-type(4n + 4) {
  margin-right: 0;
}
@media (max-width: 1039px) {
  .reward-formula__item {
    width: calc((100% - 84px) / 2);
    margin-top: 48px;
    margin-right: unset;
  }
  .reward-formula__item:nth-of-type(3), .reward-formula__item:nth-of-type(4) {
    margin-top: 48px;
  }
}
@media (max-width: 719px) {
  .reward-formula__item {
    width: calc((100% - 42px) / 2);
    margin-top: 24px;
  }
  .reward-formula__item:nth-of-type(3), .reward-formula__item:nth-of-type(4) {
    margin-top: 24px;
  }
}
.reward-formula__download-each {
  cursor: pointer;
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}
.reward-formula__download-each:after {
  content: "";
  display: none;
  position: absolute;
  top: 52px;
  left: 50%;
  width: 65px;
  height: 65px;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.9) url("../../images/bem/reward-formula/reward-formula__download-each--after.png") center/auto no-repeat;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.reward-formula__download-each:hover:after {
  display: block;
}
@media (max-width: 1039px) {
  .reward-formula__download-each:hover:after {
    display: none;
  }
}
.reward-formula__preview {
  overflow: auto;
  width: 100%;
  height: auto;
  border: 1px solid #d6d6d6;
  border-radius: 10px;
}
.reward-formula__preview > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.reward-formula__hashtag {
  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: 100%;
  height: auto;
  margin-top: 10px;
}
@media (max-width: 1039px) {
  .reward-formula__hashtag {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 20px;
  }
  .reward-formula__hashtag > * + * {
    margin-left: 6px;
  }
}
@media (max-width: 719px) {
  .reward-formula__hashtag {
    margin-top: 10px;
  }
  .reward-formula__hashtag > * + * {
    margin-left: 3px;
  }
}
.reward-formula__hashtag-grade {
  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: 62px;
  height: 25px;
  border: 1px solid #1b4fcd;
  border-radius: 25px;
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-weight: bold;
  color: #1b4fcd;
}
@media (max-width: 1039px) {
  .reward-formula__hashtag-grade {
    width: 100px;
    height: 42px;
    border-radius: 42px;
    font-size: 28px;
  }
}
@media (max-width: 719px) {
  .reward-formula__hashtag-grade {
    width: 50px;
    height: 21px;
    border-radius: 21px;
    font-size: 14px;
  }
}
.reward-formula__hashtag-subject {
  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: 62px;
  height: 25px;
  border-radius: 25px;
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
.reward-formula__hashtag-subject[data-element-type=pink] {
  background-color: #f03c84;
}
.reward-formula__hashtag-subject[data-element-type=blue] {
  background-color: #2f80ed;
}
.reward-formula__hashtag-subject[data-element-type=green] {
  background-color: #47bd43;
}
@media (max-width: 1039px) {
  .reward-formula__hashtag-subject {
    width: 100px;
    height: 42px;
    border-radius: 42px;
    font-size: 28px;
  }
}
@media (max-width: 719px) {
  .reward-formula__hashtag-subject {
    width: 50px;
    height: 21px;
    border-radius: 21px;
    font-size: 14px;
  }
}
.reward-formula__name {
  margin-top: 2px;
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-weight: 500;
  color: #222;
  text-align: center;
  line-height: 24px;
}
.reward-formula__name .-key {
  display: block;
  width: 100%;
  height: auto;
}
.reward-formula__name .-value {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 1039px) {
  .reward-formula__name {
    margin-top: 14px;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: -0.025em;
  }
}
@media (max-width: 719px) {
  .reward-formula__name {
    margin-top: 7px;
    font-size: 14px;
    line-height: 18px;
  }
}
.reward-formula__link {
  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: 342px;
  height: 62px;
  margin: 48px auto 0 auto;
  border-radius: 62px;
  background-color: #222;
  font-family: "Noto Sans KR";
  font-size: 26px !important;
  font-weight: 500;
  color: #fff !important;
}
.reward-formula__link:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 21px;
  height: 18px;
  margin-left: 17px;
  background: url("../../images/bem/reward-formula/reward-formula__showcase-link--after.png") center/contain no-repeat;
}
.reward-formula__link .-em {
  display: inline-block;
  vertical-align: top;
  font-family: inherit;
  font-size: inherit;
  font-weight: bold;
  color: #69fdff !important;
}
@media (max-width: 1039px) {
  .reward-formula__link {
    width: 368px;
    height: 72px;
    margin-top: 50px;
    border-radius: 72px;
    font-size: 28px !important;
  }
  .reward-formula__link:after {
    margin-left: 10px;
  }
}
@media (max-width: 719px) {
  .reward-formula__link {
    width: 184px;
    height: 36px;
    margin-top: 25px;
    border-radius: 36px;
    font-size: 14px !important;
  }
  .reward-formula__link:after {
    width: 10px;
    height: 9px;
    margin-left: 5px;
  }
}
.reward-formula__dialog-opener {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.reward-formula__dialog-opener:after {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  bottom: 38px;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.6) url("../../images/bem/reward-formula/reward-formula__dialog-opener-after.png") center/auto no-repeat;
}
@media (max-width: 1039px) {
  .reward-formula__dialog-opener {
    display: block;
  }
}
@media (max-width: 719px) {
  .reward-formula__dialog-opener:after {
    right: 10px;
    bottom: 19px;
    width: 20px;
    height: 20px;
    border-radius: 2.5px;
    background-size: contain;
  }
}
.reward-formula__dialog-document {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 40px;
  background-color: rgba(0, 0, 0, 0.6);
}
.reward-formula__dialog-document[aria-hidden=false] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.reward-formula__dialog-document > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 719px) {
  .reward-formula__dialog-document {
    padding: 20px;
  }
}
.reward-formula__dialog-closer {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background: #2c4578 url("../../images/bem/reward-formula/@dialog-closer--white.png") center/auto no-repeat;
}

.pod-pr {
  width: 100%;
  height: auto;
  margin-bottom: -180px;
}
@media (max-width: 1023px) {
  .pod-pr {
    margin-bottom: -90px;
  }
}
@media (max-width: 767px) {
  .pod-pr {
    margin-bottom: unset;
  }
}
.pod-pr .-pc, .pod-pr * .-pc {
  display: block;
}
.pod-pr .-mo,
.pod-pr .-br, .pod-pr * .-mo,
.pod-pr * .-br {
  display: none;
}
@media (max-width: 1099px) {
  .pod-pr .-pc, .pod-pr * .-pc {
    display: none;
  }
  .pod-pr .-mo,
  .pod-pr .-br, .pod-pr * .-mo,
  .pod-pr * .-br {
    display: block;
  }
}
.pod-pr__showcase {
  position: relative;
  width: 100%;
  height: 500px;
  background-color: #0052d4;
}
.pod-pr__showcase:before {
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 500px;
  background: url("../../images/bem/pod-pr/pod-pr__showcase.png") repeat-x center;
  background-size: auto 500px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: sparkle 2s linear infinite;
          animation: sparkle 2s linear infinite;
}
@-webkit-keyframes sparkle {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes sparkle {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@media (max-width: 1099px) {
  .pod-pr__showcase {
    height: 530px;
  }
  .pod-pr__showcase:before {
    background-size: auto 530px;
  }
}
@media (max-width: 719px) {
  .pod-pr__showcase {
    height: 265px;
  }
  .pod-pr__showcase:before {
    background-size: auto 265px;
  }
}
.pod-pr__showcase-icon {
  display: block;
  position: absolute;
}
.pod-pr__showcase-icon:nth-of-type(1) {
  bottom: 0;
  left: 0;
  width: 689px;
  height: 500px;
  background: url("../../images/bem/pod-pr/pod-pr__showcase-icon--0.png") center/cover no-repeat;
}
.pod-pr__showcase-icon:nth-of-type(2) {
  bottom: 0;
  right: 0;
  width: 653px;
  height: 500px;
  background: url("../../images/bem/pod-pr/pod-pr__showcase-icon--1.png") center/cover no-repeat;
}
.pod-pr__showcase-icon:nth-of-type(3) {
  bottom: 0;
  left: 50%;
  width: 418px;
  height: 407px;
  margin-left: -863px;
  background: url("../../images/bem/pod-pr/pod-pr__showcase-icon--2.png") center/cover no-repeat;
}
.pod-pr__showcase-icon:nth-of-type(4) {
  bottom: 0;
  left: 50%;
  width: 508px;
  height: 354px;
  margin-left: 388px;
  background: url("../../images/bem/pod-pr/pod-pr__showcase-icon--3.png") center/cover no-repeat;
}
@media (max-width: 1099px) {
  .pod-pr__showcase-icon:nth-of-type(1) {
    width: 314px;
    height: 205px;
    background-image: url("../../images/bem/pod-pr/pod-pr__showcase-icon--0--mo.png");
  }
  .pod-pr__showcase-icon:nth-of-type(2) {
    width: 259px;
    height: 205px;
    background-image: url("../../images/bem/pod-pr/pod-pr__showcase-icon--1--mo.png");
  }
  .pod-pr__showcase-icon:nth-of-type(3) {
    width: 253px;
    height: 239px;
    left: 13px;
    margin-left: unset;
    background-image: url("../../images/bem/pod-pr/pod-pr__showcase-icon--2--mo.png");
  }
  .pod-pr__showcase-icon:nth-of-type(4) {
    width: 266px;
    height: 186px;
    left: unset;
    right: 0;
    margin-left: unset;
    background-image: url("../../images/bem/pod-pr/pod-pr__showcase-icon--3--mo.png");
  }
}
@media (max-width: 719px) {
  .pod-pr__showcase-icon:nth-of-type(1) {
    width: 157px;
    height: 102.5px;
  }
  .pod-pr__showcase-icon:nth-of-type(2) {
    width: 129px;
    height: 102.5px;
  }
  .pod-pr__showcase-icon:nth-of-type(3) {
    width: 126.5px;
    height: 119.5px;
    left: 6.5px;
  }
  .pod-pr__showcase-icon:nth-of-type(4) {
    width: 133px;
    height: 93px;
  }
}
.pod-pr__subject {
  display: block;
  position: absolute;
  top: 95px;
  left: 50%;
  width: 116px;
  height: 52px;
  margin-left: -404px;
  border-radius: 12px;
  background-color: #3a93f9;
  font-family: "GmarketSansMedium";
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 58px;
}
.pod-pr__subject:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  right: 21px;
  width: 13px;
  height: 10px;
  background: url("../../images/bem/pod-pr/pod-pr__subject--after.jpg") center/contain no-repeat;
}
@media (max-width: 1099px) {
  .pod-pr__subject {
    top: 47px;
    width: 139px;
    height: 62px;
    margin-left: -203px;
    border-radius: 15px;
    font-size: 30px;
    line-height: 70px;
  }
  .pod-pr__subject:after {
    bottom: -12px;
    right: 25px;
    width: 16px;
    height: 12px;
  }
}
@media (max-width: 719px) {
  .pod-pr__subject {
    top: 23.5px;
    width: 69.59px;
    height: 31px;
    margin-left: -101.5px;
    border-radius: 7.5px;
    font-size: 15px;
    line-height: 35px;
  }
  .pod-pr__subject:after {
    bottom: -6px;
    right: 12.5px;
    width: 8px;
    height: 6px;
  }
}
.pod-pr__heading {
  position: relative;
  left: 50%;
  width: 1100px;
  padding-top: 157px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.pod-pr__heading > img {
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: auto;
}
@media (max-width: 1099px) {
  .pod-pr__heading {
    width: 100%;
    padding-top: 82px;
  }
  .pod-pr__heading > img {
    margin: 0 auto;
  }
}
@media (max-width: 719px) {
  .pod-pr__heading {
    width: 360px;
    padding-top: 41px;
  }
  .pod-pr__heading > img {
    width: 246.5px;
  }
}
.pod-pr__description {
  position: relative;
  padding-top: 24px;
  font-family: "GmarketSansMedium";
  font-size: 34px;
  color: #fff;
  text-align: center;
}
@media (max-width: 1099px) {
  .pod-pr__description {
    margin-top: -22px;
    padding-top: unset;
    font-size: 32px;
    line-height: 42px;
  }
}
@media (max-width: 719px) {
  .pod-pr__description {
    margin-top: -11px;
    font-size: 16px;
    line-height: 21px;
  }
}
.pod-pr__section {
  width: 100%;
  height: auto;
}
.pod-pr__article {
  width: 100%;
  height: auto;
}
.pod-pr__article:nth-of-type(1) {
  background-color: #05142b;
}
.pod-pr__article:nth-of-type(2) {
  background-color: #deebff;
}
.pod-pr__content {
  width: 1100px;
  height: auto;
  margin: 0 auto;
  padding: 58px 0 80px 0;
}
@media (max-width: 1099px) {
  .pod-pr__content {
    position: relative;
    width: 100%;
    padding: 50px 0 170px 0;
  }
}
@media (max-width: 719px) {
  .pod-pr__content {
    padding: 25px 0 85px 0;
  }
}
.pod-pr__content-title {
  font-family: "Giant";
  font-size: 50px;
  font-weight: bold;
  text-align: center;
  line-height: 48px;
}
.pod-pr__content-title .-em {
  display: inline-block;
  vertical-align: top;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-align: inherit;
  line-height: inherit;
}
.pod-pr__article:nth-of-type(1) .pod-pr__content-title {
  color: #fff;
}
.pod-pr__article:nth-of-type(1) .pod-pr__content-title .-em {
  color: #f5a700;
}
.pod-pr__article:nth-of-type(2) .pod-pr__content-title {
  color: #05142b;
}
.pod-pr__article:nth-of-type(2) .pod-pr__content-title .-em {
  color: #0052d4;
}
@media (max-width: 1099px) {
  .pod-pr__content-title {
    padding: 8px 0;
    font-size: 60px;
    line-height: 42px;
  }
}
@media (max-width: 719px) {
  .pod-pr__content-title {
    padding: 5px 0;
    font-size: 30px;
    line-height: 21px;
  }
}
.pod-pr__content-description {
  margin-top: 18px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 24px;
}
.pod-pr__article:nth-of-type(1) .pod-pr__content-description {
  color: #fff;
}
.pod-pr__article:nth-of-type(2) .pod-pr__content-description {
  color: #05142b;
}
@media (max-width: 1099px) {
  .pod-pr__content-description {
    margin-top: 20px;
    font-size: 28px;
    line-height: 26px;
  }
}
@media (max-width: 719px) {
  .pod-pr__content-description {
    margin-top: 10px;
    font-size: 14px;
    line-height: 13px;
  }
}
.pod-pr__flex-container {
  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;
  margin-top: 54px;
}
.pod-pr__article:nth-of-type(1) .pod-pr__flex-container {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 1099px) {
  .pod-pr__flex-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 40px;
  }
}
@media (max-width: 719px) {
  .pod-pr__flex-container {
    margin-top: 20px;
  }
}
.pod-pr__article:nth-of-type(1) .pod-pr__flex-item {
  width: 100%;
}
.pod-pr__article:nth-of-type(2) .pod-pr__flex-item {
  width: 50%;
}
.pod-pr__article:nth-of-type(2) .pod-pr__flex-item:nth-of-type(1) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
  padding: 0 35px;
}
.pod-pr__article:nth-of-type(2) .pod-pr__flex-item:nth-of-type(2) {
  width: 650px;
  height: 440px;
  padding: 30px;
  border-radius: 10px;
  background-color: #ccdcf5;
}
@media (max-width: 1099px) {
  .pod-pr__article:nth-of-type(1) .pod-pr__flex-item:nth-of-type(1) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .pod-pr__article:nth-of-type(1) .pod-pr__flex-item:nth-of-type(2) {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .pod-pr__article:nth-of-type(2) .pod-pr__flex-item {
    width: 100% !important;
  }
  .pod-pr__article:nth-of-type(2) .pod-pr__flex-item:nth-of-type(1) {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    min-width: unset;
    padding: unset;
  }
  .pod-pr__article:nth-of-type(2) .pod-pr__flex-item:nth-of-type(2) {
    height: auto;
    padding: 40px 0;
    border-radius: unset;
  }
}
@media (max-width: 719px) {
  .pod-pr__article:nth-of-type(2) .pod-pr__flex-item:nth-of-type(2) {
    padding: 20px 0;
  }
}
.pod-pr__flex-title {
  margin-bottom: 28px;
  font-family: "GmarketSansMedium";
  font-size: 28px;
  color: #05142b;
  text-align: center;
  line-height: 35px;
}
.pod-pr__flex-title .-em {
  display: block;
  margin-top: 10px;
  font-family: "GmarketSansBold";
  font-size: inherit;
  color: #0052d4;
  text-align: inherit;
}
@media (max-width: 1099px) {
  .pod-pr__flex-title {
    font-size: 36px;
    line-height: 32px;
  }
  .pod-pr__flex-title .-em {
    margin-top: 14px;
  }
}
@media (max-width: 719px) {
  .pod-pr__flex-title {
    font-size: 18px;
    line-height: 14px;
  }
  .pod-pr__flex-title .-em {
    margin-top: 7px;
  }
}
.pod-pr__content-list {
  width: 100%;
  height: auto;
}
@media (max-width: 1099px) {
  .pod-pr__content-list {
    padding: 0 40px;
  }
}
@media (max-width: 719px) {
  .pod-pr__content-list {
    padding: 0 20px;
  }
}
.pod-pr__content-item {
  overflow: hidden;
  width: 100%;
  height: 78px;
  padding: 2px 5px 8px 2px;
  border-radius: 78px;
  background: url("../../images/bem/pod-pr/pod-pr__content-item.jpg") center/70px repeat;
}
.pod-pr__content-item + .pod-pr__content-item {
  margin-top: 14px;
}
@media (max-width: 1099px) {
  .pod-pr__content-item {
    height: 128px;
    border-radius: 128px;
  }
  .pod-pr__content-item + .pod-pr__content-item {
    margin-top: 20px;
  }
}
@media (max-width: 719px) {
  .pod-pr__content-item {
    height: 64px;
    padding: 1px 2.5px 4px 1px;
    border-radius: 64px;
  }
  .pod-pr__content-item + .pod-pr__content-item {
    margin-top: 10px;
  }
}
.pod-pr__content-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  padding: 15px 25px;
  border-radius: 68px;
}
.pod-pr__content-step .-key {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 110px;
  height: 40px;
  border-radius: 40px;
  font-family: "NanumSquare";
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 40px;
}
.pod-pr__content-step .-key:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -5px;
  width: 6px;
  height: 10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.pod-pr__content-step .-value {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
  font-family: "Pretendard";
  font-size: 26px;
  font-weight: normal;
}
.pod-pr__article:nth-of-type(1) .pod-pr__content-step {
  background-color: #05142b;
}
.pod-pr__article:nth-of-type(1) .pod-pr__content-step .-key {
  background-color: #f5a700;
}
.pod-pr__article:nth-of-type(1) .pod-pr__content-step .-key:after {
  background: url("../../images/bem/pod-pr/pod-pr__content-step-key--after--orange.png") center/contain no-repeat;
}
.pod-pr__article:nth-of-type(1) .pod-pr__content-step .-value {
  padding-right: 110px;
  color: #fff;
  text-align: center;
}
.pod-pr__article:nth-of-type(2) .pod-pr__content-step {
  background-color: #fff;
}
.pod-pr__article:nth-of-type(2) .pod-pr__content-step .-key {
  background-color: #0052d4;
}
.pod-pr__article:nth-of-type(2) .pod-pr__content-step .-key:after {
  background: url("../../images/bem/pod-pr/pod-pr__content-step-key--after--blue.png") center/contain no-repeat;
}
.pod-pr__article:nth-of-type(2) .pod-pr__content-step .-value {
  padding-left: 14px;
  color: #05142b;
  text-align: left;
}
@media (max-width: 1099px) {
  .pod-pr__content-step {
    padding: 0 20px;
    border-radius: 118px;
  }
  .pod-pr__content-step .-key {
    width: 150px;
    height: 60px;
    border-radius: 60px;
    font-size: 26px;
    line-height: 60px;
  }
  .pod-pr__content-step .-key:after {
    right: -10px;
    width: 12px;
    height: 18px;
  }
  .pod-pr__content-step .-value {
    font-size: 28px;
  }
  .pod-pr__article:nth-of-type(1) .pod-pr__content-step .-key:after {
    background-image: url("../../images/bem/pod-pr/pod-pr__content-step-key--after--orange--mo.png");
  }
  .pod-pr__article:nth-of-type(1) .pod-pr__content-step .-value {
    padding: 0 24px;
    text-align: left;
  }
  .pod-pr__article:nth-of-type(2) .pod-pr__content-step .-key:after {
    background: url("../../images/bem/pod-pr/pod-pr__content-step-key--after--blue--mo.png") center/contain no-repeat;
  }
  .pod-pr__article:nth-of-type(2) .pod-pr__content-step .-value {
    padding-left: 20px;
  }
}
@media (max-width: 719px) {
  .pod-pr__content-step {
    padding: 0 10px;
    border-radius: 59px;
  }
  .pod-pr__content-step .-key {
    width: 75px;
    height: 30px;
    border-radius: 30px;
    font-size: 13px;
    line-height: 30px;
  }
  .pod-pr__content-step .-key:after {
    right: -4px;
    width: 6px;
    height: 9px;
  }
  .pod-pr__content-step .-value {
    font-size: 14px;
  }
  .pod-pr__article:nth-of-type(1) .pod-pr__content-step .-value {
    padding-left: 12px;
  }
  .pod-pr__article:nth-of-type(2) .pod-pr__content-step .-value {
    padding-left: 10px;
  }
}
.pod-pr__article:nth-of-type(1) .pod-pr__tab {
  margin-top: 82px;
}
@media (max-width: 1099px) {
  .pod-pr__article:nth-of-type(1) .pod-pr__tab, .pod-pr__article:nth-of-type(2) .pod-pr__tab {
    margin: 0 0 133px 0;
  }
}
@media (max-width: 719px) {
  .pod-pr__article:nth-of-type(1) .pod-pr__tab, .pod-pr__article:nth-of-type(2) .pod-pr__tab {
    margin: 0 0 66px 0;
  }
}
.pod-pr__tab-buttons {
  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;
}
@media (max-width: 1099px) {
  .pod-pr__tab-buttons {
    padding: 0 80px;
  }
}
@media (max-width: 719px) {
  .pod-pr__tab-buttons {
    padding: 0 20px;
  }
}
.pod-pr__tab-button {
  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: 200px;
  height: 50px;
  border-radius: 10px;
  font-family: "NanumSquare";
  font-size: 20px;
  font-weight: bold;
}
.pod-pr__tab-button + .pod-pr__tab-button {
  margin-left: 14px;
}
.pod-pr__article:nth-of-type(1) .pod-pr__tab-button {
  background-color: #1c375f;
  color: #61738f;
}
.pod-pr__article:nth-of-type(1) .pod-pr__tab-button[aria-selected=true] {
  background-color: #f5a700;
  color: #fff;
}
.pod-pr__article:nth-of-type(2) .pod-pr__tab-button {
  background-color: #1c375f;
  color: #61738f;
}
.pod-pr__article:nth-of-type(2) .pod-pr__tab-button[aria-selected=true] {
  background-color: #0052d4;
  color: #fff;
}
@media (max-width: 1099px) {
  .pod-pr__tab-button {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 1px;
    width: unset;
    height: 70px;
    font-size: 28px;
  }
  .pod-pr__tab-button + .pod-pr__tab-button {
    margin-left: 10px;
  }
}
@media (max-width: 719px) {
  .pod-pr__tab-button {
    height: 35px;
    border-radius: 5px;
    font-size: 14px;
  }
  .pod-pr__tab-button + .pod-pr__tab-button {
    margin-left: 5px;
  }
}
.pod-pr__tab-panels {
  margin-top: 35px;
}
@media (max-width: 1099px) {
  .pod-pr__tab-panels {
    margin-top: 25px;
  }
}
@media (max-width: 719px) {
  .pod-pr__tab-panels {
    margin-top: 12.5px;
  }
}
.pod-pr__tab-panel {
  display: none;
}
.pod-pr__tab-panel[aria-hidden=false] {
  display: block;
}
.pod-pr__tab-panel > img {
  display: block;
  width: 250px;
  height: 355px;
  margin: 0 auto;
  border: 1px solid #969696;
}
@media (max-width: 1099px) {
  .pod-pr__tab-panel > img {
    width: 305px;
    height: 430px;
  }
}
@media (max-width: 719px) {
  .pod-pr__tab-panel > img {
    width: 152.5px;
    height: 215px;
  }
}
.pod-pr__dialog-opener {
  display: block;
  position: relative;
  width: 213px;
  height: 300px;
  margin: 0 auto;
  border: 1px solid #969696;
}
.pod-pr__dialog-opener > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1099px) {
  .pod-pr__dialog-opener {
    width: 305px;
    height: 430px;
    margin-bottom: 95px;
  }
}
@media (max-width: 719px) {
  .pod-pr__dialog-opener {
    width: 152.5px;
    height: 215px;
    margin-bottom: 47.5px;
  }
}
.pod-pr__dialog-after {
  display: none;
}
@media (max-width: 1099px) {
  .pod-pr__dialog-after {
    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: 302px;
    height: 71px;
    margin: 24px auto 0 auto;
    border: 1px solid #fff;
    border-radius: 6px;
    font-family: "NanumSquare";
    font-style: normal;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
  }
}
@media (max-width: 719px) {
  .pod-pr__dialog-after {
    width: 149px;
    height: 35.5px;
    margin-top: 12px;
    border-radius: 3px;
    font-size: 14px;
  }
}
.pod-pr__dialog-document {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.pod-pr__dialog-document[aria-hidden=false] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pod-pr__dialog-carousel .swiper-container {
  width: calc(100vw - 80px);
  height: calc(100vh - 80px);
}
.pod-pr__dialog-carousel .swiper-slide {
  position: relative;
  width: 100% !important;
  height: 100% !important;
}
.pod-pr__dialog-carousel .swiper-slide > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.pod-pr__dialog-carousel .swiper-button-prev {
  display: block;
  position: absolute;
  z-index: 2;
  top: unset;
  right: unset;
  bottom: 20px;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: 70px;
  background: url("../../images/bem/pod-pr/@pagination--white.png") 20px center/13px 24px no-repeat;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.pod-pr__dialog-carousel .swiper-button-prev:before, .pod-pr__dialog-carousel .swiper-button-prev:after {
  display: none;
}
.pod-pr__dialog-carousel .swiper-button-next {
  display: block;
  position: absolute;
  z-index: 2;
  top: unset;
  right: unset;
  bottom: 20px;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -110px;
  background: url("../../images/bem/pod-pr/@pagination--white.png") 20px center/13px 24px no-repeat;
}
.pod-pr__dialog-carousel .swiper-button-next:before, .pod-pr__dialog-carousel .swiper-button-next:after {
  display: none;
}
.pod-pr__dialog-carousel .swiper-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;
  position: absolute;
  z-index: 1;
  right: unset;
  bottom: 20px;
  left: 50%;
  width: 220px;
  height: 40px;
  border-radius: 40px;
  background-color: #2c4578;
  font-family: "NanumSquare";
  font-size: 20px;
  font-weight: lighter;
  color: #fff;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.pod-pr__dialog-carousel .swiper-pagination * {
  display: inline-block;
  vertical-align: top;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
.pod-pr__dialog-carousel .swiper-pagination * + * {
  margin-left: 8px;
}
.pod-pr__dialog-closer {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background: #2c4578 url("../../images/bem/pod-pr/@dialog-closer--white.png") center/16px no-repeat;
}
.pod-pr__carousel {
  position: relative;
  width: calc(100% - 270px);
  height: auto;
  margin: 0 auto;
}
.pod-pr__carousel .swiper-container {
  overflow: hidden;
}
.pod-pr__carousel .swiper-slide > img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #969696;
}
.pod-pr__carousel .swiper-button-prev {
  display: block;
  opacity: 1;
  position: absolute;
  top: 50%;
  right: unset;
  bottom: unset;
  left: -100px;
  width: 13px;
  height: 24px;
  background: url("../../images/bem/pod-pr/@swiper-button--white.png") center/contain no-repeat;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.pod-pr__carousel .swiper-button-prev:before, .pod-pr__carousel .swiper-button-prev:after {
  display: none;
}
.pod-pr__carousel .swiper-button-next {
  display: block;
  opacity: 1;
  position: absolute;
  top: 50%;
  right: -100px;
  bottom: unset;
  left: unset;
  width: 13px;
  height: 24px;
  background: url("../../images/bem/pod-pr/@swiper-button--white.png") center/contain no-repeat;
  -webkit-transform: translate(0, -50%) rotate(180deg);
      -ms-transform: translate(0, -50%) rotate(180deg);
          transform: translate(0, -50%) rotate(180deg);
}
.pod-pr__carousel .swiper-button-next:before, .pod-pr__carousel .swiper-button-next:after {
  display: none;
}
.pod-pr__download-links {
  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;
}
.pod-pr__article:nth-of-type(1) .pod-pr__download-links {
  margin-top: 70px;
}
.pod-pr__article:nth-of-type(2) .pod-pr__download-links {
  margin-top: 34px;
}
@media (max-width: 1099px) {
  .pod-pr__download-links {
    position: absolute;
    bottom: 60px;
    left: 50%;
    width: 100%;
    height: auto;
    padding: 0 40px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .pod-pr__article:nth-of-type(1) .pod-pr__download-links, .pod-pr__article:nth-of-type(2) .pod-pr__download-links {
    margin: unset;
  }
}
@media (max-width: 719px) {
  .pod-pr__download-links {
    bottom: 30px;
    padding: 0 20px;
  }
}
.pod-pr__download-link {
  cursor: pointer;
  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: 230px;
  height: 55px;
  border-radius: 10px;
  background-color: #0052d4;
  font-family: "NanumSquare";
  font-size: 20px !important;
  font-weight: bold;
  color: #fff !important;
}
.pod-pr__download-link + .pod-pr__download-link {
  margin-left: 20px;
}
.pod-pr__download-link:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin-left: 12px;
  background: url("../../images/bem/pod-pr/pod-pr__download-link--after.png") center/contain no-repeat;
}
@media (max-width: 1099px) {
  .pod-pr__download-link {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 1px;
    width: unset;
    height: 70px;
    font-size: 28px !important;
  }
  .pod-pr__download-link + .pod-pr__download-link {
    margin-left: 10px;
  }
  .pod-pr__download-link:after {
    width: 25px;
    height: 25px;
    margin-left: 9px;
  }
}
@media (max-width: 719px) {
  .pod-pr__download-link {
    height: 35px;
    border-radius: 5px;
    font-size: 14px !important;
  }
  .pod-pr__download-link + .pod-pr__download-link {
    margin-left: 5px;
  }
  .pod-pr__download-link:after {
    width: 12.5px;
    height: 12.5px;
    margin-left: 4.5px;
  }
}
.pod-pr__event {
  position: relative;
  width: 100%;
  height: 790px;
  padding: 108px 0 68px 0;
  background: url("../../images/bem/pod-pr/pod-pr__event.jpg") center/cover repeat-x;
}
.pod-pr__event:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 223px;
  height: 223px;
  margin-left: 194px;
  background: url("../../images/bem/pod-pr/pod-pr__event--before--pc.jpg") center/contain no-repeat;
}
@media (max-width: 1099px) {
  .pod-pr__event {
    height: auto;
    padding: 0 0 60px 0;
    background-image: url("../../images/bem/pod-pr/pod-pr__event--mo.jpg");
  }
  .pod-pr__event:before {
    display: none;
  }
}
@media (max-width: 719px) {
  .pod-pr__event {
    padding: 0 0 30px 0;
  }
}
.pod-pr__event-heading {
  width: 1100px;
  height: auto;
  margin: 0 auto;
  padding-left: 194px;
  font-family: "TmonMonsori";
  font-size: 84px;
  font-weight: bold;
  color: #38ef7d;
  text-align: left;
  line-height: 82px;
}
@media (max-width: 1099px) {
  .pod-pr__event-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    width: 100%;
    padding: 0 0 0 60px;
    font-size: 60px;
    text-align: left;
    line-height: 60px;
  }
  .pod-pr__event-heading:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 264px;
    height: 202px;
    background: url("../../images/bem/pod-pr/pod-pr__event--before--mo.png") center/contain no-repeat;
  }
}
@media (max-width: 719px) {
  .pod-pr__event-heading {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 30px;
    font-size: 30px;
    line-height: 30px;
  }
  .pod-pr__event-heading:after {
    width: 132px;
    height: 101px;
  }
}
.pod-pr__event-description {
  margin-top: 32px;
  font-family: "SCDream5";
  font-size: 27px;
  color: #fff;
  text-align: center;
}
.pod-pr__event-description .-em {
  display: inline-block;
  vertical-align: top;
  font-family: "SCDream7";
  font-size: inherit;
  color: #38ef7d;
  text-align: inherit;
}
@media (max-width: 1099px) {
  .pod-pr__event-description {
    margin-top: 15px;
    font-size: 28px;
  }
}
@media (max-width: 719px) {
  .pod-pr__event-description {
    margin-top: 7.5px;
    font-size: 14px;
  }
}
.pod-pr__event-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-top: 24px;
}
@media (max-width: 719px) {
  .pod-pr__event-list {
    margin-top: 12px;
  }
}
.pod-pr__event-item {
  position: relative;
  width: 85px;
  height: 85px;
}
.pod-pr__event-item + .pod-pr__event-item {
  margin-left: 10px;
}
.pod-pr__event-item:nth-of-type(3), .pod-pr__event-item:nth-of-type(6) {
  margin-left: 38px;
}
.pod-pr__event-item > img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.pod-pr__event-list[data-animation-state=true] .pod-pr__event-item > img {
  -webkit-animation-name: flip-pc;
          animation-name: flip-pc;
}
.pod-pr__event-item:nth-of-type(1) > img {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.pod-pr__event-item:nth-of-type(2) > img {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.pod-pr__event-item:nth-of-type(3) > img {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.pod-pr__event-item:nth-of-type(4) > img {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.pod-pr__event-item:nth-of-type(5) > img {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.pod-pr__event-item:nth-of-type(6) > img {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.pod-pr__event-item:nth-of-type(7) > img {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
@media (max-width: 1099px) {
  .pod-pr__event-item {
    width: 74px;
    height: 74px;
  }
  .pod-pr__event-item:nth-of-type(3), .pod-pr__event-item:nth-of-type(6) {
    margin-left: 30px;
  }
  .pod-pr__event-list[data-animation-state=true] .pod-pr__event-item > img {
    -webkit-animation-name: flip-ta;
            animation-name: flip-ta;
  }
}
@media (max-width: 719px) {
  .pod-pr__event-item {
    width: 37px;
    height: 37px;
  }
  .pod-pr__event-item + .pod-pr__event-item {
    margin-left: 5px;
  }
  .pod-pr__event-item:nth-of-type(3), .pod-pr__event-item:nth-of-type(6) {
    margin-left: 15px;
  }
  .pod-pr__event-list[data-animation-state=true] .pod-pr__event-item > img {
    -webkit-animation-name: flip-mo;
            animation-name: flip-mo;
  }
}
@-webkit-keyframes flip-pc {
  0%, 100% {
    width: 85px;
  }
  50% {
    width: 0px;
  }
}
@keyframes flip-pc {
  0%, 100% {
    width: 85px;
  }
  50% {
    width: 0px;
  }
}
@-webkit-keyframes flip-ta {
  0%, 100% {
    width: 74px;
  }
  50% {
    width: 0px;
  }
}
@keyframes flip-ta {
  0%, 100% {
    width: 74px;
  }
  50% {
    width: 0px;
  }
}
@-webkit-keyframes flip-mo {
  0%, 100% {
    width: 37px;
  }
  50% {
    width: 0px;
  }
}
@keyframes flip-mo {
  0%, 100% {
    width: 37px;
  }
  50% {
    width: 0px;
  }
}
.pod-pr__event-notice {
  position: relative;
  width: 1030px;
  height: auto;
  margin: 30px auto 12px auto;
  padding: 45px;
  border: 1px solid #38ef7d;
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0.4);
}
.pod-pr__event-notice:after {
  content: "QUIZ";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 180px;
  height: 60px;
  border-radius: 20px 0 20px 0;
  background-color: #38ef7d;
  font-family: "SCDream5";
  font-size: 30px;
  color: #fff;
}
@media (max-width: 1099px) {
  .pod-pr__event-notice {
    width: calc(100vw - 80px);
    margin: 60px auto 30px auto;
  }
  .pod-pr__event-notice:after {
    width: 160px;
    height: 50px;
    border-radius: 16px 0 16px 0;
    font-size: 30px;
  }
}
@media (max-width: 719px) {
  .pod-pr__event-notice {
    width: calc(100vw - 40px);
    margin: 30px auto 15px auto;
    padding: 22.5px;
    border-radius: 10px;
  }
  .pod-pr__event-notice:after {
    width: 80px;
    height: 25px;
    border-radius: 6px 0 6px 0;
    font-size: 15px;
  }
}
.pod-pr__event-notice-description {
  font-family: "SCDream5";
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 30px;
}
.pod-pr__event-notice-description > * {
  display: inline-block;
  vertical-align: top;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  text-align: inherit;
  line-height: inherit;
}
.pod-pr__event-notice-description .-em {
  font-family: "SCDream7" !important;
}
.pod-pr__event-notice-description .-highlight {
  color: #d6e035 !important;
}
.pod-pr__event-notice-description .-underline {
  text-decoration: underline !important;
}
@media (max-width: 1099px) {
  .pod-pr__event-notice-description {
    font-size: 32px;
    line-height: 43px;
  }
}
@media (max-width: 719px) {
  .pod-pr__event-notice-description {
    font-size: 16px;
    line-height: 27px;
  }
}
.pod-pr__event-periods {
  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;
}
@media (max-width: 1099px) {
  .pod-pr__event-periods {
    display: inline-block;
    vertical-align: top;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.pod-pr__event-period {
  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;
}
.pod-pr__event-period + .pod-pr__event-period {
  margin-left: 24px;
}
.pod-pr__event-period .-key {
  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: 110px;
  height: 35px;
  border-radius: 35px;
  border: 1px solid #38ef7d;
  font-family: "SCDream5";
  font-size: 16px;
  color: #38ef7d;
}
.pod-pr__event-period .-value {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  font-family: "SCDream5";
  font-size: 16px;
  color: #fff;
}
@media (max-width: 1099px) {
  .pod-pr__event-period {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .pod-pr__event-period + .pod-pr__event-period {
    margin: 20px 0 0 0;
  }
  .pod-pr__event-period .-key {
    width: 220px;
    height: 70px;
    border-radius: 70px;
    font-size: 28px;
  }
  .pod-pr__event-period .-value {
    margin-left: 24px;
    font-size: 28px;
  }
}
@media (max-width: 719px) {
  .pod-pr__event-period + .pod-pr__event-period {
    margin: 10px 0 0 0;
  }
  .pod-pr__event-period .-key {
    width: 110px;
    height: 35px;
    border-radius: 35px;
    font-size: 14px;
  }
  .pod-pr__event-period .-value {
    margin-left: 12px;
    font-size: 14px;
  }
}
.pod-pr__event-links {
  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-top: 44px;
}
@media (max-width: 1099px) {
  .pod-pr__event-links {
    width: 100%;
    margin-top: 28px;
    padding: 0 40px;
  }
}
@media (max-width: 719px) {
  .pod-pr__event-links {
    margin-top: 14px;
    padding: 0 20px;
  }
}
.pod-pr__event-link {
  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: 230px;
  height: 55px;
  border-radius: 10px;
  background-color: #38ef7d;
  font-family: "NanumSquare";
  font-size: 20px !important;
  font-weight: bold;
  color: #000 !important;
}
.pod-pr__event-link + .pod-pr__event-link {
  margin-left: 20px;
}
@media (max-width: 1099px) {
  .pod-pr__event-link {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 1px;
    width: auto;
    height: 70px;
    font-size: 28px !important;
  }
  .pod-pr__event-link + .pod-pr__event-link {
    margin-left: 10px;
  }
}
@media (max-width: 719px) {
  .pod-pr__event-link {
    height: 35px;
    border-radius: 5px;
    font-size: 14px !important;
  }
  .pod-pr__event-link + .pod-pr__event-link {
    margin-left: 5px;
  }
}

.review-event {
  width: 100%;
  height: auto;
  margin-bottom: -180px;
}
.review-event .-pcImg,
.review-event .-pcBr, .review-event * .-pcImg,
.review-event * .-pcBr {
  display: block;
}
.review-event .-moImg,
.review-event .-moBr, .review-event * .-moImg,
.review-event * .-moBr {
  display: none;
}
@media (max-width: 1023px) {
  .review-event .-pcImg,
  .review-event .-pcBr, .review-event * .-pcImg,
  .review-event * .-pcBr {
    display: none;
  }
  .review-event .-moImg,
  .review-event .-moBr, .review-event * .-moImg,
  .review-event * .-moBr {
    display: block;
  }
}
@media (max-width: 1023px) {
  .review-event {
    margin-bottom: -90px;
  }
}
@media (max-width: 767px) {
  .review-event {
    margin-bottom: unset;
  }
}
.review-event__banner {
  overflow: hidden;
  position: fixed;
  z-index: 3;
  top: 222px;
  left: 50%;
  margin-left: 652px;
  border-radius: 16px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
.review-event__banner > img {
  display: block;
}
@media (max-width: 719px) {
  .review-event__banner {
    display: none;
  }
}
.review-event__banner-button {
  display: block;
  position: absolute;
}
.review-event__banner-button:nth-of-type(1) {
  top: 0;
  width: 100%;
  height: 50%;
}
.review-event__banner-button:nth-of-type(2) {
  bottom: 0;
  width: 100%;
  height: 50%;
}
.review-event__showcase {
  position: relative;
  width: 100%;
  height: 984px;
  background-color: #232323;
}
.review-event__showcase:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 244px;
  background-color: #1e1c22;
}
.review-event__showcase:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 1920px;
  height: 100%;
  background: url("../../images/bem/review-event/review-event__showcase.jpg") center/cover no-repeat;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.review-event__showcase-firework {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.review-event__showcase-firework-image {
  display: block;
  position: absolute;
  left: 50%;
}
.review-event__showcase-firework-image.-left:nth-of-type(1) {
  top: 44px;
  margin-left: -290px;
}
.review-event__showcase-firework-image.-left:nth-of-type(2) {
  top: 74px;
  margin-left: -696px;
}
.review-event__showcase-firework-image.-left:nth-of-type(3) {
  top: 90px;
  margin-left: -720px;
}
.review-event__showcase-firework-image.-left:nth-of-type(4) {
  top: 94px;
  margin-left: -568px;
}
.review-event__showcase-firework-image.-left:nth-of-type(5) {
  top: 92px;
  margin-left: -412px;
}
.review-event__showcase-firework-image.-left:nth-of-type(6) {
  top: 138px;
  margin-left: -676px;
}
.review-event__showcase-firework-image.-left:nth-of-type(7) {
  top: 208px;
  margin-left: -354px;
}
.review-event__showcase-firework-image.-left:nth-of-type(8) {
  top: 234px;
  margin-left: -476px;
}
.review-event__showcase-firework-image.-left:nth-of-type(9) {
  top: 250px;
  margin-left: -790px;
}
.review-event__showcase-firework-image.-left:nth-of-type(10) {
  top: 245px;
  margin-left: -720px;
}
.review-event__showcase-firework-image.-left:nth-of-type(11) {
  top: 254px;
  margin-left: -594px;
}
.review-event__showcase-firework-image.-left:nth-of-type(12) {
  top: 298px;
  margin-left: -508px;
}
.review-event__showcase-firework-image.-left:nth-of-type(13) {
  top: 340px;
  margin-left: -400px;
}
.review-event__showcase-firework-image.-left:nth-of-type(14) {
  top: 406px;
  margin-left: -930px;
}
.review-event__showcase-firework-image.-left:nth-of-type(15) {
  top: 480px;
  margin-left: -588px;
}
.review-event__showcase-firework-image.-left:nth-of-type(16) {
  top: 516px;
  margin-left: -740px;
}
.review-event__showcase-firework-image.-left:nth-of-type(17) {
  top: 544px;
  margin-left: -734px;
}
.review-event__showcase-firework-image.-right:nth-of-type(18) {
  top: 20px;
  margin-left: 816px;
}
.review-event__showcase-firework-image.-right:nth-of-type(19) {
  top: 50px;
  margin-left: 322px;
}
.review-event__showcase-firework-image.-right:nth-of-type(20) {
  top: 74px;
  margin-left: 712px;
}
.review-event__showcase-firework-image.-right:nth-of-type(21) {
  top: 86px;
  margin-left: 326px;
}
.review-event__showcase-firework-image.-right:nth-of-type(22) {
  top: 96px;
  margin-left: 572px;
}
.review-event__showcase-firework-image.-right:nth-of-type(23) {
  top: 112px;
  margin-left: 438px;
}
.review-event__showcase-firework-image.-right:nth-of-type(24) {
  top: 140px;
  margin-left: 712px;
}
.review-event__showcase-firework-image.-right:nth-of-type(25) {
  top: 136px;
  margin-left: 818px;
}
.review-event__showcase-firework-image.-right:nth-of-type(26) {
  top: 138px;
  margin-left: 902px;
}
.review-event__showcase-firework-image.-right:nth-of-type(27) {
  top: 144px;
  margin-left: 652px;
}
.review-event__showcase-firework-image.-right:nth-of-type(28) {
  top: 162px;
  margin-left: 770px;
}
.review-event__showcase-firework-image.-right:nth-of-type(29) {
  top: 214px;
  margin-left: 688px;
}
.review-event__showcase-firework-image.-right:nth-of-type(30) {
  top: 218px;
  margin-left: 602px;
}
.review-event__showcase-firework-image.-right:nth-of-type(31) {
  top: 245px;
  margin-left: 480px;
}
.review-event__showcase-firework-image.-right:nth-of-type(32) {
  top: 274px;
  margin-left: 662px;
}
.review-event__showcase-firework-image.-right:nth-of-type(33) {
  top: 300px;
  margin-left: 575px;
}
.review-event__showcase-firework-image.-right:nth-of-type(34) {
  top: 340px;
  margin-left: 778px;
}
.review-event__showcase-firework-image.-right:nth-of-type(35) {
  top: 352px;
  margin-left: 604px;
}
.review-event__showcase-firework-image.-right:nth-of-type(36) {
  top: 366px;
  margin-left: 374px;
}
.review-event__showcase-firework-image.-right:nth-of-type(37) {
  top: 375px;
  margin-left: 484px;
}
.review-event__showcase-firework-image.-right:nth-of-type(38) {
  top: 482px;
  margin-left: 828px;
}
.review-event__showcase-firework-image.-right:nth-of-type(39) {
  top: 496px;
  margin-left: 686px;
}
.review-event__showcase-firework-image.-right:nth-of-type(40) {
  top: 518px;
  margin-left: 850px;
}
.review-event__showcase-content {
  padding-top: 110px;
}
.review-event__showcase-description {
  display: block;
  position: relative;
  z-index: 2;
  margin: 0 auto;
}
.review-event__showcase-heading {
  display: block;
  position: relative;
  z-index: 2;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.review-event__showcase-notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 2;
}
.review-event__showcase-notice-key {
  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: 146px;
  height: 44px;
  margin-right: 20px;
  border-radius: 44px;
  background-color: #ff4493;
  font-family: "SCDream6";
  font-size: 22px;
  color: #fff;
}
.review-event__showcase-notice-value {
  display: inline-block;
  vertical-align: top;
  font-family: "SCDream5";
  font-size: 24px;
  color: #fff;
}
@media (max-width: 1023px) {
  .review-event__showcase {
    height: auto;
  }
  .review-event__showcase .-moImg {
    width: 100%;
    height: auto;
  }
  .review-event__showcase:before, .review-event__showcase:after, .review-event__showcase-firework, .review-event__showcase-notice-key {
    display: none;
  }
  .review-event__showcase-content {
    padding: unset;
  }
  .review-event__showcase-notice {
    position: absolute;
    top: 47.537%;
    left: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .review-event__showcase-notice-value {
    font-size: 28px;
  }
}
@media (max-width: 719px) {
  .review-event__showcase-notice-value {
    font-size: 14px;
  }
}
.review-event__section {
  width: 100%;
  height: auto;
}
.review-event__article {
  width: 100%;
  height: auto;
}
.review-event__article:nth-of-type(1) {
  padding: 0 0 100px 0;
  background-color: #1e1c22;
}
.review-event__article:nth-of-type(2) {
  padding: 92px 0 0 0;
  background-color: #2d2d2d;
}
.review-event__article:nth-of-type(3) {
  background-color: #212121;
}
.review-event__article:nth-of-type(4) {
  padding: 80px 0 100px 0;
  background-color: #e4e4e4;
}
.review-event__article:nth-of-type(5) {
  padding: 94px 0 90px 0;
  background: url("../../images/bem/review-event/review-event__article--4.jpg") center/cover no-repeat;
}
.review-event__article:nth-of-type(6) {
  background-color: #212121;
}
.review-event__article:nth-of-type(7) {
  padding: 40px 0 100px 0;
  background-color: #e4e4e4;
}
.review-event__article-layout {
  width: 800px;
  height: auto;
  margin: 0 auto;
}
.review-event__article-title {
  display: block;
  margin: 0 auto;
}
.review-event__article-description {
  margin-top: 24px;
  font-family: "SCDream4";
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 26px;
}
.review-event__article-description .-em {
  display: inline-block;
  vertical-align: top;
  font-family: inherit;
  font-size: inherit;
  color: #fff000;
  text-align: inherit;
  line-height: inherit;
}
@media (max-width: 1023px) {
  .review-event__article:nth-of-type(1) {
    padding-bottom: 80px;
  }
  .review-event__article:nth-of-type(2) {
    padding-top: 80px;
  }
  .review-event__article:nth-of-type(4) {
    padding: 80px 0;
  }
  .review-event__article:nth-of-type(5) {
    padding: 124px 0 60px 0;
  }
  .review-event__article:nth-of-type(7) {
    padding: 80px 0 82px 0;
  }
  .review-event__article-layout {
    width: 100%;
    padding: 0 40px;
  }
  .review-event__article-title {
    width: 51.944%;
  }
  .review-event__article:nth-of-type(1) .review-event__article-title {
    width: 69.444%;
  }
  .review-event__article-description {
    font-size: 28px;
    line-height: 38px;
  }
}
@media (max-width: 719px) {
  .review-event__article:nth-of-type(1) {
    padding-bottom: 40px;
  }
  .review-event__article:nth-of-type(2) {
    padding-top: 40px;
  }
  .review-event__article:nth-of-type(4) {
    padding: 40px 0;
  }
  .review-event__article:nth-of-type(5) {
    padding: 62px 0 30px 0;
  }
  .review-event__article:nth-of-type(7) {
    padding: 40px 0 41px 0;
  }
  .review-event__article-layout {
    padding: 0 20px;
  }
  .review-event__article-description {
    margin-top: 12px;
    font-size: 14px;
    line-height: 24px;
  }
}
.review-event__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: auto;
}
.review-event__list.-step {
  border: 2px solid #8bff23;
  border-radius: 15px;
  background-color: #2d2d2d;
}
.review-event__list.-step.-col2 {
  padding: 0 128px;
}
.review-event__list.-step.-col3 {
  border-bottom-right-radius: unset;
  border-bottom-left-radius: unset;
}
@media (max-width: 1023px) {
  .review-event__list {
    display: block;
  }
  .review-event__list.-tip {
    padding: 0 84px;
  }
  .review-event__list.-step.-col2 {
    padding: unset;
  }
}
@media (max-width: 719px) {
  .review-event__list.-tip {
    padding: 0 42px;
  }
  .review-event__list.-step {
    border-radius: 8px;
  }
}
.review-event__item {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: auto;
  font-family: "SCDream4";
  color: #fff;
  text-align: center;
}
.review-event__list.-tip .review-event__item {
  margin: 0 10px;
  padding: 174px 0 48px 0;
  border: 2px solid #8bff23;
  border-radius: 15px;
  background-color: #2d2d2d;
  font-size: 24px;
  line-height: 32px;
}
.review-event__list.-tip .review-event__item:before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  left: 20px;
  width: 60px;
  height: 60px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.review-event__list.-tip .review-event__item:after {
  content: "";
  display: block;
  position: absolute;
  top: 50px;
  width: 100%;
  height: 100px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.review-event__list.-tip .review-event__item:nth-of-type(1) {
  margin-left: unset;
}
.review-event__list.-tip .review-event__item:nth-of-type(1):before {
  background-image: url("../../images/bem/review-event/review-event__item--tip--before--0.png");
}
.review-event__list.-tip .review-event__item:nth-of-type(1):after {
  background-image: url("../../images/bem/review-event/review-event__item--tip--after--0.png");
}
.review-event__list.-tip .review-event__item:nth-of-type(2):before {
  background-image: url("../../images/bem/review-event/review-event__item--tip--before--1.png");
}
.review-event__list.-tip .review-event__item:nth-of-type(2):after {
  background-image: url("../../images/bem/review-event/review-event__item--tip--after--1.png");
}
.review-event__list.-tip .review-event__item:nth-of-type(3) {
  margin-right: unset;
}
.review-event__list.-tip .review-event__item:nth-of-type(3):before {
  background-image: url("../../images/bem/review-event/review-event__item--tip--before--2.png");
}
.review-event__list.-tip .review-event__item:nth-of-type(3):after {
  background-image: url("../../images/bem/review-event/review-event__item--tip--after--2.png");
}
.review-event__list.-step .review-event__item {
  padding: 200px 0 38px 0;
  font-size: 18px;
  line-height: 26px;
}
.review-event__list.-step .review-event__item:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 44px;
  left: 50%;
  width: auto;
  height: 34px;
  padding: 0 20px;
  border: 1px solid #8bff23;
  border-radius: 34px;
  font-family: "SCDream6";
  font-size: 15px;
  color: #8bff23;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.review-event__list.-step .review-event__item:after {
  content: "";
  display: block;
  position: absolute;
  top: 76px;
  left: 50%;
  width: 134px;
  height: 128px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.review-event__list.-step .review-event__item:nth-of-type(1):before {
  content: "STEP 01";
}
.review-event__list.-step .review-event__item:nth-of-type(2):before {
  content: "STEP 02";
}
.review-event__list.-step .review-event__item:nth-of-type(3):before {
  content: "STEP 03";
}
.review-event__list.-col2 .review-event__item:nth-of-type(1):after {
  background-image: url("../../images/bem/review-event/review-event__item--step--after--0-0.png");
}
.review-event__list.-col2 .review-event__item:nth-of-type(2):after {
  background-image: url("../../images/bem/review-event/review-event__item--step--after--0-1.png");
}
.review-event__list.-col3 .review-event__item:nth-of-type(1):after {
  background-image: url("../../images/bem/review-event/review-event__item--step--after--1-0.png");
}
.review-event__list.-col3 .review-event__item:nth-of-type(2):after {
  background-image: url("../../images/bem/review-event/review-event__item--step--after--1-1.png");
}
.review-event__list.-col3 .review-event__item:nth-of-type(3):after {
  background-image: url("../../images/bem/review-event/review-event__item--step--after--1-2.png");
}
@media (max-width: 1023px) {
  .review-event__list.-tip .review-event__item {
    margin: 28px 0;
    padding: 158px 0 46px 0;
    border-radius: 20px;
    font-size: 28px;
    line-height: 32px;
  }
  .review-event__list.-tip .review-event__item:before {
    left: 30px;
    width: 80px;
    height: 80px;
  }
  .review-event__list.-tip .review-event__item:after {
    top: 38px;
  }
  .review-event__list.-tip .review-event__item:nth-of-type(1) {
    margin-top: unset;
  }
  .review-event__list.-tip .review-event__item:nth-of-type(3) {
    margin-top: unset;
  }
  .review-event__list.-step .review-event__item {
    padding: 220px 0 0 0;
    font-size: 28px;
    line-height: 36px;
  }
  .review-event__list.-step .review-event__item:last-child {
    padding-bottom: 36px;
  }
  .review-event__list.-step .review-event__item:before {
    top: 54px;
    height: 46px;
    padding: 0 14px;
    border-radius: 46px;
    font-size: 26px;
  }
  .review-event__list.-step .review-event__item:after {
    top: 100px;
    height: 134px;
  }
}
@media (max-width: 719px) {
  .review-event__list.-tip .review-event__item {
    margin: 14px 0;
    padding: 80px 0 24px 0;
    border-radius: 10px;
    font-size: 14px;
    line-height: 18px;
  }
  .review-event__list.-tip .review-event__item:before {
    top: -5px;
    left: 15px;
    width: 40px;
    height: 40px;
  }
  .review-event__list.-tip .review-event__item:after {
    top: 20px;
    height: 50px;
  }
  .review-event__list.-step .review-event__item {
    padding-top: 110px;
    font-size: 14px;
    line-height: 22px;
  }
  .review-event__list.-step .review-event__item:last-child {
    padding-bottom: 18px;
  }
  .review-event__list.-step .review-event__item:before {
    top: 27px;
    height: 23px;
    padding: 0 7px;
    border-radius: 23px;
    font-size: 13px;
  }
  .review-event__list.-step .review-event__item:after {
    top: 50px;
    width: 67px;
    height: 67px;
  }
}
.review-event__toast {
  position: relative;
  width: 100%;
  height: 500px;
}
.review-event__toast-product {
  position: absolute;
  top: 94px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.review-event__toast-product > img {
  display: block;
}
.review-event__toast-product:before {
  content: "5명";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 38px;
  width: 58px;
  height: 58px;
  border-radius: 100%;
  background-color: #ff4493;
  font-family: "SCDream6";
  font-size: 22px;
  color: #fff;
}
.review-event__toast-product:after {
  content: "갤럭시 워치5\a 44mm (블루투스)";
  display: block;
  font-family: "SCDream6";
  font-size: 22px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  white-space: pre;
}
.review-event__toast-list {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.review-event__toast-item {
  opacity: 0;
  position: absolute;
  width: 280px;
  height: auto;
  padding: 20px 14px;
  border-radius: 15px;
  background-color: #fff;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-animation: toastPC 4s linear infinite;
          animation: toastPC 4s linear infinite;
}
.review-event__toast-item:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -12px;
  width: 12px;
  height: 12px;
  background: url("../../images/bem/review-event/review-event__toast-item--after.png") center/contain no-repeat;
}
.review-event__toast-item:nth-of-type(odd):after {
  right: 30px;
}
.review-event__toast-item:nth-of-type(even):after {
  left: 30px;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.review-event__toast-item:nth-of-type(1) {
  top: 56px;
  left: 10px;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.review-event__toast-item:nth-of-type(2) {
  top: 56px;
  right: 10px;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.review-event__toast-item:nth-of-type(3) {
  top: 192px;
  left: 0;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.review-event__toast-item:nth-of-type(4) {
  top: 192px;
  right: 0;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.review-event__toast-item:nth-of-type(5) {
  top: 326px;
  left: 10px;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.review-event__toast-item:nth-of-type(6) {
  top: 326px;
  right: 10px;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
@-webkit-keyframes toastPC {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
  25% {
    opacity: 1;
    -webkit-transform: translateY(25%);
            transform: translateY(25%);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(12.5%);
            transform: translateY(12.5%);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateY(6.25%);
            transform: translateY(6.25%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes toastPC {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
  25% {
    opacity: 1;
    -webkit-transform: translateY(25%);
            transform: translateY(25%);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(12.5%);
            transform: translateY(12.5%);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateY(6.25%);
            transform: translateY(6.25%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.review-event__toast-key {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.review-event__toast-name {
  display: inline-block;
  vertical-align: top;
  font-family: "SCDream6";
  font-size: 16px;
  color: #161616;
  line-height: 14px;
}
.review-event__toast-grade {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 12px;
}
.review-event__toast-star {
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: 14px;
  background: url("../../images/bem/review-event/review-event__toast-star.png") center/contain no-repeat;
}
.review-event__toast-star + .review-event__toast-star {
  margin-left: 4px;
}
.review-event__toast-value {
  margin-top: 8px;
  font-family: "SCDream4";
  font-size: 16px;
  color: #161616;
  line-height: 21px;
}
.review-event__toast-value .-em {
  display: inline;
  vertical-align: top;
  padding: 0 2px;
  background-color: #fff000;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}
@media (max-width: 1023px) {
  .review-event__toast {
    height: 900px;
  }
  .review-event__toast-product {
    top: 500px;
  }
  .review-event__toast-product > img {
    width: 254px;
  }
  .review-event__toast-product:before {
    top: 14px;
    left: 14px;
    width: 74px;
    height: 74px;
    font-size: 28px;
  }
  .review-event__toast-product:after {
    font-size: 28px;
    line-height: 36px;
  }
  .review-event__toast-list {
    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;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    bottom: unset;
    height: 384px;
    padding-top: 34px;
  }
  .review-event__toast-item {
    width: calc((100% - 20px) / 2);
    padding: 20px;
    -webkit-animation: toastMO 8s linear infinite;
            animation: toastMO 8s linear infinite;
  }
  .review-event__toast-item:nth-of-type(1) {
    top: 0;
    left: 0;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
  }
  .review-event__toast-item:nth-of-type(2) {
    top: 0;
    right: 0;
    -webkit-animation-delay: 3s;
            animation-delay: 3s;
  }
  .review-event__toast-item:nth-of-type(3) {
    top: 250px;
    left: -20px;
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
  }
  .review-event__toast-item:nth-of-type(4) {
    top: 250px;
    right: -20px;
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
  }
  @-webkit-keyframes toastMO {
    0% {
      opacity: 0;
      -webkit-transform: translateY(50%);
              transform: translateY(50%);
    }
    25% {
      opacity: 1;
      -webkit-transform: translateY(25%);
              transform: translateY(25%);
    }
    50% {
      opacity: 1;
      -webkit-transform: translateY(12.5%);
              transform: translateY(12.5%);
    }
    75% {
      opacity: 1;
      -webkit-transform: translateY(6.25%);
              transform: translateY(6.25%);
    }
    100% {
      opacity: 0;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @keyframes toastMO {
    0% {
      opacity: 0;
      -webkit-transform: translateY(50%);
              transform: translateY(50%);
    }
    25% {
      opacity: 1;
      -webkit-transform: translateY(25%);
              transform: translateY(25%);
    }
    50% {
      opacity: 1;
      -webkit-transform: translateY(12.5%);
              transform: translateY(12.5%);
    }
    75% {
      opacity: 1;
      -webkit-transform: translateY(6.25%);
              transform: translateY(6.25%);
    }
    100% {
      opacity: 0;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  .review-event__toast-name {
    font-size: 26px;
    line-height: 25px;
  }
  .review-event__toast-star {
    width: 19px;
    height: 19px;
  }
  .review-event__toast-star + .review-event__toast-star {
    margin-left: 6px;
  }
  .review-event__toast-value {
    margin-top: 6px;
    font-size: 26px;
    line-height: 32px;
  }
}
@media (max-width: 719px) {
  .review-event__toast {
    height: 500px;
  }
  .review-event__toast-product {
    top: 300px;
  }
  .review-event__toast-product > img {
    width: 127px;
  }
  .review-event__toast-product:before {
    top: 7px;
    left: 7px;
    width: 37px;
    height: 37px;
    font-size: 14px;
  }
  .review-event__toast-product:after {
    font-size: 14px;
    line-height: 18px;
  }
  .review-event__toast-list {
    height: 192px;
    padding-top: 17px;
  }
  .review-event__toast-item {
    width: calc((100% - 10px) / 2);
    padding: 10px;
    border-radius: 8px;
  }
  .review-event__toast-item:nth-of-type(3) {
    top: 150px;
    left: -10px;
  }
  .review-event__toast-item:nth-of-type(4) {
    top: 120px;
    right: -10px;
  }
  .review-event__toast-name {
    font-size: 13px;
    line-height: 14px;
  }
  .review-event__toast-star {
    width: 10px;
    height: 10px;
  }
  .review-event__toast-star + .review-event__toast-star {
    margin-left: 3px;
  }
  .review-event__toast-value {
    margin-top: 3px;
    font-size: 13px;
    line-height: 19px;
  }
}
.review-event__period {
  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: 78px;
}
.review-event__period .-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;
}
.review-event__period .-item .-key {
  display: inline-block;
  vertical-align: top;
  font-family: "SCDream5";
  font-size: 22px;
  color: #ff4493;
}
.review-event__period .-item .-value {
  display: inline-block;
  vertical-align: top;
  font-family: "SCDream4";
  font-size: 22px;
  color: #fff;
}
.review-event__period .-item + .-item:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 1px;
  height: 16px;
  margin: 0 54px;
  background-color: #fff;
}
@media (max-width: 1023px) {
  .review-event__period .-item .-key,
  .review-event__period .-item .-value {
    font-size: 24px;
  }
  .review-event__period .-item + .-item:before {
    height: 18px;
    margin: 0 28px;
  }
}
@media (max-width: 719px) {
  .review-event__period {
    height: 40px;
  }
  .review-event__period .-item .-key,
  .review-event__period .-item .-value {
    font-size: 12px;
  }
  .review-event__period .-item + .-item:before {
    height: 9px;
    margin: 0 14px;
  }
}
.review-event__content {
  position: relative;
  width: 100%;
  height: auto;
}
.review-event__content + .review-event__content {
  margin-top: 40px;
}
.review-event__content-subject {
  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: 52px;
  margin: 0 auto 14px auto;
  border-radius: 52px;
  background-color: #212121;
  font-family: "SCDream6";
  font-size: 22px;
  color: #fff;
}
.review-event__content-description {
  font-family: "SCDream5";
  font-size: 24px;
  color: #161616;
  text-align: center;
  line-height: 34px;
}
.review-event__content-description .-underline {
  display: inline-block;
  vertical-align: top;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  text-align: inherit;
  line-height: inherit;
  border-bottom: 1px solid #161616;
}
@media (max-width: 1023px) {
  .review-event__content-subject {
    width: 164px;
    height: 58px;
    margin-bottom: 30px;
    border-radius: 58px;
    font-size: 28px;
  }
  .review-event__content-description {
    font-size: 28px;
  }
}
@media (max-width: 719px) {
  .review-event__content + .review-event__content {
    margin-top: 20px;
  }
  .review-event__content-subject {
    width: 82px;
    height: 29px;
    margin-bottom: 15px;
    border-radius: 29px;
    font-size: 14px;
  }
  .review-event__content-description {
    font-size: 14px;
    line-height: 20px;
  }
}
.review-event__document {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto;
  padding: 30px;
  border-radius: 15px;
  background-color: #2d2d2d;
}
.review-event__document[data-event-state=false]:after {
  content: "이미 참여 하였습니다.";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  font-family: "SCDream5";
  font-size: 22px;
  color: #fff;
}
@media (max-width: 1023px) {
  .review-event__document {
    padding: 20px;
  }
  .review-event__document[data-event-state=false]:after {
    font-size: 28px;
  }
}
@media (max-width: 719px) {
  .review-event__document {
    padding: 10px;
    border-radius: 8px;
  }
  .review-event__document[data-event-state=false]:after {
    font-size: 14px;
  }
}
.review-event__document-notice {
  position: absolute;
  top: 34px;
  right: 0;
  font-family: "SCDream5";
  font-size: 18px;
  color: #a6a6a6;
  line-height: 32px;
}
@media (max-width: 1023px) {
  .review-event__document-notice {
    top: 50px;
    font-size: 26px;
  }
}
@media (max-width: 719px) {
  .review-event__document-notice {
    top: 25px;
    font-size: 13px;
    line-height: 19px;
  }
}
.review-event__fieldset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  overflow: hidden;
  border: 1px solid #d9d9d9;
  border-radius: 15px;
}
@media (max-width: 719px) {
  .review-event__fieldset {
    border-radius: 8px;
  }
}
.review-event__field {
  width: 25%;
  height: 42px;
  border: 1px solid #d9d9d9;
  border-right: unset;
}
.review-event__field:nth-child(n+1):nth-child(-n+4) {
  border-top: unset;
  border-bottom: unset;
}
.review-event__field:nth-of-type(4n + 1) {
  border-left: unset;
}
@media (max-width: 1023px) {
  .review-event__field {
    width: 50%;
    height: 70px;
    border: 1px solid #d9d9d9 !important;
  }
  .review-event__field:nth-of-type(1), .review-event__field:nth-of-type(2) {
    border-top: unset !important;
  }
  .review-event__field:nth-of-type(7), .review-event__field:nth-of-type(8) {
    border-bottom: unset !important;
  }
  .review-event__field:nth-of-type(odd) {
    border-left: unset !important;
  }
  .review-event__field:nth-of-type(even) {
    border-right: unset !important;
  }
}
@media (max-width: 719px) {
  .review-event__field {
    height: 35px;
  }
}
.review-event__label {
  cursor: pointer;
  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: 100%;
  font-family: "SCDream5";
  font-size: 18px;
  color: #a4a4a4;
}
.review-event__field > input[type=checkbox]:checked + .review-event__label {
  color: #8bff23;
}
@media (max-width: 1023px) {
  .review-event__label {
    font-size: 30px;
  }
}
@media (max-width: 719px) {
  .review-event__label {
    font-size: 15px;
  }
}
.review-event__apply {
  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: 60px;
  background-color: #fff;
  font-family: "SCDream6";
  font-size: 20px;
  color: #161616;
}
.review-event__apply[data-event-state=checked] {
  background-color: #8bff23;
}
@media (max-width: 1023px) {
  .review-event__apply {
    height: 74px;
    font-size: 30px;
  }
}
@media (max-width: 719px) {
  .review-event__apply {
    height: 38px;
    font-size: 15px;
  }
}
.review-event__message {
  display: none;
  margin-top: 20px;
  padding: 30px 24px;
  border-radius: 15px;
  background-color: #fff;
}
.review-event__message:first-child {
  margin-top: 30px;
}
.review-event__message[data-event-state=true] {
  display: block;
}
@media (max-width: 1023px) {
  .review-event__message {
    padding: 24px 30px 32px 30px;
  }
  .review-event__message:first-child {
    margin-top: 20px;
  }
}
@media (max-width: 719px) {
  .review-event__message {
    padding: 12px 15px 16px 15px;
    border-radius: 8px;
  }
  .review-event__message:first-child {
    margin-top: 10px;
  }
}
.review-event__message-subject {
  position: relative;
  padding-left: 38px;
  font-family: "SCDream6";
  font-size: 20px;
  color: #161616;
  line-height: 32px;
}
.review-event__message-subject:before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 28px;
  height: 28px;
  background: url("../../images/bem/review-event/review-event__message-subject--before.png") center/contain no-repeat;
}
@media (max-width: 1023px) {
  .review-event__message-subject {
    padding-left: 46px;
    font-size: 30px;
  }
  .review-event__message-subject:before {
    top: 0;
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 719px) {
  .review-event__message-subject {
    padding-left: 23px;
    font-size: 15px;
    line-height: 16px;
  }
  .review-event__message-subject:before {
    width: 16px;
    height: 16px;
  }
}
.review-event__message-textarea {
  resize: none;
  display: block;
  width: 100%;
  height: 108px;
  padding: 20px 18px;
  margin-top: 14px;
  border: 1px solid #d9d9d9;
  border-radius: 15px;
  background-color: #fff;
  font-family: "Pretendard";
  font-size: 18px;
  font-weight: normal;
  color: #000;
  line-height: 24px;
}
.review-event__message-textarea::-webkit-input-placeholder {
  color: #a4a4a4;
}
.review-event__message-textarea::-moz-placeholder {
  color: #a4a4a4;
}
.review-event__message-textarea:-ms-input-placeholder {
  color: #a4a4a4;
}
.review-event__message-textarea::-ms-input-placeholder {
  color: #a4a4a4;
}
.review-event__message-textarea::placeholder {
  color: #a4a4a4;
}
@media (max-width: 1023px) {
  .review-event__message-textarea {
    height: 134px;
    padding: 14px 20px;
    border-radius: 10px;
    font-size: 28px;
    line-height: 34px;
  }
}
@media (max-width: 719px) {
  .review-event__message-textarea {
    height: 76px;
    margin-top: 7px;
    padding: 7px 10px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 20px;
  }
}
.review-event__confirm {
  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: 138px;
  height: 50px;
  margin: 20px auto 0 auto;
  border: 1px solid #ff4493;
  border-radius: 10px;
  font-family: "SCDream6";
  font-size: 18px;
  color: #ff4493;
}
.review-event__confirm[data-event-state=confirm] {
  background-color: #ff4493;
  color: #fff;
}
@media (max-width: 1023px) {
  .review-event__confirm {
    width: 158px;
    height: 60px;
    font-size: 26px;
  }
}
@media (max-width: 719px) {
  .review-event__confirm {
    width: 80px;
    height: 30px;
    margin-top: 10px;
    border-radius: 5px;
    font-size: 13px;
  }
}
.review-event__accordion-list {
  border-bottom: 1px solid #a3a3a3;
}
.review-event__accordion-item {
  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;
  padding: 36px 0;
}
.review-event__accordion-item + .review-event__accordion-item {
  border-top: 1px solid #a3a3a3;
}
.review-event__accordion-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
  height: auto;
}
.review-event__accordion-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.review-event__accordion-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: top;
  font-family: "Pretendard";
  font-size: 22px;
  font-weight: bold;
  color: #161616;
  white-space: nowrap;
}
.review-event__accordion-name:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 40px;
  margin-right: 12px;
  border-radius: 100%;
  background: url("../../images/bem/review-event/review-event__accordion-name--before.png") center/cover no-repeat;
}
.review-event__accordion-date {
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
  font-family: "Pretendard";
  font-size: 18px;
  font-weight: normal;
  color: #a4a4a4;
}
.review-event__accordion-type {
  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: auto;
  height: 28px;
  margin-left: 20px;
  padding: 2px 6px 0 6px;
  border: 1px solid #ff6997;
  border-radius: 4px;
  font-family: "Pretendard";
  font-size: 16px;
  font-weight: normal;
  color: #ff6997;
  white-space: nowrap;
}
.review-event__accordion-body {
  margin-top: 16px;
  font-family: "Pretendard";
  font-size: 18px;
  font-weight: normal;
  color: #161616;
  line-height: 28px;
  word-break: break-word;
}
.review-event__accordion-item[data-event-state=false] .review-event__accordion-body {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.review-event__accordion-trigger {
  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: 90px;
  height: 34px;
  margin-top: 3px;
  margin-left: 120px;
  border: 1px solid #a3a3a3;
  font-family: "Pretendard";
  font-size: 15px;
  font-weight: normal;
  color: #6e6e6e;
}
.review-event__accordion-trigger:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 9px;
  height: 5px;
  margin-left: 9px;
  background: url("../../images/bem/review-event/review-event__accordion-trigger--after.png") center/contain no-repeat;
}
.review-event__accordion-item[data-event-state=true] .review-event__accordion-trigger:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media (max-width: 1023px) {
  .review-event__accordion-list {
    margin-top: 12px;
  }
  .review-event__accordion-item {
    padding: 28px 0;
  }
  .review-event__accordion-name {
    font-size: 28px;
  }
  .review-event__accordion-name:before {
    margin-right: 20px;
  }
  .review-event__accordion-date {
    margin-left: 18px;
    font-size: 26px;
  }
  .review-event__accordion-type {
    height: 32px;
    font-size: 24px;
  }
  .review-event__accordion-body {
    margin-top: 14px;
    font-size: 28px;
    line-height: 32px;
  }
  .review-event__accordion-trigger {
    width: 124px;
    height: 46px;
    margin-top: -3px;
    margin-left: 60px;
    font-size: 26px;
  }
  .review-event__accordion-trigger:after {
    width: 14px;
    height: 8px;
    margin-left: 10px;
  }
}
@media (max-width: 719px) {
  .review-event__accordion-list {
    margin-top: 6px;
  }
  .review-event__accordion-item {
    padding: 14px 0;
  }
  .review-event__accordion-name {
    font-size: 14px;
  }
  .review-event__accordion-name:before {
    width: 20px;
    height: 20px;
    margin-right: 10px;
  }
  .review-event__accordion-date {
    margin-left: 9px;
    font-size: 13px;
  }
  .review-event__accordion-type {
    height: 16px;
    margin-left: 10px;
    padding: 0 4px;
    border-radius: 2px;
    font-size: 12px;
  }
  .review-event__accordion-body {
    margin-top: 7px;
    font-size: 14px;
    line-height: 16px;
  }
  .review-event__accordion-trigger {
    width: 62px;
    height: 23px;
    margin-top: -1.5px;
    margin-left: 30px;
    font-size: 13px;
  }
  .review-event__accordion-trigger:after {
    width: 7px;
    height: 4px;
    margin-left: 5px;
  }
}
.review-event__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;
  margin-top: 30px;
}
.review-event__pagination-prev-all {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  width: 32px;
  height: 32px;
  background: url("../../images/bem/review-event/review-event__pagination-arrow-all.png") 6px center/auto no-repeat;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.review-event__pagination-prev {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  width: 32px;
  height: 32px;
  background: url("../../images/bem/review-event/review-event__pagination-arrow.png") center/auto no-repeat;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.review-event__pagination-next {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  width: 32px;
  height: 32px;
  background: url("../../images/bem/review-event/review-event__pagination-arrow.png") 18px center/auto no-repeat;
}
.review-event__pagination-next-all {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  width: 32px;
  height: 32px;
  background: url("../../images/bem/review-event/review-event__pagination-arrow-all.png") center/auto no-repeat;
}
.review-event__pagination-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: 0 16px;
}
.review-event__pagination-item {
  margin: 0 2px;
}
.review-event__pagination-item:first-child {
  margin-left: 0;
}
.review-event__pagination-item:last-child {
  margin-right: 0;
}
.review-event__pagination-trigger {
  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: 32px;
  height: 32px;
  font-family: "Pretendard";
  font-size: 14px !important;
  font-weight: normal;
  color: #161616;
}
.review-event__pagination-trigger[data-event-state=true] {
  background-color: #2d2d2d;
  font-weight: bold;
  color: #fff;
}
@media (max-width: 1023px) {
  .review-event__pagination-prev-all {
    width: 38px;
    height: 38px;
    background-position: right center;
  }
  .review-event__pagination-prev {
    width: 38px;
    height: 38px;
    background-position: center;
  }
  .review-event__pagination-next {
    width: 38px;
    height: 38px;
    background-position: center;
  }
  .review-event__pagination-next-all {
    width: 38px;
    height: 38px;
    background-position: right center;
  }
  .review-event__pagination-list {
    margin: unset;
  }
  .review-event__pagination-item {
    margin: 0 14px;
  }
  .review-event__pagination-trigger {
    width: 38px;
    height: 38px;
    font-size: 26px !important;
  }
}
@media (max-width: 719px) {
  .review-event__pagination-prev-all, .review-event__pagination-prev, .review-event__pagination-next, .review-event__pagination-next-all {
    width: 19px;
    height: 19px;
  }
  .review-event__pagination-item {
    margin: 0 7px;
  }
  .review-event__pagination-trigger {
    width: 19px;
    height: 19px;
    font-size: 13px !important;
  }
}
.review-event__share {
  position: relative;
}
.review-event__share-product {
  margin-top: 36px;
}
.review-event__share-product > img {
  display: block;
  margin: 0 auto;
}
.review-event__share-product:before {
  content: "1명";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 56px;
  left: 50%;
  width: 58px;
  height: 58px;
  margin-left: -156px;
  border-radius: 100%;
  background-color: #ff4493;
  font-family: "SCDream6";
  font-size: 22px;
  color: #fff;
}
.review-event__share-product:after {
  content: "갤럭시 탭 S9 (Wi-Fi)";
  display: block;
  margin-top: -10px;
  font-family: "SCDream6";
  font-size: 22px;
  color: #fff;
  text-align: center;
  line-height: 22px;
}
.review-event__share-counter {
  display: block;
  overflow: hidden;
  position: absolute;
  top: -260px;
  right: 0;
  width: 150px;
  height: auto;
  border-radius: 20px;
  -webkit-box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, 0.44);
          box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, 0.44);
}
.review-event__share-counter .-key {
  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: 40px;
  background-color: #ff4493;
  font-family: "SCDream7";
  font-size: 16px;
  color: #fff;
}
.review-event__share-counter .-value {
  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: 58px;
  background-color: #fff;
  font-family: "SCDream7";
  font-size: 36px;
  color: #161616;
}
@media (max-width: 1023px) {
  .review-event__share-product > img {
    width: 80%;
  }
  .review-event__share-product:before {
    top: 38px;
    width: 74px;
    height: 74px;
    margin-left: -172px;
    font-size: 28px;
  }
  .review-event__share-product:after {
    margin-top: -15px;
    font-size: 28px;
    line-height: 26px;
  }
  .review-event__share-counter {
    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;
    top: 556px;
    right: unset;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 500px;
    height: 78px;
    -webkit-box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, 0.14);
            box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, 0.14);
  }
  .review-event__share-counter .-key {
    width: 50%;
    height: 100%;
    font-size: 30px;
  }
  .review-event__share-counter .-value {
    width: 50%;
    height: 100%;
    font-size: 38px;
  }
}
@media (max-width: 719px) {
  .review-event__share-product {
    margin-top: 18px;
  }
  .review-event__share-product:before {
    top: 18px;
    width: 37px;
    height: 37px;
    margin-left: -86px;
    font-size: 14px;
  }
  .review-event__share-product:after {
    margin-top: -8px;
    font-size: 14px;
    line-height: 13px;
  }
  .review-event__share-counter {
    top: 278px;
    width: 250px;
    height: 40px;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1.5px 5px 0 rgba(0, 0, 0, 0.07);
            box-shadow: 1px 1.5px 5px 0 rgba(0, 0, 0, 0.07);
  }
  .review-event__share-counter .-key {
    font-size: 15px;
  }
  .review-event__share-counter .-value {
    font-size: 19px;
  }
}
.review-event__mo-counter {
  display: none;
}
@media (max-width: 1023px) {
  .review-event__mo-counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    width: 500px;
    height: 78px;
    margin: 0 auto 40px auto;
    border-radius: 20px;
    -webkit-box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, 0.14);
            box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, 0.14);
  }
  .review-event__mo-counter .-key {
    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: 50%;
    height: 100%;
    background-color: #ff4493;
    font-family: "SCDream7";
    font-size: 30px;
    color: #fff;
  }
  .review-event__mo-counter .-value {
    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: 50%;
    height: 100%;
    background-color: #fff;
    font-family: "SCDream7";
    font-size: 38px;
    color: #161616;
  }
}
@media (max-width: 719px) {
  .review-event__mo-counter {
    width: 250px;
    height: 39px;
    margin-bottom: 20px;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1.5px 5px 0 rgba(0, 0, 0, 0.07);
            box-shadow: 1px 1.5px 5px 0 rgba(0, 0, 0, 0.07);
  }
  .review-event__mo-counter .-key {
    font-size: 15px;
  }
  .review-event__mo-counter .-value {
    font-size: 19px;
  }
}
.review-event__tip {
  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: 68px;
  border-radius: 0 0 15px 15px;
  background-color: #8bff23;
  font-family: "SCDream4";
  font-size: 20px;
  color: #161616;
}
.review-event__tip:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 54px;
  height: 26px;
  margin-right: 18px;
  background: url("../../images/bem/review-event/review-event__tip--before.png") center/contain no-repeat;
}
.review-event__tip .-em {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
  padding: 0 4px;
  background-color: #000000;
  font-family: "SCDream6";
  font-size: inherit;
  color: #8bff23;
}
@media (max-width: 1023px) {
  .review-event__tip {
    font-size: 28px;
  }
  .review-event__tip:before {
    width: 68px;
    height: 32px;
    margin-right: 14px;
  }
  .review-event__tip .-em {
    margin: 0 6px;
    padding: 0 6px;
  }
}
@media (max-width: 719px) {
  .review-event__tip {
    height: 34px;
    border-radius: 0 0 7px 7px;
    font-size: 14px;
  }
  .review-event__tip:before {
    width: 34px;
    height: 16px;
    margin-right: 7px;
  }
  .review-event__tip .-em {
    margin: 0 3px;
    padding: 0 3px;
  }
}
.review-event__copier {
  margin-top: 20px;
}
.review-event__copier-hashtag {
  width: 100%;
  height: auto;
  padding: 14px 20px;
  border: 1px solid #8bff23;
  border-radius: 15px;
  background-color: #fff;
  font-family: "SCDream4";
  font-size: 18px;
  color: #161616;
  text-align: center;
  line-height: 26px;
}
.review-event__copier-buttons {
  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-top: 30px;
}
.review-event__copier-buttons > button {
  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: 300px;
  height: 70px;
  border-radius: 70px;
  background-color: #2d2d2d;
  font-family: "SCDream5";
  font-size: 20px;
  color: #fff !important;
}
.review-event__copier-buttons > button:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background: url("../../images/bem/review-event/review-event__copier-button--before.png") center/contain no-repeat;
}
.review-event__copier-buttons > button + button {
  margin-left: 10px;
}
@media (max-width: 1023px) {
  .review-event__copier-hashtag {
    padding: 14px;
    font-size: 28px;
    line-height: 40px;
  }
  .review-event__copier-buttons {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .review-event__copier-buttons > button {
    width: calc((100% - 10px) / 2);
    height: 85px;
    border-radius: 85px;
    font-size: 28px;
  }
  .review-event__copier-buttons > button:before {
    display: none;
  }
  .review-event__copier-buttons > button + button {
    margin: unset;
  }
}
@media (max-width: 719px) {
  .review-event__copier {
    margin-top: 10px;
  }
  .review-event__copier-hashtag {
    padding: 7px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 20px;
  }
  .review-event__copier-buttons {
    margin-top: 15px;
  }
  .review-event__copier-buttons > button {
    width: calc((100% - 5px) / 2);
    height: 42px;
    border-radius: 42px;
    font-size: 14px;
  }
}
.review-event__sns-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-top: 30px;
}
.review-event__sns-item {
  margin: 0 10px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.review-event__sns-item:first-child {
  margin-left: unset;
}
.review-event__sns-item:last-child {
  margin-right: unset;
}
.review-event__sns-item:nth-of-type(1) {
  background-image: url("../../images/bem/review-event/review-event__sns-link--0.png");
}
.review-event__sns-item:nth-of-type(2) {
  background-image: url("../../images/bem/review-event/review-event__sns-link--1.png");
}
.review-event__sns-item:nth-of-type(3) {
  background-image: url("../../images/bem/review-event/review-event__sns-link--2.png");
}
.review-event__sns-item:nth-of-type(4) {
  background-image: url("../../images/bem/review-event/review-event__sns-link--3.png");
}
.review-event__sns-link {
  display: block;
  width: 54px;
  height: 54px;
}
@media (max-width: 1023px) {
  .review-event__sns-list {
    margin-top: 26px;
  }
  .review-event__sns-link {
    width: 74px;
    height: 74px;
  }
}
@media (max-width: 719px) {
  .review-event__sns-list {
    margin-top: 13px;
  }
  .review-event__sns-item {
    margin: 0 5px;
  }
  .review-event__sns-link {
    width: 37px;
    height: 37px;
  }
}
.review-event__carousel {
  margin-top: 44px;
}
.review-event__carousel-title {
  font-family: "SCDream6";
  font-size: 20px;
  color: #161616;
  line-height: 20px;
}
.review-event__carousel-field {
  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;
}
.review-event__carousel-input {
  display: inline-block;
  vertical-align: top;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
  height: 58px;
  padding: 18px;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  background-color: #fff;
  font-family: "Pretendard";
  font-size: 18px;
  font-weight: normal;
  color: #000;
}
.review-event__carousel-input::-webkit-input-placeholder {
  color: #b2b2b2;
}
.review-event__carousel-input::-moz-placeholder {
  color: #b2b2b2;
}
.review-event__carousel-input:-ms-input-placeholder {
  color: #b2b2b2;
}
.review-event__carousel-input::-ms-input-placeholder {
  color: #b2b2b2;
}
.review-event__carousel-input::placeholder {
  color: #b2b2b2;
}
.review-event__carousel-apply {
  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: 58px;
  margin-left: 8px;
  border-radius: 10px;
  background-color: #2d2d2d;
  font-family: "Pretendard";
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.review-event__carousel-fit {
  width: 100%;
  height: 202px;
  margin-top: 20px;
  padding: 30px;
  border-radius: 15px;
  background-color: #fff;
  -webkit-box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.06);
}
.review-event__carousel .swiper-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.review-event__carousel .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100% !important;
  height: auto !important;
}
.review-event__carousel .swiper-slide .-date {
  display: inline-block;
  vertical-align: top;
  width: 138px;
  height: auto;
  font-family: "Pretendard";
  font-size: 18px;
  font-weight: normal;
  color: #161616;
  line-height: 14px;
}
.review-event__carousel .swiper-slide .-name {
  display: inline-block;
  vertical-align: top;
  width: 70px;
  height: auto;
  font-family: "Pretendard";
  font-size: 18px;
  font-weight: normal;
  color: #161616;
  line-height: 14px;
}
.review-event__carousel .swiper-slide .-href {
  display: inline-block;
  vertical-align: top;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
  font-family: "Pretendard";
  font-size: 18px;
  font-weight: normal;
  color: #161616;
  line-height: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 1023px) {
  .review-event__carousel {
    margin-top: 78px;
  }
  .review-event__carousel-title {
    font-size: 32px;
    line-height: 32px;
  }
  .review-event__carousel-input {
    height: 68px;
    padding: 20px;
    font-size: 28px;
  }
  .review-event__carousel-apply {
    height: 68px;
    margin-left: 10px;
    font-size: 28px;
  }
  .review-event__carousel-fit {
    height: 474px;
    padding: 20px 24px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06);
  }
  .review-event__carousel .swiper-slide {
    display: block;
  }
  .review-event__carousel .swiper-slide .-date {
    font-size: 28px;
    line-height: 40px;
  }
  .review-event__carousel .swiper-slide .-name {
    width: auto;
    margin-left: 20px;
    font-size: 28px;
    line-height: 40px;
  }
  .review-event__carousel .swiper-slide .-href {
    display: block;
    width: 100%;
    height: auto;
    font-size: 28px;
    line-height: 40px;
  }
}
@media (max-width: 719px) {
  .review-event__carousel {
    margin-top: 39px;
  }
  .review-event__carousel-title {
    font-size: 16px;
    line-height: 16px;
  }
  .review-event__carousel-field {
    margin-top: 10px;
  }
  .review-event__carousel-input {
    height: 34px;
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
  }
  .review-event__carousel-apply {
    width: 70px;
    height: 34px;
    margin-left: 5px;
    border-radius: 5px;
    font-size: 14px;
  }
  .review-event__carousel-fit {
    height: 237px;
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.03);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.03);
  }
  .review-event__carousel .swiper-slide .-date {
    font-size: 14px;
    line-height: 20px;
  }
  .review-event__carousel .swiper-slide .-name {
    margin-left: 10px;
    font-size: 14px;
    line-height: 20px;
  }
  .review-event__carousel .swiper-slide .-href {
    font-size: 14px;
    line-height: 20px;
  }
}
.review-event__notice {
  width: 100%;
  height: auto;
  padding: 80px 0 68px 0;
  background-color: #2f2f2f;
}
.review-event__notice-content {
  width: 800px;
  height: auto;
  margin: 0 auto;
}
.review-event__notice-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  height: auto;
  padding: 18px 0;
  font-family: "SCDream6";
  font-size: 24px;
  color: #fff;
}
.review-event__notice-title:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 26px;
  height: 26px;
  margin-right: 10px;
  background: url("../../images/bem/review-event/review-event__notice-title--before.png") center/contain no-repeat;
}
.review-event__notice-title:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 15px;
  height: 9px;
  background: url("../../images/bem/review-event/review-event__notice-title--after.png") center/contain no-repeat;
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.review-event__notice-title[data-event-state]:after {
  -webkit-transform: translateY(-50%) rotate(0deg);
      -ms-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
}
.review-event__notice-list {
  padding-top: 22px;
  border-top: 1px solid #9a9a9a;
}
.review-event__notice-item {
  position: relative;
  padding-left: 12px;
  font-family: "SCDream4";
  font-size: 16px;
  color: #999999;
  line-height: 34px;
}
.review-event__notice-item:before {
  content: "-";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}
.review-event__notice-item.-em {
  color: #8bff23;
}
.review-event__notice-item .-link {
  display: inline-block;
  vertical-align: top;
  font-family: "SCDream6";
  font-size: inherit;
  color: #dfdfdf;
  line-height: inherit;
  border-bottom: 1px soldi #8e8e8e;
}
@media (max-width: 1023px) {
  .review-event__notice {
    padding: 50px 0 60px 0;
  }
  .review-event__notice-content {
    width: 100%;
    padding: 0 40px;
  }
  .review-event__notice-title {
    padding: 29px 0;
    font-size: 30px;
  }
  .review-event__notice-title:before {
    width: 28px;
    height: 28px;
  }
  .review-event__notice-title:after {
    width: 18px;
    height: 10px;
  }
  .review-event__notice-list {
    padding-top: 28px;
  }
  .review-event__notice-item {
    padding-left: 20px;
    font-size: 28px;
    line-height: 46px;
  }
}
@media (max-width: 719px) {
  .review-event__notice {
    padding: 25px 0 30px 0;
  }
  .review-event__notice-content {
    padding: 0 20px;
  }
  .review-event__notice-title {
    padding: 14px 0;
    font-size: 15px;
  }
  .review-event__notice-title:before {
    width: 14px;
    height: 14px;
    margin-right: 5px;
  }
  .review-event__notice-title:after {
    width: 9px;
    height: 5px;
  }
  .review-event__notice-list {
    padding-top: 14px;
  }
  .review-event__notice-item {
    padding-left: 10px;
    font-size: 14px;
    line-height: 23px;
  }
}

.mobile-utility {
  display: none !important;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.utility-top[data-event-state=true] ~ .mobile-utility {
  bottom: 70px;
}
@media (max-width: 749px) {
  .mobile-utility {
    display: block !important;
  }
}
.mobile-utility__group {
  display: block;
  position: relative;
  margin-top: 20px;
}
.mobile-utility__group[aria-hidden=true] {
  display: none !important;
}
.mobile-utility__link {
  display: block !important;
  width: 72.5px !important;
  height: auto !important;
  background: unset !important;
}
.mobile-utility__link > img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.25));
}
.mobile-utility__closer {
  display: block;
  position: absolute;
  top: 8px;
  right: 0;
  width: 20px;
  height: 20px;
}

.join-dialog {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  z-index: 10;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
.join-dialog[aria-hidden=false] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.join-dialog__document {
  position: relative;
}
.join-dialog__document > img {
  width: auto;
  height: auto;
}
.join-dialog__document > img.-pc {
  display: block;
}
.join-dialog__document > img.-mo {
  display: none;
}
@media (max-width: 749px) {
  .join-dialog__document > img.-pc {
    display: none;
  }
  .join-dialog__document > img.-mo {
    display: block;
  }
}
.join-dialog__opener {
  display: block;
  position: absolute;
  inset: 0;
}
.join-dialog__closer {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 54px;
  height: 54px;
}
@media (max-width: 749px) {
  .join-dialog__closer {
    width: 44px;
    height: 44px;
  }
}

.header .logo {
  width: 110px !important;
}
.header .logo > a {
  background: url("../../images/common/logo_240207.png") no-repeat center;
  background-size: contain;
}
@media (max-width: 1023px) {
  .header .logo {
    width: 100% !important;
  }
}

.pdf .-grade {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  bottom: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: auto;
  height: 58px;
  padding: 0 36px;
  border-radius: 58px;
  font-family: "GmarketSansMedium";
  font-size: 30px;
  color: #fff;
  text-align: center;
  line-height: 64px;
}
.pdf.-type1 .-grade {
  background-color: #e64386;
}
.pdf.-type2 .-grade {
  background-color: #4daf4a;
}
.pdf.-type3 .-grade {
  background-color: #0098d4;
}
.pdf .-title {
  display: block;
  position: absolute;
  top: 813px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: auto;
  font-family: "GmarketSansMedium";
  font-size: 40px;
  color: #1f1b4f;
  text-align: center;
}
.pdf .title-box {
  right: unset !important;
  left: 25px !important;
}
.pdf .title-box .tit {
  font-size: 16px !important;
  text-align: left !important;
}
.pdf .title-box .sub-tit {
  margin-top: 6px !important;
  padding-left: 25px !important;
  font-size: 16px !important;
  text-align: left !important;
}
.pdf .summary-box {
  position: absolute;
  top: unset;
  right: 95px;
  bottom: 95px;
  left: unset;
  text-align: right;
}
.pdf .summary-grade {
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: 74px;
  margin-left: auto;
  padding: 0 42px;
  border-radius: 74px;
  font-family: "Pretendard" !important;
  font-size: 48px;
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 74px;
}
.pdf .summary-box.-summary1 .summary-grade {
  background-color: #ffebed;
  color: #f57584;
}
.pdf .summary-box.-summary2 .summary-grade {
  background-color: #ffe5d6;
  color: #fa7731;
}
.pdf .summary-box.-summary3 .summary-grade {
  background-color: #e1fbcc;
  color: #6ab429;
}
.pdf .summary-title {
  margin-top: 32px;
  font-family: "Pretendard" !important;
  font-size: 65px;
  font-weight: 600;
  color: #222;
  letter-spacing: -0.025em;
}

.introduce {
  overflow: hidden;
  width: 100%;
  height: auto;
  margin-bottom: -180px;
}
.introduce.-home {
  margin-bottom: unset !important;
}
.introduce .-pc {
  display: block;
}
.introduce .-mo {
  display: none;
}
@media (max-width: 1023px) {
  .introduce {
    margin-bottom: -90px;
  }
  .introduce .-pc {
    display: none;
  }
  .introduce .-mo {
    display: block;
  }
}
@media (max-width: 719px) {
  .introduce {
    margin-bottom: -12.5vw;
  }
  .introduce .-pc {
    display: none;
  }
  .introduce .-mo {
    display: block;
  }
}
.introduce__showcase {
  width: 100%;
  height: 500px;
  background: url("../../images/bem/introduce/introduce__showcase--pc.jpg") center/cover no-repeat;
}
.introduce__showcase-content {
  position: relative;
  width: 800px;
  height: 100%;
  margin: 0 auto;
}
.introduce__showcase-content:after {
  content: "";
  display: block;
  position: absolute;
  top: 168px;
  left: 50%;
  width: 364px;
  height: 138px;
  background: url("../../images/bem/introduce/introduce__showcase-content--after--pc.png") center/contain no-repeat;
  opacity: 0;
  -webkit-transform: translateX(-50%) scale(2.5);
      -ms-transform: translateX(-50%) scale(2.5);
          transform: translateX(-50%) scale(2.5);
  -webkit-animation: effect 0.5s 0.5s forwards;
          animation: effect 0.5s 0.5s forwards;
}
@keyframes effect {
  from {
    opacity: 0;
    -webkit-transform: translateX(-50%) scale(2.5);
            transform: translateX(-50%) scale(2.5);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(-50%) scale(1);
            transform: translateX(-50%) scale(1);
  }
}
.introduce__showcase-logo {
  display: block;
  position: absolute;
  top: 20px;
  right: 0;
}
.introduce__showcase-heading > img:is(.-pc) {
  width: auto;
  height: auto;
  margin-left: -100px;
}
.introduce__showcase-heading > img:is(.-mo) {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1023px) {
  .introduce__showcase {
    height: 64vw;
    background-image: url("../../images/bem/introduce/introduce__showcase--mo.jpg");
  }
  .introduce__showcase-content {
    width: 100%;
    margin: unset;
  }
  .introduce__showcase-content:after {
    top: 24vw;
    width: 46vw;
    height: 17.5vw;
    background-image: url("../../images/bem/introduce/introduce__showcase-content--after--mo.png");
  }
  .introduce__showcase-logo {
    right: 40px;
  }
  .introduce__showcase-heading {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 719px) {
  .introduce__showcase-logo {
    right: 20px;
    width: 40px;
  }
}
.introduce__section {
  width: 100%;
  height: auto;
}
.introduce__section-article {
  width: 100%;
  height: auto;
}
.introduce__section-article:nth-of-type(1) {
  background-color: #fff;
}
.introduce__section-article:nth-of-type(2) {
  background-color: #ffeb63;
}
.introduce__section-article:nth-of-type(3) {
  background-color: #292929;
}
.introduce__section-content {
  width: 800px;
  height: auto;
  margin: 0 auto;
  padding: 120px 0;
}
.introduce__section-content.-last {
  position: relative;
}
.introduce__section-content.-last:before {
  content: "";
  display: block;
  position: absolute;
  top: 70px;
  left: 50%;
  width: 252px;
  height: 144px;
  margin-left: -388px;
  background: url("../../images/bem/introduce/introduce__section-content--before--pc.png") center/contain no-repeat;
}
.introduce__section-title {
  margin-bottom: 76px;
  text-align: center;
}
.introduce__section-title > img {
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .introduce__section-article {
    padding: 0 40px;
  }
  .introduce__section-content {
    position: relative;
    width: 100%;
    margin: unset;
    padding: 100px 0;
  }
  .introduce__section-content.-last:before {
    top: 40px;
    left: 0;
    margin-left: unset;
  }
  .introduce__section-title {
    margin-bottom: 16vw;
  }
  .introduce__section-title > img {
    width: 72vw;
  }
}
@media (max-width: 719px) {
  .introduce__section-article {
    padding: 0 20px;
  }
  .introduce__section-content {
    padding: 50px 0;
  }
  .introduce__section-content.-last:before {
    top: 20px;
    width: 125px;
    height: 72px;
  }
}
.introduce__list {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  gap: 20px;
  width: 100%;
  height: auto;
}
@media (max-width: 1023px) {
  .introduce__list {
    display: block;
  }
}
.introduce.-home .introduce__list {
  gap: 18px;
  margin-top: 50px;
  margin-bottom: 100px;
}
@media (max-width: 1103px) {
  .introduce.-home .introduce__list {
    margin-top: 42px;
  }
}
@media (max-width: 767px) {
  .introduce.-home .introduce__list {
    margin-top: 21px;
    margin-bottom: 50px;
  }
}
.introduce__item {
  position: relative;
  width: calc((100% - 20px) / 2);
  height: 202px;
  padding: 28px 22px;
  border-radius: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.1);
  font-family: "Pretendard";
  font-size: 22px;
  font-weight: 500;
  color: #1b1b1b;
  text-align: left;
  line-height: 30px;
  letter-spacing: -0.025em;
}
.introduce__item:before {
  display: block;
  margin-bottom: 10px;
  font-family: "SCDream7";
  font-size: 20px;
  color: #4a6ef9;
  line-height: 30px;
  letter-spacing: -0.05em;
}
.introduce__item:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-position: right center;
  background-size: contain;
  background-repeat: no-repeat;
}
.introduce__item:nth-of-type(1):before {
  content: "01";
}
.introduce__item:nth-of-type(1):after {
  background-image: url("../../images/bem/introduce/introduce__section-item01--after.png");
}
.introduce__item:nth-of-type(2):before {
  content: "02";
}
.introduce__item:nth-of-type(2):after {
  background-image: url("../../images/bem/introduce/introduce__section-item02--after.png");
}
.introduce__item:nth-of-type(3):before {
  content: "03";
}
.introduce__item:nth-of-type(3):after {
  background-image: url("../../images/bem/introduce/introduce__section-item03--after.png");
}
.introduce__item:nth-of-type(4):before {
  content: "04";
}
.introduce__item:nth-of-type(4):after {
  background-image: url("../../images/bem/introduce/introduce__section-item04--after.png");
}
@media (max-width: 1023px) {
  .introduce__item {
    width: 100%;
    height: auto;
    padding: 30px 32px;
    font-size: 28px;
    line-height: 34px;
  }
  .introduce__item:not(:first-child) {
    margin-top: 20px;
  }
  .introduce__item:before {
    font-size: 24px;
  }
}
@media (max-width: 719px) {
  .introduce__item {
    padding: 16px;
    border-radius: 10px;
    font-size: 14px;
    line-height: 18px;
  }
  .introduce__item:not(:first-child) {
    margin-top: 10px;
  }
  .introduce__item:before {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 16px;
  }
}
.introduce.-home .introduce__item {
  width: calc((100% - 18px) / 2);
  height: 278px;
  padding: 30px;
  font-size: 28px;
  line-height: 42px;
}
.introduce.-home .introduce__item .-em {
  font-weight: 600;
  color: #ff7200;
}
.introduce.-home .introduce__item:before {
  font-size: 28px;
  line-height: 42px;
}
@media (max-width: 1103px) {
  .introduce.-home .introduce__item {
    width: 100%;
    height: auto;
    padding: 35px 30px;
    border-radius: 40px;
    line-height: 34px;
  }
  .introduce.-home .introduce__item:before {
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .introduce.-home .introduce__item {
    padding: 18px 15px;
    border-radius: 20px;
    font-size: 14px;
    line-height: 17px;
  }
  .introduce.-home .introduce__item:before {
    font-size: 14px;
    line-height: 15px;
  }
}
.introduce.-home .introduce__tab {
  margin-top: 58px;
}
@media (max-width: 767px) {
  .introduce.-home .introduce__tab {
    margin-top: 29px;
  }
}
.introduce__tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 60px;
  background-color: #ff9e24;
}
.introduce.-home .introduce__tab-list {
  height: 82px;
}
@media (max-width: 767px) {
  .introduce.-home .introduce__tab-list {
    height: 41px;
  }
}
.introduce__tab-item {
  opacity: initial !important;
  width: 25% !important;
  height: 100% !important;
  margin: unset !important;
  border-radius: initial !important;
  background-color: initial !important;
}
.introduce__tab-button {
  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: 100%;
  font-family: "SCDream4";
  font-size: 22px;
  color: #1b1b1b;
}
.introduce__tab-button:before {
  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;
  vertical-align: top;
  width: 28px;
  height: 28px;
  margin-right: 10px;
  border-radius: 100%;
  background-color: #1b1b1b;
  font-family: "SCDream5";
  font-size: 18px;
  color: #fff;
}
.introduce__tab-item:nth-of-type(1) .introduce__tab-button:before {
  content: "1";
}
.introduce__tab-item:nth-of-type(2) .introduce__tab-button:before {
  content: "2";
}
.introduce__tab-item:nth-of-type(3) .introduce__tab-button:before {
  content: "3";
}
.introduce__tab-item:nth-of-type(4) .introduce__tab-button:before {
  content: "4";
}
.introduce__tab-button[aria-selected=true] {
  height: 70px;
  margin-top: -10px;
  border-radius: 10px 10px 0 0;
  background-color: #1b1b1b;
  font-family: "SCDream6";
  color: #fff;
}
.introduce__tab-button[aria-selected=true]:before {
  background-color: #fff;
  color: #1b1b1b;
}
.introduce__tab-button .-break {
  display: inline-block;
  vertical-align: top;
  width: 4px;
  height: 0;
}
.introduce.-home .introduce__tab-button {
  position: relative;
  font-size: 30px;
}
.introduce.-home .introduce__tab-button:before {
  width: 38px;
  height: 38px;
  font-size: 26px;
}
@media (max-width: 767px) {
  .introduce.-home .introduce__tab-button {
    font-size: 15px;
    line-height: 17px;
  }
  .introduce.-home .introduce__tab-button:before {
    width: 18px;
    height: 18px;
    font-size: 13px;
  }
}
.introduce__tab-item.swiper-pagination-bullet-active > .introduce__tab-button {
  height: 96px;
  margin-top: -14px;
  border-radius: 20px 20px 0 0;
  background-color: #1b1b1b;
  font-family: "SCDream6";
  color: #fff;
}
.introduce__tab-item.swiper-pagination-bullet-active > .introduce__tab-button:before {
  background-color: #fff;
  color: #1b1b1b;
}
.introduce__tab-item.swiper-pagination-bullet-active > .introduce__tab-button:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  width: 24px;
  height: 12px;
  background: url("../../images/bem/renew/swiper-pagination-bullet-active.jpg") center/cover no-repeat;
}
@media (max-width: 767px) {
  .introduce__tab-item.swiper-pagination-bullet-active > .introduce__tab-button {
    height: 48px !important;
    margin-top: -7px;
    border-radius: 10px 10px 0 0;
  }
  .introduce__tab-item.swiper-pagination-bullet-active > .introduce__tab-button:after {
    width: 12px;
    height: 6px;
  }
}
.introduce__tab-region {
  width: 100%;
  height: auto;
}
.introduce__tab-panel {
  display: none;
  padding: 52px 0 60px 0;
  background-color: #fff;
}
.introduce__tab-panel[aria-hidden=false] {
  display: block;
}
.introduce__tab-panel.swiper-slide {
  opacity: 0 !important;
}
.introduce__tab-panel.swiper-slide-active {
  opacity: 1 !important;
}
.introduce.-home .introduce__tab-panel {
  height: 710px;
  padding: 54px 0 60px 0;
}
@media (max-width: 1103px) {
  .introduce.-home .introduce__tab-panel {
    height: auto;
    padding: 54px 0 50px 0;
  }
}
@media (max-width: 767px) {
  .introduce.-home .introduce__tab-panel {
    padding: 27px 0 25px 0;
  }
}
.introduce__tab-title {
  font-family: "SCDream5";
  font-size: 26px;
  color: #1b1b1b;
  text-align: center;
  line-height: 36px;
  letter-spacing: -0.025em;
}
.introduce__tab-title .-em {
  display: inline-block;
  vertical-align: top;
  font-family: "SCDream6";
  font-size: inherit;
  color: inherit;
  text-align: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.introduce.-home .introduce__tab-title {
  font-size: 36px;
  line-height: 46px;
}
.introduce.-home .introduce__tab-title .-em {
  font-weight: 600;
}
@media (max-width: 1103px) {
  .introduce.-home .introduce__tab-title {
    font-size: 30px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .introduce.-home .introduce__tab-title {
    font-size: 15px;
    line-height: 20px;
  }
}
.introduce__tab-container {
  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: 418px;
}
.introduce.-home .introduce__tab-container {
  height: 450px;
  margin-top: 54px;
}
@media (max-width: 1103px) {
  .introduce.-home .introduce__tab-container {
    height: auto;
    margin-top: 34px;
  }
}
@media (max-width: 767px) {
  .introduce.-home .introduce__tab-container {
    margin-top: 17px;
  }
}
.introduce__tab-content {
  margin: 0 25px;
  text-align: center;
}
.introduce.-home .introduce__tab-content:is(:first-child) {
  height: 100%;
}
@media (max-width: 1103px) {
  .introduce.-home .introduce__tab-content:is(:first-child) {
    height: 352px;
  }
}
@media (max-width: 767px) {
  .introduce.-home .introduce__tab-content:is(:first-child) {
    height: 176px;
  }
}
.introduce__tab-content.-auto {
  margin-top: -24px;
}
.introduce__tab-content.-auto + .introduce__tab-content {
  position: relative;
  top: 90px;
}
@media (max-width: 1103px) {
  .introduce__tab-content.-auto {
    height: auto !important;
    margin-top: -44px;
  }
  .introduce__tab-content.-auto + .introduce__tab-content {
    top: 44px;
  }
}
@media (max-width: 1023px) {
  .introduce__tab-content.-auto {
    margin-top: -28px;
  }
  .introduce__tab-content.-auto + .introduce__tab-content {
    top: unset;
  }
}
@media (max-width: 749px) {
  .introduce__tab-content.-auto {
    margin-top: -22px;
  }
}
.introduce__tab-preview {
  display: block;
  position: relative;
  border: 1px solid #cacaca;
}
.introduce__tab-preview:is(a):after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30px;
  height: 30px;
  background: url("../../images/bem/introduce/introduce__tab-preview--after.jpg") center/cover no-repeat;
}
.introduce__tab-preview.-auto {
  border: unset;
}
.introduce__tab-preview.-auto > img {
  height: auto !important;
}
.introduce.-home .introduce__tab-preview {
  height: 100%;
}
.introduce.-home .introduce__tab-preview > img {
  width: auto !important;
  height: 100%;
}
@media (max-width: 1023px) {
  .introduce__tab-preview.-auto > img {
    height: 352px !important;
  }
}
@media (max-width: 749px) {
  .introduce__tab-preview.-auto > img {
    height: 176px !important;
  }
}
.introduce__tab-subject {
  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;
  margin-bottom: 26px;
}
@media (max-width: 1023px) {
  .introduce__tab-subject {
    margin-bottom: 21px;
  }
}
@media (max-width: 749px) {
  .introduce__tab-subject {
    margin-bottom: 10.5px;
  }
}
.introduce__tab-paragraph {
  display: inline-block;
  vertical-align: top;
  width: 268px;
  height: auto;
  font-family: "NanumSquare";
  font-size: 28px;
  font-weight: 400;
  color: #222;
  text-align: center;
  line-height: 34px;
  letter-spacing: -0.025em;
  white-space: nowrap;
}
.introduce__tab-paragraph .-emphasis {
  display: inline-block;
  vertical-align: top;
  font-family: inherit;
  font-size: inherit;
  font-weight: 700;
  color: inherit;
  text-align: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  white-space: inherit;
  margin-left: -4px;
}
@media (max-width: 1023px) {
  .introduce__tab-paragraph {
    width: 244px;
  }
  .introduce__tab-paragraph .-emphasis {
    margin-left: -12px;
  }
}
@media (max-width: 749px) {
  .introduce__tab-paragraph {
    width: 122px;
    font-size: 14px;
    line-height: 17px;
  }
  .introduce__tab-paragraph .-emphasis {
    margin-left: -8px;
  }
}
.introduce__tab-tip {
  position: relative;
  width: 228px;
  height: auto;
  padding: 12px 0 20px 0;
  border: 1px solid #ff6825;
  border-radius: 20px;
  background-color: #fff;
  -webkit-box-shadow: 1px 2px 5px 0px rgba(255, 104, 37, 0.34);
          box-shadow: 1px 2px 5px 0px rgba(255, 104, 37, 0.34);
}
.introduce__tab-tip:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -14px;
  left: 32px;
  width: 18px;
  height: 14px;
  background: url("../../images/bem/introduce/introduce__tab-tip--after.png") center/cover no-repeat;
  -webkit-filter: drop-shadow(1px 2px 5px rgba(255, 104, 37, 0.34));
          filter: drop-shadow(1px 2px 5px rgba(255, 104, 37, 0.34));
}
.introduce.-home .introduce__tab-tip {
  width: 312px;
  padding: 26px 0 34px 0;
}
@media (max-width: 1103px) {
  .introduce.-home .introduce__tab-tip {
    width: 100%;
    padding: 10px 8px 18px 8px;
  }
}
@media (max-width: 767px) {
  .introduce.-home .introduce__tab-tip {
    padding: 5px 0 9px 0;
  }
}
.introduce__tab-tip-key {
  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;
}
.introduce__tab-tip-key:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 36px;
  margin-right: 6px;
  background: url("../../images/bem/introduce/introduce__tab-tip-key--before.jpg") center/contain no-repeat;
  -webkit-animation: blink 0.8s step-end infinite;
          animation: blink 0.8s step-end infinite;
}
@-webkit-keyframes blink {
  50% {
    opacity: 0;
  }
}
@keyframes blink {
  50% {
    opacity: 0;
  }
}
.introduce__tab-tip-key > img {
  width: auto !important;
}
.introduce__tab-tip-value {
  margin-top: 10px;
  font-family: "SCDream4";
  font-size: 16px;
  color: #1b1b1b;
  text-align: center;
  line-height: 20px;
  letter-spacing: -0.025em;
}
.introduce.-home .introduce__tab-tip-value {
  margin-top: 14px;
  font-size: 20px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  .introduce.-home .introduce__tab-tip-value {
    margin-top: 10px;
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 767px) {
  .introduce.-home .introduce__tab-tip-value {
    margin-top: 5px;
    font-size: 12px;
    line-height: 16px;
  }
}
.introduce__tab-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 270px;
  height: 58px;
  margin: 0 auto;
  border-radius: 10px;
  background-color: #1b1b1b;
  font-family: "SCDream5";
  font-size: 22px !important;
  color: #fff;
  line-height: 36px;
  letter-spacing: -0.025em;
}
.introduce__tab-link:after {
  content: "";
  right: 72px;
  width: 10px;
  height: 16px;
  margin-left: 18px;
  background: url("../../images/bem/introduce/introduce__tab-link--after.jpg") center/contain no-repeat;
}
@media (max-width: 1023px) {
  .introduce__tab-list {
    height: 85px;
  }
  .introduce__tab-button {
    display: block;
    font-size: 28px;
    line-height: 34px;
  }
  .introduce__tab-button:before {
    display: none;
  }
  .introduce__tab-button[aria-selected=true] {
    height: 95px;
  }
  .introduce__tab-item.swiper-pagination-bullet-active > .introduce__tab-button {
    height: 95px;
  }
  .introduce__tab-button .-break {
    display: block;
    width: 0;
  }
  .introduce__tab-panel {
    padding: 54px 0 60px 0;
  }
  .introduce__tab-title {
    font-size: 32px;
    line-height: 40px;
  }
  .introduce__tab-container {
    display: block;
    height: auto;
    margin-top: 40px;
    padding: 0 30px;
  }
  .introduce__tab-content {
    margin: unset;
  }
  .introduce__tab-content:nth-of-type(2) {
    margin-top: 40px;
  }
  .introduce__tab-preview {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
  }
  .introduce__tab-preview > img {
    max-width: 100%;
  }
  .introduce__tab-tip {
    width: 100%;
    height: auto;
    padding: 12px 0 16px 0;
  }
  .introduce__tab-tip:before {
    display: none;
  }
  .introduce__tab-tip-key:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 42px;
  }
  .introduce__tab-tip-key > img {
    width: auto;
    height: 42px;
  }
  .introduce__tab-tip-value {
    font-size: 24px;
    line-height: 32px;
  }
  .introduce__tab-link {
    width: 336px;
    height: 72px;
    margin: 30px auto 0 auto;
    font-size: 28px !important;
  }
  .introduce__tab-link:after {
    right: 92px;
    width: 14px;
    height: 24px;
  }
}
@media (max-width: 719px) {
  .introduce__tab-list {
    height: 42px;
  }
  .introduce__tab-button {
    font-size: 14px;
    line-height: 16px;
  }
  .introduce__tab-button[aria-selected=true] {
    height: 48px;
    margin-top: -5px;
    border-radius: 5px 5px 0 0;
  }
  .introduce__tab-item.swiper-pagination-bullet-active > .introduce__tab-button {
    height: 48px;
    margin-top: -5px;
    border-radius: 5px 5px 0 0;
  }
  .introduce__tab-panel {
    padding: 28px 0 30px 0;
  }
  .introduce__tab-title {
    font-size: 16px;
    line-height: 20px;
  }
  .introduce__tab-container {
    margin-top: 20px;
    padding: 0 15px;
  }
  .introduce__tab-content:nth-of-type(2) {
    margin-top: 20px;
  }
  .introduce__tab-tip {
    padding: 6px 0 8px 0;
    border-radius: 10px;
  }
  .introduce__tab-tip-key:before {
    width: 12px;
    height: 20px;
    margin-right: 3px;
  }
  .introduce__tab-tip-key > img {
    height: 20px;
  }
  .introduce__tab-tip-value {
    margin-top: 5px;
    font-size: 12px;
    line-height: 16px;
  }
  .introduce__tab-link {
    width: 168px;
    height: 36px;
    margin: 15px auto 0 auto;
    border-radius: 5px;
    font-size: 14px !important;
    line-height: 18px;
  }
  .introduce__tab-link:after {
    width: 8px;
    height: 12px;
    margin-left: 8px;
  }
}
.introduce__carousel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 324px;
  -webkit-animation: panoramaPC linear 44s infinite;
          animation: panoramaPC linear 44s infinite;
}
.introduce__carousel:hover {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
@-webkit-keyframes panoramaPC {
  to {
    -webkit-transform: translateX(-3520px);
            transform: translateX(-3520px);
  }
}
@keyframes panoramaPC {
  to {
    -webkit-transform: translateX(-3520px);
            transform: translateX(-3520px);
  }
}
.introduce.-home .introduce__carousel {
  margin-top: 104px;
}
@media (max-width: 1103px) {
  .introduce.-home .introduce__carousel {
    margin-top: 98px;
  }
}
@media (max-width: 767px) {
  .introduce.-home .introduce__carousel {
    margin-top: 49px;
  }
}
.introduce__carousel-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 3520px;
  height: 100%;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
.introduce__carousel-item {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 334px;
  height: 100%;
  margin-right: 20px;
  padding: 0 28px;
  border-radius: 20px;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.introduce__carousel-item:hover {
  -webkit-filter: drop-shadow(0px 0px 8px rgb(255, 255, 255));
          filter: drop-shadow(0px 0px 8px rgb(255, 255, 255));
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
}
.introduce__carousel-profile {
  display: block;
  overflow: hidden;
  width: 82px;
  height: 82px;
  margin: -41px auto 0 auto;
  border-radius: 100%;
}
.introduce__carousel-profile > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.introduce__carousel-title {
  font-family: "Pretendard";
  font-size: 18px;
  font-weight: 500;
  color: #1b1b1b;
  text-align: center;
  line-height: 38px;
}
.introduce.-home .introduce__carousel-title {
  font-weight: 600;
}
.introduce__carousel-description {
  font-family: "Pretendard";
  font-size: 16px;
  font-weight: 300;
  color: #1b1b1b;
  text-align: left;
  line-height: 24px;
}
.introduce__carousel-description .-highlight {
  display: inline;
  vertical-align: top;
  background-color: #c5ffff;
  font-family: inherit;
  font-size: inherit;
  font-weight: 700;
  color: inherit;
  text-align: inherit;
  line-height: inherit;
}
@media (max-width: 1103px) {
  .introduce.-home .introduce__carousel-description {
    letter-spacing: -0.07em;
  }
}
@media (max-width: 767px) {
  .introduce.-home .introduce__carousel-description {
    letter-spacing: -0.08em;
  }
}
.introduce__carousel-notice {
  opacity: 0.5;
  margin-top: 8px;
  font-family: "Pretendard";
  font-size: 16px;
  font-weight: 300;
  color: #222;
  text-align: right;
  line-height: 38px;
}
.introduce.-home .introduce__carousel-notice {
  width: 1104px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 1103px) {
  .introduce.-home .introduce__carousel-notice {
    width: 100%;
    padding: 0 40px;
  }
}
@media (max-width: 767px) {
  .introduce.-home .introduce__carousel-notice {
    padding: 0 20px;
  }
}
@media (max-width: 1023px) {
  .introduce__carousel {
    height: 480px;
    -webkit-animation: panoramaTA linear 44s infinite;
            animation: panoramaTA linear 44s infinite;
  }
  @-webkit-keyframes panoramaTA {
    to {
      -webkit-transform: translateX(-5560px);
              transform: translateX(-5560px);
    }
  }
  @keyframes panoramaTA {
    to {
      -webkit-transform: translateX(-5560px);
              transform: translateX(-5560px);
    }
  }
  .introduce__carousel-list {
    width: 5560px;
  }
  .introduce__carousel-item {
    width: 538px;
    padding: 0 36px;
  }
  .introduce__carousel-profile {
    width: 108px;
    height: 108px;
    margin-top: -54px;
  }
  .introduce__carousel-title {
    margin: 8px 0 4px 0;
    font-size: 30px;
    line-height: 44px;
  }
  .introduce__carousel-description {
    font-size: 28px;
    line-height: 38px;
  }
  .introduce__carousel-notice {
    margin-top: 12px;
    font-size: 26px;
  }
}
@media (max-width: 719px) and (max-width: 1023px) {
  .introduce__carousel {
    height: 240px;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
    -webkit-animation: panoramaMO linear 44s infinite;
            animation: panoramaMO linear 44s infinite;
  }
  @-webkit-keyframes panoramaMO {
    to {
      -webkit-transform: translateX(-2770px);
              transform: translateX(-2770px);
    }
  }
  @keyframes panoramaMO {
    to {
      -webkit-transform: translateX(-2770px);
              transform: translateX(-2770px);
    }
  }
  .introduce__carousel-list {
    width: 2770px;
  }
  .introduce__carousel-item {
    width: 268px;
    margin-right: 10px;
    padding: 0 18px;
    border-radius: 10px;
  }
  .introduce__carousel-profile {
    width: 54px;
    height: 54px;
    margin-top: -28px;
  }
  .introduce__carousel-title {
    font-size: 16px;
    line-height: 22px;
  }
  .introduce__carousel-description {
    font-size: 14px;
    line-height: 20px;
  }
  .introduce__carousel-notice {
    margin-top: 6px;
    font-size: 14px;
  }
}
.introduce-popup {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
}
.introduce-popup__preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: auto;
  width: 100%;
  height: 100%;
}
.introduce-popup__preview > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.introduce__home-section {
  width: 100%;
  height: 100%;
}
.introduce__home-article {
  width: 100%;
  height: 100%;
  padding: 94px 0 54px 0;
  background-color: #ffe777;
}
@media (max-width: 1103px) {
  .introduce__home-article {
    padding: 94px 0;
  }
}
@media (max-width: 767px) {
  .introduce__home-article {
    padding: 47px 0;
  }
}
.introduce__home-content {
  width: 1104px;
  height: auto;
  margin: 0 auto;
}
@media (max-width: 1103px) {
  .introduce__home-content {
    width: 100%;
    margin: unset;
    padding: 0 40px;
  }
}
@media (max-width: 767px) {
  .introduce__home-content {
    padding: 0 20px;
  }
}
.introduce__home-heading {
  font-size: 50px;
  font-weight: 900;
  color: #222;
  text-align: center;
  line-height: 64px;
}
.introduce__home-heading .-em {
  display: inline-block;
  vertical-align: top;
  font-family: inherit;
  font-size: inherit;
  color: #ff5a11;
  text-align: inherit;
}
.introduce__home-heading.-em {
  color: #222;
}
.introduce__home-heading.-em .-em {
  color: #ff7200;
}
@media (max-width: 1103px) {
  .introduce__home-heading {
    font-size: 52px;
  }
  .introduce__home-heading.-em {
    font-size: 52px;
  }
}
@media (max-width: 767px) {
  .introduce__home-heading {
    font-size: 26px;
    line-height: 32px;
  }
  .introduce__home-heading.-em {
    font-size: 26px;
  }
}

.container {
  padding-top: 106px !important;
}
@media (max-width: 1023px) {
  .container {
    padding-top: 114px !important;
  }
}
@media (max-width: 749px) {
  .container {
    padding-top: 58px !important;
  }
}

.renew {
  width: 100%;
  height: auto;
}
.renew-header {
  position: absolute;
  z-index: 11;
  top: 0;
  width: 100%;
  height: auto;
  background-color: rgba(255, 0, 0, 0.2);
}
.renew-header__utility {
  width: 100%;
  height: 36px;
  background-color: #182848;
}
@media (max-width: 1023px) {
  .renew-header__utility {
    display: none;
  }
}
.renew-header__utility-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1390px;
  height: 100%;
  margin: 0 auto;
}
@media (max-width: 1429px) {
  .renew-header__utility-content {
    width: 100%;
    padding: 0 20px;
  }
}
.renew-header__utility-bookmark {
  display: inline-block;
  vertical-align: top;
  font-family: "NanumSquare";
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  white-space: nowrap;
}
.renew-header__utility-notification {
  display: inline-block;
  vertical-align: top;
  width: 468px;
  height: 100%;
  margin-left: 132px;
}
@media (max-width: 1429px) {
  .renew-header__utility-notification {
    width: auto;
    max-width: 24vw;
    margin-left: 20px;
  }
}
.renew-header__utility-notification [data-carousel-name=notification] {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.renew-header__utility-notification [data-carousel-name=notification] .swiper-slide {
  width: 100%;
  height: 100%;
}
.renew-header__utility-notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}
.renew-header__utility-notice .-key {
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
  font-family: "NanumSquare";
  font-size: 12.5px;
  font-weight: 800;
  color: #19fffc;
  white-space: nowrap;
}
.renew-header__utility-notice .-value {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 24px;
  font-family: "NanumSquare";
  font-size: 12.5px;
  font-weight: 400;
  color: #fff;
}
.renew-header__utility-notice.-new .-value {
  position: relative;
}
.renew-header__utility-notice.-new .-value:after {
  content: "N";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  height: 16px;
  margin-left: -16px;
  border-radius: 2px;
  background-color: #de182b;
  font-family: "NanumSquare";
  font-size: 12px;
  font-weight: 800;
  color: #fff;
}
.renew-header__utility-menu {
  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;
  margin-left: auto;
}
.renew-header__utility-member {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 12px;
  font-family: "NanumSquare" !important;
  font-size: 12px !important;
  font-weight: 400;
  color: #fff !important;
}
.renew-header__utility-member:before {
  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: 38px;
  height: 20px;
  margin-right: 6px;
  border: 1px solid #35cdff;
  border-radius: 20px;
  font-family: "NanumSquare";
  font-size: 12px;
  font-weight: 400;
  color: #35cdff;
}
.renew-header__utility-member.-grade1:before {
  content: "중1";
}
.renew-header__utility-member.-grade2:before {
  content: "중2";
}
.renew-header__utility-member.-grade3:before {
  content: "중3";
}
.renew-header__utility-list {
  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;
}
.renew-header__utility-list + .renew-header__utility-list:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 1px;
  height: 12px;
  margin: 0 12px;
  background-color: #fff;
}
.renew-header__utility-item {
  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;
}
.renew-header__utility-item + .renew-header__utility-item:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 2px;
  height: 2px;
  margin: 0 8px;
  background-color: #fff;
}
.renew-header__utility-link {
  display: block;
  font-family: "NanumSquare" !important;
  font-size: 12px !important;
  font-weight: 400;
  color: #fff !important;
}
.renew-header__navigation {
  width: 100%;
  height: 70px;
  background-color: #2c4578;
}
@media (max-width: 1023px) {
  .renew-header__navigation {
    height: 114px;
  }
}
@media (max-width: 749px) {
  .renew-header__navigation {
    height: 58px;
  }
}
.renew-header__navigation-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 1390px;
  height: 100%;
  margin: 0 auto;
}
@media (max-width: 1429px) {
  .renew-header__navigation-content {
    width: 100%;
    padding: 0 20px;
  }
}
@media (max-width: 1023px) {
  .renew-header__navigation-content {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 40px;
  }
}
@media (max-width: 749px) {
  .renew-header__navigation-content {
    padding: 0 20px;
  }
}
.renew-header__navigation-logo {
  display: inline-block;
  vertical-align: top;
  width: 92px;
  height: 47px;
}
.renew-header__navigation-logo > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1023px) {
  .renew-header__navigation-logo {
    width: 120px;
    height: 61px;
  }
}
@media (max-width: 749px) {
  .renew-header__navigation-logo {
    width: 60px;
    height: 30.5px;
  }
}
.renew-header__navigation-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
  height: 100%;
}
@media (max-width: 1023px) {
  .renew-header__navigation-list {
    display: none;
  }
}
.renew-header__navigation-item {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  min-width: 182px;
  height: 100%;
}
.renew-header__navigation-item:hover:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #35cdff;
}
.renew-header__navigation-item.-active:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #35cdff;
}
.renew-header__navigation-link {
  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: 100%;
  font-family: "NanumSquare" !important;
  font-size: 18px !important;
  font-weight: 600;
  color: #fff !important;
}
.renew-header__navigation-link.-AI:after {
  content: "";
  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: 45px;
  height: 22px;
  margin-top: -2px;
  margin-left: 10px;
  border-radius: 18px;
  background: url("../../images/bem/renew/@common__ai-gnb.jpg") center/contain no-repeat;
}
.renew-header__navigation-depth {
  display: none;
  position: absolute;
  top: 100%;
  width: 100%;
  height: auto;
  background-color: #2c4578;
  -webkit-box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.35);
          box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.35);
}
.renew-header__navigation-item:hover .renew-header__navigation-depth {
  display: block;
}
.renew-header__navigation-depth-list {
  width: 100%;
  height: auto;
}
.renew-header__navigation-depth-item {
  width: 100%;
  height: auto;
}
.renew-header__navigation-depth-link {
  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: auto;
  padding: 8px;
  font-family: "NanumSquare" !important;
  font-size: 16px !important;
  font-weight: 400;
  color: #fff !important;
  text-align: center;
  line-height: 24px;
}
.renew-header__navigation-depth-link:hover {
  font-weight: 800 !important;
  background-color: #3f62ab;
}
.renew-header__navigation-depth-item.-active .renew-header__navigation-depth-link {
  font-weight: 800 !important;
  background-color: #3f62ab;
}
@media (max-width: 1023px) {
  .renew-header__navigation-extension {
    display: none;
  }
}
.renew-header__navigation-extension-trigger {
  display: block;
  position: relative;
  z-index: 1;
  width: 28px;
  height: 18px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.renew-header__navigation-extension-trigger:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px;
  background-color: #fff;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.renew-header__navigation-extension-trigger[aria-expanded=true] {
  border: none;
  width: 24px;
  height: 24px;
}
.renew-header__navigation-extension-trigger[aria-expanded=true]:before {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.renew-header__navigation-extension-trigger[aria-expanded=true]:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px;
  background-color: #fff;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.renew-header__navigation-extension-target {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  background: #111c32 url("../../images/bem/renew/renew-header__navigation-extension-content--before.png") right bottom/424px 92px no-repeat;
}
.renew-header__navigation-extension-target:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background-color: #111c32;
}
.renew-header__navigation-extension-target[aria-hidden=false] {
  display: block;
}
.renew-header__navigation-extension-heading {
  width: 100%;
  height: 70px;
  padding-left: 144px;
  background-color: #2c4578;
  font-family: "NanumSquare";
  font-size: 20px;
  font-weight: 800;
  color: #fff;
  text-align: left;
  line-height: 70px;
}
@media (max-width: 1429px) {
  .renew-header__navigation-extension-heading {
    padding: 0 20px;
  }
}
.renew-header__navigation-extension-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 1160px;
  height: auto;
  margin: 0 auto;
  padding: 30px 0;
  list-style: none;
}
@media (max-width: 1429px) {
  .renew-header__navigation-extension-content {
    width: 100%;
  }
}
.renew-header__navigation-extension-group {
  position: relative;
  width: 220px;
  height: auto;
  min-height: 196px;
  padding: 0 30px;
}
.renew-header__navigation-extension-group + .renew-header__navigation-extension-group:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
}
.renew-header__navigation-extension-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "NanumSquare" !important;
  font-size: 18px !important;
  font-weight: 800;
  color: #fff !important;
}
.renew-header__navigation-extension-title.-AI:after {
  content: "";
  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: 36px;
  height: 18px;
  margin-top: -4px;
  margin-left: 10px;
  border-radius: 18px;
  background: url("../../images/bem/renew/@common__ai-2depth.jpg") center/contain no-repeat;
}
.renew-header__navigation-extension-list {
  margin-top: 24px;
}
.renew-header__navigation-extension-item + .renew-header__navigation-extension-item {
  margin-top: 18px;
}
.renew-header__navigation-extension-link {
  display: block;
  font-family: "NanumSquare" !important;
  font-size: 16px !important;
  font-weight: 400;
  color: #fff !important;
  text-align: left !important;
}
.renew-header__hamburger {
  display: none;
}
@media (max-width: 1023px) {
  .renew-header__hamburger {
    display: block;
  }
}
.renew-header__hamburger-trigger {
  display: block;
  position: relative;
  z-index: 1000000;
  width: 48px;
  height: 40px;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
}
.renew-header__hamburger-trigger:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 32px;
  height: 3px;
  background-color: #fff;
}
.renew-header__hamburger-trigger[aria-expanded=true] {
  position: fixed;
  top: 110px;
  right: 40px;
  width: 40px;
  height: 40px;
  border-top: unset;
  border-bottom: unset;
}
.renew-header__hamburger-trigger[aria-expanded=true]:before {
  width: 100%;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.renew-header__hamburger-trigger[aria-expanded=true]:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transform: translateY(-50%) rotate(-45deg);
      -ms-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  width: 100%;
  height: 3px;
  background-color: #fff;
}
@media (max-width: 749px) {
  .renew-header__hamburger-trigger {
    width: 24px;
    height: 20px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  .renew-header__hamburger-trigger:before {
    width: 16px;
    height: 1px;
  }
  .renew-header__hamburger-trigger[aria-expanded=true] {
    top: 50px;
    right: 20px;
    width: 28px;
    height: 28px;
  }
  .renew-header__hamburger-trigger[aria-expanded=true]:before, .renew-header__hamburger-trigger[aria-expanded=true]:after {
    height: 1px;
  }
}
.renew-header__hamburger-target {
  display: none;
  position: fixed;
  z-index: 999999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.renew-header__hamburger-target[aria-hidden=false] {
  display: block;
}
.renew-header__hamburger-notification {
  width: 100%;
  height: 70px;
  padding: 0 40px;
  background-color: #182848;
}
.renew-header__hamburger-notification [data-carousel-name=notification-in-hamburger] {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.renew-header__hamburger-notification [data-carousel-name=notification-in-hamburger] .swiper-slide {
  width: 100%;
  height: 100%;
}
@media (max-width: 749px) {
  .renew-header__hamburger-notification {
    height: 34px;
    padding: 0 20px;
  }
}
.renew-header__hamburger-notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}
.renew-header__hamburger-notice .-key {
  display: inline-block;
  vertical-align: top;
  margin-right: 14px;
  font-family: "NanumSquare";
  font-size: 24px;
  font-weight: 800;
  color: #19fffc;
  white-space: nowrap;
}
.renew-header__hamburger-notice .-value {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "NanumSquare";
  font-size: 24px;
  font-weight: 400;
  color: #fff;
}
.renew-header__hamburger-notice.-new .-value {
  position: relative;
  padding-right: 40px;
}
.renew-header__hamburger-notice.-new .-value:after {
  content: "N";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 26px;
  height: 26px;
  margin-left: 14px;
  border-radius: 4px;
  background-color: #de182b;
  font-family: "NanumSquare";
  font-size: 18px;
  font-weight: 800;
  color: #fff;
}
@media (max-width: 749px) {
  .renew-header__hamburger-notice .-key {
    margin-right: 8px;
    font-size: 12px;
  }
  .renew-header__hamburger-notice .-value {
    font-size: 12px;
  }
  .renew-header__hamburger-notice.-new .-value {
    padding-right: 20px;
  }
  .renew-header__hamburger-notice.-new .-value:after {
    width: 12px;
    height: 12px;
    margin-left: 8px;
    border-radius: 2px;
    font-size: 10px;
  }
}
.renew-header__hamburger-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;
  width: 100%;
  height: 124px;
  padding: 0 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.28);
  background-color: #2c4578;
}
@media (max-width: 749px) {
  .renew-header__hamburger-status {
    height: 62px;
    padding: 0 20px;
  }
}
.renew-header__hamburger-status-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.renew-header__hamburger-status-group:first-child {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.renew-header__hamburger-status-group:last-child {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-right: 70px;
}
@media (max-width: 749px) {
  .renew-header__hamburger-status-group:last-child {
    margin-right: 34px;
  }
}
@media (max-width: 375px) {
  .renew-header__hamburger-status-group:last-child {
    margin-right: 44px;
  }
}
.renew-header__hamburger-status-member {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "NanumSquare" !important;
  font-size: 34px !important;
  font-weight: 800;
  color: #fff !important;
}
.renew-header__hamburger-status-member:not(a):before {
  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: 88px;
  height: 44px;
  margin-right: 14px;
  border: 2px solid #35cdff;
  border-radius: 44px;
  font-family: "NanumSquare";
  font-size: 28px;
  font-weight: 800;
  color: #35cdff;
}
.renew-header__hamburger-status-member:not(a).-grade1:before {
  content: "중1";
}
.renew-header__hamburger-status-member:not(a).-grade2:before {
  content: "중2";
}
.renew-header__hamburger-status-member:not(a).-grade3:before {
  content: "중3";
}
@media (max-width: 749px) {
  .renew-header__hamburger-status-member {
    font-size: 18px !important;
  }
  .renew-header__hamburger-status-member:not(a):before {
    width: 44px;
    height: 22px;
    margin-right: 8px;
    border: 1px solid #35cdff;
    border-radius: 22px;
    font-size: 14px;
  }
}
@media (max-width: 375px) {
  .renew-header__hamburger-status-member {
    font-size: 12px !important;
  }
  .renew-header__hamburger-status-member:not(a):before {
    width: 32px;
    height: 16px;
    border-radius: 16px;
    font-size: 12px;
  }
}
.renew-header__hamburger-status-link {
  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;
  font-family: "NanumSquare" !important;
  font-size: 30px !important;
  font-weight: 400;
  color: #fff !important;
}
.renew-header__hamburger-status-link + .renew-header__hamburger-status-link:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  position: unset;
  width: 4px;
  height: 4px;
  margin: 0 20px;
  background-color: #fff;
}
@media (max-width: 749px) {
  .renew-header__hamburger-status-link {
    font-size: 16px !important;
  }
}
@media (max-width: 375px) {
  .renew-header__hamburger-status-link {
    font-size: 10px !important;
  }
  .renew-header__hamburger-status-link + .renew-header__hamburger-status-link:before {
    width: 2px;
    height: 2px;
    margin: 0 8px;
  }
}
.renew-header__hamburger-menu {
  overflow: hidden auto;
  width: 100%;
  height: calc(100% - 194px);
}
@media (max-width: 749px) {
  .renew-header__hamburger-menu {
    height: calc(100% - 96px);
  }
}
.renew-header__hamburger-list {
  width: 100%;
  height: auto;
}
.renew-header__hamburger-1depth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  height: 118px;
  padding: 0 40px;
  background-color: #182848;
  font-family: "NanumSquare" !important;
  font-size: 38px !important;
  font-weight: 400;
  color: #fff !important;
}
.renew-header__hamburger-1depth:is(button):before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 40px;
  width: 32px;
  height: 3px;
  background-color: #fff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.renew-header__hamburger-1depth:is(button):after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 54px;
  width: 3px;
  height: 32px;
  background-color: #fff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.renew-header__hamburger-1depth .-AI {
  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: 64px;
  height: 36px;
  margin-left: 22px;
  border-radius: 36px;
  font-size: 0;
  background: url("../../images/bem/renew/@common__ai-hamburger.jpg") center/contain no-repeat;
}
.renew-header__hamburger-1depth[aria-expanded=true] {
  background-color: #2c4578;
  font-weight: 800;
}
.renew-header__hamburger-1depth[aria-expanded=true]:before {
  width: 30px;
  height: 4px;
}
.renew-header__hamburger-1depth[aria-expanded=true]:after {
  display: none;
}
@media (max-width: 749px) {
  .renew-header__hamburger-1depth {
    height: 64px;
    font-size: 20px !important;
  }
  .renew-header__hamburger-1depth:is(button):before {
    right: 20px;
    width: 16px;
    height: 1px;
  }
  .renew-header__hamburger-1depth:is(button):after {
    right: 28px;
    width: 1px;
    height: 16px;
  }
  .renew-header__hamburger-1depth .-AI {
    width: 32px;
    height: 18px;
    margin-left: 10px;
    border-radius: 18px;
  }
  .renew-header__hamburger-1depth[aria-expanded=true]:before {
    width: 16px;
    height: 2px;
  }
}
.renew-header__hamburger-depth-list {
  display: none;
  width: 100%;
  height: auto;
  padding: 20px 76px;
  background-color: #182848;
}
.renew-header__hamburger-depth-list[aria-hidden=false] {
  display: block;
}
@media (max-width: 749px) {
  .renew-header__hamburger-depth-list {
    padding: 10px 38px;
  }
}
.renew-header__hamburger-depth-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0.8;
  font-family: "NanumSquare" !important;
  font-size: 32px !important;
  font-weight: 400;
  color: #fff !important;
  line-height: 70px;
}
.renew-header__hamburger-depth-item.-active .renew-header__hamburger-depth-link {
  opacity: 1;
  font-weight: 800;
}
@media (max-width: 749px) {
  .renew-header__hamburger-depth-link {
    font-size: 16px !important;
    line-height: 36px;
  }
}
.renew-header__hamburger-bundle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.renew-header__hamburger-link {
  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: 50%;
  height: 100px;
  font-family: "NanumSquare" !important;
  font-size: 38px !important;
  font-weight: 800;
  color: #222 !important;
  letter-spacing: -0.02em;
}
.renew-header__hamburger-link:nth-of-type(odd) {
  background-color: #f1f6ff;
}
.renew-header__hamburger-link:nth-of-type(even) {
  background-color: #e3eeff;
}
@media (max-width: 749px) {
  .renew-header__hamburger-link {
    height: 50px;
    font-size: 18px !important;
  }
}
.renew-section {
  width: 1100px;
  height: auto;
  margin: 0 auto;
}
@media (max-width: 1180px) {
  .renew-section {
    width: 100%;
    margin: unset;
    padding: 0 40px;
  }
}
@media (max-width: 749px) {
  .renew-section {
    padding: 0 20px;
  }
}
.renew-section__showcase {
  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: auto;
  padding: 52px 0;
}
.renew-section__showcase.-hasLink {
  position: relative;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.renew-section__showcase-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  right: 0;
  width: auto;
  height: 40px;
  padding: 0 14px;
  border-radius: 10px;
  background-color: #fff;
  font-family: "NanumSquare";
  font-size: 16px !important;
  font-weight: 800;
  color: #222;
  line-height: 1;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.renew-section__showcase-link:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 7px;
  height: 12px;
  margin-left: 12px;
  background: url("../../images/bem/renew/renew-section__showcase-link--after.jpg") center/contain no-repeat;
}
.renew-section__showcase-content:nth-of-type(1) > img {
  display: block;
  height: auto;
}
.renew-section__showcase-content:nth-of-type(1) > img.-type1 {
  width: 86px;
}
.renew-section__showcase-content:nth-of-type(1) > img.-type2 {
  width: 100px;
}
.renew-section__showcase-content:nth-of-type(1) > img.-type3 {
  width: 105px;
}
.renew-section__showcase-content:nth-of-type(1) > img.-type4 {
  width: 84px;
}
.renew-section__showcase-content:nth-of-type(2) {
  margin-left: 28px;
}
.renew-section__showcase-title {
  width: 100%;
  height: auto;
  font-family: "NanumSquare";
  font-size: 28px;
  font-weight: 800;
  color: #35cdff;
  line-height: 24px;
}
.renew-section__showcase-description {
  width: 100%;
  height: auto;
  margin-top: 16px;
  font-family: "NanumSquare";
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  line-height: 28px;
}
.renew-section__showcase-description .-break {
  display: inline-block;
  vertical-align: top;
  width: 4px;
  height: auto;
}
@media (max-width: 1024px) {
  .renew-section__showcase {
    display: block;
    padding: 100px 0;
  }
  .renew-section__showcase-link {
    position: unset;
    height: 80px;
    margin-top: 52px;
    padding: 0 40px;
    border-radius: 20px;
    font-size: 32px !important;
    -webkit-transform: unset;
        -ms-transform: unset;
            transform: unset;
  }
  .renew-section__showcase-link:after {
    width: 15px;
    height: 24px;
    margin-left: 56px;
  }
  .renew-section__showcase-content:nth-of-type(1) > img {
    margin: 0 auto;
  }
  .renew-section__showcase-content:nth-of-type(1) > img.-type1 {
    width: auto;
  }
  .renew-section__showcase-content:nth-of-type(1) > img.-type2 {
    width: auto;
  }
  .renew-section__showcase-content:nth-of-type(1) > img.-type3 {
    width: auto;
  }
  .renew-section__showcase-content:nth-of-type(1) > img.-type4 {
    width: auto;
  }
  .renew-section__showcase-content:nth-of-type(2) {
    margin-top: 32px;
    margin-left: unset;
  }
  .renew-section__showcase-title {
    font-size: 46px;
    text-align: center;
    line-height: 48px;
  }
  .renew-section__showcase-description {
    margin-top: 20px;
    font-size: 30px;
    text-align: center;
    line-height: 44px;
  }
  .renew-section__showcase-description .-break {
    display: block;
    width: auto;
    height: auto;
  }
}
@media (max-width: 749px) {
  .renew-section__showcase {
    padding: 50px 0;
  }
  .renew-section__showcase-link {
    height: 40px;
    margin-top: 26px;
    padding: 0 20px;
    border-radius: 10px;
    font-size: 16px !important;
  }
  .renew-section__showcase-link:after {
    width: 8px;
    height: 12px;
    margin-left: 28px;
  }
  .renew-section__showcase-content:first-child > img.-type1 {
    width: 84px;
  }
  .renew-section__showcase-content:first-child > img.-type2 {
    width: 96.5px;
  }
  .renew-section__showcase-content:first-child > img.-type3 {
    width: 106px;
  }
  .renew-section__showcase-content:first-child > img.-type4 {
    width: 84.5px;
  }
  .renew-section__showcase-content:last-child {
    margin-top: 16px;
  }
  .renew-section__showcase-title {
    font-size: 22px;
    line-height: 24px;
  }
  .renew-section__showcase-description {
    margin-top: 10px;
    font-size: 16px;
    line-height: 22px;
  }
}
.renew-section__fieldset {
  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: 28px 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.renew-section__fieldset-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 5px;
}
.renew-section__fieldset-field:first-child {
  margin-right: 23px;
}
.renew-section__fieldset-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 358px;
  height: 42px;
  margin-right: 10px;
  padding: 0 52px 0 18px;
  border-radius: 10px;
  background-color: #fff;
  font-family: "NanumSquare";
  font-size: 16px;
  font-weight: normal;
  color: #222;
}
.renew-section__fieldset-search:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 18px;
  width: 18px;
  height: 18px;
  background: url("../../images/bem/renew/renew-section__fieldset-search--after.jpg") center/contain no-repeat;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.renew-section__fieldset-tooltip {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.renew-section__fieldset-tooltip-trigger {
  display: block;
  position: relative;
  width: 170px;
  height: 42px;
  padding: 0 48px 0 22px;
  border-radius: 10px;
  background-color: #fff;
  font-family: "NanumSquare";
  font-size: 16px;
  font-weight: 400;
  color: #222;
  text-align: left;
}
.renew-section__fieldset-tooltip-trigger:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 8px;
  background: url("../../images/bem/renew/renew-section__fieldset-select--appearance.jpg") center/contain no-repeat;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.renew-section__fieldset-tooltip.-contrast .renew-section__fieldset-tooltip-trigger {
  opacity: 0.2;
  width: 130px;
  padding-left: unset;
  padding-right: 58px;
  background-color: #2c4578;
  color: #fff;
  text-align: right;
}
.renew-section__fieldset-tooltip.-contrast .renew-section__fieldset-tooltip-trigger:after {
  right: 40px;
  background-image: url("../../images/bem/renew/renew-section__fieldset-select--appearance--contrast.jpg");
}
.renew-section__fieldset-tooltip.-contrast.-active .renew-section__fieldset-tooltip-trigger {
  opacity: 1;
}
.renew-section__fieldset-tooltip-target {
  display: none;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  top: 100%;
  width: 100%;
  height: auto;
  margin-top: 4px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 1px 3px 7px 0 rgba(0, 0, 0, 0.35);
          box-shadow: 1px 3px 7px 0 rgba(0, 0, 0, 0.35);
}
.renew-section__fieldset-tooltip-target[aria-hidden=false] {
  display: block;
}
.renew-section__fieldset-tooltip.-contrast .renew-section__fieldset-tooltip-target {
  background-color: #2c4578;
}
.renew-section__fieldset-tooltip-button {
  display: block;
  width: 100%;
  height: 40px;
  padding: 0 22px;
  background-color: #fff;
  font-family: "NanumSquare";
  font-size: 16px;
  font-weight: 400;
  color: #222;
  text-align: left;
}
.renew-section__fieldset-tooltip-button.-active {
  background-color: #cfdbf3;
  font-weight: 800;
}
.renew-section__fieldset-tooltip-button:hover {
  background-color: #cfdbf3;
  font-weight: 800;
}
.renew-section__fieldset-tooltip.-contrast .renew-section__fieldset-tooltip-button {
  background-color: #2c4578;
  color: #fff;
  text-align: center;
}
.renew-section__fieldset-tooltip.-contrast .renew-section__fieldset-tooltip-button.-active {
  background-color: #3f62ab;
}
.renew-section__fieldset-tooltip.-contrast .renew-section__fieldset-tooltip-button:hover {
  background-color: #3f62ab;
}
.renew-section__fieldset-label {
  cursor: pointer;
  opacity: 0.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 130px;
  height: 40px;
  border-radius: 10px;
  background-color: #395897;
  font-family: "NanumSquare";
  font-size: 16px;
  font-weight: 800;
  color: #fff;
}
.renew-section__fieldset-radio:checked ~ .renew-section__fieldset-label {
  opacity: 1;
}
@media (max-width: 1023px) {
  .renew-section__fieldset {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 60px 0;
  }
  .renew-section__fieldset-field {
    display: block;
    width: calc((100% - 20px) / 3);
    margin: 10px 10px 0 0;
  }
  .renew-section__fieldset-field:first-child {
    width: 100%;
    margin: unset;
  }
  .renew-section__fieldset-field:last-child {
    margin-right: unset;
  }
  .renew-section__fieldset-search {
    width: 100%;
    height: 80px;
    margin-right: unset;
    margin-bottom: 10px;
    padding: 0 80px 0 30px;
    border-radius: 20px;
    font-size: 32px;
  }
  .renew-section__fieldset-search:after {
    right: 32px;
  }
  .renew-section__fieldset-tooltip {
    width: 100%;
  }
  .renew-section__fieldset-tooltip-trigger {
    width: 100%;
    height: 80px;
    padding: 0 80px 0 30px;
    border-radius: 20px;
    font-size: 32px;
  }
  .renew-section__fieldset-tooltip-trigger:after {
    right: 30px;
    width: 20px;
    height: 12px;
  }
  .renew-section__fieldset-tooltip.-contrast .renew-section__fieldset-tooltip-trigger {
    width: 100%;
    padding: unset;
    text-align: center;
  }
  .renew-section__fieldset-tooltip.-contrast .renew-section__fieldset-tooltip-trigger:after {
    right: 28px;
  }
  .renew-section__fieldset-tooltip-target {
    margin-top: 10px;
    border-radius: 20px;
  }
  .renew-section__fieldset-tooltip-button {
    height: 80px;
    padding: 0 30px;
    font-size: 32px;
  }
  .renew-section__fieldset-label {
    opacity: 0.2;
    width: 100%;
    height: 80px;
    border-radius: 20px;
    font-size: 32px;
  }
}
@media (max-width: 749px) {
  .renew-section__fieldset {
    padding: 30px 0;
  }
  .renew-section__fieldset-field {
    width: calc((100% - 10px) / 3);
    margin: 5px 5px 0 0;
  }
  .renew-section__fieldset-search {
    height: 40px;
    margin-bottom: 5px;
    padding: 0 40px 0 15px;
    border-radius: 10px;
    font-size: 16px;
  }
  .renew-section__fieldset-search:after {
    right: 16px;
    width: 8px;
    height: 8px;
  }
  .renew-section__fieldset-tooltip-trigger {
    height: 40px;
    padding: 0 40px 0 15px;
    border-radius: 10px;
    font-size: 16px;
  }
  .renew-section__fieldset-tooltip-trigger:after {
    right: 15px;
    width: 10px;
    height: 6px;
  }
  .renew-section__fieldset-tooltip.-contrast .renew-section__fieldset-tooltip-trigger:after {
    right: 14px;
  }
  .renew-section__fieldset-tooltip-target {
    margin-top: 5px;
    border-radius: 10px;
  }
  .renew-section__fieldset-tooltip-button {
    height: 40px;
    padding: 0 15px;
    font-size: 16px;
  }
  .renew-section__fieldset-label {
    height: 40px;
    border-radius: 10px;
    font-size: 16px;
  }
}
.renew-download {
  width: 100%;
  height: auto;
}
.renew-download__tooltip {
  position: relative;
  width: 170px;
  height: auto;
  margin-top: 30px;
  margin-left: auto;
}
.renew-download__tooltip-trigger {
  display: block;
  position: relative;
  width: 170px;
  height: 42px;
  padding: 0 48px 0 22px;
  border-radius: 10px;
  background-color: #fff;
  font-family: "NanumSquare";
  font-size: 16px;
  font-weight: 400;
  color: #222;
  text-align: left;
}
.renew-download__tooltip-trigger:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 8px;
  background: url("../../images/bem/renew/renew-section__fieldset-select--appearance.jpg") center/contain no-repeat;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.renew-download__tooltip-target {
  display: none;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  top: 100%;
  width: 100%;
  height: auto;
  margin-top: 4px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 1px 3px 7px 0 rgba(0, 0, 0, 0.35);
          box-shadow: 1px 3px 7px 0 rgba(0, 0, 0, 0.35);
}
.renew-download__tooltip-target[aria-hidden=false] {
  display: block;
}
.renew-download__tooltip-button {
  display: block;
  width: 100%;
  height: 40px;
  padding: 0 22px;
  background-color: #fff;
  font-family: "NanumSquare";
  font-size: 16px;
  font-weight: 400;
  color: #222;
  text-align: left;
}
.renew-download__tooltip-button:hover {
  background-color: #cfdbf3;
  font-weight: 800;
}
.renew-download__tooltip-button.-active {
  background-color: #cfdbf3;
  font-weight: 800;
}
.renew-download__list {
  width: 100%;
  height: auto;
  margin: 30px 0 50px 0;
}
.renew-download__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;
  width: 100%;
  height: auto;
  padding: 28px 30px;
  border-radius: 10px;
  background-color: #0f1b31;
}
.renew-download__item + .renew-download__item {
  margin-top: 16px;
}
.renew-download__item.-new {
  position: relative;
  padding-left: 62px;
}
.renew-download__item.-new:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 66px;
  height: 66px;
  background: url("../../images/bem/renew/renew-download__item--new.png") center/contain no-repeat;
}
.renew-download__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.renew-download__key {
  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: 68px;
  height: 28px;
  margin-right: 30px;
  border-radius: 28px;
  font-family: "NanumSquare";
  font-size: 14px;
  font-weight: 800;
  color: #fff;
}
.renew-download__key.-type1 {
  border: 1px solid #ffdd23;
}
.renew-download__key.-type2 {
  border: 1px solid #50d335;
}
.renew-download__value {
  display: inline-block;
  vertical-align: top;
  width: 604px;
  height: auto;
  font-family: "NanumSquare";
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.renew-download__controller {
  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: 250px;
  height: auto;
}
.renew-download__trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 28px;
  border-radius: 6px;
  background-color: #6a33fe;
  font-family: "NanumSquare" !important;
  font-size: 14px !important;
  font-weight: 400;
  color: #fff !important;
}
.renew-download__trigger + .renew-download__trigger {
  margin-left: 10px;
}
@media (max-width: 1023px) {
  .renew-download__tooltip {
    width: 100%;
    margin-top: 60px;
    margin-left: unset;
  }
  .renew-download__tooltip-trigger {
    width: 100%;
    height: 80px;
    padding: 0 80px 0 30px;
    border-radius: 20px;
    font-size: 32px;
  }
  .renew-download__tooltip-trigger:after {
    right: 30px;
    width: 20px;
    height: 12px;
  }
  .renew-download__tooltip-target {
    margin-top: 10px;
    border-radius: 20px;
  }
  .renew-download__tooltip-button {
    height: 80px;
    padding: 0 30px;
    font-size: 32px;
  }
  .renew-download__list {
    margin: 60px 0;
  }
  .renew-download__item {
    display: block;
    padding: 40px;
    border-radius: 20px;
  }
  .renew-download__item + .renew-download__item {
    margin-top: 30px;
  }
  .renew-download__item.-new {
    position: relative;
    padding-top: 112px;
    padding-left: 40px;
  }
  .renew-download__item.-new:before {
    content: "NEW";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 120px;
    height: 50px;
    border-radius: 50px;
    background: unset;
    background-color: #de182b;
    font-family: "NanumSquare";
    font-size: 30px;
    font-weight: 800;
    color: #fff;
  }
  .renew-download__content {
    display: block;
  }
  .renew-download__key {
    width: 120px;
    height: 50px;
    margin: 0 auto 22px auto;
    border-radius: 50px;
    font-size: 30px;
  }
  .renew-download__value {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: unset;
    width: 100%;
    font-size: 36px;
    line-height: 50px;
  }
  .renew-download__controller {
    width: 100%;
    margin-top: 32px;
  }
  .renew-download__trigger {
    height: 70px;
    border-radius: 20px;
    font-size: 30px !important;
  }
  .renew-download__trigger + .renew-download__trigger {
    margin-left: 20px;
  }
}
@media (max-width: 749px) {
  .renew-download__tooltip {
    margin-top: 30px;
  }
  .renew-download__tooltip-trigger {
    height: 40px;
    padding: 0 40px 0 15px;
    border-radius: 10px;
    font-size: 16px;
  }
  .renew-download__tooltip-trigger:after {
    right: 15px;
    width: 10px;
    height: 6px;
  }
  .renew-download__tooltip-target {
    margin-top: 5px;
    border-radius: 10px;
  }
  .renew-download__tooltip-button {
    height: 40px;
    padding: 0 15px;
    font-size: 16px;
  }
  .renew-download__list {
    margin: 30px 0;
  }
  .renew-download__item {
    padding: 20px;
    border-radius: 10px;
  }
  .renew-download__item + .renew-download__item {
    margin-top: 15px;
  }
  .renew-download__item.-new {
    padding-top: 56px;
    padding-left: 20px;
  }
  .renew-download__item.-new:before {
    top: 20px;
    width: 60px;
    height: 25px;
    border-radius: 25px;
    font-size: 15px;
  }
  .renew-download__key {
    width: 60px;
    height: 25px;
    margin: 0 auto 11px auto;
    border-radius: 15px;
    font-size: 15px;
  }
  .renew-download__value {
    font-size: 18px;
    line-height: 25px;
  }
  .renew-download__controller {
    margin-top: 16px;
  }
  .renew-download__trigger {
    height: 35px;
    border-radius: 10px;
    font-size: 15px !important;
  }
  .renew-download__trigger + .renew-download__trigger {
    margin-left: 10px;
  }
}
.renew .sub01_02 {
  margin: 50px 0 -130px 0 !important;
}
.renew .sub01_02 .paging-wrap {
  margin-top: unset !important;
}
@media (max-width: 1023px) {
  .renew .sub01_02 {
    margin: -10px 0 -40px 0 !important;
  }
}
@media (max-width: 767px) {
  .renew .sub01_02 {
    margin: 12.5vw 0 -12.5vw 0 !important;
  }
}
.renew-belong {
  width: 100%;
  height: auto;
  padding: 50px 0;
  border-bottom: 1px solid #fff;
  text-align: center;
}
.renew-belong__trigger {
  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: 0 auto;
  font-family: "NanumSquare";
  font-size: 36px;
  font-weight: 800;
  color: #fff;
  text-align: center;
}
.renew-belong__target {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  z-index: 999999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.renew-belong__target[aria-hidden=false] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.renew-belong__target-document {
  width: 400px;
  height: auto;
  padding: 15px;
  border-radius: 10px;
  background-color: #fff;
}
.renew-belong__target-closer {
  display: block;
  width: 28px;
  height: 28px;
  margin-left: auto;
  background: url("../../images/bem/renew/renew-belong__target-closer.jpg") right top/13px no-repeat;
}
.renew-belong__target-search {
  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: 100%;
  height: auto;
}
.renew-belong__target-textfield {
  display: inline-block;
  vertical-align: top;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
  height: 37px;
  padding: 0 10px;
  border: 1px solid #ccc;
  border-radius: 10px;
  background-color: #fff;
  font-family: "NanumSquare";
  font-size: 14px;
  font-weight: 400;
  color: #222;
}
.renew-belong__target-textfield ::-webkit-input-placeholder {
  color: #ccc;
}
.renew-belong__target-textfield ::-moz-placeholder {
  color: #ccc;
}
.renew-belong__target-textfield :-ms-input-placeholder {
  color: #ccc;
}
.renew-belong__target-textfield ::-ms-input-placeholder {
  color: #ccc;
}
.renew-belong__target-textfield ::placeholder {
  color: #ccc;
}
.renew-belong__target-button {
  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: 100px;
  height: 38px;
  margin-left: 8px;
  border-radius: 10px;
  background-color: #6a33fe;
  font-family: "NanumSquare";
  font-size: 16px;
  font-weight: 800;
  color: #fff;
}
.renew-belong__target-result {
  overflow: hidden auto;
  width: 100%;
  height: 212px;
  margin-top: 8px;
  border: 1px solid #ccc;
  border-radius: 10px;
  background-color: #fff;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.renew-belong__target-result ::-webkit-scrollbar {
  display: none;
}
.renew-belong__target-data {
  display: block;
  width: 100%;
  height: auto;
  padding: 5px 10px;
  font-family: "NanumSquare";
  font-size: 15px;
  font-weight: 400;
  color: #222;
  text-align: left;
}
.renew-belong__target-data:first-child {
  padding-top: 10px;
}
.renew-belong__target-data:last-child {
  padding-bottom: 10px;
}
.renew-belong__list {
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
}
.renew-belong__item {
  position: relative;
  padding-left: 40px;
  font-family: "NanumSquare";
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  text-align: left;
  line-height: 34px;
}
.renew-belong__item:before {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 0;
  width: 32px;
  height: 16px;
  background: url("../../images/bem/renew/renew-belong__item--before.jpg") center/contain no-repeat;
}
.renew-belong__undefinded-title {
  font-family: "NanumSquare";
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  text-align: center;
}
.renew-belong__undefinded-title .-break {
  display: inline-block;
  vertical-align: top;
  width: 4px;
  height: auto;
}
.renew-belong__undefinded-description {
  margin-top: 18px;
  font-family: "NanumSquare";
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  text-align: center;
}
.renew-belong__undefinded-description .-emphasis {
  display: inline-block;
  vertical-align: top;
  font-family: inherit;
  font-size: inherit;
  font-weight: 800;
  color: #35cdff;
  text-align: inherit;
}
.renew-belong__undefinded-focusable {
  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-top: 44px;
  width: 100%;
  height: auto;
}
.renew-belong__undefinded-link {
  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: auto;
  height: 40px;
  margin: 0 6px;
  padding: 0 25px;
  border-radius: 40px;
  background-color: #fff;
  font-family: "NanumSquare";
  font-size: 16px !important;
  font-weight: 400;
  color: #222;
}
@media (max-width: 1023px) {
  .renew-belong {
    padding: 60px 0;
  }
  .renew-belong__trigger {
    font-size: 42px;
  }
  .renew-belong__trigger:after {
    width: 24px;
    height: 24px;
  }
  .renew-belong__target {
    padding: 0 40px;
  }
  .renew-belong__target-document {
    width: 100%;
    padding: 30px;
    border-radius: 20px;
  }
  .renew-belong__target-closer {
    width: 54px;
    height: 54px;
    background-size: 24px;
  }
  .renew-belong__target-textfield {
    height: 66px;
    padding: 0 30px;
    border-radius: 20px;
    font-size: 28px;
  }
  .renew-belong__target-button {
    height: 66px;
    margin-left: 14px;
    border-radius: 20px;
    font-size: 32px;
  }
  .renew-belong__target-result {
    height: 382px;
    margin-top: 16px;
    border-radius: 20px;
  }
  .renew-belong__target-data {
    padding: 15px 30px;
    font-size: 28px;
  }
  .renew-belong__target-data:first-child {
    padding-top: 30px;
  }
  .renew-belong__target-data:last-child {
    padding-bottom: 30px;
  }
  .renew-belong__list {
    margin-top: 30px;
  }
  .renew-belong__item {
    padding-left: 80px;
    font-size: 30px;
    line-height: 44px;
  }
  .renew-belong__item:before {
    top: 8px;
    width: 64px;
    height: 32px;
  }
  .renew-belong__item + .renew-belong__item {
    margin-top: 24px;
  }
  .renew-belong__undefinded-title {
    font-size: 30px;
    line-height: 44px;
  }
  .renew-belong__undefinded-title .-break {
    display: block;
    width: unset;
  }
  .renew-belong__undefinded-description {
    margin-top: unset;
    font-size: 30px;
    line-height: 44px;
  }
  .renew-belong__undefinded-focusable {
    display: block;
    margin-top: 32px;
  }
  .renew-belong__undefinded-link {
    width: 340px;
    height: 80px;
    margin: 0 auto;
    padding: unset;
    border-radius: 80px;
    font-size: 32px !important;
  }
  .renew-belong__undefinded-link:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media (max-width: 749px) {
  .renew-belong {
    padding: 30px 0;
  }
  .renew-belong__trigger {
    font-size: 20px;
  }
  .renew-belong__trigger:after {
    width: 12px;
    height: 12px;
    margin-left: 6px;
  }
  .renew-belong__target {
    padding: 0 20px;
  }
  .renew-belong__target-document {
    padding: 15px;
    border-radius: 10px;
  }
  .renew-belong__target-closer {
    width: 28px;
    height: 28px;
    background-size: 12px;
  }
  .renew-belong__target-textfield {
    height: 32px;
    padding: 0 15px;
    border-radius: 10px;
    font-size: 14px;
  }
  .renew-belong__target-button {
    height: 32px;
    margin-left: 8px;
    border-radius: 10px;
    font-size: 16px;
  }
  .renew-belong__target-result {
    height: 190px;
    margin-top: 8px;
    border-radius: 10px;
  }
  .renew-belong__target-data {
    padding: 8px 15px;
    font-size: 14px;
  }
  .renew-belong__target-data:first-child {
    padding-top: 15px;
  }
  .renew-belong__target-data:last-child {
    padding-bottom: 15px;
  }
  .renew-belong__list {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 15px;
  }
  .renew-belong__item {
    padding-left: 40px;
    font-size: 15px;
    line-height: 22px;
  }
  .renew-belong__item:before {
    top: 4px;
    width: 32px;
    height: 16px;
  }
  .renew-belong__item + .renew-belong__item {
    margin-top: 12px;
  }
  .renew-belong__undefinded-title {
    font-size: 15px;
    line-height: 22px;
  }
  .renew-belong__undefinded-description {
    font-size: 15px;
    line-height: 22px;
  }
  .renew-belong__undefinded-focusable {
    margin-top: 16px;
  }
  .renew-belong__undefinded-link {
    width: 170px;
    height: 40px;
    border-radius: 40px;
    font-size: 16px !important;
  }
  .renew-belong__undefinded-link:not(:last-child) {
    margin-bottom: 10px;
  }
}
.renew-exam {
  width: 100%;
  height: auto;
  margin-bottom: -130px;
}
.renew-exam__step {
  width: 100%;
  height: auto;
}
.renew-exam__step + .renew-exam__step {
  margin-top: 30px;
}
.renew-exam__step-head {
  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: 100%;
  height: auto;
  padding: 30px 0;
}
.renew-exam__step-title {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding-left: 120px;
  font-family: "NanumSquare";
  font-size: 20px;
  font-weight: 800;
  color: #fff;
  line-height: 24px;
}
.renew-exam__step-title:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100px;
  height: 34px;
}
.renew-exam__step:nth-of-type(1) .renew-exam__step-title:before {
  background: url("../../images/bem/renew/renew-exam__step-title--before1.jpg") center/contain no-repeat;
}
.renew-exam__step:nth-of-type(2) .renew-exam__step-title:before {
  background: url("../../images/bem/renew/renew-exam__step-title--before2.jpg") center/contain no-repeat;
}
.renew-exam__update-trigger {
  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;
  vertical-align: top;
  width: 188px;
  height: 38px;
  border: 1px solid #fff;
  border-radius: 38px;
  font-family: "NanumSquare";
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}
.renew-exam__update-trigger:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  background: url("../../images/bem/renew/renew-exam__update-trigger.jpg") center/contain no-repeat;
}
.renew-exam__section {
  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;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
}
.renew-exam__article {
  position: relative;
  height: auto;
  margin: 15px 0;
}
.renew-exam__article:nth-of-type(1), .renew-exam__article:nth-of-type(2) {
  width: calc((100% - 80px) / 2);
  margin-top: unset;
}
.renew-exam__article:nth-of-type(2):before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -50px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 18px;
  height: 32px;
  background: url("../../images/bem/renew/renew-exam__article--before.jpg") center/contain no-repeat;
}
.renew-exam__article:nth-of-type(3), .renew-exam__article:nth-of-type(4) {
  width: 100%;
}
.renew-exam__article:nth-of-type(4) {
  margin-bottom: unset;
}
.renew-exam__content {
  overflow: hidden;
  width: 100%;
  height: auto;
  border: 1px solid #2c4578;
  border-radius: 10px;
  background-color: #0f1b31;
}
.renew-exam__content-title {
  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: 58px;
  background-color: #2c4578;
  font-family: "NanumSquare";
  font-size: 20px;
  font-weight: 800;
  color: #fff;
}
.renew-exam__content-data {
  padding: 16px 12px;
}
.renew-exam__content-list {
  overflow: hidden auto;
  width: 100%;
  height: 376px;
}
.renew-exam__content-list::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: transparent;
}
.renew-exam__content-list::-webkit-scrollbar-button {
  display: none;
}
.renew-exam__content-list::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #e5e5e5;
}
.renew-exam__content-list::-webkit-scrollbar-track, .renew-exam__content-list::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.renew-exam__content-item {
  width: 100%;
  height: auto;
  padding-right: 12px;
}
.renew-exam__content-button {
  display: block;
  width: 100%;
  height: 46px;
  padding: 0 20px;
  border-radius: 10px;
  font-family: "NanumSquare";
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.renew-exam__content-item.-active .renew-exam__content-button {
  background-color: #35cdff;
  font-weight: 800;
  color: #222;
}
.renew-exam__selected {
  width: 100%;
  height: auto;
  padding: 26px 30px;
}
.renew-exam__selected-state {
  font-size: 0;
}
.renew-exam__selected-state + .renew-exam__selected-state {
  margin-top: 12px;
}
.renew-exam__selected-data {
  display: inline;
  vertical-align: top;
}
.renew-exam__selected-data .-name {
  display: inline;
  vertical-align: top;
  font-family: "NanumSquare";
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  line-height: 26px;
}
.renew-exam__selected-data .-name + .-name:before {
  content: ">";
  display: inline;
  vertical-align: top;
  margin: 0 6px;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
}
.renew-exam__add-trigger {
  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: 200px;
  height: 56px;
  margin: 0 auto;
  border: 1px solid #fff;
  border-radius: 56px;
  font-family: "NanumSquare";
  font-size: 18px;
  font-weight: 800;
  color: #fff;
}
.renew-exam__add-trigger:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: 14px;
  margin-left: 10px;
  background: url("../../images/bem/renew/renew-exam__add-trigger--after.jpg") center/contain no-repeat;
}
.renew-exam__remove-trigger {
  display: inline;
  vertical-align: top;
  width: 20px;
  height: 26px;
  margin-left: 8px;
  background: url("../../images/bem/renew/renew-exam__remove-trigger.jpg") right center/20px no-repeat;
}
.renew-exam__level {
  width: 100%;
  height: auto;
  padding: 16px;
  border-radius: 10px;
  background-color: #0f1b31;
}
.renew-exam__level-list {
  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;
}
.renew-exam__level-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
  height: auto;
}
.renew-exam__level-item + .renew-exam__level-item {
  margin-left: 16px;
}
.renew-exam__level-label {
  cursor: pointer;
  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;
  opacity: 0.2;
  width: 100%;
  height: 60px;
  border-radius: 10px;
  font-family: "NanumSquare";
  font-size: 18px;
  font-weight: 800;
  color: #fff;
}
.renew-exam__level-item:first-child .renew-exam__level-label {
  background-color: #4daf4a;
}
.renew-exam__level-item:not(:first-child):not(:last-child) .renew-exam__level-label {
  background-color: #fa7731;
}
.renew-exam__level-item:last-child .renew-exam__level-label {
  background-color: #e74388;
}
.renew-exam__level-radio:checked ~ .renew-exam__level-label {
  opacity: 1;
}
.renew-exam__controller {
  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: auto;
  margin-top: 50px;
}
.renew-exam__controller-button {
  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: 200px;
  height: 55px;
  margin: 0 4px;
  border-radius: 10px;
  background-color: #6a33fe;
  font-family: "NanumSquare";
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}
@media (max-width: 1023px) {
  .renew-exam {
    margin-bottom: -40px;
  }
  .renew-exam__step + .renew-exam__step {
    margin-top: 40px;
  }
  .renew-exam__step-head {
    display: block;
    padding: 60px 0 20px 0;
  }
  .renew-exam__step-title {
    display: block;
    padding-left: 152px;
    font-size: 36px;
    line-height: 50px;
  }
  .renew-exam__step-title:before {
    width: 132px;
    height: 50px;
  }
  .renew-exam__update-trigger {
    width: 302px;
    height: 50px;
    margin-top: 52px;
    margin-left: auto;
    border-radius: 50px;
    font-size: 28px;
  }
  .renew-exam__update-trigger:before {
    width: 28px;
    height: 28px;
  }
  .renew-exam__section {
    display: block;
  }
  .renew-exam__article {
    margin: 40px 0;
  }
  .renew-exam__article:nth-of-type(1), .renew-exam__article:nth-of-type(2) {
    width: 100%;
  }
  .renew-exam__article:nth-of-type(2) {
    margin-top: 100px;
  }
  .renew-exam__article:nth-of-type(2):before {
    top: -68px;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(90deg);
        -ms-transform: translateX(-50%) rotate(90deg);
            transform: translateX(-50%) rotate(90deg);
  }
  .renew-exam__content {
    border-radius: 20px;
  }
  .renew-exam__content-title {
    height: 80px;
    font-size: 36px;
  }
  .renew-exam__content-data {
    padding: 20px;
  }
  .renew-exam__content-list {
    height: 278px;
  }
  .renew-exam__content-item {
    padding-right: 20px;
  }
  .renew-exam__content-button {
    height: 68px;
    border-radius: 20px;
    font-size: 30px;
  }
  .renew-exam__selected {
    padding: 40px;
  }
  .renew-exam__selected-state + .renew-exam__selected-state {
    margin-top: 18px;
  }
  .renew-exam__selected-data .-name {
    font-size: 30px;
    line-height: 38px;
  }
  .renew-exam__selected-data .-name + .-name:before {
    margin: 0 8px;
  }
  .renew-exam__add-trigger {
    width: 264px;
    height: 72px;
    border-radius: 72px;
    font-size: 30px;
  }
  .renew-exam__add-trigger:after {
    width: 20px;
    height: 20px;
  }
  .renew-exam__remove-trigger {
    width: 30px;
    height: 38px;
    margin-left: 10px;
    background-size: 30px;
  }
  .renew-exam__level {
    padding: 20px;
    border-radius: 20px;
  }
  .renew-exam__level-item + .renew-exam__level-item {
    margin-left: 20px;
  }
  .renew-exam__level-label {
    font-size: 30px;
  }
  .renew-exam__controller {
    display: block;
    margin-top: 60px;
  }
  .renew-exam__controller-button {
    width: 100%;
    height: 80px;
    margin: unset;
    border-radius: 20px;
    font-size: 30px;
    font-weight: 800;
  }
  .renew-exam__controller-button + .renew-exam__controller-button {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .renew-exam {
    margin-bottom: -12.5vw;
  }
}
@media (max-width: 749px) {
  .renew-exam__step + .renew-exam__step {
    margin-top: 20px;
  }
  .renew-exam__step-head {
    padding: 30px 0 10px 0;
  }
  .renew-exam__step-title {
    padding-left: 76px;
    font-size: 18px;
    line-height: 25px;
  }
  .renew-exam__step-title:before {
    width: 66px;
    height: 25px;
  }
  .renew-exam__update-trigger {
    width: 150px;
    height: 25px;
    margin-top: 26px;
    border-radius: 25px;
    font-size: 14px;
  }
  .renew-exam__update-trigger:before {
    width: 14px;
    height: 14px;
    margin-right: 5px;
  }
  .renew-exam__article {
    margin: 20px 0;
  }
  .renew-exam__article:nth-of-type(2) {
    margin-top: 50px;
  }
  .renew-exam__article:nth-of-type(2):before {
    top: -34px;
    width: 10px;
    height: 16px;
  }
  .renew-exam__content {
    border-radius: 10px;
  }
  .renew-exam__content-title {
    height: 40px;
    font-size: 18px;
  }
  .renew-exam__content-data {
    padding: 10px;
  }
  .renew-exam__content-list {
    height: 138px;
  }
  .renew-exam__content-item {
    padding-right: 10px;
  }
  .renew-exam__content-button {
    height: 34px;
    padding: 0 10px;
    border-radius: 10px;
    font-size: 16px;
  }
  .renew-exam__selected {
    padding: 20px;
  }
  .renew-exam__selected-state + .renew-exam__selected-state {
    margin-top: 10px;
  }
  .renew-exam__selected-data .-name {
    font-size: 16px;
    line-height: 20px;
  }
  .renew-exam__selected-data .-name + .-name:before {
    margin: 0 4px;
  }
  .renew-exam__add-trigger {
    width: 132px;
    height: 36px;
    border-radius: 36px;
    font-size: 15px;
  }
  .renew-exam__add-trigger:after {
    width: 10px;
    height: 10px;
    margin-left: 5px;
  }
  .renew-exam__remove-trigger {
    width: 15px;
    height: 18px;
    margin-left: 5px;
    background-size: 15px;
  }
  .renew-exam__level {
    padding: 10px;
    border-radius: 10px;
  }
  .renew-exam__level-item + .renew-exam__level-item {
    margin-left: 10px;
  }
  .renew-exam__level-label {
    height: 30px;
    border-radius: 5px;
    font-size: 15px;
  }
  .renew-exam__controller {
    margin-top: 30px;
  }
  .renew-exam__controller-button {
    height: 40px;
    border-radius: 10px;
    font-size: 15px;
  }
  .renew-exam__controller-button + .renew-exam__controller-button {
    margin-top: 10px;
  }
}

.roulette {
  width: 100%;
  height: auto;
  margin-bottom: -180px;
}
@media (max-width: 1023px) {
  .roulette {
    margin-bottom: -90px;
  }
}
@media (max-width: 767px) {
  .roulette {
    margin-bottom: -12.5vw;
  }
}
.roulette__showcase {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  width: 100%;
  height: 876px;
  padding-top: 144px;
  background: url("../../images/bem/roulette/roulette__showcase--pc.jpg") center/cover no-repeat;
}
.roulette__showcase-description {
  font-family: "Pretendard";
  font-size: 38px;
  font-weight: normal;
  color: #000;
  text-align: center;
}
.roulette__showcase-description .-emphasis {
  display: inline-block;
  vertical-align: top;
  font-family: inherit;
  font-size: inherit;
  font-weight: bold;
  color: inherit;
  text-align: inherit;
}
.roulette__showcase-title {
  width: 100%;
  height: auto;
  margin-top: 50px;
}
.roulette__showcase-title > img {
  width: auto;
  height: auto;
  margin: 0 auto;
}
.roulette__showcase-title > img:is(.-pc) {
  display: block;
}
.roulette__showcase-title > img:is(.-mo) {
  display: none;
}
.roulette__showcase-notification {
  display: inline-block;
  vertical-align: top;
  margin-top: 82px;
}
.roulette__showcase-notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.roulette__showcase-notice + .roulette__showcase-notice {
  margin-top: 14px;
}
.roulette__showcase-key {
  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: 144px;
  height: 42px;
  border-radius: 42px;
  background-color: #0ea702;
  font-family: "Pretendard";
  font-size: 22px;
  font-weight: bold;
  color: #fff;
}
.roulette__showcase-value {
  display: inline-block;
  vertical-align: top;
  margin-left: 18px;
  font-family: "Pretendard";
  font-size: 24px;
  font-weight: normal;
  color: #222;
  line-height: 32px;
}
@media (max-width: 1023px) {
  .roulette__showcase {
    height: 782px;
    background-image: url("../../images/bem/roulette/roulette__showcase--mo.jpg");
  }
  .roulette__showcase-description {
    font-size: 30px;
  }
  .roulette__showcase-title {
    margin-top: 44px;
  }
  .roulette__showcase-title > img:is(.-pc) {
    display: none;
  }
  .roulette__showcase-title > img:is(.-mo) {
    display: block;
  }
  .roulette__showcase-notification {
    margin-top: 72px;
  }
  .roulette__showcase-notice + .roulette__showcase-notice {
    margin-top: 16px;
  }
  .roulette__showcase-key {
    font-size: 24px;
  }
  .roulette__showcase-value {
    margin-left: 10px;
    font-size: 28px;
    line-height: 30px;
  }
}
@media (max-width: 749px) {
  .roulette__showcase {
    height: 390px;
    padding-top: 72px;
  }
  .roulette__showcase-description {
    font-size: 15px;
  }
  .roulette__showcase-title {
    margin-top: 22px;
  }
  .roulette__showcase-title > img:is(.-mo) {
    width: 274px;
  }
  .roulette__showcase-notification {
    margin-top: 36px;
  }
  .roulette__showcase-notice + .roulette__showcase-notice {
    margin-top: 8px;
  }
  .roulette__showcase-key {
    width: 72px;
    height: 22px;
    border-radius: 22px;
    font-size: 12px;
  }
  .roulette__showcase-value {
    margin-left: 5px;
    font-size: 14px;
    line-height: 15px;
  }
}
.roulette__section {
  width: 100%;
  height: auto;
}
.roulette__section-article {
  width: 100%;
  height: auto;
  padding: 150px 0 160px 0;
}
.roulette__section-article:nth-of-type(1) {
  background-color: #fff65f;
}
.roulette__section-article:nth-of-type(2) {
  background-color: #3eb543;
}
.roulette__section-content {
  width: 800px;
  height: auto;
  margin: 0 auto;
}
.roulette__section-description {
  font-family: "Pretendard";
  font-size: 38px;
  font-weight: normal;
  color: #222;
  text-align: center;
}
.roulette__section-title {
  margin-top: 40px;
  font-family: "DDangs";
  font-size: 70px;
  font-weight: bold;
  text-align: center;
  line-height: 90px;
}
.roulette__section-title .-emphasis {
  display: inline-block;
  vertical-align: top;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-align: inherit;
  line-height: inherit;
}
.roulette__section-article:nth-of-type(1) .roulette__section-title {
  color: #222;
}
.roulette__section-article:nth-of-type(1) .roulette__section-title .-emphasis {
  color: #0ea702;
}
.roulette__section-article:nth-of-type(2) .roulette__section-title {
  color: #fff;
}
.roulette__section-article:nth-of-type(2) .roulette__section-title .-emphasis {
  color: #fff65f;
}
.roulette__section-notice {
  opacity: 0.7;
  padding-right: 34px;
  font-family: "Pretendard";
  font-size: 24px;
  font-weight: normal;
  color: #222;
  text-align: right;
}
@media (max-width: 1023px) {
  .roulette__section-article {
    padding: 120px 40px;
  }
  .roulette__section-content {
    width: 100%;
    margin: unset;
  }
  .roulette__section-description {
    font-size: 30px;
  }
  .roulette__section-title {
    margin-top: 38px;
    font-size: 56px;
    line-height: initial;
  }
  .roulette__section-notice {
    width: 50%;
    margin-left: 288px;
    padding-right: unset;
  }
}
@media (max-width: 749px) {
  .roulette__section-article {
    padding: 60px 20px;
  }
  .roulette__section-description {
    font-size: 15px;
  }
  .roulette__section-title {
    margin-top: 18px;
    font-size: 28px;
  }
  .roulette__section-notice {
    margin-left: 142px;
    font-size: 12px;
  }
}
.roulette__event {
  position: relative;
  width: 800px;
  height: 800px;
  margin: 102px auto 82px auto;
}
.roulette__event:before {
  content: "";
  display: block;
  position: absolute;
  top: 410px;
  left: -90px;
  width: 186px;
  height: 342px;
  background: url("../../images/bem/roulette/roulette__event--before.jpg") center/contain no-repeat;
}
.roulette__event:after {
  content: "";
  display: block;
  position: absolute;
  top: 112px;
  right: -120px;
  width: 156px;
  height: 630px;
  background: url("../../images/bem/roulette/roulette__event--after.jpg") center/contain no-repeat;
}
.roulette__event-board {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  -webkit-transition: 1s;
  transition: 1s;
}
.roulette__event-board > img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-filter: drop-shadow(8px 14px 32px rgba(0, 0, 0, 0.29));
          filter: drop-shadow(8px 14px 32px rgba(0, 0, 0, 0.29));
}
.roulette__event-board > img:is(.-open) {
  display: block;
}
.roulette__event-board > img:is(.-close) {
  display: none;
}
.roulette__event.-close .roulette__event-board:after {
  background-image: url("../../images/bem/roulette/roulette__event-board--after--close.png");
}
.roulette__event.-close .roulette__event-board > img:is(.-open) {
  display: none;
}
.roulette__event.-close .roulette__event-board > img:is(.-close) {
  display: block;
}
.roulette__event-marker {
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.roulette__event-marker:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -68px;
  left: 50%;
  width: 982px;
  height: 60px;
  background: url("../../images/bem/roulette/roulette__event-board--before.png") center/contain no-repeat;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.roulette__event-marker:after {
  content: "";
  display: block;
  position: absolute;
  top: -66px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 82px;
  height: 132px;
  background: url("../../images/bem/roulette/roulette__event-board--after.png") center/contain no-repeat;
}
.roulette__event-trigger {
  display: block;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 258px;
  height: 258px;
  background: url("../../images/bem/roulette/roulette__event-trigger.png") center/contain no-repeat;
  -webkit-filter: drop-shadow(8px 14px 32px rgba(0, 0, 0, 0.29));
          filter: drop-shadow(8px 14px 32px rgba(0, 0, 0, 0.29));
}
.roulette__event-trigger[disabled] {
  cursor: initial;
}
.roulette__event.-close .roulette__event-trigger {
  background-image: url("../../images/bem/roulette/roulette__event-trigger--disabled.png");
}
@media (max-width: 1023px) {
  .roulette__event {
    width: 640px;
    height: 640px;
    margin-top: 70px;
    margin-bottom: 42px;
  }
  .roulette__event:before, .roulette__event:after {
    display: none;
  }
  .roulette__event-marker:before {
    bottom: -42px;
  }
  .roulette__event-marker:after {
    top: -50px;
    width: 65px;
    height: 105px;
  }
  .roulette__event-trigger {
    width: 205px;
    height: 205px;
  }
}
@media (max-width: 749px) {
  .roulette__event {
    width: 320px;
    height: 320px;
    margin-top: 35px;
    margin-bottom: 21px;
  }
  .roulette__event-marker:before {
    bottom: -21px;
    width: 390px;
    height: 30px;
  }
  .roulette__event-marker:after {
    top: -25px;
    width: 32.5px;
    height: 52.5px;
  }
  .roulette__event-trigger {
    width: 102.5px;
    height: 102.5px;
  }
}
.roulette__history-trigger {
  display: block;
  width: 384px;
  height: 96px;
  margin: 0 auto;
  background: url("../../images/bem/roulette/roulette__history-trigger.png") center/contain no-repeat;
  -webkit-filter: drop-shadow(8px 14px 32px rgba(0, 0, 0, 0.29));
          filter: drop-shadow(8px 14px 32px rgba(0, 0, 0, 0.29));
}
.roulette__history-trigger[disabled] {
  cursor: initial;
  background-image: url("../../images/bem/roulette/roulette__history-trigger--disabled.png");
}
.roulette__history-dialog {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  z-index: 999999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
.roulette__history-dialog[aria-hidden=false] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.roulette__history-document {
  -webkit-box-shadow: 7px 11px 19px 0px rgba(0, 0, 0, 0.26);
          box-shadow: 7px 11px 19px 0px rgba(0, 0, 0, 0.26);
}
.roulette__history-content {
  padding: 35px 58px 40px 58px;
  border-radius: 30px 30px 0 0;
  background-color: #fff;
}
.roulette__history-heading .-key {
  display: block;
  margin-bottom: 4px;
  font-family: "Pretendard";
  font-size: 28px;
  font-weight: bold;
  color: #222;
  text-align: center;
  line-height: 34px;
}
.roulette__history-heading .-value {
  display: block;
  font-family: "DDangs";
  font-size: 36px;
  font-weight: normal;
  color: #0ea702;
  text-align: center;
  line-height: 45px;
}
.roulette__history-preview {
  margin: 14px 0 26px 0;
  text-align: center;
}
.roulette__history-preview > img {
  display: inline-block;
  vertical-align: top;
  width: auto;
  max-width: 100%;
  height: auto;
}
.roulette__history-description {
  font-family: "Pretendard";
  font-size: 20px;
  font-weight: normal;
  color: #222;
  text-align: center;
  line-height: 26px;
}
.roulette__history-description .-emphasis {
  display: block;
  font-family: "Pretendard";
  font-size: 20px;
  font-weight: normal;
  color: #ff6060;
  text-align: center;
  line-height: 26px;
}
.roulette__history-description .-break {
  display: inline-block;
  vertical-align: top;
  width: 4px;
}
.roulette__history-closer {
  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: 70px;
  border-radius: 0 0 30px 30px;
  background-color: #0ea702;
  font-family: "Pretendard";
  font-size: 28px;
  font-weight: bold;
  color: #fff;
}
@media (max-width: 1023px) {
  .roulette__history-trigger {
    width: 300px;
    height: 80px;
  }
  .roulette__history-content {
    padding: 38px 30px;
  }
  .roulette__history-heading .-key {
    margin-bottom: 18px;
    line-height: 28px;
  }
  .roulette__history-heading .-value {
    line-height: 24px;
  }
  .roulette__history-preview {
    margin: 24px 0 36px 0;
  }
  .roulette__history-preview > img {
    height: 188px;
  }
  .roulette__history-description {
    font-size: 24px;
    line-height: 30px;
  }
  .roulette__history-description .-emphasis {
    font-size: 24px;
    line-height: 30px;
  }
  .roulette__history-description .-break {
    display: block;
    width: unset;
  }
  .roulette__history-closer {
    height: 60px;
  }
}
@media (max-width: 749px) {
  .roulette__history-trigger {
    width: 150px;
    height: 40px;
  }
  .roulette__history-content {
    padding: 18px 15px 18px 15px;
    border-radius: 15px 15px 0 0;
  }
  .roulette__history-heading .-key {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 14px;
  }
  .roulette__history-heading .-value {
    font-size: 18px;
    line-height: 12px;
  }
  .roulette__history-preview {
    margin: 12px 0 18px 0;
  }
  .roulette__history-preview > img {
    height: 94px;
  }
  .roulette__history-description {
    font-size: 12px;
    line-height: 15px;
  }
  .roulette__history-description .-emphasis {
    font-size: 12px;
    line-height: 15px;
  }
  .roulette__history-closer {
    height: 30px;
    border-radius: 0 0 15px 15px;
    font-size: 14px;
  }
}
.roulette__notice {
  margin-top: 54px;
  text-align: center;
}
.roulette__notice-list {
  display: inline-block;
  vertical-align: top;
}
.roulette__notice-item {
  position: relative;
  padding-left: 16px;
  font-family: "Pretendard";
  font-size: 22px;
  font-weight: normal;
  color: #022222;
  text-align: left;
}
.roulette__notice-item:before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: 0;
  width: 8px;
  height: 2px;
  background-color: #022222;
}
.roulette__notice-item + .roulette__notice-item {
  margin-top: 16px;
}
.roulette__notice-link {
  display: inline-block;
  vertical-align: top;
  border-bottom: 2px solid #022222;
  font-family: "Pretendard" !important;
  font-size: 22px !important;
  font-weight: bold;
  color: #022222 !important;
}
@media (max-width: 1023px) {
  .roulette__notice {
    margin-top: 40px;
  }
  .roulette__notice-list {
    display: block;
    width: 100%;
    height: auto;
  }
  .roulette__notice-item {
    padding-left: 18px;
    font-size: 28px;
  }
  .roulette__notice-item:before {
    top: 16px;
    width: 10px;
  }
  .roulette__notice-item + .roulette__notice-item {
    margin-top: 8px;
  }
  .roulette__notice-link {
    font-size: 28px !important;
  }
}
@media (max-width: 749px) {
  .roulette__notice {
    margin-top: 20px;
  }
  .roulette__notice-item {
    padding-left: 10px;
    font-size: 14px;
  }
  .roulette__notice-item:before {
    top: 8px;
    width: 5px;
    height: 1px;
  }
  .roulette__notice-item + .roulette__notice-item {
    margin-top: 4px;
  }
  .roulette__notice-link {
    font-size: 14px !important;
  }
}
.roulette__product {
  position: relative;
}
.roulette__product:before {
  content: "";
  display: block;
  position: absolute;
  top: 300px;
  right: 0;
  width: 352px;
  height: 704px;
  background: url("../../images/bem/roulette/roulette__product--before.jpg") center/contain no-repeat;
  display: none;
}
.roulette__product-list {
  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;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  height: auto;
  margin: 50px auto;
}
.roulette__product-item {
  overflow: hidden;
  position: relative;
  width: calc((100% - 20px) / 2);
  height: 310px;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 30px;
  background-color: #fff;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.roulette__product-item:before {
  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: 67px;
  height: 67px;
  margin-bottom: 22px;
  border-radius: 100%;
  background-color: #222;
  font-family: "Pretendard";
  font-size: 28px;
  font-weight: bold;
  color: #fff;
}
.roulette__product-item .-key {
  display: block;
  width: 100%;
  height: auto;
  font-family: "Pretendard";
  font-size: 30px;
  font-weight: bold;
  color: #222;
}
.roulette__product-item .-value {
  display: block;
  width: 100%;
  height: auto;
  font-family: "Pretendard";
  font-size: 30px;
  font-weight: normal;
  color: #222;
}
.roulette__product-item:nth-of-type(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  height: 370px;
  padding-left: 372px;
  background-image: url("../../images/bem/roulette/roulette__product-item0.jpg");
}
.roulette__product-item:nth-of-type(1):before {
  content: "1등";
  position: absolute;
  top: 38px;
  left: 10px;
  margin-bottom: unset;
  background-color: #fb0064;
}
.roulette__product-item:nth-of-type(2) {
  background-image: url("../../images/bem/roulette/roulette__product-item1.jpg");
}
.roulette__product-item:nth-of-type(2):before {
  content: "2등";
}
.roulette__product-item:nth-of-type(3) {
  background-image: url("../../images/bem/roulette/roulette__product-item2.jpg");
}
.roulette__product-item:nth-of-type(3):before {
  content: "3등";
}
.roulette__product-item:nth-of-type(4) {
  background-image: url("../../images/bem/roulette/roulette__product-item3.jpg");
}
.roulette__product-item:nth-of-type(4):before {
  content: "4등";
}
.roulette__product-item:nth-of-type(5) {
  background-image: url("../../images/bem/roulette/roulette__product-item4.jpg");
}
.roulette__product-item:nth-of-type(5):before {
  content: "5등";
}
@media (max-width: 1023px) {
  .roulette__product:before {
    display: none;
  }
  .roulette__product-list {
    margin: 40px auto;
  }
  .roulette__product-item {
    width: calc((100% - 16px) / 2);
    height: 248px;
    margin-bottom: 16px;
    background-position: right bottom;
    background-size: contain;
  }
  .roulette__product-item:before {
    width: 64px;
    height: 64px;
  }
  .roulette__product-item .-key {
    font-size: 28px;
  }
  .roulette__product-item .-value {
    font-size: 28px;
  }
  .roulette__product-item:nth-of-type(1) {
    height: 300px;
    padding-left: 320px;
    background-position: left center;
  }
  .roulette__product-item:nth-of-type(1):before {
    top: 32px;
    left: 20px;
  }
}
@media (max-width: 749px) {
  .roulette__product-list {
    margin: 20px auto;
  }
  .roulette__product-item {
    width: calc((100% - 8px) / 2);
    height: 124px;
    padding: 10px;
    margin-bottom: 8px;
    border-radius: 15px;
  }
  .roulette__product-item:before {
    width: 32px;
    height: 32px;
    margin-bottom: 11px;
    font-size: 14px;
  }
  .roulette__product-item .-key {
    font-size: 14px;
  }
  .roulette__product-item .-value {
    font-size: 14px;
  }
  .roulette__product-item:nth-of-type(1) {
    height: 150px;
    padding-left: 150px;
  }
  .roulette__product-item:nth-of-type(1):before {
    top: 16px;
    left: 10px;
  }
}
.roulette__standard {
  position: relative;
  text-align: center;
}
.roulette__standard-list {
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: auto;
}
.roulette__standard-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.roulette__standard-item + .roulette__standard-item {
  margin-top: 12px;
}
.roulette__standard-item .-key {
  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: 298px;
  height: 54px;
  border-radius: 54px;
  background-color: #0c6327;
  font-family: "Pretendard";
  font-size: 26px;
  font-weight: bold;
  color: #fff;
}
.roulette__standard-item .-value {
  display: inline-block;
  vertical-align: top;
  margin-left: 18px;
  font-family: "Pretendard";
  font-size: 30px;
  font-weight: normal;
  color: #fff;
  line-height: 38px;
}
@media (max-width: 1023px) {
  .roulette__standard-list {
    display: block;
    width: 100%;
  }
  .roulette__standard-item + .roulette__standard-item {
    margin-top: 10px;
  }
  .roulette__standard-item .-key {
    width: 262px;
    height: 48px;
    border-radius: 48px;
    font-size: 24px;
  }
  .roulette__standard-item .-value {
    margin-left: 10px;
    font-size: 28px;
    line-height: 32px;
  }
}
@media (max-width: 749px) {
  .roulette__standard-item + .roulette__standard-item {
    margin-top: 5px;
  }
  .roulette__standard-item .-key {
    width: 130px;
    height: 24px;
    border-radius: 24px;
    font-size: 12px;
  }
  .roulette__standard-item .-value {
    margin-left: 5px;
    font-size: 14px;
    line-height: 16px;
  }
}
.roulette__notification {
  width: 100%;
  height: auto;
  padding: 72px 0 88px 0;
  background-color: #2f2f2f;
}
.roulette__notification-content {
  width: 800px;
  height: auto;
  margin: 0 auto;
}
.roulette__notification-trigger {
  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;
  position: relative;
  width: 100%;
  height: 62px;
  padding-left: 40px;
  font-family: "Pretendard";
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}
.roulette__notification-trigger:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 26px;
  height: 26px;
  background: url("../../images/bem/roulette/roulette__notification-trigger--before.jpg") center/contain no-repeat;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.roulette__notification-trigger:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 16px;
  height: 10px;
  background: url("../../images/bem/roulette/roulette__notification-trigger--after.jpg") center/contain no-repeat;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.roulette__notification-trigger.-active:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.roulette__notification-list {
  width: 100%;
  height: auto;
  padding-top: 24px;
  border-top: 1px solid #9a9a9a;
}
.roulette__notification-item {
  position: relative;
  padding-left: 10px;
  font-family: "Pretendard";
  font-size: 16px;
  font-weight: normal;
  color: #999;
  line-height: 28px;
  letter-spacing: -0.025em;
}
.roulette__notification-item:before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: 0;
  width: 6px;
  height: 2px;
  background-color: #999;
}
.roulette__notification-item + .roulette__notification-item {
  margin-top: 16px;
}
.roulette__notification-item.-emphasis {
  color: #8bff23;
}
.roulette__notification-item.-emphasis:before {
  background-color: #8bff23;
}
.roulette__notification-item .-emphasis {
  display: inline;
  vertical-align: top;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: #8bff23;
  line-height: inherit;
  letter-spacing: inherit;
}
.roulette__notification-item .-link {
  display: inline-block;
  vertical-align: top;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit;
  color: #dfdfdf !important;
  line-height: inherit;
  letter-spacing: inherit;
  text-decoration: underline !important;
}
@media (max-width: 1023px) {
  .roulette__notification {
    padding: 50px 0 68px 0;
  }
  .roulette__notification-content {
    width: 100%;
    padding: 0 40px;
    margin: unset;
  }
  .roulette__notification-trigger {
    height: 88px;
    padding-left: 44px;
    font-size: 30px;
  }
  .roulette__notification-trigger:before {
    width: 30px;
    height: 30px;
  }
  .roulette__notification-trigger:after {
    width: 20px;
    height: 12px;
  }
  .roulette__notification-list {
    padding-top: 30px;
  }
  .roulette__notification-item {
    padding-left: 18px;
    font-size: 28px;
    line-height: 40px;
  }
  .roulette__notification-item:before {
    top: 18px;
    width: 10px;
  }
  .roulette__notification-item + .roulette__notification-item {
    margin-top: 24px;
  }
}
@media (max-width: 749px) {
  .roulette__notification {
    padding: 25px 0 34px 0;
  }
  .roulette__notification-content {
    padding: 0 20px;
  }
  .roulette__notification-trigger {
    height: 44px;
    padding-left: 22px;
    font-size: 15px;
  }
  .roulette__notification-trigger:before {
    width: 15px;
    height: 15px;
  }
  .roulette__notification-trigger:after {
    width: 10px;
    height: 6px;
  }
  .roulette__notification-list {
    padding-top: 15px;
  }
  .roulette__notification-item {
    padding-left: 10px;
    font-size: 14px;
    line-height: 20px;
  }
  .roulette__notification-item:before {
    top: 10px;
    width: 5px;
    height: 1px;
  }
  .roulette__notification-item + .roulette__notification-item {
    margin-top: 12px;
  }
}

.summary-note {
  overflow: hidden;
  width: 100%;
  height: auto;
  /* margin-bottom: -180px; */
}
.summary-note .-pc {
  display: block;
}
.summary-note .-mo {
  display: none;
}
@media (max-width: 1023px) {
  .summary-note {
    margin-bottom: -90px;
  }
  .summary-note .-pc {
    display: none;
  }
  .summary-note .-mo {
    display: block;
  }
}
@media (max-width: 767px) {
  .summary-note {
    margin-bottom: -12.5vw;
  }
}
.summary-note__showcase {
  width: 100%;
  height: auto;
  background: #ededed url("../../images/bem/summary-note/pc/summary-note__showcase.jpg") center/auto 100% no-repeat;
}
@media (max-width: 1023px) {
  .summary-note__showcase {
    background-image: url("../../images/bem/summary-note/mo/summary-note__showcase.jpg");
  }
}
.summary-note__showcase-content {
  position: relative;
  width: 854px;
  height: 600px;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .summary-note__showcase-content {
    width: 100%;
    height: 84.4vw;
    margin: unset;
  }
}
.summary-note__showcase-heading img {
  display: block;
  position: absolute;
}
.summary-note__showcase-heading .-image0 {
  top: 125px;
  left: 102px;
}
.summary-note__showcase-heading .-image1 {
  top: 148px;
  left: 102px;
}
.summary-note__showcase-heading .-image2 {
  top: 302px;
  left: 294px;
}
@media (max-width: 1023px) {
  .summary-note__showcase-heading .-image0 {
    top: 19.444vw;
    left: 50%;
    width: 36.388vw;
    margin-left: -39.444vw;
  }
  .summary-note__showcase-heading .-image1 {
    top: 22.222vw;
    left: 50%;
    width: 77.638vw;
    margin-left: -39.444vw;
  }
  .summary-note__showcase-heading .-image2 {
    top: 40.555vw;
    left: 50%;
    width: 55.972vw;
    margin-left: -17.777vw;
  }
}
.summary-note__showcase-effect img {
  display: block;
  position: absolute;
}
.summary-note__showcase-effect .-image3 {
  top: 32px;
  right: 0;
}
.summary-note__showcase-effect .-image4 {
  top: 130px;
  right: 104px;
}
.summary-note__showcase-effect .-image5 {
  top: 322px;
  left: 102px;
}
@media (max-width: 1023px) {
  .summary-note__showcase-effect .-image3 {
    top: 4.444vw;
    left: 50%;
    width: 22.638vw;
    margin-left: 24.166vw;
  }
  .summary-note__showcase-effect .-image4 {
    top: 18.055vw;
    left: 50%;
    width: 39.444vw;
    margin-left: -1.388vw;
  }
  .summary-note__showcase-effect .-image5 {
    top: 43.333vw;
    left: 50%;
    width: 36.388vw;
    margin-left: -39.444vw;
  }
}
.summary-note__showcase-link {
  display: block;
  position: absolute;
  bottom: 120px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.summary-note__showcase-link .-image6 {
  display: block;
}
@media (max-width: 1023px) {
  .summary-note__showcase-link {
    bottom: 19.444vw;
  }
  .summary-note__showcase-link .-image6 {
    width: 55.555vw;
  }
}
.summary-note__article:nth-of-type(1) {
  padding-top: 92px;
  background: url("../../images/bem/summary-note/summary-note__article0.jpg") center/auto repeat;
}
.summary-note__article:nth-of-type(2) {
  position: relative;
  padding-top: 70px;
  padding-bottom: 100px;
  background-color: #ffd9dc;
}
.summary-note__article:nth-of-type(2):before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 395px;
  height: 865px;
  margin-left: -822px;
  background: url("../../images/bem/summary-note/pc/summary-note__article1--before.png") center bottom/contain no-repeat;
}
.summary-note__article:nth-of-type(2):after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 342px;
  height: 865px;
  margin-left: 398px;
  background: url("../../images/bem/summary-note/pc/summary-note__article1--after.png") center bottom/contain no-repeat;
}
.summary-note__article:nth-of-type(3) {
  padding: 88px 0 100px 0;
  background-color: #ededed;
}
@media (max-width: 1023px) {
  .summary-note__article:nth-of-type(1) {
    padding-top: 52px;
  }
  .summary-note__article:nth-of-type(2) {
    padding-top: 62px;
    padding-bottom: calc(26.944vw + 28px);
  }
  .summary-note__article:nth-of-type(2):before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: calc(100vw - 40px);
    height: 26.944vw;
    margin-left: unset;
    background-image: url("../../images/bem/summary-note/mo/summary-note__article1--before.png");
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .summary-note__article:nth-of-type(2):after {
    display: none;
  }
  .summary-note__article:nth-of-type(3) {
    padding: 50px 0 60px 0;
  }
}
@media (max-width: 749px) {
  .summary-note__article:nth-of-type(1) {
    padding-top: 26px;
  }
  .summary-note__article:nth-of-type(2) {
    padding-top: 31px;
  }
  .summary-note__article:nth-of-type(3) {
    padding: 25px 0 30px 0;
  }
}
.summary-note__title .-key {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin: 0 auto 10px auto;
  font-family: "Pretendard";
  font-size: 40px;
  font-weight: normal;
  color: #002222;
}
.summary-note__title .-value {
  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;
  font-family: "TmonMonsori";
  font-size: 64px;
  color: #002222;
}
.summary-note__title .-emphasis {
  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;
  font-family: "TmonMonsori";
  font-size: 64px;
  color: #ee484a;
}
.summary-note__title .-icon {
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 8px;
  margin: 0 14px 0 -8px;
}
.summary-note__title .-bounce {
  display: inline-block;
  vertical-align: top;
  font-family: inherit;
  font-style: normal !important;
  font-size: inherit;
  color: inherit;
  text-align: inherit;
  position: relative;
  top: 8px;
  -webkit-animation: bounce-pc 0.6s ease alternate infinite;
          animation: bounce-pc 0.6s ease alternate infinite;
}
@-webkit-keyframes bounce-pc {
  from {
    top: -8px;
  }
}
@keyframes bounce-pc {
  from {
    top: -8px;
  }
}
.summary-note__title .-bounce[data-element-sequence="0"] {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.summary-note__title .-bounce[data-element-sequence="1"] {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.summary-note__title .-bounce[data-element-sequence="2"] {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.summary-note__title .-bounce[data-element-sequence="3"] {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.summary-note__title .-bounce[data-element-sequence="4"] {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.summary-note__title .-bounce[data-element-sequence="5"] {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
@media (max-width: 1023px) {
  .summary-note__title .-key {
    margin-bottom: 8px;
  }
  .summary-note__title .-value {
    font-size: 54px;
  }
  .summary-note__title .-emphasis {
    font-size: 54px;
  }
}
@media (max-width: 749px) {
  .summary-note__title .-key {
    margin-bottom: 4px;
    font-size: 20px;
  }
  .summary-note__title .-value {
    font-size: 27px;
  }
  .summary-note__title .-emphasis {
    font-size: 27px;
  }
  .summary-note__title .-icon {
    top: 4px;
    width: 35px;
    height: 32px;
    margin: 0 8px 0 0;
  }
  .summary-note__title .-bounce {
    top: 4px;
    -webkit-animation: bounce-mo 0.6s ease alternate infinite;
            animation: bounce-mo 0.6s ease alternate infinite;
  }
  @-webkit-keyframes bounce-mo {
    from {
      top: -4px;
    }
  }
  @keyframes bounce-mo {
    from {
      top: -4px;
    }
  }
}
.summary-note__textbook {
  margin: 0 auto;
  font-size: 0;
}
.summary-note__textbook img {
  max-width: 100%;
  margin: 0 auto;
}
@media (max-width: 749px) {
  .summary-note__textbook img {
    width: 360px;
  }
}
.summary-note__list {
  width: 800px;
  margin: 48px auto 0 auto;
}
@media (max-width: 1023px) {
  .summary-note__list {
    width: 100%;
    margin-top: 54px;
    padding: 0 40px;
  }
}
@media (max-width: 749px) {
  .summary-note__list {
    margin-top: 27px;
    padding: 0 20px;
  }
}
.summary-note__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  height: 180px;
  padding: 48px;
  border-radius: 20px;
}
.summary-note__item + .summary-note__item {
  margin-top: 20px;
}
.summary-note__item:nth-of-type(1) {
  background: #fff url("../../images/bem/summary-note/summary-note__item0.png") right 50px center/auto no-repeat;
}
.summary-note__item:nth-of-type(2) {
  background: #fff url("../../images/bem/summary-note/summary-note__item1.png") right 50px center/auto no-repeat;
}
.summary-note__item:nth-of-type(3) {
  background: #fff url("../../images/bem/summary-note/summary-note__item2.png") right 50px center/auto no-repeat;
}
.summary-note__item:nth-of-type(4) {
  background: #fff url("../../images/bem/summary-note/summary-note__item3.png") right 50px center/auto no-repeat;
}
@media (max-width: 1023px) {
  .summary-note__item {
    padding: 28px;
  }
  .summary-note__item:nth-of-type(1) {
    background: #fff url("../../images/bem/summary-note/summary-note__item0.png") right 28px center/94px auto no-repeat;
  }
  .summary-note__item:nth-of-type(2) {
    background: #fff url("../../images/bem/summary-note/summary-note__item1.png") right 28px center/98px auto no-repeat;
  }
  .summary-note__item:nth-of-type(3) {
    background: #fff url("../../images/bem/summary-note/summary-note__item2.png") right 28px center/122px auto no-repeat;
  }
  .summary-note__item:nth-of-type(4) {
    background: #fff url("../../images/bem/summary-note/summary-note__item3.png") right 28px center/112px auto no-repeat;
  }
}
@media (max-width: 749px) {
  .summary-note__item {
    height: 90px;
    padding: 14px;
    border-radius: 10px;
  }
  .summary-note__item + .summary-note__item {
    margin-top: 10px;
  }
  .summary-note__item:nth-of-type(1) {
    background: #fff url("../../images/bem/summary-note/summary-note__item0.png") right 14px center/47px auto no-repeat;
  }
  .summary-note__item:nth-of-type(2) {
    background: #fff url("../../images/bem/summary-note/summary-note__item1.png") right 14px center/49px auto no-repeat;
  }
  .summary-note__item:nth-of-type(3) {
    background: #fff url("../../images/bem/summary-note/summary-note__item2.png") right 14px center/61px auto no-repeat;
  }
  .summary-note__item:nth-of-type(4) {
    background: #fff url("../../images/bem/summary-note/summary-note__item3.png") right 14px center/56px auto no-repeat;
  }
}
.summary-note__key {
  display: block;
  width: 100%;
  height: auto;
  font-family: "TmonMonsori";
  font-size: 34px;
  color: #222;
}
@media (max-width: 1023px) {
  .summary-note__key {
    font-size: 30px;
  }
}
@media (max-width: 749px) {
  .summary-note__key {
    font-size: 15px;
  }
}
.summary-note__value {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 8px;
  font-family: "Pretendard";
  font-size: 28px;
  color: #222;
  line-height: 34px;
}
@media (max-width: 1023px) {
  .summary-note__value {
    font-size: 26px;
  }
}
@media (max-width: 749px) {
  .summary-note__value {
    margin-top: 4px;
    font-size: 13px;
    line-height: 17px;
  }
}
.summary-note__sample {
  margin-top: 48px;
  text-align: center;
}
.summary-note__sample img {
  display: inline-block;
  vertical-align: top;
  margin: 0 8px;
  border: 1px solid #cecece;
}
@media (max-width: 1023px) {
  .summary-note__sample {
    margin-top: 58px;
  }
  .summary-note__sample img {
    width: 202px;
    height: auto;
    margin: 0 6px;
  }
}
@media (max-width: 749px) {
  .summary-note__sample {
    margin-top: 29px;
  }
  .summary-note__sample img {
    width: 101px;
    margin: 0 3px;
  }
}
@media (max-width: 375px) {
  .summary-note__sample img {
    width: calc((100% - 46px) / 3);
  }
}
.summary-note__carousel {
  position: relative;
  width: 800px;
  height: auto;
  margin: 50px auto 0 auto;
}
.summary-note__carousel [data-carousel-name=summary-note] {
  overflow: hidden;
  width: 100%;
  height: auto;
}
.summary-note__carousel .swiper-prev-button {
  cursor: pointer;
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  right: unset;
  bottom: unset;
  left: 0;
  width: 75px;
  height: 75px;
  background: url("../../images/bem/summary-note/summary-note__carousel-button.png") center/auto no-repeat;
  -webkit-transform: translate(-100%, -50%) rotate(180deg);
      -ms-transform: translate(-100%, -50%) rotate(180deg);
          transform: translate(-100%, -50%) rotate(180deg);
}
.summary-note__carousel .swiper-next-button {
  cursor: pointer;
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 0;
  bottom: unset;
  left: unset;
  width: 75px;
  height: 75px;
  background: url("../../images/bem/summary-note/summary-note__carousel-button.png") center/auto no-repeat;
  -webkit-transform: translate(100%, -50%);
      -ms-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
}
@media (max-width: 1023px) {
  .summary-note__carousel {
    width: 640px;
    margin-top: 30px;
  }
  .summary-note__carousel .swiper-prev-button {
    width: 40px;
    height: 40px;
    background-size: 16px 24px;
  }
  .summary-note__carousel .swiper-next-button {
    width: 40px;
    height: 40px;
    background-size: 16px 24px;
  }
}
@media (max-width: 749px) {
  .summary-note__carousel {
    width: 320px;
    margin-top: 15px;
  }
  .summary-note__carousel .swiper-prev-button {
    width: 20px;
    height: 20px;
    background-size: 8px 12px;
  }
  .summary-note__carousel .swiper-next-button {
    width: 20px;
    height: 20px;
    background-size: 8px 12px;
  }
}
@media (max-width: 375px) {
  .summary-note__carousel {
    width: calc(100% - 40px);
  }
}
.summary-note__box {
  overflow: hidden;
  width: 100%;
  height: 312px;
  border-radius: 20px;
  background-color: #fff;
}
@media (max-width: 1023px) {
  .summary-note__box {
    height: 250px;
  }
}
@media (max-width: 749px) {
  .summary-note__box {
    height: 125px;
    border-radius: 10px;
  }
}
.summary-note__box-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  height: 90px;
  background-color: #ee484a;
  font-family: "Pretendard";
  font-size: 34px;
  font-weight: bold;
  color: #fff;
}
.summary-note__box-title:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  border-top: 16px solid #ee484a;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
@media (max-width: 1023px) {
  .summary-note__box-title {
    height: 70px;
    font-size: 28px;
  }
  .summary-note__box-title:after {
    border-top: 14px solid #ee484a;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
  }
}
@media (max-width: 749px) {
  .summary-note__box-title {
    height: 35px;
    font-size: 14px;
  }
  .summary-note__box-title:after {
    border-top: 7px solid #ee484a;
    border-right: 4.5px solid transparent;
    border-left: 4.5px solid transparent;
  }
}
.summary-note__box-content {
  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;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  height: calc(100% - 90px);
}
@media (max-width: 1023px) {
  .summary-note__box-content {
    height: calc(100% - 70px);
  }
}
@media (max-width: 749px) {
  .summary-note__box-content {
    height: calc(100% - 35px);
  }
}
.summary-note__box-description {
  font-family: "Pretendard";
  font-size: 28px;
  font-weight: normal;
  color: #222;
  text-align: center;
  line-height: 46px;
  letter-spacing: -0.025em;
}
.summary-note__box-description .-mark {
  display: inline-block;
  vertical-align: top;
  padding: 0 8px;
  background-color: #fff15a;
  font-family: inherit;
  font-size: inherit;
  font-weight: bold;
  color: inherit;
  text-align: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
@media (max-width: 1023px) {
  .summary-note__box-description {
    line-height: 36px;
  }
}
@media (max-width: 749px) {
  .summary-note__box-description {
    font-size: 14px;
    line-height: 18px;
  }
  .summary-note__box-description .-mark {
    padding: 0 4px;
  }
}
.summary-note__box-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.summary-note__box-item + .summary-note__box-item {
  margin-top: 10px;
}
@media (max-width: 749px) {
  .summary-note__box-item + .summary-note__box-item {
    margin-top: 5px;
  }
}
.summary-note__box-key {
  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: 116px;
  height: 42px;
  border-radius: 42px;
  font-family: "Pretendard";
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}
.summary-note__box-item:nth-of-type(1) .summary-note__box-key {
  background-color: #f57584;
}
.summary-note__box-item:nth-of-type(2) .summary-note__box-key {
  background-color: #6ab429;
}
.summary-note__box-item:nth-of-type(3) .summary-note__box-key {
  background-color: #fa7731;
}
@media (max-width: 1023px) {
  .summary-note__box-key {
    width: 94px;
    height: 36px;
    border-radius: 36px;
    font-size: 26px;
  }
}
@media (max-width: 749px) {
  .summary-note__box-key {
    width: 47px;
    height: 18px;
    border-radius: 18px;
    font-size: 14px;
  }
}
.summary-note__box-value {
  margin-left: 18px;
  font-family: "Pretendard";
  font-size: 28px;
  font-weight: normal;
  color: #222;
}
@media (max-width: 1023px) {
  .summary-note__box-value {
    margin-left: 12px;
  }
}
@media (max-width: 749px) {
  .summary-note__box-value {
    margin-left: 6px;
    font-size: 14px;
  }
}

.store-link {
  display: block;
  position: absolute;
}
.store-link.-and {
  bottom: 24px;
  left: 32px;
  width: 120px;
  height: 36px;
}
.store-link.-ios {
  bottom: 24px;
  left: 165px;
  width: 120px;
  height: 36px;
}
@media (max-width: 749px) {
  .store-link.-and {
    bottom: 9%;
    left: 5.6%;
    width: 24%;
    height: 13%;
  }
  .store-link.-ios {
    bottom: 9%;
    left: 31.6%;
    width: 24%;
    height: 13%;
  }
}

.school-list {
  overflow: hidden;
  position: absolute;
  top: 78px;
  left: 30px;
  width: calc(100% - 60px);
  height: 45px;
}
.school-list .swiper-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.school-list .swiper-slide {
  width: 100%;
  height: 100%;
  font-family: "jalnan" !important;
  font-size: 35px;
  color: #fff;
  text-align: left;
  line-height: 45px;
}
@media (max-width: 749px) {
  .school-list {
    top: 13.4vw;
    left: 5.6%;
    height: 50px;
  }
  .school-list .swiper-slide {
    font-size: 5.6vw;
    line-height: 50px;
  }
}
@media (max-width: 629px) {
  .school-list {
    top: 13vw;
  }
}
@media (max-width: 599px) {
  .school-list {
    height: 40px;
  }
  .school-list .swiper-slide {
    line-height: 40px;
  }
}
@media (max-width: 499px) {
  .school-list {
    height: 35px;
  }
  .school-list .swiper-slide {
    line-height: 35px;
  }
}
@media (max-width: 459px) {
  .school-list {
    top: 12vw;
  }
}
@media (max-width: 399px) {
  .school-list {
    height: 30px;
  }
  .school-list .swiper-slide {
    line-height: 30px;
  }
}
@media (max-width: 359px) {
  .school-list {
    top: 11vw;
    height: 25px;
  }
  .school-list .swiper-slide {
    line-height: 25px;
  }
}

.school-link {
  display: block;
  position: absolute;
  bottom: 9%;
  left: 6%;
  width: 30%;
  height: 15%;
}

.app-certify {
  width: 100%;
  height: auto;
  margin-bottom: -180px;
}
.app-certify .-pc {
  display: block;
}
.app-certify .-mo {
  display: none;
}
@media (max-width: 1023px) {
  .app-certify {
    margin-bottom: -90px;
  }
  .app-certify .-pc {
    display: none;
  }
  .app-certify .-mo {
    display: block;
  }
}
@media (max-width: 767px) {
  .app-certify {
    margin-bottom: -12.5vw;
  }
}
.app-certify__showcase {
  overflow: hidden;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 715px;
  margin: 0 auto;
  padding-top: 65px;
  background: #3048e6 url("../../images/bem/app-certify/app-certify__showcase--pc.jpg") center/auto 715px no-repeat;
}
@media (max-width: 1023px) {
  .app-certify__showcase {
    height: 630px;
    padding-top: unset;
    background: #3048e6 url("../../images/bem/app-certify/app-certify__showcase--mo.jpg") no-repeat;
    background-size: cover;
  }
}
@media (max-width: 719px) {
  .app-certify__showcase {
    height: 315px;
    background: #3048e6 url("../../images/bem/app-certify/app-certify__showcase--mo.jpg") no-repeat;
    background-size: cover;
  }
}
.app-certify__showcase-i {
  position: absolute;
  top: 228px;
  left: 50%;
  margin-left: -960px;
  -webkit-transform: rotate(-8deg);
      -ms-transform: rotate(-8deg);
          transform: rotate(-8deg);
  -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
          transform-origin: left bottom;
  -webkit-animation: shake-pc 0.8s ease-in-out forwards;
          animation: shake-pc 0.8s ease-in-out forwards;
}
@-webkit-keyframes shake-pc {
  from {
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes shake-pc {
  from {
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.app-certify__showcase-i img {
  width: auto;
  height: auto;
}
.app-certify__showcase-i img.-pc {
  -webkit-filter: drop-shadow(20px 20px 40px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(20px 20px 40px rgba(0, 0, 0, 0.2));
}
@media (max-width: 1023px) {
  .app-certify__showcase-i {
    top: 42px;
    right: 0;
    margin-left: 24%;
    -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate(8deg);
        -ms-transform: rotate(8deg);
            transform: rotate(8deg);
    -webkit-animation: shake-mo 0.8s ease-in-out forwards;
            animation: shake-mo 0.8s ease-in-out forwards;
  }
  @-webkit-keyframes shake-mo {
    from {
      -webkit-transform: rotate(8deg);
              transform: rotate(8deg);
    }
    to {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
  }
  @keyframes shake-mo {
    from {
      -webkit-transform: rotate(8deg);
              transform: rotate(8deg);
    }
    to {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
  }
}
@media (max-width: 719px) {
  .app-certify__showcase-i {
    top: 21px;
    margin-left: 32%;
  }
  .app-certify__showcase-i img {
    width: 200px;
  }
}
@media (max-width: 499px) {
  .app-certify__showcase-i {
    margin-left: 24%;
  }
}
@media (max-width: 1023px) {
  .app-certify__showcase-group {
    position: relative;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.app-certify__showcase-heading {
  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;
  font-family: "Tenada";
  font-size: 62px;
  font-weight: bold;
  color: #68eaff;
  text-align: center;
  line-height: 78px;
}
.app-certify__showcase-heading:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 37px;
  height: 41px;
  margin-top: -24px;
  margin-right: 18px;
  background: url("../../images/bem/app-certify/app-certify__showcase-heading--before.png") center/contain no-repeat;
}
.app-certify__showcase-heading:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 37px;
  height: 41px;
  margin-top: -24px;
  margin-left: 18px;
  background: url("../../images/bem/app-certify/app-certify__showcase-heading--before.png") center/contain no-repeat;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}
@media (max-width: 1023px) {
  .app-certify__showcase-heading {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 0 60px;
    font-size: 34px;
    line-height: 1;
  }
  .app-certify__showcase-heading:before {
    width: 27px;
    height: 30px;
    margin-top: -16px;
    margin-right: 4px;
  }
  .app-certify__showcase-heading:after {
    width: 27px;
    height: 30px;
    margin-top: -16px;
    margin-left: 4px;
  }
}
@media (max-width: 719px) {
  .app-certify__showcase-heading {
    padding: 0 30px;
    font-size: 17px;
  }
  .app-certify__showcase-heading:before {
    width: 14px;
    height: 15px;
    margin-top: -8px;
    margin-right: 2px;
  }
  .app-certify__showcase-heading:after {
    width: 14px;
    height: 15px;
    margin-top: -8px;
    margin-left: 2px;
  }
}
.app-certify__showcase-content {
  position: relative;
  left: 50%;
  width: 50%;
  height: auto;
  margin-top: 22px;
  margin-left: -52px;
}
@media (max-width: 1023px) {
  .app-certify__showcase-content {
    position: unset;
    width: 100%;
    margin-top: 18px;
    margin-left: unset;
    padding: 0 60px;
  }
}
@media (max-width: 719px) {
  .app-certify__showcase-content {
    margin-top: 8px;
    padding: 0 30px;
  }
}
.app-certify__showcase-description {
  font-family: "Noto Sans KR";
  font-size: 30px;
  font-weight: 400;
  color: #fff;
  line-height: 1;
}
@media (max-width: 1023px) {
  .app-certify__showcase-description {
    padding-left: 40px;
  }
}
@media (max-width: 719px) {
  .app-certify__showcase-description {
    padding-left: 20px;
    font-size: 15px;
  }
}
.app-certify__showcase-title {
  margin-top: 36px;
}
.app-certify__showcase-title img {
  display: block;
  width: auto;
  height: auto;
}
@media (max-width: 1023px) {
  .app-certify__showcase-title {
    margin-top: 28px;
  }
  .app-certify__showcase-title img {
    width: 73.4%;
  }
}
@media (max-width: 719px) {
  .app-certify__showcase-title {
    margin-top: 14px;
  }
  .app-certify__showcase-title img {
    width: 220px;
  }
}
.app-certify__showcase-list {
  margin-top: 50px;
}
@media (max-width: 1023px) {
  .app-certify__showcase-list {
    margin-top: 52px;
  }
}
@media (max-width: 719px) {
  .app-certify__showcase-list {
    margin-top: 26px;
  }
}
.app-certify__showcase-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.app-certify__showcase-item + .app-certify__showcase-item {
  margin-top: 15px;
}
@media (max-width: 719px) {
  .app-certify__showcase-item + .app-certify__showcase-item {
    margin-top: 7px;
  }
}
.app-certify__showcase-key {
  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: 150px;
  height: 50px;
  border: 1px solid #fff;
  border-radius: 50px;
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
}
@media (max-width: 719px) {
  .app-certify__showcase-key {
    width: 75px;
    height: 25px;
    font-size: 10px;
  }
}
.app-certify__showcase-value {
  display: inline-block;
  vertical-align: top;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
  height: auto;
  margin-left: 25px;
  font-family: "Noto Sans KR";
  font-size: 22px;
  font-weight: 400;
  color: #fff;
  line-height: 1;
}
@media (max-width: 719px) {
  .app-certify__showcase-value {
    margin-left: 12px;
    font-size: 11px;
  }
}
.app-certify__section {
  width: 100%;
  height: auto;
}
.app-certify__article {
  width: 100%;
  height: auto;
}
.app-certify__article:nth-of-type(1) {
  background-color: #282828;
}
.app-certify__article:nth-of-type(2) {
  background-color: #3048e6;
}
.app-certify__article:nth-of-type(3) {
  padding: 70px 0 42px 0;
  background-color: #282828;
}
@media (max-width: 1023px) {
  .app-certify__article:nth-of-type(3) {
    padding: 56px 0 28px 0;
  }
}
@media (max-width: 719px) {
  .app-certify__article:nth-of-type(3) {
    padding: 28px 0 14px 0;
  }
}
.app-certify__content {
  width: 1300px;
  height: auto;
  margin: 0 auto;
}
.app-certify__content img {
  width: 100%;
  height: auto;
}
@media (max-width: 1299px) {
  .app-certify__content {
    width: 100%;
  }
}
.app-certify__group + .app-certify__group {
  margin-top: 64px;
}
@media (max-width: 1023px) {
  .app-certify__group {
    padding: 0 60px;
  }
  .app-certify__group + .app-certify__group {
    margin-top: 50px;
  }
}
@media (max-width: 719px) {
  .app-certify__group {
    padding: 0 30px;
  }
  .app-certify__group + .app-certify__group {
    margin-top: 25px;
  }
}
.app-certify__step {
  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: 200px;
  height: 65px;
  margin: 0 auto;
  padding-top: 6px;
  border-radius: 65px;
  background-color: #3048e6;
  font-family: "GmarketSansMedium";
  font-size: 32px;
  color: #fff;
}
@media (max-width: 1023px) {
  .app-certify__step {
    width: 180px;
    height: 60px;
    border-radius: 60px;
    font-size: 28px;
  }
}
@media (max-width: 719px) {
  .app-certify__step {
    width: 90px;
    height: 30px;
    padding-top: 4px;
    border-radius: 30px;
    font-size: 14px;
  }
}
.app-certify__list {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-top: 35px;
}
@media (max-width: 1023px) {
  .app-certify__list {
    margin-top: 40px;
  }
}
@media (max-width: 719px) {
  .app-certify__list {
    margin-top: 20px;
  }
}
.app-certify__item {
  width: calc((100% - 20px) / 2);
  height: 250px;
  padding: 20px 30px;
  border-radius: 20px;
  background-position: right 20px bottom;
  background-size: auto;
  background-repeat: no-repeat;
}
.app-certify__item:nth-of-type(1) {
  background-color: #3048e6;
  background-image: url("../../images/bem/app-certify/app-certify__item1.jpg");
}
.app-certify__item:nth-of-type(2) {
  background-color: #222222;
  background-image: url("../../images/bem/app-certify/app-certify__item2.jpg");
}
.app-certify__item:nth-of-type(3) {
  margin-top: 20px;
  background-color: #222222;
  background-image: url("../../images/bem/app-certify/app-certify__item3.jpg");
}
.app-certify__item:nth-of-type(4) {
  margin-top: 20px;
  background-color: #3048e6;
  background-image: url("../../images/bem/app-certify/app-certify__item4.jpg");
}
@media (max-width: 1023px) {
  .app-certify__item {
    width: calc((100% - 10px) / 2);
    height: 54.4vw;
    padding: 16px 30px;
    background-position: center bottom;
  }
}
@media (max-width: 719px) {
  .app-certify__item {
    width: calc((100% - 5px) / 2);
    padding: 8px 15px;
    border-radius: 10px;
    background-size: 110px;
  }
}
.app-certify__count {
  display: block;
  font-family: "GmarketSansBold";
  font-size: 28px;
  color: #68eaff;
  line-height: 46px;
}
@media (max-width: 1023px) {
  .app-certify__count {
    font-size: 24px;
  }
}
@media (max-width: 719px) {
  .app-certify__count {
    font-size: 12px;
    line-height: 23px;
  }
}
.app-certify__description {
  font-family: "GmarketSansMedium";
  font-size: 20px;
  color: #fff;
  line-height: 28px;
}
.app-certify__description .-emphasis {
  display: inline-block;
  vertical-align: top;
  font-family: "GmarketSansBold";
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}
@media (max-width: 1023px) {
  .app-certify__description {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 719px) {
  .app-certify__description {
    font-size: 10px;
    line-height: 12px;
  }
}
.app-certify__notice {
  margin-top: 8px;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  text-align: right;
  line-height: 28px;
}
@media (max-width: 1023px) {
  .app-certify__notice {
    margin-top: 24px;
  }
}
@media (max-width: 719px) {
  .app-certify__notice {
    margin-top: 12px;
    font-size: 10px;
    line-height: 14px;
  }
}
.app-certify__progress {
  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: 35px;
}
@media (max-width: 1023px) {
  .app-certify__progress {
    display: block;
    margin-top: 40px;
  }
}
@media (max-width: 719px) {
  .app-certify__progress {
    margin-top: 20px;
  }
}
.app-certify__progress-step {
  overflow: hidden;
  width: calc((100% - 30px) / 2);
  height: 330px;
  border: 3px solid #004fef;
  border-radius: 20px;
}
@media (max-width: 1023px) {
  .app-certify__progress-step {
    width: 100%;
    height: 34.8vw;
  }
  .app-certify__progress-step + .app-certify__progress-step {
    height: 37.6vw;
    margin-top: 20px;
  }
}
@media (max-width: 719px) {
  .app-certify__progress-step {
    border-width: 1.5px;
    border-radius: 10px;
  }
  .app-certify__progress-step + .app-certify__progress-step {
    margin-top: 10px;
  }
}
.app-certify__progress-title {
  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: 70px;
  background-color: #004fef;
  font-family: "GmarketSansBold";
  font-size: 22px;
  color: #fff;
}
@media (max-width: 1023px) {
  .app-certify__progress-title {
    height: 60px;
    font-size: 20px;
  }
}
@media (max-width: 719px) {
  .app-certify__progress-title {
    height: 30px;
    font-size: 10px;
  }
}
.app-certify__progress-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  height: calc(100% - 70px);
  background-color: #fff;
}
@media (max-width: 1023px) {
  .app-certify__progress-content {
    height: calc(100% - 60px);
  }
}
@media (max-width: 719px) {
  .app-certify__progress-content {
    height: calc(100% - 30px);
  }
}
.app-certify__progress-link {
  display: block;
}
.app-certify__progress-link + .app-certify__progress-link {
  margin-left: 35px;
}
.app-certify__progress-link img {
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto;
}
.app-certify__progress-link img.qr-code {
  width: 100px;
  height: 100px;
  margin: 10px auto;
  border: 1px solid #222222;
  border-radius: 5px;
}
@media (max-width: 1023px) {
  .app-certify__progress-link {
    position: relative;
    padding-top: 10px;
    padding-left: 110px;
    min-height: 100px;
  }
  .app-certify__progress-link + .app-certify__progress-link {
    margin-left: 42px;
  }
  .app-certify__progress-link img {
    margin: unset;
  }
  .app-certify__progress-link img.qr-code {
    position: absolute;
    top: 0;
    left: 0;
    margin: unset;
  }
}
@media (max-width: 719px) {
  .app-certify__progress-link {
    position: relative;
    padding-top: 5px;
    padding-left: 55px;
    min-height: 50px;
  }
  .app-certify__progress-link + .app-certify__progress-link {
    margin-left: 21px;
  }
  .app-certify__progress-link img:not(.qr-code) {
    height: 16px;
  }
  .app-certify__progress-link img.qr-code {
    width: 50px;
    height: 50px;
    border: 1px solid #222222;
    border-radius: 5px;
  }
}
@media (max-width: 359px) {
  .app-certify__progress-link + .app-certify__progress-link {
    margin-left: 5px;
  }
}
.app-certify__progress-trigger {
  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: 130px;
  height: 40px;
  margin: 0 auto;
}
.app-certify__progress-trigger > img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}
@media (max-width: 1023px) {
  .app-certify__progress-trigger {
    margin-top: 10px;
  }
}
@media (max-width: 719px) {
  .app-certify__progress-trigger {
    width: 65px;
    height: 20px;
    margin-top: 5px;
    text-align: left;
  }
  .app-certify__progress-trigger > img {
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: 100% !important;
  }
}
.app-certify__sns-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;
  position: relative;
  padding-top: 38px;
}
.app-certify__sns-list:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 144px;
  height: 38px;
  margin-left: -4px;
  background: url("../../images/bem/app-certify/app-certify__sns-list--before.jpg") center/contain no-repeat;
}
@media (max-width: 719px) {
  .app-certify__sns-list {
    padding-top: 19px;
  }
  .app-certify__sns-list:before {
    width: 72px;
    height: 19px;
    margin-left: -2px;
    background-size: auto 19px;
  }
}
.app-certify__sns-item + .app-certify__sns-item {
  margin-left: 8px;
}
@media (max-width: 719px) {
  .app-certify__sns-item + .app-certify__sns-item {
    margin-left: 4px;
  }
}
.app-certify__sns-link {
  display: block;
  width: 50px;
  height: 50px;
}
.app-certify__sns-link img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 719px) {
  .app-certify__sns-link {
    width: 25px;
    height: 25px;
  }
}
.app-certify__hashtag {
  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: auto;
  margin-top: 16px;
}
@media (max-width: 1023px) {
  .app-certify__hashtag {
    margin-top: 12px;
  }
}
@media (max-width: 719px) {
  .app-certify__hashtag {
    margin-top: 6px;
  }
}
.app-certify__hashtag-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  width: 220px;
  height: 80px;
  padding: 10px 16px;
  border: 1px solid #222;
  font-family: "GmarketSansMedium";
  font-size: 14px;
  color: #222;
  line-height: 20px;
}
@media (max-width: 1023px) {
  .app-certify__hashtag-content {
    width: auto;
    height: auto;
    padding: 8px 12px;
  }
}
@media (max-width: 719px) {
  .app-certify__hashtag-content {
    padding: 4px 6px;
    font-size: 10px;
    line-height: 1;
  }
}
.app-certify__hashtag-copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 130px;
  height: 40px;
  margin-left: 8px;
}
.app-certify__hashtag-copy > img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 1023px) {
  .app-certify__hashtag-copy {
    margin-left: 12px;
  }
}
@media (max-width: 719px) {
  .app-certify__hashtag-copy {
    width: 65px;
    height: 20px;
    margin-left: 6px;
    text-align: left;
  }
  .app-certify__hashtag-copy > img {
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: 100% !important;
  }
}
.app-certify__form {
  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;
  overflow: hidden;
  width: 100%;
  height: 100px;
  margin: 30px 0 55px 0;
  border: 3px solid #004fef;
  border-radius: 20px;
  background-color: #fff;
}
@media (max-width: 1023px) {
  .app-certify__form {
    margin: 20px 0 40px 0;
  }
}
@media (max-width: 719px) {
  .app-certify__form {
    height: 50px;
    margin: 10px 0 20px 0;
    border-width: 1.5px;
    border-radius: 10px;
  }
}
.app-certify__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100px;
  height: 100%;
  margin-left: -3px;
  background-color: #004fef;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  line-height: 18px;
}
@media (max-width: 719px) {
  .app-certify__label {
    width: 50px;
    margin-left: -1.5px;
    font-size: 10px;
    line-height: 1;
  }
}
.app-certify__alignment {
  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: 100%;
  height: 100%;
  padding: 16px;
}
@media (max-width: 719px) {
  .app-certify__alignment {
    padding: 8px;
  }
}
.app-certify__input {
  display: inline-block;
  vertical-align: top;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
  height: 58px;
  padding: 14px;
  border: 1px solid #272727;
  border-radius: 10px;
  background-color: #fff;
  font-size: 16px;
  color: #222;
}
.app-certify__input::-webkit-input-placeholder {
  color: #999999;
}
.app-certify__input::-moz-placeholder {
  color: #999999;
}
.app-certify__input:-ms-input-placeholder {
  color: #999999;
}
.app-certify__input::-ms-input-placeholder {
  color: #999999;
}
.app-certify__input::placeholder {
  color: #999999;
}
@media (max-width: 719px) {
  .app-certify__input {
    height: 28px;
    padding: 8px;
    border-radius: 5px;
    font-size: 10px;
  }
}
.app-certify__apply {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 164px;
  height: 60px;
  margin-left: 14px;
}
.app-certify__apply:after {
  content: "";
  display: block;
  position: absolute;
  right: 8px;
  bottom: -16px;
  width: 38px;
  height: 54px;
  background: url("../../images/bem/app-certify/app-certify__apply--after.png") center/contain no-repeat;
  -webkit-filter: drop-shadow(3px 3px 0.11px rgba(0, 0, 0, 0.3));
          filter: drop-shadow(3px 3px 0.11px rgba(0, 0, 0, 0.3));
}
.app-certify__apply > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 719px) {
  .app-certify__apply {
    width: 82px;
    height: 30px;
    margin-left: 8px;
  }
  .app-certify__apply:after {
    right: 4px;
    bottom: -8px;
    width: 18px;
    height: 28px;
  }
}
.app-certify__carousel {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 258px;
  padding: 44px 46px;
  border-radius: 20px;
  background-color: #fff;
}
.app-certify__carousel:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background-color: #fff;
}
.app-certify__carousel:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background-color: #fff;
}
.app-certify__carousel .swiper-container {
  overflow: unset !important;
  width: 100%;
  height: 100%;
}
.app-certify__carousel .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.app-certify__carousel .-date {
  display: inline-block;
  vertical-align: top;
  width: 128px;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 14px;
}
.app-certify__carousel .-name {
  display: inline-block;
  vertical-align: top;
  width: 100px;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 38px;
}
.app-certify__carousel .-href {
  display: inline-block;
  vertical-align: top;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 1023px) {
  .app-certify__carousel {
    height: 230px;
    padding: 30px;
  }
  .app-certify__carousel:before, .app-certify__carousel:after {
    height: 24px;
  }
  .app-certify__carousel .-date {
    width: 104px;
  }
  .app-certify__carousel .-name {
    width: 70px;
  }
}
@media (max-width: 719px) {
  .app-certify__carousel {
    height: 115px;
    padding: 15px;
    border-radius: 10px;
  }
  .app-certify__carousel:before, .app-certify__carousel:after {
    height: 12px;
  }
  .app-certify__carousel .-date {
    width: 52px;
    font-size: 10px;
    line-height: 1;
  }
  .app-certify__carousel .-name {
    width: 35px;
    font-size: 10px;
    line-height: 1;
  }
  .app-certify__carousel .-href {
    font-size: 10px;
    line-height: 1;
  }
}
.app-certify__noti {
  width: 100%;
  height: auto;
  background-color: #fff;
}
.app-certify__noti-content {
  width: 1300px;
  height: auto;
  margin: 0 auto;
  padding: 38px 0 58px 0;
}
@media (max-width: 1299px) {
  .app-certify__noti-content {
    width: 100%;
    padding: 8px 60px 40px 60px;
  }
}
@media (max-width: 719px) {
  .app-certify__noti-content {
    padding: 4px 30px 20px 30px;
  }
}
.app-certify__noti-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid #222;
  font-family: "GmarketSansMedium";
  font-size: 22px;
  color: #222;
}
.app-certify__noti-title:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 26px;
  height: 26px;
  margin-right: 12px;
  background: url("../../images/bem/app-certify/app-certify__noti-title--before.jpg") center/contain no-repeat;
}
@media (max-width: 1023px) {
  .app-certify__noti-title {
    font-size: 20px;
  }
  .app-certify__noti-title:before {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 719px) {
  .app-certify__noti-title {
    padding: 8px 0;
    font-size: 10px;
  }
  .app-certify__noti-title:before {
    width: 10px;
    height: 10px;
    margin-right: 6px;
  }
}
.app-certify__noti-list {
  margin-top: 24px;
}
@media (max-width: 1023px) {
  .app-certify__noti-list {
    margin-top: 12px;
  }
}
@media (max-width: 719px) {
  .app-certify__noti-list {
    margin-top: 6px;
  }
}
.app-certify__noti-item {
  position: relative;
  padding-left: 12px;
  font-family: "GmarketSansMedium";
  font-size: 18px;
  color: #222;
  line-height: 38px;
}
.app-certify__noti-item:before {
  content: "-";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-family: inherit;
  font-size: inherit;
  color: #222;
  line-height: inherit;
}
.app-certify__noti-item.-emphasis {
  color: #004fef;
}
.app-certify__noti-item .-strong {
  display: inline-block;
  vertical-align: top;
  font-family: "GmarketSansBold";
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}
@media (max-width: 1023px) {
  .app-certify__noti-item {
    font-size: 16px;
    line-height: 32px;
  }
}
@media (max-width: 719px) {
  .app-certify__noti-item {
    padding-left: 6px;
    font-size: 10px;
    line-height: 16px;
  }
}

.mobile-table .tit.-block {
  display: block !important;
  margin-bottom: 5px !important;
}
.mobile-table .inline-align {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 5px;
  font-size: 0;
}
.mobile-table .inline-align:not(:first-child) {
  margin-top: 5px;
}
.mobile-table .inline-align:not(:last-child) {
  margin-bottom: 5px;
}
.mobile-table .inline-align > * {
  display: inline-block;
  vertical-align: top;
}
.mobile-table .inline-align > span {
  margin: 5px !important;
}
.mobile-table .inline-align > .btn-search {
  width: 78px !important;
  margin-left: 5px !important;
}

@media (max-width: 1023px) {
  .radio-wrap.btn-type > label {
    width: calc((100% - 8px) / 2) !important;
    margin: 4px !important;
  }
  .radio-wrap.btn-type > label:nth-of-type(odd) {
    margin-left: unset !important;
  }
  .radio-wrap.btn-type > label:nth-of-type(even) {
    margin-right: unset !important;
  }
}

.summer-event {
  width: 100%;
  height: auto;
}
.summer-event.-web {
  margin-bottom: -180px;
}
.summer-event.-app {
  margin-bottom: -180px;
}
@media (max-width: 1023px) {
  .summer-event.-web {
    margin-bottom: -90px;
  }
}
@media (max-width: 767px) {
  .summer-event.-web {
    margin-bottom: -12.5vw;
  }
  .summer-event.-app {
    margin-bottom: -24.722vw;
  }
}
@-webkit-keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes to-right {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@keyframes to-right {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@-webkit-keyframes to-top {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
@keyframes to-top {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
@-webkit-keyframes to-bounce {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    opacity: 0;
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
@keyframes to-bounce {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    opacity: 0;
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
@-webkit-keyframes to-float {
  0%, 100% {
    margin-top: 25px;
  }
  to {
    margin-top: -25px;
  }
}
@keyframes to-float {
  0%, 100% {
    margin-top: 25px;
  }
  to {
    margin-top: -25px;
  }
}
.summer-event__showcase {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 1175px;
  background: url("../../images/bem/summer-event/summer-event__showcase.jpg") center/cover no-repeat;
}
@media (max-width: 1023px) {
  .summer-event__showcase {
    height: 124.444vw;
  }
}
.summer-event__showcase-bgimg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.summer-event__showcase-bgimg:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: url("../../images/bem/summer-event/summer-event__showcase-bgimg--before.png") left center/auto 100% no-repeat;
  opacity: 0;
  -webkit-animation: fade-in 1s forwards;
          animation: fade-in 1s forwards;
}
.summer-event__showcase-bgimg:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: url("../../images/bem/summer-event/summer-event__showcase-bgimg--after.png") right center/auto 100% no-repeat;
  opacity: 0;
  -webkit-animation: fade-in 1s forwards;
          animation: fade-in 1s forwards;
}
@media (max-width: 1023px) {
  .summer-event__showcase-bgimg:before {
    background: url("../../images/bem/summer-event/summer-event__showcase-bgimg--before--mo.png") left center/auto 100% no-repeat;
  }
  .summer-event__showcase-bgimg:after {
    background: url("../../images/bem/summer-event/summer-event__showcase-bgimg--after--mo.png") right center/auto 100% no-repeat;
  }
}
.summer-event__showcase-content {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.summer-event__showcase-tube0 {
  display: block;
  position: absolute;
  top: -37px;
  left: 50%;
  margin-left: 624px;
  -webkit-filter: drop-shadow(7px 37px 5.5px rgba(48, 48, 47, 0.2));
          filter: drop-shadow(7px 37px 5.5px rgba(48, 48, 47, 0.2));
  opacity: 0;
  margin-top: -25px;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  animation: to-bounce 1s 2.5s forwards, to-float 1s 3.5s linear infinite alternate-reverse;
}
@media (max-width: 1023px) {
  .summer-event__showcase-tube0 {
    width: 32.083vw;
    height: 31.388vw;
    top: -8.611vw;
    margin-left: 34.166vw;
  }
}
.summer-event__showcase-tube1 {
  display: block;
  position: absolute;
  top: 662px;
  left: 50%;
  margin-left: -1169px;
  -webkit-filter: drop-shadow(7px 37px 5.5px rgba(48, 48, 47, 0.2));
          filter: drop-shadow(7px 37px 5.5px rgba(48, 48, 47, 0.2));
  opacity: 0;
  margin-top: -25px;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  animation: to-bounce 1s 2.5s forwards, to-float 1s 3.5s linear infinite alternate-reverse;
}
@media (max-width: 1023px) {
  .summer-event__showcase-tube1 {
    width: 32.638vw;
    height: 32.083vw;
    top: 80.833vw;
    margin-left: -69.722vw;
  }
}
.summer-event__showcase-ball {
  display: block;
  position: absolute;
  top: 375px;
  left: 50%;
  margin-left: -740px;
  -webkit-filter: drop-shadow(7px 37px 5.5px rgba(48, 48, 47, 0.2));
          filter: drop-shadow(7px 37px 5.5px rgba(48, 48, 47, 0.2));
  opacity: 0;
  margin-top: 25px;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  -webkit-animation: to-bounce 1s 2.5s forwards, to-float 1s 3.5s linear infinite alternate;
          animation: to-bounce 1s 2.5s forwards, to-float 1s 3.5s linear infinite alternate;
}
@media (max-width: 1023px) {
  .summer-event__showcase-ball {
    width: 12.777vw;
    height: 12.777vw;
    top: 55.555vw;
    margin-left: -45.833vw;
  }
}
.summer-event__showcase-title {
  display: block;
  position: absolute;
  top: 114px;
  left: 50%;
  -webkit-filter: drop-shadow(11px 10px 4px rgba(0, 0, 0, 0.28));
          filter: drop-shadow(11px 10px 4px rgba(0, 0, 0, 0.28));
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
  -webkit-animation: fade-in 1s 1s forwards;
          animation: fade-in 1s 1s forwards;
}
@media (max-width: 1023px) {
  .summer-event__showcase-title {
    width: 45vw;
    height: 7.083vw;
  }
  .summer-event.-web .summer-event__showcase-title {
    top: 15.138vw;
  }
  .summer-event.-app .summer-event__showcase-title {
    top: 9.722vw;
  }
}
.summer-event__showcase-heading0 {
  display: block;
  position: absolute;
  top: 215px;
  left: 50%;
  -webkit-filter: drop-shadow(11px 10px 4px rgba(0, 0, 0, 0.28));
          filter: drop-shadow(11px 10px 4px rgba(0, 0, 0, 0.28));
  opacity: 0;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-animation: to-right 0.5s 2s forwards;
          animation: to-right 0.5s 2s forwards;
}
@media (max-width: 1023px) {
  .summer-event__showcase-heading0 {
    width: 42.916vw;
    height: 11.111vw;
  }
  .summer-event.-web .summer-event__showcase-heading0 {
    top: 26.111vw;
  }
  .summer-event.-app .summer-event__showcase-heading0 {
    top: 20.555vw;
  }
}
.summer-event__showcase-heading1 {
  display: block;
  position: absolute;
  top: 353px;
  left: 50%;
  -webkit-filter: drop-shadow(11px 10px 4px rgba(0, 0, 0, 0.28));
          filter: drop-shadow(11px 10px 4px rgba(0, 0, 0, 0.28));
  opacity: 0;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  -webkit-animation: to-top 0.5s 2s forwards;
          animation: to-top 0.5s 2s forwards;
}
@media (max-width: 1023px) {
  .summer-event__showcase-heading1 {
    width: 56.111vw;
    height: 11.111vw;
  }
  .summer-event.-web .summer-event__showcase-heading1 {
    top: 39.444vw;
  }
  .summer-event.-app .summer-event__showcase-heading1 {
    top: 33.888vw;
  }
}
.summer-event__showcase-description {
  display: block;
  position: absolute;
  top: 514px;
  left: 50%;
  -webkit-filter: drop-shadow(11px 10px 4px rgba(0, 0, 0, 0.28));
          filter: drop-shadow(11px 10px 4px rgba(0, 0, 0, 0.28));
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
  -webkit-animation: fade-in 1s 2.5s forwards;
          animation: fade-in 1s 2.5s forwards;
}
@media (max-width: 1023px) {
  .summer-event__showcase-description {
    width: 60.416vw;
    height: 9.027vw;
  }
  .summer-event.-web .summer-event__showcase-description {
    top: 54.444vw;
  }
  .summer-event.-app .summer-event__showcase-description {
    top: 48.888vw;
  }
}
.summer-event__showcase-product {
  display: block;
  opacity: 0;
  position: absolute;
  left: 50%;
  width: auto;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
  -webkit-animation: fade-in 1s 2.5s forwards;
          animation: fade-in 1s 2.5s forwards;
}
.summer-event.-web .summer-event__showcase-product {
  top: 0;
  height: 100%;
}
.summer-event.-app .summer-event__showcase-product {
  top: 2vw;
  height: 88%;
}
.summer-event__showcase-link {
  position: absolute;
  z-index: 2;
  bottom: 72px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 720px;
  height: 85.633px;
  background: url("../../images/bem/summer-event/summer-event__showcase-link.png") center/contain no-repeat;
  -webkit-filter: drop-shadow(7px 7px 7px rgba(105, 105, 105, 0.18));
          filter: drop-shadow(7px 7px 7px rgba(105, 105, 105, 0.18));
  opacity: 0;
  -webkit-animation: fade-in 1s 2.5s forwards;
          animation: fade-in 1s 2.5s forwards;
}
@media (max-width: 1023px) {
  .summer-event__showcase-link {
    bottom: 6.944vw;
    left: 5.555vw;
    width: 88.888vw;
    height: 10.555vw;
    -webkit-transform: unset;
        -ms-transform: unset;
            transform: unset;
  }
}
.summer-event__section {
  width: 100%;
  height: auto;
}
.summer-event__article {
  width: 100%;
  height: auto;
}
.summer-event__article:nth-of-type(1), .summer-event__article:nth-of-type(3) {
  background-color: #fff;
}
.summer-event__article:nth-of-type(2) {
  position: relative;
  background: url("../../images/bem/summer-event/summer-event__article1.jpg") center/cover no-repeat;
}
.summer-event__article:nth-of-type(2):before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: url("../../images/bem/summer-event/summer-event__article1--before.png") left center/auto 100% no-repeat;
}
.summer-event__article:nth-of-type(2):after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: url("../../images/bem/summer-event/summer-event__article1--after.png") right center/auto 100% no-repeat;
}
@media (max-width: 1023px) {
  .summer-event__article:nth-of-type(2):before {
    background: url("../../images/bem/summer-event/summer-event__article1--before--mo.png") left center/auto 100% no-repeat;
  }
  .summer-event__article:nth-of-type(2):after {
    background: url("../../images/bem/summer-event/summer-event__article1--after--mo.png") right center/auto 100% no-repeat;
  }
}
.summer-event__content {
  width: 800px;
  height: auto;
  margin: 0 auto;
  padding: 120px 0;
}
.summer-event__notice > .summer-event__content {
  padding: unset;
}
@media (max-width: 1023px) {
  .summer-event__content {
    width: 100%;
    padding: 98px 40px;
  }
}
@media (max-width: 749px) {
  .summer-event__content {
    padding: 49px 20px;
  }
}
.summer-event__content-title {
  position: relative;
  z-index: 1;
  font-family: "GmarketSansMedium";
  font-size: 32px;
  color: #222;
  text-align: center;
  letter-spacing: -0.025em;
}
.summer-event__content-title.-text:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 225px;
  height: 48px;
  margin-left: 122px;
  background: url("../../images/bem/summer-event/summer-event__content-title--pc.png") center/contain no-repeat;
}
.summer-event__content-title .-emphasis {
  display: inline-block;
  vertical-align: top;
  font-family: inherit;
  font-size: inherit;
  color: #ff2481;
  text-align: inherit;
  letter-spacing: inherit;
}
@media (max-width: 1023px) {
  .summer-event__content-title.-text:before {
    position: unset;
    width: 321px;
    height: 62px;
    margin-top: unset;
    margin-right: auto;
    margin-bottom: 12px;
    margin-left: auto;
    background: url("../../images/bem/summer-event/summer-event__content-title--mo.png") center/contain no-repeat;
  }
  .summer-event__content-title .-emphasis {
    display: block;
  }
}
@media (max-width: 749px) {
  .summer-event__content-title {
    font-size: 16px;
  }
  .summer-event__content-title.-text:before {
    width: 160px;
    height: 30px;
    margin-bottom: 6px;
  }
}
.summer-event__content-heading {
  display: block;
  position: relative;
  z-index: 1;
  width: auto;
  height: auto;
  margin: 26px auto;
}
@media (max-width: 1023px) {
  .summer-event__content-heading {
    height: 64px;
    margin: 15px auto 28px auto;
  }
}
@media (max-width: 749px) {
  .summer-event__content-heading {
    height: 32px;
    margin: 7.5px auto 14px auto;
  }
}
.summer-event__content-description {
  font-family: "GmarketSansLight";
  font-size: 28px;
  color: #222;
  text-align: center;
}
@media (max-width: 749px) {
  .summer-event__content-description {
    font-size: 14px;
  }
}
.summer-event__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  height: auto;
  margin-top: 80px;
  padding: 0 10px;
}
@media (max-width: 1023px) {
  .summer-event__list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 68px;
    padding: unset;
  }
}
@media (max-width: 749px) {
  .summer-event__list {
    margin-top: 34px;
  }
}
.summer-event__item {
  position: relative;
  width: 168px;
  height: auto;
  font-family: "GmarketSansMedium";
  font-size: 20px;
  color: #222;
  text-align: center;
  line-height: 26px;
  letter-spacing: -0.025em;
  white-space: nowrap;
}
.summer-event__item:before {
  content: "";
  display: block;
  overflow: hidden;
  width: 168px;
  height: 168px;
  border-radius: 100%;
  margin-bottom: 56px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.summer-event__item:not(:last-child):after {
  content: "";
  display: block;
  position: absolute;
  top: 77px;
  right: -26px;
  width: 18px;
  height: 16px;
  background: url("../../images/bem/summer-event/summer-event__item--after.png") center/contain no-repeat;
}
.summer-event__item .-emphasis {
  display: inline-block;
  vertical-align: top;
  font-family: inherit;
  font-size: inherit;
  color: #07aaff;
  text-align: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.summer-event__item .-emphasis:before {
  content: "";
  display: block;
  position: absolute;
  top: 188px;
  left: 50%;
  width: 30px;
  height: 30px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.summer-event__item:nth-of-type(1):before {
  background-image: url("../../images/bem/summer-event/summer-event__item--before0.png");
}
.summer-event__item:nth-of-type(1) .-emphasis:before {
  background-image: url("../../images/bem/summer-event/summer-event__item--emphasis0.png");
}
.summer-event__item:nth-of-type(2):before {
  background-image: url("../../images/bem/summer-event/summer-event__item--before1.png");
}
.summer-event__item:nth-of-type(2) .-emphasis:before {
  background-image: url("../../images/bem/summer-event/summer-event__item--emphasis1.png");
}
.summer-event__item:nth-of-type(3):before {
  background-image: url("../../images/bem/summer-event/summer-event__item--before2.png");
}
.summer-event__item:nth-of-type(3) .-emphasis:before {
  background-image: url("../../images/bem/summer-event/summer-event__item--emphasis2.png");
}
.summer-event__item:nth-of-type(4):before {
  background-image: url("../../images/bem/summer-event/summer-event__item--before3.png");
}
.summer-event__item:nth-of-type(4) .-emphasis:before {
  background-image: url("../../images/bem/summer-event/summer-event__item--emphasis3.png");
}
@media (max-width: 1023px) {
  .summer-event__item {
    width: calc((100% - 22px) / 2);
    font-size: 28px;
    line-height: 36px;
  }
  .summer-event__item:before {
    width: 263px;
    height: 263px;
    margin-top: unset;
    margin-right: auto;
    margin-bottom: 92px;
    margin-left: auto;
  }
  .summer-event__item .-emphasis:before {
    top: 293px;
    width: 44px;
    height: 44px;
  }
  .summer-event__item:nth-of-type(1) {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    margin-bottom: 96px;
  }
  .summer-event__item:nth-of-type(1):after {
    top: 123px;
    right: -22px;
    width: 22px;
    height: 18px;
  }
  .summer-event__item:nth-of-type(2) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 96px;
  }
  .summer-event__item:nth-of-type(2):after {
    top: 458px;
    right: 50%;
    width: 22px;
    height: 18px;
    -webkit-transform: translateX(50%) rotate(90deg);
        -ms-transform: translateX(50%) rotate(90deg);
            transform: translateX(50%) rotate(90deg);
  }
  .summer-event__item:nth-of-type(3) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .summer-event__item:nth-of-type(3):after {
    top: 123px;
    left: -22px;
    width: 22px;
    height: 18px;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .summer-event__item:nth-of-type(4) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (max-width: 749px) {
  .summer-event__item {
    font-size: 14px;
    line-height: 18px;
    width: calc((100% - 11px) / 2);
    font-size: 14px;
    line-height: 18px;
  }
  .summer-event__item:before {
    width: 131.5px;
    height: 131.5px;
    margin-bottom: 46px;
  }
  .summer-event__item .-emphasis:before {
    top: 146.5px;
    width: 22px;
    height: 22px;
  }
  .summer-event__item:nth-of-type(1) {
    margin-bottom: 48px;
  }
  .summer-event__item:nth-of-type(1):after {
    top: 61.5px;
    right: -11px;
    width: 11px;
    height: 9px;
  }
  .summer-event__item:nth-of-type(2) {
    margin-bottom: 48px;
  }
  .summer-event__item:nth-of-type(2):after {
    top: 229px;
    width: 11px;
    height: 9px;
  }
  .summer-event__item:nth-of-type(3):after {
    top: 61.5px;
    right: -11px;
    width: 11px;
    height: 9px;
  }
}
.summer-event__benefit {
  position: relative;
  z-index: 1;
  margin-top: 72px;
}
@media (max-width: 749px) {
  .summer-event__benefit {
    margin-top: 36px;
  }
}
.summer-event__benefit-type {
  position: relative;
}
.summer-event__benefit-type:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  height: 234px;
  padding-left: 254px;
}
.summer-event__benefit-type:first-child:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 22px;
  width: 191px;
  height: 235px;
  background: url("../../images/bem/summer-event/summer-event__benefit--before0.png") center/auto no-repeat;
  -webkit-filter: drop-shadow(4px 7px 8px rgba(0, 0, 0, 0.16));
          filter: drop-shadow(4px 7px 8px rgba(0, 0, 0, 0.16));
}
.summer-event__benefit-type:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  height: 294px;
  margin-top: -35px;
  padding-left: 60px;
}
.summer-event__benefit-type:last-child:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 299px;
  height: 294px;
  background: url("../../images/bem/summer-event/summer-event__benefit--before1.png") center/auto no-repeat;
  -webkit-filter: drop-shadow(4px 7px 8px rgba(0, 0, 0, 0.16));
          filter: drop-shadow(4px 7px 8px rgba(0, 0, 0, 0.16));
}
@media (max-width: 1023px) {
  .summer-event__benefit-type:first-child:before {
    left: 12px;
    background-position: left center;
    background-size: contain;
  }
  .summer-event__benefit-type:last-child {
    height: 337px;
    margin-top: 6px;
    padding-right: 349px;
    padding-left: unset;
    text-align: right;
  }
  .summer-event__benefit-type:last-child .-br {
    display: block;
  }
  .summer-event__benefit-type:last-child:before {
    width: 309px;
    height: 337px;
    background-position: right center;
    background-size: contain;
  }
}
@media (max-width: 749px) {
  .summer-event__benefit-type:first-child {
    height: 117px;
    padding-left: 127px;
  }
  .summer-event__benefit-type:first-child:before {
    left: 6px;
    width: 80.5px;
    height: 117.55px;
  }
  .summer-event__benefit-type:last-child {
    height: 168.5px;
    margin-top: 3px;
    padding-right: 174.5px;
  }
  .summer-event__benefit-type:last-child:before {
    width: 154.5px;
    height: 168.5px;
  }
}
.summer-event__benefit-key {
  width: 100%;
  height: auto;
  margin-bottom: 6px;
  font-family: "GmarketSansLight";
  font-size: 22px;
  color: #222;
  letter-spacing: -0.022rem;
}
@media (max-width: 1023px) {
  .summer-event__benefit-key {
    margin-bottom: 10px;
    font-size: 28px;
  }
}
@media (max-width: 749px) {
  .summer-event__benefit-key {
    margin-bottom: 5px;
    font-size: 14px;
  }
}
.summer-event__benefit-value {
  width: 100%;
  height: auto;
  margin-top: 6px;
  font-family: "GmarketSansMedium";
  font-size: 28px;
  color: #222;
  letter-spacing: -0.025em;
}
@media (max-width: 1023px) {
  .summer-event__benefit-value {
    margin-top: 10px;
    font-size: 30px;
  }
}
@media (max-width: 749px) {
  .summer-event__benefit-value {
    margin-top: 5px;
    font-size: 15px;
  }
}
.summer-event__schedule {
  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;
  position: relative;
  z-index: 1;
  margin-top: 64px;
  padding: 24px 42px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-filter: drop-shadow(3px 4px 8px rgba(0, 0, 0, 0.05));
          filter: drop-shadow(3px 4px 8px rgba(0, 0, 0, 0.05));
}
@media (max-width: 1023px) {
  .summer-event__schedule {
    display: block;
    margin-top: 50px;
    padding: 30px;
  }
}
@media (max-width: 749px) {
  .summer-event__schedule {
    margin-top: 25px;
    padding: 15px;
    border-radius: 5px;
  }
}
@media (max-width: 1023px) {
  .summer-event__schedule-type + .summer-event__schedule-type {
    margin-top: 20px;
  }
}
@media (max-width: 749px) {
  .summer-event__schedule-type + .summer-event__schedule-type {
    margin-top: 10px;
  }
}
.summer-event__schedule-key {
  display: block;
  width: auto;
  height: auto;
}
@media (max-width: 1023px) {
  .summer-event__schedule-key {
    height: 44px;
    margin: 0 auto;
  }
}
@media (max-width: 749px) {
  .summer-event__schedule-key {
    height: 22px;
  }
}
.summer-event__schedule-value {
  margin-top: 12px;
  font-family: "GmarketSansMedium";
  font-size: 20px;
  color: #222;
  text-align: center;
  letter-spacing: -0.025em;
}
@media (max-width: 1023px) {
  .summer-event__schedule-value {
    margin-top: 20px;
    font-size: 30px;
  }
}
@media (max-width: 749px) {
  .summer-event__schedule-value {
    margin-top: 10px;
    font-size: 15px;
  }
}
.summer-event__store {
  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-top: 62px;
}
@media (max-width: 749px) {
  .summer-event__store {
    margin-top: 31px;
  }
}
.summer-event__store-type {
  width: 216px;
  height: 269px;
  margin: 0 40px;
  -webkit-filter: drop-shadow(3px 4px 8px rgba(0, 0, 0, 0.1));
          filter: drop-shadow(3px 4px 8px rgba(0, 0, 0, 0.1));
}
@media (max-width: 749px) {
  .summer-event__store-type {
    width: 108px;
    height: 134.5px;
    margin: 0 20px;
  }
}
.summer-event__store-code {
  display: block;
  width: 100%;
  height: 215px;
}
@media (max-width: 749px) {
  .summer-event__store-code {
    height: 107.5px;
  }
}
.summer-event__store-link {
  display: block;
  width: 100%;
  height: 54px;
}
.summer-event__store-link > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 749px) {
  .summer-event__store-link {
    height: 27px;
  }
}
.summer-event__notice {
  padding: 42px 0 52px 0;
  background-color: #2f2f2f;
}
@media (max-width: 1023px) {
  .summer-event__notice {
    padding: 36px 40px 42px 40px;
  }
}
@media (max-width: 749px) {
  .summer-event__notice {
    padding: 18px 20px 21px 20px;
  }
}
.summer-event__notice-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  height: 62px;
  font-family: "GmarketSansMedium";
  font-size: 28px;
  color: #fff;
  letter-spacing: -0.025em;
}
.summer-event__notice-button:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 26px;
  height: 26px;
  margin-right: 10px;
  background: url("../../images/bem/summer-event/summer-event__notice-button--before.png") center/contain no-repeat;
}
.summer-event__notice-button:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 15px;
  height: 9px;
  background: url("../../images/bem/summer-event/summer-event__notice-button--after.png") center/contain no-repeat;
}
.summer-event__notice-button[aria-expanded=true]:after {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.summer-event__notice-button[aria-expanded=false]:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
@media (max-width: 1023px) {
  .summer-event__notice-button {
    height: 68px;
    font-size: 34px;
  }
  .summer-event__notice-button:before {
    width: 28px;
    height: 28px;
  }
  .summer-event__notice-button:after {
    width: 23px;
    height: 13px;
  }
}
@media (max-width: 749px) {
  .summer-event__notice-button {
    height: 34px;
    font-size: 17px;
  }
  .summer-event__notice-button:before {
    width: 14px;
    height: 14px;
    margin-right: 5px;
  }
  .summer-event__notice-button:after {
    width: 11.5px;
    height: 6.5px;
  }
}
.summer-event__notice-list {
  width: 100%;
  height: auto;
  padding-top: 20px;
  border-top: 1px solid #9a9a9a;
}
.summer-event__notice-list[aria-hidden=true] {
  display: none;
}
.summer-event__notice-list[aria-hidden=false] {
  display: block;
}
@media (max-width: 1023px) {
  .summer-event__notice-list {
    padding-top: 8px;
  }
}
@media (max-width: 749px) {
  .summer-event__notice-list {
    padding-top: 4px;
  }
}
.summer-event__notice-item {
  position: relative;
  padding-left: 14px;
  font-family: "GmarketSansLight";
  font-size: 20px;
  color: #fff;
  line-height: 38px;
  letter-spacing: -0.025em;
}
.summer-event__notice-item:before {
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  width: 7px;
  height: 2px;
  background-color: #a6a6a6;
}
.summer-event__notice-item.-emphasis {
  font-family: "GmarketSansMedium";
  color: #07aaff;
}
@media (max-width: 1023px) {
  .summer-event__notice-item {
    padding-left: 20px;
    font-size: 28px;
    line-height: 46px;
  }
  .summer-event__notice-item:before {
    top: 22px;
    width: 10px;
    height: 2px;
    background-color: #fff;
  }
}
@media (max-width: 749px) {
  .summer-event__notice-item {
    padding-left: 10px;
    font-size: 14px;
    line-height: 23px;
  }
  .summer-event__notice-item:before {
    top: 11px;
    width: 5px;
    height: 1px;
    background-color: #fff;
  }
}
.summer-event__notice-link {
  display: inline-block;
  vertical-align: top;
  font-family: "GmarketSansMedium" !important;
  color: #07aaff !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
}

.test-solve {
  position: fixed;
  z-index: 11;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.test-solve__head {
  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;
  position: relative;
  width: 100%;
  height: 114px;
  padding: 0 114px;
  background-color: #2c4578;
}
@media (max-width: 749px) {
  .test-solve__head {
    height: 57px;
    padding: 0 57px;
  }
}
.test-solve__title {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "NanumSquare";
  font-size: 38px;
  font-weight: 800;
  color: #fff;
}
@media (max-width: 749px) {
  .test-solve__title {
    font-size: 18px;
  }
}
.test-solve__closer {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 114px;
  height: 114px;
  background: url("../../images/app/test-solve__closer.jpg") center/34px no-repeat;
}
@media (max-width: 749px) {
  .test-solve__closer {
    width: 57px;
    height: 57px;
    background-size: 17px;
  }
}
.test-solve__report {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  position: absolute;
  top: 0;
  right: 0;
  width: 126px;
  height: 114px;
  background: url("../../images/app/test-solve__report.jpg") center/54px no-repeat;
}
@media (max-width: 749px) {
  .test-solve__report {
    width: 63px;
    height: 57px;
    background-size: 27px;
  }
}
.test-solve__body {
  overflow: hidden auto;
  width: 100%;
  height: calc(100% - 114px);
  padding: 70px 40px 306px 40px;
}
.test-solve__body.summary-note {
  padding: 40px;
}
@media (max-width: 749px) {
  .test-solve__body {
    height: calc(100% - 57px);
    padding: 35px 20px 153px 20px;
  }
  .test-solve__body.summary-note {
    padding: 20px;
  }
}
@media (min-width: 1024px) {
  .test-solve__body {
    width: 500px;
    height: calc(100% - 114px);
    margin: 0 auto;
    padding: 35px 20px 171px 20px;
    border: 5px solid #c6c6c6;
  }
}
.test-solve__container {
  width: 100%;
  height: auto;
}
.test-solve__information {
  margin-bottom: 78px;
}
@media (max-width: 749px) {
  .test-solve__information {
    margin-bottom: 39px;
  }
}
@media (min-width: 1024px) {
  .test-solve__information {
    margin-bottom: 39px;
  }
}
.test-solve__type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.test-solve__type * + * {
  margin-left: 10px;
}
@media (max-width: 749px) {
  .test-solve__type {
    margin-bottom: 10px;
  }
  .test-solve__type * + * {
    margin-left: 5px;
  }
}
@media (min-width: 1024px) {
  .test-solve__type {
    margin-bottom: 10px;
  }
  .test-solve__type * + * {
    margin-left: 5px;
  }
}
.test-solve__star-rate {
  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: auto;
  height: 62px;
  padding: 0 30px;
  border: 1px solid #ccc;
  border-radius: 32px;
  background-color: #fff;
  font-family: "NanumSquare";
  font-size: 32px;
  font-weight: 400;
  color: #000222;
}
@media (max-width: 749px) {
  .test-solve__star-rate {
    height: 31px;
    padding: 0 15px;
    border-radius: 16px;
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .test-solve__star-rate {
    height: 31px;
    padding: 0 15px;
    border-radius: 16px;
    font-size: 16px;
  }
}
.test-solve__level {
  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: auto;
  height: 62px;
  padding: 0 30px;
  border: 1px solid #ccc;
  border-radius: 32px;
  background-color: #fff;
  font-family: "NanumSquare";
  font-size: 32px;
  font-weight: 400;
}
.test-solve__level[data-level-type="0"] {
  color: #f15f79;
}
.test-solve__level[data-level-type="1"] {
  color: #2f80ed;
}
.test-solve__level[data-level-type="2"] {
  color: #fdc830;
}
.test-solve__level[data-level-type="3"] {
  color: #11867f;
}
.test-solve__level[data-level-type="4"] {
  color: #35cdff;
}
@media (max-width: 749px) {
  .test-solve__level {
    height: 31px;
    padding: 0 15px;
    border-radius: 16px;
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .test-solve__level {
    height: 31px;
    padding: 0 15px;
    border-radius: 16px;
    font-size: 16px;
  }
}
.test-solve__subject {
  font-family: "NanumSquare";
  font-size: 32px;
  font-weight: 400;
  color: #0a2833;
  line-height: 1;
}
@media (max-width: 749px) {
  .test-solve__subject {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .test-solve__subject {
    font-size: 16px;
  }
}
.test-solve__content {
  padding-bottom: 224px;
}
.test-solve__content.-nowrap {
  padding-bottom: 10px;
}
@media (max-width: 749px) {
  .test-solve__content {
    padding-bottom: 112px;
  }
}
@media (min-width: 1024px) {
  .test-solve__content {
    padding-bottom: 112px;
  }
}
.test-solve__question {
  position: relative;
  font-family: "NanumSquare";
  font-size: 35px;
  font-weight: 800;
  color: #222;
  line-height: 48px;
}
.test-solve__content[data-result=Y] .test-solve__question:after {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: -26px;
  width: 88px;
  height: 54px;
  background: url("../../images/app/test-solve__question--y.png") center/contain no-repeat;
}
.test-solve__content[data-result=N] .test-solve__question:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -10px;
  width: 42px;
  height: 60px;
  background: url("../../images/app/test-solve__question--n.png") center/contain no-repeat;
}
@media (max-width: 749px) {
  .test-solve__question {
    font-size: 17px;
    line-height: 24px;
  }
  .test-solve__content[data-result=Y] .test-solve__question:after {
    top: -2.5px;
    left: -13px;
    width: 22px;
    height: 27px;
  }
  .test-solve__content[data-result=N] .test-solve__question:after {
    left: -5px;
    width: 21px;
    height: 30px;
  }
}
@media (min-width: 1024px) {
  .test-solve__question {
    font-size: 17px;
    line-height: 24px;
  }
  .test-solve__content[data-result=Y] .test-solve__question:after {
    top: -2.5px;
    left: -13px;
    width: 22px;
    height: 27px;
  }
  .test-solve__content[data-result=N] .test-solve__question:after {
    left: -5px;
    width: 21px;
    height: 30px;
  }
}
.test-solve__image {
  width: 100%;
  height: auto;
  margin: 28px 0;
}
.test-solve__image > img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 749px) {
  .test-solve__image {
    margin: 14px 0;
  }
}
@media (min-width: 1024px) {
  .test-solve__image {
    margin: 14px 0;
  }
}
.test-solve__fieldset {
  margin-top: 28px;
}
@media (max-width: 749px) {
  .test-solve__fieldset {
    margin-top: 14px;
  }
}
@media (min-width: 1024px) {
  .test-solve__fieldset {
    margin-top: 14px;
  }
}
.test-solve__field {
  position: relative;
}
.test-solve__label {
  display: block;
  margin: 0 -40px;
  padding: 12px 40px;
  font-family: "NanumSquare";
  font-size: 32px;
  font-weight: 400;
  color: #222222;
  line-height: 38px;
}
.test-solve__label:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  width: 28px;
  height: 28px;
  margin-top: 4px;
  margin-right: 8px;
  border-radius: 100%;
}
.test-solve__content[data-result] .test-solve__radio:checked + .test-solve__label, .test-solve__content[data-result] .test-solve__radio[data-answer-right=true] + .test-solve__label {
  position: relative;
  padding-right: 185px;
}
@media (max-width: 749px) {
  .test-solve__label {
    margin: 0 -20px;
    padding: 6px 20px;
    font-size: 16px;
    line-height: 19px;
  }
  .test-solve__label:before {
    width: 14px;
    height: 14px;
    margin-top: 2px;
    margin-right: 4px;
  }
  .test-solve__content[data-result] .test-solve__radio:checked + .test-solve__label, .test-solve__content[data-result] .test-solve__radio[data-answer-right=true] + .test-solve__label {
    padding-right: 92.5px;
  }
}
@media (min-width: 1024px) {
  .test-solve__label {
    margin: 0 -20px;
    padding: 6px 20px;
    font-size: 16px;
    line-height: 19px;
  }
  .test-solve__label:before {
    width: 14px;
    height: 14px;
    margin-top: 2px;
    margin-right: 4px;
  }
  .test-solve__content[data-result] .test-solve__radio:checked + .test-solve__label, .test-solve__content[data-result] .test-solve__radio[data-answer-right=true] + .test-solve__label {
    padding-right: 92.5px;
  }
}
.test-solve .test-solve__field:nth-of-type(1) .test-solve__radio:not(:checked) + .test-solve__label:before {
  background: url("../../images/app/test-solve__label--before1.jpg") center/28px no-repeat;
}
.test-solve .test-solve__field:nth-of-type(1) .test-solve__radio:checked + .test-solve__label {
  background-color: #d7deea;
}
.test-solve .test-solve__field:nth-of-type(1) .test-solve__radio:checked + .test-solve__label:before {
  background: url("../../images/app/test-solve__label--before1--checked.jpg") center/28px no-repeat;
}
.test-solve .test-solve__field:nth-of-type(1) .test-solve__radio[data-user-checked=true][data-answer-right=true] + .test-solve__label:after {
  content: "정답";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  right: 40px;
  width: auto;
  height: 34px;
  padding: 0 16px;
  border-radius: 34px;
  background-color: #395897;
  font-family: "NanumSquare";
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.test-solve .test-solve__field:nth-of-type(1) .test-solve__radio[data-user-checked=true]:not([data-answer-right=true]) + .test-solve__label:after {
  content: "나의 답";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  right: 40px;
  width: auto;
  height: 34px;
  padding: 0 16px;
  border-radius: 34px;
  background-color: #395897;
  font-family: "NanumSquare";
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.test-solve .test-solve__field:nth-of-type(1) .test-solve__radio:not([data-user-checked=true])[data-answer-right=true] + .test-solve__label:before {
  background: url("../../images/app/test-solve__label--before1--right.jpg") center/28px no-repeat;
}
.test-solve .test-solve__field:nth-of-type(1) .test-solve__radio:not([data-user-checked=true])[data-answer-right=true] + .test-solve__label:after {
  content: "정답";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  right: 40px;
  width: auto;
  height: 34px;
  padding: 0 16px;
  border-radius: 34px;
  background-color: #ff0000;
  font-family: "NanumSquare";
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 749px) {
  .test-solve .test-solve__radio:not(:checked) + .test-solve__label:before {
    background-size: 14px !important;
  }
  .test-solve .test-solve__radio:checked + .test-solve__label:before {
    background-size: 14px !important;
  }
  .test-solve .test-solve__radio:checked[data-answer-right=true] + .test-solve__label:after {
    right: 20px !important;
    height: 17px !important;
    padding: 0 8px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
  }
  .test-solve .test-solve__radio:checked:not([data-answer-right=true]) + .test-solve__label:after {
    right: 20px !important;
    height: 17px !important;
    padding: 0 8px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
  }
  .test-solve .test-solve__radio:not(:checked)[data-answer-right=true] + .test-solve__label:before {
    background-size: 14px !important;
  }
  .test-solve .test-solve__radio:not(:checked)[data-answer-right=true] + .test-solve__label:after {
    right: 20px !important;
    height: 17px !important;
    padding: 0 8px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
  }
}
@media (min-width: 1024px) {
  .test-solve .test-solve__radio:not(:checked) + .test-solve__label:before {
    background-size: 14px !important;
  }
  .test-solve .test-solve__radio:checked + .test-solve__label:before {
    background-size: 14px !important;
  }
  .test-solve .test-solve__radio:checked[data-answer-right=true] + .test-solve__label:after {
    right: 20px !important;
    height: 17px !important;
    padding: 0 8px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
  }
  .test-solve .test-solve__radio:checked:not([data-answer-right=true]) + .test-solve__label:after {
    right: 20px !important;
    height: 17px !important;
    padding: 0 8px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
  }
  .test-solve .test-solve__radio:not(:checked)[data-answer-right=true] + .test-solve__label:before {
    background-size: 14px !important;
  }
  .test-solve .test-solve__radio:not(:checked)[data-answer-right=true] + .test-solve__label:after {
    right: 20px !important;
    height: 17px !important;
    padding: 0 8px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
  }
}
.test-solve .test-solve__field:nth-of-type(2) .test-solve__radio:not(:checked) + .test-solve__label:before {
  background: url("../../images/app/test-solve__label--before2.jpg") center/28px no-repeat;
}
.test-solve .test-solve__field:nth-of-type(2) .test-solve__radio:checked + .test-solve__label {
  background-color: #d7deea;
}
.test-solve .test-solve__field:nth-of-type(2) .test-solve__radio:checked + .test-solve__label:before {
  background: url("../../images/app/test-solve__label--before2--checked.jpg") center/28px no-repeat;
}
.test-solve .test-solve__field:nth-of-type(2) .test-solve__radio[data-user-checked=true][data-answer-right=true] + .test-solve__label:after {
  content: "정답";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  right: 40px;
  width: auto;
  height: 34px;
  padding: 0 16px;
  border-radius: 34px;
  background-color: #395897;
  font-family: "NanumSquare";
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.test-solve .test-solve__field:nth-of-type(2) .test-solve__radio[data-user-checked=true]:not([data-answer-right=true]) + .test-solve__label:after {
  content: "나의 답";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  right: 40px;
  width: auto;
  height: 34px;
  padding: 0 16px;
  border-radius: 34px;
  background-color: #395897;
  font-family: "NanumSquare";
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.test-solve .test-solve__field:nth-of-type(2) .test-solve__radio:not([data-user-checked=true])[data-answer-right=true] + .test-solve__label:before {
  background: url("../../images/app/test-solve__label--before2--right.jpg") center/28px no-repeat;
}
.test-solve .test-solve__field:nth-of-type(2) .test-solve__radio:not([data-user-checked=true])[data-answer-right=true] + .test-solve__label:after {
  content: "정답";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  right: 40px;
  width: auto;
  height: 34px;
  padding: 0 16px;
  border-radius: 34px;
  background-color: #ff0000;
  font-family: "NanumSquare";
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 749px) {
  .test-solve .test-solve__radio:not(:checked) + .test-solve__label:before {
    background-size: 14px !important;
  }
  .test-solve .test-solve__radio:checked + .test-solve__label:before {
    background-size: 14px !important;
  }
  .test-solve .test-solve__radio:checked[data-answer-right=true] + .test-solve__label:after {
    right: 20px !important;
    height: 17px !important;
    padding: 0 8px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
  }
  .test-solve .test-solve__radio:checked:not([data-answer-right=true]) + .test-solve__label:after {
    right: 20px !important;
    height: 17px !important;
    padding: 0 8px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
  }
  .test-solve .test-solve__radio:not(:checked)[data-answer-right=true] + .test-solve__label:before {
    background-size: 14px !important;
  }
  .test-solve .test-solve__radio:not(:checked)[data-answer-right=true] + .test-solve__label:after {
    right: 20px !important;
    height: 17px !important;
    padding: 0 8px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
  }
}
@media (min-width: 1024px) {
  .test-solve .test-solve__radio:not(:checked) + .test-solve__label:before {
    background-size: 14px !important;
  }
  .test-solve .test-solve__radio:checked + .test-solve__label:before {
    background-size: 14px !important;
  }
  .test-solve .test-solve__radio:checked[data-answer-right=true] + .test-solve__label:after {
    right: 20px !important;
    height: 17px !important;
    padding: 0 8px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
  }
  .test-solve .test-solve__radio:checked:not([data-answer-right=true]) + .test-solve__label:after {
    right: 20px !important;
    height: 17px !important;
    padding: 0 8px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
  }
  .test-solve .test-solve__radio:not(:checked)[data-answer-right=true] + .test-solve__label:before {
    background-size: 14px !important;
  }
  .test-solve .test-solve__radio:not(:checked)[data-answer-right=true] + .test-solve__label:after {
    right: 20px !important;
    height: 17px !important;
    padding: 0 8px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
  }
}
.test-solve .test-solve__field:nth-of-type(3) .test-solve__radio:not(:checked) + .test-solve__label:before {
  background: url("../../images/app/test-solve__label--before3.jpg") center/28px no-repeat;
}
.test-solve .test-solve__field:nth-of-type(3) .test-solve__radio:checked + .test-solve__label {
  background-color: #d7deea;
}
.test-solve .test-solve__field:nth-of-type(3) .test-solve__radio:checked + .test-solve__label:before {
  background: url("../../images/app/test-solve__label--before3--checked.jpg") center/28px no-repeat;
}
.test-solve .test-solve__field:nth-of-type(3) .test-solve__radio[data-user-checked=true][data-answer-right=true] + .test-solve__label:after {
  content: "정답";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  right: 40px;
  width: auto;
  height: 34px;
  padding: 0 16px;
  border-radius: 34px;
  background-color: #395897;
  font-family: "NanumSquare";
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.test-solve .test-solve__field:nth-of-type(3) .test-solve__radio[data-user-checked=true]:not([data-answer-right=true]) + .test-solve__label:after {
  content: "나의 답";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  right: 40px;
  width: auto;
  height: 34px;
  padding: 0 16px;
  border-radius: 34px;
  background-color: #395897;
  font-family: "NanumSquare";
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.test-solve .test-solve__field:nth-of-type(3) .test-solve__radio:not([data-user-checked=true])[data-answer-right=true] + .test-solve__label:before {
  background: url("../../images/app/test-solve__label--before3--right.jpg") center/28px no-repeat;
}
.test-solve .test-solve__field:nth-of-type(3) .test-solve__radio:not([data-user-checked=true])[data-answer-right=true] + .test-solve__label:after {
  content: "정답";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  right: 40px;
  width: auto;
  height: 34px;
  padding: 0 16px;
  border-radius: 34px;
  background-color: #ff0000;
  font-family: "NanumSquare";
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 749px) {
  .test-solve .test-solve__radio:not(:checked) + .test-solve__label:before {
    background-size: 14px !important;
  }
  .test-solve .test-solve__radio:checked + .test-solve__label:before {
    background-size: 14px !important;
  }
  .test-solve .test-solve__radio:checked[data-answer-right=true] + .test-solve__label:after {
    right: 20px !important;
    height: 17px !important;
    padding: 0 8px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
  }
  .test-solve .test-solve__radio:checked:not([data-answer-right=true]) + .test-solve__label:after {
    right: 20px !important;
    height: 17px !important;
    padding: 0 8px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
  }
  .test-solve .test-solve__radio:not(:checked)[data-answer-right=true] + .test-solve__label:before {
    background-size: 14px !important;
  }
  .test-solve .test-solve__radio:not(:checked)[data-answer-right=true] + .test-solve__label:after {
    right: 20px !important;
    height: 17px !important;
    padding: 0 8px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
  }
}
@media (min-width: 1024px) {
  .test-solve .test-solve__radio:not(:checked) + .test-solve__label:before {
    background-size: 14px !important;
  }
  .test-solve .test-solve__radio:checked + .test-solve__label:before {
    background-size: 14px !important;
  }
  .test-solve .test-solve__radio:checked[data-answer-right=true] + .test-solve__label:after {
    right: 20px !important;
    height: 17px !important;
    padding: 0 8px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
  }
  .test-solve .test-solve__radio:checked:not([data-answer-right=true]) + .test-solve__label:after {
    right: 20px !important;
    height: 17px !important;
    padding: 0 8px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
  }
  .test-solve .test-solve__radio:not(:checked)[data-answer-right=true] + .test-solve__label:before {
    background-size: 14px !important;
  }
  .test-solve .test-solve__radio:not(:checked)[data-answer-right=true] + .test-solve__label:after {
    right: 20px !important;
    height: 17px !important;
    padding: 0 8px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
  }
}
.test-solve .test-solve__field:nth-of-type(4) .test-solve__radio:not(:checked) + .test-solve__label:before {
  background: url("../../images/app/test-solve__label--before4.jpg") center/28px no-repeat;
}
.test-solve .test-solve__field:nth-of-type(4) .test-solve__radio:checked + .test-solve__label {
  background-color: #d7deea;
}
.test-solve .test-solve__field:nth-of-type(4) .test-solve__radio:checked + .test-solve__label:before {
  background: url("../../images/app/test-solve__label--before4--checked.jpg") center/28px no-repeat;
}
.test-solve .test-solve__field:nth-of-type(4) .test-solve__radio[data-user-checked=true][data-answer-right=true] + .test-solve__label:after {
  content: "정답";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  right: 40px;
  width: auto;
  height: 34px;
  padding: 0 16px;
  border-radius: 34px;
  background-color: #395897;
  font-family: "NanumSquare";
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.test-solve .test-solve__field:nth-of-type(4) .test-solve__radio[data-user-checked=true]:not([data-answer-right=true]) + .test-solve__label:after {
  content: "나의 답";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  right: 40px;
  width: auto;
  height: 34px;
  padding: 0 16px;
  border-radius: 34px;
  background-color: #395897;
  font-family: "NanumSquare";
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.test-solve .test-solve__field:nth-of-type(4) .test-solve__radio:not([data-user-checked=true])[data-answer-right=true] + .test-solve__label:before {
  background: url("../../images/app/test-solve__label--before4--right.jpg") center/28px no-repeat;
}
.test-solve .test-solve__field:nth-of-type(4) .test-solve__radio:not([data-user-checked=true])[data-answer-right=true] + .test-solve__label:after {
  content: "정답";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  right: 40px;
  width: auto;
  height: 34px;
  padding: 0 16px;
  border-radius: 34px;
  background-color: #ff0000;
  font-family: "NanumSquare";
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 749px) {
  .test-solve .test-solve__radio:not(:checked) + .test-solve__label:before {
    background-size: 14px !important;
  }
  .test-solve .test-solve__radio:checked + .test-solve__label:before {
    background-size: 14px !important;
  }
  .test-solve .test-solve__radio:checked[data-answer-right=true] + .test-solve__label:after {
    right: 20px !important;
    height: 17px !important;
    padding: 0 8px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
  }
  .test-solve .test-solve__radio:checked:not([data-answer-right=true]) + .test-solve__label:after {
    right: 20px !important;
    height: 17px !important;
    padding: 0 8px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
  }
  .test-solve .test-solve__radio:not(:checked)[data-answer-right=true] + .test-solve__label:before {
    background-size: 14px !important;
  }
  .test-solve .test-solve__radio:not(:checked)[data-answer-right=true] + .test-solve__label:after {
    right: 20px !important;
    height: 17px !important;
    padding: 0 8px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
  }
}
@media (min-width: 1024px) {
  .test-solve .test-solve__radio:not(:checked) + .test-solve__label:before {
    background-size: 14px !important;
  }
  .test-solve .test-solve__radio:checked + .test-solve__label:before {
    background-size: 14px !important;
  }
  .test-solve .test-solve__radio:checked[data-answer-right=true] + .test-solve__label:after {
    right: 20px !important;
    height: 17px !important;
    padding: 0 8px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
  }
  .test-solve .test-solve__radio:checked:not([data-answer-right=true]) + .test-solve__label:after {
    right: 20px !important;
    height: 17px !important;
    padding: 0 8px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
  }
  .test-solve .test-solve__radio:not(:checked)[data-answer-right=true] + .test-solve__label:before {
    background-size: 14px !important;
  }
  .test-solve .test-solve__radio:not(:checked)[data-answer-right=true] + .test-solve__label:after {
    right: 20px !important;
    height: 17px !important;
    padding: 0 8px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
  }
}
.test-solve .test-solve__field:nth-of-type(5) .test-solve__radio:not(:checked) + .test-solve__label:before {
  background: url("../../images/app/test-solve__label--before5.jpg") center/28px no-repeat;
}
.test-solve .test-solve__field:nth-of-type(5) .test-solve__radio:checked + .test-solve__label {
  background-color: #d7deea;
}
.test-solve .test-solve__field:nth-of-type(5) .test-solve__radio:checked + .test-solve__label:before {
  background: url("../../images/app/test-solve__label--before5--checked.jpg") center/28px no-repeat;
}
.test-solve .test-solve__field:nth-of-type(5) .test-solve__radio[data-user-checked=true][data-answer-right=true] + .test-solve__label:after {
  content: "정답";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  right: 40px;
  width: auto;
  height: 34px;
  padding: 0 16px;
  border-radius: 34px;
  background-color: #395897;
  font-family: "NanumSquare";
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.test-solve .test-solve__field:nth-of-type(5) .test-solve__radio[data-user-checked=true]:not([data-answer-right=true]) + .test-solve__label:after {
  content: "나의 답";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  right: 40px;
  width: auto;
  height: 34px;
  padding: 0 16px;
  border-radius: 34px;
  background-color: #395897;
  font-family: "NanumSquare";
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.test-solve .test-solve__field:nth-of-type(5) .test-solve__radio:not([data-user-checked=true])[data-answer-right=true] + .test-solve__label:before {
  background: url("../../images/app/test-solve__label--before5--right.jpg") center/28px no-repeat;
}
.test-solve .test-solve__field:nth-of-type(5) .test-solve__radio:not([data-user-checked=true])[data-answer-right=true] + .test-solve__label:after {
  content: "정답";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  right: 40px;
  width: auto;
  height: 34px;
  padding: 0 16px;
  border-radius: 34px;
  background-color: #ff0000;
  font-family: "NanumSquare";
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 749px) {
  .test-solve .test-solve__radio:not(:checked) + .test-solve__label:before {
    background-size: 14px !important;
  }
  .test-solve .test-solve__radio:checked + .test-solve__label:before {
    background-size: 14px !important;
  }
  .test-solve .test-solve__radio:checked[data-answer-right=true] + .test-solve__label:after {
    right: 20px !important;
    height: 17px !important;
    padding: 0 8px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
  }
  .test-solve .test-solve__radio:checked:not([data-answer-right=true]) + .test-solve__label:after {
    right: 20px !important;
    height: 17px !important;
    padding: 0 8px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
  }
  .test-solve .test-solve__radio:not(:checked)[data-answer-right=true] + .test-solve__label:before {
    background-size: 14px !important;
  }
  .test-solve .test-solve__radio:not(:checked)[data-answer-right=true] + .test-solve__label:after {
    right: 20px !important;
    height: 17px !important;
    padding: 0 8px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
  }
}
@media (min-width: 1024px) {
  .test-solve .test-solve__radio:not(:checked) + .test-solve__label:before {
    background-size: 14px !important;
  }
  .test-solve .test-solve__radio:checked + .test-solve__label:before {
    background-size: 14px !important;
  }
  .test-solve .test-solve__radio:checked[data-answer-right=true] + .test-solve__label:after {
    right: 20px !important;
    height: 17px !important;
    padding: 0 8px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
  }
  .test-solve .test-solve__radio:checked:not([data-answer-right=true]) + .test-solve__label:after {
    right: 20px !important;
    height: 17px !important;
    padding: 0 8px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
  }
  .test-solve .test-solve__radio:not(:checked)[data-answer-right=true] + .test-solve__label:before {
    background-size: 14px !important;
  }
  .test-solve .test-solve__radio:not(:checked)[data-answer-right=true] + .test-solve__label:after {
    right: 20px !important;
    height: 17px !important;
    padding: 0 8px !important;
    border-radius: 17px !important;
    font-size: 12px !important;
  }
}
.test-solve__comment-trigger {
  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: 76px;
  border-radius: 20px;
  background-color: #395897;
  font-family: "NanumSquare" !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  color: #fff !important;
}
@media (max-width: 749px) {
  .test-solve__comment-trigger {
    height: 38px;
    border-radius: 10px;
    font-size: 16px !important;
  }
}
@media (min-width: 1024px) {
  .test-solve__comment-trigger {
    height: 38px;
    border-radius: 10px;
    font-size: 16px !important;
  }
}
.test-solve__controller {
  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: 30px;
}
@media (max-width: 749px) {
  .test-solve__controller {
    margin-top: 15px;
  }
}
@media (min-width: 1024px) {
  .test-solve__controller {
    margin-top: 15px;
  }
}
.test-solve__prev-button {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 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: 160px;
  height: 80px;
  border-radius: 20px;
  background-color: #11867f;
  font-family: "NanumSquare";
  font-size: 32px;
  font-weight: 800;
  color: #fff;
}
.test-solve__prev-button:disabled {
  opacity: 0.2;
}
@media (max-width: 749px) {
  .test-solve__prev-button {
    width: 80px;
    height: 40px;
    border-radius: 10px;
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .test-solve__prev-button {
    width: 80px;
    height: 40px;
    border-radius: 10px;
    font-size: 16px;
  }
}
.test-solve__next-button {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 160px;
  height: 80px;
  border-radius: 20px;
  background-color: #11867f;
  font-family: "NanumSquare";
  font-size: 32px;
  font-weight: 800;
  color: #fff;
}
.test-solve__next-button:disabled {
  opacity: 0.2;
}
@media (max-width: 749px) {
  .test-solve__next-button {
    width: 80px;
    height: 40px;
    border-radius: 10px;
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .test-solve__next-button {
    width: 80px;
    height: 40px;
    border-radius: 10px;
    font-size: 16px;
  }
}
.test-solve__pagination {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  font-family: "NanumSquare";
  font-size: 30px;
  font-weight: 400;
  color: #222;
}
@media (max-width: 749px) {
  .test-solve__pagination {
    font-size: 15px;
  }
}
@media (min-width: 1024px) {
  .test-solve__pagination {
    font-size: 15px;
  }
}
.test-solve__exit-dialog {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  z-index: 11;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.test-solve__exit-dialog[aria-hidden=true] {
  display: none;
}
.test-solve__exit-dialog[aria-hidden=false] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.test-solve__exit-document {
  overflow: hidden auto;
  width: calc(100% - 80px);
  height: auto;
  max-height: calc(100% - 80px);
  padding: 40px;
  border-radius: 20px;
  background-color: #fff;
}
@media (max-width: 749px) {
  .test-solve__exit-document {
    width: calc(100% - 40px);
    max-height: calc(100% - 40px);
    padding: 20px;
    border-radius: 10px;
  }
}
@media (min-width: 1024px) {
  .test-solve__exit-document {
    width: 375px;
    max-height: calc(100% - 40px);
    padding: 20px;
    border-radius: 10px;
  }
}
.test-solve__exit-title {
  position: relative;
  font-family: "NanumSquare";
  font-size: 36px;
  font-weight: 800;
  color: #222222;
  text-align: center;
  line-height: 46px;
}
.test-solve__exit-title:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 38px;
  height: 36px;
  margin-top: 5px;
  margin-left: -58px;
  background: url("../../images/app/test-solve__exit-title--before.jpg") center/contain no-repeat;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 749px) {
  .test-solve__exit-title {
    font-size: 18px;
    line-height: 23px;
  }
  .test-solve__exit-title:before {
    width: 19px;
    height: 18px;
    margin-top: 2.5px;
    margin-left: -29px;
  }
}
@media (min-width: 1024px) {
  .test-solve__exit-title {
    font-size: 18px;
    line-height: 23px;
  }
  .test-solve__exit-title:before {
    width: 19px;
    height: 18px;
    margin-top: 2.5px;
    margin-left: -29px;
  }
}
.test-solve__exit-description {
  margin-top: 24px;
  margin-bottom: 30px;
  font-family: "NanumSquare";
  font-size: 34px;
  font-weight: 400;
  color: #222;
  text-align: center;
  line-height: 46px;
}
@media (max-width: 749px) {
  .test-solve__exit-description {
    margin-top: 12px;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 23px;
  }
}
@media (min-width: 1024px) {
  .test-solve__exit-description {
    margin-top: 12px;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 23px;
  }
}
.test-solve__exit-controller {
  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;
}
.test-solve__exit-closer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
  height: 80px;
  margin-right: 10px;
  border: 1px solid #6a33fe;
  border-radius: 20px;
  background-color: #fff;
  font-family: "NanumSquare";
  font-size: 32px;
  font-weight: 800;
  color: #6a33fe;
}
@media (max-width: 749px) {
  .test-solve__exit-closer {
    height: 40px;
    margin-right: 5px;
    border-radius: 10px;
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .test-solve__exit-closer {
    height: 40px;
    margin-right: 5px;
    border-radius: 10px;
    font-size: 16px;
  }
}
.test-solve__exit-stayer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
  height: 80px;
  margin-left: 10px;
  border: 1px solid #6a33fe;
  border-radius: 20px;
  background-color: #6a33fe;
  font-family: "NanumSquare";
  font-size: 32px;
  font-weight: 800;
  color: #fff;
}
@media (max-width: 749px) {
  .test-solve__exit-stayer {
    height: 40px;
    margin-left: 5px;
    border-radius: 10px;
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .test-solve__exit-stayer {
    height: 40px;
    margin-left: 5px;
    border-radius: 10px;
    font-size: 16px;
  }
}
.test-solve__comment-dialog {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  z-index: 11;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.test-solve__comment-dialog[aria-hidden=true] {
  display: none;
}
.test-solve__comment-dialog[aria-hidden=false] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.test-solve__comment-document {
  overflow: hidden auto;
  position: relative;
  width: calc(100% - 80px);
  height: auto;
  max-height: calc(100% - 80px);
  padding: 40px;
  border-radius: 20px;
  background-color: #fff;
}
@media (max-width: 749px) {
  .test-solve__comment-document {
    width: calc(100% - 40px);
    max-height: calc(100% - 40px);
    padding: 20px;
    border-radius: 10px;
  }
}
@media (min-width: 1024px) {
  .test-solve__comment-document {
    width: 375px;
    max-height: calc(100% - 40px);
    padding: 20px;
    border-radius: 10px;
  }
}
.test-solve__comment-closer {
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 80px;
  background: url("../../images/app/test-solve__comment-closer.jpg") center/24px no-repeat;
}
@media (max-width: 749px) {
  .test-solve__comment-closer {
    width: 40px;
    height: 40px;
    background-size: 12px;
  }
}
@media (min-width: 1024px) {
  .test-solve__comment-closer {
    width: 40px;
    height: 40px;
    background-size: 12px;
  }
}
.test-solve__comment-title {
  font-family: "NanumSquare";
  font-size: 32px;
  font-weight: 400;
  color: #222;
  line-height: 56px;
}
@media (max-width: 749px) {
  .test-solve__comment-title {
    font-size: 16px;
    line-height: 28px;
  }
}
@media (min-width: 1024px) {
  .test-solve__comment-title {
    font-size: 16px;
    line-height: 28px;
  }
}
.test-solve__comment-description {
  padding-bottom: 40px;
  font-family: "NanumSquare";
  font-size: 32px;
  font-weight: 400;
  color: #222;
  line-height: 56px;
}
@media (max-width: 749px) {
  .test-solve__comment-description {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 28px;
  }
}
@media (min-width: 1024px) {
  .test-solve__comment-description {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 28px;
  }
}
.test-solve__comment {
  margin-top: -184px;
  margin-bottom: 40px;
  border-bottom: 1px solid #dbdbdb;
}
@media (max-width: 749px) {
  .test-solve__comment {
    margin-top: -92px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1024px) {
  .test-solve__comment {
    margin-top: -92px;
    margin-bottom: 20px;
  }
}
.test-solve__result {
  margin-bottom: 80px;
}
@media (max-width: 749px) {
  .test-solve__result {
    margin-bottom: 40px;
  }
}
@media (min-width: 1024px) {
  .test-solve__result {
    margin-bottom: 40px;
  }
}
.test-solve__result-title {
  font-family: "NanumSquare";
  font-size: 36px;
  font-weight: 800;
  color: #222;
  line-height: 48px;
}
@media (max-width: 749px) {
  .test-solve__result-title {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 1024px) {
  .test-solve__result-title {
    font-size: 18px;
    line-height: 24px;
  }
}
.test-solve__result-scores {
  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: 286px;
  margin-top: 20px;
  border: 2px solid #395897;
  border-radius: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 10px 1px rgba(57, 88, 151, 0.2);
          box-shadow: 0 1px 10px 1px rgba(57, 88, 151, 0.2);
}
@media (max-width: 749px) {
  .test-solve__result-scores {
    height: 143px;
    margin-top: 20px;
    border: 1px solid #395897;
    border-radius: 10px;
  }
}
@media (min-width: 1024px) {
  .test-solve__result-scores {
    height: 143px;
    margin-top: 20px;
    border: 1px solid #395897;
    border-radius: 10px;
  }
}
.test-solve__result-score {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
  height: 100%;
}
.test-solve__result-count {
  font-family: "NanumSquare";
  font-size: 32px;
  font-weight: 800;
  color: #222;
  text-align: center;
  line-height: 1;
}
.test-solve__result-count:before {
  content: "";
  display: block;
  width: 115px;
  height: 115px;
  margin-bottom: 28px;
}
.test-solve__result-score:first-child .test-solve__result-count:before {
  background: url("../../images/app/test-solve__result-score--y.jpg") center/contain no-repeat;
}
.test-solve__result-score:last-child .test-solve__result-count:before {
  background: url("../../images/app/test-solve__result-score--n.jpg") center/contain no-repeat;
}
@media (max-width: 749px) {
  .test-solve__result-count {
    font-size: 16px;
  }
  .test-solve__result-count:before {
    width: 60px;
    height: 60px;
    margin-bottom: 14px;
  }
}
@media (min-width: 1024px) {
  .test-solve__result-count {
    font-size: 16px;
  }
  .test-solve__result-count:before {
    width: 60px;
    height: 60px;
    margin-bottom: 14px;
  }
}
.test-solve__ox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 28px;
}
@media (max-width: 749px) {
  .test-solve__ox {
    margin-top: 14px;
  }
}
@media (min-width: 1024px) {
  .test-solve__ox {
    margin-top: 14px;
  }
}
.test-solve__ox-form {
  width: 232px;
  height: 232px;
}
@media (max-width: 749px) {
  .test-solve__ox-form {
    width: 116px;
    height: 116px;
  }
}
@media (min-width: 1024px) {
  .test-solve__ox-form {
    width: 116px;
    height: 116px;
  }
}
.test-solve__ox-label {
  display: block;
  width: 100%;
  height: 100%;
}
.test-solve__ox-form:first-child .test-solve__ox-checkbox:not(:checked) + .test-solve__ox-label {
  background: url("../../images/app/test-solve__o.png") center/contain no-repeat;
}
.test-solve__ox-form:first-child .test-solve__ox-checkbox:checked + .test-solve__ox-label {
  background: url("../../images/app/test-solve__o--checked.png") center/contain no-repeat;
}
.test-solve__ox-form:first-child .test-solve__ox-checkbox.-correct + .test-solve__ox-label {
  background: url("../../images/app/test-solve__o--correct.png") center/contain no-repeat;
}
.test-solve__ox-form:last-child .test-solve__ox-checkbox:not(:checked) + .test-solve__ox-label {
  background: url("../../images/app/test-solve__x.png") center/contain no-repeat;
}
.test-solve__ox-form:last-child .test-solve__ox-checkbox:checked + .test-solve__ox-label {
  background: url("../../images/app/test-solve__x--checked.png") center/contain no-repeat;
}
.test-solve__ox-form:last-child .test-solve__ox-checkbox.-correct + .test-solve__ox-label {
  background: url("../../images/app/test-solve__x--correct.png") center/contain no-repeat;
}
.test-solve__complete-dialog {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  z-index: 11;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.test-solve__complete-dialog[aria-hidden=true] {
  display: none;
}
.test-solve__complete-dialog[aria-hidden=false] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.test-solve__complete-document {
  display: block;
  overflow: hidden auto;
  width: calc(100% - 80px);
  height: auto;
  max-height: calc(100% - 80px);
  padding: 82px 30px 30px 30px;
  border-radius: 20px;
  background-color: #fff;
}
@media (max-width: 749px) {
  .test-solve__complete-document {
    width: calc(100% - 40px);
    max-height: calc(100% - 40px);
    padding: 41px 15px 15px 15px;
    border-radius: 10px;
  }
}
@media (min-width: 1024px) {
  .test-solve__complete-document {
    width: 375px;
    max-height: calc(100% - 40px);
    padding: 41px 15px 15px 15px;
    border-radius: 10px;
  }
}
.test-solve__complete-graph {
  position: relative;
  width: 100%;
  height: auto;
  padding: 30px 36px;
  border-radius: 20px;
  background-color: #f7f7f7;
}
@media (max-width: 749px) {
  .test-solve__complete-graph {
    padding: 15px 18px;
  }
}
@media (min-width: 1024px) {
  .test-solve__complete-graph {
    padding: 15px 18px;
  }
}
.test-solve__complete-doughnut {
  margin-top: -10px;
}
@media (max-width: 749px) {
  .test-solve__complete-doughnut {
    margin-top: -5px;
  }
}
@media (min-width: 1024px) {
  .test-solve__complete-doughnut {
    margin-top: -5px;
  }
}
.test-solve__complete-summary {
  position: absolute;
  bottom: 4vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (min-width: 1024px) {
  .test-solve__complete-summary {
    bottom: 2vw;
  }
}
.test-solve__complete-name {
  font-family: "NanumSquare";
  font-size: 30px;
  font-weight: 400;
  color: #222;
  text-align: center;
  line-height: 46px;
}
@media (max-width: 749px) {
  .test-solve__complete-name {
    font-size: 15px;
    line-height: 23px;
  }
}
@media (min-width: 1024px) {
  .test-solve__complete-name {
    font-size: 15px;
    line-height: 23px;
  }
}
.test-solve__complete-step {
  margin-top: 4px;
  font-family: "NanumSquare";
  font-size: 80px;
  font-weight: 800;
  color: #222;
  text-align: center;
  line-height: 1;
}
@media (max-width: 749px) {
  .test-solve__complete-step {
    margin-top: 2px;
    font-size: 40px;
  }
}
@media (min-width: 1024px) {
  .test-solve__complete-step {
    margin-top: 2px;
    font-size: 40px;
  }
}
.test-solve__complete-progress {
  font-family: "NanumSquare";
  font-size: 30px;
  font-weight: 400;
  color: #222;
  text-align: center;
  line-height: 46px;
}
@media (max-width: 749px) {
  .test-solve__complete-progress {
    font-size: 15px;
    line-height: 23px;
  }
}
@media (min-width: 1024px) {
  .test-solve__complete-progress {
    font-size: 15px;
    line-height: 23px;
  }
}
.test-solve__complete-title {
  margin-top: 34px;
  font-family: "NanumSquare";
  font-size: 36px;
  font-weight: 600;
  color: #222;
  text-align: center;
  line-height: 46px;
}
@media (max-width: 749px) {
  .test-solve__complete-title {
    margin-top: 17px;
    font-size: 18px;
    line-height: 23px;
  }
}
@media (min-width: 1024px) {
  .test-solve__complete-title {
    margin-top: 17px;
    font-size: 18px;
    line-height: 23px;
  }
}
.test-solve__complete-description {
  margin-top: 26px;
  font-family: "NanumSquare";
  font-size: 34px;
  font-weight: 400;
  color: #222;
  text-align: center;
  line-height: 46px;
}
@media (max-width: 749px) {
  .test-solve__complete-description {
    margin-top: 13px;
    font-size: 17px;
    line-height: 23px;
  }
}
@media (min-width: 1024px) {
  .test-solve__complete-description {
    margin-top: 13px;
    font-size: 17px;
    line-height: 23px;
  }
}
.test-solve__complete-buttons {
  margin-top: 34px;
}
@media (max-width: 749px) {
  .test-solve__complete-buttons {
    margin-top: 17px;
  }
}
@media (min-width: 1024px) {
  .test-solve__complete-buttons {
    margin-top: 17px;
  }
}
.test-solve__complete-button {
  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: 80px;
  border: 1px solid transparent;
  border-radius: 20px;
  font-family: "NanumSquare";
  font-size: 32px;
  font-weight: 700;
}
.test-solve__complete-button:first-child:not(:last-child) {
  border-color: #6a33fe;
  color: #6a33fe;
}
.test-solve__complete-button:last-child {
  background-color: #6a33fe;
  color: #fff;
}
.test-solve__complete-button + .test-solve__complete-button {
  margin-top: 20px;
}
@media (max-width: 749px) {
  .test-solve__complete-button {
    height: 40px;
    border-radius: 10px;
    font-size: 16px;
  }
  .test-solve__complete-button + .test-solve__complete-button {
    margin-top: 10px;
  }
}
@media (min-width: 1024px) {
  .test-solve__complete-button {
    height: 40px;
    border-radius: 10px;
    font-size: 16px;
  }
  .test-solve__complete-button + .test-solve__complete-button {
    margin-top: 10px;
  }
}
.test-solve__doker {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  padding: 40px;
  background-color: #fff;
}
@media (max-width: 749px) {
  .test-solve__doker {
    padding: 20px;
  }
}
@media (min-width: 1024px) {
  .test-solve__doker {
    bottom: 5px;
    left: 50%;
    width: 490px;
    padding: 20px 40px 20px 20px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background-color: unset;
  }
  .test-solve__doker:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 473px;
    height: 100%;
    background-color: #fff;
  }
}
.test-solve__summary-note {
  width: 100%;
  height: 100%;
}
.test-solve__carousel {
  width: 100%;
  height: 100%;
}
.test-solve__carousel .swiper-container {
  overflow: hidden;
  width: 100%;
  height: calc(100% - 167px);
  border: 6px solid #c6c6c6;
}
.test-solve__carousel .swiper-slide {
  width: 100%;
  height: 100%;
}
.test-solve__carousel .swiper-slide > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.test-solve__carousel .swiper-zoom-container {
  width: 100%;
  height: 100%;
}
.test-solve__carousel .swiper-zoom-container > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.test-solve__carousel .swiper-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;
  position: unset;
  width: 100%;
  height: 92px;
  font-family: "NanumSquare";
  font-size: 32px;
  font-weight: bold;
  color: #222;
}
.test-solve__carousel .swiper-pagination-current {
  display: inline-block;
  vertical-align: top;
  font-family: "NanumSquare";
  font-size: 32px;
  font-weight: bold;
  color: #165d7b;
}
.test-solve__carousel .swiper-pagination-total {
  display: inline-block;
  vertical-align: top;
  font-family: "NanumSquare";
  font-size: 32px;
  font-weight: bold;
  color: #222;
}
@media (max-width: 749px) {
  .test-solve__carousel .swiper-container {
    height: calc(100% - 83.5px);
    border-width: 3px;
  }
  .test-solve__carousel .swiper-pagination {
    height: 46px;
    font-size: 16px;
  }
  .test-solve__carousel .swiper-pagination-current {
    font-size: 16px;
  }
  .test-solve__carousel .swiper-pagination-total {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .test-solve__carousel .swiper-container {
    height: calc(100% - 83.5px);
    border-width: 3px;
  }
  .test-solve__carousel .swiper-pagination {
    height: 46px;
    font-size: 16px;
  }
  .test-solve__carousel .swiper-pagination-current {
    font-size: 16px;
  }
  .test-solve__carousel .swiper-pagination-total {
    font-size: 16px;
  }
}
.test-solve__carousel-controller {
  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: 100%;
  height: 75px;
}
.test-solve__carousel-controller .swiper-button-prev {
  display: block;
  position: relative;
  top: unset;
  right: unset;
  bottom: unset;
  left: unset;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  width: 100px;
  height: 76px;
  margin: unset;
  border: 1px solid #cfcfcf;
  border-radius: 20px;
  background: unset;
}
.test-solve__carousel-controller .swiper-button-prev:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  border-bottom: 2px solid #222;
  border-left: 2px solid #222;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.test-solve__carousel-controller .swiper-button-prev:after {
  display: none;
}
.test-solve__carousel-controller .swiper-button-next {
  display: block;
  position: relative;
  top: unset;
  right: unset;
  bottom: unset;
  left: unset;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 100px;
  height: 76px;
  margin: unset;
  border: 1px solid #cfcfcf;
  border-radius: 20px;
  background: unset;
}
.test-solve__carousel-controller .swiper-button-next:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-left: -5px;
  border-top: 2px solid #222;
  border-right: 2px solid #222;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.test-solve__carousel-controller .swiper-button-next:after {
  display: none;
}
@media (max-width: 749px) {
  .test-solve__carousel-controller {
    height: 37.5px;
  }
  .test-solve__carousel-controller .swiper-button-prev {
    width: 50px;
    height: 38px;
    border-radius: 10px;
  }
  .test-solve__carousel-controller .swiper-button-prev:before {
    width: 10px;
    height: 10px;
    margin-left: 2.5px;
    border-bottom: 1px solid #222;
    border-left: 1px solid #222;
  }
  .test-solve__carousel-controller .swiper-button-next {
    width: 50px;
    height: 38px;
    border-radius: 10px;
    background: unset;
  }
  .test-solve__carousel-controller .swiper-button-next:before {
    width: 10px;
    height: 10px;
    margin-left: -2.5px;
    border-top: 1px solid #222;
    border-right: 1px solid #222;
  }
}
@media (min-width: 1024px) {
  .test-solve__carousel-controller {
    height: 37.5px;
  }
  .test-solve__carousel-controller .swiper-button-prev {
    width: 50px;
    height: 38px;
    border-radius: 10px;
  }
  .test-solve__carousel-controller .swiper-button-prev:before {
    width: 10px;
    height: 10px;
    margin-left: 2.5px;
    border-bottom: 1px solid #222;
    border-left: 1px solid #222;
  }
  .test-solve__carousel-controller .swiper-button-next {
    width: 50px;
    height: 38px;
    border-radius: 10px;
    background: unset;
  }
  .test-solve__carousel-controller .swiper-button-next:before {
    width: 10px;
    height: 10px;
    margin-left: -2.5px;
    border-top: 1px solid #222;
    border-right: 1px solid #222;
  }
}
.test-solve__quiz-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
  height: 76px;
  margin: 0 20px;
  border-radius: 20px;
  background-color: #395897;
  font-family: "NanumSquare";
  font-size: 32px;
  font-weight: bold;
  color: #fff;
}
@media (max-width: 749px) {
  .test-solve__quiz-button {
    height: 38px;
    margin: 0 10px;
    border-radius: 10px;
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .test-solve__quiz-button {
    height: 38px;
    margin: 0 10px;
    border-radius: 10px;
    font-size: 16px;
  }
}

.home-main {
  width: 100%;
  height: auto;
}
.home-main:nth-of-type(1) {
  background-color: #fff;
}
.home-main:nth-of-type(2) {
  background: url("../../images/bem/home-main/home-main1.jpg") center/cover no-repeat;
}
.home-main:nth-of-type(3) {
  background-color: #f6f7f9;
}
.home-main__content {
  width: 1100px;
  height: auto;
  margin: 0 auto;
  padding: 100px 0;
}
@media (max-width: 1099px) {
  .home-main__content {
    width: 100%;
    padding: 94px 40px 132px 40px;
  }
}
@media (max-width: 749px) {
  .home-main__content {
    padding: 47px 20px 66px 20px;
  }
}
.home-main__heading {
  font-family: "NanumSquare";
  font-size: 50px;
  font-weight: 900;
  color: #222;
  text-align: center;
  letter-spacing: -0.025em;
}
.home-main__heading .--mbr {
  display: inline-block;
  vertical-align: top;
  width: 10px;
}
.home-main__heading .-emphasis {
  display: inline-block;
  vertical-align: top;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: #6a33fe;
  text-align: inherit;
  letter-spacing: inherit;
}
@media (max-width: 1099px) {
  .home-main__heading {
    font-size: 52px;
  }
  .home-main__heading .--mbr {
    display: block;
    width: 0;
  }
}
@media (max-width: 749px) {
  .home-main__heading {
    font-size: 26px;
  }
}
.home-main__flexible-container {
  margin-top: 100px;
}
@media (max-width: 1099px) {
  .home-main__flexible-container {
    margin-top: 94px;
  }
}
@media (max-width: 749px) {
  .home-main__flexible-container {
    margin-top: 47px;
  }
}
.home-main__flexible-box {
  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: 100%;
  height: auto;
  margin: 100px 0;
}
.home-main__flexible-box:first-child {
  margin-top: unset;
}
.home-main__flexible-box:last-child {
  margin-bottom: unset;
}
@media (max-width: 1099px) {
  .home-main__flexible-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 94px 0;
  }
}
@media (max-width: 749px) {
  .home-main__flexible-box {
    margin: 47px 0;
  }
}
.home-main__preview {
  width: 562px;
  height: 344px;
}
.home-main__flexible-box:last-child .home-main__preview {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.home-main__preview > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1099px) {
  .home-main__preview {
    width: 100%;
    height: auto;
  }
  .home-main__preview > img {
    height: auto;
    -o-object-fit: unset;
       object-fit: unset;
  }
  .home-main__flexible-box:last-child .home-main__preview {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}
.home-main__flexible-box:first-child .home-main__summary {
  padding-left: 52px;
}
.home-main__flexible-box:last-child .home-main__summary {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
@media (max-width: 1099px) {
  .home-main__summary {
    width: 100%;
    text-align: center;
  }
  .home-main__flexible-box:first-child .home-main__summary {
    padding-left: unset;
  }
}
.home-main__category {
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: 45px;
  padding: 0 22px;
  border: 1px solid transparent;
  border-radius: 45px;
  font-family: "NanumSquare";
  font-size: 20px;
  font-weight: bold;
  line-height: 45px;
  text-align: center;
  letter-spacing: -0.025em;
}
.home-main__flexible-box:first-child .home-main__category {
  border-color: #ff9416;
  color: #ff9416;
}
.home-main__flexible-box:last-child .home-main__category {
  border-color: #ff165d;
  color: #ff165d;
}
@media (max-width: 1099px) {
  .home-main__category {
    height: 54px;
    margin-top: 40px;
    padding: 0 26px;
    border-radius: 54px;
    font-size: 26px;
    line-height: 54px;
  }
}
@media (max-width: 749px) {
  .home-main__category {
    height: 27px;
    margin-top: 20px;
    padding: 0 13px;
    border-radius: 27px;
    font-size: 13px;
    line-height: 27px;
  }
}
.home-main__title {
  margin-top: 24px;
  font-family: "NanumSquare";
  font-size: 32px;
  font-weight: bold;
  color: #222;
  line-height: 44px;
  letter-spacing: -0.025em;
}
@media (max-width: 1099px) {
  .home-main__title {
    font-size: 36px;
    line-height: 46px;
  }
}
@media (max-width: 749px) {
  .home-main__title {
    margin-top: 12px;
    font-size: 18px;
    line-height: 23px;
  }
}
.home-main__description {
  margin-top: 16px;
  font-family: "NanumSquare";
  font-size: 20px;
  font-weight: 400;
  color: #222;
  line-height: 30px;
  letter-spacing: -0.025em;
}
@media (max-width: 1099px) {
  .home-main__description {
    font-size: 26px;
    text-align: center;
    line-height: 36px;
  }
}
@media (max-width: 749px) {
  .home-main__description {
    margin-top: 8px;
    font-size: 13px;
    line-height: 18px;
  }
}
.home-main__carousel .swiper-container {
  overflow: hidden;
  border-radius: 20px;
}
.home-main__carousel .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: unset;
}
.home-main__carousel .swiper-pagination * {
  opacity: 1 !important;
  margin: unset !important;
  background: unset !important;
  border: unset !important;
  border-radius: unset !important;
}
.home-main__carousel[data-carousel-type=tab] .home-main__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;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
  height: 80px;
  background-color: #fff !important;
  font-family: "NanumSquare";
  font-size: 24px;
  font-weight: bold;
  color: #222 !important;
}
.home-main__carousel[data-carousel-type=tab] .home-main__pagination:last-child:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 24px;
  margin-left: 10px;
  background: url("../../images/bem/home-main//home-main__pagination--new.png") center/cover no-repeat;
}
.home-main__carousel[data-carousel-type=tab] .home-main__pagination.swiper-pagination-bullet-active {
  background-color: #6a33fe !important;
  color: #fff !important;
}
.home-main__carousel[data-carousel-type=swipe] {
  margin-top: 52px;
}
.home-main__carousel[data-carousel-type=swipe] .swiper-container[data-hidden=true] {
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  position: absolute;
  left: 0;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0 !important;
  border: 0;
}
.home-main__carousel[data-carousel-type=swipe] .swiper-container[data-hidden=false] {
  display: block;
  overflow: unset;
}
.home-main__carousel[data-carousel-type=swipe] .swiper-slide {
  position: relative;
  border-radius: 20px;
}
.home-main__carousel[data-carousel-type=swipe] .swiper-slide > img {
  width: 100%;
  height: auto;
  border-radius: 20px;
}
@media (max-width: 1099px) {
  .home-main__carousel[data-carousel-type=tab] .home-main__pagination {
    height: 108px;
    font-size: 28px;
    white-space: pre;
  }
  .home-main__carousel[data-carousel-type=tab] .home-main__pagination:last-child:after {
    width: 26px;
    height: 26px;
    margin-top: -32px;
    margin-left: 8px;
  }
  .home-main__carousel[data-carousel-type=swipe] {
    margin-top: 30px;
  }
  .home-main__carousel[data-carousel-type=swipe] .swiper-container {
    margin-right: -40px;
    margin-left: -40px;
    padding: 0 40px;
    border-radius: unset;
  }
}
@media (max-width: 749px) {
  .home-main__carousel .swiper-container {
    border-radius: 10px;
  }
  .home-main__carousel[data-carousel-type=tab] .home-main__pagination {
    height: 54px;
    font-size: 14px;
  }
  .home-main__carousel[data-carousel-type=tab] .home-main__pagination:last-child:after {
    width: 13px;
    height: 13px;
    margin-top: -16px;
    margin-left: 4px;
  }
  .home-main__carousel[data-carousel-type=swipe] {
    margin-top: 15px;
  }
  .home-main__carousel[data-carousel-type=swipe] .swiper-container {
    margin-right: -20px;
    margin-left: -20px;
    padding: 0 20px;
  }
  .home-main__carousel[data-carousel-type=swipe] .swiper-slide > img {
    border-radius: 10px;
  }
}
.home-main__list {
  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;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  width: 100%;
  height: 492px;
  padding: 52px 66px;
  border-top: 1px solid #e9e9e9;
  background-color: #fff;
}
.home-main__list.-quick {
  padding-left: 645px;
}
@media (max-width: 1099px) {
  .home-main__list {
    display: block;
    height: auto;
    padding: 40px 46px;
    border-radius: 0 0 20px 20px;
  }
  .home-main__list.-quick {
    padding-left: 46px;
  }
}
@media (max-width: 749px) {
  .home-main__list {
    padding: 20px 23px;
    border-radius: 0 0 10px 10px;
  }
  .home-main__list.-quick {
    padding-left: 23px;
  }
}
.home-main__item {
  width: calc((100% - 190px) / 2);
  height: auto;
  position: relative;
  padding-left: 94px;
}
.home-main__list.-quick .home-main__item:first-child {
  position: absolute;
  top: 52px;
  left: 66px;
}
.home-main__list.-quick .home-main__item:not(:first-child) {
  width: 100%;
}
.home-main__item > img {
  display: block;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1099px) {
  .home-main__item {
    width: 100%;
  }
  .home-main__item + .home-main__item {
    margin-top: 30px;
  }
  .home-main__list.-quick .home-main__item:first-child {
    position: unset;
    padding-left: unset;
  }
}
@media (max-width: 749px) {
  .home-main__item {
    padding-left: 47px;
  }
  .home-main__item > img {
    width: 35px;
  }
}
.home-main__key {
  font-family: "NanumSquare";
  font-size: 18px;
  font-weight: 400;
  color: #222;
  line-height: 34px;
  letter-spacing: -0.025em;
}
@media (max-width: 1099px) {
  .home-main__key {
    font-size: 22px;
  }
}
@media (max-width: 749px) {
  .home-main__key {
    font-size: 11px;
    line-height: 17px;
  }
}
.home-main__value {
  font-family: "NanumSquare";
  font-size: 24px;
  font-weight: 900;
  color: #222;
  line-height: 34px;
  letter-spacing: -0.025em;
}
@media (max-width: 1099px) {
  .home-main__value {
    font-size: 30px;
  }
}
@media (max-width: 749px) {
  .home-main__value {
    font-size: 15px;
    line-height: 17px;
  }
}
.home-main__hashtag-group {
  margin-top: 16px;
}
@media (max-width: 1099px) {
  .home-main__hashtag-group {
    margin-top: 20px;
  }
}
@media (max-width: 749px) {
  .home-main__hashtag-group {
    margin-top: 10px;
  }
}
.home-main__hashtag {
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: 34px;
  margin: 0 10px 10px 0;
  padding: 0 20px;
  border: 1px solid #ccc;
  border-radius: 34px;
  font-family: "NanumSquare";
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 34px;
  text-align: center;
}
.home-main__hashtag:before {
  content: "#";
  display: inline-block;
}
@media (max-width: 1099px) {
  .home-main__hashtag {
    height: 48px;
    border-radius: 48px;
    font-size: 24px;
    line-height: 48px;
  }
}
@media (max-width: 749px) {
  .home-main__hashtag {
    height: 24px;
    margin: 0 5px 5px 0;
    padding: 0 10px;
    border-radius: 24px;
    font-size: 12px;
    line-height: 24px;
  }
}
.home-main__quick {
  width: 389px;
  margin-left: -94px;
}
@media (max-width: 1099px) {
  .home-main__quick {
    width: 100%;
    margin-left: unset;
  }
}
.home-main__quick-image {
  width: 100%;
  height: auto;
}
.home-main__quick-image > img {
  display: block;
  width: 100%;
  height: auto;
}
.home-main__quick-title {
  margin-top: 14px;
  font-family: "NanumSquare";
  font-size: 28px;
  font-weight: 900;
  color: #222;
  line-height: 34px;
  letter-spacing: -0.025em;
}
@media (max-width: 1099px) {
  .home-main__quick-title {
    margin-top: 30px;
    font-size: 34px;
    text-align: center;
    line-height: 1;
  }
}
@media (max-width: 749px) {
  .home-main__quick-title {
    margin-top: 15px;
    font-size: 17px;
  }
}
.home-main__quick-description {
  margin-top: 14px;
  font-size: 18px;
  font-weight: 400;
  color: #222;
  line-height: 26px;
  letter-spacing: -0.025em;
}
@media (max-width: 1099px) {
  .home-main__quick-description {
    margin-top: 16px;
    font-size: 24px;
    text-align: center;
    line-height: 30px;
  }
}
@media (max-width: 749px) {
  .home-main__quick-description {
    margin-top: 8px;
    font-size: 12px;
    line-height: 15px;
  }
}
.home-main__quick-link {
  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: 142px;
  height: 44px;
  margin-top: 16px;
  border-radius: 44px;
  background-color: #6a33fe;
  font-family: "NanumSquare" !important;
  font-size: 18px !important;
  font-weight: bold !important;
  color: #fff !important;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.home-main__quick-link:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 8px;
  height: 15px;
  margin-bottom: 2px;
  margin-left: 8px;
  background: url("../../images/bem/home-main/home-main__quick-link--after.jpg") center/contain no-repeat;
}
.home-main__quick-link:hover {
  opacity: 0.9;
  -webkit-transform: scale(1.04);
      -ms-transform: scale(1.04);
          transform: scale(1.04);
}
@media (max-width: 1099px) {
  .home-main__quick-link {
    width: 180px;
    height: 54px;
    margin: 15px auto 0 auto;
    border-radius: 54px;
    font-size: 24px !important;
  }
  .home-main__quick-link:after {
    width: 10px;
    height: 17px;
    margin-left: 8px;
  }
}
@media (max-width: 749px) {
  .home-main__quick-link {
    width: 90px;
    height: 27px;
    margin-top: 7.5px;
    border-radius: 27px;
    font-size: 12px !important;
  }
  .home-main__quick-link:after {
    width: 5px;
    height: 7.5px;
    margin-left: 4px;
  }
}
.home-main__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;
  margin-bottom: 30px;
}
@media (max-width: 749px) {
  .home-main__pagination {
    margin-bottom: 15px;
  }
}
.home-main__pagination-button {
  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: 151px;
  height: 49px;
  margin: 0 5px;
  border: 1px solid #ccc;
  border-radius: 49px;
  font-family: "NanumSquare";
  font-size: 22px;
  font-weight: bold;
  color: #999;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.home-main__pagination-button[data-selected=true] {
  border-color: #6a33fe;
  color: #6a33fe;
}
.home-main__pagination-button:hover {
  opacity: 0.9;
  -webkit-transform: scale(1.04);
      -ms-transform: scale(1.04);
          transform: scale(1.04);
}
@media (max-width: 1099px) {
  .home-main__pagination-button {
    width: 180px;
    height: 62px;
    border-radius: 62px;
    font-size: 30px;
  }
}
@media (max-width: 749px) {
  .home-main__pagination-button {
    width: 90px;
    height: 31px;
    border-radius: 31px;
    margin: 0 2.5px;
    font-size: 15px;
  }
}
.home-main__notice {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  opacity: 0.5;
  width: 100%;
  font-size: 16px;
  font-weight: 300;
  color: #222;
  text-align: right;
  line-height: 38px;
}
@media (max-width: 1023px) {
  .home-main__notice {
    top: calc(100% + 12px);
    font-size: 26px;
  }
}
@media (max-width: 749px) {
  .home-main__notice {
    top: calc(100% + 6px);
    font-size: 13px;
  }
}

.p-terms {
  width: 1100px;
  height: auto;
  margin: 0 auto -180px auto;
  padding: 100px 0;
}
@media (max-width: 1139px) {
  .p-terms {
    width: 100%;
    padding: 44px 20px;
  }
}
@media (max-width: 1023px) {
  .p-terms {
    margin-bottom: -90px;
  }
}
@media (max-width: 767px) {
  .p-terms {
    margin-bottom: -12.5vw;
  }
}
.p-terms, .p-terms * {
  font-family: "NanumSquare" !important;
}
.p-terms__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;
}
.p-terms__heading {
  font-size: 36px;
  font-weight: 900;
  color: #35cdff;
}
@media (max-width: 1023px) {
  .p-terms__heading {
    font-size: 20px;
    text-align: center;
  }
}
.p-terms__history {
  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;
}
@media (max-width: 1023px) {
  .p-terms__history {
    display: block;
  }
}
.p-terms__history-key {
  margin-right: 16px;
  font-size: 15px;
  font-weight: normal;
  color: #fff;
}
@media (max-width: 1023px) {
  .p-terms__history-key {
    display: none;
  }
}
.p-terms__history-value {
  position: relative;
}
.p-terms__history-button {
  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: 190px;
  height: 40px;
  border: 2px solid #fff;
  border-radius: 5px;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
}
.p-terms__history-button:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  margin-left: 36px;
  border-top: 9px solid #fff;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.p-terms__history-button[data-trigger]:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media (max-width: 1023px) {
  .p-terms__history-button {
    width: 160px;
  }
  .p-terms__history-button:after {
    margin-left: 10px;
  }
}
.p-terms__history-list {
  display: none;
  overflow: hidden auto;
  position: absolute;
  top: 100%;
  right: 0;
  width: 190px;
  height: auto;
  max-height: 114px;
  margin-top: 6px;
  border-radius: 5px;
  background-color: #fff;
}
.p-terms__history-list:not([data-target]) {
  display: block;
}
@media (max-width: 1023px) {
  .p-terms__history-list {
    width: 160px;
  }
}
.p-terms__history-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 38px;
  padding: 0 24px;
  font-size: 14px ;
  font-weight: bold ;
  color: #182848 ;
}
.p-terms__history-link:hover {
  background-color: #cfdbf3;
}
.p-terms__container {
  margin: 32px 0;
}
.p-terms__container:first-child {
  margin-top: unset;
}
.p-terms__container:last-child {
  margin-bottom: unset;
}
.p-terms__content {
  margin: 32px 0;
}
.p-terms__content:first-child {
  margin-top: unset;
}
.p-terms__content:last-child {
  margin-bottom: unset;
}
.p-terms__summary {
  margin: 32px 0;
}
.p-terms__summary:first-child {
  margin-top: unset;
}
.p-terms__summary:last-child {
  margin-bottom: unset;
}
.p-terms__summary-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: auto;
  padding: 50px 0;
  border: 1px solid #fff;
}
@media (max-width: 1099px) {
  .p-terms__summary-list {
    display: block;
  }
}
.p-terms__summary-item {
  position: relative;
  width: 16.6666666667%;
}
@media (max-width: 1099px) {
  .p-terms__summary-item {
    width: 100%;
  }
  .p-terms__summary-item:not(:last-child) {
    margin-bottom: 20px;
  }
}
.p-terms__summary-image {
  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: 86px;
  height: 86px;
  margin: 0 auto;
  border-radius: 100%;
  background-color: #fff;
}
.p-terms__summary-image > img {
  display: block;
  width: 56px;
  height: auto;
}
.p-terms__summary-subject {
  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% !important;
  margin: 20px auto 0 auto;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
.p-terms__summary-subject:after {
  content: "!";
  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: 16px;
  height: 16px;
  margin-left: 5px;
  border-radius: 100%;
  background: unset;
  background-color: #dddddd;
  font-size: 10px;
  font-weight: 900;
  color: #999;
  position: unset;
}
@media (max-width: 1023px) {
  .p-terms__summary-subject {
    margin-right: auto;
    margin-left: auto;
  }
}
.p-terms__summary-tooltip {
  display: none;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 244px;
  height: auto;
  margin-top: 10px;
  padding: 10px 32px 10px 10px;
  border-radius: 10px;
  background-color: #fff;
}
.p-terms__summary-tooltip[data-target] {
  display: block;
}
.p-terms__summary-tooltip[data-tooltip-option=first] {
  left: 0;
  -webkit-transform: unset;
      -ms-transform: unset;
          transform: unset;
}
.p-terms__summary-tooltip[data-tooltip-option=last] {
  left: unset;
  right: 0;
  -webkit-transform: unset;
      -ms-transform: unset;
          transform: unset;
}
@media (max-width: 1023px) {
  .p-terms__summary-tooltip[data-tooltip-option=first], .p-terms__summary-tooltip[data-tooltip-option=last] {
    left: 50%;
    right: unset;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.p-terms__summary-title {
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: bold;
  color: #222;
  line-height: 22px;
  letter-spacing: -0.025em;
}
.p-terms__summary-description {
  font-size: 15px;
  font-weight: normal;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.025em;
}
.p-terms__summary-closer {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 28px;
}
.p-terms__summary-closer:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 6px;
  left: 0;
  width: 12px;
  height: 2px;
  background-color: #000;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.p-terms__summary-closer:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 6px;
  top: unset ;
  right: unset ;
  left: 0 ;
  width: 12px ;
  height: 2px ;
  background: unset ;
  background-color: #000 ;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.p-terms__index {
  margin: 32px 0;
}
.p-terms__index:first-child {
  margin-top: unset;
}
.p-terms__index:last-child {
  margin-bottom: unset;
}
.p-terms__index-title {
  margin-bottom: 32px;
  font-size: 28px;
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.025em;
}
.p-terms__index-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  height: auto;
  margin: unset ;
  border: unset ;
  border-right: 1px solid #fff ;
  border-bottom: 1px solid #fff ;
}
@media (max-width: 1023px) {
  .p-terms__index-list {
    display: block;
  }
}
.p-terms__index-item {
  width: 50%;
  height: auto;
  padding: unset;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}
@media (max-width: 1023px) {
  .p-terms__index-item {
    width: 100%;
  }
}
.p-terms__index-link {
  display: block;
  width: 100%;
  height: auto;
  padding: 14px;
  font-size: 16px ;
  font-weight: bold ;
  color: #fff ;
}
.p-terms__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  height: auto;
  margin: 32px 0;
  padding: 5px 0 5px 52px;
  font-size: 20px;
  font-weight: 900;
  color: #fff;
  line-height: 1.6 ;
  letter-spacing: -0.025em;
}
.p-terms__title:first-child {
  margin-top: unset;
}
.p-terms__title:last-child {
  margin-bottom: unset;
}
.p-terms__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 42px;
  height: 42px;
  margin-right: 10px;
  border-radius: 100%;
  background-color: #fff;
}
.p-terms__icon > img {
  display: block;
  width: 26px;
  height: auto;
}
.p-terms__description {
  margin: 16px 0;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  line-height: 26px;
  letter-spacing: -0.025em;
}
.p-terms__description:first-child {
  margin-top: unset;
}
.p-terms__description:last-child {
  margin-bottom: unset;
}
.p-terms__list {
  margin: 14px 0;
}
.p-terms__list:first-child {
  margin-top: unset;
}
.p-terms__list:last-child {
  margin-bottom: unset;
}
.p-terms__item {
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  line-height: 26px;
  letter-spacing: -0.025em;
}
.p-terms__track {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: auto hidden;
  margin: 16px -20px;
  padding: 0 20px;
}
.p-terms__track::-webkit-scrollbar {
  display: none;
}
.p-terms__track:first-child {
  margin-top: unset;
}
.p-terms__track:last-child {
  margin-bottom: unset;
}
.p-terms__table {
  width: 100%;
  height: auto;
  margin: 16px 0;
  border: 1px solid #fff ;
  border-collapse: collapse;
}
.p-terms__table:first-child {
  margin-top: unset;
}
.p-terms__table:last-child {
  margin-bottom: unset;
}
.p-terms__table-head {
  background-color: #bfbfbf;
  border-bottom: 1px solid #fff;
}
.p-terms__table-head th {
  padding: 16px ;
  border: unset ;
  background: unset ;
  font-size: 16px ;
  font-weight: 900 ;
  color: #222;
  text-align: center;
}
.p-terms__table-head th:not(:first-child) {
  border-left: 1px solid #fff ;
}
@media (max-width: 1023px) {
  .p-terms__table-head th {
    padding: 4px 8px ;
  }
}
.p-terms__table-body th {
  padding: 16px ;
  border: unset ;
  background: unset ;
  font-size: 16px ;
  font-weight: normal ;
  color: #fff;
  text-align: center;
}
.p-terms__table-body th:not(:first-child) {
  border-left: 1px solid #fff ;
}
@media (max-width: 1023px) {
  .p-terms__table-body th {
    padding: 4px 8px ;
  }
}
.p-terms__table-body td {
  padding: 16px ;
  font-size: 16px ;
  border: unset ;
  font-weight: normal;
  color: #fff;
  text-align: left;
}
.p-terms__table-body td:not(:first-child) {
  border-left: 1px solid #fff ;
}
@media (max-width: 1023px) {
  .p-terms__table-body td {
    padding: 4px 8px ;
    font-size: 12px ;
  }
}
.p-terms__table-row + .p-terms__table-row {
  border-top: 1px solid #fff;
}
.p-terms__table-row * + * {
  border-left: 1px solid #fff;
}

.join .step02 ul li .cnt,
.join .step02 ul li .scroll-inner {
  height: auto;
  max-height: 480px;
}

.scroll-inner > .p-terms {
  width: 100% ;
  margin-bottom: 20px ;
  padding-top: unset ;
  padding-bottom: unset ;
}

@media (max-width: 767px) {
  .footer:not(.--renew) {
    display: block ;
  }
  .footer:not(.--renew) .ft-top {
    padding: 12px 0 ;
    background: #233963 ;
  }
  .footer:not(.--renew) .ft-menu {
    display: -webkit-box ;
    display: -ms-flexbox ;
    display: flex ;
    -ms-flex-wrap: wrap ;
        flex-wrap: wrap ;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .footer:not(.--renew) .ft-menu li {
    padding-left: unset ;
    padding-right: 22px ;
  }
  .footer:not(.--renew) .ft-menu li:before {
    display: none ;
  }
  .footer:not(.--renew) .ft-menu li:not(:last-child):after {
    content: "";
    position: absolute;
    right: 11px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    display: block;
    clear: both;
    width: 1px;
    height: 13px;
    background-color: #959ba6;
  }
  .footer:not(.--renew) .select-wrap {
    display: none ;
  }
}

.layer-loading {
  width: 100%;
  height: 100%;
}
.layer-loading__progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  height: 100%;
}
.layer-loading__progress:before {
  content: "";
  display: block;
  width: 100%;
  height: 134px;
  margin-bottom: 20px;
  background: url("../../images/bem/layer-loading__progress--before.jpg") center/contain no-repeat;
}
.layer-loading__progress-graph {
  display: block;
  width: 296px;
  height: 26px;
  padding: 3px;
  border: 2px solid #c6c6c6;
  border-radius: 26px;
  background-color: #f4f4f4;
}
.layer-loading__progress-graph:after {
  content: "";
  display: block;
  width: var(--PROGRESS);
  height: 100%;
  border-radius: 20px;
  background-color: #0085d0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.layer-loading__progress-description {
  width: 100%;
  height: auto;
  margin-top: 20px;
  font-size: 18px;
  color: #222;
  text-align: center;
}
.footer:not(.--renew).--nowrap {
  margin: unset ;
  background-color: #182848;
}

.floating__wrap {
  position: absolute;
  z-index: 10;
  top: 60px;
  left: 50%;
  margin-left: 590px;
}
.floating__wrap.-sub {
  top: 0;
}
.floating__wrap[data-event-state=true] {
  position: fixed;
  top: 100px;
}
.floating__wrap .-mo {
  display: none;
}
@media (max-width: 1039px) {
  .floating__wrap {
    top: 0;
    left: inherit;
    right: 40px;
    margin-left: 0;
  }
  .floating__wrap.-sub {
    /* top: 156px; */
    top: -160px;
  }
  .floating__wrap .-pc {
    display: none;
  }
  .floating__wrap .-mo {
    display: block;
  }
}
@media (max-width: 719px) {
  .floating__wrap {
    right: 20px;
  }
  .floating__wrap.-sub {
    /* top: 79px; */
    top: -90px;
    right: 5px;
  }
}
.floating__banner {
  position: relative;
}
.floating__banner[aria-hidden=true] {
  display: none ;
}
.floating__banner-closer {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 34px;
}
@media (max-width: 719px) {
  .floating__banner-closer {
    top: 0;
    width: 17px;
    height: 17px;
  }
}
.floating__banner-link {
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: auto;
}
.floating__banner-link > img {
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: auto;
}
@media (max-width: 1039px) {
  .floating__banner-link > img {
    width: 144px;
  }
}
@media (max-width: 719px) {
  .floating__banner-link > img {
    width: 72px;
  }
}