@charset "UTF-8";
@font-face {
  font-family: "SCDream";
  font-weight: 900;
  font-display: swap;
  src: url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/SCDream9.woff") format("woff");
}
@font-face {
  font-family: "SCDream";
  font-weight: 800;
  font-display: swap;
  src: url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/SCDream8.woff") format("woff");
}
@font-face {
  font-family: "SCDream";
  font-weight: 700;
  font-display: swap;
  src: url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/SCDream7.woff") format("woff");
}
@font-face {
  font-family: "SCDream";
  font-weight: 600;
  font-display: swap;
  src: url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/SCDream6.woff") format("woff");
}
@font-face {
  font-family: "SCDream";
  font-weight: 500;
  font-display: swap;
  src: url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/SCDream5.woff") format("woff");
}
@font-face {
  font-family: "SCDream";
  font-weight: 400;
  font-display: swap;
  src: url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/SCDream4.woff") format("woff");
}
@font-face {
  font-family: "SCDream";
  font-weight: 300;
  font-display: swap;
  src: url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/SCDream3.woff") format("woff");
}
@font-face {
  font-family: "SCDream";
  font-weight: 200;
  font-display: swap;
  src: url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/SCDream2.woff") format("woff");
}
@font-face {
  font-family: "SCDream";
  font-weight: 100;
  font-display: swap;
  src: url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/SCDream1.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 900;
  font-display: swap;
  src: url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/Pretendard-Black.woff2") format("woff2"), url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/Pretendard-Black.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 800;
  font-display: swap;
  src: url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/Pretendard-ExtraBold.woff2") format("woff2"), url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/Pretendard-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-display: swap;
  src: url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/Pretendard-Bold.woff2") format("woff2"), url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/Pretendard-Bold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-display: swap;
  src: url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/Pretendard-SemiBold.woff2") format("woff2"), url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/Pretendard-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-display: swap;
  src: url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/Pretendard-Medium.woff2") format("woff2"), url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/Pretendard-Medium.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-display: swap;
  src: url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/Pretendard-Regular.woff2") format("woff2"), url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/Pretendard-Regular.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  font-display: swap;
  src: url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/Pretendard-Light.woff2") format("woff2"), url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/Pretendard-Light.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 200;
  font-display: swap;
  src: url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/Pretendard-ExtraLight.woff2") format("woff2"), url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/Pretendard-ExtraLight.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 100;
  font-display: swap;
  src: url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/Pretendard-Thin.woff2") format("woff2"), url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/Pretendard-Thin.woff") format("woff");
}
/* font family : Gmarket Sans Bold */
@font-face {
  font-family: "Gmarket Sans Bold";
  font-weight: 700;
  src: url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/GmarketSansBold.woff") format("woff"), url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/GmarketSansBold.otf") format("openType");
}
/* font family : Gmarket Sans Medium */
@font-face {
  font-family: "Gmarket Sans Medium";
  font-weight: 500;
  src: url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/GmarketSansMedium.woff") format("woff"), url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/GmarketSansMedium.otf") format("openType");
}
/* font family : Gmarket Sans Light */
@font-face {
  font-family: "Gmarket Sans Light";
  font-weight: 300;
  src: url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/GmarketSansLight.woff") format("woff"), url("https://event-lguplusyouth.s3.ap-northeast-2.amazonaws.com/resources/fonts/GmarketSansLight.otf") format("openType");
}
/* font family : Gmarket Sans Bold */
@font-face {
  font-family: "Open Sans";
  font-weight: 600;
  src: local("OpenSans-SemiBold"), url("../../fonts/OpenSans-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Jalnan2";
  src: url("../../fonts/Jalnan2.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "JalnanGothic";
  src: url("../../fonts/JalnanGothic.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.fc-green {
  color: #caff33 !important;
  font-weight: 500 !important;
  font-family: "Gmarket Sans Medium", arial, sans-serif, Arial, dotum, "돋움" !important;
}

.fc-white {
  color: #fff !important;
}

.fc-red {
  color: #ff2d42 !important;
}

.fc-magenta {
  color: #eb008b !important;
}

.fc-magenta-right {
  color: #ff1ea3 !important;
}

.fw300 {
  font-weight: 300 !important;
}

.fw-bold {
  font-family: "Gmarket Sans Bold", arial, sans-serif, Arial, dotum, "돋움" !important;
}

.publish-gate-content {
  width: 1600px;
  margin: 0 auto;
}
@media (max-width: 1620px) {
  .publish-gate-content {
    width: 100%;
    padding: 0 12px;
  }
}
.publish-gate-content h1 {
  margin: 20px 0;
  text-align: center;
  font-size: 42px;
  font-weight: bold;
}
.publish-gate-content .component-item + .component-item {
  margin-top: 40px;
}
.publish-gate-content .content-title {
  margin-bottom: 20px;
  padding-left: 10px;
  position: relative;
  font-weight: bold;
  font-size: 24px;
}
.publish-gate-content .content-title:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 3px;
  height: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #000;
}
.publish-gate-content .notice-list {
  padding: 18px;
  background-color: #f1f1f1;
}
.publish-gate-content .notice-list li {
  font-size: 14px;
}
.publish-gate-content .table-wrapper {
  overflow: auto;
}
.publish-gate-content .table-wrapper .link {
  color: #009aff;
  border-bottom: 1px solid #009aff;
}
.publish-gate-content .project-config-list table {
  width: 100%;
  min-width: 600px;
  table-layout: fixed;
}
.publish-gate-content .project-config-list table th,
.publish-gate-content .project-config-list table td {
  padding: 8px 10px;
  font-size: 13px;
  border: 1px solid #eee;
}
.publish-gate-content .project-config-list table th {
  font-weight: bold;
  background-color: #f1f1f1;
}
.publish-gate-content .project-file-list .table-wrapper {
  margin-top: 12px;
}
.publish-gate-content .project-file-list table {
  width: 100%;
  min-width: 900px;
  table-layout: fixed;
}
.publish-gate-content .project-file-list table th,
.publish-gate-content .project-file-list table td {
  padding: 8px 10px;
  font-size: 15px;
  border: 1px solid #eee;
}
.publish-gate-content .project-file-list table th {
  text-align: center;
  background-color: #222;
  color: #fff;
}
.publish-gate-content .project-file-list table td {
  text-align: center;
  min-height: 46.5px;
}
.publish-gate-content .project-file-list table td.left {
  text-align: left;
}
.publish-gate-content .project-file-list table td.description {
  font-weight: bold;
  font-size: 13px;
}
.publish-gate-content .project-file-list table td.description span {
  color: #ee4811;
}
.publish-gate-content .project-file-list table td.depth-01 {
  font-weight: bold;
}
.publish-gate-content .project-file-list table .file-link {
  text-decoration: underline;
  color: #009aff;
  font-size: 14px;
}
.publish-gate-content .project-file-list table .file-status {
  display: inline-block;
  padding: 5px 0;
  width: 66px;
  text-align: center;
  font-size: 13px;
}
.publish-gate-content .project-file-list table .file-status.ready {
  background-color: #f1f1f1;
}
.publish-gate-content .project-file-list table .file-status.ing {
  background-color: #ee4811;
  color: #fff;
}
.publish-gate-content .project-file-list table .file-status.end {
  background-color: #009aff;
  color: #fff;
}
.publish-gate-content .status-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}
.publish-gate-content .status-area > div {
  font-size: 14px;
}
.publish-gate-content .font-point {
  color: #009aff;
}
.publish-gate-content .font-class {
  color: #de3394;
}
.publish-gate-content .component-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 60px;
}
.publish-gate-content .fixed-menu {
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
  left: 0;
  width: 160px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.publish-gate-content .fixed-menu li {
  padding-left: 12px;
  position: relative;
  font-size: 0;
}
.publish-gate-content .fixed-menu li + li {
  margin-top: 12px;
}
.publish-gate-content .fixed-menu li:before {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #009aff;
}
.publish-gate-content .fixed-menu li:hover a, .publish-gate-content .fixed-menu li.active a {
  font-weight: bold;
  color: #009aff;
  border-bottom-color: #009aff;
}
.publish-gate-content .fixed-menu a {
  display: inline-block;
  font-size: 16px;
  border-bottom: 2px solid transparent;
}
.publish-gate-content .component-container {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-left: 80px;
  padding-bottom: 80px;
  overflow: auto;
}
.publish-gate-content .component-title {
  position: relative;
  font-weight: bold;
  font-size: 40px;
  color: #009aff;
}
.publish-gate-content .component-content + .component-content {
  margin-top: 80px;
}
.publish-gate-content .component-content.common-icon .component-result {
  border-radius: 5px;
  border-bottom: 1px solid #ddd;
}
.publish-gate-content .component-body {
  margin-top: 22px;
}
.publish-gate-content .component-body + .component-body {
  margin-top: 50px;
}
.publish-gate-content .component-sub-title {
  font-weight: bold;
  font-size: 28px;
}
.publish-gate-content .component-sub-title + .component-sub-text {
  margin-top: 16px;
}
.publish-gate-content .component-sub-text li {
  position: relative;
  padding-left: 10px;
  font-size: 16px;
}
.publish-gate-content .component-sub-text li + li {
  margin-top: 6px;
}
.publish-gate-content .component-sub-text li:before {
  display: block;
  content: "";
  width: 4px;
  height: 4px;
  position: absolute;
  top: 11px;
  left: 0;
  border-radius: 50%;
  background-color: #222;
}
.publish-gate-content .component-result {
  padding: 28px 24px;
  margin-top: 16px;
  border: 1px solid #ddd;
  border-radius: 5px 5px 0 0;
  border-bottom: 0;
}
.publish-gate-content .component-result .btn-example .btn {
  margin-right: 5px;
}
.publish-gate-content .component-result .form-example {
  max-width: 420px;
}
.publish-gate-content .component-result .accordion-list {
  border: 1px solid #ddd;
}
.publish-gate-content .component-result .accordion-list + .accordion-list {
  border-top: 0;
}
.publish-gate-content .component-result .accordion-list.active .accordion-header {
  background-color: #f1f1f1;
}
.publish-gate-content .component-result .accordion-header {
  padding: 20px;
}
.publish-gate-content .component-result .accordion-body {
  padding: 20px;
  border-top: 1px solid #ddd;
}
.publish-gate-content .component-result .swiper-container {
  max-width: 376px;
  margin: 0 auto;
}
.publish-gate-content .component-result .swiper-container img {
  width: 100%;
}
.publish-gate-content .component-result .common-icon-part h4 {
  margin-bottom: 12px;
  font-weight: bold;
  font-size: 20px;
}
.publish-gate-content .component-result .common-icon-part + .common-icon-part {
  margin-top: 24px;
}
.publish-gate-content .component-code {
  border: 1px solid #ddd;
  border-radius: 0 0 5px 5px;
}
.publish-gate-content .component-code pre,
.publish-gate-content .component-code td {
  font-size: 16px;
}
.publish-gate-content .component-code td {
  padding: 14px 8px !important;
}
.publish-gate-content .component-code * {
  word-break: break-all !important;
}
.publish-gate-content .component-code-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 24px;
  background-color: #f1f1f1;
}
.publish-gate-content .component-code-header .text {
  font-weight: bold;
  font-size: 16px;
}
.publish-gate-content .component-code-header .btn-toggle {
  margin-left: 12px;
  padding: 5px 8px;
  background-color: #000;
  font-size: 14px;
  color: #fff;
}
.publish-gate-content .compoenet-code-body {
  padding: 24px;
}

.font.warning {
  color: #ff9582;
}
.font.slightly {
  color: #888;
}
.font.primary {
  color: #2546cd;
}
.font.danger {
  color: #e0012b;
}

.input-cover {
  position: relative;
}
.input-cover .form-input {
  display: block;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 3.3333333333rem;
  line-height: 3.2222222222rem;
  border: 0;
  padding: 1.1111111111rem 2.2222222222rem;
  border: 1px solid #666;
  border-radius: 40px;
  font-weight: 300;
  font-size: 1.1111111111rem;
  color: #fff;
  background-color: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.input-cover .form-input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-family: "Gmarket Sans Light", arial, sans-serif, Arial, dotum, "돋움";
  font-weight: 400;
}
.input-cover .form-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-family: "Gmarket Sans Light", arial, sans-serif, Arial, dotum, "돋움";
  font-weight: 400;
}
.input-cover .form-input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-family: "Gmarket Sans Light", arial, sans-serif, Arial, dotum, "돋움";
  font-weight: 400;
}
.input-cover .form-input::placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-family: "Gmarket Sans Light", arial, sans-serif, Arial, dotum, "돋움";
  font-weight: 400;
}
.input-cover .form-input:-moz-read-only, .input-cover .form-input:disabled {
  color: rgba(255, 255, 255, 0.5) !important;
  background-color: #444;
}
.input-cover .form-input:read-only, .input-cover .form-input:disabled {
  color: rgba(255, 255, 255, 0.5) !important;
  background-color: #444;
}
.input-cover .form-input:-moz-read-only.datepicker-input, .input-cover .form-input:disabled.datepicker-input {
  color: #fff !important;
}
.input-cover .form-input:read-only.datepicker-input, .input-cover .form-input:disabled.datepicker-input {
  color: #fff !important;
}
@media (max-width: 820px) {
  .input-cover .form-input {
    padding: 0.9444444444rem 1.1111111111rem;
    height: 2.7777777778rem;
    line-height: 2.6666666667rem;
    font-size: 14px;
  }
  .input-cover .form-input:-moz-read-only, .input-cover .form-input:disabled {
    color: white !important;
  }
  .input-cover .form-input:read-only, .input-cover .form-input:disabled {
    color: white !important;
  }
}
.input-cover .form-label {
  display: block;
  font-size: 0.8888888889rem;
  color: #666;
}
.input-cover .required {
  display: inline-block;
  vertical-align: top;
  margin-top: 0.1111111111rem;
  margin-left: 0.2777777778rem;
  font-weight: 700;
  font-size: 0.8888888889rem;
  color: #2546cd;
}
.input-cover .file-wrapper {
  position: relative;
}
.input-cover .file-wrapper .form-input {
  padding-right: 3.8888888889rem;
}
.input-cover .file-wrapper .file-input {
  position: absolute !important;
  display: block;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: -1px !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  top: 0;
  right: 0;
  z-index: 1;
}
.input-cover .file-wrapper .file-input.focusable:active, .input-cover .file-wrapper .file-input.focusable:focus {
  position: static;
  height: auto;
  width: auto;
  margin: 0;
  clip: auto;
  overflow: visible;
}
.input-cover .file-wrapper .file-label {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.input-cover.disable-active .form-label {
  margin-bottom: 0.5555555556rem;
}
.input-cover.disable-active.float .form-label {
  margin-bottom: 0;
  -webkit-transform: translate3d(0, -36px, 0);
          transform: translate3d(0, -36px, 0);
}
.input-cover.float {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.input-cover.float.active .form-label {
  -webkit-transform: translate3d(0, -24px, 0) scale(0.77);
          transform: translate3d(0, -24px, 0) scale(0.77);
}
.input-cover.float .form-input {
  padding-top: 0.4444444444rem;
}
.input-cover.float .form-label {
  position: absolute;
  top: 0.3888888889rem;
  left: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
          transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.input-cover.btn-with.small .form-input {
  padding-right: 4.4444444444rem;
}
.input-cover.btn-with.medium .form-input {
  padding-right: 6.1111111111rem;
}
.input-cover.btn-with.large .form-input {
  padding-right: 7.2222222222rem;
}
.input-cover.btn-with .btn {
  position: absolute;
  bottom: 4px;
  right: 0;
  z-index: 2;
  padding: 0 0.8888888889rem;
  text-align: center;
  font-weight: 600;
  font-size: 13px;
}

.selector-wrapper .selector-cover + .selector-cover {
  margin-top: 0.5555555556rem;
}
.selector-wrapper.horizontal:before, .selector-wrapper.horizontal:after {
  content: "";
  display: table;
}
.selector-wrapper.horizontal:after {
  clear: both;
}
.selector-wrapper.horizontal .selector-cover {
  float: left;
}
.selector-wrapper.horizontal .selector-cover + .selector-cover {
  margin-top: 0;
  margin-left: 1.1111111111rem;
}

.selector-cover {
  line-height: 1;
  font-size: 0;
}
.selector-cover input {
  cursor: pointer;
  position: absolute !important;
  display: block;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: -1px !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
}
.selector-cover input.focusable:active, .selector-cover input.focusable:focus {
  position: static;
  height: auto;
  width: auto;
  margin: 0;
  clip: auto;
  overflow: visible;
}
.selector-cover input + label {
  background-repeat: no-repeat;
  background-position: 0 5px;
}
.selector-cover label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.1111111111rem;
  cursor: pointer;
}
@media (max-width: 820px) {
  .selector-cover label {
    font-size: 0.7777777778rem;
  }
}
.selector-cover.radio label {
  min-height: 1.1111111111rem;
  line-height: 1.7;
  padding-left: 1.8888888889rem;
  background-image: url("../images/components/icon-radio-off.png");
  background-size: 1.1111111111rem 1.1111111111rem;
}
@media (max-width: 820px) {
  .selector-cover.radio label {
    line-height: 2;
  }
}
.selector-cover.radio input:checked + label {
  background-image: url("../images/components/icon-radio-on.png");
}
.selector-cover.radio.solo label {
  padding-left: 1.1111111111rem;
}
.selector-cover.checkbox label {
  min-height: 1.1666666667rem;
  line-height: 1.5;
  padding-left: 1.9444444444rem;
}
.selector-cover.checkbox.round label {
  background-image: url("../images/components/icon-checkbox-round-off.png");
  background-size: 1.1666666667rem 0.8333333333rem;
}
@media (max-width: 820px) {
  .selector-cover.checkbox.round label {
    background-size: 1rem 0.7222222222rem;
  }
}
.selector-cover.checkbox.round input:checked + label {
  background-image: url("../images/components/icon-checkbox-round-on.png");
}
.selector-cover.checkbox.square label {
  background-image: url("../images/components/icon-checkbox-square-off.png");
  background-size: 1.1666666667rem 1.1666666667rem;
}
.selector-cover.checkbox.square input:checked + label {
  background-image: url("../images/components/icon-checkbox-square-on.png");
}
.selector-cover.checkbox.solo label {
  padding-left: 1.1666666667rem;
}

.form-guide-text {
  display: block;
  font-weight: 300;
  margin-top: 1.1111111111rem;
  font-size: 0.8888888889rem;
  text-align: left;
  color: rgba(255, 255, 255, 0.5);
}
.form-guide-text + .form-guide-text {
  margin-top: 0.2222222222rem;
}
@media (max-width: 820px) {
  .form-guide-text {
    font-size: 12px;
  }
}

.switch-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.switch-container .switch-icon {
  position: relative;
}
.switch-container .switch-input {
  position: absolute !important;
  display: block;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: -1px !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
}
.switch-container .switch-input.focusable:active, .switch-container .switch-input.focusable:focus {
  position: static;
  height: auto;
  width: auto;
  margin: 0;
  clip: auto;
  overflow: visible;
}
.switch-container .switch-input:checked + .switch-label .switch-button {
  background: #2546cd;
}
.switch-container .switch-input:checked + .switch-label .btn-on-off {
  left: 0.9444444444rem;
}
.switch-container .switch-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.switch-container .switch-button {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  display: block;
  width: 1.7777777778rem;
  height: 1rem;
  position: relative;
  cursor: pointer;
  background: #999;
  border-radius: 50px;
}
.switch-container .btn-on-off {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: absolute;
  top: 50%;
  left: 0.1666666667rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  width: 0.6666666667rem;
  height: 0.6666666667rem;
  border-radius: 50%;
  background: #fff;
  text-indent: -9999px;
}
.switch-container .switch-text {
  margin-left: 0.4444444444rem;
  font-size: 0.8333333333rem;
  cursor: pointer;
}

.rating-select-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.rating-select-container input {
  position: absolute !important;
  display: block;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: -1px !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
}
.rating-select-container input.focusable:active, .rating-select-container input.focusable:focus {
  position: static;
  height: auto;
  width: auto;
  margin: 0;
  clip: auto;
  overflow: visible;
}
.rating-select-container label {
  -webkit-transition: 0.1s;
  transition: 0.1s;
  display: block;
  position: relative;
  width: 2.5555555556rem;
  height: 2.4444444444rem;
  margin-left: 0.4444444444rem;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  background-image: url("../images/components/icon-star-empty.svg");
  text-indent: -9999px;
  cursor: pointer;
}
.rating-select-container label.checked {
  background-image: url("../images/components/icon-star-full.svg");
}
.rating-select-container label:nth-of-type(1) {
  margin-left: 0;
}

.btn {
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
.btn.small {
  height: 1.9444444444rem;
  line-height: 1.8333333333rem;
  padding: 0 0.5555555556rem;
  font-size: 0.7222222222rem;
}
.btn.medium {
  height: 2.6111111111rem;
  line-height: 2.5rem;
  padding: 0 0.7222222222rem;
  font-size: 0.8333333333rem;
}
.btn.large {
  height: 3.7777777778rem;
  line-height: 3.6666666667rem;
  padding: 0 0.8888888889rem;
  font-weight: 400;
  font-size: 1.1111111111rem;
}
.btn.xlarge {
  height: 4.8888888889rem;
  line-height: 4.7777777778rem;
  padding: 0 1.1111111111rem;
  font-weight: 700;
  font-size: 1.2222222222rem;
}
.btn.primary {
  background-color: #2546cd;
  border-color: #2546cd;
  color: #fff;
}
.btn.slightly {
  background-color: #666;
  border-color: #666;
  color: #fff;
}
.btn.lightSlightly {
  background-color: #989898;
  border-color: #989898;
  color: #fff;
}
.btn.dark {
  background-color: #222;
  border-color: #222;
  color: #fff;
}
.btn.danger {
  background-color: #e0012b;
  border-color: #e0012b;
  color: #fff;
}
.btn.warning {
  background-color: #ff9582;
  border-color: #ff9582;
  color: #fff;
}
.btn.round.small {
  border-radius: 50px;
}
.btn.round.medium {
  border-radius: 40px;
}
.btn.round.large {
  border-radius: 30px;
}
.btn.round.xlarge {
  border-radius: 30px;
}
.btn.border {
  border: 1px solid #222;
}
.btn.border.primary {
  color: #2546cd;
  border-color: #2546cd;
  background-color: transparent;
}
.btn.border.slightly {
  border-color: #888;
  color: #888;
  background-color: transparent;
}
.btn.border.lightSlightly {
  border-color: #999;
  color: #999;
  background-color: transparent;
}
.btn.border.dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}
.btn.border.warning {
  border-color: #ff9582;
  color: #ff9582;
  background-color: transparent;
}
.btn.border.danger {
  border-color: #e0012b;
  color: #e0012b;
  background-color: transparent;
}

.data-table table {
  table-layout: fixed;
  width: 100%;
  border-top: 1px solid #ddd;
}
.data-table th,
.data-table td {
  padding: 0.5555555556rem 0.8333333333rem;
  text-align: left;
  font-size: 14px;
}
@media (max-width: 820px) {
  .data-table th,
  .data-table td {
    padding: 10px 8px;
    font-size: 12px;
  }
}
.data-table th.left,
.data-table td.left {
  text-align: left;
}
.data-table th.center,
.data-table td.center {
  text-align: center;
}
.data-table th {
  background-color: #f1f1f1;
  border-bottom: 1px solid #ddd;
}
.data-table td {
  border-bottom: 1px solid #ddd;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  margin-top: 2.2222222222rem;
}
.pagination button {
  display: block;
}
.pagination .paging {
  width: 1.7777777778rem;
  height: 1.7777777778rem;
  margin: 0 0.2777777778rem;
  border-radius: 4px;
  font-size: 0.7777777778rem;
  background-color: #fbfbfc;
}
.pagination .paging.current {
  background-color: #a0afc1;
  color: #fff;
}
.pagination .controller {
  width: 1.7777777778rem;
  height: 1.7777777778rem;
  margin: 0 0.3333333333rem;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 1.2222222222rem 0.3333333333rem;
}
.pagination .controller.prev {
  background-image: url("../images/components/icon-pagination-prev.png");
}
.pagination .controller.next {
  background-image: url("../images/components/icon-pagination-next.png");
}
.pagination .controller.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.selectric-container {
  position: relative;
}
.selectric-container.active .select-label {
  -webkit-transform: translate3d(0, -20px, 0) scale(0.8);
          transform: translate3d(0, -20px, 0) scale(0.8);
}
.selectric-container .selectric-wrapper {
  position: relative;
  z-index: 2;
}
.selectric-container .selectric {
  border: 0;
  border-bottom: 1px solid #dedede;
  background-color: #fff;
}
.selectric-container .selectric .button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.6666666667rem;
  height: 1.6666666667rem;
  line-height: 1.6666666667rem;
  text-indent: -9999px;
  background-color: #fff;
}
.selectric-container .selectric .button:after {
  width: 0.7222222222rem;
  height: 0.4444444444rem;
  border: 0;
  background: url("../images/components/icon-selectbox-arrow.svg") no-repeat 0 0;
  background-size: cover;
}
@media (max-width: 820px) {
  .selectric-container .selectric .button:after {
    width: 10px;
    height: 6px;
  }
}
.selectric-container .selectric .label {
  margin: 0 0 0.3333333333rem 0;
}
.selectric-container .selectric-above .selectric-items {
  margin-bottom: 0.3888888889rem;
}
.selectric-container .required {
  display: inline-block;
  margin-left: 0.3333333333rem;
  font-weight: 700;
  font-size: 0.8888888889rem;
  color: #2546cd;
  vertical-align: middle;
}
.selectric-container .selectric-open {
  z-index: 100;
}
.selectric-container .selectric-open .button {
  overflow: hidden;
}
.selectric-container .selectric-open .button:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.selectric-container .selectric-open .label .required {
  color: #ff9582;
}
.selectric-container .selectric-first-show .selectric-scroll li:first-child {
  display: block;
}
.selectric-container .selectric-scroll li:first-child {
  display: none;
}
.selectric-container .select-label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
          transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  font-size: 0.8888888889rem;
  color: #666;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.selectric-container .selectric-items {
  max-height: 12.5rem;
  overflow: auto;
  margin-top: 0.3888888889rem;
  border-radius: 5px;
  border: 0;
  background-color: #fff;
  -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.15);
}
.selectric-container .selectric-items li.selected {
  background-color: #2546cd !important;
  color: #fff !important;
}
.selectric-container .selectric-items li:hover {
  background-color: #f1f1f1;
  color: #2546cd;
}
.selectric-container .selectric-small .label {
  height: 1.6666666667rem;
  line-height: 1.6666666667rem;
  font-size: 0.7777777778rem;
}
@media (max-width: 820px) {
  .selectric-container .selectric-small .label {
    font-size: 0.6666666667rem;
  }
}
.selectric-container .selectric-small .selectric-items li {
  padding: 0.6666666667rem;
  font-weight: 300;
  font-size: 0.7777777778rem;
}
@media (max-width: 820px) {
  .selectric-container .selectric-small .selectric-items li {
    padding: 0.5555555556rem;
    font-size: 0.6666666667rem;
  }
}
.selectric-container .selectric-medium .label {
  height: 2.2777777778rem;
  line-height: 2.2777777778rem;
  font-size: 0.8888888889rem;
}
@media (max-width: 820px) {
  .selectric-container .selectric-medium .label {
    font-size: 0.7777777778rem;
  }
}
.selectric-container .selectric-medium .selectric-items li {
  padding: 0.6666666667rem 0.8888888889rem;
  font-weight: 300;
  font-size: 0.8888888889rem;
}
@media (max-width: 820px) {
  .selectric-container .selectric-medium .selectric-items li {
    padding: 0.6666666667rem;
    font-size: 0.7222222222rem;
  }
}
.selectric-container .selectric-large .label {
  height: 2.8888888889rem;
  line-height: 2.8888888889rem;
  font-size: 1rem;
}
@media (max-width: 820px) {
  .selectric-container .selectric-large .label {
    font-size: 0.8333333333rem;
  }
}
.selectric-container .selectric-large .selectric-items li {
  padding: 0.8888888889rem 1rem;
  font-weight: 300;
  font-size: 1rem;
}
@media (max-width: 820px) {
  .selectric-container .selectric-large .selectric-items li {
    padding: 0.6666666667rem 0.7777777778rem;
    font-size: 0.8333333333rem;
  }
}

.select-box-container .form-label {
  display: block;
  padding-bottom: 0.1666666667rem;
  font-size: 0.8888888889rem;
}
.select-box-container .form-label .required {
  display: inline-block;
  margin-left: 0.1666666667rem;
  font-weight: 700;
  font-size: 0.8888888889rem;
  color: #2546cd;
  vertical-align: middle;
}
.select-box-container .form-select {
  width: 100%;
  padding: 0 2.2222222222rem;
  border: 0;
  border: 1px solid #666;
  color: #fff;
  background: url("../images/components/icon-selectbox-arrow-gray.png") no-repeat 0 0;
  background-position: center right 1.1111111111rem;
  background-size: 0.7777777778rem 0.5277777778rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 40px;
}
@media (max-width: 820px) {
  .select-box-container .form-select {
    padding: 0 1.6666666667rem 0 1.1111111111rem;
    background-position: center right 0.5555555556rem;
  }
}
.select-box-container.small .form-select {
  height: 1.7777777778rem;
  line-height: 1.7777777778rem;
  font-size: 0.7222222222rem;
}
.select-box-container.small .form-select option {
  font-size: 0.7222222222rem;
}
.select-box-container.medium .form-select {
  height: 3.3333333333rem;
  line-height: 3.3333333333rem;
  font-size: 1.1111111111rem;
}
.select-box-container.medium .form-select option {
  font-size: 1.1111111111rem;
  color: #000;
}
@media (max-width: 820px) {
  .select-box-container.medium .form-select {
    font-size: 0.8888888889rem;
  }
  .select-box-container.medium .form-select option {
    font-size: 0.8888888889rem;
  }
}
.select-box-container.large .form-select {
  height: 2.8888888889rem;
  line-height: 2.8888888889rem;
  font-size: 1rem;
}
.select-box-container.large .form-select option {
  font-size: 1rem;
}

.layer-popup {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  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: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  padding: 1.1111111111rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.layer-popup.open {
  visibility: visible;
  opacity: 1;
}
.layer-popup .popup-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  max-height: 100%;
  border-radius: 40px;
  overflow: hidden;
}
.layer-popup .popup-container.medium {
  width: 570px;
}
@media (max-width: 820px) {
  .layer-popup .popup-container.medium {
    max-width: 375px;
    width: 100%;
  }
}
.layer-popup .popup-container.small {
  width: 460px;
}
@media (max-width: 576px) {
  .layer-popup .popup-container.small {
    width: 100%;
  }
}
.layer-popup .popup-header {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  background-color: #fff;
}
.layer-popup .popup-header .btn-close {
  position: absolute;
  top: 1.1111111111rem;
  right: 1.1111111111rem;
  z-index: 2;
  width: 2.7777777778rem;
  height: 2.7777777778rem;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 2.7777777778rem 2.7777777778rem;
  background-image: url("../images/icon/icon-close-white-50x50.png");
}
@media (max-width: 820px) {
  .layer-popup .popup-header .btn-close {
    top: 0.8333333333rem;
    right: 0.8333333333rem;
    width: 2.2222222222rem;
    height: 2.2222222222rem;
    background-size: 2.2222222222rem 2.2222222222rem;
  }
}
.layer-popup .popup-title {
  padding: 4.4444444444rem 1.1111111111rem 0 1.1111111111rem;
  text-align: center;
  background-color: #333;
  font-family: "Gmarket Sans Medium", arial, sans-serif, Arial, dotum, "돋움";
}
.layer-popup .popup-title strong {
  font-size: 1.7777777778rem;
  color: #caff33;
}
.layer-popup .popup-title .sub-text {
  font-size: 1.1111111111rem;
  color: #fff;
  word-break: keep-all;
}
@media (max-width: 820px) {
  .layer-popup .popup-title {
    padding: 3.3333333333rem 1.1111111111rem 0 1.1111111111rem;
  }
  .layer-popup .popup-title strong {
    font-size: 1.1111111111rem;
  }
  .layer-popup .popup-title .sub-text {
    font-size: 0.8888888889rem;
  }
}
.layer-popup .popup-content {
  height: 100%;
  overflow: auto;
  position: relative;
}
.layer-popup .popup-inner {
  padding: 4.4444444444rem 2.2222222222rem;
  position: relative;
  color: #fff;
  background-color: #333;
  font-family: "Gmarket Sans Medium", arial, sans-serif, Arial, dotum, "돋움";
}
@media (max-width: 820px) {
  .layer-popup .popup-inner {
    padding: 3.3333333333rem 1.1111111111rem;
  }
}
.layer-popup .popup-footer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 0 0 20px 20px;
  overflow: hidden;
}
.layer-popup .popup-footer .btn-area .btn {
  width: 100%;
  height: 5.5555555556rem;
  line-height: 5.5555555556rem;
  text-align: center;
  border: 0;
  font-weight: 700;
  font-size: 1.6666666667rem;
  color: #fff;
  font-family: "Gmarket Sans Medium", arial, sans-serif, Arial, dotum, "돋움";
}
.layer-popup .popup-footer .btn-area .btn-close {
  background-color: #000;
}
.layer-popup .popup-footer .btn-area .btn-ok {
  background-color: #eb008b;
}
.layer-popup .popup-footer .btn-area.half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.layer-popup .popup-footer .btn-area.half .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50%;
  line-height: 1.3;
}
@media (max-width: 820px) {
  .layer-popup .popup-footer .btn-area .btn {
    height: 3.3333333333rem;
    line-height: 3.3333333333rem;
    font-size: 0.8888888889rem;
  }
}
@media (max-width: 320px) {
  .layer-popup .popup-footer .btn-area .btn {
    font-size: 0.7777777778rem;
  }
}
.layer-popup.full-scroll {
  display: block;
  overflow: auto;
  text-align: center;
  font-size: 0;
}
.layer-popup.full-scroll:before {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}
.layer-popup.full-scroll .popup-container {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0 auto;
  max-height: none;
  border-radius: 40px;
  font-size: initial;
}
.layer-popup.full-scroll .popup-content {
  height: auto;
  position: relative;
  overflow: visible;
}
@media (max-width: 820px) {
  .layer-popup.full-scroll .popup-container {
    border-radius: 30px;
  }
}

.layer-popup-dim {
  opacity: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 998;
  background-color: rgba(0, 0, 0, 0.5);
}
.layer-popup-dim.show {
  -webkit-animation: dimShow 0.3s forwards;
          animation: dimShow 0.3s forwards;
}

@-webkit-keyframes dimShow {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes dimShow {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
.layer-popup .event-join-box {
  padding-top: 2.2222222222rem;
}
.layer-popup .event-join-box.solo .input-cover {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.layer-popup .event-join-box.solo .form-el-column {
  width: 100%;
}
.layer-popup .event-join-box.solo .form-el-column .form-input {
  width: 100%;
}
@media (max-width: 820px) {
  .layer-popup .event-join-box {
    padding-top: 1.6666666667rem;
  }
}

.info-alert-popup .popup-inner {
  padding: 4.4444444444rem 0.6666666667rem 3.3333333333rem;
}
.info-alert-popup .info-alert-popup-text {
  font-size: 1.7777777778rem;
  font-weight: 600;
  word-break: keep-all;
}
.info-alert-popup .info-alert-popup-text span {
  display: inline-block;
  color: #caff33;
  font-family: "Gmarket Sans Light", arial, sans-serif, Arial, dotum, "돋움";
  line-height: 1.3;
}
.info-alert-popup .info-alert-popup-text span.sub-title {
  display: block;
}
.info-alert-popup .info-alert-popup-text span.sub-title-text {
  display: block;
  font-size: 1.5555555556rem;
}
.info-alert-popup .info-alert-popup-text strong {
  font-size: 2.4444444444rem;
  font-weight: 500;
  color: #caff33;
  font-family: "Gmarket Sans Bold", arial, sans-serif, Arial, dotum, "돋움";
}
.info-alert-popup .info-alert-popup-text .samll-info-text {
  padding-top: 0.2777777778rem;
}
.info-alert-popup .tip-text {
  padding-top: 1.6666666667rem;
  font-family: "Gmarket Sans Light", arial, sans-serif, Arial, dotum, "돋움";
  font-size: 1.3888888889rem;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  color: #eb008b;
}
.info-alert-popup .popup-title-text {
  font-size: 1.7777777778rem;
  color: #caff33;
  font-family: "Gmarket Sans Light", arial, sans-serif, Arial, dotum, "돋움";
  line-height: 1.3;
}
.info-alert-popup .select-title {
  font-size: 1.7777777778rem;
  color: #caff33;
  font-family: "Gmarket Sans Light", arial, sans-serif, Arial, dotum, "돋움";
  line-height: 1.2;
}
.info-alert-popup .select-title strong {
  font-family: "Gmarket Sans Bold", arial, sans-serif, Arial, dotum, "돋움";
}
.info-alert-popup .small-text {
  font-size: 1.3333333333rem;
}
.info-alert-popup .samll-info-text {
  padding-top: 0.5555555556rem;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.8888888889rem;
  font-weight: 300;
  font-family: "Gmarket Sans Light", arial, sans-serif, Arial, dotum, "돋움";
  word-break: keep-all;
}
.info-alert-popup .samll-info-text-line {
  padding-top: 0.2777777778rem;
  text-decoration: underline;
  text-underline-offset: 5px;
  color: rgba(202, 255, 51, 0.5);
}
.info-alert-popup .info-alert-popup-sub-text {
  padding-top: 2.2222222222rem;
  font-size: 1.2222222222rem;
  font-weight: 400;
  word-break: keep-all;
}
.info-alert-popup .info-alert-popup-sub-text-medium {
  font-size: 1.5555555556rem;
  font-weight: 400;
}
.info-alert-popup .info-alert-popup-sub-text-medium .info-text {
  font-size: 1.5555555556rem;
  color: #fff;
  font-weight: 300;
  font-family: "Gmarket Sans Light", arial, sans-serif, Arial, dotum, "돋움";
}
.info-alert-popup .line-text {
  color: #eb008b;
  text-decoration: underline;
  text-underline-position: under;
}
.info-alert-popup .check-button-box {
  padding-top: 1.6666666667rem;
  text-align: center;
}
.info-alert-popup .check-button-box .check-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 12.1666666667rem;
  width: 100%;
  height: 4.1666666667rem;
  font-size: 1.2222222222rem;
  line-height: 1;
  color: #000;
  background-color: #caff33;
  border-radius: 10px;
  font-family: "Gmarket Sans Bold", arial, sans-serif, Arial, dotum, "돋움";
}
.info-alert-popup .line-info-text {
  padding-top: 1.6666666667rem;
  font-size: 1rem;
  font-weight: 500;
  color: rgba(202, 255, 51, 0.5);
  font-family: "Gmarket Sans Medium", arial, sans-serif, Arial, dotum, "돋움";
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  text-underline-offset: 5px;
  word-break: keep-all;
}
.info-alert-popup .samll-info-text-notice {
  padding-top: 1.8333333333rem;
  word-break: keep-all;
}
.info-alert-popup .link-text {
  display: inline;
  color: inherit;
  word-break: break-all;
}
@media (max-width: 820px) {
  .info-alert-popup .popup-inner {
    padding: 3.3333333333rem 0.8888888889rem 1.6666666667rem;
  }
  .info-alert-popup .info-alert-popup-text {
    font-size: 1.1111111111rem;
  }
  .info-alert-popup .info-alert-popup-text strong {
    font-size: 1.3333333333rem;
  }
  .info-alert-popup .info-alert-popup-text .samll-info-text {
    padding-top: 0.1111111111rem;
    word-break: break-all;
  }
  .info-alert-popup .info-alert-popup-text span.sub-title-text {
    display: block;
    font-size: 0.8888888889rem;
  }
  .info-alert-popup .popup-title-text {
    font-size: 1.1111111111rem;
  }
  .info-alert-popup .samll-info-text {
    padding-top: 0.1111111111rem;
    font-size: 0.6666666667rem;
  }
  .info-alert-popup .tip-text {
    padding-top: 0.8333333333rem;
    font-size: 0.7777777778rem;
  }
  .info-alert-popup .select-title {
    font-size: 1.1111111111rem;
  }
  .info-alert-popup .small-text {
    font-size: 0.6666666667rem;
  }
  .info-alert-popup .info-alert-popup-sub-text {
    padding-top: 1.6666666667rem;
    font-size: 0.8888888889rem;
  }
  .info-alert-popup .check-button-box {
    padding-top: 0.8333333333rem;
  }
  .info-alert-popup .check-button-box .check-button {
    max-width: 8.2777777778rem;
    width: 100%;
    height: 2.6111111111rem;
    font-size: 0.6666666667rem;
    border-radius: 5px;
  }
  .info-alert-popup .line-info-text {
    padding-top: 0.8333333333rem;
    font-size: 0.6666666667rem;
  }
  .info-alert-popup .samll-info-text-notice {
    padding-top: 0.8888888889rem;
  }
  .info-alert-popup .info-alert-popup-sub-text-medium {
    font-size: 0.8888888889rem;
  }
  .info-alert-popup .info-alert-popup-sub-text-medium .info-text {
    font-size: 0.8888888889rem;
  }
}

.uth-sound-popup .popup-inner {
  padding-bottom: 2.2222222222rem;
  padding-right: 2.2222222222rem;
  padding-left: 2.2222222222rem;
}
.uth-sound-popup .story-text-box {
  padding-top: 1.9444444444rem;
}
.uth-sound-popup .story-text-box .form-input {
  padding: 0.8333333333rem;
  width: 100%;
  height: 10.5555555556rem;
  overflow-y: auto;
  font-size: 1.2222222222rem;
  color: #acacac;
  background-color: #444;
  border: 0;
  border-radius: 40px;
  resize: none;
}
.uth-sound-popup .story-text-box .form-input::-webkit-input-placeholder {
  line-height: 1.2;
  text-align: center;
  color: #acacac;
}
.uth-sound-popup .story-text-box .form-input::-moz-placeholder {
  line-height: 1.2;
  text-align: center;
  color: #acacac;
}
.uth-sound-popup .story-text-box .form-input::-ms-input-placeholder {
  line-height: 1.2;
  text-align: center;
  color: #acacac;
}
.uth-sound-popup .story-text-box .form-input::placeholder {
  line-height: 1.2;
  text-align: center;
  color: #acacac;
}
.uth-sound-popup .story-text-box .count {
  display: none;
}
@media (max-width: 820px) {
  .uth-sound-popup .popup-inner {
    padding-bottom: 1.5rem;
    padding-right: 1.1111111111rem;
    padding-left: 1.1111111111rem;
  }
  .uth-sound-popup .story-text-box {
    padding-top: 1.2777777778rem;
  }
  .uth-sound-popup .story-text-box .form-input {
    padding: 1.1111111111rem 0.5555555556rem;
    height: 8.2222222222rem;
    font-size: 0.7777777778rem;
    border-radius: 30px;
  }
  .uth-sound-popup .popup-new-content-box .info-alert-popup-sub-text {
    padding-top: 0;
  }
}

.event-join-popup .popup-inner {
  padding-top: 0;
}
.event-join-popup .form-guide-text {
  word-break: keep-all;
}
.event-join-popup .form-guide-text.mark-box {
  padding-left: 1.1111111111rem;
  font-family: "Gmarket Sans Light", arial, sans-serif, Arial, dotum, "돋움";
}
.event-join-popup .form-check-guide {
  margin-top: 0.5555555556rem;
  color: #eb008b;
  font-weight: 600;
}
.event-join-popup .form-check-guide + .form-check-guide {
  margin-top: 0;
}
.event-join-popup .calendar-cover .ui-datepicker-title {
  font-size: 0.8888888889rem;
}
.event-join-popup .calendar-cover .ui-datepicker-prev,
.event-join-popup .calendar-cover .ui-datepicker-next {
  display: none;
}
.event-join-popup textarea.form-input {
  padding: 0.7222222222rem 0.6111111111rem;
  height: 4.3888888889rem;
  line-height: 1.4;
  font-size: 1rem;
  border-radius: 10px;
  resize: none;
  background-color: #444;
}
.event-join-popup .length-check-cover .count {
  display: none;
}
.event-join-popup .samll-info-text {
  padding-top: 0.5555555556rem;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.8888888889rem;
  font-weight: 300;
  font-family: "Gmarket Sans Light", arial, sans-serif, Arial, dotum, "돋움";
  word-break: keep-all;
}
@media (max-width: 820px) {
  .event-join-popup textarea.form-input {
    width: 100%;
    font-size: 0.7777777778rem;
  }
  .event-join-popup .samll-info-text {
    padding-top: 0.1111111111rem;
    font-size: 0.6666666667rem;
  }
}

.event-join-concern-popup .popup-title strong {
  line-height: 1.2;
}
.event-join-concern-popup .popup-title .sub-text {
  padding-top: 0.2777777778rem;
  line-height: 1.3;
}

.popup-new-content-box .info-alert-popup-text {
  font-size: 1.7777777778rem;
}
.popup-new-content-box .info-alert-popup-text strong {
  font-size: 1.7777777778rem;
}
.popup-new-content-box .info-alert-popup-sub-text {
  padding-top: 0;
  font-size: 1.1111111111rem;
}
.popup-new-content-box .lottery-box {
  margin: 2.4444444444rem auto 0;
  max-width: 490px;
  height: 13.3333333333rem;
  border-radius: 0.5555555556rem;
}
.popup-new-content-box .lottery-box img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.popup-new-content-box .event-ranking-box {
  margin-top: 0;
  padding-top: 2.2222222222rem;
  border-top: 0;
}
.popup-new-content-box .event-ranking-box .event-ranking-box-content-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.popup-new-content-box .event-ranking-box .top-number {
  margin-left: 0;
  margin-bottom: 0;
}
.popup-new-content-box .event-ranking-box .event-ranking-box-content-item {
  margin-left: 0;
  height: 3.5555555556rem;
  line-height: 3.6666666667rem;
}
.popup-new-content-box .event-ranking-box .event-ranking-box-content-item + .event-ranking-box-content-item {
  margin-top: 0.5555555556rem;
}
.popup-new-content-box .event-ranking-box .event-ranking-box-content-list-long .top-number {
  width: 24.4444444444rem;
}
.popup-new-content-box .event-ranking-box .event-rank-date {
  padding-bottom: 2.2222222222rem;
  font-size: 1.3333333333rem;
  font-weight: 500;
  color: #eb008b;
  font-family: "Gmarket Sans Medium", arial, sans-serif, Arial, dotum, "돋움";
  text-decoration: underline;
  text-underline-offset: 5px;
}
.popup-new-content-box .event-ranking-box .event-ranking-box-content-list-double {
  margin-top: -0.5555555556rem;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.popup-new-content-box .event-ranking-box .event-ranking-box-content-list-double .event-ranking-box-content-item {
  padding: 0 1.1111111111rem;
  margin-top: 0.5555555556rem;
  width: calc(50% - 5px);
  font-size: 1.3333333333rem;
  background-color: #ffe882;
}
.popup-new-content-box .event-ranking-box .event-ranking-box-content-list-double .bg-green {
  background-color: #caff33;
}
.popup-new-content-box .samll-info-text {
  padding-top: 1.1111111111rem;
}
@media (max-width: 1500px) {
  .popup-new-content-box .event-ranking-box .top-number {
    margin: 0;
    padding-left: 4rem;
    width: 21.1111111111rem;
    height: 3.3333333333rem;
    line-height: 3.4444444444rem;
    font-size: 1.3333333333rem;
  }
}
@media (max-width: 820px) {
  .popup-new-content-box .info-alert-popup-text {
    font-size: 1.1111111111rem;
  }
  .popup-new-content-box .info-alert-popup-text strong {
    font-size: 1.2222222222rem;
  }
  .popup-new-content-box .info-alert-popup-sub-text {
    padding-top: 0.8333333333rem;
    font-size: 0.7777777778rem;
  }
  .popup-new-content-box .lottery-box {
    margin: 1.6666666667rem auto 0;
    max-width: 295px;
    height: 8.0555555556rem;
  }
  .popup-new-content-box .event-ranking-box {
    padding-top: 1.6666666667rem;
  }
  .popup-new-content-box .event-ranking-box .top-number {
    font-size: 1rem;
  }
  .popup-new-content-box .event-ranking-box .top-number::before {
    left: 0.8888888889rem;
    font-size: 1.5555555556rem;
  }
  .popup-new-content-box .event-ranking-box .event-ranking-box-content-item {
    height: 3rem;
    line-height: 3.1111111111rem;
  }
  .popup-new-content-box .event-ranking-box .event-ranking-box-content-item:nth-child(3) {
    margin-bottom: 0;
  }
  .popup-new-content-box .event-ranking-box .event-ranking-box-content-list-long .top-number {
    padding-left: 2.7777777778rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
    font-size: 0.8888888889rem;
    word-break: keep-all;
    line-height: 1.2;
  }
  .popup-new-content-box .event-ranking-box .event-ranking-box-content-list-long .top-number::before {
    left: 0.7777777778rem;
    font-size: 1.3333333333rem;
  }
  .popup-new-content-box .event-ranking-box .event-rank-date {
    padding-bottom: 1.6666666667rem;
    font-size: 1rem;
    word-break: keep-all;
  }
  .popup-new-content-box .event-ranking-box .event-ranking-box-content-list-double .event-ranking-box-content-item {
    padding: 0 0.5555555556rem;
    margin-top: 0.5555555556rem;
    font-size: 0.7777777778rem;
  }
}
@media (max-width: 375px) {
  .popup-new-content-box .event-ranking-box .event-ranking-box-content-list-long .top-number {
    padding-left: 2.5rem;
    font-size: 0.7777777778rem;
  }
  .popup-new-content-box .event-ranking-box .event-ranking-box-content-list-long .top-number::before {
    left: 0.7777777778rem;
    font-size: 1.1111111111rem;
  }
}
@media (max-width: 320px) {
  .popup-new-content-box .event-ranking-box .top-number {
    font-size: 0.7777777778rem;
  }
  .popup-new-content-box .event-ranking-box .top-number::before {
    left: 0.8888888889rem;
    font-size: 1.2222222222rem;
  }
  .popup-new-content-box .event-ranking-box .event-ranking-box-content-item {
    padding-left: 3rem;
    white-space: wrap;
  }
  .popup-new-content-box .event-ranking-box .event-ranking-box-content-item:nth-child(3) {
    margin-bottom: 0;
  }
  .popup-new-content-box .event-ranking-box .event-ranking-box-content-list-long .top-number {
    padding-left: 1.9444444444rem;
    font-size: 0.7222222222rem;
  }
  .popup-new-content-box .event-ranking-box .event-ranking-box-content-list-long .top-number::before {
    left: 0.3333333333rem;
    font-size: 1.1111111111rem;
  }
  .popup-new-content-box .event-ranking-box .event-ranking-box-content-list-double .event-ranking-box-content-item {
    font-size: 0.7777777778rem;
  }
}

.alert-image-box .popup-inner {
  padding: 3.6666666667rem 1.3333333333rem 5.5555555556rem;
}
@media (max-width: 820px) {
  .alert-image-box .popup-inner {
    padding: 1.8333333333rem 0.6666666667rem 2.7777777778rem;
  }
}

.uth-plan-info-box .btn-wrap {
  padding-top: 1.3888888889rem;
  text-align: center;
}
.uth-plan-info-box .btn-wrap .btn {
  max-width: 22.0555555556rem;
  width: 100%;
}
@media (max-width: 820px) {
  .uth-plan-info-box .btn-wrap {
    padding-top: 0.6944444444rem;
  }
  .uth-plan-info-box .btn-wrap .btn {
    max-width: 14.5rem;
  }
}

.event-popup-image-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.info-alert-popup .line-info-text-solo {
  font-size: 1.3333333333rem;
  color: #caff33;
  font-family: "Gmarket Sans Bold", arial, sans-serif, Arial, dotum, "돋움";
}

.layer-popup .popup-inner-space {
  padding: 4.7222222222rem 0.8333333333rem 3.5rem;
}
.layer-popup .popup-inner-space-check {
  padding: 3.8888888889rem 1.1111111111rem 3.7777777778rem;
}
.layer-popup .alarm-info-box {
  padding-top: 1.6666666667rem;
  color: #fff;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: normal;
}
.layer-popup .alarm-info-box .alarm-info-box-btn {
  margin-top: 1.3333333333rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 20.3888888889rem;
  width: 100%;
  height: 4.2777777778rem;
  color: #000;
  text-align: center;
  font-size: 1.3888888889rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -1.27px;
  border-radius: 54.438px;
  background: #caff33;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
}
@media (max-width: 820px) {
  .layer-popup .popup-inner-space {
    padding: 2.3611111111rem 0.5555555556rem 1.75rem;
  }
  .layer-popup .popup-inner-space-check {
    padding: 2.7777777778rem 1.1111111111rem 1.8888888889rem;
  }
  .layer-popup .alarm-info-box {
    padding-top: 0.8333333333rem;
    color: #fff;
    text-align: center;
    font-size: 0.7777777778rem;
    font-weight: 400;
    line-height: normal;
  }
  .layer-popup .alarm-info-box .alarm-info-box-btn {
    margin-top: 0.6666666667rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 13.1666666667rem;
    height: 2.6111111111rem;
    font-size: 0.8333333333rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1.27px;
    border-radius: 54.438px;
    background: #caff33;
    font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  }
}

.email-input-box .form-label {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.email-input-box.form-el-box .form-input {
  padding: 0.7777777778rem;
  width: 48.82%;
  color: rgba(255, 255, 255, 0.5);
  background-color: #444;
  font-family: "Gmarket Sans Medium", arial, sans-serif, Arial, dotum, "돋움";
  font-weight: 300;
}
.email-input-box.form-el-box .form-input::-webkit-input-placeholder {
  font-family: "Gmarket Sans Medium", arial, sans-serif, Arial, dotum, "돋움";
  font-weight: 300;
}
.email-input-box.form-el-box .form-input::-moz-placeholder {
  font-family: "Gmarket Sans Medium", arial, sans-serif, Arial, dotum, "돋움";
  font-weight: 300;
}
.email-input-box.form-el-box .form-input::-ms-input-placeholder {
  font-family: "Gmarket Sans Medium", arial, sans-serif, Arial, dotum, "돋움";
  font-weight: 300;
}
.email-input-box.form-el-box .form-input::placeholder {
  font-family: "Gmarket Sans Medium", arial, sans-serif, Arial, dotum, "돋움";
  font-weight: 300;
}
.email-input-box.form-el-box .form-input.direct-input-box {
  width: 100%;
}
.email-input-box .info-text {
  padding-top: 1.3888888889rem;
  font-family: "Gmarket Sans Light", arial, sans-serif, Arial, dotum, "돋움";
  font-size: 0.8888888889rem;
  font-weight: 300;
  line-height: 1.4;
  text-align: left;
  color: #caff33;
}
@media (max-width: 820px) {
  .email-input-box.form-el-box .form-input {
    padding: 0.3888888889rem;
  }
  .email-input-box .info-text {
    padding-top: 0.6666666667rem;
    font-size: 12px;
  }
}

.input-box-row-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.input-box-row-content .dot {
  margin: 0 0.1666666667rem;
  font-family: "Gmarket Sans Light", arial, sans-serif, Arial, dotum, "돋움";
  font-size: 1.1111111111rem;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: rgba(255, 255, 255, 0.5);
}
.input-box-row-content .select-box {
  position: relative;
  width: 43.52%;
  height: 3.3333333333rem;
}
.input-box-row-content select {
  padding: 0 0.7777777778rem;
  width: 100%;
  height: 100%;
  color: rgba(255, 255, 255, 0.5);
  background-color: #444;
  border: 1px solid #666;
  border-radius: 2.2222222222rem;
  font-size: 1.1111111111rem;
  -webkit-appearance: none;
  font-family: "Gmarket Sans Medium", arial, sans-serif, Arial, dotum, "돋움";
  font-weight: 300;
  text-align: center;
}
.input-box-row-content .direct-input-box {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media (max-width: 820px) {
  .input-box-row-content .dot {
    margin: 0 0.1111111111rem;
    font-size: 14px;
  }
  .input-box-row-content .select-box {
    width: 43.52%;
    height: 2.7777777778rem;
  }
  .input-box-row-content select {
    padding: 0 0.3888888889rem;
    font-size: 14px;
  }
}

.check-input-box {
  padding-top: 1.6666666667rem;
}
.check-input-box .input-text {
  margin-right: -0.5555555556rem;
  font-family: "Gmarket Sans Light", arial, sans-serif, Arial, dotum, "돋움";
  font-size: 1.1111111111rem;
  font-weight: 600;
  line-height: 20px;
  text-align: left;
  color: #caff33;
}
.check-input-box .form-el-box {
  padding-top: 1.2222222222rem;
  padding-left: 0.5555555556rem;
  text-align: left;
}
.check-input-box input {
  position: absolute;
  position: absolute !important;
  display: block;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: -1px !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
}
.check-input-box input.focusable:active, .check-input-box input.focusable:focus {
  position: static;
  height: auto;
  width: auto;
  margin: 0;
  clip: auto;
  overflow: visible;
}
.check-input-box input:checked + .selector-text {
  background-image: url("../images/components/icon-checkbox-square-on-green.png");
}
.check-input-box .selector-text {
  padding-left: 22px;
  font-family: "Gmarket Sans Light", arial, sans-serif, Arial, dotum, "돋움";
  font-size: 0.8888888889rem;
  font-weight: 400;
  line-height: 1.3;
  text-align: left;
  color: #caff33;
  background-image: url("../images/components/icon-checkbox-square-off-white.png");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
}
@media (max-width: 820px) {
  .check-input-box {
    padding-top: 0.8333333333rem;
  }
  .check-input-box .input-text {
    margin-right: -0.2777777778rem;
    font-size: 14px;
  }
  .check-input-box .form-el-box {
    margin-right: -0.5555555556rem;
    padding-top: 0.6111111111rem;
    padding-left: 0.2777777778rem;
  }
  .check-input-box .form-el-box .input-cover {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .check-input-box .form-el-box .input-cover + .input-cover {
    margin-top: 8px;
  }
  .check-input-box .selector-text {
    display: block;
    min-height: 14px;
    font-size: 11px;
    word-break: keep-all;
  }
}

.full-input-box {
  padding-top: 2.1111111111rem;
}
.full-input-box .form-label {
  text-align: left;
  font-family: "Gmarket Sans Light", arial, sans-serif, Arial, dotum, "돋움";
  font-size: 1.1111111111rem;
  font-weight: 600;
  line-height: 1.4;
  text-align: left;
  color: #caff33;
}
.full-input-box .form-input {
  margin-top: 0.8333333333rem;
  padding: 0.6111111111rem;
  height: 2.8888888889rem;
  color: #caff33;
  background-color: #444;
  border-radius: 0.5555555556rem;
  font-family: "Gmarket Sans Light", arial, sans-serif, Arial, dotum, "돋움";
  font-weight: 600;
  line-height: 1;
  font-size: 1rem;
}
.full-input-box .form-input::-webkit-input-placeholder {
  font-size: 1rem;
  color: #caff33;
  font-family: "Gmarket Sans Light", arial, sans-serif, Arial, dotum, "돋움";
  font-weight: 600;
}
.full-input-box .form-input::-moz-placeholder {
  font-size: 1rem;
  color: #caff33;
  font-family: "Gmarket Sans Light", arial, sans-serif, Arial, dotum, "돋움";
  font-weight: 600;
}
.full-input-box .form-input::-ms-input-placeholder {
  font-size: 1rem;
  color: #caff33;
  font-family: "Gmarket Sans Light", arial, sans-serif, Arial, dotum, "돋움";
  font-weight: 600;
}
.full-input-box .form-input::placeholder {
  font-size: 1rem;
  color: #caff33;
  font-family: "Gmarket Sans Light", arial, sans-serif, Arial, dotum, "돋움";
  font-weight: 600;
}
@media (max-width: 820px) {
  .full-input-box {
    padding-top: 1.0555555556rem;
  }
  .full-input-box .form-label {
    font-size: 14px;
  }
  .full-input-box .form-input {
    margin-top: 0.3888888889rem;
    padding: 0.2777777778rem;
    height: 2.7777777778rem;
    font-size: 14px;
  }
  .full-input-box .form-input::-webkit-input-placeholder {
    font-size: 14px;
  }
  .full-input-box .form-input::-moz-placeholder {
    font-size: 14px;
  }
  .full-input-box .form-input::-ms-input-placeholder {
    font-size: 14px;
  }
  .full-input-box .form-input::placeholder {
    font-size: 14px;
  }
}

.festival-result-popup {
  padding: 1.1111111111rem;
}
@media (max-width: 820px) {
  .festival-result-popup {
    padding: 0.5555555556rem;
  }
}
.festival-result-popup.full-scroll .popup-container {
  max-width: 625px;
  border-radius: 0;
}
@media (max-width: 820px) {
  .festival-result-popup.full-scroll .popup-container {
    max-width: 335px;
    width: 100%;
  }
}
.festival-result-popup .popup-inner {
  padding: 0;
}
.festival-result-popup .btn {
  position: absolute;
  font-size: 0;
}
.festival-result-popup .popup-close01 {
  top: 1.3333333333rem;
  right: 1.3333333333rem;
  width: 2rem;
}
@media (max-width: 820px) {
  .festival-result-popup .popup-close01 {
    top: 0.6718%;
    right: 3.582%;
    width: 7.7611%;
  }
}
.festival-result-popup .popup-close02 {
  left: 50%;
  bottom: 1.6666666667rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 9.3333333333rem;
}
@media (max-width: 820px) {
  .festival-result-popup .popup-close02 {
    bottom: 0.7838%;
    width: 25.97%;
  }
}

.join-check-popup .popup-inner {
  padding-right: 2.2222222222rem;
  padding-left: 2.2222222222rem;
}
.join-check-popup .form-el-box .form-el-row button {
  width: 7.2222222222rem;
  font-size: 1rem;
}
.join-check-popup .form-el-box .form-el-row .form-input {
  padding-right: 7.5rem;
}
@media (max-width: 820px) {
  .join-check-popup .popup-inner {
    padding-right: 1.1111111111rem;
    padding-left: 1.1111111111rem;
  }
  .join-check-popup .form-el-box .form-el-row button {
    width: 3.8888888889rem;
    font-size: 0.6666666667rem;
  }
  .join-check-popup .form-el-box .form-el-row .form-input {
    padding-right: 4.1666666667rem;
  }
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}

a {
  color: inherit;
  text-decoration: none;
  background-color: transparent;
  -webkit-tap-highlight-color: transparent;
  outline: none; /* 웹 접근성 인증 시 해당 스타일 삭제 */
}

label {
  display: inline-block;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}

label img {
  pointer-events: none;
  -moz-user-select: -moz-none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

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

/* 파이어폭스에서의 초기화 방법 */
input[type=number] {
  -moz-appearance: textfield;
}

br {
  font-family: auto;
}

/* show & hide elements
============================================================*/
.txt-hidden {
  overflow: hidden;
  display: inline-block;
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}

.form-el-box {
  font-family: "Gmarket Sans Light", arial, sans-serif, Arial, dotum, "돋움";
}
.form-el-box + .form-el-box {
  margin-top: 0.5555555556rem;
}
.form-el-box .input-cover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-el-box .input-cover.half {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.form-el-box .input-cover.half .form-label {
  padding-top: 1.1111111111rem;
}
.form-el-box .form-label {
  width: 8.3333333333rem;
  text-align: left;
  color: #fff;
  font-size: 1.1111111111rem;
  font-weight: 400;
  cursor: default;
  word-break: keep-all;
}
.form-el-box .form-input {
  width: 18.8888888889rem;
}
.form-el-box .form-el-row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form-el-box .form-el-row .form-input {
  padding-right: 9.4444444444rem;
}
.form-el-box .form-el-row button {
  position: absolute;
  top: 1px;
  right: 1px;
  z-index: 3;
  width: 8.8888888889rem;
  height: 3.2222222222rem;
}
.form-el-box .form-el-column .form-el + .form-el {
  margin-top: 0.5555555556rem;
}
.form-el-box button {
  padding: 0 0.2777777778rem;
  height: 100%;
  font-size: 1.1111111111rem;
  font-weight: 400;
  color: #fff;
  background: #000;
  border-radius: 40px;
  font-family: "Gmarket Sans Light", arial, sans-serif, Arial, dotum, "돋움";
  cursor: pointer;
  word-break: keep-all;
}
.form-el-box .selector-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.form-el-box .selector-wrapper .selector-cover {
  font-size: 1.1111111111rem;
  color: #fff;
}
.form-el-box .select-box-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-el-box .select-box-container .form-label {
  width: 6.6666666667rem;
}
.form-el-box .select-box-container .form-select {
  width: 20.5555555556rem;
}
@media (max-width: 820px) {
  .form-el-box .input-cover.half .form-label {
    padding-top: 0.9444444444rem;
  }
  .form-el-box .form-label {
    margin-right: 5px;
    width: 4.4444444444rem;
    font-size: 0.7777777778rem;
  }
  .form-el-box .form-input {
    width: calc(100% - 4.4444444444rem);
  }
  .form-el-box .form-el-row {
    width: calc(100% - 4.4444444444rem);
  }
  .form-el-box .form-el-row .form-input {
    padding-right: 5.8333333333rem;
    width: 100%;
  }
  .form-el-box .form-el-row button {
    width: 5.5555555556rem;
    height: 2.6666666667rem;
  }
  .form-el-box button {
    font-size: 0.8888888889rem;
  }
  .form-el-box .selector-wrapper .selector-cover {
    font-size: 0.7777777778rem;
  }
  .form-el-box .form-el-column.full {
    width: calc(100% - 4.4444444444rem);
  }
  .form-el-box .select-box-container .form-label {
    width: 4.4444444444rem;
  }
  .form-el-box .select-box-container .form-select {
    width: calc(100% - 4.4444444444rem);
  }
}
@media (max-width: 320px) {
  .form-el-box + .form-el-box {
    margin-top: 10px;
  }
  .form-el-box .input-cover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .form-el-box .form-label {
    padding-bottom: 5px;
    width: 100%;
  }
  .form-el-box .form-input {
    width: 100%;
  }
  .form-el-box .form-el-row {
    width: 100%;
  }
  .form-el-box .form-el-column.full {
    width: 100%;
  }
  .form-el-box .select-box-container .form-label {
    width: 100%;
  }
  .form-el-box .select-box-container .form-select {
    width: 100%;
  }
}

.show-date-box .input-cover.half .form-label {
  padding-top: 0;
}
.show-date-box .selector-wrapper {
  width: 18.8888888889rem;
}
.show-date-box .selector-cover.radio label {
  text-align: left;
}
@media (max-width: 820px) {
  .show-date-box .input-cover.half .form-label {
    padding-top: 0.2222222222rem;
  }
  .show-date-box .selector-wrapper {
    width: calc(100% - 4.4444444444rem);
  }
}
@media (max-width: 320px) {
  .show-date-box .selector-wrapper {
    width: 100%;
  }
}

.address-box .input-cover .form-input:-moz-read-only {
  color: #fff !important;
  background-color: #333;
}

.address-box .input-cover .form-input:read-only {
  color: #fff !important;
  background-color: #333;
}
.address-box .form-el-row .form-input {
  padding-right: 9.4444444444rem;
}
@media (max-width: 820px) {
  .address-box .form-el-row {
    width: 100%;
  }
  .address-box .form-el-row .form-input {
    padding-right: 5.8333333333rem;
  }
  .address-box .form-el-column {
    width: calc(100% - 4.4444444444rem);
  }
  .address-box .form-el-column .form-input {
    width: 100%;
  }
}
@media (max-width: 320px) {
  .address-box .form-el-column {
    width: 100%;
  }
}

.form-el-box-full-wrap {
  margin-bottom: -0.5555555556rem;
}
@media (max-width: 820px) {
  .form-el-box-full-wrap {
    margin-bottom: -0.2777777778rem;
  }
}

.form-el-box-full {
  margin-top: 0;
}
.form-el-box-full + .form-el-box-full {
  margin-top: 0;
}
.form-el-box-full .input-cover {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.form-el-box-full .form-label,
.form-el-box-full .form-input,
.form-el-box-full .selector-wrapper,
.form-el-box-full .form-el-column.full {
  width: 100%;
}
.form-el-box-full .form-input {
  margin-top: 0.5555555556rem;
  background-color: #444;
}
.form-el-box-full .selector-wrapper {
  padding-top: 1rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.form-el-box-full .selector-wrapper .selector-cover + .selector-cover {
  margin-top: 0;
  margin-left: 0.8333333333rem;
}
.form-el-box-full .selector-wrapper label {
  line-height: 1.4;
  min-height: auto;
  padding-left: 1.0555555556rem;
  background-size: 0.8888888889rem 0.8888888889rem;
  background-position: 0 0.2222222222rem;
  background-image: url("../images/components/icon-radio-off-black.png");
}
.form-el-box-full .selector-wrapper input:checked + label {
  background-image: url("../images/components/icon-radio-on-white.png");
}
.form-el-box-full textarea.form-input {
  height: 7.6111111111rem;
}
.form-el-box-full.category-box {
  padding-top: 1.1111111111rem;
}
.form-el-box-full.concerns-title-box {
  padding-top: 2.6111111111rem;
}
.form-el-box-full.concerns-box {
  padding-top: 1.1111111111rem;
}
@media (max-width: 820px) {
  .form-el-box-full .form-input {
    margin-top: 0.2777777778rem;
  }
  .form-el-box-full .selector-wrapper {
    margin-top: -0.2777777778rem;
    padding-top: 0.5rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .form-el-box-full .selector-wrapper .selector-cover {
    margin-top: 0.2777777778rem;
    margin-right: 0.3333333333rem;
  }
  .form-el-box-full .selector-wrapper .selector-cover:last-child {
    margin-right: 0;
  }
  .form-el-box-full .selector-wrapper .selector-cover + .selector-cover {
    margin-top: 0.2777777778rem;
    margin-left: 0;
  }
  .form-el-box-full .selector-wrapper label {
    padding-left: 0.7222222222rem;
    background-size: 0.6111111111rem 0.6111111111rem;
  }
  .form-el-box-full textarea.form-input {
    height: 7.6111111111rem;
  }
  .form-el-box-full.category-box {
    padding-top: 0.5555555556rem;
  }
  .form-el-box-full.concerns-title-box {
    padding-top: 1.2777777778rem;
  }
  .form-el-box-full.concerns-box {
    padding-top: 0.5555555556rem;
  }
}

.form-guide-text-small {
  margin-top: 0.5555555556rem;
  font-size: 0.7777777778rem;
  font-weight: 300;
  font-family: "Gmarket Sans Light", arial, sans-serif, Arial, dotum, "돋움";
  color: rgba(255, 255, 255, 0.5);
}
.form-guide-text-small + .form-guide-text-small {
  margin-top: 0.5555555556rem;
}
@media (max-width: 820px) {
  .form-guide-text-small {
    margin-top: 0.2777777778rem;
    font-size: 0.6666666667rem;
  }
  .form-guide-text-small + .form-guide-text-small {
    margin-top: 0.2777777778rem;
  }
}

.privacy-box {
  padding-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Gmarket Sans Light", arial, sans-serif, Arial, dotum, "돋움";
}
.privacy-box > div + div {
  padding-top: 2.5rem;
}
.privacy-box .privacy-title {
  font-size: 1.1111111111rem;
  font-weight: 700;
  text-align: left;
}
.privacy-box .form-el-box {
  margin-top: 0.8888888889rem;
}
.privacy-box .selector-cover {
  color: #fff;
}
@media (max-width: 820px) {
  .privacy-box {
    padding-top: 1.9444444444rem;
  }
  .privacy-box > div + div {
    padding-top: 1.9444444444rem;
  }
  .privacy-box .privacy-title {
    font-size: 1.1111111111rem;
  }
}

.form-terms {
  margin-top: 0.8333333333rem;
  padding: 0.6666666667rem 1.1111111111rem;
  height: 4.4444444444rem;
  text-align: left;
  color: #fff;
  border-radius: 4px;
  line-height: 1.6;
  overflow-y: scroll;
  border: 1px solid #666;
  border-radius: 16px;
}
.form-terms .form-terms-title {
  text-align: left;
  font-weight: 500;
  font-family: "Gmarket Sans Medium", arial, sans-serif, Arial, dotum, "돋움";
}
.form-terms .form-text-box {
  padding-top: 0.5555555556rem;
  text-align: left;
}
.form-terms .form-terms-title,
.form-terms .form-text-box {
  font-size: 0.6666666667rem;
}
.form-terms .form-text {
  font-size: 0.7222222222rem;
  font-family: "Gmarket Sans Bold", arial, sans-serif, Arial, dotum, "돋움";
}
@media (max-width: 820px) {
  .form-terms {
    margin-top: 0.5555555556rem;
    padding: 0.8333333333rem 0.8333333333rem 0 0.8333333333rem;
  }
  .form-terms .form-text-box {
    padding-top: 0.2777777778rem;
  }
  .form-terms .form-terms-title,
  .form-terms .form-text-box {
    font-size: 0.5555555556rem;
  }
  .form-terms .form-text {
    font-size: 0.6111111111rem;
  }
}

.form-terms-tbl {
  margin-top: 0.5555555556rem;
  width: 100%;
  table-layout: fixed;
}

.form-terms-tbl th,
.form-terms-tbl td {
  padding: 0.2777777778rem;
  font-size: 0.6666666667rem;
  text-align: center;
  font-weight: 300;
  word-break: break-all;
  border: 1px solid #707070;
  color: #fff;
  font-family: "Gmarket Sans Light", arial, sans-serif, Arial, dotum, "돋움";
  word-break: keep-all;
}
@media (max-width: 820px) {
  .form-terms-tbl th,
  .form-terms-tbl td {
    font-size: 0.5555555556rem;
  }
}

.form-terms-tbl thead th {
  font-weight: 900;
  background-color: #333;
}

.form-terms-tbl tbody td {
  padding: 0.5555555556rem;
  border-bottom: 1px solid #999;
  background-color: #333;
}

/* iframe */
.video-wrap {
  position: relative;
}
.video-wrap .video {
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
}
.video-wrap > div {
  width: 100%;
  padding-bottom: 56.5%;
}
.video-wrap iframe {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-menu .ui-menu-item {
  text-align: left;
}

/* image ani */
/* text ani */
/**
 * ----------------------------------------
 * animation scale-up-hor-center
 * ----------------------------------------
 */
/**
 * ----------------------------------------
 * animation slide-in-elliptic-bottom-fwd
 * ----------------------------------------
 */
/**
 * ----------------------------------------
 * animation tracking-in-expand
 * ----------------------------------------
 */
/**
 * ----------------------------------------
 * animation scale-down-hor-center
 * ----------------------------------------
 */
/**
 * ----------------------------------------
 * animation jello-diagonal-2
 * ----------------------------------------
 */
/* reset */
/* rem 설정을 위한 폰트 */
html {
  font-size: 18px;
}
@media (max-width: 320px) {
  html {
    font-size: 15px;
  }
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
select,
pre {
  -webkit-text-size-adjust: none;
  line-height: 1.5;
  font-weight: 400;
  color: #000;
  font-family: "Pretendard", arial, sans-serif, Arial, dotum, "돋움";
  font-size: 18px;
  outline: none;
}

/*-webkit-text-size-adjust: none(글자크기 자동조정 방지) , auto (화면의 폭에 맞추어서 텍스트의 크기를 자동으로 조절 , 100%(폰트크기를 지정된사이즈로 변경);*/
html,
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
table,
tr,
td,
dl,
dt,
dd,
a,
img,
input,
button,
select,
textarea {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

input {
  -webkit-border-radius: 0;
}

address,
cite,
dfn,
em,
var {
  font-style: normal;
}

code,
kbd,
samp {
  font-family: dotum, "돋움", courier new, courier, monospace;
}

header,
hgroup,
article,
nav,
footer,
figure,
figcaption,
canvas,
section,
main,
menu {
  display: block;
  margin: 0;
  padding: 0;
}

/* 모바일에서 꾹 눌렀을때 텍스트 복사 막기 */
body,
div,
p,
ul,
li,
input,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
a,
select,
textarea {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

a {
  text-decoration: none;
  color: #000;
}

img,
fieldset,
iframe {
  border: 0 none;
}

fieldset {
  width: auto;
  min-width: 0;
  max-width: none;
  border: 0;
  margin: 0;
  padding: 0;
}

legend {
  position: absolute !important;
  display: block;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: -1px !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
}
legend.focusable:active, legend.focusable:focus {
  position: static;
  height: auto;
  width: auto;
  margin: 0;
  clip: auto;
  overflow: visible;
}

img {
  max-width: 100%;
  border: 0px;
  vertical-align: top;
}

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

caption {
  display: none;
}

button {
  cursor: pointer;
  border: 0;
  background-color: transparent;
}
button:focus {
  outline: none;
}

/* reset */
.scroll-animate {
  opacity: 0;
}
.scroll-animate.show {
  opacity: 1;
}

@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes shake-horizontal {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
  }
}
@keyframes shake-horizontal {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
  }
}
@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.event-scroll-animate {
  opacity: 0;
}
.event-scroll-animate.show {
  opacity: 1;
}

@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-top {
  -webkit-animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.fade-in-bottom {
  -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.fade-in-right {
  -webkit-animation: fade-in-right 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-right 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.fade-in-left {
  -webkit-animation: fade-in-left 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-left 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.shake-horizontal {
  -webkit-animation: shake-horizontal 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: shake-horizontal 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}

@-webkit-keyframes scalein {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scalein {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
::-webkit-scrollbar {
  width: 6px;
  height: 4px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.1); /*스크롤바의 색상*/
}

::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #ddd; /*스크롤바 트랙 색상*/
}

.ui-datepicker {
  width: 16em !important;
  padding: 0.5555555556rem !important;
}
@media (max-width: 820px) {
  .ui-datepicker {
    width: 15em !important;
  }
}
.ui-datepicker.ui-widget.ui-widget-content {
  margin-top: 0.5555555556rem;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  -webkit-transform: translateY(-50%) !important;
          transform: translateY(-50%) !important;
  top: 50% !important;
}
.ui-datepicker .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-next .ui-icon {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
  background-size: cover !important;
}
.ui-datepicker .ui-datepicker-prev .ui-icon {
  background-image: url("../images/components/icon-arrow-prev-bk-32x32.png") !important;
}
.ui-datepicker .ui-datepicker-next .ui-icon {
  background-image: url("../images/components/icon-arrow-next-bk-32x32.png") !important;
}
.ui-datepicker .ui-widget-header {
  background-color: #fff;
  border: 0;
}
.ui-datepicker .ui-datepicker-title {
  font-size: 0.6666666667rem;
}
.ui-datepicker .ui-datepicker-title select {
  width: calc(45% - 10px) !important;
  margin: 0 0.2777777778rem !important;
  padding: 0.2777777778rem 0.5555555556rem !important;
  border: 1px solid #ddd !important;
  font-size: 0.7777777778rem !important;
}
.ui-datepicker .ui-state-default {
  border: 0 !important;
  background-color: #fff !important;
  text-align: center !important;
  font-size: 0.8888888889rem;
}
.ui-datepicker .ui-state-default.ui-state-active {
  background-color: #2546cd !important;
  border-color: transparent !important;
  color: #fff !important;
}

.swiper-container {
  position: relative;
  overflow: hidden;
}
.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev {
  width: 70px;
  height: 70px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.swiper-container .swiper-button-next:after,
.swiper-container .swiper-button-prev:after {
  display: none;
}
.swiper-container .swiper-button-next {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-image: url("../images/icon/icon-slider-arrow-next-bk-70x70.png");
}
.swiper-container .swiper-button-prev {
  background-image: url("../images/icon/icon-slider-arrow-prev-bk-70x70.png");
}
.swiper-container .swiper-pagination {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
}
.swiper-container .swiper-pagination .swiper-pagination-bullet {
  display: block;
}

html,
body {
  -webkit-overflow-scrolling: touch;
}
html.scroll-disable,
body.scroll-disable {
  overflow: hidden !important;
}
@media (min-width: 961px) {
  html.scroll-disable.responsive-scroll,
  body.scroll-disable.responsive-scroll {
    overflow: visible !important;
  }
}

.accordion-list .accordion-header {
  cursor: pointer;
}
.accordion-list .accordion-body {
  display: none;
}

.mobile-show {
  display: none !important;
}

@media (max-width: 820px) {
  .pc-show {
    display: none !important;
  }
  .mobile-show {
    display: block !important;
  }
}
.ui-tab-content {
  display: none;
}
.ui-tab-content:nth-of-type(1) {
  display: block;
}

.privacy-select-box {
  padding-top: 1.1111111111rem;
}
.privacy-select-box .select-box-container .form-select {
  padding: 0.5555555556rem 1.6666666667rem 0.5555555556rem 0.5555555556rem;
  font-size: 0.8888888889rem;
  color: #fff;
  border: 1px solid #fff;
  background: url("../images/icon/icon-select-arrow-white.png") no-repeat 0 0;
  background-position: calc(100% - 8px) center;
  background-size: 1.18182rem 0.72727rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.privacy-select-box .select-box-container option {
  color: #000;
}
@media (max-width: 820px) {
  .privacy-select-box .select-box-container .form-select {
    font-size: 0.6666666667rem;
    background-size: 12px 12px;
  }
}

.section-inner {
  max-width: 66.6666666667rem;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1240px) {
  .section-inner {
    padding: 0 1.1111111111rem;
  }
}

#footer {
  font-size: 0.7777777778rem;
  color: #fff;
  background-color: #000;
}
#footer .section-inner {
  padding: 2.2222222222rem 0 1.1111111111rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 400;
}
#footer .copyright {
  font-weight: 400;
}
#footer .privacy-btn {
  color: #fff;
  font-weight: 700;
}
#footer .consumer-award-box {
  padding-top: 0;
}
#footer .consumer-award-box .section-inner {
  padding-top: 0;
  padding-bottom: 0;
}
#footer .consumer-award-box .image-box {
  width: 20.5555555556rem;
}
@media (max-width: 1500px) {
  #footer {
    font-size: 0.9333333333vw;
  }
  #footer .section-inner {
    padding-top: 2.6666666667vw;
    padding-bottom: 4.6666666667vw;
    padding-left: 1.3333333333vw;
    padding-right: 1.3333333333vw;
  }
  #footer .consumer-award-box .section-inner {
    padding-bottom: 6.6666666667vw;
  }
  #footer .consumer-award-box .image-box {
    width: 24.4666666667vw;
  }
}
@media (max-width: 820px) {
  #footer {
    font-size: 0.7777777778rem;
  }
  #footer .section-inner {
    padding: 1.1111111111rem 1.1111111111rem 2.1666666667rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #footer .privacy-btn {
    margin-top: 1.1111111111rem;
  }
  #footer .consumer-award-box .section-inner {
    padding-bottom: 0;
  }
  #footer .consumer-award-box .image-box {
    max-width: 15.7777777778rem;
    width: 100%;
  }
}

.policy-content {
  margin: 0 auto;
  max-width: 1200px;
}
.policy-content .privacy-title {
  padding-top: 2rem;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
}
.policy-content .policy-wrap {
  padding-top: 2rem;
}
.policy-content .policy-wrap:last-child {
  padding-bottom: 4rem;
}
.policy-content .policy-wrap .policy-hd-tit {
  font-size: 1.1rem;
  font-weight: 700;
}
.policy-content .policy-wrap .policy-txt {
  padding-top: 1rem;
  font-size: 1rem;
}
.policy-content .policy-tbl {
  margin-top: 1rem;
  table-layout: fixed;
  width: 100%;
  font-size: 1rem;
  line-height: 1.7;
}
.policy-content .policy-tbl td,
.policy-content .policy-tbl th {
  padding: 0.75rem 1.5rem;
  font-weight: 400;
  vertical-align: middle;
}
.policy-content .policy-tbl thead th {
  font-weight: 400;
  background-color: #f2f4f6;
}
.policy-content .policy-tbl tbody td,
.policy-content .policy-tbl tbody th {
  border-bottom: 1px solid #dbdee5;
}
.policy-content .policy-tbl strong {
  text-decoration: underline;
  font-size: 1.1rem;
}

.header-btn-box {
  position: absolute;
  top: 2.6666666667vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1200px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 1;
}
@media screen and (min-width: 1500px) {
  .header-btn-box {
    top: 40px;
  }
}
.header-btn-box a {
  display: block;
}
.header-btn-box a + a {
  margin-left: 0.5555555556rem;
}
@media (max-width: 1500px) {
  .header-btn-box {
    right: 0;
  }
}
@media (max-width: 1328px) {
  .header-btn-box {
    width: 90.3614457831vw;
  }
}
@media (max-width: 820px) {
  .header-btn-box {
    display: none;
  }
}

.header-btn-box-utn {
  padding-left: 0.3333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 37px;
  background-color: #eb008b;
}
@media screen and (min-width: 1500px) {
  .header-btn-box-utn {
    padding-left: 5px;
  }
}
.header-btn-box-utn.bg-gray {
  background-color: #2a2a2a;
}
.header-btn-box-utn + .header-btn-box-utn {
  margin-left: 1.3333333333vw;
}
@media screen and (min-width: 1500px) {
  .header-btn-box-utn + .header-btn-box-utn {
    margin-left: 20px;
  }
}
.header-btn-box-utn a {
  padding: 0.6666666667vw 1.3333333333vw;
  display: block;
  color: #fff;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  font-size: 1.1333333333vw;
  font-weight: 500;
  letter-spacing: -0.85px;
}
@media screen and (min-width: 1500px) {
  .header-btn-box-utn a {
    padding: 10px 20px;
  }
}
@media screen and (min-width: 1500px) {
  .header-btn-box-utn a {
    font-size: 17px;
  }
}
.header-btn-box-utn a + a {
  margin-left: 0;
}
.header-btn-box-utn .icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.header-btn-box-utn .icon-uth {
  width: 2.5333333333vw;
  height: 2vw;
  background-image: url("../images/esg/icon-uth.png");
}
@media screen and (min-width: 1500px) {
  .header-btn-box-utn .icon-uth {
    width: 38px;
  }
}
@media screen and (min-width: 1500px) {
  .header-btn-box-utn .icon-uth {
    height: 30px;
  }
}
.header-btn-box-utn .icon-earth {
  width: 2.2666666667vw;
  height: 2vw;
  background-image: url("../images/esg/icon-earth.png");
}
@media screen and (min-width: 1500px) {
  .header-btn-box-utn .icon-earth {
    width: 34px;
  }
}
@media screen and (min-width: 1500px) {
  .header-btn-box-utn .icon-earth {
    height: 30px;
  }
}
.header-btn-box-utn-earth {
  background-color: #000;
}
.header-btn-box-utn-earth a {
  padding: 0.3333333333vw 0.4vw;
  min-width: 8.9333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1500px) {
  .header-btn-box-utn-earth a {
    padding: 5px 6px;
  }
}
@media screen and (min-width: 1500px) {
  .header-btn-box-utn-earth a {
    min-width: 134px;
  }
}
.header-btn-box-utn-earth .icon {
  margin-right: 0.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .header-btn-box-utn-earth .icon {
    margin-right: 10px;
  }
}

.uth-sub-box-area .header-btn-box {
  position: absolute;
  top: -3.3333333333rem;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 820px) {
  .uth-sub-box-area .header-btn-box {
    display: none;
  }
}
.uth-sub-box-area .header-btn-box-utn {
  padding-left: 0.2777777778rem;
}
.uth-sub-box-area .header-btn-box-utn + .header-btn-box-utn {
  margin-left: 1.1111111111rem;
}
.uth-sub-box-area .header-btn-box-utn a {
  padding: 0.5555555556rem 1.1111111111rem;
  font-size: 0.9444444444rem;
}
.uth-sub-box-area .header-btn-box-utn .icon-uth {
  width: 2.1111111111rem;
  height: 1.6666666667rem;
}
.uth-sub-box-area .header-btn-box-utn .icon-earth {
  width: 1.8888888889rem;
  height: 1.6666666667rem;
}
.uth-sub-box-area .header-btn-box-utn-earth a {
  padding: 0.2777777778rem 0.3333333333rem;
  min-width: 7.4444444444rem;
}
.uth-sub-box-area .header-btn-box-utn-earth .icon {
  margin-right: 0.5555555556rem;
}

.icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-indent: -9999px;
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.icon.arrow {
  width: 0.8888888889rem;
  height: 1.2222222222rem;
  background-image: url("../images/icon/icon-arrow.png");
}
.icon.icon-chat {
  margin-left: 0.7777777778rem;
  width: 2.2222222222rem;
  height: 2.2222222222rem;
  background-image: url("../images/icon/icon-chat.png");
}
.icon.icon-text {
  margin: 0 0.5555555556rem;
  width: 1.5555555556rem;
  height: 2.2222222222rem;
  background-image: url("../images/icon/icon-text.png");
}
.icon.icon-moono {
  margin-left: 0.5555555556rem;
  width: 5.7777777778rem;
  height: 1.1111111111rem;
  background-image: url("../images/icon/icon-moono.png");
}
.icon.icon-instagram {
  margin-left: 0.5555555556rem;
  width: 2.6666666667rem;
  height: 2.6666666667rem;
  background-image: url("../images/icon/icon-instagram.png");
}
.icon.icon-share {
  width: 2.3333333333rem;
  height: 2.3333333333rem;
  background-image: url("../images/icon/icon-share.png");
}
.icon.icon-facebook {
  width: 3.8888888889rem;
  height: 3.8888888889rem;
  background-image: url("../images/icon/icon-facebook.png");
}
.icon.icon-twitter {
  width: 3.8888888889rem;
  height: 3.8888888889rem;
  background-image: url("../images/icon/icon-twitter.png");
}
.icon.icon-kakao {
  width: 3.8888888889rem;
  height: 3.8888888889rem;
  background-image: url("../images/icon/icon-kakao.png");
}
@media (max-width: 1500px) {
  .icon.arrow {
    width: 1.0666666667vw;
    height: 1.4666666667vw;
  }
  .icon.icon-chat {
    margin-left: 0.9333333333vw;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
  }
  .icon.icon-text {
    margin-left: 0.6666666667vw;
    margin-right: 0.6666666667vw;
    width: 1.8666666667vw;
    height: 2.6666666667vw;
  }
  .icon.icon-moono {
    margin-left: 0.6666666667vw;
    width: 6.9333333333vw;
    height: 1.3333333333vw;
  }
  .icon.icon-instagram {
    margin-left: 0.6666666667vw;
    width: 3.2vw;
    height: 3.2vw;
  }
}
@media (max-width: 820px) {
  .icon.icon-chat {
    margin-left: 0;
    width: 2.0555555556rem;
    height: 2.0555555556rem;
  }
  .icon.icon-text {
    margin: 0;
    width: 1.1666666667rem;
    height: 1.6666666667rem;
  }
  .icon.icon-moono {
    margin-left: 0;
    width: 3rem;
    height: 0.5555555556rem;
  }
  .icon.icon-instagram {
    margin-left: 0;
    width: 1.6666666667rem;
    height: 1.6666666667rem;
  }
}
@media (max-width: 360px) {
  .icon.icon-chat {
    width: 1.5rem;
    height: 1.5rem;
  }
  .icon.icon-text {
    width: 0.9444444444rem;
    height: 1.5rem;
  }
  .icon.icon-moono {
    width: 2.7222222222rem;
    height: 0.5555555556rem;
  }
  .icon.icon-instagram {
    width: 1.4444444444rem;
    height: 1.4444444444rem;
  }
}

.object-box .object-box-image {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: none;
}
.object-box .arrow {
  margin-top: 19.8666666667vw;
  margin-left: -48.7333333333vw;
  width: 6.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .object-box .arrow {
    margin-top: 298px;
  }
}
@media screen and (min-width: 1500px) {
  .object-box .arrow {
    margin-left: -731px;
  }
}
@media screen and (min-width: 1500px) {
  .object-box .arrow {
    width: 100px;
  }
}
.object-box .star01 {
  margin-top: 13.4666666667vw;
  margin-left: 40.5333333333vw;
  width: 9.9333333333vw;
}
@media screen and (min-width: 1500px) {
  .object-box .star01 {
    margin-top: 202px;
  }
}
@media screen and (min-width: 1500px) {
  .object-box .star01 {
    margin-left: 608px;
  }
}
@media screen and (min-width: 1500px) {
  .object-box .star01 {
    width: 149px;
  }
}
.object-box .star02 {
  margin-top: 43.2vw;
  margin-left: 51.9333333333vw;
  width: 17vw;
}
@media screen and (min-width: 1500px) {
  .object-box .star02 {
    margin-top: 648px;
  }
}
@media screen and (min-width: 1500px) {
  .object-box .star02 {
    margin-left: 779px;
  }
}
@media screen and (min-width: 1500px) {
  .object-box .star02 {
    width: 255px;
  }
}
.object-box .icon-circle-u {
  margin-top: 18.6666666667vw;
  margin-left: -42.4vw;
  width: 8.1333333333vw;
  z-index: 1;
}
@media screen and (min-width: 1500px) {
  .object-box .icon-circle-u {
    margin-top: 280px;
  }
}
@media screen and (min-width: 1500px) {
  .object-box .icon-circle-u {
    margin-left: -636px;
  }
}
@media screen and (min-width: 1500px) {
  .object-box .icon-circle-u {
    width: 122px;
  }
}
.object-box .icon-plus-u {
  margin-top: 46.8vw;
  margin-left: 42.8vw;
  width: 9.3333333333vw;
  z-index: 1;
}
@media screen and (min-width: 1500px) {
  .object-box .icon-plus-u {
    margin-top: 702px;
  }
}
@media screen and (min-width: 1500px) {
  .object-box .icon-plus-u {
    margin-left: 642px;
  }
}
@media screen and (min-width: 1500px) {
  .object-box .icon-plus-u {
    width: 140px;
  }
}
.object-box .icon-caution {
  margin-top: 49.6666666667vw;
  margin-left: -40.8vw;
  width: 11vw;
  z-index: 1;
}
@media screen and (min-width: 1500px) {
  .object-box .icon-caution {
    margin-top: 745px;
  }
}
@media screen and (min-width: 1500px) {
  .object-box .icon-caution {
    margin-left: -612px;
  }
}
@media screen and (min-width: 1500px) {
  .object-box .icon-caution {
    width: 165px;
  }
}
.object-box .icon-h {
  display: none;
  margin-top: -2.0333333333vw;
  margin-left: -7.2vw;
  width: 2.8vw;
  z-index: 1;
}
@media screen and (min-width: 1500px) {
  .object-box .icon-h {
    margin-top: -30.5px;
  }
}
@media screen and (min-width: 1500px) {
  .object-box .icon-h {
    margin-left: -108px;
  }
}
@media screen and (min-width: 1500px) {
  .object-box .icon-h {
    width: 42px;
  }
}
.object-box .icon-circle-h {
  margin-top: 69.2666666667vw;
  margin-left: -42.2vw;
  width: 7.9333333333vw;
}
@media screen and (min-width: 1500px) {
  .object-box .icon-circle-h {
    margin-top: 1039px;
  }
}
@media screen and (min-width: 1500px) {
  .object-box .icon-circle-h {
    margin-left: -633px;
  }
}
@media screen and (min-width: 1500px) {
  .object-box .icon-circle-h {
    width: 119px;
  }
}
.object-box .icon-circle-t {
  margin-top: 14vw;
  margin-left: 41.6666666667vw;
  width: 6.2666666667vw;
  z-index: 1;
}
@media screen and (min-width: 1500px) {
  .object-box .icon-circle-t {
    margin-top: 210px;
  }
}
@media screen and (min-width: 1500px) {
  .object-box .icon-circle-t {
    margin-left: 625px;
  }
}
@media screen and (min-width: 1500px) {
  .object-box .icon-circle-t {
    width: 94px;
  }
}
.object-box .icon-mark {
  margin-top: 66.8666666667vw;
  margin-left: 42vw;
  width: 15.8666666667vw;
  z-index: 1;
}
@media screen and (min-width: 1500px) {
  .object-box .icon-mark {
    margin-top: 1003px;
  }
}
@media screen and (min-width: 1500px) {
  .object-box .icon-mark {
    margin-left: 630px;
  }
}
@media screen and (min-width: 1500px) {
  .object-box .icon-mark {
    width: 238px;
  }
}
@media (max-width: 820px) {
  .object-box .arrow,
  .object-box .star01,
  .object-box .star02,
  .object-box .icon-circle-t,
  .object-box .icon-circle-u,
  .object-box .icon-circle-h {
    display: none;
  }
  .object-box .icon-h {
    display: block;
    margin-top: 38.4444444444rem;
    margin-left: 6.9444444444rem;
    width: 2.6111111111rem;
  }
  .object-box .icon-plus-u {
    display: none;
    margin-top: 36.3888888889rem;
    margin-left: 8.2222222222rem;
    width: 5.0555555556rem;
  }
  .object-box .icon-mark {
    margin-top: 49.3333333333rem;
    margin-left: 9.7777777778rem;
    width: 10.5555555556rem;
  }
  .object-box .icon-caution {
    margin-top: 12.8888888889rem;
    margin-left: 8.6111111111rem;
    width: 6.9444444444rem;
    z-index: 2;
  }
}

.object-box-image {
  position: absolute;
  pointer-events: none;
}

.object-ani {
  position: absolute;
  pointer-events: none;
}
.object-ani.object-moono-char01 {
  right: 23.3333333333vw;
  bottom: -0.5333333333vw;
  width: 14.0666666667vw;
}
@media screen and (min-width: 1500px) {
  .object-ani.object-moono-char01 {
    right: 350px;
  }
}
@media screen and (min-width: 1500px) {
  .object-ani.object-moono-char01 {
    bottom: -8px;
  }
}
@media screen and (min-width: 1500px) {
  .object-ani.object-moono-char01 {
    width: 211px;
  }
}
.object-ani.object-moono-char01 .text {
  position: absolute;
  top: -4.1333333333vw;
  left: -6.4666666667vw;
  width: 10.3333333333vw;
}
@media screen and (min-width: 1500px) {
  .object-ani.object-moono-char01 .text {
    top: -62px;
  }
}
@media screen and (min-width: 1500px) {
  .object-ani.object-moono-char01 .text {
    left: -97px;
  }
}
@media screen and (min-width: 1500px) {
  .object-ani.object-moono-char01 .text {
    width: 155px;
  }
}
.object-ani.object-moono-char02 {
  top: -9.8vw;
  right: 2.6666666667vw;
  width: 12.5333333333vw;
  z-index: 1;
}
@media screen and (min-width: 1500px) {
  .object-ani.object-moono-char02 {
    top: -147px;
  }
}
@media screen and (min-width: 1500px) {
  .object-ani.object-moono-char02 {
    right: 40px;
  }
}
@media screen and (min-width: 1500px) {
  .object-ani.object-moono-char02 {
    width: 188px;
  }
}
.object-ani.object-moono-char03 {
  top: -0.5333333333vw;
  right: -18.5333333333vw;
  width: 21.6666666667vw;
  z-index: -1;
}
@media screen and (min-width: 1500px) {
  .object-ani.object-moono-char03 {
    top: -8px;
  }
}
@media screen and (min-width: 1500px) {
  .object-ani.object-moono-char03 {
    right: -278px;
  }
}
@media screen and (min-width: 1500px) {
  .object-ani.object-moono-char03 {
    width: 325px;
  }
}
.object-ani.object-moono-card {
  top: 1.4666666667vw;
  left: 49%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 12.8666666667vw;
}
@media screen and (min-width: 1500px) {
  .object-ani.object-moono-card {
    top: 22px;
  }
}
@media screen and (min-width: 1500px) {
  .object-ani.object-moono-card {
    width: 193px;
  }
}
.object-ani.object-text-box {
  top: 37.2vw;
  left: -2.8vw;
  width: 22.1333333333vw;
}
@media screen and (min-width: 1500px) {
  .object-ani.object-text-box {
    top: 558px;
  }
}
@media screen and (min-width: 1500px) {
  .object-ani.object-text-box {
    left: -42px;
  }
}
@media screen and (min-width: 1500px) {
  .object-ani.object-text-box {
    width: 332px;
  }
}
.object-ani.object-line-bar01 {
  right: -40.0666666667vw;
  bottom: 21vw;
  width: 60.6vw;
}
@media screen and (min-width: 1500px) {
  .object-ani.object-line-bar01 {
    right: -601px;
  }
}
@media screen and (min-width: 1500px) {
  .object-ani.object-line-bar01 {
    bottom: 315px;
  }
}
@media screen and (min-width: 1500px) {
  .object-ani.object-line-bar01 {
    width: 909px;
  }
}
.object-ani.object-line-bar02 {
  bottom: -2.9333333333vw;
  left: -50.2vw;
  width: 72.5333333333vw;
}
@media screen and (min-width: 1500px) {
  .object-ani.object-line-bar02 {
    bottom: -44px;
  }
}
@media screen and (min-width: 1500px) {
  .object-ani.object-line-bar02 {
    left: -753px;
  }
}
@media screen and (min-width: 1500px) {
  .object-ani.object-line-bar02 {
    width: 1088px;
  }
}
@media (max-width: 820px) {
  .object-ani.object-moono-char01 {
    right: inherit;
    left: calc(50% + 92px);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: -1.2222222222rem;
    width: 6.6666666667rem;
  }
  .object-ani.object-moono-char01 .text {
    top: 5px;
    left: -188px;
    width: 12.2222222222rem;
    max-width: 12.2222222222rem;
  }
  .object-ani.object-moono-char02 {
    top: inherit;
    bottom: -87px;
    right: -12px;
    width: 6.7222222222rem;
  }
  .object-ani.object-moono-char03 {
    top: 11.3888888889rem;
    right: inherit;
    left: 64%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 21.1111111111rem;
  }
  .object-ani.object-box01, .object-ani.object-box02, .object-ani.object-text-box, .object-ani.object-line-bar01, .object-ani.object-line-bar02 {
    display: none;
  }
  .object-ani.object-moono-card {
    top: 12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 6.6666666667rem;
  }
}

.line-bar {
  margin: 0 0.2777777778rem;
  display: inline-block;
  width: 1px;
  height: 0.5555555556rem;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
@media (max-width: 1500px) {
  .line-bar {
    margin-right: 0.3333333333vw;
    margin-left: 0.3333333333vw;
    height: 0.6666666667vw;
  }
}
@media (max-width: 820px) {
  .line-bar {
    margin: 0 0.2777777778rem;
    width: 1px;
    height: 0.5555555556rem;
  }
}

.mark-box {
  position: relative;
}
.mark-box.dot {
  padding-left: 0.6666666667rem;
}
.mark-box.dot .mark {
  margin-top: 0.5555555556rem;
  width: 0.2222222222rem;
  height: 0.2222222222rem;
  background-color: #666;
  border-radius: 50%;
}
.mark-box .mark {
  position: absolute;
  left: 0;
}
@media (max-width: 1500px) {
  .mark-box.dot {
    padding-left: 0.8vw;
  }
  .mark-box.dot .mark {
    margin-top: 0.6666666667vw;
    width: 0.2666666667vw;
    height: 0.2666666667vw;
  }
}
@media (max-width: 820px) {
  .mark-box.dot {
    padding-left: 0.6666666667rem;
  }
  .mark-box.dot .mark {
    margin-top: 0.3333333333rem;
    width: 0.2222222222rem;
    height: 0.2222222222rem;
    background-color: #666;
    border-radius: 50%;
  }
}

.btn-wrap.half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.btn-wrap.half .btn + .btn {
  margin-left: 1.1111111111rem;
}
@media (max-width: 1500px) {
  .btn-wrap.half .btn + .btn {
    margin-left: 1.3333333333vw;
  }
}
@media (max-width: 820px) {
  .btn-wrap.half {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .btn-wrap.half .btn + .btn {
    margin: 0.5555555556rem 0 0 0;
  }
}

.flower-ani-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.flower-ani-box canvas {
  width: 100%;
  height: 100%;
}

.gift-box-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.gift-box-list .gift-box-list-item {
  width: 25.8vw;
}
@media screen and (min-width: 1500px) {
  .gift-box-list .gift-box-list-item {
    width: 387px;
  }
}
.gift-box-list .gift-box-list-item + .gift-box-list-item {
  margin-left: 1.1333333333vw;
}
@media screen and (min-width: 1500px) {
  .gift-box-list .gift-box-list-item + .gift-box-list-item {
    margin-left: 17px;
  }
}
.gift-box-list .gift-box-list-btn {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 820px) {
  .gift-box-list .gift-box-list-item:nth-child(2) {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
  }
  .gift-box-list .gift-box-list-item:nth-child(3) {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
  }
}
@media (max-width: 820px) {
  .gift-box-list {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .gift-box-list .gift-box-list-item {
    width: 18.6111111111rem;
  }
  .gift-box-list .gift-box-list-item + .gift-box-list-item {
    margin: 1.1111111111rem 0 0 0;
  }
}
@media (max-width: 360px) {
  .gift-box-list .gift-box-list-item {
    width: 100%;
  }
}

.planner-class-box {
  display: inline-block;
  width: 100%;
}
.planner-class-box .planner-class-box-item {
  position: relative;
  border: 4px solid #000;
}
.planner-class-box .planner-class-box-item + .planner-class-box-item {
  margin-top: 2.2222222222rem;
}
.planner-class-box .planner-class-box-title {
  padding: 1rem 2.2222222222rem;
  text-align: left;
  background-color: #caff33;
}
.planner-class-box .planner-class-box-title img {
  width: 14.6666666667rem;
}
.planner-class-box .planner-class-box-title.planner-title01 img {
  width: 14.6666666667rem;
}
.planner-class-box .planner-class-box-title.planner-title02 img {
  width: 16.4444444444rem;
}
.planner-class-box .planner-class-box-content {
  position: relative;
  padding: 2.2222222222rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #000;
}
.planner-class-box .planner-class-box-content.reverse .class-info-box {
  padding-left: 1.5rem;
  padding-right: 2.6111111111rem;
}
.planner-class-box .video-wrap {
  position: relative;
  width: 32.7777777778rem;
}
.planner-class-box .video-wrap .video-cover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding-bottom: 0;
}
.planner-class-box .video-wrap .cover-text {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2.2222222222rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  background-color: #d9d9d9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.planner-class-box .video-wrap .cover-text img {
  width: 13rem;
}
.planner-class-box .image-box {
  width: 32.7777777778rem;
}
.planner-class-box .class-info-box {
  padding-left: 1.8333333333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.planner-class-box .class-info-box .class01-info-text01 {
  width: 27.5555555556rem;
}
.planner-class-box .class-info-box .class01-info-text02 {
  padding-top: 0.8333333333rem;
  width: 15.3333333333rem;
}
.planner-class-box .class-info-box .class01-info-text03 {
  padding-top: 2.2222222222rem;
  width: 15.3333333333rem;
}
.planner-class-box .class-info-box .class01-info-btn {
  margin-top: 0.8333333333rem;
  width: 23.5rem;
}
.planner-class-box .class-info-box .class02-info-text01 {
  width: 20.3333333333rem;
}
.planner-class-box .class-info-box .class02-info-text02 {
  margin-top: 1.1111111111rem;
  width: 23rem;
}
.planner-class-box .class-info-box .class02-info-btn {
  margin-top: 1.1111111111rem;
  width: 24.4444444444rem;
}
.planner-class-box .planner-add-event {
  padding-top: 2.2222222222rem;
}
@media (max-width: 1500px) {
  .planner-class-box {
    width: 80vw;
  }
  .planner-class-box .planner-class-box-item + .planner-class-box-item {
    margin-top: 2.6666666667vw;
  }
  .planner-class-box .planner-class-box-title {
    padding-top: 1.2vw;
    padding-bottom: 1.2vw;
    padding-left: 2.6666666667vw;
    padding-right: 2.6666666667vw;
  }
  .planner-class-box .planner-class-box-title img {
    width: 17.6vw;
  }
  .planner-class-box .planner-class-box-title.planner-title01 img {
    width: 17.6vw;
  }
  .planner-class-box .planner-class-box-title.planner-title02 img {
    width: 19.7333333333vw;
  }
  .planner-class-box .planner-class-box-content {
    padding: 2.6666666667vw;
  }
  .planner-class-box .planner-class-box-content.reverse .class-info-box {
    padding-left: 1.8vw;
    padding-right: 3.1333333333vw;
  }
  .planner-class-box .video-wrap {
    width: 39.3333333333vw;
  }
  .planner-class-box .video-wrap .cover-text {
    height: 2.6666666667vw;
  }
  .planner-class-box .video-wrap .cover-text img {
    width: 15.6vw;
  }
  .planner-class-box .image-box {
    width: 39.3333333333vw;
  }
  .planner-class-box .class-info-box {
    padding-left: 2.2vw;
  }
  .planner-class-box .class-info-box .class01-info-text01 {
    width: 33.0666666667vw;
  }
  .planner-class-box .class-info-box .class01-info-text02 {
    padding-top: 1vw;
    width: 18.4vw;
  }
  .planner-class-box .class-info-box .class01-info-text03 {
    padding-top: 2.6666666667vw;
    width: 18.4vw;
  }
  .planner-class-box .class-info-box .class01-info-btn {
    margin-top: 1vw;
    width: 28.2vw;
  }
  .planner-class-box .class-info-box .class02-info-text01 {
    width: 24.4vw;
  }
  .planner-class-box .class-info-box .class02-info-text02 {
    margin-top: 1.3333333333vw;
    width: 27.6vw;
  }
  .planner-class-box .class-info-box .class02-info-btn {
    margin-top: 1.3333333333vw;
    width: 29.3333333333vw;
  }
  .planner-class-box .planner-add-event {
    padding-top: 2.6666666667vw;
  }
}
@media (max-width: 820px) {
  .planner-class-box {
    width: 18.3333333333rem;
  }
  .planner-class-box .planner-class-box-item {
    border-width: 3px;
  }
  .planner-class-box .planner-class-box-item + .planner-class-box-item {
    margin-top: 1.1111111111rem;
  }
  .planner-class-box .planner-class-box-title {
    padding: 0.5555555556rem 1.1111111111rem;
    text-align: center;
  }
  .planner-class-box .planner-class-box-title img {
    margin: 0 auto;
  }
  .planner-class-box .planner-class-box-title.planner-title01 img {
    width: 9.7777777778rem;
  }
  .planner-class-box .planner-class-box-title.planner-title02 img {
    width: 11rem;
  }
  .planner-class-box .planner-class-box-content {
    padding: 0.5555555556rem 0.5555555556rem 1.6666666667rem 0.5555555556rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .planner-class-box .planner-class-box-content.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .planner-class-box .planner-class-box-content.reverse .class-info-box {
    padding-left: 0;
    padding-right: 0;
  }
  .planner-class-box .video-wrap,
  .planner-class-box .image-box {
    width: 100%;
  }
  .planner-class-box .class-info-box {
    padding: 1.6666666667rem 0 0 0;
  }
  .planner-class-box .class-info-box .class01-info-text01 {
    width: 16.2222222222rem;
  }
  .planner-class-box .class-info-box .class01-info-text02 {
    padding-top: 0.5555555556rem;
    width: 12.2777777778rem;
  }
  .planner-class-box .class-info-box .class01-info-text03 {
    padding-top: 1.1111111111rem;
    width: 12.2777777778rem;
  }
  .planner-class-box .class-info-box .class01-info-btn {
    margin-top: 0.5555555556rem;
    width: 13.4444444444rem;
  }
  .planner-class-box .class-info-box .class02-info-text01 {
    width: 12.6666666667rem;
  }
  .planner-class-box .class-info-box .class02-info-text02 {
    margin-top: 0.8333333333rem;
    width: 16.3888888889rem;
  }
  .planner-class-box .class-info-box .class02-info-btn {
    margin-top: 0.8333333333rem;
    width: 24.4444444444rem;
  }
  .planner-class-box .planner-add-event {
    padding-top: 1.1111111111rem;
  }
}
@media (max-width: 360px) {
  .planner-class-box {
    width: 100%;
  }
}

.event-ranking-box {
  margin-top: 5.5555555556rem;
  padding-top: 3.3333333333rem;
  width: 100%;
  border-top: 2px dashed #000;
}
.event-ranking-box .event-ranking-box-title {
  font-size: 2.2222222222rem;
  font-family: "Gmarket Sans Light", arial, sans-serif, Arial, dotum, "돋움";
  font-weight: 400;
}
.event-ranking-box .event-ranking-box-content {
  padding-top: 3.3333333333rem;
  max-width: 1200px;
}
.event-ranking-box .event-ranking-box-content-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.event-ranking-box .event-ranking-box-content-item {
  margin-left: 2rem;
  margin-top: 2.3333333333rem;
  width: 11.5555555556rem;
  font-size: 1rem;
  font-family: "Gmarket Sans Medium", arial, sans-serif, Arial, dotum, "돋움";
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
}
.event-ranking-box .event-ranking-box-content-item:nth-child(4), .event-ranking-box .event-ranking-box-content-item:nth-child(9), .event-ranking-box .event-ranking-box-content-item:nth-child(14), .event-ranking-box .event-ranking-box-content-item:nth-child(19), .event-ranking-box .event-ranking-box-content-item:nth-child(24), .event-ranking-box .event-ranking-box-content-item:nth-child(29) {
  margin-left: 0;
}
.event-ranking-box .top-number {
  position: relative;
  margin: 0 0 1rem 1.6666666667rem;
  padding-left: 4rem;
  width: 21.1111111111rem;
  height: 3.3333333333rem;
  line-height: 3.4444444444rem;
  font-size: 1.3333333333rem;
  border-radius: 4px;
}
.event-ranking-box .top-number:first-child {
  margin-left: 0;
}
.event-ranking-box .top-number::before {
  position: absolute;
  top: 50%;
  left: 0.8888888889rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding-top: 2px;
}
.event-ranking-box .number01 {
  background: #ffd337;
}
.event-ranking-box .number01::before {
  content: "🥇";
}
.event-ranking-box .number02 {
  background: #cfcfcf;
}
.event-ranking-box .number02::before {
  content: "🥈";
}
.event-ranking-box .number03 {
  background: #e89945;
}
.event-ranking-box .number03::before {
  content: "🥉";
}
.event-ranking-box .info-text {
  padding-top: 3.3333333333rem;
  text-align: left;
  font-size: 0.8888888889rem;
  color: #666;
  font-family: "Gmarket Sans Medium", arial, sans-serif, Arial, dotum, "돋움";
}
@media (max-width: 1500px) {
  .event-ranking-box {
    margin-top: 6.6666666667vw;
    padding-top: 4vw;
  }
  .event-ranking-box .event-ranking-box-title {
    font-size: 2.6666666667vw;
  }
  .event-ranking-box .event-ranking-box-content {
    max-width: 80vw;
    padding-top: 4vw;
  }
  .event-ranking-box .event-ranking-box-content-item {
    margin-left: 2.4vw;
    margin-top: 2.8vw;
    width: 13.8666666667vw;
    font-size: 1.2vw;
  }
  .event-ranking-box .top-number {
    margin-top: 0;
    margin-left: 2vw;
    margin-bottom: 1.2vw;
    padding-left: 4.8vw;
    width: 25.3333333333vw;
    height: 4vw;
    line-height: 4.1333333333vw;
    font-size: 1.6vw;
  }
  .event-ranking-box .top-number::before {
    left: 1.0666666667vw;
  }
  .event-ranking-box .info-text {
    padding-top: 4vw;
    font-size: 1.0666666667vw;
  }
}
@media (max-width: 820px) {
  .event-ranking-box {
    margin-top: 2.2222222222rem;
    padding-top: 2.2222222222rem;
  }
  .event-ranking-box .event-ranking-box-title {
    font-size: 1.5555555556rem;
  }
  .event-ranking-box .event-ranking-box-content {
    margin: 0 auto;
    max-width: 18.6111111111rem;
    padding-top: 2.2222222222rem;
    text-align: center;
  }
  .event-ranking-box .event-ranking-box-content-item {
    margin-left: 0.6111111111rem;
    margin-top: 1.1111111111rem;
    width: 9rem;
    font-size: 0.7777777778rem;
    font-family: "Gmarket Sans Medium", arial, sans-serif, Arial, dotum, "돋움";
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
  }
  .event-ranking-box .event-ranking-box-content-item:nth-child(3) {
    margin-bottom: 1.1111111111rem;
  }
  .event-ranking-box .event-ranking-box-content-item:nth-child(4), .event-ranking-box .event-ranking-box-content-item:nth-child(9), .event-ranking-box .event-ranking-box-content-item:nth-child(14), .event-ranking-box .event-ranking-box-content-item:nth-child(19), .event-ranking-box .event-ranking-box-content-item:nth-child(24), .event-ranking-box .event-ranking-box-content-item:nth-child(29) {
    margin-left: 0.6111111111rem;
  }
  .event-ranking-box .event-ranking-box-content-item:nth-child(4), .event-ranking-box .event-ranking-box-content-item:nth-child(6), .event-ranking-box .event-ranking-box-content-item:nth-child(8), .event-ranking-box .event-ranking-box-content-item:nth-child(10), .event-ranking-box .event-ranking-box-content-item:nth-child(12), .event-ranking-box .event-ranking-box-content-item:nth-child(14), .event-ranking-box .event-ranking-box-content-item:nth-child(16), .event-ranking-box .event-ranking-box-content-item:nth-child(18), .event-ranking-box .event-ranking-box-content-item:nth-child(20), .event-ranking-box .event-ranking-box-content-item:nth-child(22), .event-ranking-box .event-ranking-box-content-item:nth-child(24), .event-ranking-box .event-ranking-box-content-item:nth-child(26), .event-ranking-box .event-ranking-box-content-item:nth-child(28), .event-ranking-box .event-ranking-box-content-item:nth-child(30), .event-ranking-box .event-ranking-box-content-item:nth-child(32) {
    margin-left: 0;
  }
  .event-ranking-box .top-number {
    margin: 0 0 0.5555555556rem;
    padding-left: 3.5555555556rem;
    width: 100%;
    height: 2.8888888889rem;
    line-height: 3rem;
    font-size: 1.1111111111rem;
  }
  .event-ranking-box .top-number::before {
    left: 0.8888888889rem;
    font-size: 1.7777777778rem;
  }
  .event-ranking-box .info-text {
    padding-top: 2.2222222222rem;
    font-size: 0.7777777778rem;
  }
}

.section-banner-box {
  position: relative;
  max-width: 1200px;
  width: 100%;
}
.section-banner-box .section-banner-box-list {
  margin-top: -1.1111111111rem;
  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;
}
.section-banner-box .section-banner-box-item {
  margin-top: 1.1111111111rem;
  width: 32.7777777778rem;
  -webkit-box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 1500px) {
  .section-banner-box {
    max-width: 80vw;
  }
  .section-banner-box .section-banner-box-list {
    margin-top: -1.3333333333vw;
  }
  .section-banner-box .section-banner-box-item {
    margin-top: 1.3333333333vw;
    width: 39.3333333333vw;
    border-radius: 1.3333333333vw;
  }
}

.floating-box {
  position: fixed;
  top: 10.8333333333rem;
  right: 3.3333333333rem;
  z-index: 12;
}
.floating-box .floating-box-mobile {
  display: none;
}
.floating-box .floating-box-item-share {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-top: 0.5555555556rem;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.floating-box .floating-box-item-share.active {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 1536px) {
  .floating-box {
    top: 4.4444444444rem;
  }
}
@media (max-width: 820px) {
  .floating-box {
    top: 0;
    right: inherit;
    left: 0;
    padding: 1.1111111111rem;
    width: 100%;
    background-color: #000;
  }
  .floating-box .floating-box-pc {
    display: none;
  }
  .floating-box .floating-box-mobile {
    display: block;
  }
}

@media (max-width: 820px) {
  .floating-box-main {
    background-color: #fce3e9;
  }
}

.floating-box-pc .floating-box-item {
  -webkit-animation: scalein 0.6s both;
          animation: scalein 0.6s both;
}
.floating-box-pc .floating-box-item + .floating-box-item {
  padding-top: 0.5555555556rem;
}
.floating-box-pc .floating-box-item:nth-child(1) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.floating-box-pc .floating-box-item:nth-child(2) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.floating-box-pc .floating-box-item:nth-child(3) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.floating-box-pc .floating-box-item:nth-child(4) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.floating-box-pc .floating-box-item:nth-child(5) {
  position: relative;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  z-index: 1;
}
.floating-box-pc .floating-box-item-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 3.8888888889rem;
  height: 3.8888888889rem;
  background-color: #caff33;
  border-radius: 50%;
}
.floating-box-pc .floating-chat-btn {
  background-color: #caff33;
}
.floating-box-pc .icon-chat {
  width: 1.6666666667rem;
  height: 1.6666666667rem;
}
.floating-box-pc .icon-instagram {
  width: 1.8888888889rem;
  height: 1.8888888889rem;
}
.floating-box-pc .icon-moono {
  width: 3.1111111111rem;
  height: 0.6111111111rem;
}
.floating-box-pc .icon-text {
  width: 1.4444444444rem;
  height: 1.9444444444rem;
}
.floating-box-pc .icon {
  margin: 0;
}
.floating-box-pc span {
  font-size: 0.7777777778rem;
  font-weight: 800;
}
.floating-box-pc .floating-box-item-share-item + .floating-box-item-share-item {
  padding-top: 0.5555555556rem;
}
.floating-box-pc .sns-share {
  display: block;
}
.floating-box-pc .uth-inquiry {
  font-size: 1rem;
  color: #fff;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
  background-color: #eb008b;
}
.floating-box-pc .icon-menu-p-chat {
  width: 1.4444444444rem;
  height: 1.5555555556rem;
  background: url("../images/icon/icon-menu-p-chat.png") no-repeat;
  background-size: 100% 100%;
}
.floating-box-pc .alarm-check-button {
  font-size: 0.7777777778rem;
  color: #fff;
  font-weight: 700;
  line-height: 14px; /* 100% */
  background-color: #eb008b;
}
@media (max-width: 820px) {
  .floating-box-pc {
    display: none;
  }
}

.floating-box-mobile .floating-box-mobile-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.floating-box-mobile .menu-box {
  width: 2.2222222222rem;
}
.floating-box-mobile .add-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.floating-box-mobile .share-box {
  position: relative;
  width: 2.2222222222rem;
}
.floating-box-mobile .floating-share-btn {
  display: block;
}
.floating-box-mobile .floating-box-item-share {
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0.2777777778rem 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.floating-box-mobile .floating-box-item-share-item + .floating-box-item-share-item {
  padding-top: 0.2777777778rem;
}
.floating-box-mobile .sns-share {
  display: block;
}
.floating-box-mobile .sns-share .icon {
  width: 2.2222222222rem;
  height: 2.2222222222rem;
}
.floating-box-mobile .chat-box {
  margin-left: 0.2777777778rem;
  width: 6.1111111111rem;
}
.floating-box-mobile .chat-box a {
  display: block;
}
.floating-box-mobile .alarm-box {
  margin-left: 0.2777777778rem;
  width: 5.6111111111rem;
}
.floating-box-mobile .alarm-box a {
  display: block;
}
@media (max-width: 360px) {
  .floating-box-mobile .sns-share .icon {
    width: 2.2222222222rem;
    height: 2.2222222222rem;
  }
}
@media (max-width: 320px) {
  .floating-box-mobile .alarm-box {
    width: 5rem;
  }
  .floating-box-mobile .chat-box {
    width: 5rem;
  }
}

.mobile-nav-menu-box {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1.1111111111rem;
  background-color: #000;
  z-index: 13;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  min-height: 100%;
  overflow: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.mobile-nav-menu-box.active {
  visibility: visible;
  opacity: 1;
}
.mobile-nav-menu-box::-webkit-scrollbar {
  display: none; /* Chrome , Safari , Opera */
}
.mobile-nav-menu-box::before {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}
.mobile-nav-menu-box .close-btn {
  position: absolute;
  top: 1.1111111111rem;
  left: 1.1111111111rem;
  display: block;
  width: 2.2222222222rem;
  z-index: 1;
}
.mobile-nav-menu-box .link-box-wrap {
  padding-top: 4.4444444444rem;
  width: 100%;
  overflow: auto;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
  height: auto;
  position: relative;
  overflow: visible;
}
.mobile-nav-menu-box .link-box-list {
  padding-top: 1.1111111111rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mobile-nav-menu-box .link-box-list-item + .link-box-list-item {
  padding-top: 1.1111111111rem;
}
.mobile-nav-menu-box .link-box-list-btn {
  display: block;
  text-align: center;
  font-size: 1.2222222222rem;
  color: #fff;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  font-weight: 600;
  letter-spacing: -1.1px;
}
.mobile-nav-menu-box .event-link-box {
  padding-top: 1.6666666667rem;
}
.mobile-nav-menu-box .link-box-list-wrap {
  text-align: center;
}
.mobile-nav-menu-box .link-box-list-wrap-earth {
  position: relative;
  margin-top: 1.6666666667rem;
  padding-top: 1.6666666667rem;
}
.mobile-nav-menu-box .link-box-list-wrap-earth::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 12.2222222222rem;
  height: 1px;
  background-color: #caff33;
}
.mobile-nav-menu-box .icon-uth {
  width: 2.1111111111rem;
  height: 1.6666666667rem;
  background-image: url("../images/esg/icon-uth.png");
}
.mobile-nav-menu-box .icon-earth {
  width: 1.8888888889rem;
  height: 1.6666666667rem;
  background-image: url("../images/esg/icon-earth.png");
}

.mobile-nav-menu-dim {
  opacity: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 998;
  background-color: rgba(0, 0, 0, 0.5);
}
.mobile-nav-menu-dim.show {
  -webkit-animation: dimShow 0.3s forwards;
          animation: dimShow 0.3s forwards;
}

@keyframes dimShow {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
.ui-autocomplete {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}

.sns-share-box {
  padding-top: 1.6666666667rem;
}
.sns-share-box .sns-share-box-title {
  font-size: 1.3888888889rem;
  font-weight: 400;
  font-family: "Gmarket Sans Light", arial, sans-serif, Arial, dotum, "돋움";
}
.sns-share-box .sns-share-box-list {
  padding-top: 0.5555555556rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sns-share-box .sns-share-box-item + .sns-share-box-item {
  margin-left: 1.1111111111rem;
}
@media (max-width: 820px) {
  .sns-share-box {
    padding-top: 0.8333333333rem;
  }
  .sns-share-box .sns-share-box-title {
    font-size: 0.8333333333rem;
  }
  .sns-share-box .sns-share-box-list {
    padding-top: 0.2777777778rem;
  }
  .sns-share-box .sns-share-box-item + .sns-share-box-item {
    margin-left: 0.8333333333rem;
  }
  .sns-share-box .sns-share-box-item .icon {
    width: 2.5rem;
    height: 2.5rem;
  }
}

.nav-scroling-box-wrap .section-inner {
  max-width: 100%;
  width: 100%;
}

.scrolling-box-wrap {
  width: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 애니메이션하는 요소 */
  /* 애니메이션 */
}
.scrolling-box-wrap .scroling-box-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  color: #000;
  text-decoration: none;
  white-space: nowrap;
}
.scrolling-box-wrap .scrolling-box {
  position: relative;
  width: 100%;
  height: 5.8666666667vw;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling-box {
    height: 88px;
  }
}
.scrolling-box-wrap .scrolling-box:hover .scrolling {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.scrolling-box-wrap .scrolling {
  position: absolute;
  height: 100%;
}
.scrolling-box-wrap .scrolling ul {
  margin: 0;
  list-style: none;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.scrolling-box-wrap .scrolling li {
  padding-right: 1.6vw;
  height: 100%;
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li {
    padding-right: 24px;
  }
}
.scrolling-box-wrap .scrolling li .icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.scrolling-box-wrap .scrolling li .text {
  font-size: 1.7333333333vw;
  font-weight: 600;
  letter-spacing: -1.3px;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  color: #fff;
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .text {
    font-size: 26px;
  }
}
.scrolling-box-wrap .scrolling li .scroling-box-btn-zero {
  margin-top: 0.1333333333vw;
  width: 26.8666666667vw;
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .scroling-box-btn-zero {
    margin-top: 2px;
  }
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .scroling-box-btn-zero {
    width: 403px;
  }
}
.scrolling-box-wrap .scrolling li .icon-nav01 {
  margin-right: 1.0666666667vw;
  width: 2.7333333333vw;
  height: 1.9666666667vw;
  background-image: url("../images/nav/icon-nav01.png");
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav01 {
    margin-right: 16px;
  }
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav01 {
    width: 41px;
  }
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav01 {
    height: 29.5px;
  }
}
.scrolling-box-wrap .scrolling li .icon-nav02 {
  margin-right: 1.0666666667vw;
  width: 2.5333333333vw;
  height: 1.9333333333vw;
  background-image: url("../images/nav/icon-nav02.png");
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav02 {
    margin-right: 16px;
  }
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav02 {
    width: 38px;
  }
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav02 {
    height: 29px;
  }
}
.scrolling-box-wrap .scrolling li .icon-nav03 {
  margin-right: 1.0666666667vw;
  width: 2.5333333333vw;
  height: 1.6vw;
  background-image: url("../images/nav/icon-nav03.png");
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav03 {
    margin-right: 16px;
  }
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav03 {
    width: 38px;
  }
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav03 {
    height: 24px;
  }
}
.scrolling-box-wrap .scrolling li .icon-nav04 {
  margin-right: 1.0666666667vw;
  width: 2.4vw;
  height: 2.4vw;
  background-image: url("../images/nav/icon-nav04.png");
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav04 {
    margin-right: 16px;
  }
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav04 {
    width: 36px;
  }
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav04 {
    height: 36px;
  }
}
.scrolling-box-wrap .scrolling li .icon-nav05 {
  margin-right: 1.0666666667vw;
  width: 6.4666666667vw;
  height: 1.6vw;
  background-image: url("../images/nav/icon-nav05.png");
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav05 {
    margin-right: 16px;
  }
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav05 {
    width: 97px;
  }
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav05 {
    height: 24px;
  }
}
.scrolling-box-wrap .scrolling li .icon-nav06 {
  margin-right: 1.0666666667vw;
  width: 5.2vw;
  height: 1.9333333333vw;
  background-image: url("../images/nav/icon-nav06.png");
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav06 {
    margin-right: 16px;
  }
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav06 {
    width: 78px;
  }
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav06 {
    height: 29px;
  }
}
.scrolling-box-wrap .scrolling li .icon-nav07 {
  margin-right: 1.0666666667vw;
  width: 2.0666666667vw;
  height: 1.7333333333vw;
  background-image: url("../images/nav/icon-nav07.png");
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav07 {
    margin-right: 16px;
  }
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav07 {
    width: 31px;
  }
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav07 {
    height: 26px;
  }
}
.scrolling-box-wrap .scrolling li .icon-nav08 {
  margin-right: 1.0666666667vw;
  width: 6.4666666667vw;
  height: 1.6666666667vw;
  background-image: url("../images/nav/icon-nav08.png");
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav08 {
    margin-right: 16px;
  }
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav08 {
    width: 97px;
  }
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav08 {
    height: 25px;
  }
}
.scrolling-box-wrap .scrolling li .icon-nav09 {
  margin-right: 1.0666666667vw;
  width: 7.3333333333vw;
  height: 2.0666666667vw;
  background-image: url("../images/nav/icon-nav09.png");
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav09 {
    margin-right: 16px;
  }
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav09 {
    width: 110px;
  }
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav09 {
    height: 31px;
  }
}
.scrolling-box-wrap .scrolling li .icon-nav10 {
  margin-right: 1.0666666667vw;
  width: 8.5333333333vw;
  height: 1.6666666667vw;
  background-image: url("../images/nav/icon-nav10.png");
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav10 {
    margin-right: 16px;
  }
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav10 {
    width: 128px;
  }
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav10 {
    height: 25px;
  }
}
.scrolling-box-wrap .scrolling li .icon-nav11 {
  margin-right: 1.0666666667vw;
  width: 5vw;
  height: 2.3333333333vw;
  background-image: url("../images/nav/icon-nav11.png");
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav11 {
    margin-right: 16px;
  }
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav11 {
    width: 75px;
  }
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav11 {
    height: 35px;
  }
}
.scrolling-box-wrap .scrolling li .icon-nav-data {
  margin-right: 0.4vw;
  width: 7.5vw;
  height: 3.2333333333vw;
  background-image: url("../images/nav/icon-nav-data.png");
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav-data {
    margin-right: 6px;
  }
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav-data {
    width: 112.5px;
  }
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav-data {
    height: 48.5px;
  }
}
.scrolling-box-wrap .scrolling li .icon-nav-plan {
  margin-right: 1.0666666667vw;
  width: 2.9333333333vw;
  height: 1.4vw;
  background-image: url("../images/nav/icon-nav-plan.png");
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav-plan {
    margin-right: 16px;
  }
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav-plan {
    width: 44px;
  }
}
@media screen and (min-width: 1500px) {
  .scrolling-box-wrap .scrolling li .icon-nav-plan {
    height: 21px;
  }
}
.scrolling-box-wrap .scrolling:first-child {
  -webkit-animation: 50s linear 0s infinite normal forwards running rolling-left-animation01;
          animation: 50s linear 0s infinite normal forwards running rolling-left-animation01;
}
.scrolling-box-wrap .scrolling:last-child {
  -webkit-animation: 50s linear 0s infinite normal none running rolling-left-animation02;
          animation: 50s linear 0s infinite normal none running rolling-left-animation02;
}
@media (max-width: 820px) {
  .scrolling-box-wrap {
    /* 애니메이션하는 요소 */
  }
  .scrolling-box-wrap .scrolling-box {
    height: 2.5555555556rem;
  }
  .scrolling-box-wrap .scrolling li {
    padding-right: 0.8888888889rem;
  }
  .scrolling-box-wrap .scrolling li .text {
    font-size: 1rem;
    font-weight: 600;
  }
  .scrolling-box-wrap .scrolling li .scroling-box-btn-zero {
    margin-top: 0;
    width: 15.4444444444rem;
  }
  .scrolling-box-wrap .scrolling li .icon-nav01 {
    margin-right: 0.6111111111rem;
    width: 1.5rem;
    height: 1.0555555556rem;
  }
  .scrolling-box-wrap .scrolling li .icon-nav02 {
    margin-right: 0.6111111111rem;
    width: 1.3888888889rem;
    height: 1.1111111111rem;
  }
  .scrolling-box-wrap .scrolling li .icon-nav03 {
    margin-right: 0.6111111111rem;
    width: 1.5555555556rem;
    height: 0.9444444444rem;
  }
  .scrolling-box-wrap .scrolling li .icon-nav04 {
    margin-right: 0.6111111111rem;
    width: 1.2222222222rem;
    height: 1.2222222222rem;
  }
  .scrolling-box-wrap .scrolling li .icon-nav05 {
    margin-right: 0.6111111111rem;
    width: 3.1111111111rem;
    height: 0.7777777778rem;
  }
  .scrolling-box-wrap .scrolling li .icon-nav06 {
    margin-right: 0.6111111111rem;
    width: 2.7222222222rem;
    height: 1.0555555556rem;
  }
  .scrolling-box-wrap .scrolling li .icon-nav07 {
    margin-right: 0.6111111111rem;
    width: 1.1666666667rem;
    height: 1rem;
  }
  .scrolling-box-wrap .scrolling li .icon-nav08 {
    margin-right: 0.6111111111rem;
    width: 2.9444444444rem;
    height: 0.7777777778rem;
  }
  .scrolling-box-wrap .scrolling li .icon-nav09 {
    margin-right: 0.6111111111rem;
    width: 3.3333333333rem;
    height: 0.9444444444rem;
  }
  .scrolling-box-wrap .scrolling li .icon-nav10 {
    margin-right: 0.6111111111rem;
    width: 4.6111111111rem;
    height: 0.8888888889rem;
  }
  .scrolling-box-wrap .scrolling li .icon-nav11 {
    margin-right: 0.6111111111rem;
    width: 2.1666666667rem;
    height: 1rem;
  }
  .scrolling-box-wrap .scrolling li .icon-nav-data {
    margin-right: 0.5rem;
    width: 2.5rem;
    height: 1.0555555556rem;
  }
  .scrolling-box-wrap .scrolling li .icon-nav-plan {
    margin-right: 0.6111111111rem;
    width: 1.6111111111rem;
    height: 0.7777777778rem;
  }
}

@-webkit-keyframes rolling-left-animation01 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  50.01% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rolling-left-animation01 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  50.01% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes rolling-left-animation02 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-200%, 0, 0);
    transform: translate3d(-200%, 0, 0);
  }
}
@keyframes rolling-left-animation02 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-200%, 0, 0);
    transform: translate3d(-200%, 0, 0);
  }
}
.section-cover-box {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 3.6vw;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  word-break: keep-all;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  font-weight: 900;
}
@media screen and (min-width: 1500px) {
  .section-cover-box {
    font-size: 54px;
  }
}
@media (max-width: 820px) {
  .section-cover-box {
    font-size: 1.5555555556rem;
  }
}

.section-cover-box-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 5.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .section-cover-box-wrap {
    padding-top: 85px;
  }
}
.section-cover-box-wrap .section-cover-box {
  position: relative;
  border-radius: 6.8vw 7vw 8vw 9.3333333333vw;
}
@media screen and (min-width: 1500px) {
  .section-cover-box-wrap .section-cover-box {
    border-radius: 102px 105px 120px 140px;
  }
}
@media (max-width: 820px) {
  .section-cover-box-wrap {
    padding: 2.2222222222rem 1rem 0;
  }
  .section-cover-box-wrap .section-cover-box {
    border-radius: 2rem;
  }
}

.event-service-box .event-service-box-item {
  position: relative;
}
.event-service-box .event-service-box-item .section-cover-box {
  font-size: 1.4666666667vw;
  border-radius: 1.3333333333vw;
}
@media screen and (min-width: 1500px) {
  .event-service-box .event-service-box-item .section-cover-box {
    font-size: 22px;
  }
}
@media screen and (min-width: 1500px) {
  .event-service-box .event-service-box-item .section-cover-box {
    border-radius: 20px;
  }
}
@media (max-width: 820px) {
  .event-service-box .event-service-box-item .section-cover-box {
    font-size: 0.8888888889rem;
    border-radius: 20px;
  }
}

.visual-box-area {
  position: relative;
  text-align: center;
  background-color: #fce3e9;
  overflow: hidden;
}
.visual-box-area .header-btn-box {
  max-width: 80vw;
  width: 100%;
}
@media screen and (min-width: 1500px) {
  .visual-box-area .header-btn-box {
    max-width: 1200px;
  }
}
@media (max-width: 1328px) {
  .visual-box-area .header-btn-box {
    width: 100%;
  }
}
.visual-box-area .section-inner {
  position: relative;
  padding: 8vw 0 2.7333333333vw;
  width: auto;
  max-width: 80vw;
}
@media screen and (min-width: 1500px) {
  .visual-box-area .section-inner {
    padding: 120px 0 41px;
  }
}
@media screen and (min-width: 1500px) {
  .visual-box-area .section-inner {
    max-width: 1200px;
  }
}
.visual-box-area .image-box {
  position: relative;
  z-index: 1;
}
.visual-box-area .text-box {
  position: relative;
  margin: 0 auto;
  max-width: 80vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 1500px) {
  .visual-box-area .text-box {
    max-width: 1200px;
  }
}
.visual-box-area .text-box img {
  display: inline-block;
}
.visual-box-area .text-box .title {
  position: relative;
  padding-top: 2vw;
  font-size: 1.8666666667vw;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.03em;
  word-break: keep-all;
  text-align: left;
}
@media screen and (min-width: 1500px) {
  .visual-box-area .text-box .title {
    padding-top: 30px;
  }
}
@media screen and (min-width: 1500px) {
  .visual-box-area .text-box .title {
    font-size: 28px;
  }
}
.visual-box-area .text-box .title span {
  font-size: 1.8666666667vw;
  color: #f334ae;
}
@media screen and (min-width: 1500px) {
  .visual-box-area .text-box .title span {
    font-size: 28px;
  }
}
.visual-box-area .visual-text-image02 {
  padding-top: 7.2vw;
  width: 52vw;
}
@media screen and (min-width: 1500px) {
  .visual-box-area .visual-text-image02 {
    padding-top: 108px;
  }
}
@media screen and (min-width: 1500px) {
  .visual-box-area .visual-text-image02 {
    width: 780px;
  }
}
.visual-box-area .object-box-image01 {
  right: -0.8vw;
  bottom: -0.2666666667vw;
  width: 20.1vw;
}
@media screen and (min-width: 1500px) {
  .visual-box-area .object-box-image01 {
    right: -12px;
  }
}
@media screen and (min-width: 1500px) {
  .visual-box-area .object-box-image01 {
    bottom: -4px;
  }
}
@media screen and (min-width: 1500px) {
  .visual-box-area .object-box-image01 {
    width: 301.5px;
  }
}
.visual-box-area .object-box-image-banner {
  top: 2.3333333333vw;
  left: 1.9333333333vw;
  width: 24.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .visual-box-area .object-box-image-banner {
    top: 35px;
  }
}
@media screen and (min-width: 1500px) {
  .visual-box-area .object-box-image-banner {
    left: 29px;
  }
}
@media screen and (min-width: 1500px) {
  .visual-box-area .object-box-image-banner {
    width: 370px;
  }
}
.visual-box-area .object-moono-char-box {
  right: -13.8666666667vw;
  bottom: -1.6vw;
  width: 58.6vw;
}
@media screen and (min-width: 1500px) {
  .visual-box-area .object-moono-char-box {
    right: -208px;
  }
}
@media screen and (min-width: 1500px) {
  .visual-box-area .object-moono-char-box {
    bottom: -24px;
  }
}
@media screen and (min-width: 1500px) {
  .visual-box-area .object-moono-char-box {
    width: 879px;
  }
}
@media (max-width: 820px) {
  .visual-box-area .section-inner {
    max-width: 375px;
    padding: 5.5555555556rem 1.1111111111rem 1rem;
    overflow: hidden;
  }
  .visual-box-area .visual-box-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .visual-box-area .image-box {
    position: relative;
    max-width: 18.6111111111rem;
    width: 100%;
  }
  .visual-box-area .text-box {
    margin-top: 1.6666666667rem;
    max-width: 18.6111111111rem;
    width: 100%;
    z-index: 1;
  }
  .visual-box-area .text-box .title {
    padding-top: 0;
    font-size: 0.7222222222rem;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-align: left;
  }
  .visual-box-area .text-box .title span {
    font-size: 0.7222222222rem;
    font-weight: 500;
  }
  .visual-box-area .visual-text-image02 {
    padding-top: 0;
    margin-top: 2rem;
    width: 16.9444444444rem;
  }
  .visual-box-area .object-moono-char-box {
    left: 50%;
    bottom: -0.6666666667rem;
    right: inherit;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    max-width: 20.6666666667rem;
    width: 100%;
    z-index: 1;
  }
}

.event-section-area {
  position: relative;
}

.nav-wrap {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 12;
  padding: 0.2666666667vw 0;
  background-color: #f334ae;
}
@media screen and (min-width: 1500px) {
  .nav-wrap {
    padding: 4px 0;
  }
}
.nav-wrap .nav {
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}
.nav-wrap .nav-list {
  padding: 0.6vw 0 0.6666666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 1500px) {
  .nav-wrap .nav-list {
    padding: 9px 0 10px;
  }
}
.nav-wrap .nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.nav-wrap .nav-item + .nav-item {
  padding-left: 2vw;
}
@media screen and (min-width: 1500px) {
  .nav-wrap .nav-item + .nav-item {
    padding-left: 30px;
  }
}
.nav-wrap .nav-item .off {
  display: block;
}
.nav-wrap .nav-item .on {
  display: none;
}
.nav-wrap .nav-item.active .off {
  display: none;
}
.nav-wrap .nav-item.active .on {
  display: block;
}
.nav-wrap .nav-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.nav-wrap .arrow-box {
  padding-left: 2vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-self: center;
}
@media screen and (min-width: 1500px) {
  .nav-wrap .arrow-box {
    padding-left: 30px;
  }
}
.nav-wrap .arrow-box .arrow + .arrow {
  margin-left: 0.2vw;
}
@media screen and (min-width: 1500px) {
  .nav-wrap .arrow-box .arrow + .arrow {
    margin-left: 3px;
  }
}
@media (max-width: 820px) {
  .nav-wrap {
    position: fixed;
    top: inherit;
    left: 0;
    bottom: 0;
    padding: 0.2222222222rem 0;
  }
  .nav-wrap .nav {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
  }
  .nav-wrap .section-inner {
    padding: 0;
  }
  .nav-wrap .nav-list {
    padding: 0.4444444444rem 1.1111111111rem 0.5555555556rem 1.1111111111rem;
    width: 100%;
    overflow: auto;
    scrollbar-width: none; /* 파이어폭스 */
  }
  .nav-wrap .nav-list::-webkit-scrollbar {
    display: none;
  }
  .nav-wrap .nav-item + .nav-item {
    padding-left: 1rem;
  }
  .nav-wrap .arrow-box {
    display: none;
  }
}
@media (max-width: 576px) {
  .nav-wrap .nav-list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.event-section-wrap {
  position: relative;
  text-align: center;
  overflow: hidden;
}
.event-section-wrap .section-inner {
  position: relative;
  padding: 4.6666666667vw 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 1500px) {
  .event-section-wrap .section-inner {
    padding: 70px 0;
  }
}
.event-section-wrap .event-section-title {
  width: 100%;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
}
.event-section-wrap .event-section-title .title {
  line-height: 1.3;
  letter-spacing: -0.05em;
}
.event-section-wrap .event-section-title strong {
  letter-spacing: -0.05em;
}
.event-section-wrap .event-section-title .label {
  margin-bottom: 0.5333333333vw;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 12.1333333333vw;
  height: 5.5333333333vw;
  font-size: 1.8666666667vw;
  letter-spacing: -1.4px;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  font-weight: 600;
  padding-bottom: 1.3333333333vw;
  background-image: url("../images/bg-label-black.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
@media screen and (min-width: 1500px) {
  .event-section-wrap .event-section-title .label {
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section-wrap .event-section-title .label {
    min-width: 182px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section-wrap .event-section-title .label {
    height: 83px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section-wrap .event-section-title .label {
    font-size: 28px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section-wrap .event-section-title .label {
    padding-bottom: 20px;
  }
}
.event-section-wrap .event-section-title .sub-text {
  padding-top: 0.6vw;
  font-size: 2vw;
  letter-spacing: -1.5px;
}
@media screen and (min-width: 1500px) {
  .event-section-wrap .event-section-title .sub-text {
    padding-top: 9px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section-wrap .event-section-title .sub-text {
    font-size: 30px;
  }
}
.event-section-wrap .event-section-content {
  width: 100%;
}
.event-section-wrap .event-section-info {
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  text-align: left;
}
.event-section-wrap .info-text {
  font-size: 1.6vw;
  font-weight: 500;
  letter-spacing: -1.2px;
  line-height: 1.3;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
}
@media screen and (min-width: 1500px) {
  .event-section-wrap .info-text {
    font-size: 24px;
  }
}
.event-section-wrap .info-text strong {
  font-size: 2.1333333333vw;
  font-weight: 600;
  letter-spacing: -1.6px;
}
@media screen and (min-width: 1500px) {
  .event-section-wrap .info-text strong {
    font-size: 32px;
  }
}
.event-section-wrap .info-text ~ .info-list {
  padding-top: 1.0666666667vw;
}
@media screen and (min-width: 1500px) {
  .event-section-wrap .info-text ~ .info-list {
    padding-top: 16px;
  }
}
.event-section-wrap .info-text-title {
  font-size: 1.8666666667vw;
  font-weight: 500;
  letter-spacing: -1.4px;
  line-height: 1.3;
}
@media screen and (min-width: 1500px) {
  .event-section-wrap .info-text-title {
    font-size: 28px;
  }
}
.event-section-wrap .info-list {
  font-family: inherit;
}
.event-section-wrap .info-list ul {
  font-family: inherit;
  color: inherit;
}
.event-section-wrap .info-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  color: inherit;
}
.event-section-wrap .info-list li + li {
  padding-top: 1.0666666667vw;
}
@media screen and (min-width: 1500px) {
  .event-section-wrap .info-list li + li {
    padding-top: 16px;
  }
}
.event-section-wrap .label-text {
  padding: 0.7333333333vw 1.2vw;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 30px;
  background: #000;
  letter-spacing: -1.2px;
  font-size: 1.6vw;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1;
  font-family: inherit;
  white-space: nowrap;
}
@media screen and (min-width: 1500px) {
  .event-section-wrap .label-text {
    padding: 11px 18px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section-wrap .label-text {
    font-size: 24px;
  }
}
.event-section-wrap .label-sub-text {
  margin-left: 1vw;
  padding-top: 0.3333333333vw;
  font-size: 1.6vw;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -1.2px;
  color: inherit;
  text-align: left;
}
@media screen and (min-width: 1500px) {
  .event-section-wrap .label-sub-text {
    margin-left: 15px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section-wrap .label-sub-text {
    padding-top: 5px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section-wrap .label-sub-text {
    font-size: 24px;
  }
}
.event-section-wrap .label-sub-text > p {
  padding-left: 1.6vw;
  font-weight: inherit;
  line-height: inherit;
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  white-space: nowrap;
  letter-spacing: inherit;
}
@media screen and (min-width: 1500px) {
  .event-section-wrap .label-sub-text > p {
    padding-left: 24px;
  }
}
.event-section-wrap .label-sub-text-small {
  font-size: 1.3333333333vw;
  letter-spacing: -1px;
}
@media screen and (min-width: 1500px) {
  .event-section-wrap .label-sub-text-small {
    font-size: 20px;
  }
}
.event-section-wrap .label-sub-text-tip {
  display: block;
  padding-top: 0.7333333333vw;
  font-size: 1.2vw;
  color: #a6a6a6;
  letter-spacing: -0.9px;
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (min-width: 1500px) {
  .event-section-wrap .label-sub-text-tip {
    padding-top: 11px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section-wrap .label-sub-text-tip {
    font-size: 18px;
  }
}
.event-section-wrap .label-sub-text-tip p {
  padding-left: 1vw;
  font-weight: inherit;
  line-height: inherit;
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  letter-spacing: inherit;
}
@media screen and (min-width: 1500px) {
  .event-section-wrap .label-sub-text-tip p {
    padding-left: 15px;
  }
}
.event-section-wrap .section-row-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 80vw;
  width: 100%;
}
@media screen and (min-width: 1500px) {
  .event-section-wrap .section-row-wrap {
    max-width: 1200px;
  }
}
.event-section-wrap .section-row-box {
  position: relative;
}
.event-section-wrap .btn-wrap {
  max-width: 80vw;
  width: 100%;
}
@media screen and (min-width: 1500px) {
  .event-section-wrap .btn-wrap {
    max-width: 1200px;
  }
}
.event-section-wrap .btn-wrap.half {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.event-section-wrap .btn:nth-of-type(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
@media (max-width: 820px) {
  .event-section-wrap .section-inner {
    padding: 1.6666666667rem 0.8888888889rem;
    max-width: 375px;
  }
  .event-section-wrap .section-row-wrap {
    max-width: 100%;
  }
  .event-section-wrap .event-section-title,
  .event-section-wrap .event-section-info,
  .event-section-wrap .image-box {
    width: 100% !important;
  }
  .event-section-wrap .btn-wrap {
    max-width: 100%;
  }
  .event-section-wrap .event-section-title .label {
    margin-bottom: 0.4444444444rem;
    padding-bottom: 0.6111111111rem;
    min-width: 5.5555555556rem;
    height: 2.5rem;
    font-size: 0.8888888889rem;
    border-width: 3px;
    letter-spacing: -0.8px;
  }
  .event-section-wrap .event-section-title .sub-text {
    padding-top: 0.6666666667rem;
    font-size: 0.8888888889rem;
    letter-spacing: -0.8px;
  }
  .event-section-wrap .info-text {
    font-size: 0.8888888889rem;
    letter-spacing: -0.8px;
  }
  .event-section-wrap .info-text strong {
    font-size: 1.1111111111rem;
    letter-spacing: -1px;
    font-weight: 600;
  }
  .event-section-wrap .info-text ~ .info-list {
    padding-top: 1.1111111111rem;
  }
  .event-section-wrap .info-text-title {
    font-size: 0.8333333333rem;
    font-weight: 500;
    letter-spacing: -1.4px;
    line-height: 1.3;
  }
  .event-section-wrap .info-list li + li {
    padding-top: 0.5555555556rem;
  }
  .event-section-wrap .label-text {
    padding: 0.3333333333rem 0.5rem;
    border-radius: 30px;
    letter-spacing: -0.75px;
    font-size: 0.7222222222rem;
    white-space: nowrap;
  }
  .event-section-wrap .label-sub-text {
    margin-left: 0.3888888889rem;
    padding-top: 0.2222222222rem;
    font-size: 0.7222222222rem;
    letter-spacing: -0.75px;
  }
  .event-section-wrap .label-sub-text > p {
    padding-left: 0.8333333333rem;
  }
  .event-section-wrap .label-sub-text-small {
    font-size: 0.6666666667rem;
    letter-spacing: -0.65px;
  }
  .event-section-wrap .label-sub-text-tip {
    padding-top: 0.3333333333rem;
    font-size: 0.6111111111rem;
    letter-spacing: -0.6px;
  }
  .event-section-wrap .label-sub-text-tip p {
    padding-left: 0.5rem;
  }
}

.special-event-section-banner {
  background-color: #000;
}
.special-event-section-banner .section-inner {
  padding: 3.3333333333vw 0 3.1333333333vw;
}
@media screen and (min-width: 1500px) {
  .special-event-section-banner .section-inner {
    padding: 50px 0 47px;
  }
}
.special-event-section-banner .special-banner-title {
  position: relative;
  padding-bottom: 2.4666666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
}
@media screen and (min-width: 1500px) {
  .special-event-section-banner .special-banner-title {
    padding-bottom: 37px;
  }
}
.special-event-section-banner .special-banner-title .dot {
  margin: 0 0.6666666667vw;
  width: 0.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .special-event-section-banner .special-banner-title .dot {
    margin: 0 10px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-banner .special-banner-title .dot {
    width: 10px;
  }
}
.special-event-section-banner .special-banner-title .title {
  width: 16.2vw;
}
@media screen and (min-width: 1500px) {
  .special-event-section-banner .special-banner-title .title {
    width: 243px;
  }
}
.special-event-section-banner .bg-image01 {
  position: absolute;
  top: 0.6vw;
  left: -7.5333333333vw;
  max-width: 98.0666666667vw;
  pointer-events: none;
}
@media screen and (min-width: 1500px) {
  .special-event-section-banner .bg-image01 {
    top: 9px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-banner .bg-image01 {
    left: -113px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-banner .bg-image01 {
    max-width: 1471px;
  }
}
.special-event-section-banner .special-banner-box {
  position: relative;
  max-width: 79.6vw;
  width: 100%;
  border-radius: 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width: 1500px) {
  .special-event-section-banner .special-banner-box {
    max-width: 1194px;
  }
}
.special-event-section-banner .char-image01 {
  position: absolute;
  top: -8.6666666667vw;
  left: 14.6666666667vw;
  width: 13.5333333333vw;
}
@media screen and (min-width: 1500px) {
  .special-event-section-banner .char-image01 {
    top: -130px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-banner .char-image01 {
    left: 220px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-banner .char-image01 {
    width: 203px;
  }
}
.special-event-section-banner .swiper-slide {
  border-radius: 25px;
}
.special-event-section-banner .swiper-pagination {
  position: absolute;
  bottom: 1.0666666667vw;
}
@media screen and (min-width: 1500px) {
  .special-event-section-banner .swiper-pagination {
    bottom: 16px;
  }
}
.special-event-section-banner .swiper-pagination-bullet {
  margin: 0 0.3vw;
  width: 0.8vw;
  height: 0.8vw;
  background-color: #d9d9d9;
  opacity: 1;
}
@media screen and (min-width: 1500px) {
  .special-event-section-banner .swiper-pagination-bullet {
    margin: 0 4.5px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-banner .swiper-pagination-bullet {
    width: 12px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-banner .swiper-pagination-bullet {
    height: 12px;
  }
}
.special-event-section-banner .swiper-pagination-bullet-active {
  background-color: #eb008b;
}
@media (max-width: 820px) {
  .special-event-section-banner .section-inner {
    padding: 1.0555555556rem 1rem 1.5555555556rem;
    max-width: 20.8333333333rem;
    width: 100%;
  }
  .special-event-section-banner .special-banner-title {
    padding-bottom: 1.8888888889rem;
  }
  .special-event-section-banner .special-banner-title .dot {
    margin: 0 0.5rem;
    width: 0.3888888889rem;
  }
  .special-event-section-banner .special-banner-title .title {
    width: 7.9444444444rem;
  }
  .special-event-section-banner .bg-image01 {
    top: 1.5rem;
    left: 0.2777777778rem;
    -webkit-transform: none;
            transform: none;
    max-width: 337px;
    z-index: 2;
    pointer-events: none;
    display: none !important;
  }
  .special-event-section-banner .special-banner-box {
    max-width: 100%;
    width: 100%;
    border-radius: 25px;
  }
  .special-event-section-banner .char-image01 {
    top: -3.2222222222rem;
    left: 0.2777777778rem;
    width: 4.6666666667rem;
  }
  .special-event-section-banner .swiper-slide {
    border-radius: 12px;
    overflow: hidden;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .special-event-section-banner .swiper-pagination {
    position: relative;
    margin-top: 0.5rem;
    bottom: 0 !important;
  }
  .special-event-section-banner .swiper-pagination-bullet {
    margin: 0 0.1111111111rem !important;
    width: 0.6111111111rem;
    height: 0.6111111111rem;
  }
}

.special-event-section {
  background-color: #ea088c;
}
.special-event-section .section-inner {
  max-width: 80vw;
}
@media screen and (min-width: 1500px) {
  .special-event-section .section-inner {
    max-width: 1200px;
  }
}
@media (max-width: 820px) {
  .special-event-section .section-inner {
    max-width: 20.8333333333rem;
  }
  .special-event-section .special-event-section-banner .section-inner {
    max-width: 20.8333333333rem;
  }
}

.event-card-intro-section {
  background-color: #171717;
}
.event-card-intro-section .section-inner {
  padding: 8.6666666667vw 0 12.2vw;
}
@media screen and (min-width: 1500px) {
  .event-card-intro-section .section-inner {
    padding: 130px 0 183px;
  }
}
.event-card-intro-section .event-section-title {
  text-align: center;
}
.event-card-intro-section .event-section-title .title {
  font-size: 2vw;
  color: #fff;
  font-weight: 500;
  letter-spacing: -1.5px;
}
@media screen and (min-width: 1500px) {
  .event-card-intro-section .event-section-title .title {
    font-size: 30px;
  }
}
.event-card-intro-section .event-section-title span {
  padding-top: 1.2666666667vw;
  font-size: 4.2666666667vw;
  display: block;
  color: #caff33;
  font-weight: 600;
  letter-spacing: -3.2px;
}
@media screen and (min-width: 1500px) {
  .event-card-intro-section .event-section-title span {
    padding-top: 19px;
  }
}
@media screen and (min-width: 1500px) {
  .event-card-intro-section .event-section-title span {
    font-size: 64px;
  }
}
.event-card-intro-section .event-section-content {
  padding-top: 3.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .event-card-intro-section .event-section-content {
    padding-top: 55px;
  }
}
.event-card-intro-section .event-card-intro-box {
  position: relative;
  margin: 0 auto;
  max-width: 80vw;
}
@media screen and (min-width: 1500px) {
  .event-card-intro-section .event-card-intro-box {
    max-width: 1200px;
  }
}
.event-card-intro-section .object-box-image01 {
  top: -6.2vw;
  left: -9.1333333333vw;
  width: 8.4vw;
}
@media screen and (min-width: 1500px) {
  .event-card-intro-section .object-box-image01 {
    top: -93px;
  }
}
@media screen and (min-width: 1500px) {
  .event-card-intro-section .object-box-image01 {
    left: -137px;
  }
}
@media screen and (min-width: 1500px) {
  .event-card-intro-section .object-box-image01 {
    width: 126px;
  }
}
.event-card-intro-section .object-box-image02 {
  top: -6.6vw;
  right: -6.7333333333vw;
  width: 5.8vw;
}
@media screen and (min-width: 1500px) {
  .event-card-intro-section .object-box-image02 {
    top: -99px;
  }
}
@media screen and (min-width: 1500px) {
  .event-card-intro-section .object-box-image02 {
    right: -101px;
  }
}
@media screen and (min-width: 1500px) {
  .event-card-intro-section .object-box-image02 {
    width: 87px;
  }
}
.event-card-intro-section .event-card-intro-box-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.event-card-intro-section .event-card-intro-box-item:nth-of-type(1) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.event-card-intro-section .event-card-intro-box-item:nth-of-type(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.event-card-intro-section .event-card-intro-box-item:nth-of-type(3) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.event-card-intro-section .event-card-intro-box-item:nth-of-type(4) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.event-card-intro-section .event-card-intro-box-item:nth-of-type(5) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.event-card-intro-section .event-card-intro-box-item + .event-card-intro-box-item {
  margin-left: 1.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .event-card-intro-section .event-card-intro-box-item + .event-card-intro-box-item {
    margin-left: 25px;
  }
}
.event-card-intro-section .card-box {
  max-width: 14.6666666667vw;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 1500px) {
  .event-card-intro-section .card-box {
    max-width: 220px;
  }
}
.event-card-intro-section .text-box {
  padding-top: 1.3333333333vw;
  font-size: 1.6vw;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: -1.2px;
  line-height: 1.2 !important;
}
@media screen and (min-width: 1500px) {
  .event-card-intro-section .text-box {
    padding-top: 20px;
  }
}
@media screen and (min-width: 1500px) {
  .event-card-intro-section .text-box {
    font-size: 24px;
  }
}
@media (max-width: 820px) {
  .event-card-intro-section .section-inner {
    padding: 3rem 1.1111111111rem 2.2777777778rem;
  }
  .event-card-intro-section .event-section-title .title {
    font-size: 0.8888888889rem;
    letter-spacing: -0.8px;
  }
  .event-card-intro-section .event-section-title span {
    padding-top: 0.5rem;
    font-size: 2rem;
    letter-spacing: -1.8px;
  }
  .event-card-intro-section .event-section-content {
    padding-top: 1.7777777778rem;
  }
  .event-card-intro-section .event-card-intro-box {
    max-width: 100%;
  }
  .event-card-intro-section .object-box-image01 {
    top: -0.5555555556rem;
    left: -1.1111111111rem;
    width: 2.9444444444rem;
  }
  .event-card-intro-section .object-box-image02 {
    top: 10.4444444444rem;
    right: 1rem;
    width: 1.6111111111rem;
  }
  .event-card-intro-section .event-card-intro-box-list {
    margin-top: -0.6111111111rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .event-card-intro-section .event-card-intro-box-item {
    margin-top: 0.6111111111rem;
  }
  .event-card-intro-section .event-card-intro-box-item + .event-card-intro-box-item {
    margin-left: 0.6111111111rem;
  }
  .event-card-intro-section .card-box {
    max-width: 5.7222222222rem;
    width: 100%;
  }
  .event-card-intro-section .text-box {
    padding-top: 0.5555555556rem;
    font-size: 0.6666666667rem;
    font-weight: 500;
    letter-spacing: -0.6px;
  }
}

.section-bg-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section-bg-box .bg-left {
  left: 0;
}
.section-bg-box .bg-right {
  right: 0;
}
.section-bg-box .mobile-bg {
  display: none;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: 20.8333333333rem;
  width: 100%;
}
@media (max-width: 1920px) {
  .section-bg-box {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 128vw;
  }
}
@media screen and (max-width: 1920px) and (min-width: 1500px) {
  .section-bg-box {
    width: 1920px;
  }
}
@media (max-width: 820px) {
  .section-bg-box .bg-left,
  .section-bg-box .bg-right {
    display: none;
  }
  .section-bg-box .mobile-bg {
    display: block;
  }
}

.event-section01 {
  background-color: #d5f9e3;
}
.event-section01 .bg-left {
  top: -4vw;
  width: 55.2vw;
}
@media screen and (min-width: 1500px) {
  .event-section01 .bg-left {
    top: -60px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section01 .bg-left {
    width: 828px;
  }
}
.event-section01 .bg-right {
  top: -5.3333333333vw;
  width: 35.8666666667vw;
}
@media screen and (min-width: 1500px) {
  .event-section01 .bg-right {
    top: -80px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section01 .bg-right {
    width: 538px;
  }
}
.event-section01 .event-info-intro-box {
  padding-top: 4.6666666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1500px) {
  .event-section01 .event-info-intro-box {
    padding-top: 70px;
  }
}
.event-section01 .event-info-intro-box .event-section-title {
  margin-top: 0;
  max-width: 68.8vw;
}
@media screen and (min-width: 1500px) {
  .event-section01 .event-info-intro-box .event-section-title {
    max-width: 1032px;
  }
}
.event-section01 .event-info-intro-box .event-section-title .title {
  max-width: 100%;
}
.event-section01 .event-info-intro-box .event-section-title .label {
  color: #03c0ae;
  background-image: url("../images/bg-label-mint.png");
}
.event-section01 .event-info-intro-box .info-text {
  padding-top: 1.3333333333vw;
  font-size: 1.3333333333vw;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.05em;
  text-align: center;
  color: #02c3b0;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
}
@media screen and (min-width: 1500px) {
  .event-section01 .event-info-intro-box .info-text {
    padding-top: 20px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section01 .event-info-intro-box .info-text {
    font-size: 20px;
  }
}
.event-section01 .calender-box {
  max-width: 54.0666666667vw;
}
@media screen and (min-width: 1500px) {
  .event-section01 .calender-box {
    max-width: 811px;
  }
}
.event-section01 .event-section-title {
  color: #fff;
}
.event-section01 .event-section-title .title {
  margin: 0 auto;
  max-width: 31.6vw;
  font-size: 0;
  font-weight: 600;
  color: #fff;
}
@media screen and (min-width: 1500px) {
  .event-section01 .event-section-title .title {
    max-width: 474px;
  }
}
.event-section01 .event-section-title .title strong {
  font-size: 3.7333333333vw;
  font-weight: 600;
}
@media screen and (min-width: 1500px) {
  .event-section01 .event-section-title .title strong {
    font-size: 56px;
  }
}
.event-section01 .event-section-title .label {
  color: #eb008a;
  background-image: url("../images/bg-label-pink.png");
}
.event-section01 .event-section-title .sub-text {
  position: relative;
  padding-top: 0;
  font-size: 2.6666666667vw;
  font-weight: 500;
  line-height: 1.3;
  color: #000;
  letter-spacing: -0.05em;
}
@media screen and (min-width: 1500px) {
  .event-section01 .event-section-title .sub-text {
    font-size: 40px;
  }
}
.event-section01 .event-section-title .small-text {
  padding-top: 0.3333333333vw;
  display: block;
  font-size: 1.3333333333vw;
  letter-spacing: -0.05em;
}
@media screen and (min-width: 1500px) {
  .event-section01 .event-section-title .small-text {
    padding-top: 5px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section01 .event-section-title .small-text {
    font-size: 20px;
  }
}
.event-section01 .event-section-content {
  position: relative;
  padding-top: 1.9333333333vw;
  max-width: 80vw;
}
@media screen and (min-width: 1500px) {
  .event-section01 .event-section-content {
    padding-top: 29px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section01 .event-section-content {
    max-width: 1200px;
  }
}
.event-section01 .event-list-info-text {
  padding-bottom: 1.1333333333vw;
  font-size: 1.3333333333vw;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.05em;
  text-align: center;
  color: #eb008a;
}
@media screen and (min-width: 1500px) {
  .event-section01 .event-list-info-text {
    padding-bottom: 17px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section01 .event-list-info-text {
    font-size: 20px;
  }
}
.event-section01 .gift-box-list + .gift-box-list {
  padding-top: 2.4666666667vw;
}
@media screen and (min-width: 1500px) {
  .event-section01 .gift-box-list + .gift-box-list {
    padding-top: 37px;
  }
}
.event-section01 .gift-box-list-item {
  position: relative;
}
.event-section01 .gift-box-list-item + .gift-box-list-item {
  margin-left: 1.3333333333vw;
}
@media screen and (min-width: 1500px) {
  .event-section01 .gift-box-list-item + .gift-box-list-item {
    margin-left: 20px;
  }
}
.event-section01 .gift-box-info-text {
  max-width: 53.2vw;
  padding-top: 0.6666666667vw;
  font-size: 0.9333333333vw;
  font-weight: 400;
  line-height: 16.72px;
  letter-spacing: -0.05em;
  text-align: center;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
}
@media screen and (min-width: 1500px) {
  .event-section01 .gift-box-info-text {
    max-width: 798px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section01 .gift-box-info-text {
    padding-top: 10px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section01 .gift-box-info-text {
    font-size: 14px;
  }
}
.event-section01 .btn-wrap {
  position: relative;
  padding-top: 3.3333333333vw;
  max-width: 80vw;
  text-align: center;
}
@media screen and (min-width: 1500px) {
  .event-section01 .btn-wrap {
    padding-top: 50px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section01 .btn-wrap {
    max-width: 1200px;
  }
}
.event-section01 .btn-wrap .btn {
  font-size: 2.3333333333vw;
}
@media screen and (min-width: 1500px) {
  .event-section01 .btn-wrap .btn {
    font-size: 35px;
  }
}
.event-section01 .main-section-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 37.6vw;
  height: 8vw;
  color: #fff;
  background: #02c3b0;
}
@media screen and (min-width: 1500px) {
  .event-section01 .main-section-button {
    width: 564px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section01 .main-section-button {
    height: 120px;
  }
}
@media (max-width: 820px) {
  .event-section01 .section-bg-box {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    max-width: 20.8333333333rem;
  }
  .event-section01 .bg-top {
    top: -2.5rem;
  }
  .event-section01 .bg-bottom {
    bottom: 0.5555555556rem;
  }
  .event-section01 .event-info-intro-box {
    padding-top: 1.6666666667rem;
  }
  .event-section01 .event-info-intro-box .event-section-title {
    max-width: 15.6111111111rem;
  }
  .event-section01 .event-info-intro-box .info-text {
    font-size: 0.8333333333rem;
  }
  .event-section01 .calender-box {
    margin-right: -0.4166666667rem;
    max-width: 19.2222222222rem;
  }
  .event-section01 .event-section-title {
    max-width: 100%;
  }
  .event-section01 .event-section-title .title {
    max-width: 14.8888888889rem;
  }
  .event-section01 .event-section-title .sub-text {
    padding-top: 0.5555555556rem;
    font-size: 0.9444444444rem;
    font-weight: 500;
    line-height: 20.3px;
    letter-spacing: -0.05em;
    word-break: keep-all;
  }
  .event-section01 .event-section-title .small-text {
    padding-top: 0.2777777778rem;
    font-size: 0.6666666667rem;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.05em;
  }
  .event-section01 .event-section-content {
    padding-top: 0.6666666667rem;
    max-width: 100%;
  }
  .event-section01 .gift-box-info-text {
    margin: 0 -0.2777777778rem;
    max-width: 105%;
    padding-top: 0.3333333333rem;
    font-size: 0.6111111111rem;
    line-height: 1.2;
    letter-spacing: -0.06em;
    word-break: keep-all;
  }
  .event-section01 .gift-box-list-item + .gift-box-list-item {
    margin: 1.2222222222rem 0 0 0;
  }
  .event-section01 .event-list-info-text {
    padding-bottom: 1.1111111111rem;
    font-size: 0.8333333333rem;
  }
  .event-section01 .btn-wrap {
    padding-top: 1.1111111111rem;
    max-width: 100%;
  }
  .event-section01 .btn-wrap .btn {
    font-size: 0.9444444444rem;
  }
}

.event-section02 {
  background: #fce3e9;
}
.event-section02 .event-section-title {
  color: #222;
}
.event-section02 .event-section-title .label {
  color: #eb008a;
  background-image: url("../images/bg-label-pink.png");
}
.event-section02 .event-section-title .title {
  font-size: 2.8vw;
  font-weight: 600;
  color: #222;
  letter-spacing: -0.05em;
}
@media screen and (min-width: 1500px) {
  .event-section02 .event-section-title .title {
    font-size: 42px;
  }
}
.event-section02 .event-section-title strong {
  font-size: 3.7333333333vw;
  color: #eb008a;
  font-weight: 600;
  letter-spacing: -0.05em;
}
@media screen and (min-width: 1500px) {
  .event-section02 .event-section-title strong {
    font-size: 56px;
  }
}
.event-section02 .section-row-wrap {
  padding-top: 3.3333333333vw;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 1500px) {
  .event-section02 .section-row-wrap {
    padding-top: 50px;
  }
}
.event-section02 .image-box {
  width: 27vw;
}
@media screen and (min-width: 1500px) {
  .event-section02 .image-box {
    width: 405px;
  }
}
.event-section02 .content-desc-box {
  margin-left: 7.8vw;
  padding-top: 3.6vw;
  width: 36.7333333333vw;
}
@media screen and (min-width: 1500px) {
  .event-section02 .content-desc-box {
    margin-left: 117px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section02 .content-desc-box {
    padding-top: 54px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section02 .content-desc-box {
    width: 551px;
  }
}
.event-section02 .btn-wrap {
  position: relative;
  max-width: 80vw;
  text-align: center;
}
@media screen and (min-width: 1500px) {
  .event-section02 .btn-wrap {
    max-width: 1200px;
  }
}
.event-section02 .btn-wrap .btn {
  font-size: 2.3333333333vw;
}
@media screen and (min-width: 1500px) {
  .event-section02 .btn-wrap .btn {
    font-size: 35px;
  }
}
.event-section02 .btn-wrap span {
  font-size: 1.8666666667vw;
}
@media screen and (min-width: 1500px) {
  .event-section02 .btn-wrap span {
    font-size: 28px;
  }
}
.event-section02 .main-section-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 37.6vw;
  height: 8vw;
  color: #fff;
  background: #eb008b;
}
@media screen and (min-width: 1500px) {
  .event-section02 .main-section-button {
    width: 564px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section02 .main-section-button {
    height: 120px;
  }
}
@media (max-width: 820px) {
  .event-section02 .event-section-title .title {
    margin: 0 -1.1111111111rem;
    font-size: 0.9444444444rem;
    letter-spacing: -0.85px;
    font-weight: 700;
    line-height: 1.4;
  }
  .event-section02 .event-section-title strong {
    font-size: 1.4444444444rem;
    letter-spacing: -1.3px;
    font-weight: 700;
    line-height: 1.4;
  }
  .event-section02 .section-row-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .event-section02 .image-box {
    max-width: 14.6388888889rem;
  }
  .event-section02 .content-desc-box {
    margin-left: 0;
    padding-top: 0.4444444444rem;
    width: 100%;
  }
  .event-section02 .btn-wrap {
    padding-top: 1.3888888889rem;
    max-width: 100%;
  }
  .event-section02 .btn-wrap .btn {
    font-size: 0.9444444444rem;
  }
  .event-section02 .btn-wrap span {
    font-size: 0.8333333333rem;
  }
}

.event-section03 {
  background: rgba(34, 34, 34, 0.15) url("../images/bg-section03.png") no-repeat top center;
  background-size: cover;
}
.event-section03 .event-section-title .label {
  color: #caff33;
  background-image: url("../images/bg-label-green.png");
}
.event-section03 .event-section-title .title {
  font-size: 2.8vw;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.05em;
}
@media screen and (min-width: 1500px) {
  .event-section03 .event-section-title .title {
    font-size: 42px;
  }
}
.event-section03 .event-section-title strong {
  font-size: 3.7333333333vw;
  color: #caff33;
  font-weight: 600;
  letter-spacing: -0.05em;
  line-height: 1;
}
@media screen and (min-width: 1500px) {
  .event-section03 .event-section-title strong {
    font-size: 56px;
  }
}
.event-section03 .event-section-title .sub-text {
  padding-top: 2vw;
  font-size: 2.3333333333vw;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.03em;
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 1500px) {
  .event-section03 .event-section-title .sub-text {
    padding-top: 30px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section03 .event-section-title .sub-text {
    font-size: 35px;
  }
}
.event-section03 .event-section-title .sub-text span {
  letter-spacing: -0.05em;
}
.event-section03 .text-letter01 {
  letter-spacing: 0;
}
.event-section03 .text-letter02 {
  letter-spacing: -0.03em;
}
.event-section03 .image-box {
  margin-top: -8.2vw;
}
@media screen and (min-width: 1500px) {
  .event-section03 .image-box {
    margin-top: -123px;
  }
}
.event-section03 .btn-wrap {
  position: relative;
  padding-top: 3.3333333333vw;
  max-width: 80vw;
  text-align: center;
}
@media screen and (min-width: 1500px) {
  .event-section03 .btn-wrap {
    padding-top: 50px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section03 .btn-wrap {
    max-width: 1200px;
  }
}
.event-section03 .btn-wrap .btn {
  font-size: 2.3333333333vw;
}
@media screen and (min-width: 1500px) {
  .event-section03 .btn-wrap .btn {
    font-size: 35px;
  }
}
.event-section03 .main-section-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 37.6vw;
  height: 8vw;
  color: #000;
  background: #caff33;
}
@media screen and (min-width: 1500px) {
  .event-section03 .main-section-button {
    width: 564px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section03 .main-section-button {
    height: 120px;
  }
}
@media (max-width: 820px) {
  .event-section03 {
    background: rgba(34, 34, 34, 0.15) url("../images/mobile/bg-section03.png") no-repeat top center;
    background-size: cover;
  }
  .event-section03 .event-section-title .title {
    margin: 0 -1.1111111111rem;
    font-size: 0.9444444444rem;
    letter-spacing: -0.85px;
    font-weight: 700;
    line-height: 1.3;
  }
  .event-section03 .event-section-title strong {
    font-size: 1.4444444444rem;
    letter-spacing: -1.3px;
    font-weight: 700;
    line-height: 1.4;
  }
  .event-section03 .event-section-title .sub-text {
    margin: 0 -1.1111111111rem;
    padding-top: 0.8333333333rem;
    font-size: 0.8888888889rem;
    letter-spacing: -0.05em;
  }
  .event-section03 .image-box {
    margin-top: -3.0555555556rem;
  }
  .event-section03 .btn-wrap {
    padding-top: 1.3888888889rem;
    max-width: 100%;
  }
  .event-section03 .btn-wrap .btn {
    font-size: 0.9444444444rem;
  }
}

.event-section04 {
  background: #efefef;
}
.event-section04 .event-section-title {
  color: #222;
}
.event-section04 .event-section-title .label {
  color: #907342;
  background-image: url("../images/bg-label-light-brown.png");
}
.event-section04 .event-section-title .title {
  font-size: 2.8vw;
  font-weight: 600;
  color: #222;
  letter-spacing: -0.05em;
}
@media screen and (min-width: 1500px) {
  .event-section04 .event-section-title .title {
    font-size: 42px;
  }
}
.event-section04 .event-section-title strong {
  font-size: 3.7333333333vw;
  color: #907342;
  font-weight: 600;
  letter-spacing: -0.05em;
}
@media screen and (min-width: 1500px) {
  .event-section04 .event-section-title strong {
    font-size: 56px;
  }
}
.event-section04 .section-row-wrap {
  padding-top: 2vw;
}
@media screen and (min-width: 1500px) {
  .event-section04 .section-row-wrap {
    padding-top: 30px;
  }
}
.event-section04 .image-box {
  margin-left: -0.6666666667vw;
  width: 36vw;
}
@media screen and (min-width: 1500px) {
  .event-section04 .image-box {
    margin-left: -10px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section04 .image-box {
    width: 540px;
  }
}
.event-section04 .content-desc-box {
  margin-left: 7.2vw;
  padding-top: 3.3333333333vw;
  width: 45.4666666667vw;
}
@media screen and (min-width: 1500px) {
  .event-section04 .content-desc-box {
    margin-left: 108px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section04 .content-desc-box {
    padding-top: 50px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section04 .content-desc-box {
    width: 682px;
  }
}
.event-section04 .btn-wrap {
  position: relative;
  margin-top: -12.6666666667vw;
  max-width: 80vw;
  text-align: right;
}
@media screen and (min-width: 1500px) {
  .event-section04 .btn-wrap {
    margin-top: -190px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section04 .btn-wrap {
    max-width: 1200px;
  }
}
.event-section04 .btn-wrap .btn {
  font-size: 2.3333333333vw;
}
@media screen and (min-width: 1500px) {
  .event-section04 .btn-wrap .btn {
    font-size: 35px;
  }
}
.event-section04 .main-section-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 37.6vw;
  height: 8vw;
  color: #fff;
  background: #907342;
}
@media screen and (min-width: 1500px) {
  .event-section04 .main-section-button {
    width: 564px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section04 .main-section-button {
    height: 120px;
  }
}
@media (max-width: 820px) {
  .event-section04 .event-section-title .label {
    margin-bottom: 0;
  }
  .event-section04 .event-section-title .title {
    margin: 0 -1.1111111111rem;
    font-size: 0.9444444444rem;
    letter-spacing: -0.85px;
    font-weight: 700;
    line-height: 1.5;
  }
  .event-section04 .event-section-title strong {
    font-size: 1.4444444444rem;
    letter-spacing: -1.3px;
    font-weight: 700;
  }
  .event-section04 .section-row-wrap {
    padding-top: 1.1111111111rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .event-section04 .section-row-box:first-child {
    margin-left: -1.6666666667rem;
  }
  .event-section04 .image-box {
    max-width: 17.0555555556rem;
  }
  .event-section04 .content-desc-box {
    margin-left: 0;
    padding-top: 1.1666666667rem;
    width: 100%;
  }
  .event-section04 .desc-sub-text {
    padding-top: 0.2777777778rem;
    font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
    font-size: 0.7222222222rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.05em;
    text-align: left;
  }
  .event-section04 .desc-sub-text span {
    display: block;
  }
  .event-section04 .btn-wrap {
    padding-top: 1.3333333333rem;
    margin-top: 0;
    max-width: 100%;
    text-align: center;
  }
  .event-section04 .btn-wrap .btn {
    font-size: 0.9444444444rem;
  }
}

.event-section05 {
  background: #eaf5ff;
}
.event-section05 .section-inner {
  padding-bottom: 8.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .event-section05 .section-inner {
    padding-bottom: 130px;
  }
}
.event-section05 .event-section-title {
  color: #222;
}
.event-section05 .event-section-title .label {
  color: #c40452;
  background-image: url("../images/bg-label-red.png");
}
.event-section05 .event-section-title .title {
  font-size: 2.8vw;
  font-weight: 600;
  color: #222;
  letter-spacing: -0.05em;
}
@media screen and (min-width: 1500px) {
  .event-section05 .event-section-title .title {
    font-size: 42px;
  }
}
.event-section05 .event-section-title strong {
  font-size: 3.7333333333vw;
  color: #c40452;
  font-weight: 600;
  letter-spacing: -0.05em;
}
@media screen and (min-width: 1500px) {
  .event-section05 .event-section-title strong {
    font-size: 56px;
  }
}
.event-section05 .section-row-wrap {
  padding-top: 5.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .event-section05 .section-row-wrap {
    padding-top: 85px;
  }
}
.event-section05 .image-box {
  width: 39.9333333333vw;
}
@media screen and (min-width: 1500px) {
  .event-section05 .image-box {
    width: 599px;
  }
}
.event-section05 .content-desc-box {
  margin-left: 2.2666666667vw;
  width: 49.1333333333vw;
}
@media screen and (min-width: 1500px) {
  .event-section05 .content-desc-box {
    margin-left: 34px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section05 .content-desc-box {
    width: 737px;
  }
}
.event-section05 .btn-wrap {
  position: relative;
  margin-top: -8.2666666667vw;
  max-width: 80vw;
  text-align: right;
}
@media screen and (min-width: 1500px) {
  .event-section05 .btn-wrap {
    margin-top: -124px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section05 .btn-wrap {
    max-width: 1200px;
  }
}
.event-section05 .btn-wrap .btn {
  font-size: 2.3333333333vw;
}
@media screen and (min-width: 1500px) {
  .event-section05 .btn-wrap .btn {
    font-size: 35px;
  }
}
.event-section05 .main-section-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 37.6vw;
  height: 8vw;
  color: #fff;
  background: #c40452;
}
@media screen and (min-width: 1500px) {
  .event-section05 .main-section-button {
    width: 564px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section05 .main-section-button {
    height: 120px;
  }
}
@media (max-width: 1500px) {
  .event-section05 .content-desc-box {
    width: 46.6666666667vw;
  }
}
@media screen and (max-width: 1500px) and (min-width: 1500px) {
  .event-section05 .content-desc-box {
    width: 700px;
  }
}
@media (max-width: 820px) {
  .event-section05 .section-inner {
    padding-bottom: 1.6666666667rem;
  }
  .event-section05 .event-section-title .title {
    margin: 0 -1.1111111111rem;
    font-size: 0.9444444444rem;
    letter-spacing: -0.85px;
    font-weight: 700;
    line-height: 1.5;
  }
  .event-section05 .event-section-title strong {
    font-size: 1.4444444444rem;
    letter-spacing: -1.3px;
    font-weight: 700;
  }
  .event-section05 .section-row-wrap {
    padding-top: 1.1111111111rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .event-section05 .image-box {
    max-width: 18.6111111111rem;
  }
  .event-section05 .content-desc-box {
    padding-top: 1.1111111111rem;
    margin-left: 0;
    width: 100%;
  }
  .event-section05 .desc-text.mobile-show {
    padding-top: 0.2777777778rem;
    font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  }
  .event-section05 .desc-text.mobile-show .text {
    display: block;
    font-size: 0.8333333333rem;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.05em;
    text-align: left;
  }
  .event-section05 .desc-text.mobile-show .desc-sub-text {
    padding-top: 0.2777777778rem;
    font-size: 0.7222222222rem;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.05em;
    text-align: left;
  }
  .event-section05 .desc-text.mobile-show .desc-sub-text span {
    display: block;
  }
  .event-section05 .btn-wrap {
    margin-top: 0;
    padding-top: 1.1111111111rem;
    max-width: 100%;
    text-align: center;
  }
  .event-section05 .btn-wrap .btn {
    font-size: 0.9444444444rem;
  }
}

.event-section06 {
  background: #efe8ff;
}
.event-section06 .event-section-title {
  color: #222;
}
.event-section06 .event-section-title .label {
  color: #6933e6;
  background-image: url("../images/bg-label-purple.png");
}
.event-section06 .event-section-title .title {
  font-size: 2.8vw;
  font-weight: 600;
  color: #222;
  letter-spacing: -0.05em;
}
@media screen and (min-width: 1500px) {
  .event-section06 .event-section-title .title {
    font-size: 42px;
  }
}
.event-section06 .event-section-title strong {
  font-size: 3.7333333333vw;
  color: #6933e6;
  font-weight: 600;
  letter-spacing: -0.05em;
}
@media screen and (min-width: 1500px) {
  .event-section06 .event-section-title strong {
    font-size: 56px;
  }
}
.event-section06 .event-section-content {
  position: relative;
  padding-top: 4vw;
  width: auto;
}
@media screen and (min-width: 1500px) {
  .event-section06 .event-section-content {
    padding-top: 60px;
  }
}
.event-section06 .gift-box-list .gift-box-list-item {
  width: 39.3333333333vw;
}
@media screen and (min-width: 1500px) {
  .event-section06 .gift-box-list .gift-box-list-item {
    width: 590px;
  }
}
.event-section06 .object-box-image01 {
  bottom: -0.8666666667vw;
  left: -6vw;
  width: 9.2666666667vw;
  z-index: 1;
}
@media screen and (min-width: 1500px) {
  .event-section06 .object-box-image01 {
    bottom: -13px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section06 .object-box-image01 {
    left: -90px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section06 .object-box-image01 {
    width: 139px;
  }
}
.event-section06 .event-section-info {
  margin-top: 2vw;
  display: inline-block;
  width: 31.9333333333vw;
}
@media screen and (min-width: 1500px) {
  .event-section06 .event-section-info {
    margin-top: 30px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section06 .event-section-info {
    width: 479px;
  }
}
@media (max-width: 820px) {
  .event-section06 .event-section-title .title {
    margin: 0 -1.1111111111rem;
    font-size: 0.9444444444rem;
    letter-spacing: -0.85px;
    font-weight: 700;
    line-height: 1.5;
  }
  .event-section06 .event-section-title strong {
    font-size: 1.4444444444rem;
    letter-spacing: -1.3px;
    font-weight: 700;
  }
  .event-section06 .event-section-content {
    padding-top: 5.7222222222rem;
  }
  .event-section06 .gift-box-list .gift-box-list-item {
    max-width: 18.6111111111rem;
    width: 100%;
  }
  .event-section06 .object-box-image01 {
    top: -5.2222222222rem;
    right: initial;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 4.8333333333rem;
    z-index: 0;
  }
}

.event-section-plus {
  background: #000;
}
.event-section-plus .event-section-title {
  position: relative;
  z-index: 1;
  color: #fff;
  font-weight: 600;
}
.event-section-plus .event-section-title .title {
  font-size: 2.8vw;
}
@media screen and (min-width: 1500px) {
  .event-section-plus .event-section-title .title {
    font-size: 42px;
  }
}
.event-section-plus .event-section-title strong {
  font-size: 3.7333333333vw;
  font-weight: 600;
}
@media screen and (min-width: 1500px) {
  .event-section-plus .event-section-title strong {
    font-size: 56px;
  }
}
.event-section-plus .event-section-content {
  position: relative;
  padding-top: 2vw;
  text-align: center;
  width: 80vw;
}
@media screen and (min-width: 1500px) {
  .event-section-plus .event-section-content {
    padding-top: 30px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section-plus .event-section-content {
    width: 1200px;
  }
}
@media (max-width: 820px) {
  .event-section-plus .event-section-title .title {
    font-size: 0.9444444444rem;
  }
  .event-section-plus .event-section-title strong {
    font-size: 1.4444444444rem;
  }
  .event-section-plus .event-section-content {
    padding-top: 1.1111111111rem;
    margin: 0;
    width: 100%;
  }
}
@media (max-width: 375px) {
  .event-section-plus .event-section-title .title {
    font-size: 4.5333333333vw;
  }
  .event-section-plus .event-section-title strong {
    font-size: 6.9333333333vw;
  }
}

.event-service-box-add {
  position: relative;
  padding-bottom: 1.3333333333vw;
}
@media screen and (min-width: 1500px) {
  .event-service-box-add {
    padding-bottom: 20px;
  }
}
@media (max-width: 820px) {
  .event-service-box-add {
    margin: 0 auto;
    padding-bottom: 1.1111111111rem;
    width: 18.6111111111rem;
  }
}
@media (max-width: 360px) {
  .event-service-box-add {
    width: 100%;
  }
}

.event-service-box-video {
  position: relative;
  padding-top: 1.3333333333vw;
}
@media screen and (min-width: 1500px) {
  .event-service-box-video {
    padding-top: 20px;
  }
}
.event-service-box-video .video-wrap {
  position: absolute;
  top: 8.5%;
  right: 3.33%;
  width: 53.33%;
}
.event-service-box-video .video-wrap .video {
  padding-bottom: 59.5%;
}
.event-service-box-video .video-wrap .video-cover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding-bottom: 0;
}
.event-service-box-video .video-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 820px) {
  .event-service-box-video {
    margin: 0 auto;
    padding-top: 0.5555555556rem;
    width: 18.6111111111rem;
  }
  .event-service-box-video .video-wrap {
    top: inherit;
    right: 5.97%;
    bottom: 6%;
    width: 88.05%;
  }
  .event-service-box-video .video-wrap .video {
    padding-bottom: 56.8%;
  }
}
@media (max-width: 360px) {
  .event-service-box-video {
    width: 100%;
  }
}

.event-service-box-device {
  padding-top: 1.3333333333vw;
  padding-bottom: 1.3333333333vw;
}
@media screen and (min-width: 1500px) {
  .event-service-box-device {
    padding-top: 20px;
  }
}
@media screen and (min-width: 1500px) {
  .event-service-box-device {
    padding-bottom: 20px;
  }
}
@media (max-width: 820px) {
  .event-service-box-device {
    margin: 0 auto;
    margin-top: 0;
    padding-top: 0.5555555556rem;
    padding-bottom: 0.5555555556rem;
    max-width: 18.6111111111rem;
    width: 100%;
  }
}

.event-service-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: -0.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .event-service-box {
    margin: -10px;
  }
}
.event-service-box.double .event-service-box-item {
  width: 39.3333333333vw;
}
@media screen and (min-width: 1500px) {
  .event-service-box.double .event-service-box-item {
    width: 590px;
  }
}
.event-service-box .event-service-box-item {
  margin: 0.6666666667vw;
  width: 25.7333333333vw;
}
@media screen and (min-width: 1500px) {
  .event-service-box .event-service-box-item {
    margin: 10px;
  }
}
@media screen and (min-width: 1500px) {
  .event-service-box .event-service-box-item {
    width: 386px;
  }
}
.event-service-box .event-service-box-item.big {
  width: 26vw;
}
@media screen and (min-width: 1500px) {
  .event-service-box .event-service-box-item.big {
    width: 390px;
  }
}
.event-service-box .event-service-box-item:last-child.big {
  width: 25.3333333333vw;
}
@media screen and (min-width: 1500px) {
  .event-service-box .event-service-box-item:last-child.big {
    width: 380px;
  }
}
.event-service-box .event-service-box-item-btn {
  display: block;
  border-radius: 20px;
  overflow: hidden;
}
.event-service-box .event-serice-shadow {
  -webkit-box-shadow: 1px 1px 11px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 1px 1px 11px 0 rgba(0, 0, 0, 0.1);
}
.event-service-box .object-box-image {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
  pointer-events: none;
}
.event-service-box .icon-caution {
  margin-top: 3.3333333333rem;
  margin-left: 8.0555555556rem;
  width: 6.9444444444rem;
}
.event-service-box .icon-plus-u {
  margin-top: 3.2222222222rem;
  margin-left: 8.0555555556rem;
  width: 4.7777777778rem;
}
.event-service-box .icon-h {
  margin-top: -2.0555555556rem;
  margin-left: 4.3333333333rem;
  width: 2.6111111111rem;
}
.event-service-box .icon-mark {
  margin-top: 1.7222222222rem;
  margin-left: 8.6111111111rem;
  width: 10.1666666667rem;
}
@media (max-width: 820px) {
  .event-service-box {
    margin: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .event-service-box.double .event-service-box-item {
    width: 18.6111111111rem;
  }
  .event-service-box .event-service-box-item {
    position: relative;
    margin: 0 auto;
    width: 18.6111111111rem;
  }
  .event-service-box .event-service-box-item.big {
    max-width: 18.6111111111rem;
    width: 100%;
  }
  .event-service-box .event-service-box-item:last-child.big {
    max-width: 18.6111111111rem;
    width: 100%;
  }
  .event-service-box .event-service-box-item + .event-service-box-item {
    margin-top: 0.5555555556rem;
  }
}
@media (max-width: 360px) {
  .event-service-box.double .event-service-box-item {
    width: 100%;
  }
  .event-service-box .event-service-box-item {
    width: 100%;
  }
  .event-service-box .event-service-box-item.big {
    width: 100%;
  }
}

.event-section-footer {
  position: relative;
  padding: 6.6666666667vw 4vw;
  background-color: #000;
}
@media screen and (min-width: 1500px) {
  .event-section-footer {
    padding: 100px 60px;
  }
}
@media (max-width: 820px) {
  .event-section-footer {
    padding: 2.2222222222rem 0 3.8888888889rem;
  }
  .event-section-footer .object-box {
    display: none;
  }
}

.event-section-footer-main {
  background-color: #393939;
}
.event-section-footer-main #footer {
  background-color: #393939;
}
@media (max-width: 820px) {
  .event-section-footer-main .event-link-box .event-link-box-btn {
    width: 4.1111111111rem;
    height: 4.1111111111rem;
  }
  .event-section-footer-main .icon.icon-instagram {
    width: 1.9444444444rem;
    height: 1.9444444444rem;
  }
  .event-section-footer-main .icon.icon-moono {
    width: 3.2777777778rem;
    height: 0.6111111111rem;
  }
  .event-section-footer-main .icon.icon-text {
    width: 1.5rem;
    height: 2.0555555556rem;
  }
  .event-section-footer-main .icon.icon-chat {
    width: 2.6111111111rem;
    height: 2.6111111111rem;
  }
}
@media (max-width: 375px) {
  .event-section-footer-main .event-link-box .event-link-box-btn {
    width: 3.5555555556rem;
    height: 3.5555555556rem;
  }
}

.notice-box-area .notice-box-title {
  width: 8.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .notice-box-area .notice-box-title {
    width: 130px;
  }
}
.notice-box-area .notice-box-content {
  padding-top: 2.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .notice-box-area .notice-box-content {
    padding-top: 40px;
  }
}
.notice-box-area .notice-box-list + .notice-box-list {
  padding-top: 2vw;
}
@media screen and (min-width: 1500px) {
  .notice-box-area .notice-box-list + .notice-box-list {
    padding-top: 30px;
  }
}
.notice-box-area .mark-box {
  font-size: 0.8888888889rem;
  font-weight: 400;
  color: #666;
  line-height: 1.6;
  word-break: keep-all;
}
.notice-box-area .mark-box a {
  color: inherit;
  word-break: break-all;
}
.notice-box-area .mark-sub-box {
  padding-top: 0.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .notice-box-area .mark-sub-box {
    padding-top: 10px;
  }
}
.notice-box-area .mark-sub-box .mark-box {
  line-height: inherit;
}
.notice-box-area .mark-sub-box .mark-box + .mark-box {
  padding-top: 0.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .notice-box-area .mark-sub-box .mark-box + .mark-box {
    padding-top: 10px;
  }
}
@media (max-width: 1500px) {
  .notice-box-area .mark-box {
    font-size: 0.8333333333rem;
  }
}
@media (max-width: 820px) {
  .notice-box-area .notice-box-title {
    width: 4.8333333333rem;
  }
  .notice-box-area .notice-box-content {
    padding-top: 1.1111111111rem;
  }
  .notice-box-area .notice-box-list + .notice-box-list {
    padding-top: 1.6666666667rem;
  }
  .notice-box-area .notice-box-list-item + .notice-box-list-item {
    padding-top: 0.5555555556rem;
  }
  .notice-box-area .mark-box {
    font-size: 0.7777777778rem;
    line-height: 1.4;
    word-break: break-all;
  }
  .notice-box-area .mark-sub-box {
    padding-top: 0.5555555556rem;
  }
  .notice-box-area .mark-sub-box .mark-box + .mark-box {
    padding-top: 0.5555555556rem;
  }
}

.event-link-box {
  padding-top: 6.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .event-link-box {
    padding-top: 100px;
  }
}
.event-link-box .event-link-box-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.event-link-box .event-link-box-item + .event-link-box-item {
  margin-left: 1.1111111111rem;
}
.event-link-box .event-link-box-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 19vw;
  height: 4.6666666667vw;
  font-size: 1.2vw;
  font-weight: 700;
  background-color: #caff33;
  border-radius: 40px;
}
@media screen and (min-width: 1500px) {
  .event-link-box .event-link-box-btn {
    width: 285px;
  }
}
@media screen and (min-width: 1500px) {
  .event-link-box .event-link-box-btn {
    height: 70px;
  }
}
@media screen and (min-width: 1500px) {
  .event-link-box .event-link-box-btn {
    font-size: 18px;
  }
}
@media (max-width: 820px) {
  .event-link-box {
    padding-top: 2.2222222222rem;
  }
  .event-link-box .event-link-box-item + .event-link-box-item {
    margin-left: 0.5555555556rem;
  }
  .event-link-box .event-link-box-btn {
    width: 3.5555555556rem;
    height: 3.5555555556rem;
    font-size: 1rem;
  }
  .event-link-box .event-link-box-btn span {
    text-indent: -9999px;
  }
}
@media (max-width: 360px) {
  .event-link-box .event-link-box-btn {
    width: 3rem;
    height: 3rem;
  }
}

.campus-promotion-section {
  background-color: #fffbe2;
}
.campus-promotion-section .section-inner {
  max-width: 80vw;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (min-width: 1500px) {
  .campus-promotion-section .section-inner {
    max-width: 1200px;
  }
}
.campus-promotion-section .event-section-title .title {
  font-size: 3.4666666667vw;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.05em;
  text-align: center;
}
@media screen and (min-width: 1500px) {
  .campus-promotion-section .event-section-title .title {
    font-size: 52px;
  }
}
.campus-promotion-section .event-section-title .sub-text {
  font-size: 2.4vw;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.05em;
  text-align: center;
  color: #ea088c;
}
@media screen and (min-width: 1500px) {
  .campus-promotion-section .event-section-title .sub-text {
    font-size: 36px;
  }
}
.campus-promotion-section .promotion-title-box {
  max-width: 31.5333333333vw;
  width: 100%;
}
@media screen and (min-width: 1500px) {
  .campus-promotion-section .promotion-title-box {
    max-width: 473px;
  }
}
.campus-promotion-section .btn-wrap {
  padding-top: 2.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .campus-promotion-section .btn-wrap {
    padding-top: 40px;
  }
}
.campus-promotion-section .btn {
  width: 36.6666666667vw;
  height: 8vw;
  font-size: 2.3333333333vw;
  font-weight: 600;
  letter-spacing: -0.05em;
  color: #fff;
  background-color: #ea088c;
}
@media screen and (min-width: 1500px) {
  .campus-promotion-section .btn {
    width: 550px;
  }
}
@media screen and (min-width: 1500px) {
  .campus-promotion-section .btn {
    height: 120px;
  }
}
@media screen and (min-width: 1500px) {
  .campus-promotion-section .btn {
    font-size: 35px;
  }
}
@media (max-width: 820px) {
  .campus-promotion-section .section-inner {
    max-width: 375px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .campus-promotion-section .event-section-title {
    padding-top: 2.0555555556rem;
  }
  .campus-promotion-section .event-section-title .title {
    font-size: 1.6666666667rem;
  }
  .campus-promotion-section .event-section-title .sub-text {
    padding-top: 0;
    font-size: 1.4444444444rem;
  }
  .campus-promotion-section .promotion-title-box {
    max-width: 15.5555555556rem;
    width: 100%;
  }
  .campus-promotion-section .btn-wrap {
    padding-top: 1.3888888889rem;
  }
}

.main-section-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2.5333333333vw;
  letter-spacing: -1.9px;
  font-weight: 600;
  -webkit-box-shadow: 3px 3px 0px 0px #000;
          box-shadow: 3px 3px 0px 0px #000;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  border: 4px solid #000;
  border-width: 0.2666666667vw;
  border-radius: 4vw;
  line-height: 1.2;
}
@media screen and (min-width: 1500px) {
  .main-section-button {
    font-size: 38px;
  }
}
@media screen and (min-width: 1500px) {
  .main-section-button {
    border-width: 4px;
  }
}
@media screen and (min-width: 1500px) {
  .main-section-button {
    border-radius: 60px;
  }
}
@media (max-width: 820px) {
  .event-section-wrap .main-section-button {
    max-width: 335px;
    width: 100%;
    height: 3.6111111111rem;
    border-radius: 3.3333333333rem;
    font-size: 0.9444444444rem;
    letter-spacing: -1.1px;
    border: 0.1666666667rem solid #000;
    -webkit-box-shadow: 1px 1px 0px 0px #000;
            box-shadow: 1px 1px 0px 0px #000;
  }
}

.special-event-section-box {
  position: relative;
  padding: 3.3333333333vw 3vw;
  width: 100%;
  background-color: #caff33;
  -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1490196078);
  border-radius: 1.3333333333vw;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box {
    padding: 50px 45px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box {
    border-radius: 20px;
  }
}
.special-event-section-box .event-section-title {
  color: #caff33;
  font-weight: 600;
}
.special-event-section-box .event-section-title .label {
  margin-bottom: 0;
  padding: 0;
  height: 3.4666666667vw;
  min-width: 11.2vw;
  min-height: 3.4666666667vw;
  border: 0.1666666667rem solid #222;
  border-width: 0.2vw;
  border-radius: 3.3333333333vw;
  font-size: 1.5333333333vw;
  font-weight: 600;
  letter-spacing: -0.05em;
  color: #222;
  background: none;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .event-section-title .label {
    height: 52px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .event-section-title .label {
    min-width: 168px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .event-section-title .label {
    min-height: 52px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .event-section-title .label {
    border-width: 3px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .event-section-title .label {
    border-radius: 50px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .event-section-title .label {
    font-size: 23px;
  }
}
.special-event-section-box .event-section-title .title {
  padding-top: 2.6vw;
  font-size: 2.8vw;
  color: #222;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .event-section-title .title {
    padding-top: 39px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .event-section-title .title {
    font-size: 42px;
  }
}
.special-event-section-box .event-section-title .title span::before, .special-event-section-box .event-section-title .title span::after {
  content: "";
  position: absolute;
  top: -0.2vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0.4vw;
  height: 0.4vw;
  background-color: #eb008b;
  border-radius: 50%;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .event-section-title .title span::before, .special-event-section-box .event-section-title .title span::after {
    top: -3px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .event-section-title .title span::before, .special-event-section-box .event-section-title .title span::after {
    width: 6px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .event-section-title .title span::before, .special-event-section-box .event-section-title .title span::after {
    height: 6px;
  }
}
.special-event-section-box .event-section-title .title span::before {
  margin-left: 1.2vw;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .event-section-title .title span::before {
    margin-left: 18px;
  }
}
.special-event-section-box .event-section-title .title span::after {
  margin-left: -1.5333333333vw;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .event-section-title .title span::after {
    margin-left: -23px;
  }
}
.special-event-section-box .event-section-title span {
  position: relative;
  display: inline-block;
  color: #eb008b;
}
.special-event-section-box .event-section-title .sub-text {
  padding-top: 1vw;
  font-size: 1.8666666667vw;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.05em;
  text-align: center;
  color: #222;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .event-section-title .sub-text {
    padding-top: 15px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .event-section-title .sub-text {
    font-size: 28px;
  }
}
.special-event-section-box .event-section-title .sub-text span {
  padding: 0 1.3333333333vw;
  color: #fff;
  z-index: 0;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .event-section-title .sub-text span {
    padding: 0 20px;
  }
}
.special-event-section-box .event-section-title .sub-text span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 19.4666666667vw;
  height: 2.7333333333vw;
  background: url("../images/bg-paper-text.png") no-repeat center;
  background-size: 100%;
  z-index: -1;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .event-section-title .sub-text span::before {
    width: 292px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .event-section-title .sub-text span::before {
    height: 41px;
  }
}
.special-event-section-box .btn-wrap {
  padding-top: 2vw;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .btn-wrap {
    padding-top: 30px;
  }
}
.special-event-section-box .section-special-join-btn {
  max-width: 36.6666666667vw;
  width: 100%;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .section-special-join-btn {
    max-width: 550px;
  }
}
.special-event-section-box .bg-image {
  position: absolute;
  top: 4.6vw;
  max-width: 115.9333333333vw;
  pointer-events: none;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .bg-image {
    top: 69px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .bg-image {
    max-width: 1739px;
  }
}
.special-event-section-box .btn {
  width: 28.3333333333vw;
  height: 5.3333333333vw;
  font-size: 2vw;
  font-weight: 600;
  letter-spacing: -0.05em;
  color: #fff;
  background: #ea088c;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .btn {
    width: 425px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .btn {
    height: 80px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .btn {
    font-size: 30px;
  }
}
.special-event-section-box .section-type-banner-box {
  position: relative;
  margin-top: 1.6666666667vw;
  padding: 1.6666666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top: 1px solid #4f4f4f;
  border-bottom: 1px solid #4f4f4f;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .section-type-banner-box {
    margin-top: 25px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .section-type-banner-box {
    padding: 25px;
  }
}
.special-event-section-box .moono-image {
  position: absolute;
  right: -3.8vw;
  bottom: -1.4666666667vw;
  width: 13.7333333333vw;
  z-index: 1;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .moono-image {
    right: -57px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .moono-image {
    bottom: -22px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .moono-image {
    width: 206px;
  }
}
.special-event-section-box .info-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.special-event-section-box .info-list li {
  padding: 0;
}
.special-event-section-box .info-list li + li {
  padding: 0 0 0 2.2vw;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .info-list li + li {
    padding: 0 0 0 33px;
  }
}
.special-event-section-box .label-text {
  font-size: 1.3333333333vw;
  font-weight: 500;
  letter-spacing: -0.05em;
  background-color: #222;
  color: #fff;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .label-text {
    font-size: 20px;
  }
}
.special-event-section-box .label-sub-text {
  padding-top: 0.4666666667vw;
  margin-left: 1vw;
  font-size: 1.3333333333vw;
  font-weight: 500;
  letter-spacing: -0.05em;
  text-align: left;
  color: #222;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .label-sub-text {
    padding-top: 7px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .label-sub-text {
    margin-left: 15px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box .label-sub-text {
    font-size: 20px;
  }
}
.special-event-section-box small {
  font-size: 1.3333333333vw;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box small {
    font-size: 20px;
  }
}
@media (max-width: 820px) {
  .special-event-section-box {
    padding: 1.1111111111rem 0.9444444444rem;
    border-radius: 1.1111111111rem;
  }
  .special-event-section-box .event-section-title {
    color: #caff33;
    font-weight: 600;
  }
  .special-event-section-box .event-section-title .label {
    height: 3.4666666667vw;
    min-width: 5.2777777778rem;
    min-height: 1.7777777778rem;
    border-width: 0.1111111111rem;
    border-radius: 1.1111111111rem;
    font-size: 0.7777777778rem;
    font-weight: 600;
    letter-spacing: -0.05em;
  }
}
@media screen and (max-width: 820px) and (min-width: 1500px) {
  .special-event-section-box .event-section-title .label {
    height: 52px;
  }
}
@media (max-width: 820px) {
  .special-event-section-box .event-section-title .title {
    padding-top: 0.8333333333rem;
    font-size: 1.2777777778rem;
    font-weight: 600;
    letter-spacing: -0.05em;
  }
  .special-event-section-box .event-section-title .title span::before, .special-event-section-box .event-section-title .title span::after {
    top: -3px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 0.2222222222rem;
    height: 0.2222222222rem;
  }
  .special-event-section-box .event-section-title .title span::before {
    margin-left: 0.5555555556rem;
  }
  .special-event-section-box .event-section-title .title span::after {
    margin-left: -0.6666666667rem;
  }
  .special-event-section-box .event-section-title .sub-text {
    padding-top: 0.5555555556rem;
    font-size: 0.8333333333rem;
  }
  .special-event-section-box .event-section-title .sub-text span {
    padding: 0 0.5555555556rem;
    color: #fff;
    z-index: 0;
  }
  .special-event-section-box .event-section-title .sub-text span::before {
    width: 8.6111111111rem;
    height: 1.1666666667rem;
  }
  .special-event-section-box .btn-wrap {
    padding-top: 0.5555555556rem;
  }
  .special-event-section-box .section-type-banner-box {
    margin-top: 0.9444444444rem;
    padding: 0.8333333333rem 0.8333333333rem 0.8333333333rem 0.9444444444rem;
  }
  .special-event-section-box .btn {
    width: 10.6111111111rem;
    height: 2.4444444444rem;
    line-height: 2.3333333333rem;
    font-size: 0.9933333333rem;
    font-weight: 600;
    letter-spacing: -0.05em;
  }
  .special-event-section-box .moono-image {
    right: -1.1666666667rem;
    bottom: -1.2222222222rem;
    width: 5.3888888889rem;
  }
  .special-event-section-box .info-list ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .special-event-section-box .info-list li {
    padding: 0;
  }
  .special-event-section-box .info-list li + li {
    padding: 0.6666666667rem 0 0 0;
  }
  .special-event-section-box .label-text {
    padding-top: 0.3888888889rem;
    font-size: 0.6666666667rem;
  }
  .special-event-section-box .label-sub-text {
    padding-top: 0.2777777778rem;
    margin-left: 0.3333333333rem;
    font-size: 0.6666666667rem;
    line-height: 1.2;
  }
  .special-event-section-box small {
    font-size: 0.5555555556rem;
  }
}

.special-event-section-box-news {
  position: relative;
  margin-top: 4.4vw;
  padding: 3.3333333333vw 3vw;
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1490196078);
  border-radius: 1.3333333333vw;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news {
    margin-top: 66px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news {
    padding: 50px 45px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news {
    border-radius: 20px;
  }
}
.special-event-section-box-news .event-section-title {
  color: #caff33;
  font-weight: 600;
}
.special-event-section-box-news .event-section-title .label {
  margin-bottom: 0;
  padding: 0;
  height: 3.4666666667vw;
  min-width: 12.2vw;
  min-height: 3.4666666667vw;
  border: 0.1666666667rem solid #ea088c;
  border-width: 0.2vw;
  border-radius: 3.3333333333vw;
  font-size: 1.5333333333vw;
  font-weight: 600;
  letter-spacing: -0.05em;
  color: #eb008b;
  background: none;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .event-section-title .label {
    height: 52px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .event-section-title .label {
    min-width: 183px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .event-section-title .label {
    min-height: 52px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .event-section-title .label {
    border-width: 3px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .event-section-title .label {
    border-radius: 50px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .event-section-title .label {
    font-size: 23px;
  }
}
.special-event-section-box-news .event-section-title .title {
  padding-top: 2.6vw;
  font-size: 2vw;
  font-weight: 300;
  color: #222;
  letter-spacing: -0.05em;
  text-align: center;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .event-section-title .title {
    padding-top: 39px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .event-section-title .title {
    font-size: 30px;
  }
}
.special-event-section-box-news .event-section-title .title strong {
  font-size: 2.8vw;
  color: #222;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .event-section-title .title strong {
    font-size: 42px;
  }
}
.special-event-section-box-news .news-list-box {
  padding-top: 3.3333333333vw;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .news-list-box {
    padding-top: 50px;
  }
}
.special-event-section-box-news .news-list-box-item {
  position: relative;
  padding-left: 4.2666666667vw;
  min-height: 12.4666666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  background-color: #ffeced;
  border-radius: 1vw;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .news-list-box-item {
    padding-left: 64px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .news-list-box-item {
    min-height: 187px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .news-list-box-item {
    border-radius: 15px;
  }
}
.special-event-section-box-news .news-list-box-item + .news-list-box-item {
  margin-top: 2.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .news-list-box-item + .news-list-box-item {
    margin-top: 40px;
  }
}
.special-event-section-box-news .news-list-box-item-big {
  min-height: 15.6vw;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .news-list-box-item-big {
    min-height: 234px;
  }
}
.special-event-section-box-news .news-list-box-item-medium {
  min-height: 14.6vw;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .news-list-box-item-medium {
    min-height: 219px;
  }
}
.special-event-section-box-news .news-label-box {
  position: absolute;
  top: 0;
  padding-top: 1.5333333333vw;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  font-size: 1.8666666667vw;
  width: 11.2666666667vw;
  height: 9.9333333333vw;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.05em;
  text-align: center;
  color: #fff;
  background: #ea088c;
  border-radius: 0 0 6.6666666667vw 6.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .news-label-box {
    padding-top: 23px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .news-label-box {
    font-size: 28px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .news-label-box {
    width: 169px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .news-label-box {
    height: 149px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .news-label-box {
    border-radius: 0 0 100px 100px;
  }
}
.special-event-section-box-news .news-label-box strong {
  font-size: 2.4vw;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .news-label-box strong {
    font-size: 36px;
  }
}
.special-event-section-box-news .news-text-box {
  padding-left: 15.2vw;
  font-size: 2.5333333333vw;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.05em;
  text-align: left;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  color: #ea088c;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .news-text-box {
    padding-left: 228px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .news-text-box {
    font-size: 38px;
  }
}
.special-event-section-box-news .small-text-box {
  padding-top: 0.6666666667vw;
  font-size: 1.6666666667vw;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -0.05em;
  text-align: left;
  color: #222;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .small-text-box {
    padding-top: 10px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .small-text-box {
    font-size: 25px;
  }
}
.special-event-section-box-news .small-text-box + span {
  display: block;
  margin-top: 0.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .small-text-box + span {
    margin-top: 10px;
  }
}
.special-event-section-box-news .small-text-box strong {
  font-weight: 500;
}
.special-event-section-box-news .news-info-text {
  padding-top: 2.6666666667vw;
  font-size: 2.3333333333vw;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.05em;
  text-align: center;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  color: #4e4e4e;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .news-info-text {
    padding-top: 40px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .news-info-text {
    font-size: 35px;
  }
}
.special-event-section-box-news .news-info-text span {
  color: #ea088c;
}
.special-event-section-box-news .btn-wrap {
  padding-top: 2vw;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .btn-wrap {
    padding-top: 30px;
  }
}
.special-event-section-box-news .btn {
  width: 21.8666666667vw;
  height: 5.3333333333vw;
  font-size: 2vw;
  font-weight: 600;
  letter-spacing: -0.05em;
  color: #fff;
  background: #ea088c;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .btn {
    width: 328px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .btn {
    height: 80px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .btn {
    font-size: 30px;
  }
}
.special-event-section-box-news .info-content-box {
  margin-top: 3.3333333333vw;
  padding: 5.2666666667vw 1.3333333333vw 2.6666666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0 0 1.3333333333vw 1.3333333333vw;
  border-top: 1px solid #222;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .info-content-box {
    margin-top: 50px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .info-content-box {
    padding: 79px 20px 40px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .info-content-box {
    border-radius: 0 0 20px 20px;
  }
}
.special-event-section-box-news .info-content-box-text {
  font-size: 2.4666666667vw;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.05em;
  text-align: center;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  color: #222;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .info-content-box-text {
    font-size: 37px;
  }
}
.special-event-section-box-news .info-content-box-text .small-text {
  font-size: 1.6666666667vw;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -0.05em;
  text-align: center;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .info-content-box-text .small-text {
    font-size: 25px;
  }
}
.special-event-section-box-news .info-content-box-image {
  margin-top: 0.6666666667vw;
  margin-left: -5.3333333333vw;
  width: 32.2vw;
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .info-content-box-image {
    margin-top: 10px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .info-content-box-image {
    margin-left: -80px;
  }
}
@media screen and (min-width: 1500px) {
  .special-event-section-box-news .info-content-box-image {
    width: 483px;
  }
}
@media (max-width: 820px) {
  .special-event-section-box-news {
    margin-top: 1.1111111111rem;
    padding: 1.1111111111rem 0.3333333333rem 0;
    border-radius: 1.1111111111rem;
  }
  .special-event-section-box-news .event-section-title .label {
    min-width: 5.9444444444rem;
    min-height: 1.7777777778rem;
    border-width: 0.1111111111rem;
    border-radius: 1.1111111111rem;
    font-size: 0.7777777778rem;
  }
  .special-event-section-box-news .event-section-title .title {
    padding-top: 0.8333333333rem;
    font-size: 0.8333333333rem;
  }
  .special-event-section-box-news .event-section-title .title strong {
    font-size: 1.1666666667rem;
    color: #ea088c;
  }
  .special-event-section-box-news .news-list-box {
    padding-top: 0.8333333333rem;
  }
  .special-event-section-box-news .news-list-box-item {
    padding-top: 0.5555555556rem;
    padding-bottom: 0.5555555556rem;
    padding-left: 0.2222222222rem;
    min-height: 3.3333333333rem;
    border-radius: 0.2777777778rem;
  }
  .special-event-section-box-news .news-list-box-item + .news-list-box-item {
    margin-top: 0.5555555556rem;
  }
  .special-event-section-box-news .news-list-box-item-big {
    min-height: 5.1666666667rem;
  }
  .special-event-section-box-news .news-list-box-item-medium {
    min-height: 4.7222222222rem;
  }
  .special-event-section-box-news .news-label-box {
    padding-top: 0.3888888889rem;
    font-size: 0.5555555556rem;
    width: 2.7222222222rem;
    height: 2.3888888889rem;
    border-radius: 0 0 1.6111111111rem 1.6111111111rem;
  }
  .special-event-section-box-news .news-label-box strong {
    font-size: 0.6666666667rem;
  }
  .special-event-section-box-news .news-text-box {
    padding-left: 3.3333333333rem;
    font-size: 0.7777777778rem;
    letter-spacing: -0.05em;
    line-height: 1.5;
  }
  .special-event-section-box-news .small-text-box {
    padding-top: 0.1666666667rem;
    font-size: 0.6111111111rem;
    white-space: wrap;
  }
  .special-event-section-box-news .small-text-box + span {
    margin-top: 0.2777777778rem;
  }
  .special-event-section-box-news .news-info-text {
    padding-top: 0.8333333333rem;
    font-size: 0.8888888889rem;
  }
  .special-event-section-box-news .small-text-box-bold {
    line-height: 1.6;
  }
  .special-event-section-box-news .btn-wrap {
    padding-top: 0.8333333333rem;
  }
  .special-event-section-box-news .btn {
    width: 10.6111111111rem;
    height: 2.4444444444rem;
    font-size: 0.9444444444rem;
  }
  .special-event-section-box-news .info-content-box {
    margin-top: 1.6666666667rem;
    margin-left: 0.3888888889rem;
    margin-right: 0.3888888889rem;
    padding: 1.6666666667rem 0.8333333333rem;
    border-radius: 0 0 1.1111111111rem 1.1111111111rem;
  }
  .special-event-section-box-news .info-content-box-text {
    font-size: 0.8333333333rem;
  }
  .special-event-section-box-news .info-content-box-text .small-text {
    font-size: 0.6111111111rem;
  }
  .special-event-section-box-news .info-content-box-image {
    margin-top: 0.3333333333rem;
    margin-left: -1.1111111111rem;
    width: 8.2777777778rem;
  }
}

.content-desc-box-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6vw;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.057em;
  text-align: left;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  color: #222;
}
@media screen and (min-width: 1500px) {
  .content-desc-box-item {
    font-size: 24px;
  }
}
.content-desc-box-item + .content-desc-box-item {
  padding-top: 1vw;
}
@media screen and (min-width: 1500px) {
  .content-desc-box-item + .content-desc-box-item {
    padding-top: 15px;
  }
}
.content-desc-box-item .label-title {
  padding-right: 0.3666666667vw;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (min-width: 1500px) {
  .content-desc-box-item .label-title {
    padding-right: 5.5px;
  }
}
.content-desc-box-item .text-line {
  padding-right: 0.4666666667vw;
  font-weight: 400;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (min-width: 1500px) {
  .content-desc-box-item .text-line {
    padding-right: 7px;
  }
}
.content-desc-box-item .desc-text {
  font-weight: 400;
  line-height: 1.5;
}
.content-desc-box-item .desc-text .text + .text {
  padding-top: 1vw;
  display: block;
}
@media screen and (min-width: 1500px) {
  .content-desc-box-item .desc-text .text + .text {
    padding-top: 15px;
  }
}
.content-desc-box-item sup {
  line-height: 1;
}
.content-desc-box-item .desc-sub-text {
  padding-top: 0.6666666667vw;
  font-size: 1.2666666667vw;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.05em;
  text-align: left;
}
@media screen and (min-width: 1500px) {
  .content-desc-box-item .desc-sub-text {
    padding-top: 10px;
  }
}
@media screen and (min-width: 1500px) {
  .content-desc-box-item .desc-sub-text {
    font-size: 19px;
  }
}
.content-desc-box-item .desc-sub-text span {
  display: block;
}
@media (max-width: 820px) {
  .content-desc-box-item {
    font-size: 0.8333333333rem;
  }
  .content-desc-box-item + .content-desc-box-item {
    padding-top: 0.3888888889rem;
  }
  .content-desc-box-item .label-title {
    padding-right: 0.1388888889rem;
  }
  .content-desc-box-item .text-line {
    padding-right: 0.1944444444rem;
  }
  .content-desc-box-item .desc-text .text + .text {
    padding-top: 0.4166666667rem;
  }
  .content-desc-box-item .desc-sub-text {
    padding-top: 0.2777777778rem;
    font-size: 0.7222222222rem;
  }
}

.uth-sub-box-area {
  padding-top: 5.5555555556rem;
  color: #fff;
  background-color: #000;
  font-family: "Gmarket Sans Medium", arial, sans-serif, Arial, dotum, "돋움";
  min-height: 100vh;
  overflow: hidden;
}
.uth-sub-box-area ~ .event-section-footer {
  padding-top: 0;
}
.uth-sub-box-area .section-inner {
  position: relative;
}
.uth-sub-box-area .uth-sub-box-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.uth-sub-box-area .sub-logo {
  width: 9.6666666667rem;
}
.uth-sub-box-area .title {
  padding-top: 2.2222222222rem;
  font-size: 3.1111111111rem;
  font-weight: 400;
  color: #eb008b;
}
.uth-sub-box-area strong {
  font-weight: 400;
}
.uth-sub-box-area .uth-sub-box-content {
  padding-top: 5.5555555556rem;
}
@media (max-width: 820px) {
  .uth-sub-box-area {
    padding-top: 5.5555555556rem;
  }
  .uth-sub-box-area .sub-logo {
    width: 8rem;
  }
  .uth-sub-box-area .title {
    padding-top: 1.1111111111rem;
    font-size: 1.7777777778rem;
  }
  .uth-sub-box-area .uth-sub-box-content {
    padding-top: 2.2222222222rem;
  }
}

.uth-sub-box-content-mypage .no-history-box {
  padding-bottom: 7.2222222222rem;
  text-align: center;
}
.uth-sub-box-content-mypage .no-history-box .char-image01 {
  display: inline-block;
  width: 15.5555555556rem;
}
.uth-sub-box-content-mypage .no-history-box .no-history-box-text {
  padding-top: 2.2222222222rem;
  font-size: 1.7777777778rem;
  color: #fff;
  font-weight: 400;
  font-family: "Gmarket Sans Light", arial, sans-serif, Arial, dotum, "돋움";
}
.uth-sub-box-content-mypage .uth-mypage-box-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.uth-sub-box-content-mypage .uth-mypage-box-item {
  padding: 2.2222222222rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 46.6666666667rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
}
.uth-sub-box-content-mypage .uth-mypage-box-item + .uth-mypage-box-item {
  margin-top: 1.1111111111rem;
}
.uth-sub-box-content-mypage .month-box-wrap {
  width: 7.7777777778rem;
}
.uth-sub-box-content-mypage .month-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 5.5555555556rem;
  height: 5.5555555556rem;
  font-size: 1.7777777778rem;
  font-weight: 500;
  border-radius: 50%;
  background-color: #caff33;
  font-family: "Gmarket Sans Bold", arial, sans-serif, Arial, dotum, "돋움";
}
.uth-sub-box-content-mypage .char-image02 {
  position: relative;
  margin-top: -1.6666666667rem;
  width: 5.5555555556rem;
  z-index: 1;
}
.uth-sub-box-content-mypage .info-box-wrap {
  width: calc(100% - 7.77778rem);
}
.uth-sub-box-content-mypage .highlight-text {
  font-size: 1.1111111111rem;
  color: #eb008b;
  font-family: "Gmarket Sans Medium", arial, sans-serif, Arial, dotum, "돋움";
}
.uth-sub-box-content-mypage .highlight-text + .info-box-content {
  padding-top: 0.8333333333rem;
}
.uth-sub-box-content-mypage dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.uth-sub-box-content-mypage dl + dl {
  padding-top: 0.5555555556rem;
}
.uth-sub-box-content-mypage dt,
.uth-sub-box-content-mypage dd {
  font-size: 1.1111111111rem;
  font-family: "Gmarket Sans Medium", arial, sans-serif, Arial, dotum, "돋움";
  word-break: break-all;
}
.uth-sub-box-content-mypage dt {
  width: 7.3333333333rem;
  color: rgba(255, 255, 255, 0.5);
}
.uth-sub-box-content-mypage dd {
  width: calc(100% - 7.33333rem);
  color: #fff;
}
.uth-sub-box-content-mypage .tip-text {
  padding-top: 0.8333333333rem;
  font-size: 0.8888888889rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.5);
  font-family: "Gmarket Sans Light", arial, sans-serif, Arial, dotum, "돋움";
}
.uth-sub-box-content-mypage .mypage-address-btn {
  margin-left: 0.2777777778rem;
  color: #caff33;
  text-decoration: underline;
  text-underline-position: under;
}
@media (max-width: 820px) {
  .uth-sub-box-content-mypage .no-history-box {
    padding-bottom: 3.6111111111rem;
  }
  .uth-sub-box-content-mypage .no-history-box .char-image01 {
    width: 10rem;
  }
  .uth-sub-box-content-mypage .no-history-box .no-history-box-text {
    padding-top: 1.1111111111rem;
    font-size: 1.3333333333rem;
  }
  .uth-sub-box-content-mypage .uth-mypage-box-item {
    padding: 1.1111111111rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .uth-sub-box-content-mypage .month-box-wrap {
    width: 100%;
    text-align: left;
  }
  .uth-sub-box-content-mypage .month-box {
    display: inline-block;
    width: auto;
    height: auto;
    font-size: 1.3333333333rem;
    font-weight: 500;
    border-radius: 50%;
    color: #caff33;
    background-color: #000;
  }
  .uth-sub-box-content-mypage .char-image02 {
    display: none;
  }
  .uth-sub-box-content-mypage .info-box-wrap {
    padding-top: 1.1111111111rem;
    width: 100%;
  }
  .uth-sub-box-content-mypage .highlight-text {
    font-size: 0.8888888889rem;
  }
  .uth-sub-box-content-mypage .highlight-text + .info-box-content {
    padding-top: 0.5555555556rem;
  }
  .uth-sub-box-content-mypage dt,
  .uth-sub-box-content-mypage dd {
    font-size: 0.8888888889rem;
  }
  .uth-sub-box-content-mypage dt {
    width: 5.9444444444rem;
  }
  .uth-sub-box-content-mypage dd {
    width: calc(100% - 5.94444rem);
  }
  .uth-sub-box-content-mypage .tip-text {
    padding-top: 0.5555555556rem;
    font-size: 0.7777777778rem;
  }
  .uth-sub-box-content-mypage .mypage-address-btn {
    margin-left: 0;
    display: block;
  }
}

.uth-sub-box-content-privacy .privacy-box-title {
  font-size: 0.8888888889rem;
  font-weight: 400;
  word-break: keep-all;
}
.uth-sub-box-content-privacy .privacy-box-content {
  padding-top: 2.2222222222rem;
}
.uth-sub-box-content-privacy li + li {
  padding-top: 2.2222222222rem;
}
.uth-sub-box-content-privacy .privacy-terms-box-title {
  padding-bottom: 1.1111111111rem;
  display: block;
  font-size: 1.3333333333rem;
  font-weight: 400;
}
.uth-sub-box-content-privacy .privacy-terms-box {
  font-size: 0.8888888889rem;
  font-weight: 400;
  color: #fff !important;
  font-family: "Gmarket Sans Medium", arial, sans-serif, Arial, dotum, "돋움";
  word-break: keep-all;
}
.uth-sub-box-content-privacy .number-text {
  color: #fff !important;
}
.uth-sub-box-content-privacy .number-text a {
  color: #fff !important;
}
.uth-sub-box-content-privacy .bold-text {
  font-size: 0.9444444444rem;
  font-family: "Gmarket Sans Bold", arial, sans-serif, Arial, dotum, "돋움";
  text-decoration: underline;
  text-underline-offset: 5px;
}
@media (max-width: 820px) {
  .uth-sub-box-content-privacy .privacy-box-title {
    font-size: 0.6666666667rem;
  }
  .uth-sub-box-content-privacy .privacy-box-content {
    padding-top: 1.1111111111rem;
  }
  .uth-sub-box-content-privacy li + li {
    padding-top: 1.1111111111rem;
  }
  .uth-sub-box-content-privacy .privacy-terms-box-title {
    padding-bottom: 1.1111111111rem;
    font-size: 0.7777777778rem;
  }
  .uth-sub-box-content-privacy .privacy-terms-box {
    font-size: 0.6666666667rem;
  }
  .uth-sub-box-content-privacy .bold-text {
    font-size: 0.8333333333rem;
  }
}

.uth-brand-box-area {
  padding-top: 6.1111111111rem;
  background-color: #2a2a2a;
}
.uth-brand-box-area .header-btn-box {
  top: -4.4444444444rem;
}
.uth-brand-box-area .header-btn-box-utn a:hover {
  color: #fff;
}
.uth-brand-box-area .header-btn-box,
.uth-brand-box-area .uth-sub-box-content,
.uth-brand-box-area .event-section-footer {
  line-height: 1.5 !important;
}
.uth-brand-box-area + .event-section-footer .footer-info,
.uth-brand-box-area + .event-section-footer .privacy-btn,
.uth-brand-box-area + .event-section-footer .event-link-box .event-link-box-btn {
  line-height: 1.5 !important;
}
@media (max-width: 820px) {
  .uth-brand-box-area {
    padding-top: 5.5555555556rem;
    background-color: #2a2a2a;
  }
  .uth-brand-box-area .header-btn-box {
    top: -3.3333333333rem;
  }
  .uth-brand-box-area .uth-sub-box-content {
    padding-top: 2.7777777778rem;
  }
}

.brand-logo {
  max-width: 28.1666666667rem;
}
@media (max-width: 820px) {
  .brand-logo {
    max-width: 17.7777777778rem;
  }
}

.uth-sub-box-content-brand-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.uth-sub-box-content-brand-text .text-box {
  position: relative;
  padding-left: 1.1111111111rem;
  font-size: 1.3333333333rem;
  font-weight: 400;
}
.uth-sub-box-content-brand-text .text-box:nth-child(1) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.uth-sub-box-content-brand-text .text-box:nth-child(2) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.uth-sub-box-content-brand-text .text-box:nth-child(3) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.uth-sub-box-content-brand-text .text-box::before {
  content: "";
  position: absolute;
  top: 0.3333333333rem;
  left: 0;
  width: 1px;
  height: 2.2222222222rem;
  background-color: #eb008b;
}
.uth-sub-box-content-brand-text strong {
  color: #eb008b;
}
@media (max-width: 820px) {
  .uth-sub-box-content-brand-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .uth-sub-box-content-brand-text .text-box {
    min-width: 14rem;
    font-size: 1rem;
  }
  .uth-sub-box-content-brand-text .text-box:nth-child(1) {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
  }
  .uth-sub-box-content-brand-text .text-box:nth-child(2) {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
  }
  .uth-sub-box-content-brand-text .text-box:nth-child(3) {
    -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s;
  }
  .uth-sub-box-content-brand-text .text-box + .text-box {
    margin-top: 1.1111111111rem;
  }
  .uth-sub-box-content-brand-text .text-box::before {
    top: 0.2777777778rem;
    height: 1.6666666667rem;
  }
}

.uth-sub-box-content-instargram {
  padding: 5.5555555556rem 0;
}
@media (max-width: 820px) {
  .uth-sub-box-content-instargram {
    padding: 2.7777777778rem 0;
  }
}

.uth-sub-box-content-instargram-title {
  text-align: center;
}
.uth-sub-box-content-instargram-title .instar-name {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 10.8333333333rem;
  height: 2.7777777778rem;
  font-size: 1.1111111111rem;
  background: #000;
  border-radius: 40px;
  font-family: "Pretendard", arial, sans-serif, Arial, dotum, "돋움";
  font-weight: 700;
}
.uth-sub-box-content-instargram-title .tag-instargram {
  margin-right: 0.5555555556rem;
  width: 1.6666666667rem;
}
.uth-sub-box-content-instargram-title .title {
  font-size: 1.7777777778rem;
  font-weight: 700;
  color: #caff33;
}
@media (max-width: 820px) {
  .uth-sub-box-content-instargram-title .instar-name {
    width: 8.6111111111rem;
    height: 2.2222222222rem;
    font-size: 0.8888888889rem;
  }
  .uth-sub-box-content-instargram-title .tag-instargram {
    width: 1.1111111111rem;
  }
  .uth-sub-box-content-instargram-title .title {
    font-size: 1.3333333333rem;
    font-weight: 700;
    color: #caff33;
  }
}

.uth-sns-container {
  padding-top: 2.2222222222rem;
}

.mypage-link-copy-btn {
  margin-top: 0.5555555556rem;
  padding: 0.3888888889rem 0.5555555556rem;
  display: inline-block;
  font-size: 1rem;
  color: #caff33;
  line-height: 1;
  border-radius: 8px;
  border: 1px solid #caff33;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Gmarket Sans Medium", arial, sans-serif, Arial, dotum, "돋움";
}
@media (max-width: 820px) {
  .mypage-link-copy-btn {
    margin-top: 0.2777777778rem;
    padding: 0.1944444444rem 0.2777777778rem;
    font-size: 0.7777777778rem;
    border-radius: 4px;
  }
}

.uth-sub-box-content-card-intro {
  margin: 0 -6.1666666667rem;
  padding-top: 5rem;
  padding-bottom: 4.8888888889rem;
  background: transparent;
}
.uth-sub-box-content-card-intro .event-section-title .title {
  padding-top: 0;
  font-size: 1.5rem;
}
.uth-sub-box-content-card-intro .event-section-title .title span {
  font-size: 2.3333333333rem;
  padding-top: 0;
}
.uth-sub-box-content-card-intro .event-section-content {
  padding-top: 3.1111111111rem;
}
.uth-sub-box-content-card-intro .event-card-intro-box {
  max-width: 100%;
}
.uth-sub-box-content-card-intro .event-card-intro-box-title {
  color: #fffcfc;
  text-align: center;
  font-size: 1.7777777778rem;
  font-weight: 600;
  letter-spacing: -1.6px;
}
.uth-sub-box-content-card-intro .event-card-intro-box-list {
  padding: 2.4444444444rem 1rem 6.1111111111rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.uth-sub-box-content-card-intro .event-card-intro-box-item + .event-card-intro-box-item {
  margin-left: 3.8888888889rem;
}
.uth-sub-box-content-card-intro .card-box {
  position: relative;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.uth-sub-box-content-card-intro .card {
  max-width: 220px;
}
.uth-sub-box-content-card-intro .text-box {
  position: absolute;
  left: 50%;
  bottom: -6.1111111111rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-top: 1.1111111111rem;
  width: 16.0555555556rem;
}
.uth-sub-box-content-card-intro .tag {
  display: block;
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.1666666667rem;
  font-weight: 500;
  letter-spacing: -1.05px;
}
.uth-sub-box-content-card-intro .text {
  display: block;
  padding-top: 0.5555555556rem;
  color: #caff33;
  font-size: 1.2777777778rem;
  font-weight: 500;
  letter-spacing: -1.15px;
}
@media (max-width: 1425px) {
  .uth-sub-box-content-card-intro {
    margin: 0;
  }
  .uth-sub-box-content-card-intro .text-box {
    bottom: -5.5555555556rem;
  }
  .uth-sub-box-content-card-intro .tag {
    font-size: 1rem;
  }
  .uth-sub-box-content-card-intro .text {
    font-size: 1.1111111111rem;
  }
}
@media (max-width: 820px) {
  .uth-sub-box-content-card-intro {
    padding-top: 2.5rem;
    padding-bottom: 1.6666666667rem;
  }
  .uth-sub-box-content-card-intro .event-section-title .title {
    font-size: 0.8888888889rem;
  }
  .uth-sub-box-content-card-intro .event-section-title .title span {
    font-size: 1.5555555556rem;
  }
  .uth-sub-box-content-card-intro .event-section-content {
    padding-top: 1.5555555556rem;
  }
  .uth-sub-box-content-card-intro .event-card-intro-box-title {
    font-size: 1rem;
  }
  .uth-sub-box-content-card-intro .event-card-intro-box-list {
    padding: 1.2222222222rem 0 0;
  }
  .uth-sub-box-content-card-intro .event-card-intro-box-item:nth-of-type(1) {
    margin-left: 0.6111111111rem;
  }
  .uth-sub-box-content-card-intro .event-card-intro-box-item {
    margin-top: 0.6111111111rem;
  }
  .uth-sub-box-content-card-intro .event-card-intro-box-item + .event-card-intro-box-item {
    margin-right: 0.6111111111rem;
    margin-left: 0.6111111111rem;
  }
  .uth-sub-box-content-card-intro .card-box {
    position: relative;
    max-width: 103px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .uth-sub-box-content-card-intro .card {
    max-width: 100%;
  }
  .uth-sub-box-content-card-intro .text-box {
    position: static;
    -webkit-transform: none;
            transform: none;
    padding-top: 0.5555555556rem;
    width: 100%;
  }
  .uth-sub-box-content-card-intro .tag {
    font-size: 0.6666666667rem;
  }
  .uth-sub-box-content-card-intro .text {
    padding-top: 0.2777777778rem;
    font-size: 0.6666666667rem;
    word-break: keep-all;
  }
}

.visual-box-area-phone-plan {
  background-color: #f8bcd4;
}
.visual-box-area-phone-plan .section-inner {
  padding-top: 9.2666666667vw;
  padding-bottom: 9.3333333333vw;
}
@media screen and (min-width: 1500px) {
  .visual-box-area-phone-plan .section-inner {
    padding-top: 139px;
  }
}
@media screen and (min-width: 1500px) {
  .visual-box-area-phone-plan .section-inner {
    padding-bottom: 140px;
  }
}
.visual-box-area-phone-plan .visual-box-content {
  position: relative;
}
.visual-box-area-phone-plan .object-image {
  position: absolute;
  pointer-events: none;
}
.visual-box-area-phone-plan .object-left {
  top: -3.3333333333vw;
  left: -18.8vw;
  width: 46vw;
}
@media screen and (min-width: 1500px) {
  .visual-box-area-phone-plan .object-left {
    top: -50px;
  }
}
@media screen and (min-width: 1500px) {
  .visual-box-area-phone-plan .object-left {
    left: -282px;
  }
}
@media screen and (min-width: 1500px) {
  .visual-box-area-phone-plan .object-left {
    width: 690px;
  }
}
.visual-box-area-phone-plan .object-right {
  top: -6.1333333333vw;
  left: -14vw;
  width: 128vw;
  max-width: 128vw;
}
@media screen and (min-width: 1500px) {
  .visual-box-area-phone-plan .object-right {
    top: -92px;
  }
}
@media screen and (min-width: 1500px) {
  .visual-box-area-phone-plan .object-right {
    left: -210px;
  }
}
@media screen and (min-width: 1500px) {
  .visual-box-area-phone-plan .object-right {
    width: 1920px;
  }
}
@media screen and (min-width: 1500px) {
  .visual-box-area-phone-plan .object-right {
    max-width: 1920px;
  }
}
.visual-box-area-phone-plan .moono-char-image {
  position: absolute;
  right: 18.1333333333vw;
  bottom: -1.3333333333vw;
  max-width: 15.4vw;
  width: 100%;
  z-index: 1;
  pointer-events: none;
}
@media screen and (min-width: 1500px) {
  .visual-box-area-phone-plan .moono-char-image {
    right: 272px;
  }
}
@media screen and (min-width: 1500px) {
  .visual-box-area-phone-plan .moono-char-image {
    bottom: -20px;
  }
}
@media screen and (min-width: 1500px) {
  .visual-box-area-phone-plan .moono-char-image {
    max-width: 231px;
  }
}
.visual-box-area-phone-plan .logo-box {
  display: inline-block;
  max-width: 9.4vw;
  width: 100%;
}
@media screen and (min-width: 1500px) {
  .visual-box-area-phone-plan .logo-box {
    max-width: 141px;
  }
}
.visual-box-area-phone-plan .image-box {
  position: relative;
  margin: 1.2666666667vw auto 0;
  max-width: 51.7333333333vw;
  width: 100%;
}
@media screen and (min-width: 1500px) {
  .visual-box-area-phone-plan .image-box {
    margin: 19px auto 0;
  }
}
@media screen and (min-width: 1500px) {
  .visual-box-area-phone-plan .image-box {
    max-width: 776px;
  }
}
@media (max-width: 820px) {
  .visual-box-area-phone-plan .object-center {
    top: -4.2777777778rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 375px;
    max-width: 375px;
  }
  .visual-box-area-phone-plan .section-inner {
    padding-right: 0;
    padding-left: 0;
    padding-top: 4.75rem;
    padding-bottom: 6.5rem;
  }
  .visual-box-area-phone-plan .moono-char-image {
    right: inherit;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    max-width: 7.1666666667rem;
  }
  .visual-box-area-phone-plan .logo-box {
    margin-top: 0;
    max-width: 3.8888888889rem;
  }
  .visual-box-area-phone-plan .image-box {
    margin-top: 1.6666666667rem;
    max-width: 16.8055555556rem;
    width: 100%;
  }
}

.event-section-area-phone-plan {
  position: relative;
  padding-bottom: 6.6666666667vw;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8bcd4), color-stop(32.77%, #fcd8d7), color-stop(82.57%, #cae9b6));
  background: linear-gradient(180deg, #f8bcd4 0%, #fcd8d7 32.77%, #cae9b6 82.57%);
}
@media screen and (min-width: 1500px) {
  .event-section-area-phone-plan {
    padding-bottom: 100px;
  }
}
.event-section-area-phone-plan .nav-wrap {
  background-color: #eb008b;
}
.event-section-area-phone-plan .nav-wrap .section-inner {
  padding-right: 0;
  padding-left: 0;
  max-width: 100%;
}
.event-section-area-phone-plan .nav-wrap .nav-item + .nav-item {
  padding-left: 1.7333333333vw;
}
@media screen and (min-width: 1500px) {
  .event-section-area-phone-plan .nav-wrap .nav-item + .nav-item {
    padding-left: 26px;
  }
}
.event-section-area-phone-plan .nav-wrap .nav-btn span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.event-section-area-phone-plan .nav-wrap .arrow-box {
  padding-left: 1.7333333333vw;
}
@media screen and (min-width: 1500px) {
  .event-section-area-phone-plan .nav-wrap .arrow-box {
    padding-left: 26px;
  }
}
.event-section-area-phone-plan .nav-wrap .nav-btn-sound {
  width: 11.5333333333vw;
}
@media screen and (min-width: 1500px) {
  .event-section-area-phone-plan .nav-wrap .nav-btn-sound {
    width: 173px;
  }
}
.event-section-area-phone-plan .nav-wrap .nav-btn-data {
  width: 11.1333333333vw;
}
@media screen and (min-width: 1500px) {
  .event-section-area-phone-plan .nav-wrap .nav-btn-data {
    width: 167px;
  }
}
.event-section-area-phone-plan .nav-wrap .nav-btn-day {
  width: 9.1333333333vw;
}
@media screen and (min-width: 1500px) {
  .event-section-area-phone-plan .nav-wrap .nav-btn-day {
    width: 137px;
  }
}
.event-section-area-phone-plan .moono-char {
  left: -6.2vw;
  bottom: -0.3333333333vw;
  width: 21.6666666667vw;
  z-index: 1;
}
@media screen and (min-width: 1500px) {
  .event-section-area-phone-plan .moono-char {
    left: -93px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section-area-phone-plan .moono-char {
    bottom: -5px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section-area-phone-plan .moono-char {
    width: 325px;
  }
}
@media (max-width: 820px) {
  .event-section-area-phone-plan {
    padding-bottom: 2.7777777778rem;
  }
  .event-section-area-phone-plan .nav-wrap .section-inner {
    max-width: 100%;
  }
  .event-section-area-phone-plan .nav-wrap .nav-list {
    padding: 0.6111111111rem 0.7222222222rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .event-section-area-phone-plan .nav-wrap .nav-item + .nav-item {
    padding-left: 0.2222222222rem;
  }
  .event-section-area-phone-plan .nav-wrap .arrow-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .event-section-area-phone-plan .nav-wrap .arrow-box .icon {
    width: 0.3333333333rem;
    height: 0.5rem;
  }
  .event-section-area-phone-plan .nav-wrap .arrow-box .icon + .icon {
    margin-left: 0.1111111111rem;
  }
  .event-section-area-phone-plan .nav-wrap .nav-btn-sound {
    width: 5.1944444444rem;
  }
  .event-section-area-phone-plan .nav-wrap .nav-btn-data {
    width: 5rem;
  }
  .event-section-area-phone-plan .nav-wrap .nav-btn-day {
    width: 4.1111111111rem;
  }
}

.event-section-plan-wrap {
  position: relative;
  margin: 0 auto;
  margin-top: -3.3333333333vw;
  padding-top: 3.3333333333vw;
  width: 100%;
  text-align: center;
  background: none;
}
@media screen and (min-width: 1500px) {
  .event-section-plan-wrap {
    margin-top: -50px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section-plan-wrap {
    padding-top: 50px;
  }
}
.event-section-plan-wrap .section-inner {
  position: relative;
  padding-top: 5.6666666667vw;
  padding-bottom: 0;
  max-width: 87.4vw;
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 1500px) {
  .event-section-plan-wrap .section-inner {
    padding-top: 85px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section-plan-wrap .section-inner {
    max-width: 1311px;
  }
}
@media (max-width: 1240px) {
  .event-section-plan-wrap .section-inner {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 820px) {
  .event-section-plan-wrap {
    margin-top: 0;
    padding-top: 0;
  }
  .event-section-plan-wrap .section-inner {
    padding: 2.2222222222rem 1rem 0;
    max-width: 20.8333333333rem;
  }
}

.event-section-content-plan {
  margin-right: -1.3333333333vw;
  position: relative;
}
@media screen and (min-width: 1500px) {
  .event-section-content-plan {
    margin-right: -20px;
  }
}
.event-section-content-plan .btn-wrap {
  position: absolute;
  left: 0.3333333333vw;
  bottom: 8.4666666667vw;
  max-width: 87vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 1500px) {
  .event-section-content-plan .btn-wrap {
    left: 5px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section-content-plan .btn-wrap {
    bottom: 127px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section-content-plan .btn-wrap {
    max-width: 1305px;
  }
}
.event-section-content-plan .btn {
  max-width: 39vw;
  width: 100%;
}
@media screen and (min-width: 1500px) {
  .event-section-content-plan .btn {
    max-width: 585px;
  }
}
@media (max-width: 820px) {
  .event-section-content-plan {
    margin-right: -0.2777777778rem;
  }
  .event-section-content-plan .btn-wrap {
    padding-left: 0.1666666667rem;
    padding-right: 0.4444444444rem;
    left: 0;
    max-width: 100%;
    bottom: 2.2222222222rem;
  }
  .event-section-content-plan .btn {
    max-width: 14.1666666667rem;
  }
}

.event-section-content-plan-content {
  width: 100%;
}
.event-section-content-plan-content img {
  width: 100%;
}
.sns-share-content-box {
  padding-top: 5.6666666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
@media screen and (min-width: 1500px) {
  .sns-share-content-box {
    padding-top: 85px;
  }
}
.sns-share-content-box .bg-section-bottom-image .top {
  position: absolute;
  top: -89px;
  left: 12px;
  width: 84.5px;
}
.sns-share-content-box .section-inner {
  position: relative;
  padding-top: 0;
  max-width: 87.4vw;
  width: 100%;
}
@media screen and (min-width: 1500px) {
  .sns-share-content-box .section-inner {
    max-width: 1311px;
  }
}
@media (max-width: 820px) {
  .sns-share-content-box {
    padding-top: 2.2222222222rem;
    margin-bottom: -2.2222222222rem;
    padding-bottom: 2.2222222222rem;
  }
  .sns-share-content-box .card-image {
    display: none;
  }
  .sns-share-content-box .section-inner {
    padding-right: 0;
    padding-left: 0;
    max-width: 20.8333333333rem;
  }
}

.sns-share-content-box-title {
  margin: 0 auto;
  max-width: 54.7333333333vw;
  width: 100%;
}
@media screen and (min-width: 1500px) {
  .sns-share-content-box-title {
    max-width: 821px;
  }
}
@media (max-width: 820px) {
  .sns-share-content-box-title {
    max-width: 15.8611111111rem;
  }
}

.sns-share-content-box-list {
  padding-top: 1.1333333333vw;
}
@media screen and (min-width: 1500px) {
  .sns-share-content-box-list {
    padding-top: 17px;
  }
}
.sns-share-content-box-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sns-share-content-box-list li + li {
  margin-left: 1.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .sns-share-content-box-list li + li {
    margin-left: 25px;
  }
}
.sns-share-content-box-list .icon.icon-facebook, .sns-share-content-box-list .icon.icon-twitter, .sns-share-content-box-list .icon.icon-kakao {
  width: 6.4666666667vw;
  height: 6.4666666667vw;
}
@media screen and (min-width: 1500px) {
  .sns-share-content-box-list .icon.icon-facebook, .sns-share-content-box-list .icon.icon-twitter, .sns-share-content-box-list .icon.icon-kakao {
    width: 97px;
  }
}
@media screen and (min-width: 1500px) {
  .sns-share-content-box-list .icon.icon-facebook, .sns-share-content-box-list .icon.icon-twitter, .sns-share-content-box-list .icon.icon-kakao {
    height: 97px;
  }
}
@media (max-width: 820px) {
  .sns-share-content-box-list {
    padding-top: 0.6111111111rem;
  }
  .sns-share-content-box-list li + li {
    margin-left: 0.8333333333rem;
  }
  .sns-share-content-box-list .icon.icon-facebook, .sns-share-content-box-list .icon.icon-twitter, .sns-share-content-box-list .icon.icon-kakao {
    width: 3.3333333333rem;
    height: 3.3333333333rem;
  }
}

@media (max-width: 820px) {
  .floating-box-plan {
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s;
    background-color: transparent;
  }
  .floating-box-plan.scroll {
    background-color: #f8bcd4;
  }
}

.event-section-plan-wrap-object {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.event-section-plan-wrap-object .object-green-line {
  top: 0;
  left: 0;
  width: 23.4vw;
}
@media screen and (min-width: 1500px) {
  .event-section-plan-wrap-object .object-green-line {
    width: 351px;
  }
}
.event-section-plan-wrap-object .object-middle-left {
  top: 114.7333333333vw;
  left: 3.1333333333vw;
  width: 19.2666666667vw;
}
@media screen and (min-width: 1500px) {
  .event-section-plan-wrap-object .object-middle-left {
    top: 1721px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section-plan-wrap-object .object-middle-left {
    left: 47px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section-plan-wrap-object .object-middle-left {
    width: 289px;
  }
}
.event-section-plan-wrap-object .object-pink-line {
  top: 30.0666666667vw;
  right: 0;
  width: 17.7333333333vw;
}
@media screen and (min-width: 1500px) {
  .event-section-plan-wrap-object .object-pink-line {
    top: 451px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section-plan-wrap-object .object-pink-line {
    width: 266px;
  }
}
.event-section-plan-wrap-object .object-card {
  top: 281.2666666667vw;
  left: 0;
  width: 16.2vw;
}
@media screen and (min-width: 1500px) {
  .event-section-plan-wrap-object .object-card {
    top: 4219px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section-plan-wrap-object .object-card {
    width: 243px;
  }
}
.event-section-plan-wrap-object .object-many {
  top: 97.2666666667vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-left: 1.1333333333vw;
  width: 118.8vw;
}
@media screen and (min-width: 1500px) {
  .event-section-plan-wrap-object .object-many {
    top: 1459px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section-plan-wrap-object .object-many {
    margin-left: 17px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section-plan-wrap-object .object-many {
    width: 1782px;
  }
}
.event-section-plan-wrap-object .object-round {
  top: 277.2666666667vw;
  right: 0;
  width: 36.2vw;
}
@media screen and (min-width: 1500px) {
  .event-section-plan-wrap-object .object-round {
    top: 4159px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section-plan-wrap-object .object-round {
    width: 543px;
  }
}
.event-section-plan-wrap-object .object-many-white {
  top: 510.9333333333vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-left: 4vw;
  width: 120.7333333333vw;
}
@media screen and (min-width: 1500px) {
  .event-section-plan-wrap-object .object-many-white {
    top: 7664px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section-plan-wrap-object .object-many-white {
    margin-left: 60px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section-plan-wrap-object .object-many-white {
    width: 1811px;
  }
}
@media (max-width: 820px) {
  .event-section-plan-wrap-object {
    display: none;
  }
}

.object-mo-image01 {
  top: -1.4444444444rem;
  left: -0.7777777778rem;
  width: 2.8333333333rem;
  z-index: -1;
}

.object-mo-image02 {
  top: -1.5555555556rem;
  left: -1rem;
  width: 4.0555555556rem;
  z-index: -1;
}

.object-mo-image03 {
  right: -0.6111111111rem;
  bottom: -2.0555555556rem;
  width: 4.1111111111rem;
  z-index: -1;
}

.object-mo-image04 {
  right: 0.4444444444rem;
  bottom: -1.3888888889rem;
  width: 3.5555555556rem;
  z-index: -1;
}

.object-mo-image05 {
  bottom: -1.4444444444rem;
  left: 0.2777777778rem;
  width: 3.3333333333rem;
}

.event-section-sound-plan {
  margin-top: -2.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .event-section-sound-plan {
    margin-top: -40px;
  }
}
.event-section-sound-plan .sticker-image {
  top: 4.4vw;
  right: -8.6vw;
  width: 15.8666666667vw;
  z-index: 1;
}
@media screen and (min-width: 1500px) {
  .event-section-sound-plan .sticker-image {
    top: 66px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section-sound-plan .sticker-image {
    right: -129px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section-sound-plan .sticker-image {
    width: 238px;
  }
}
.event-section-sound-plan .btn-wrap {
  left: 0.3333333333vw;
  padding-right: 5.4vw;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (min-width: 1500px) {
  .event-section-sound-plan .btn-wrap {
    left: 5px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section-sound-plan .btn-wrap {
    padding-right: 81px;
  }
}
@media (max-width: 820px) {
  .event-section-sound-plan {
    margin-top: 0;
  }
  .event-section-sound-plan .btn-wrap {
    left: 0;
    bottom: 2.2222222222rem;
    padding-right: 0.4444444444rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.event-section-day-plan .btn-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 2.1333333333vw;
}
@media screen and (min-width: 1500px) {
  .event-section-day-plan .btn-wrap {
    padding-top: 32px;
  }
}
.event-section-day-plan .btn {
  padding-top: 4.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .event-section-day-plan .btn {
    padding-top: 70px;
  }
}
.event-section-day-plan .kakao-ch-btn {
  margin-left: auto;
  margin-right: 12.3333333333vw;
  max-width: 26.6666666667vw;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
@media screen and (min-width: 1500px) {
  .event-section-day-plan .kakao-ch-btn {
    margin-right: 185px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section-day-plan .kakao-ch-btn {
    max-width: 400px;
  }
}
.event-section-day-plan .sticker-image {
  top: 46vw;
  right: -12vw;
  width: 15.8666666667vw;
  z-index: 1;
}
@media screen and (min-width: 1500px) {
  .event-section-day-plan .sticker-image {
    top: 690px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section-day-plan .sticker-image {
    right: -180px;
  }
}
@media screen and (min-width: 1500px) {
  .event-section-day-plan .sticker-image {
    width: 238px;
  }
}
@media (max-width: 820px) {
  .event-section-day-plan .btn-wrap {
    padding-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .event-section-day-plan .btn {
    padding-top: 0.8888888889rem;
    max-width: 14.1666666667rem;
  }
  .event-section-day-plan .kakao-ch-btn {
    margin: 0 auto;
    max-width: 14.1111111111rem;
  }
}

.visual-box-area-esg .visual-box-content {
  position: relative;
  margin: 0 auto;
  padding-top: 9.8666666667vw;
  width: 100%;
  height: 72vw;
}
@media screen and (min-width: 1500px) {
  .visual-box-area-esg .visual-box-content {
    padding-top: 148px;
  }
}
@media screen and (min-width: 1500px) {
  .visual-box-area-esg .visual-box-content {
    height: 1080px;
  }
}
.visual-box-area-esg .visual-box-content-title {
  display: inline-block;
  width: 25.1333333333vw;
}
@media screen and (min-width: 1500px) {
  .visual-box-area-esg .visual-box-content-title {
    width: 377px;
  }
}
.visual-box-area-esg .visual-box-content-text {
  padding-top: 1.7333333333vw;
  font-size: 1.3333333333rem;
  color: #29883b;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.72px;
}
@media screen and (min-width: 1500px) {
  .visual-box-area-esg .visual-box-content-text {
    padding-top: 26px;
  }
}
.visual-box-area-esg .object-image {
  position: absolute;
  bottom: -3.6vw;
  z-index: 1;
  pointer-events: none;
}
@media screen and (min-width: 1500px) {
  .visual-box-area-esg .object-image {
    bottom: -54px;
  }
}
.visual-box-area-esg .object-image01 {
  left: 0;
  width: 40vw;
}
@media screen and (min-width: 1500px) {
  .visual-box-area-esg .object-image01 {
    width: 600px;
  }
}
.visual-box-area-esg .object-image02 {
  right: 0;
  width: 38.9333333333vw;
}
@media screen and (min-width: 1500px) {
  .visual-box-area-esg .object-image02 {
    width: 584px;
  }
}
.visual-box-area-esg .object-image03 {
  top: 4.4444444444rem;
  bottom: inherit;
  left: 0;
  width: 4.4444444444rem;
}
.visual-box-area-esg .object-image04 {
  top: 19.6666666667rem;
  bottom: inherit;
  right: 0;
  width: 7.1111111111rem;
}
.visual-box-area-esg .esg-info-content-box-item-text {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
}
.visual-box-area-esg .esg-info-content-box-visual .esg-info-content-box-item:hover .esg-info-content-box-item-text {
  -webkit-transform: scale(1);
          transform: scale(1);
}
@media (max-width: 1360px) {
  .visual-box-area-esg .visual-box-content {
    height: 76vw;
  }
}
@media screen and (max-width: 1360px) and (min-width: 1500px) {
  .visual-box-area-esg .visual-box-content {
    height: 1140px;
  }
}
@media (max-width: 820px) {
  .visual-box-area-esg .visual-box-content {
    padding-top: 4.3333333333rem;
    width: 100%;
    height: 43.3333333333rem;
  }
  .visual-box-area-esg .visual-box-content-title {
    margin-top: 2.5rem;
    width: 14.4444444444rem;
  }
  .visual-box-area-esg .visual-box-content-text {
    padding-top: 1.6111111111rem;
    font-size: 0.7777777778rem;
  }
  .visual-box-area-esg .object-image01 {
    width: 7.2222222222rem;
  }
  .visual-box-area-esg .object-image02 {
    width: 7.5555555556rem;
  }
}

.esg-bg {
  left: 51.5%;
  bottom: -3.8666666667vw;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 128vw;
  height: 72vw;
}
@media screen and (min-width: 1500px) {
  .esg-bg {
    bottom: -58px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-bg {
    width: 1920px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-bg {
    height: 1080px;
  }
}
.esg-bg svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.esg-bg svg:nth-child(2) {
  opacity: 0;
}
.esg-bg.hover svg:nth-child(1) {
  opacity: 0;
}
.esg-bg.hover svg:nth-child(2) {
  opacity: 1;
}
@media (max-width: 820px) {
  .esg-bg {
    left: 53%;
    bottom: 0;
    width: 57rem;
    height: 32.0555555556rem;
  }
}

.esg-info-content-box-visual {
  margin: 9.8vw auto 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-visual {
    margin: 147px auto 0 auto;
  }
}
.esg-info-content-box-visual .esg-info-content-box-item {
  position: absolute;
  top: 0;
  left: 0;
}
.esg-info-content-box-visual .esg-info-content-box-item:hover .esg-info-content-box-item-text {
  visibility: visible;
  opacity: 1;
}
.esg-info-content-box-visual .esg-info-content-box-item:hover .object-ani svg:nth-child(1) {
  opacity: 0;
}
.esg-info-content-box-visual .esg-info-content-box-item:hover .object-ani svg:nth-child(2) {
  opacity: 1;
}
@media (max-width: 820px) {
  .esg-info-content-box-visual {
    margin: 8.5rem 0 0;
  }
}

.esg-info-content-box {
  position: relative;
  margin-left: -2.3333333333vw;
  width: 61.4vw;
  height: 40vw;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box {
    margin-left: -35px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box {
    width: 921px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box {
    height: 600px;
  }
}
.esg-info-content-box .object-ani {
  position: relative;
  width: 100%;
  height: 100%;
}
.esg-info-content-box .object-ani svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.esg-info-content-box .object-ani svg:nth-child(2) {
  opacity: 0;
}
@media (max-width: 820px) {
  .esg-info-content-box {
    margin-left: 0;
    width: 20rem;
    height: auto;
  }
}

.esg-info-content-box-item-info {
  position: absolute;
}

.esg-info-content-box-item-title,
.esg-info-content-box-item-text {
  padding: 1.3333333333vw 2vw;
  color: #000;
  border: 3px solid #028a25;
  border-width: 0.2vw;
  border-radius: 2vw 2vw 0 2vw;
  background: #fff;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  text-align: center;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-title,
  .esg-info-content-box-item-text {
    padding: 20px 30px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-title,
  .esg-info-content-box-item-text {
    border-width: 3px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-title,
  .esg-info-content-box-item-text {
    border-radius: 30px 30px 0 30px;
  }
}
@media (max-width: 820px) {
  .esg-info-content-box-item-title,
  .esg-info-content-box-item-text {
    padding: 0.4444444444rem 0.5555555556rem;
    border: 2px solid #028a25;
    border-radius: 16px;
  }
}

.esg-info-content-box-item-title {
  font-size: 1.6666666667vw;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -1.1px;
  white-space: nowrap;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-title {
    font-size: 25px;
  }
}
@media (max-width: 820px) {
  .esg-info-content-box-item-title {
    font-size: 0.6666666667rem;
    letter-spacing: -0.6px;
    max-width: 6.3888888889rem;
  }
}
@media (max-width: 576px) {
  .esg-info-content-box-item-title {
    padding-top: 10px;
  }
}

.esg-info-content-box-item-text {
  position: absolute;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  min-width: 24vw;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-text {
    min-width: 360px;
  }
}
.esg-info-content-box-item-text .info-title {
  font-size: 1.6666666667vw;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -1.1px;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-text .info-title {
    font-size: 25px;
  }
}
.esg-info-content-box-item-text .info-text {
  padding-top: 0.7333333333vw;
  font-size: 1.3333333333vw;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.96px;
  word-break: keep-all;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-text .info-text {
    padding-top: 11px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-text .info-text {
    font-size: 20px;
  }
}
@media (max-width: 1680px) {
  .esg-info-content-box-item-text {
    min-width: 21.3333333333vw;
  }
}
@media screen and (max-width: 1680px) and (min-width: 1500px) {
  .esg-info-content-box-item-text {
    min-width: 320px;
  }
}
@media (max-width: 1580px) {
  .esg-info-content-box-item-text {
    min-width: 18.6666666667vw;
  }
}
@media screen and (max-width: 1580px) and (min-width: 1500px) {
  .esg-info-content-box-item-text {
    min-width: 280px;
  }
}
@media (max-width: 820px) {
  .esg-info-content-box-item-text {
    min-width: 11.1111111111rem;
    z-index: 2;
  }
  .esg-info-content-box-item-text .info-title {
    font-size: 0.7777777778rem;
    letter-spacing: -0.7px;
  }
  .esg-info-content-box-item-text .info-text {
    font-size: 0.6666666667rem;
    letter-spacing: -0.72px;
  }
}

.esg-info-content-box-item-carbonfree {
  margin-top: 18.8vw;
  width: 13.4vw;
  height: 10.6666666667vw;
  z-index: 2;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-carbonfree {
    margin-top: 282px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-carbonfree {
    width: 201px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-carbonfree {
    height: 160px;
  }
}
.esg-info-content-box-item-carbonfree .esg-info-content-box-item-info {
  top: -4.1333333333vw;
  left: -15vw;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-carbonfree .esg-info-content-box-item-info {
    top: -62px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-carbonfree .esg-info-content-box-item-info {
    left: -225px;
  }
}
.esg-info-content-box-item-carbonfree .esg-info-content-box-item-text {
  right: 0;
}
@media (max-width: 820px) {
  .esg-info-content-box-item-carbonfree {
    margin-left: -5px;
    margin-top: 104px;
    width: 78px;
    height: 62px;
  }
  .esg-info-content-box-item-carbonfree .esg-info-content-box-item-info {
    top: -95px;
    left: 7px;
  }
  .esg-info-content-box-item-carbonfree .esg-info-content-box-item-text {
    right: inherit;
    left: 0;
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
  }
  .esg-info-content-box-item-carbonfree .object-ani {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
}

.esg-info-content-box-item-idc {
  margin-top: 8.2666666667vw;
  margin-left: 7.9333333333vw;
  width: 15.3333333333vw;
  height: 12.8vw;
  z-index: 1;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-idc {
    margin-top: 124px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-idc {
    margin-left: 119px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-idc {
    width: 230px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-idc {
    height: 192px;
  }
}
.esg-info-content-box-item-idc .esg-info-content-box-item-info {
  top: -2.2666666667vw;
  left: -7.0666666667vw;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-idc .esg-info-content-box-item-info {
    top: -34px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-idc .esg-info-content-box-item-info {
    left: -106px;
  }
}
.esg-info-content-box-item-idc .esg-info-content-box-item-text {
  right: 0;
}
@media (max-width: 820px) {
  .esg-info-content-box-item-idc {
    margin-top: 43px;
    margin-left: 30px;
    width: 93px;
    height: 78px;
  }
  .esg-info-content-box-item-idc .esg-info-content-box-item-info {
    top: -82px;
    left: 30px;
  }
  .esg-info-content-box-item-idc .esg-info-content-box-item-text {
    right: inherit;
    left: 0;
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
  }
  .esg-info-content-box-item-idc .object-ani {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
}

.esg-info-content-box-item-hopelib {
  margin-top: -0.3333333333vw;
  margin-left: 22.6vw;
  width: 14.8vw;
  height: 12.2666666667vw;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-hopelib {
    margin-top: -5px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-hopelib {
    margin-left: 339px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-hopelib {
    width: 222px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-hopelib {
    height: 184px;
  }
}
.esg-info-content-box-item-hopelib .esg-info-content-box-item-info {
  top: -4.2vw;
  left: -9.5333333333vw;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-hopelib .esg-info-content-box-item-info {
    top: -63px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-hopelib .esg-info-content-box-item-info {
    left: -143px;
  }
}
.esg-info-content-box-item-hopelib .esg-info-content-box-item-text {
  right: 0;
}
@media (max-width: 820px) {
  .esg-info-content-box-item-hopelib {
    margin-top: -8px;
    margin-left: 125px;
    width: 94px;
    height: 79px;
  }
  .esg-info-content-box-item-hopelib .esg-info-content-box-item-info {
    top: -78px;
    left: -7px;
  }
  .esg-info-content-box-item-hopelib .esg-info-content-box-item-text {
    right: inherit;
    left: 0;
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
  }
}

.esg-info-content-box-item-dudrim {
  margin-top: 5.8vw;
  margin-left: 41.7333333333vw;
  width: 7.8666666667vw;
  height: 11.0666666667vw;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-dudrim {
    margin-top: 87px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-dudrim {
    margin-left: 626px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-dudrim {
    width: 118px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-dudrim {
    height: 166px;
  }
}
.esg-info-content-box-item-dudrim .esg-info-content-box-item-info {
  top: -5.9333333333vw;
  right: -16.4666666667vw;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-dudrim .esg-info-content-box-item-info {
    top: -89px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-dudrim .esg-info-content-box-item-info {
    right: -247px;
  }
}
.esg-info-content-box-item-dudrim .esg-info-content-box-item-text {
  left: 0;
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
}
.esg-info-content-box-item-dudrim .esg-info-content-box-item-text,
.esg-info-content-box-item-dudrim .esg-info-content-box-item-title {
  border-radius: 2vw 2vw 2vw 0;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-dudrim .esg-info-content-box-item-text,
  .esg-info-content-box-item-dudrim .esg-info-content-box-item-title {
    border-radius: 30px 30px 30px 0;
  }
}
@media (max-width: 820px) {
  .esg-info-content-box-item-dudrim {
    margin-top: 43px;
    margin-left: 237px;
    width: 48px;
    height: 66px;
  }
  .esg-info-content-box-item-dudrim .esg-info-content-box-item-info {
    top: -86px;
    left: -28px;
  }
  .esg-info-content-box-item-dudrim .esg-info-content-box-item-text {
    left: -50%;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
  }
  .esg-info-content-box-item-dudrim .esg-info-content-box-item-text,
  .esg-info-content-box-item-dudrim .esg-info-content-box-item-title {
    border-radius: 0.8888888889rem;
  }
}

.esg-info-content-box-item-kidsland {
  margin-top: 9.3333333333vw;
  margin-left: 50.7333333333vw;
  width: 10.8666666667vw;
  height: 14.5333333333vw;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-kidsland {
    margin-top: 140px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-kidsland {
    margin-left: 761px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-kidsland {
    width: 163px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-kidsland {
    height: 218px;
  }
}
.esg-info-content-box-item-kidsland .esg-info-content-box-item-info {
  top: -0.6vw;
  right: -12.4vw;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-kidsland .esg-info-content-box-item-info {
    top: -9px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-kidsland .esg-info-content-box-item-info {
    right: -186px;
  }
}
.esg-info-content-box-item-kidsland .esg-info-content-box-item-text {
  left: 0;
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
}
.esg-info-content-box-item-kidsland .esg-info-content-box-item-text,
.esg-info-content-box-item-kidsland .esg-info-content-box-item-title {
  border-radius: 2vw 2vw 2vw 0;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-box-item-kidsland .esg-info-content-box-item-text,
  .esg-info-content-box-item-kidsland .esg-info-content-box-item-title {
    border-radius: 30px 30px 30px 0;
  }
}
@media (max-width: 820px) {
  .esg-info-content-box-item-kidsland {
    margin-top: 47px;
    margin-left: 289px;
    width: 75px;
    height: 96px;
  }
  .esg-info-content-box-item-kidsland .esg-info-content-box-item-info {
    top: -42px;
    right: 0px;
  }
  .esg-info-content-box-item-kidsland .esg-info-content-box-item-text {
    left: -155%;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
  }
  .esg-info-content-box-item-kidsland .esg-info-content-box-item-text,
  .esg-info-content-box-item-kidsland .esg-info-content-box-item-title {
    border-radius: 0.8888888889rem;
  }
}

.event-section-footer-esg .event-link-box {
  padding-top: 0;
}

.esg-info-content-more-activity {
  position: relative;
  padding: 11.9333333333vw 0 8.2666666667vw;
  background-color: #caff33;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity {
    padding: 179px 0 124px;
  }
}
@media (max-width: 820px) {
  .esg-info-content-more-activity {
    padding: 3.3333333333rem 0 14.0555555556rem 0;
    overflow: hidden;
  }
}
.esg-info-content-more-activity .category-box-wrap {
  position: relative;
  margin: 0 auto;
  max-width: 72vw;
  text-align: center;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .category-box-wrap {
    max-width: 1080px;
  }
}
@media (max-width: 820px) {
  .esg-info-content-more-activity .category-box-wrap {
    padding: 0 1.1111111111rem;
    max-width: 20rem;
  }
}
.esg-info-content-more-activity .title {
  position: relative;
  font-size: 2.6666666667vw;
  color: #000;
  display: inline-block;
  text-align: center;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -1.2px;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .title {
    font-size: 40px;
  }
}
.esg-info-content-more-activity .title::before {
  content: "";
  position: absolute;
  top: -8.6666666667vw;
  left: -10.8vw;
  width: 11.7333333333vw;
  height: 14.3333333333vw;
  background: url("../images/esg/object-image01.png") no-repeat center;
  background-size: 100% 100%;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .title::before {
    top: -130px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .title::before {
    left: -162px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .title::before {
    width: 176px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .title::before {
    height: 215px;
  }
}
@media (max-width: 820px) {
  .esg-info-content-more-activity .title {
    font-size: 1.1111111111rem;
    letter-spacing: -0.6px;
  }
  .esg-info-content-more-activity .title::before {
    top: -49px;
    left: -42px;
    width: 78px;
    height: 97px;
  }
}
.esg-info-content-more-activity .category-box {
  padding-top: 5.8vw;
  text-align: left;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .category-box {
    padding-top: 87px;
  }
}
@media (max-width: 820px) {
  .esg-info-content-more-activity .category-box {
    position: relative;
    padding-top: 4.0555555556rem;
  }
  .esg-info-content-more-activity .category-box + .category-box {
    padding-top: 3.0555555556rem;
  }
}
.esg-info-content-more-activity .category-box-title {
  width: 22.6666666667vw;
  height: 4.6666666667vw;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2.4vw;
  color: #fff;
  border: 6px solid #000;
  border-width: 0.4vw;
  border-radius: 2vw;
  background-color: #eb008b;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  font-weight: 900;
  letter-spacing: -1.8px;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .category-box-title {
    width: 340px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .category-box-title {
    height: 70px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .category-box-title {
    font-size: 36px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .category-box-title {
    border-width: 6px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .category-box-title {
    border-radius: 30px;
  }
}
@media (max-width: 820px) {
  .esg-info-content-more-activity .category-box-title {
    width: 170px;
    height: 35px;
    font-size: 16px;
    letter-spacing: -0.8px;
    border-radius: 15px;
    border: 3px solid #000;
  }
}
@media (max-width: 820px) {
  .esg-info-content-more-activity .esg-info-content-box-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /* 애니메이션 */
  }
}
.esg-info-content-more-activity .esg-info-content-box {
  padding-top: 1.6666666667vw;
  margin: -2vw -0.6666666667vw 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .esg-info-content-box {
    padding-top: 25px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .esg-info-content-box {
    margin: -30px -10px 0;
  }
}
@media (max-width: 820px) {
  .esg-info-content-more-activity .esg-info-content-box {
    padding-top: 0.4166666667rem;
    width: inherit;
    margin: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.esg-info-content-more-activity .esg-info-content-box-item {
  margin: 1.6666666667vw 0.6666666667vw 0;
  -webkit-transition: none;
  transition: none;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .esg-info-content-box-item {
    margin: 25px 10px 0;
  }
}
@media (max-width: 820px) {
  .esg-info-content-more-activity .esg-info-content-box-item {
    margin: 0.8333333333rem 0 0 0;
    width: calc(50% - 7.5px);
  }
  .esg-info-content-more-activity .esg-info-content-box-item:nth-child(2n) .esg-info-content-box-item-text {
    left: inherit;
    right: 5.5555555556rem;
  }
  .esg-info-content-more-activity .esg-info-content-box-item:nth-child(2n) .esg-info-content-box-item-image {
    right: 0;
  }
}
.esg-info-content-more-activity .esg-info-content-box-item-info {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 22.6666666667vw;
  min-height: 6.6666666667vw;
  -webkit-box-shadow: 4px 10px 0px 0px #000;
          box-shadow: 4px 10px 0px 0px #000;
  -webkit-box-shadow: 0.2666666667vw 0.6666666667vw 0vw 0vw;
          box-shadow: 0.2666666667vw 0.6666666667vw 0vw 0vw;
  border-radius: 2vw;
  border: 6px solid #000;
  border-width: 0.4vw;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .esg-info-content-box-item-info {
    width: 340px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .esg-info-content-box-item-info {
    min-height: 100px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .esg-info-content-box-item-info {
    -webkit-box-shadow: 4px 10px 0px 0px;
            box-shadow: 4px 10px 0px 0px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .esg-info-content-box-item-info {
    border-radius: 30px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .esg-info-content-box-item-info {
    border-width: 6px;
  }
}
.esg-info-content-more-activity .esg-info-content-box-item-info:hover {
  background-color: #ffc0e5;
}
@media (max-width: 820px) {
  .esg-info-content-more-activity .esg-info-content-box-item-info {
    width: 100%;
    min-height: 2.7777777778rem;
    border-width: 3px;
    border-radius: 15px;
    -webkit-box-shadow: 2px 5px 0px 0px #000;
            box-shadow: 2px 5px 0px 0px #000;
  }
}
.esg-info-content-more-activity .esg-info-content-box-item-title {
  padding: 0;
  color: #000;
  font-size: 1.6666666667vw;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -1.25px;
  border: 0;
  border-radius: 2vw;
  background: none;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .esg-info-content-box-item-title {
    font-size: 25px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .esg-info-content-box-item-title {
    border-radius: 30px;
  }
}
@media (max-width: 820px) {
  .esg-info-content-more-activity .esg-info-content-box-item-title {
    font-size: 14px;
    letter-spacing: -0.7px;
    word-break: keep-all;
    max-width: 100%;
    border-radius: 15px;
    white-space: wrap;
  }
}
.esg-info-content-more-activity .esg-info-content-box-item-text {
  bottom: inherit;
  top: 5.3333333333vw;
  left: 17.5333333333vw;
  padding: 2vw;
  min-width: 26.6666666667vw;
  min-height: 15.3333333333vw;
  border-radius: 2vw;
  border: 3px solid #000;
  border-width: 0.2vw;
  background: #fff;
  z-index: 13;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .esg-info-content-box-item-text {
    top: 80px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .esg-info-content-box-item-text {
    left: 263px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .esg-info-content-box-item-text {
    padding: 30px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .esg-info-content-box-item-text {
    min-width: 400px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .esg-info-content-box-item-text {
    min-height: 230px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .esg-info-content-box-item-text {
    border-radius: 30px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .esg-info-content-box-item-text {
    border-width: 3px;
  }
}
.esg-info-content-more-activity .esg-info-content-box-item-text .info-title {
  font-size: 1.6666666667vw;
  font-weight: 600;
  letter-spacing: -1.25px;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .esg-info-content-box-item-text .info-title {
    font-size: 25px;
  }
}
.esg-info-content-more-activity .esg-info-content-box-item-text .info-text {
  font-size: 1.3333333333vw;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -1.2px;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .esg-info-content-box-item-text .info-text {
    font-size: 20px;
  }
}
@media (max-width: 1650px) {
  .esg-info-content-more-activity .esg-info-content-box-item-text {
    left: 10vw;
  }
}
@media screen and (max-width: 1650px) and (min-width: 1500px) {
  .esg-info-content-more-activity .esg-info-content-box-item-text {
    left: 150px;
  }
}
@media (max-width: 820px) {
  .esg-info-content-more-activity .esg-info-content-box-item-text {
    top: 1.9444444444rem;
    left: 5.5555555556rem;
    padding: 25px 15px 15px;
    min-width: 200px;
    min-height: auto;
    border-width: 2px;
    border-radius: 16px;
    z-index: 1;
  }
  .esg-info-content-more-activity .esg-info-content-box-item-text .info-title {
    font-size: 14px;
    letter-spacing: -0.7px;
  }
  .esg-info-content-more-activity .esg-info-content-box-item-text .info-text {
    font-size: 12px;
    letter-spacing: -0.72px;
  }
}
.esg-info-content-more-activity .esg-info-content-box-item-image img {
  margin-bottom: 0.6666666667vw;
  min-width: 42.2666666667vw;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .esg-info-content-box-item-image img {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .esg-info-content-box-item-image img {
    min-width: 634px;
  }
}
@media (max-width: 820px) {
  .esg-info-content-more-activity .esg-info-content-box-item-image {
    left: 0;
  }
  .esg-info-content-more-activity .esg-info-content-box-item-image img {
    margin-bottom: 0.2777777778rem;
    min-width: 15.2222222222rem;
  }
}
.esg-info-content-more-activity .category-info-btn.active .esg-info-content-box-item-text {
  visibility: visible;
  opacity: 1;
}
.esg-info-content-more-activity .detail-close-btn {
  position: absolute;
  top: 1.3333333333vw;
  right: 1.3333333333vw;
  width: 1.8666666667vw;
  height: 1.8666666667vw;
  background: url("../images/esg/close-btn.png") no-repeat center;
  background-size: 100% 100%;
  text-indent: -9999px;
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .detail-close-btn {
    top: 20px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .detail-close-btn {
    right: 20px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .detail-close-btn {
    width: 28px;
  }
}
@media screen and (min-width: 1500px) {
  .esg-info-content-more-activity .detail-close-btn {
    height: 28px;
  }
}
@media (max-width: 820px) {
  .esg-info-content-more-activity .detail-close-btn {
    top: 10px;
    right: 10px;
    width: 14px;
    height: 14px;
  }
}
.esg-info-content-more-activity .category-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.esg-info-content-more-activity .category-bg img {
  width: 100%;
}

.floating-box-esg .floating-box-pc .floating-box-list {
  padding: 1.6666666667rem 0.8888888889rem;
  border-radius: 100px;
  border: 4px solid #000;
  background-color: #caff33;
}
.floating-box-esg .floating-box-pc .floating-box-item-btn {
  width: 100%;
  height: 100%;
  background: none;
  border-radius: 0;
}
.floating-box-esg .floating-box-pc .floating-box-item-share {
  padding-top: 2.5rem;
}
.floating-box-esg .floating-box-pc .floating-box-item-share-item + .floating-box-item-share-item {
  padding-top: 0.8333333333rem;
}
.floating-box-esg .floating-box-item + .floating-box-item {
  padding-top: 1.2222222222rem;
}
.floating-box-esg .floating-instagram-btn .icon {
  width: 2.3333333333rem;
  height: 2.3333333333rem;
}
.floating-box-esg .icon-share {
  width: 1.9444444444rem;
  height: 2.3333333333rem;
  background-image: url("../images/esg/icon-share.png");
}
.floating-box-esg .box-text {
  padding-top: 0.3888888889rem;
  color: #000;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.48px;
}
.floating-box-esg .icon-link {
  width: 3.3333333333rem;
  height: 3.3333333333rem;
  background-image: url("../images/esg/icon-link.png");
}
.floating-box-esg .icon-facebook {
  width: 3.3333333333rem;
  height: 3.3333333333rem;
  background-image: url("../images/esg/icon-facebook.png");
}
.floating-box-esg .icon-twitter {
  width: 3.3333333333rem;
  height: 3.3333333333rem;
  background-image: url("../images/esg/icon-twitter.png");
}
.floating-box-esg .icon-kakao {
  width: 3.3333333333rem;
  height: 3.3333333333rem;
  background-image: url("../images/esg/icon-kakao.png");
}
.floating-box-esg .floating-box-mobile .menu-box {
  width: 1.6666666667rem;
}
.floating-box-esg .floating-box-mobile .share-box {
  width: 1.6666666667rem;
}
.floating-box-esg .floating-box-mobile .chat-box {
  width: 3.6111111111rem;
}
@media (max-width: 820px) {
  .floating-box-esg {
    background-color: #f5ffcf;
  }
}

.uplus-usg-quiz-box {
  position: relative;
  padding: 8vw 0 11.6vw;
  text-align: center;
  color: #fff;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  background-color: #eb008b;
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box {
    padding: 120px 0 174px;
  }
}
.uplus-usg-quiz-box .object-image {
  position: absolute;
  pointer-events: none;
}
.uplus-usg-quiz-box .object-image01 {
  top: 3.7333333333vw;
  left: 10.6vw;
  width: 25.2vw;
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box .object-image01 {
    top: 56px;
  }
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box .object-image01 {
    left: 159px;
  }
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box .object-image01 {
    width: 378px;
  }
}
.uplus-usg-quiz-box .object-image02 {
  left: 0;
  bottom: 0;
  width: 128vw;
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box .object-image02 {
    width: 1920px;
  }
}
.uplus-usg-quiz-box .section-inner {
  position: relative;
}
@media (max-width: 820px) {
  .uplus-usg-quiz-box {
    padding: 3.3333333333rem 0 9.3888888889rem;
  }
  .uplus-usg-quiz-box .object-image01 {
    top: 0.8333333333rem;
    left: -1.4444444444rem;
    width: 6.8333333333rem;
  }
  .uplus-usg-quiz-box .object-image02 {
    width: 100%;
  }
  .uplus-usg-quiz-box .section-inner {
    max-width: 20.8333333333rem;
  }
}

.uplus-usg-quiz-box-title {
  font-size: 5.3333333333vw;
  font-weight: 600;
  letter-spacing: -2.4px;
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-title {
    font-size: 80px;
  }
}
@media (max-width: 820px) {
  .uplus-usg-quiz-box-title {
    font-size: 1.6666666667rem;
  }
}

.uplus-usg-quiz-box-content {
  padding-top: 4.2666666667vw;
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-content {
    padding-top: 64px;
  }
}
@media (max-width: 820px) {
  .uplus-usg-quiz-box-content {
    margin: 0 -1.1111111111rem;
    padding-top: 1.7777777778rem;
  }
}
.uplus-usg-quiz-box-content .quiz-title {
  font-size: 2.3333333333vw;
  font-weight: 600;
  letter-spacing: -1.05px;
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-content .quiz-title {
    font-size: 35px;
  }
}
.uplus-usg-quiz-box-content .quiz-title span {
  font-size: 2vw;
  font-weight: 200;
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-content .quiz-title span {
    font-size: 30px;
  }
}
@media (max-width: 820px) {
  .uplus-usg-quiz-box-content .quiz-title {
    font-size: 1.1111111111rem;
  }
  .uplus-usg-quiz-box-content .quiz-title span {
    font-size: 1rem;
  }
}
.uplus-usg-quiz-box-content .quiz-question-box {
  margin: 2.6666666667vw auto 0;
  max-width: 53.3333333333vw;
  width: 100%;
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-content .quiz-question-box {
    margin: 40px auto 0;
  }
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-content .quiz-question-box {
    max-width: 800px;
  }
}
@media (max-width: 820px) {
  .uplus-usg-quiz-box-content .quiz-question-box {
    margin-top: 1.1111111111rem;
    max-width: 100%;
  }
}
.uplus-usg-quiz-box-content .selector-cover + .selector-cover {
  margin-top: 0.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-content .selector-cover + .selector-cover {
    margin-top: 10px;
  }
}
.uplus-usg-quiz-box-content .selector-cover.checkbox label {
  min-height: 4vw;
  background-image: url("../images/esg/icon-checkbox-round-off.png");
  background-size: 2vw 2vw;
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-content .selector-cover.checkbox label {
    min-height: 60px;
  }
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-content .selector-cover.checkbox label {
    background-size: 30px 30px;
  }
}
.uplus-usg-quiz-box-content .selector-cover input + label {
  background-position: 1.6111111111rem center;
}
@media (max-width: 820px) {
  .uplus-usg-quiz-box-content .selector-cover + .selector-cover {
    padding-top: 0.5555555556rem;
  }
  .uplus-usg-quiz-box-content .selector-cover.checkbox label {
    min-height: 4.4444444444rem;
    background-size: 0.8888888889rem 0.8888888889rem;
  }
  .uplus-usg-quiz-box-content .selector-cover input + label {
    background-position: 0.7222222222rem center;
  }
}
.uplus-usg-quiz-box-content label {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  font-size: 1.6vw;
  color: #fff;
  font-weight: 300;
  letter-spacing: -0.72px;
  border-radius: 10px;
  background-color: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 2.0666666667vw 0;
  border-radius: 10px;
  border: 1px solid #caff33;
  background-color: #000;
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-content label {
    font-size: 24px;
  }
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-content label {
    padding: 31px 0;
  }
}
.uplus-usg-quiz-box-content label strong {
  font-weight: 600;
}
@media (max-width: 820px) {
  .uplus-usg-quiz-box-content label {
    font-size: 14px;
    letter-spacing: -0.42px;
  }
}
.uplus-usg-quiz-box-content .selector-cover.checkbox.round input:checked + label {
  color: #000;
  background-image: url("../images/esg/icon-checkbox-round-on.png");
  background-color: #caff33;
}
@media (max-width: 820px) {
  .uplus-usg-quiz-box-content .selector-cover.checkbox.round input:checked + label {
    border-width: 2px;
  }
}
.uplus-usg-quiz-box-content .quiz-question-box-btn {
  margin: 0 auto;
  padding-top: 2.2666666667vw;
  max-width: 62.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-content .quiz-question-box-btn {
    padding-top: 34px;
  }
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-content .quiz-question-box-btn {
    max-width: 940px;
  }
}
@media (max-width: 820px) {
  .uplus-usg-quiz-box-content .quiz-question-box-btn {
    padding-top: 17px;
    max-width: 17.7777777778rem;
  }
}
.uplus-usg-quiz-box-content .hint-text {
  opacity: 0;
  pointer-events: none;
  padding-left: 1.3333333333vw;
  display: block;
  text-align: left;
  font-size: 1.6vw;
  color: #fff;
  font-weight: 700;
  letter-spacing: -0.72px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-content .hint-text {
    padding-left: 20px;
  }
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-content .hint-text {
    font-size: 24px;
  }
}
.uplus-usg-quiz-box-content .hint-text.show {
  opacity: 1;
  pointer-events: all;
}
@media (max-width: 820px) {
  .uplus-usg-quiz-box-content .hint-text {
    padding-left: 0.5555555556rem;
    font-size: 0.6666666667rem;
    letter-spacing: -0.36px;
  }
}
.uplus-usg-quiz-box-content .btn-wrap {
  padding-top: 1.3333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-content .btn-wrap {
    padding-top: 20px;
  }
}
.uplus-usg-quiz-box-content .btn-wrap a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000;
  font-size: 2vw;
  font-weight: 700;
  letter-spacing: -0.9px;
  line-height: 1.2;
  width: 30.6666666667vw;
  height: 8vw;
  border-radius: 2vw;
  border: 6px solid #000;
  border-width: 0.4vw;
  background-color: #fff;
  -webkit-box-shadow: 4px 10px 0px 0px #000;
          box-shadow: 4px 10px 0px 0px #000;
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-content .btn-wrap a {
    font-size: 30px;
  }
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-content .btn-wrap a {
    width: 460px;
  }
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-content .btn-wrap a {
    height: 120px;
  }
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-content .btn-wrap a {
    border-radius: 30px;
  }
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-content .btn-wrap a {
    border-width: 6px;
  }
}
.uplus-usg-quiz-box-content .btn-wrap a + a {
  margin-left: 0.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-content .btn-wrap a + a {
    margin-left: 10px;
  }
}
@media (max-width: 820px) {
  .uplus-usg-quiz-box-content .btn-wrap {
    padding-top: 0.5555555556rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .uplus-usg-quiz-box-content .btn-wrap a {
    font-size: 1.1111111111rem;
    max-width: 17.7777777778rem;
    width: 100%;
    height: 3.3333333333rem;
    border-width: 3px;
    border-radius: 15px;
    -webkit-box-shadow: 2px 5px 0px 0px #000;
            box-shadow: 2px 5px 0px 0px #000;
    letter-spacing: -0.6px;
  }
  .uplus-usg-quiz-box-content .btn-wrap a + a {
    margin-top: 1.1111111111rem;
    margin-left: 0;
  }
}
.uplus-usg-quiz-box-content a.event-join-btn {
  background-color: #caff33;
}

.uplus-usg-quiz-box-content-box {
  margin: 0 auto;
  padding: 4vw 3.3333333333vw 5.3333333333vw;
  max-width: 76.0666666667vw;
  border-radius: 30px;
  background: #000;
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-content-box {
    padding: 60px 50px 80px;
  }
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-content-box {
    max-width: 1141px;
  }
}
@media (max-width: 820px) {
  .uplus-usg-quiz-box-content-box {
    padding: 2.7777777778rem 1.1111111111rem;
    max-width: 100%;
  }
}

.uplus-usg-quiz-box-event {
  padding-top: 4.2666666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-event {
    padding-top: 64px;
  }
}
@media (max-width: 820px) {
  .uplus-usg-quiz-box-event {
    padding-top: 1.7777777778rem;
  }
}

.uplus-usg-quiz-box-event-text {
  font-size: 2vw;
  font-weight: 300;
  letter-spacing: -0.9px;
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-event-text {
    font-size: 30px;
  }
}
@media (max-width: 820px) {
  .uplus-usg-quiz-box-event-text {
    font-size: 1rem;
    letter-spacing: -0.54px;
  }
}

.uplus-usg-quiz-box-event-info {
  margin-top: 4.2666666667vw;
  padding: 2vw 3.3333333333vw;
  max-width: 48.6666666667vw;
  text-align: left;
  border-radius: 2vw;
  background-color: #000;
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-event-info {
    margin-top: 64px;
  }
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-event-info {
    padding: 30px 50px;
  }
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-event-info {
    max-width: 730px;
  }
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-event-info {
    border-radius: 30px;
  }
}
.uplus-usg-quiz-box-event-info .text-box {
  font-size: 2vw;
  color: #fff;
  font-weight: 600;
  letter-spacing: -0.9px;
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-event-info .text-box {
    font-size: 30px;
  }
}
.uplus-usg-quiz-box-event-info strong {
  color: #caff33;
}
@media (max-width: 820px) {
  .uplus-usg-quiz-box-event-info {
    margin-top: 1.1111111111rem;
    padding: 1.6666666667rem 1.3888888889rem;
    max-width: 100%;
    width: 100%;
    text-align: center;
  }
  .uplus-usg-quiz-box-event-info .text-box {
    font-size: 0.8333333333rem;
    letter-spacing: -0.45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .uplus-usg-quiz-box-event-info .text-box + .text-box {
    padding-top: 0.5555555556rem;
  }
}

.uplus-usg-quiz-box-event-gift {
  padding-top: 4vw;
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-event-gift {
    padding-top: 60px;
  }
}
@media (max-width: 820px) {
  .uplus-usg-quiz-box-event-gift {
    padding-top: 1.7777777778rem;
  }
}

.uplus-usg-quiz-box-event-gift-content {
  padding-top: 2.6666666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-event-gift-content {
    padding-top: 40px;
  }
}
.uplus-usg-quiz-box-event-gift-content .box:first-child {
  margin-left: -2.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-event-gift-content .box:first-child {
    margin-left: -40px;
  }
}
.uplus-usg-quiz-box-event-gift-content .box + .box {
  margin-left: 3.8666666667vw;
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-event-gift-content .box + .box {
    margin-left: 58px;
  }
}
.uplus-usg-quiz-box-event-gift-content .image-box {
  margin: 0 auto;
  width: 30.6666666667vw;
  border-radius: 2vw;
  border: 6px solid #000;
  border-width: 0.4vw;
  background-color: #f6f6f6;
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-event-gift-content .image-box {
    width: 460px;
  }
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-event-gift-content .image-box {
    border-radius: 30px;
  }
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-event-gift-content .image-box {
    border-width: 6px;
  }
}
.uplus-usg-quiz-box-event-gift-content .text-box {
  padding-top: 1.8666666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-event-gift-content .text-box {
    padding-top: 28px;
  }
}
.uplus-usg-quiz-box-event-gift-content .title {
  font-size: 2vw;
  font-weight: 700;
  letter-spacing: -0.9px;
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-event-gift-content .title {
    font-size: 30px;
  }
}
.uplus-usg-quiz-box-event-gift-content .text {
  padding-top: 0.6666666667vw;
  font-size: 1.6vw;
  font-weight: 300;
  letter-spacing: -0.72px;
  word-break: keep-all;
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-event-gift-content .text {
    padding-top: 10px;
  }
}
@media screen and (min-width: 1500px) {
  .uplus-usg-quiz-box-event-gift-content .text {
    font-size: 24px;
  }
}
@media (max-width: 820px) {
  .uplus-usg-quiz-box-event-gift-content {
    padding-top: 1.1111111111rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .uplus-usg-quiz-box-event-gift-content .box:first-child {
    margin-left: 0;
  }
  .uplus-usg-quiz-box-event-gift-content .box + .box {
    margin-top: 0.5555555556rem;
    margin-left: 0;
  }
  .uplus-usg-quiz-box-event-gift-content .image-box {
    width: 12.7777777778rem;
    border-radius: 15px;
    border-width: 3px;
  }
  .uplus-usg-quiz-box-event-gift-content .text-box {
    padding-top: 0.7777777778rem;
  }
  .uplus-usg-quiz-box-event-gift-content .title {
    font-size: 0.8333333333rem;
    letter-spacing: -0.45px;
  }
  .uplus-usg-quiz-box-event-gift-content .text {
    font-size: 0.6666666667rem;
    letter-spacing: -0.36px;
  }
}

@media (max-width: 820px) {
  .floating-box-festival {
    background-color: transparent;
    -webkit-transition: background 0.4s;
    transition: background 0.4s;
  }
  .floating-box-festival.scroll {
    background-color: #34a850;
  }
}

.campus-festival-visual-box {
  position: relative;
  background-image: url("../images/festival/visual-bg.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.campus-festival-visual-box .section-inner {
  padding: 12.6666666667vw 0 8.6vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 1500px) {
  .campus-festival-visual-box .section-inner {
    padding: 190px 0 129px;
  }
}
.campus-festival-visual-box .object-image {
  position: absolute;
}
.campus-festival-visual-box .bg-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.campus-festival-visual-box .bg-object-image01 {
  left: 0;
  bottom: 0;
  width: 42.9666666667vw;
}
@media screen and (min-width: 1500px) {
  .campus-festival-visual-box .bg-object-image01 {
    width: 644.5px;
  }
}
.campus-festival-visual-box .bg-object-image02 {
  top: 0;
  right: 0;
  width: 51.2vw;
}
@media screen and (min-width: 1500px) {
  .campus-festival-visual-box .bg-object-image02 {
    width: 768px;
  }
}
.campus-festival-visual-box .visual-box-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.campus-festival-visual-box .image-box {
  position: relative;
  width: 44.2666666667vw;
  -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
          animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
@media screen and (min-width: 1500px) {
  .campus-festival-visual-box .image-box {
    width: 664px;
  }
}
.campus-festival-visual-box .char-object-image01 {
  left: -10vw;
  bottom: -4.6vw;
  width: 10vw;
}
@media screen and (min-width: 1500px) {
  .campus-festival-visual-box .char-object-image01 {
    left: -150px;
  }
}
@media screen and (min-width: 1500px) {
  .campus-festival-visual-box .char-object-image01 {
    bottom: -69px;
  }
}
@media screen and (min-width: 1500px) {
  .campus-festival-visual-box .char-object-image01 {
    width: 150px;
  }
}
.campus-festival-visual-box .char-object-image02 {
  right: -11.9333333333vw;
  bottom: -4.8vw;
  width: 11.9333333333vw;
}
@media screen and (min-width: 1500px) {
  .campus-festival-visual-box .char-object-image02 {
    right: -179px;
  }
}
@media screen and (min-width: 1500px) {
  .campus-festival-visual-box .char-object-image02 {
    bottom: -72px;
  }
}
@media screen and (min-width: 1500px) {
  .campus-festival-visual-box .char-object-image02 {
    width: 179px;
  }
}
@media (max-width: 820px) {
  .campus-festival-visual-box {
    background-image: url("../images/festival/visual-bg-mo.png");
  }
  .campus-festival-visual-box .section-inner {
    padding: 10.5555555556rem 0 12.7777777778rem;
    max-width: 20.8333333333rem;
  }
  .campus-festival-visual-box .bg-box {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    max-width: 25.5555555556rem;
  }
  .campus-festival-visual-box .bg-box .bg-object-image03,
  .campus-festival-visual-box .bg-box .bg-object-image04 {
    max-width: 25.5555555556rem;
  }
  .campus-festival-visual-box .bg-object-image03 {
    top: 0;
    left: 0;
    max-width: 20.8333333333rem;
    width: 100%;
  }
  .campus-festival-visual-box .bg-object-image04 {
    left: 0;
    bottom: 0;
    max-width: 20.8333333333rem;
    width: 100%;
  }
  .campus-festival-visual-box .image-box {
    max-width: 18.6111111111rem;
    width: 100%;
  }
  .campus-festival-visual-box .char-object-image03 {
    left: 50%;
    bottom: -9.4444444444rem;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 11.5rem;
  }
}

.campus-festival-section-area .nav-wrap {
  background-color: #34a850;
}
.campus-festival-section-area .scrolling li {
  padding-right: 2.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .campus-festival-section-area .scrolling li {
    padding-right: 40px;
  }
}
.campus-festival-section-area .scrolling li .icon-nav01 {
  margin-right: 0.9333333333vw;
  width: 3.1vw;
  height: 2.8333333333vw;
  background-image: url("../images/festival/icon-nav01.png");
}
@media screen and (min-width: 1500px) {
  .campus-festival-section-area .scrolling li .icon-nav01 {
    margin-right: 14px;
  }
}
@media screen and (min-width: 1500px) {
  .campus-festival-section-area .scrolling li .icon-nav01 {
    width: 46.5px;
  }
}
@media screen and (min-width: 1500px) {
  .campus-festival-section-area .scrolling li .icon-nav01 {
    height: 42.5px;
  }
}
.campus-festival-section-area .scrolling li .icon-nav02 {
  margin-right: 0.8vw;
  width: 3.2vw;
  height: 3.3vw;
  background-image: url("../images/festival/icon-nav02.png");
}
@media screen and (min-width: 1500px) {
  .campus-festival-section-area .scrolling li .icon-nav02 {
    margin-right: 12px;
  }
}
@media screen and (min-width: 1500px) {
  .campus-festival-section-area .scrolling li .icon-nav02 {
    width: 48px;
  }
}
@media screen and (min-width: 1500px) {
  .campus-festival-section-area .scrolling li .icon-nav02 {
    height: 49.5px;
  }
}
.campus-festival-section-area .scrolling li .icon-nav03 {
  margin-right: 0.8vw;
  width: 3.3vw;
  height: 3.6vw;
  background-image: url("../images/festival/icon-nav03.png");
}
@media screen and (min-width: 1500px) {
  .campus-festival-section-area .scrolling li .icon-nav03 {
    margin-right: 12px;
  }
}
@media screen and (min-width: 1500px) {
  .campus-festival-section-area .scrolling li .icon-nav03 {
    width: 49.5px;
  }
}
@media screen and (min-width: 1500px) {
  .campus-festival-section-area .scrolling li .icon-nav03 {
    height: 54px;
  }
}
.campus-festival-section-area .scrolling li .icon-nav04 {
  margin-right: 0.8vw;
  width: 2.6vw;
  height: 3.1333333333vw;
  background-image: url("../images/festival/icon-nav04.png");
}
@media screen and (min-width: 1500px) {
  .campus-festival-section-area .scrolling li .icon-nav04 {
    margin-right: 12px;
  }
}
@media screen and (min-width: 1500px) {
  .campus-festival-section-area .scrolling li .icon-nav04 {
    width: 39px;
  }
}
@media screen and (min-width: 1500px) {
  .campus-festival-section-area .scrolling li .icon-nav04 {
    height: 47px;
  }
}
.campus-festival-section-area .scrolling li .icon-nav05 {
  margin-right: 0.8vw;
  width: 3.1vw;
  height: 2.2333333333vw;
  background-image: url("../images/festival/icon-nav05.png");
}
@media screen and (min-width: 1500px) {
  .campus-festival-section-area .scrolling li .icon-nav05 {
    margin-right: 12px;
  }
}
@media screen and (min-width: 1500px) {
  .campus-festival-section-area .scrolling li .icon-nav05 {
    width: 46.5px;
  }
}
@media screen and (min-width: 1500px) {
  .campus-festival-section-area .scrolling li .icon-nav05 {
    height: 33.5px;
  }
}
.campus-festival-section-area .scrolling li .icon-nav06 {
  margin-right: 0.8vw;
  width: 3.4vw;
  height: 2.9333333333vw;
  background-image: url("../images/festival/icon-nav06.png");
}
@media screen and (min-width: 1500px) {
  .campus-festival-section-area .scrolling li .icon-nav06 {
    margin-right: 12px;
  }
}
@media screen and (min-width: 1500px) {
  .campus-festival-section-area .scrolling li .icon-nav06 {
    width: 51px;
  }
}
@media screen and (min-width: 1500px) {
  .campus-festival-section-area .scrolling li .icon-nav06 {
    height: 44px;
  }
}
@media (max-width: 820px) {
  .campus-festival-section-area .scrolling li {
    padding-right: 0.8888888889rem;
  }
  .campus-festival-section-area .scrolling li .icon-nav01 {
    margin-right: 0.3333333333rem;
    width: 1.6666666667rem;
    height: 1.4444444444rem;
  }
  .campus-festival-section-area .scrolling li .icon-nav02 {
    margin-right: 0.5rem;
    width: 1.6666666667rem;
    height: 1.7222222222rem;
  }
  .campus-festival-section-area .scrolling li .icon-nav03 {
    margin-right: 0.3333333333rem;
    width: 1.5rem;
    height: 1.6111111111rem;
  }
  .campus-festival-section-area .scrolling li .icon-nav04 {
    margin-right: 0.5555555556rem;
    width: 1.4444444444rem;
    height: 1.7222222222rem;
  }
  .campus-festival-section-area .scrolling li .icon-nav05 {
    margin-right: 0.3888888889rem;
    width: 1.7222222222rem;
    height: 1.2222222222rem;
  }
  .campus-festival-section-area .scrolling li .icon-nav06 {
    margin-right: 0.3333333333rem;
    width: 1.8888888889rem;
    height: 1.6111111111rem;
  }
}

.festival-section-wrap {
  overflow: hidden;
}
.festival-section-wrap .section-inner {
  padding: 5.3333333333vw 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 85.3333333333vw;
}
@media screen and (min-width: 1500px) {
  .festival-section-wrap .section-inner {
    padding: 80px 0;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section-wrap .section-inner {
    max-width: 1280px;
  }
}
.festival-section-wrap .object-image {
  position: absolute;
  pointer-events: none;
}
.festival-section-wrap .btn {
  position: relative;
  padding: 0 4vw;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 6.6666666667vw;
  border: 4px solid #000;
  border-width: 0.2666666667vw;
  -webkit-box-shadow: 3px 3px 0px 0px #000;
          box-shadow: 3px 3px 0px 0px #000;
  border-radius: 4vw;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  font-size: 2.1333333333vw;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.05em;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #caff33;
}
@media screen and (min-width: 1500px) {
  .festival-section-wrap .btn {
    padding: 0 60px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section-wrap .btn {
    height: 100px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section-wrap .btn {
    border-width: 4px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section-wrap .btn {
    border-radius: 60px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section-wrap .btn {
    font-size: 32px;
  }
}
.festival-section-wrap .ff-open-sans {
  font-family: "Open Sans", arial, sans-serif, Arial, dotum, "돋움";
  font-weight: 600;
  color: #3ea853;
}
.festival-section-wrap .circle-line {
  position: relative;
  margin-right: 0.9333333333vw;
}
@media screen and (min-width: 1500px) {
  .festival-section-wrap .circle-line {
    margin-right: 14px;
  }
}
.festival-section-wrap .circle-line::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: 0.2vw;
  width: 5.2vw;
  height: 3.4vw;
  background: url("../images/festival/circle-line.png") no-repeat center;
  background-size: 100% 100%;
}
@media screen and (min-width: 1500px) {
  .festival-section-wrap .circle-line::before {
    margin-top: 3px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section-wrap .circle-line::before {
    width: 78px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section-wrap .circle-line::before {
    height: 51px;
  }
}
.festival-section-wrap .icon-share {
  margin-right: 0.6666666667vw;
  width: 2.6666666667vw;
  height: 2.6666666667vw;
  background-image: url("../images/festival/icon-share-black.png");
}
@media screen and (min-width: 1500px) {
  .festival-section-wrap .icon-share {
    margin-right: 10px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section-wrap .icon-share {
    width: 40px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section-wrap .icon-share {
    height: 40px;
  }
}
.festival-section-wrap .icon-card {
  margin-right: 0.5333333333vw;
  width: 3.3666666667vw;
  height: 2.6vw;
  background-image: url("../images/festival/icon-card.png");
}
@media screen and (min-width: 1500px) {
  .festival-section-wrap .icon-card {
    margin-right: 8px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section-wrap .icon-card {
    width: 50.5px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section-wrap .icon-card {
    height: 39px;
  }
}
.festival-section-wrap .icon-bell {
  margin-left: 1.8666666667vw;
  width: 5.1333333333vw;
  height: 5.3333333333vw;
  background-image: url("../images/festival/icon-bell.png");
}
@media screen and (min-width: 1500px) {
  .festival-section-wrap .icon-bell {
    margin-left: 28px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section-wrap .icon-bell {
    width: 77px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section-wrap .icon-bell {
    height: 80px;
  }
}
.festival-section-wrap .icon-home {
  margin-right: 0.6666666667vw;
  width: 3.4vw;
  height: 2.9666666667vw;
  background-image: url("../images/festival/icon-home.png");
}
@media screen and (min-width: 1500px) {
  .festival-section-wrap .icon-home {
    margin-right: 10px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section-wrap .icon-home {
    width: 51px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section-wrap .icon-home {
    height: 44.5px;
  }
}
@media (max-width: 820px) {
  .festival-section-wrap .section-inner {
    padding: 2.2222222222rem 1.1111111111rem;
    max-width: 20.8333333333rem;
  }
  .festival-section-wrap .btn-wrap {
    width: 100%;
  }
  .festival-section-wrap .btn {
    padding: 0 1.1111111111rem;
    font-size: 1rem;
    height: 3.6111111111rem;
    border: 0.1666666667rem solid #000;
    border-radius: 3.3333333333rem;
    max-width: 18.6111111111rem;
    width: 100%;
    word-break: keep-all;
  }
  .festival-section-wrap .circle-line {
    margin-right: 0.5rem;
  }
  .festival-section-wrap .circle-line::before {
    margin-top: 0.1111111111rem;
    width: 3rem;
    height: 2.0555555556rem;
    background: url("../images/festival/circle-line-mo.png") no-repeat center;
    background-size: 100% 100%;
  }
  .festival-section-wrap .icon-share {
    margin-right: 0.4444444444rem;
    width: 1.3333333333rem;
    height: 1.3333333333rem;
  }
  .festival-section-wrap .icon-card {
    margin-right: 0.4444444444rem;
    width: 2.3888888889rem;
    height: 1.8333333333rem;
  }
  .festival-section-wrap .icon-bell {
    margin-left: 0.7222222222rem;
    width: 1.9444444444rem;
    height: 2.0555555556rem;
  }
  .festival-section-wrap .icon-home {
    margin-right: 0.4444444444rem;
    width: 1.9444444444rem;
    height: 1.6666666667rem;
  }
}

.festival-card-content-box {
  position: relative;
  padding-top: 4vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 1500px) {
  .festival-card-content-box {
    padding-top: 60px;
  }
}
.festival-card-content-box .swiper-pagination {
  position: relative;
  margin-top: 1.6666666667rem;
  bottom: 0 !important;
}
.festival-card-content-box .swiper-pagination-bullet {
  position: relative;
  margin: 0 0.3333333333rem !important;
  width: 0.5555555556rem;
  height: 0.5555555556rem;
  background-color: #222;
  opacity: 1;
}
.festival-card-content-box .swiper-pagination-bullet::before {
  content: "";
  visibility: hidden;
  opacity: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  margin-top: 0.2777777778rem;
  margin-left: 0.3333333333rem;
  width: 1.7777777778rem;
  height: 1.9166666667rem;
  background: url("../images/festival/circle-line-bullet.png") no-repeat center;
  background-size: 100% 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  pointer-events: none;
}
.festival-card-content-box .swiper-pagination-bullet-active {
  background-color: #eb008b;
}
.festival-card-content-box .swiper-pagination-bullet-active::before {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 820px) {
  .festival-card-content-box {
    padding-top: 1.6666666667rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .festival-card-content-box .swiper-slide {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    height: auto;
  }
}

.festival-card-info-box {
  padding: 2.6666666667vw 0;
  width: 12.5333333333vw;
  background: #fffbe2;
  border-radius: 1.3333333333vw;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  text-align: center;
  color: #222;
  line-height: 1.2;
  font-weight: 500;
}
@media screen and (min-width: 1500px) {
  .festival-card-info-box {
    padding: 40px 0;
  }
}
@media screen and (min-width: 1500px) {
  .festival-card-info-box {
    width: 188px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-card-info-box {
    border-radius: 20px;
  }
}
.festival-card-info-box + .festival-card-info-box {
  margin-left: 2vw;
}
@media screen and (min-width: 1500px) {
  .festival-card-info-box + .festival-card-info-box {
    margin-left: 30px;
  }
}
.festival-card-info-box .label {
  font-size: 1.7333333333vw;
  font-weight: 600;
}
@media screen and (min-width: 1500px) {
  .festival-card-info-box .label {
    font-size: 26px;
  }
}
.festival-card-info-box .text {
  padding-top: 1.3333333333vw;
  font-size: 0.9333333333vw;
}
@media screen and (min-width: 1500px) {
  .festival-card-info-box .text {
    padding-top: 20px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-card-info-box .text {
    font-size: 14px;
  }
}
.festival-card-info-box .image-box {
  display: inline-block;
}
.festival-card-info-box .gift01 {
  margin-top: 1.8666666667vw;
  width: 6.9333333333vw;
}
@media screen and (min-width: 1500px) {
  .festival-card-info-box .gift01 {
    margin-top: 28px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-card-info-box .gift01 {
    width: 104px;
  }
}
.festival-card-info-box .gift02 {
  margin-top: 1.8666666667vw;
  width: 7.1333333333vw;
}
@media screen and (min-width: 1500px) {
  .festival-card-info-box .gift02 {
    margin-top: 28px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-card-info-box .gift02 {
    width: 107px;
  }
}
.festival-card-info-box .gift03 {
  margin-top: 3.2vw;
  width: 10.2vw;
}
@media screen and (min-width: 1500px) {
  .festival-card-info-box .gift03 {
    margin-top: 48px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-card-info-box .gift03 {
    width: 153px;
  }
}
.festival-card-info-box .gift03 + .gift-name {
  padding-top: 2.0666666667vw;
}
@media screen and (min-width: 1500px) {
  .festival-card-info-box .gift03 + .gift-name {
    padding-top: 31px;
  }
}
.festival-card-info-box .gift04 {
  margin-top: 3.2vw;
  width: 9.9333333333vw;
}
@media screen and (min-width: 1500px) {
  .festival-card-info-box .gift04 {
    margin-top: 48px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-card-info-box .gift04 {
    width: 149px;
  }
}
.festival-card-info-box .gift04 + .gift-name {
  padding-top: 2.0666666667vw;
}
@media screen and (min-width: 1500px) {
  .festival-card-info-box .gift04 + .gift-name {
    padding-top: 31px;
  }
}
.festival-card-info-box .gift05 {
  margin-top: 3.2vw;
  width: 9.9333333333vw;
}
@media screen and (min-width: 1500px) {
  .festival-card-info-box .gift05 {
    margin-top: 48px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-card-info-box .gift05 {
    width: 149px;
  }
}
.festival-card-info-box .gift05 + .gift-name {
  padding-top: 2.0666666667vw;
}
@media screen and (min-width: 1500px) {
  .festival-card-info-box .gift05 + .gift-name {
    padding-top: 31px;
  }
}
.festival-card-info-box .gift-name {
  padding-top: 1.3333333333vw;
  font-size: 0.8vw;
}
@media screen and (min-width: 1500px) {
  .festival-card-info-box .gift-name {
    padding-top: 20px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-card-info-box .gift-name {
    font-size: 12px;
  }
}
.festival-card-info-box .logo {
  margin-top: 1.3333333333vw;
  width: 12.8vw;
}
@media screen and (min-width: 1500px) {
  .festival-card-info-box .logo {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-card-info-box .logo {
    width: 192px;
  }
}
@media (max-width: 820px) {
  .festival-card-info-box {
    padding: 1.6666666667rem 0;
    width: 100%;
    height: 100%;
    border-radius: 1.1111111111rem;
  }
  .festival-card-info-box + .festival-card-info-box {
    margin-left: 0;
  }
  .festival-card-info-box .label {
    font-size: 1.2222222222rem;
  }
  .festival-card-info-box .text {
    padding-top: 0.5555555556rem;
    font-size: 0.7777777778rem;
  }
  .festival-card-info-box .gift01 {
    margin-top: 1.1111111111rem;
    max-width: 5.7777777778rem;
    width: 100%;
  }
  .festival-card-info-box .gift02 {
    margin-top: 1.1111111111rem;
    max-width: 5.9444444444rem;
    width: 100%;
  }
  .festival-card-info-box .gift03 {
    margin-top: 1.7777777778rem;
    max-width: 8.5rem;
    width: 100%;
  }
  .festival-card-info-box .gift03 + .gift-name {
    padding-top: 1.7777777778rem;
  }
  .festival-card-info-box .gift04 {
    margin-top: 1.7777777778rem;
    max-width: 8.2777777778rem;
    width: 100%;
  }
  .festival-card-info-box .gift04 + .gift-name {
    padding-top: 1.7777777778rem;
  }
  .festival-card-info-box .gift05 {
    margin-top: 1.7777777778rem;
    max-width: 8.2777777778rem;
    width: 100%;
  }
  .festival-card-info-box .gift05 + .gift-name {
    padding-top: 1.7777777778rem;
  }
  .festival-card-info-box .gift-name {
    padding-top: 0.6666666667rem;
    font-size: 0.6666666667rem;
  }
  .festival-card-info-box .logo {
    margin-top: 1.1111111111rem;
    width: 8.8888888889rem;
  }
}

.festival-section01 {
  background: #fffbe2;
}
.festival-section01 .logo-image {
  position: relative;
  width: 27.0666666667vw;
  z-index: 1;
}
@media screen and (min-width: 1500px) {
  .festival-section01 .logo-image {
    width: 406px;
  }
}
.festival-section01 .title-box {
  position: relative;
  z-index: 1;
  margin-top: 5.3333333333vw;
  text-align: center;
}
@media screen and (min-width: 1500px) {
  .festival-section01 .title-box {
    margin-top: 80px;
  }
}
.festival-section01 .title-box .label-text-image {
  width: 13.8vw;
  z-index: 1;
}
@media screen and (min-width: 1500px) {
  .festival-section01 .title-box .label-text-image {
    width: 207px;
  }
}
.festival-section01 .title-box .title {
  font-size: 5.0666666667vw;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  color: #eb008b;
}
@media screen and (min-width: 1500px) {
  .festival-section01 .title-box .title {
    font-size: 76px;
  }
}
.festival-section01 .title-box .sub-text {
  padding-top: 1.3333333333vw;
  font-size: 2vw;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  color: #222;
}
@media screen and (min-width: 1500px) {
  .festival-section01 .title-box .sub-text {
    padding-top: 20px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section01 .title-box .sub-text {
    font-size: 30px;
  }
}
.festival-section01 .info-text-list-box {
  position: relative;
  padding-top: 2.6666666667vw;
  z-index: 1;
}
@media screen and (min-width: 1500px) {
  .festival-section01 .info-text-list-box {
    padding-top: 40px;
  }
}
.festival-section01 .info-content-box {
  position: relative;
  margin-top: 4vw;
  width: 90.4vw;
  z-index: 0;
}
@media screen and (min-width: 1500px) {
  .festival-section01 .info-content-box {
    margin-top: 60px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section01 .info-content-box {
    width: 1356px;
  }
}
.festival-section01 .info-content-box + .btn-wrap {
  margin-top: -6.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .festival-section01 .info-content-box + .btn-wrap {
    margin-top: -100px;
  }
}
.festival-section01 .info-content-box.double {
  width: 85.3333333333vw;
}
@media screen and (min-width: 1500px) {
  .festival-section01 .info-content-box.double {
    width: 1280px;
  }
}
.festival-section01 .info-content-box.double + .btn-wrap {
  margin-top: 6.0666666667vw;
}
@media screen and (min-width: 1500px) {
  .festival-section01 .info-content-box.double + .btn-wrap {
    margin-top: 91px;
  }
}
.festival-section01 .info-content-box.double .object-bg {
  top: -39vw;
  max-width: 117.2666666667vw;
  margin-left: 6.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .festival-section01 .info-content-box.double .object-bg {
    top: -585px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section01 .info-content-box.double .object-bg {
    max-width: 1759px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section01 .info-content-box.double .object-bg {
    margin-left: 100px;
  }
}
.festival-section01 .info-content-box-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.festival-section01 .info-content-box-item {
  width: 41.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .festival-section01 .info-content-box-item {
    width: 625px;
  }
}
.festival-section01 .object-bg {
  top: -28.8vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
  max-width: 128vw;
}
@media screen and (min-width: 1500px) {
  .festival-section01 .object-bg {
    top: -432px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section01 .object-bg {
    max-width: 1920px;
  }
}
.festival-section01 .object-char {
  top: -8.3333333333vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 16.4vw;
  z-index: 0;
}
@media screen and (min-width: 1500px) {
  .festival-section01 .object-char {
    top: -125px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section01 .object-char {
    width: 246px;
  }
}
@media (max-width: 820px) {
  .festival-section01 .logo-image {
    width: 15.2777777778rem;
  }
  .festival-section01 .title-box {
    margin-top: 2.2222222222rem;
  }
  .festival-section01 .title-box .label-text-image {
    width: 9.3888888889rem;
  }
  .festival-section01 .title-box .title {
    padding-top: 1.6666666667rem;
    font-size: 1.7777777778rem;
  }
  .festival-section01 .title-box .sub-text {
    padding-top: 1.1111111111rem;
    font-size: 1.1111111111rem;
    font-weight: 600;
  }
  .festival-section01 .info-text-list-box {
    padding-top: 1.6666666667rem;
  }
  .festival-section01 .info-content-box {
    margin-top: 1.1111111111rem;
    width: 100%;
  }
  .festival-section01 .info-content-box + .btn-wrap {
    margin-top: 6.7222222222rem;
  }
  .festival-section01 .object-bg {
    top: -15.2777777778rem;
    max-width: 20.8333333333rem;
  }
  .festival-section01 .object-char {
    top: -5.6111111111rem;
    width: 10.4444444444rem;
  }
  .festival-section01 .info-content-box.double {
    width: 100%;
  }
  .festival-section01 .info-content-box.double + .btn-wrap {
    margin-top: 4.5rem;
  }
  .festival-section01 .info-content-box.double .object-bg {
    top: -16.3888888889rem;
    width: 20.8333333333rem;
    margin-left: 0;
  }
  .festival-section01 .info-content-box-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .festival-section01 .info-content-box-item {
    width: 100%;
  }
  .festival-section01 .info-content-box-item + .info-content-box-item {
    margin-top: 1.1111111111rem;
  }
}

.festival-content-box {
  padding-top: 5.3333333333vw;
  width: 100%;
  color: #222;
}
@media screen and (min-width: 1500px) {
  .festival-content-box {
    padding-top: 80px;
  }
}
.festival-content-box > div {
  padding: 5.3333333333vw 0;
  background-color: #f8f3d4;
  border-radius: 2.4vw;
  text-align: center;
}
@media screen and (min-width: 1500px) {
  .festival-content-box > div {
    padding: 80px 0;
  }
}
@media screen and (min-width: 1500px) {
  .festival-content-box > div {
    border-radius: 36px;
  }
}
.festival-content-box > div + div {
  margin-top: 1.3333333333vw;
}
@media screen and (min-width: 1500px) {
  .festival-content-box > div + div {
    margin-top: 20px;
  }
}
.festival-content-box .char-image {
  top: -2vw;
  left: 11.1333333333vw;
  width: 9.7666666667vw;
  height: 7.1333333333vw;
}
@media screen and (min-width: 1500px) {
  .festival-content-box .char-image {
    top: -30px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-content-box .char-image {
    left: 167px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-content-box .char-image {
    width: 146.5px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-content-box .char-image {
    height: 107px;
  }
}
.festival-content-box .intro-content-box .box + .box {
  padding-top: 5.3333333333vw;
}
@media screen and (min-width: 1500px) {
  .festival-content-box .intro-content-box .box + .box {
    padding-top: 80px;
  }
}
.festival-content-box .intro-content-box .title {
  font-size: 3.2vw;
  font-weight: 600;
  line-height: 1.1;
  text-align: center;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
}
@media screen and (min-width: 1500px) {
  .festival-content-box .intro-content-box .title {
    font-size: 48px;
  }
}
.festival-content-box .intro-content-box .intro-image {
  margin-top: 2.6666666667vw;
  max-width: 70.8vw;
}
@media screen and (min-width: 1500px) {
  .festival-content-box .intro-content-box .intro-image {
    margin-top: 40px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-content-box .intro-content-box .intro-image {
    max-width: 1062px;
  }
}
.festival-content-box .game-content-box {
  font-size: 1.4666666667vw;
  text-align: center;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
}
@media screen and (min-width: 1500px) {
  .festival-content-box .game-content-box {
    font-size: 22px;
  }
}
.festival-content-box .game-content-box span {
  color: #eb008b;
}
.festival-content-box .game-content-box .title {
  padding-top: 1.3333333333vw;
  font-size: 3.2vw;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
}
@media screen and (min-width: 1500px) {
  .festival-content-box .game-content-box .title {
    padding-top: 20px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-content-box .game-content-box .title {
    font-size: 48px;
  }
}
.festival-content-box .game-content-box .info-text {
  padding-top: 1.3333333333vw;
  font-size: 0.9333333333vw;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.04em;
  text-align: center;
}
@media screen and (min-width: 1500px) {
  .festival-content-box .game-content-box .info-text {
    padding-top: 20px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-content-box .game-content-box .info-text {
    font-size: 14px;
  }
}
.festival-content-box .game-content-box .text-box {
  padding-top: 5.3333333333vw;
}
@media screen and (min-width: 1500px) {
  .festival-content-box .game-content-box .text-box {
    padding-top: 80px;
  }
}
.festival-content-box .game-content-box .btn-wrap {
  padding-top: 2vw;
}
@media screen and (min-width: 1500px) {
  .festival-content-box .game-content-box .btn-wrap {
    padding-top: 30px;
  }
}
.festival-content-box .school-ranking-box {
  margin-top: 2vw;
  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;
}
@media screen and (min-width: 1500px) {
  .festival-content-box .school-ranking-box {
    margin-top: 30px;
  }
}
.festival-content-box .school-ranking-box-item {
  position: relative;
  margin-top: 1.3333333333vw;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 22.2666666667vw;
  min-height: 5.92vw;
  padding: 2vw 2.6666666667vw;
  background-color: #fffbe2;
  border-radius: 1.3333333333vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: right;
  font-size: 1.6vw;
  font-weight: 600;
  line-height: 1.2;
  text-align: left;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
}
@media screen and (min-width: 1500px) {
  .festival-content-box .school-ranking-box-item {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-content-box .school-ranking-box-item {
    width: 334px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-content-box .school-ranking-box-item {
    min-height: 88.8px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-content-box .school-ranking-box-item {
    padding: 30px 40px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-content-box .school-ranking-box-item {
    border-radius: 20px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-content-box .school-ranking-box-item {
    font-size: 24px;
  }
}
.festival-content-box .school-ranking-box-item + .school-ranking-box-item {
  margin-left: 2vw;
}
@media screen and (min-width: 1500px) {
  .festival-content-box .school-ranking-box-item + .school-ranking-box-item {
    margin-left: 30px;
  }
}
.festival-content-box .school-ranking-box-item:last-child .name {
  padding-left: 3.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .festival-content-box .school-ranking-box-item:last-child .name {
    padding-left: 55px;
  }
}
.festival-content-box .school-ranking-box-item:nth-child(3) {
  margin-left: 0;
}
.festival-content-box .school-ranking-box-item.first {
  margin-top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  background-color: #eb008b;
}
.festival-content-box .school-ranking-box-item.first::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border: 10px solid rgba(235, 0, 139, 0.1019607843);
  border-radius: 2vw;
}
@media screen and (min-width: 1500px) {
  .festival-content-box .school-ranking-box-item.first::before {
    border-radius: 30px;
  }
}
.festival-content-box .school-ranking-box-item.first + .school-ranking-box-item {
  margin-top: 2vw;
}
@media screen and (min-width: 1500px) {
  .festival-content-box .school-ranking-box-item.first + .school-ranking-box-item {
    margin-top: 30px;
  }
}
.festival-content-box .school-ranking-box-item.first .number {
  font-size: 2.1333333333vw;
}
@media screen and (min-width: 1500px) {
  .festival-content-box .school-ranking-box-item.first .number {
    font-size: 32px;
  }
}
.festival-content-box .school-ranking-box-item.long {
  padding-left: 7.2vw;
  padding-right: 7.2vw;
  margin-left: 0;
  width: 70.8vw;
  text-align: center;
}
@media screen and (min-width: 1500px) {
  .festival-content-box .school-ranking-box-item.long {
    padding-left: 108px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-content-box .school-ranking-box-item.long {
    padding-right: 108px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-content-box .school-ranking-box-item.long {
    width: 1062px;
  }
}
.festival-content-box .school-ranking-box-item.long .name {
  padding-left: 0;
  text-align: center;
}
.festival-content-box .school-ranking-box-item .number {
  position: absolute;
  top: 50%;
  left: 2.6666666667vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (min-width: 1500px) {
  .festival-content-box .school-ranking-box-item .number {
    left: 40px;
  }
}
.festival-content-box .school-ranking-box-item .name {
  padding-left: 2.6666666667vw;
  width: 100%;
  text-align: right;
}
@media screen and (min-width: 1500px) {
  .festival-content-box .school-ranking-box-item .name {
    padding-left: 40px;
  }
}
.festival-content-box .school-ranking-box-item .icon-box {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.festival-content-box .school-ranking-box-item .trophy-gold {
  right: 2.9333333333vw;
  width: 4.3333333333vw;
  height: 4.5vw;
  background-image: url("../images/festival/icon-trophy.png");
}
@media screen and (min-width: 1500px) {
  .festival-content-box .school-ranking-box-item .trophy-gold {
    right: 44px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-content-box .school-ranking-box-item .trophy-gold {
    width: 65px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-content-box .school-ranking-box-item .trophy-gold {
    height: 67.5px;
  }
}
.festival-content-box .school-ranking-box-item .trophy-silver {
  right: 3.3333333333vw;
  width: 3.2vw;
  height: 3.2vw;
  background-image: url("../images/festival/icon-medal.png");
}
@media screen and (min-width: 1500px) {
  .festival-content-box .school-ranking-box-item .trophy-silver {
    right: 50px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-content-box .school-ranking-box-item .trophy-silver {
    width: 48px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-content-box .school-ranking-box-item .trophy-silver {
    height: 48px;
  }
}
.festival-content-box .school-ranking-box-item .rank-uth-image {
  position: absolute;
  top: -1.2666666667vw;
  right: -0.8666666667vw;
  width: 4.2666666667vw;
  height: 3.5666666667vw;
}
@media screen and (min-width: 1500px) {
  .festival-content-box .school-ranking-box-item .rank-uth-image {
    top: -19px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-content-box .school-ranking-box-item .rank-uth-image {
    right: -13px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-content-box .school-ranking-box-item .rank-uth-image {
    width: 64px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-content-box .school-ranking-box-item .rank-uth-image {
    height: 53.5px;
  }
}
.festival-content-box .event-content-box {
  font-size: 1.4666666667vw;
  text-align: center;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
}
@media screen and (min-width: 1500px) {
  .festival-content-box .event-content-box {
    font-size: 22px;
  }
}
.festival-content-box .event-content-box .sub-title span {
  color: #eb008b;
}
.festival-content-box .event-content-box .title {
  padding-top: 1.3333333333vw;
  font-size: 3.2vw;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
}
@media screen and (min-width: 1500px) {
  .festival-content-box .event-content-box .title {
    padding-top: 20px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-content-box .event-content-box .title {
    font-size: 48px;
  }
}
.festival-content-box .event-content-box .title span {
  color: #eb008b;
}
.festival-content-box .event-content-box .info-text-list-box {
  margin: 0 auto;
  max-width: 43.3333333333vw;
}
@media screen and (min-width: 1500px) {
  .festival-content-box .event-content-box .info-text-list-box {
    max-width: 650px;
  }
}
.festival-content-box .event-content-box .info-text-list-box-item {
  text-align: left;
}
@media (max-width: 820px) {
  .festival-content-box {
    padding-top: 2.2222222222rem;
  }
  .festival-content-box > div {
    padding: 2.2222222222rem 1.1111111111rem;
    border-radius: 1.1111111111rem;
  }
  .festival-content-box > div + div {
    margin-top: 1.1111111111rem;
  }
  .festival-content-box .char-image {
    top: -3.6666666667rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 6.1666666667rem;
    height: 4.2222222222rem;
  }
  .festival-content-box .intro-content-box .box + .box {
    padding-top: 2.2222222222rem;
  }
  .festival-content-box .intro-content-box .title {
    font-size: 1.4444444444rem;
    white-space: nowrap;
  }
  .festival-content-box .intro-content-box .intro-image {
    margin: 1.1111111111rem auto 0;
    max-width: 16.3888888889rem;
    width: 100%;
  }
  .festival-content-box .game-content-box {
    font-size: 0.8888888889rem;
  }
  .festival-content-box .game-content-box .sub-title {
    line-height: 1.4;
  }
  .festival-content-box .game-content-box .title {
    padding-top: 0.8888888889rem;
    font-size: 1.5555555556rem;
    white-space: nowrap;
  }
  .festival-content-box .game-content-box .info-text {
    padding-top: 0.5555555556rem;
    font-size: 0.6666666667rem;
  }
  .festival-content-box .game-content-box .text-box {
    padding-top: 1.6666666667rem;
  }
  .festival-content-box .game-content-box .btn-wrap {
    padding-top: 1.1111111111rem;
  }
  .festival-content-box .game-content-box .btn {
    max-width: 16.3888888889rem;
  }
  .festival-content-box .school-ranking-box {
    margin-top: 4.4444444444rem;
  }
  .festival-content-box .school-ranking-box-item {
    margin-top: 0.5555555556rem;
    max-width: 16.3888888889rem;
    width: 100%;
    min-height: 3.4216666667rem;
    padding: 1.1111111111rem 2.7777777778rem;
    border-radius: 0.7777777778rem;
    font-size: 1rem;
  }
  .festival-content-box .school-ranking-box-item + .school-ranking-box-item {
    margin-left: 0;
  }
  .festival-content-box .school-ranking-box-item:last-child {
    padding-left: 3.3333333333rem;
    padding-right: 3.3333333333rem;
  }
  .festival-content-box .school-ranking-box-item:last-child .name {
    padding-left: 0;
  }
  .festival-content-box .school-ranking-box-item.first::before {
    border-radius: 1.3333333333rem;
  }
  .festival-content-box .school-ranking-box-item.first + .school-ranking-box-item {
    margin-top: 1.1111111111rem;
  }
  .festival-content-box .school-ranking-box-item.first .number {
    font-size: 1rem;
  }
  .festival-content-box .school-ranking-box-item.long {
    padding-left: 2.7777777778rem;
    padding-right: 2.7777777778rem;
    max-width: 16.3888888889rem;
    width: 100%;
  }
  .festival-content-box .school-ranking-box-item .number {
    left: 1.1111111111rem;
  }
  .festival-content-box .school-ranking-box-item .name {
    padding-left: 0;
    text-align: center;
  }
  .festival-content-box .school-ranking-box-item .trophy-gold {
    right: 0.5555555556rem;
    width: 2.2222222222rem;
    height: 2.2222222222rem;
  }
  .festival-content-box .school-ranking-box-item .trophy-silver {
    right: 0.6666666667rem;
    width: 1.6666666667rem;
    height: 1.6666666667rem;
  }
  .festival-content-box .school-ranking-box-item .rank-uth-image {
    top: -0.5555555556rem;
    right: -0.5rem;
    width: 2.7222222222rem;
    height: 2.2777777778rem;
  }
  .festival-content-box .event-content-box {
    font-size: 0.8888888889rem;
    overflow: hidden;
  }
  .festival-content-box .event-content-box .sub-title {
    line-height: 1.4;
  }
  .festival-content-box .event-content-box .title {
    padding-top: 0.8888888889rem;
    font-size: 1.5555555556rem;
  }
  .festival-content-box .event-content-box .info-text-list-box {
    margin: 0 auto;
    max-width: 15.3333333333rem;
  }
  .festival-content-box .event-content-box .info-text-list-box-item {
    text-align: left;
  }
  .festival-content-box .event-content-box .label-sub-text {
    letter-spacing: -0.06em;
  }
}
@media (max-width: 320px) {
  .festival-content-box .intro-content-box .title {
    white-space: wrap;
    word-break: keep-all;
  }
  .festival-content-box .game-content-box .title {
    white-space: wrap;
    word-break: keep-all;
  }
}

.info-text-list-box .info-text-list-box-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.info-text-list-box .info-text-list-box-item + .info-text-list-box-item {
  margin-top: 1.0666666667vw;
}
@media screen and (min-width: 1500px) {
  .info-text-list-box .info-text-list-box-item + .info-text-list-box-item {
    margin-top: 16px;
  }
}
.info-text-list-box .label-text {
  min-width: 7.4vw;
  padding: 0.8666666667vw 1.0666666667vw;
  border-radius: 2vw;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #000;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  font-size: 1.3333333333vw;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.05em;
  color: rgba(255, 255, 255, 0.8);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width: 1500px) {
  .info-text-list-box .label-text {
    min-width: 111px;
  }
}
@media screen and (min-width: 1500px) {
  .info-text-list-box .label-text {
    padding: 13px 16px;
  }
}
@media screen and (min-width: 1500px) {
  .info-text-list-box .label-text {
    border-radius: 30px;
  }
}
@media screen and (min-width: 1500px) {
  .info-text-list-box .label-text {
    font-size: 20px;
  }
}
.info-text-list-box .label-sub-text {
  margin-top: 0.6666666667vw;
  margin-left: 1.0666666667vw;
  display: block;
  font-size: 1.3333333333vw;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.04em;
  text-align: left;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  color: #000;
  word-break: keep-all;
}
@media screen and (min-width: 1500px) {
  .info-text-list-box .label-sub-text {
    margin-top: 10px;
  }
}
@media screen and (min-width: 1500px) {
  .info-text-list-box .label-sub-text {
    margin-left: 16px;
  }
}
@media screen and (min-width: 1500px) {
  .info-text-list-box .label-sub-text {
    font-size: 20px;
  }
}
@media (max-width: 820px) {
  .info-text-list-box .info-text-list-box-item + .info-text-list-box-item {
    margin-top: 0.5555555556rem;
  }
  .info-text-list-box .label-text {
    min-width: 3.8888888889rem;
    padding: 0.3888888889rem 0.5rem 0.3333333333rem;
    border-radius: 1.6666666667rem;
    font-size: 0.7222222222rem;
  }
  .info-text-list-box .label-sub-text {
    margin-top: 0.2777777778rem;
    margin-left: 0.5555555556rem;
    font-size: 0.7222222222rem;
    word-break: keep-all;
  }
}

.festival-line-banner-box {
  margin-top: -5.6666666667vw;
  padding-top: 5.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .festival-line-banner-box {
    margin-top: -85px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-line-banner-box {
    padding-top: 85px;
  }
}
.festival-line-banner-box .banner-line-box-wrap {
  padding: 0.2666666667vw 0;
  height: 6.1333333333vw;
  background-color: #eb008b;
  font-size: 1.7333333333vw;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.05em;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  line-height: 1.2;
}
@media screen and (min-width: 1500px) {
  .festival-line-banner-box .banner-line-box-wrap {
    padding: 4px 0;
  }
}
@media screen and (min-width: 1500px) {
  .festival-line-banner-box .banner-line-box-wrap {
    height: 92px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-line-banner-box .banner-line-box-wrap {
    font-size: 26px;
  }
}
.festival-line-banner-box .banner-line-box {
  height: 100%;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}
.festival-line-banner-box .section-inner {
  position: relative;
  padding: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  height: 100%;
}
.festival-line-banner-box .circle-line-box {
  padding-left: 1.4vw;
}
@media screen and (min-width: 1500px) {
  .festival-line-banner-box .circle-line-box {
    padding-left: 21px;
  }
}
.festival-line-banner-box .text-box {
  position: relative;
  padding-left: 1.6666666667vw;
  color: rgba(255, 255, 255, 0.8);
}
@media screen and (min-width: 1500px) {
  .festival-line-banner-box .text-box {
    padding-left: 25px;
  }
}
.festival-line-banner-box .circle-line::before {
  width: 5.8333333333vw;
  height: 3.8vw;
  background-image: url("../images/festival/circle-line-white.png");
}
@media screen and (min-width: 1500px) {
  .festival-line-banner-box .circle-line::before {
    width: 87.5px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-line-banner-box .circle-line::before {
    height: 57px;
  }
}
.festival-line-banner-box .object-char {
  position: absolute;
  right: -9.0666666667vw;
  top: -5.6666666667vw;
  width: 15.1vw;
  height: 10.2vw;
}
@media screen and (min-width: 1500px) {
  .festival-line-banner-box .object-char {
    right: -136px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-line-banner-box .object-char {
    top: -85px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-line-banner-box .object-char {
    width: 226.5px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-line-banner-box .object-char {
    height: 153px;
  }
}
.festival-line-banner-box .ff-open-sans {
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 820px) {
  .festival-line-banner-box {
    margin-top: -2.2222222222rem;
    padding-top: 2.2222222222rem;
  }
  .festival-line-banner-box .banner-line-box-wrap {
    padding: 0.2222222222rem 0;
    height: 6.0555555556rem;
    font-size: 1rem;
  }
  .festival-line-banner-box .banner-line-box {
    height: 100%;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
  }
  .festival-line-banner-box .section-inner {
    padding-top: 0.6666666667rem;
    padding-left: 1.1111111111rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .festival-line-banner-box .circle-line-box {
    padding-left: 0.2777777778rem;
  }
  .festival-line-banner-box .text-box {
    padding-top: 0.5555555556rem;
    padding-left: 0;
  }
  .festival-line-banner-box .circle-line {
    margin-right: 0.8888888889rem;
  }
  .festival-line-banner-box .circle-line::before {
    margin-top: 0.1111111111rem;
    margin-left: 0.1111111111rem;
    width: 3.1944444444rem;
    height: 2.1944444444rem;
    background-image: url("../images/festival/circle-line-white-mo.png");
  }
  .festival-line-banner-box .object-char {
    top: -2.3888888889rem;
    right: 1.1111111111rem;
    width: 6.2222222222rem;
    height: 4.2222222222rem;
  }
}
@media (max-width: 320px) {
  .festival-line-banner-box .banner-line-box-wrap {
    height: 100%;
  }
  .festival-line-banner-box .object-char {
    top: -2.3888888889rem;
    right: 0.5555555556rem;
    width: 4.5555555556rem;
    height: 3.1111111111rem;
  }
}

.festival-section02 {
  position: relative;
  background-color: #fde2d9;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  color: #222;
}
.festival-section02 .section-inner {
  position: relative;
  display: block;
  overflow: hidden;
}
.festival-section02 .bg-object-image01 {
  top: 2.2vw;
  left: 0;
  width: 36.3333333333vw;
}
@media screen and (min-width: 1500px) {
  .festival-section02 .bg-object-image01 {
    top: 33px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section02 .bg-object-image01 {
    width: 545px;
  }
}
.festival-section02 .bg-object-image02 {
  top: 47.3333333333vw;
  right: -5.3333333333vw;
  width: 52.9333333333vw;
}
@media screen and (min-width: 1500px) {
  .festival-section02 .bg-object-image02 {
    top: 710px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section02 .bg-object-image02 {
    right: -80px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section02 .bg-object-image02 {
    width: 794px;
  }
}
.festival-section02 .title-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.festival-section02 .festival-card-info-box {
  width: 15.4666666667vw;
  background-color: #f7d7cd;
}
@media screen and (min-width: 1500px) {
  .festival-section02 .festival-card-info-box {
    width: 232px;
  }
}
.festival-section02 .label-text-image {
  width: 17.2333333333vw;
}
@media screen and (min-width: 1500px) {
  .festival-section02 .label-text-image {
    width: 258.5px;
  }
}
.festival-section02 .title {
  font-size: 5.0666666667vw;
}
@media screen and (min-width: 1500px) {
  .festival-section02 .title {
    font-size: 76px;
  }
}
.festival-section02 .text-box {
  padding-top: 5.3333333333vw;
  font-size: 3.2vw;
}
@media screen and (min-width: 1500px) {
  .festival-section02 .text-box {
    padding-top: 80px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section02 .text-box {
    font-size: 48px;
  }
}
.festival-section02 .text-box span {
  color: #eb008b;
}
.festival-section02 .btn-wrap {
  padding-top: 2.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .festival-section02 .btn-wrap {
    padding-top: 40px;
  }
}
.festival-section02 .festival-invitation-intro {
  margin-top: 4vw;
  margin-bottom: -5.3333333333vw;
  text-align: center;
}
@media screen and (min-width: 1500px) {
  .festival-section02 .festival-invitation-intro {
    margin-top: 60px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section02 .festival-invitation-intro {
    margin-bottom: -80px;
  }
}
.festival-section02 .festival-invitation-intro .image-box {
  display: inline-block;
  max-width: 56.2666666667vw;
}
@media screen and (min-width: 1500px) {
  .festival-section02 .festival-invitation-intro .image-box {
    max-width: 844px;
  }
}
@media (max-width: 820px) {
  .festival-section02 .bg-object-image01 {
    top: 3.8333333333rem;
    left: -2.9444444444rem;
    width: 10.2222222222rem;
  }
  .festival-section02 .bg-object-image02 {
    top: -1.6666666667rem;
    right: -2.5rem;
    width: 15.1111111111rem;
    z-index: -1;
  }
  .festival-section02 .festival-card-info-box {
    width: 100%;
  }
  .festival-section02 .label-text-image {
    width: 11rem;
  }
  .festival-section02 .title {
    font-size: 1.7777777778rem;
    letter-spacing: -0.8px;
  }
  .festival-section02 .text-box {
    margin-right: -0.2777777778rem;
    margin-left: -0.2777777778rem;
    position: relative;
    padding-top: 1.6666666667rem;
    font-size: 1rem;
    z-index: 1;
  }
  .festival-section02 .btn-wrap {
    padding-top: 1.1111111111rem;
  }
  .festival-section02 .festival-invitation-intro {
    position: relative;
    margin-top: 1.6666666667rem;
    margin-bottom: -1.6666666667rem;
    z-index: 2;
  }
  .festival-section02 .festival-invitation-intro .image-box {
    max-width: 18.6666666667rem;
  }
}

.festival-section03 {
  position: relative;
  background-color: #ebf3d3;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  color: #222;
}
.festival-section03 .section-inner {
  position: relative;
}
.festival-section03 .bg-object-image01 {
  top: 0;
  right: 0;
  width: 53.3333333333vw;
}
@media screen and (min-width: 1500px) {
  .festival-section03 .bg-object-image01 {
    width: 800px;
  }
}
.festival-section03 .title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.festival-section03 .title-box .title {
  font-size: 3.2vw;
}
@media screen and (min-width: 1500px) {
  .festival-section03 .title-box .title {
    font-size: 48px;
  }
}
.festival-section03 .label-text-image {
  width: 17.2333333333vw;
}
@media screen and (min-width: 1500px) {
  .festival-section03 .label-text-image {
    width: 258.5px;
  }
}
.festival-section03 .info-content-box {
  padding-top: 2.6666666667vw;
  width: 100%;
}
@media screen and (min-width: 1500px) {
  .festival-section03 .info-content-box {
    padding-top: 40px;
  }
}
.festival-section03 .info-content-box > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 4vw;
  padding-bottom: 4vw;
  background-color: #e5efc7;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  border-radius: 2.4vw;
}
@media screen and (min-width: 1500px) {
  .festival-section03 .info-content-box > div {
    padding-top: 60px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section03 .info-content-box > div {
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section03 .info-content-box > div {
    border-radius: 36px;
  }
}
.festival-section03 .info-content-box > div + div {
  margin-top: 1.3333333333vw;
}
@media screen and (min-width: 1500px) {
  .festival-section03 .info-content-box > div + div {
    margin-top: 20px;
  }
}
.festival-section03 .week-content-box .title {
  margin-right: -5.3333333333vw;
  padding-top: 2.6666666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 5.0666666667vw;
}
@media screen and (min-width: 1500px) {
  .festival-section03 .week-content-box .title {
    margin-right: -80px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section03 .week-content-box .title {
    padding-top: 40px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section03 .week-content-box .title {
    font-size: 76px;
  }
}
.festival-section03 .week-box-logo {
  width: 16.5333333333vw;
}
@media screen and (min-width: 1500px) {
  .festival-section03 .week-box-logo {
    width: 248px;
  }
}
.festival-section03 .info-text-list-box {
  margin-right: -5.3333333333vw;
  padding-top: 2.6666666667vw;
  text-align: left;
}
@media screen and (min-width: 1500px) {
  .festival-section03 .info-text-list-box {
    margin-right: -80px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section03 .info-text-list-box {
    padding-top: 40px;
  }
}
.festival-section03 .gift-content-box .title {
  font-size: 3.2vw;
}
@media screen and (min-width: 1500px) {
  .festival-section03 .gift-content-box .title {
    font-size: 48px;
  }
}
.festival-section03 .gift-content-box span {
  color: #eb008b;
}
.festival-section03 .benefit-box {
  padding-top: 2.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .festival-section03 .benefit-box {
    padding-top: 40px;
  }
}
.festival-section03 .benefit-box .label {
  padding: 0.4vw 0.8vw;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.2vw;
  border-radius: 2vw;
  font-weight: 500;
  letter-spacing: -0.05em;
  text-align: left;
  color: #eb008b;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(235, 0, 139, 0.1)), to(rgba(235, 0, 139, 0.1))), -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2)));
  background: linear-gradient(0deg, rgba(235, 0, 139, 0.1), rgba(235, 0, 139, 0.1)), linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width: 1500px) {
  .festival-section03 .benefit-box .label {
    padding: 6px 12px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section03 .benefit-box .label {
    font-size: 18px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section03 .benefit-box .label {
    border-radius: 30px;
  }
}
.festival-section03 .benefit-box .text {
  padding-top: 1.3333333333vw;
  font-size: 1.7333333333vw;
  font-weight: 600;
}
@media screen and (min-width: 1500px) {
  .festival-section03 .benefit-box .text {
    padding-top: 20px;
  }
}
@media screen and (min-width: 1500px) {
  .festival-section03 .benefit-box .text {
    font-size: 26px;
  }
}
.festival-section03 .benefit-box .image-box {
  margin-top: 2.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .festival-section03 .benefit-box .image-box {
    margin-top: 40px;
  }
}
.festival-section03 .benefit-box .image-box01 {
  width: 74.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .festival-section03 .benefit-box .image-box01 {
    width: 1120px;
  }
}
.festival-section03 .benefit-box .image-box02 {
  width: 36.2666666667vw;
}
@media screen and (min-width: 1500px) {
  .festival-section03 .benefit-box .image-box02 {
    width: 544px;
  }
}
.festival-section03 .btn-wrap {
  padding-top: 2.6666666667vw;
}
@media screen and (min-width: 1500px) {
  .festival-section03 .btn-wrap {
    padding-top: 40px;
  }
}
@media (max-width: 820px) {
  .festival-section03 .bg-object-image01 {
    top: -3.5rem;
    right: 0;
    width: 16.2222222222rem;
  }
  .festival-section03 .title-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .festival-section03 .title-box .title {
    font-size: 1.3333333333rem;
    letter-spacing: -0.8px;
  }
  .festival-section03 .label-text-image {
    width: 10.9777777778rem;
  }
  .festival-section03 .info-content-box {
    padding-top: 1.1111111111rem;
  }
  .festival-section03 .info-content-box > div {
    padding-top: 2.2222222222rem;
    padding-bottom: 2.2222222222rem;
    border-radius: 1.1111111111rem;
  }
  .festival-section03 .info-content-box > div + div {
    margin-top: 1.1111111111rem;
  }
  .festival-section03 .week-content-box .title {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-right: -2.6666666667rem;
    padding-top: 1.6666666667rem;
    font-size: 1.7777777778rem;
  }
  .festival-section03 .week-box-logo {
    width: 10.6111111111rem;
  }
  .festival-section03 .info-text-list-box {
    margin-right: 0;
    padding-top: 1.6666666667rem;
    max-width: 13.5rem;
  }
  .festival-section03 .gift-content-box {
    padding-right: 0.5555555556rem;
    padding-left: 0.5555555556rem;
  }
  .festival-section03 .gift-content-box .title {
    font-size: 1.5555555556rem;
  }
  .festival-section03 .benefit-box {
    padding-top: 1.6666666667rem;
  }
  .festival-section03 .benefit-box + .benefit-box {
    padding-top: 2.2222222222rem;
  }
  .festival-section03 .benefit-box .label {
    padding: 0.3888888889rem 0.6666666667rem;
    font-size: 0.7222222222rem;
    border-radius: 1.6666666667rem;
  }
  .festival-section03 .benefit-box .text {
    padding-top: 1.1111111111rem;
    font-size: 1.1111111111rem;
  }
  .festival-section03 .benefit-box .image-box {
    margin-top: 1.1111111111rem;
    max-width: 17.5rem;
    width: 100%;
  }
  .festival-section03 .benefit-box .image-box02 {
    margin: 1.1111111111rem auto 0;
    width: 15.3333333333rem;
  }
  .festival-section03 .btn-wrap {
    padding-top: 1.1111111111rem;
  }
}

.festival-top-go-btn-box {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 0.5555555556rem;
  bottom: 3.3333333333rem;
  z-index: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.festival-top-go-btn-box.show {
  visibility: visible;
  opacity: 1;
}
.festival-top-go-btn-box .top-go-button {
  display: block;
  width: 2.2222222222rem;
}

.game-intro-popup.full-scroll .popup-container {
  border-radius: 20px;
}
.game-intro-popup .popup-header .btn-close {
  top: 0.8888888889rem;
  right: 0.8888888889rem;
  background-image: url("../images/festival/close-btn.png");
}
.game-intro-popup .popup-container.medium {
  max-width: 34.7222222222rem;
  width: 100%;
}
.game-intro-popup .popup-inner {
  background-color: #d4f4e1;
  background-image: url("../images/festival/round-object-image.png");
  background-position: center;
}
.game-intro-popup .title-text {
  width: 17.6388888889rem;
}
.game-intro-popup .text-box {
  padding-top: 1.6666666667rem;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  font-size: 1.4444444444rem;
  line-height: 33.8px;
  font-weight: 600;
  color: #222;
}
.game-intro-popup .text-box strong {
  font-weight: 800;
}
.game-intro-popup .text {
  padding-top: 1.1111111111rem;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  font-size: 1.1111111111rem;
  font-weight: 600;
  line-height: 1.4;
}
.game-intro-popup .btn-wrap {
  position: relative;
  margin-top: 10.3888888889rem;
}
.game-intro-popup .btn-wrap .object-image {
  position: absolute;
  top: -9.2777777778rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 10.4444444444rem;
}
.game-intro-popup .btn {
  position: relative;
  width: 14.0555555556rem;
  height: 4.7777777778rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  font-size: 1.4444444444rem;
  font-weight: 600;
  line-height: 4.6666666667rem;
  letter-spacing: -0.05em;
  text-align: center;
  border: 0.2222222222rem solid #000;
  background-color: #caff33;
  -webkit-box-shadow: 3px 3px 0px 0px #000000;
          box-shadow: 3px 3px 0px 0px #000000;
  border-radius: 3.3333333333rem;
  color: #000;
}
@media (max-width: 820px) {
  .game-intro-popup.full-scroll .popup-container {
    border-radius: 10px;
  }
  .game-intro-popup .popup-container.medium {
    max-width: 20.8333333333rem;
  }
  .game-intro-popup .popup-inner {
    background-size: 100%;
  }
  .game-intro-popup .title-text {
    width: 11.5555555556rem;
  }
  .game-intro-popup .text-box {
    padding-top: 0.8333333333rem;
    font-size: 1rem;
  }
  .game-intro-popup .text {
    padding-top: 0.5555555556rem;
    font-size: 0.7777777778rem;
  }
  .game-intro-popup .btn-wrap {
    margin-top: 5.1944444444rem;
  }
  .game-intro-popup .btn-wrap .object-image {
    top: -4.6388888889rem;
    width: 5.2222222222rem;
  }
  .game-intro-popup .btn {
    width: 9.6111111111rem;
    height: 2.9444444444rem;
    font-size: 1rem;
    line-height: 2.8333333333rem;
    border: 0.1111111111rem solid #000;
    -webkit-box-shadow: 1.5px 1.5px 0px 0px #000000;
            box-shadow: 1.5px 1.5px 0px 0px #000000;
  }
}

.uth-festival-invitation-popup.full-scroll .popup-container {
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2509803922);
          box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2509803922);
}
.uth-festival-invitation-popup .popup-header .btn-close {
  top: 0.8888888889rem;
  right: 0.8888888889rem;
  background-image: url("../images/festival/close-btn.png");
}
.uth-festival-invitation-popup .popup-container.medium {
  max-width: 34.7222222222rem;
  width: 100%;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2509803922);
          box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2509803922);
}
.uth-festival-invitation-popup .popup-inner {
  background-color: #fde2d9;
}
.uth-festival-invitation-popup.open .festival-invitation-info-box::before {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}
.uth-festival-invitation-popup .festival-invitation-info-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.uth-festival-invitation-popup .festival-invitation-info-box::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  width: 31.5rem;
  height: 27.8888888889rem;
  background-image: url("../images/festival/bg-festival-flame.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.uth-festival-invitation-popup .festival-invitation-info-box > * {
  position: relative;
}
.uth-festival-invitation-popup .title {
  width: 22.1666666667rem;
}
.uth-festival-invitation-popup .sub-text {
  margin-top: -1.3888888889rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 9.8888888889rem;
  height: 2.1111111111rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.05em;
  text-align: left;
  color: rgba(235, 0, 139, 0.8);
  background: rgba(235, 0, 139, 0.1019607843);
  border-radius: 30px;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
}
.uth-festival-invitation-popup .image-box {
  margin-top: 1.0555555556rem;
  width: 22.2222222222rem;
}
.uth-festival-invitation-popup .btn-wrap {
  position: relative;
  margin-top: 8.8888888889rem;
}
.uth-festival-invitation-popup .btn-wrap .object-image {
  position: absolute;
  top: -7.3333333333rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: 21.2222222222rem;
}
.uth-festival-invitation-popup .btn {
  position: relative;
  min-width: 17.0555555556rem;
  height: 4.7777777778rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  font-size: 1.4444444444rem;
  font-weight: 600;
  line-height: 4.6666666667rem;
  letter-spacing: -0.05em;
  text-align: center;
  border: 0.2222222222rem solid #000;
  background-color: #caff33;
  -webkit-box-shadow: 3px 3px 0px 0px #000000;
          box-shadow: 3px 3px 0px 0px #000000;
  border-radius: 3.3333333333rem;
  color: #000;
}
@media (max-width: 820px) {
  .uth-festival-invitation-popup.full-scroll .popup-container {
    border-radius: 10px;
  }
  .uth-festival-invitation-popup .popup-container.medium {
    max-width: 20.8333333333rem;
  }
  .uth-festival-invitation-popup .popup-inner {
    background-size: 100%;
  }
  .uth-festival-invitation-popup .festival-invitation-info-box::before {
    max-width: 15.75rem;
    width: 100%;
    height: 13.9444444444rem;
  }
  .uth-festival-invitation-popup .title {
    width: 11.6944444444rem;
  }
  .uth-festival-invitation-popup .sub-text {
    margin-top: -0.6944444444rem;
    width: 7.1666666667rem;
    height: 1.6111111111rem;
    font-size: 0.6666666667rem;
    border-radius: 15px;
  }
  .uth-festival-invitation-popup .image-box {
    margin-top: 1.0555555556rem;
    width: 11.6666666667rem;
  }
  .uth-festival-invitation-popup .btn-wrap {
    margin-top: 4.4444444444rem;
  }
  .uth-festival-invitation-popup .btn-wrap .object-image {
    top: -3.6666666667rem;
    max-width: 10.6111111111rem;
  }
  .uth-festival-invitation-popup .btn {
    min-width: 10.1666666667rem;
    height: 2.9444444444rem;
    font-size: 0.8888888889rem;
    line-height: 2.8333333333rem;
    border: 0.1111111111rem solid #000;
    -webkit-box-shadow: 1.5px 1.5px 0px 0px #000000;
            box-shadow: 1.5px 1.5px 0px 0px #000000;
  }
}

.game-result-content-box-wrap {
  width: 100%;
  height: 100%;
  background-color: #fff9c8;
}

.game-result-content-box {
  position: relative;
  padding: 80px 0 110px;
  margin: 0 auto;
  max-width: 1080px;
  width: 100%;
  background-color: #fff9c8;
}
.game-result-content-box .fc-pink {
  color: #e8118b;
}
.game-result-content-box .object-image {
  position: absolute;
}
.game-result-content-box .object-image-top {
  top: 0;
}
.game-result-content-box .object-image-bottom {
  bottom: 0;
}
.game-result-content-box .section-inner {
  position: relative;
  padding-right: 0;
  padding-left: 0;
  max-width: 880px;
}
.game-result-content-box .content-box {
  margin-top: 40px;
  padding: 60px 20px;
  background-color: #fff;
  border: 6px solid #00122d;
  border-radius: 36px;
  text-align: center;
}
.game-result-content-box .game-score-box {
  padding-bottom: 30px;
}
.game-result-content-box .game-score-box .name-box {
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  font-size: 46px;
  font-weight: 800;
  line-height: 59.8px;
  text-align: center;
}
.game-result-content-box .game-score-box .score {
  padding-top: 30px;
  font-family: "Jalnan2", "JalnanGothic", sans-serif, Arial, dotum, "돋움";
  font-size: 120px;
  font-weight: 400;
  line-height: 156px;
  text-align: center;
  color: #000;
  letter-spacing: -0.06em;
}
.game-result-content-box .game-score-box .score .number {
  color: #2ca464;
}
.game-result-content-box .rank-title {
  font-size: 46px;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  font-weight: 800;
  line-height: 59.8px;
  text-align: center;
}
.game-result-content-box .rank-content-box {
  padding-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.game-result-content-box .rank-content-box-item {
  max-width: 708px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.game-result-content-box .rank-content-box-item + .rank-content-box-item {
  margin-top: 30px;
}
.game-result-content-box .rank-content-box-item .icon-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 48px;
  height: 48px;
  text-indent: -9999px;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.game-result-content-box .rank-content-box-item .medal-gold {
  background-image: url("../images/game/medal-gold.png");
}
.game-result-content-box .rank-content-box-item .medal-silver {
  background-image: url("../images/game/medal-silver.png");
}
.game-result-content-box .rank-content-box-item .medal-copper {
  background-image: url("../images/game/medal-copper.png");
}
.game-result-content-box .rank-content-box-item .rank-number {
  width: 130px;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  font-size: 42px;
  font-weight: 900;
  line-height: 54.6px;
  text-align: right;
  word-wrap: break-word;
}
.game-result-content-box .rank-content-box-item .name {
  width: 250px;
  font-family: "SCDream", arial, sans-serif, Arial, dotum, "돋움" !important;
  font-size: 42px;
  font-weight: 900;
  line-height: 54.6px;
  text-align: right;
  word-wrap: break-word;
}
.game-result-content-box .rank-content-box-item .score {
  margin-bottom: -7px;
  padding-left: 10px;
  width: 280px;
  font-family: "JalnanGothic", arial, sans-serif, Arial, dotum, "돋움";
  font-size: 42px;
  font-weight: 400;
  line-height: 54.6px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #000;
  word-wrap: break-word;
}
.game-result-content-box .rank-content-box-item .rank-score {
  font-family: "JalnanGothic", arial, sans-serif, Arial, dotum, "돋움";
  color: #2ca464;
}
.game-result-content-box .btn-wrap {
  padding-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.game-result-content-box .btn {
  width: calc(50% - 10px);
}
@media (max-width: 1080px) {
  .game-result-content-box {
    padding: 7.4074074074vw 0 10.1851851852vw;
    max-width: 100vw;
  }
  .game-result-content-box .section-inner {
    max-width: 81.4814814815vw;
  }
  .game-result-content-box .content-box {
    margin-top: 3.7037037037vw;
    padding: 5.5555555556vw 1.8518518519vw;
    border-width: 0.5555555556vw;
    border-radius: 3.3333333333vw;
  }
  .game-result-content-box .game-score-box {
    padding-bottom: 2.7777777778vw;
  }
  .game-result-content-box .game-score-box .name-box {
    font-size: 4.2592592593vw;
    line-height: 5.537037037vw;
  }
  .game-result-content-box .game-score-box .score {
    padding-top: 2.7777777778vw;
    font-size: 11.1111111111vw;
    line-height: 14.4444444444vw;
  }
  .game-result-content-box .rank-title {
    font-size: 4.2592592593vw;
    line-height: 5.537037037vw;
  }
  .game-result-content-box .rank-content-box {
    padding-top: 3.7037037037vw;
  }
  .game-result-content-box .rank-content-box-item {
    max-width: 65.5555555556vw;
  }
  .game-result-content-box .rank-content-box-item + .rank-content-box-item {
    margin-top: 2.7777777778vw;
  }
  .game-result-content-box .rank-content-box-item .icon-box {
    width: 4.4444444444vw;
    height: 4.4444444444vw;
  }
  .game-result-content-box .rank-content-box-item .rank-number {
    width: 12.037037037vw;
    font-size: 3.8888888889vw;
    line-height: 5.0555555556vw;
  }
  .game-result-content-box .rank-content-box-item .name {
    width: 23.1481481481vw;
    font-size: 3.8888888889vw;
    line-height: 5.0555555556vw;
  }
  .game-result-content-box .rank-content-box-item .score {
    margin-bottom: -0.6481481481vw;
    padding-left: 0.9259259259vw;
    width: 25.9259259259vw;
    font-size: 3.8888888889vw;
    line-height: 5.0555555556vw;
  }
  .game-result-content-box .btn-wrap {
    padding-top: 3.7037037037vw;
  }
  .game-result-content-box .btn {
    width: calc(50% - 0.9259259259vw);
  }
}

@media (max-width: 1080px) {
  .game-result-content-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
  }
}