@charset "UTF-8";
/* variables */
/*util*/
/* 크레딧 서비스 */
@property --angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0turn;
}
@keyframes spin {
  to {
    --angle: 1turn;
  }
}
.credits #container .contents-body {
  margin-top: 0;
  padding-bottom: 0;
}

.credits #container .panel {
  max-width: none;
}

.credits #container .panel > .inner {
  max-width: 1280px;
}

.credits #container .gom-content-inner-wrap {
  padding: 120px 0;
  will-change: transform;
}

.credits #container .gom-title-wrap,
.credits #container .gom-title {
  font-size: 32px;
  line-height: 1.5;
  text-align: center;
}

.credits #container .gom-title-wrap .h-desc {
  margin-top: 24px;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 400;
}

.credits #container .lnb-wrap {
  right: 24px;
  left: 24px;
  width: auto;
  max-width: 1600px;
  margin: 0 auto 12px auto;
  padding: 0 112px 0 80px;
  border-radius: 40px;
  background-color: #4078ff;
  box-shadow: 0px 4px 10px 0px rgba(255, 255, 255, 0.4);
  box-sizing: border-box;
  color: #FFFFFF;
}

.credits #container .lnb-wrap .lnb-inner {
  max-width: none;
  height: 68px;
  margin: 0 auto;
  padding: 0;
  justify-content: center;
}

.credits #container .lnb-wrap .lnb-inner .intro_wrap {
  margin: 0;
  flex: 0 1 auto;
  gap: 8px 36px;
}

.credits #container .lnb-wrap .lnb-inner .intro_wrap .intro {
  font-size: 20px;
  line-height: 1.5;
}

.credits #container .lnb-wrap .lnb-inner .btn-downloads [class^=btn-] .ico {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23131313' d='M14 6.5h-.75v3h1.5v-3H14Zm-3 3h.75v-3h-1.5v3H11Zm-6-3h.75V6h-1.5v.5H5ZM3 4h.75v-.5h-1.5V4H3Zm1.5-2v.75h11v-1.5h-11V2Zm11 0v.75a.75.75 0 0 1 .75.75h1.5a2.25 2.25 0 0 0-2.25-2.25V2ZM3 3.5h.75a.75.75 0 0 1 .75-.75v-1.5A2.25 2.25 0 0 0 2.25 3.5H3ZM4 5v-.75A.25.25 0 0 1 3.75 4h-1.5c0 .966.784 1.75 1.75 1.75V5Zm1 1h.75A1.75 1.75 0 0 0 4 4.25v1.5a.25.25 0 0 1 .25.25H5Zm1.5 2v-.75a.75.75 0 0 1-.75-.75h-1.5A2.25 2.25 0 0 0 6.5 8.75V8ZM8 6.5h-.75a.75.75 0 0 1-.75.75v1.5A2.25 2.25 0 0 0 8.75 6.5H8ZM9.5 5v-.75A2.25 2.25 0 0 0 7.25 6.5h1.5a.75.75 0 0 1 .75-.75V5ZM11 6.5h.75A2.25 2.25 0 0 0 9.5 4.25v1.5a.75.75 0 0 1 .75.75H11Zm1.5 4.5v-.75a.75.75 0 0 1-.75-.75h-1.5a2.25 2.25 0 0 0 2.25 2.25V11ZM14 9.5h-.75a.75.75 0 0 1-.75.75v1.5a2.25 2.25 0 0 0 2.25-2.25H14ZM15.5 5v-.75a2.25 2.25 0 0 0-2.25 2.25h1.5a.75.75 0 0 1 .75-.75V5Zm0 0v.75a2.25 2.25 0 0 0 2.25-2.25h-1.5a.75.75 0 0 1-.75.75V5Z'/%3E%3Cpath stroke='%23131313' stroke-width='1.5' d='M4 5 2.688 7.107a6 6 0 0 0-.382 5.625l.771 1.722A6 6 0 0 0 8.553 18h2.894a6 6 0 0 0 5.476-3.546l.771-1.722a6 6 0 0 0-.382-5.625L16 5'/%3E%3C/svg%3E");
  background-size: cover;
}

.credits #container .lnb-wrap .lnb-inner .btn-lnb-close {
  position: absolute;
  top: 50%;
  right: 40px;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-width='1.5' d='m5 5 14 14' data-name='선 465'/%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-width='1.5' d='M19 5 5 19' data-name='선 466'/%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='사각형 283' opacity='.2'/%3E%3C/svg%3E");
  background-size: cover;
  transform: translateY(-50%);
}

.credits #container .sticky-nav {
  height: 58px;
}

.credits #container .sticky-nav .sticky-inner {
  height: 58px;
  padding: 0 24px;
  background-color: white;
  box-shadow: none;
  box-sizing: border-box;
  transition: box-shadow ease 0.5s;
  z-index: 2;
}

.credits #container .sticky-nav .sticky-inner.is-sticky {
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px) saturate(200%);
}

.credits #container .sticky-nav .tab-button {
  max-width: 1280px;
  height: 100%;
  margin: 0 auto;
  gap: 16px;
  justify-content: center;
}

.credits #container .sticky-nav .tab-button > li {
  display: flex;
  width: 100%;
  margin: 0;
  align-items: center;
  justify-content: center;
}

.credits #container .sticky-nav .tab-button > li a {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0;
  border-radius: 0;
  align-items: center;
  background-color: transparent;
  color: #575757;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 700;
  text-align: center;
}

.credits #container .sticky-nav .tab-button > li a.active {
  color: #5772E8;
}

.credits #container .sticky-nav .tab-button > li a.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #5772E8;
}

.credits #container .sticky-nav .tab-button > li.nav-credits-info a span {
  display: inline-flex;
  gap: 6px;
  align-items: center;
}

.credits #container .sticky-nav .tab-button > li.nav-credits-info a span::before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23575757' d='M14 6.5h-.75v3h1.5v-3H14Zm-3 3h.75v-3h-1.5v3H11Zm-6-3h.75V6h-1.5v.5H5ZM3 4h.75v-.5h-1.5V4H3Zm1.5-2v.75h11v-1.5h-11V2Zm11 0v.75a.75.75 0 0 1 .75.75h1.5a2.25 2.25 0 0 0-2.25-2.25V2ZM3 3.5h.75a.75.75 0 0 1 .75-.75v-1.5A2.25 2.25 0 0 0 2.25 3.5H3ZM4 5v-.75A.25.25 0 0 1 3.75 4h-1.5c0 .966.784 1.75 1.75 1.75V5Zm1 1h.75A1.75 1.75 0 0 0 4 4.25v1.5a.25.25 0 0 1 .25.25H5Zm1.5 2v-.75a.75.75 0 0 1-.75-.75h-1.5A2.25 2.25 0 0 0 6.5 8.75V8ZM8 6.5h-.75a.75.75 0 0 1-.75.75v1.5A2.25 2.25 0 0 0 8.75 6.5H8ZM9.5 5v-.75A2.25 2.25 0 0 0 7.25 6.5h1.5a.75.75 0 0 1 .75-.75V5ZM11 6.5h.75A2.25 2.25 0 0 0 9.5 4.25v1.5a.75.75 0 0 1 .75.75H11Zm1.5 4.5v-.75a.75.75 0 0 1-.75-.75h-1.5a2.25 2.25 0 0 0 2.25 2.25V11ZM14 9.5h-.75a.75.75 0 0 1-.75.75v1.5a2.25 2.25 0 0 0 2.25-2.25H14ZM15.5 5v-.75a2.25 2.25 0 0 0-2.25 2.25h1.5a.75.75 0 0 1 .75-.75V5Zm0 0v.75a2.25 2.25 0 0 0 2.25-2.25h-1.5a.75.75 0 0 1-.75.75V5Z'/%3E%3Cpath stroke='%23575757' stroke-width='1.5' d='M4 5 2.688 7.107a6 6 0 0 0-.382 5.625l.771 1.722A6 6 0 0 0 8.553 18h2.894a6 6 0 0 0 5.476-3.546l.771-1.722a6 6 0 0 0-.382-5.625L16 5'/%3E%3C/svg%3E");
  background-size: cover;
}

.credits #container .sticky-nav .tab-button > li.nav-credits-info a.active span::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%235772E8' d='M14 6.5h-.75v3h1.5v-3H14Zm-3 3h.75v-3h-1.5v3H11Zm-6-3h.75V6h-1.5v.5H5ZM3 4h.75v-.5h-1.5V4H3Zm1.5-2v.75h11v-1.5h-11V2Zm11 0v.75a.75.75 0 0 1 .75.75h1.5a2.25 2.25 0 0 0-2.25-2.25V2ZM3 3.5h.75a.75.75 0 0 1 .75-.75v-1.5A2.25 2.25 0 0 0 2.25 3.5H3ZM4 5v-.75A.25.25 0 0 1 3.75 4h-1.5c0 .966.784 1.75 1.75 1.75V5Zm1 1h.75A1.75 1.75 0 0 0 4 4.25v1.5a.25.25 0 0 1 .25.25H5Zm1.5 2v-.75a.75.75 0 0 1-.75-.75h-1.5A2.25 2.25 0 0 0 6.5 8.75V8ZM8 6.5h-.75a.75.75 0 0 1-.75.75v1.5A2.25 2.25 0 0 0 8.75 6.5H8ZM9.5 5v-.75A2.25 2.25 0 0 0 7.25 6.5h1.5a.75.75 0 0 1 .75-.75V5ZM11 6.5h.75A2.25 2.25 0 0 0 9.5 4.25v1.5a.75.75 0 0 1 .75.75H11Zm1.5 4.5v-.75a.75.75 0 0 1-.75-.75h-1.5a2.25 2.25 0 0 0 2.25 2.25V11ZM14 9.5h-.75a.75.75 0 0 1-.75.75v1.5a2.25 2.25 0 0 0 2.25-2.25H14ZM15.5 5v-.75a2.25 2.25 0 0 0-2.25 2.25h1.5a.75.75 0 0 1 .75-.75V5Zm0 0v.75a2.25 2.25 0 0 0 2.25-2.25h-1.5a.75.75 0 0 1-.75.75V5Z'/%3E%3Cpath stroke='%235772E8' stroke-width='1.5' d='M4 5 2.688 7.107a6 6 0 0 0-.382 5.625l.771 1.722A6 6 0 0 0 8.553 18h2.894a6 6 0 0 0 5.476-3.546l.771-1.722a6 6 0 0 0-.382-5.625L16 5'/%3E%3C/svg%3E");
}

.credits #container .credits-info {
  background: linear-gradient(180deg, #fbf5ff 0%, #e4e8ff 100%);
}

.credits #container .credits-info > .inner {
  position: relative;
  z-index: 1;
}

.credits #container .credits-info .gom-title-wrap .h-desc > strong {
  display: inline-flex;
  align-items: center;
  color: #5772E8;
}

.credits #container .credits-info .gom-title-wrap .h-desc > strong > em {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%235772E8' d='M14 6.5h-.75v3h1.5v-3H14Zm-3 3h.75v-3h-1.5v3H11Zm-6-3h.75V6h-1.5v.5H5ZM3 4h.75v-.5h-1.5V4H3Zm1.5-2v.75h11v-1.5h-11V2Zm11 0v.75a.75.75 0 0 1 .75.75h1.5a2.25 2.25 0 0 0-2.25-2.25V2ZM3 3.5h.75a.75.75 0 0 1 .75-.75v-1.5A2.25 2.25 0 0 0 2.25 3.5H3ZM4 5v-.75A.25.25 0 0 1 3.75 4h-1.5c0 .966.784 1.75 1.75 1.75V5Zm1 1h.75A1.75 1.75 0 0 0 4 4.25v1.5a.25.25 0 0 1 .25.25H5Zm1.5 2v-.75a.75.75 0 0 1-.75-.75h-1.5A2.25 2.25 0 0 0 6.5 8.75V8ZM8 6.5h-.75a.75.75 0 0 1-.75.75v1.5A2.25 2.25 0 0 0 8.75 6.5H8ZM9.5 5v-.75A2.25 2.25 0 0 0 7.25 6.5h1.5a.75.75 0 0 1 .75-.75V5ZM11 6.5h.75A2.25 2.25 0 0 0 9.5 4.25v1.5a.75.75 0 0 1 .75.75H11Zm1.5 4.5v-.75a.75.75 0 0 1-.75-.75h-1.5a2.25 2.25 0 0 0 2.25 2.25V11ZM14 9.5h-.75a.75.75 0 0 1-.75.75v1.5a2.25 2.25 0 0 0 2.25-2.25H14ZM15.5 5v-.75a2.25 2.25 0 0 0-2.25 2.25h1.5a.75.75 0 0 1 .75-.75V5Zm0 0v.75a2.25 2.25 0 0 0 2.25-2.25h-1.5a.75.75 0 0 1-.75.75V5Z'/%3E%3Cpath stroke='%235772E8' stroke-width='1.5' d='M4 5 2.688 7.107a6 6 0 0 0-.382 5.625l.771 1.722A6 6 0 0 0 8.553 18h2.894a6 6 0 0 0 5.476-3.546l.771-1.722a6 6 0 0 0-.382-5.625L16 5'/%3E%3C/svg%3E");
  background-size: cover;
}

.credits #container .credits-info .gom-content-inner {
  padding-top: 32px;
}

.credits #container .credits-info .credit-plans .credit-unit {
  color: #5772E8;
  font-size: 12px;
  line-height: 1.7;
  font-weight: 700;
  text-align: right;
}

.credits #container .credits-info .credit-plans .plan-item-wrap {
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(auto-fit, minmax(calc(33.33% - 40px), 1fr));
  margin-top: 12px;
  pointer-events: none;
}

.credits #container .credits-info .credit-plans .plan-item-wrap:hover .plan-item:not(:hover) {
  box-shadow: none;
}

.credits #container .credits-info .credit-plans .plan-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  background-color: #bcc5f6;
  box-shadow: 0px 10px 40px 0px rgb(217, 215, 245);
  transition: box-shadow ease 0.5s;
  pointer-events: auto;
}

.credits #container .credits-info .credit-plans .plan-item .plan-title {
  display: flex;
  flex-shrink: 0;
  height: 50px;
  padding-top: 14px;
  justify-content: center;
  border-radius: 30px 30px 0 0;
  background-color: #bcc5f6;
  box-sizing: border-box;
  color: #FFFFFF;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
}

.credits #container .credits-info .credit-plans .plan-item .plan-top-info .plan-info-txt {
  font-size: 14px;
  line-height: 1.6;
}

.credits #container .credits-info .credit-plans .plan-item .plan-top-info .price-info {
  display: flex;
  gap: 4px 6px;
  align-items: baseline;
  margin-top: 16px;
  flex-wrap: wrap;
}

.credits #container .credits-info .credit-plans .plan-item .plan-top-info .price-info .origin-price {
  font-size: 40px;
  line-height: 1.5;
  font-weight: 700;
}

.credits #container .credits-info .credit-plans .plan-item .plan-top-info .price-info .unit {
  font-size: 18px;
  line-height: 1.5;
}

.credits #container .credits-info .credit-plans .plan-item .plan-top-info .price-info .info {
  color: #575757;
  font-size: 13px;
  line-height: 1.6;
  font-style: normal;
}

.credits #container .credits-info .credit-plans .plan-item .plan-info-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
  padding: 40px 30px;
  border-radius: 30px;
  background-color: #FFFFFF;
  box-sizing: border-box;
}

.credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-info-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

.credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-option {
  padding: 20px;
  border-radius: 10px;
}

.credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-option .inp-chk {
  display: flex;
  gap: 24px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.6;
  cursor: pointer;
}

.credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-option .inp-chk span {
  font-size: 16px;
  line-height: 1.6;
}

.credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-option .label-inner {
  display: flex;
  gap: 8px;
  align-items: center;
}

.credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-option .label-inner .charge-credit {
  display: flex;
  gap: 4px;
  align-items: center;
}

.credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-option .label-inner .charge-credit .unit {
  font-style: normal;
}

.credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-option .label-inner .flag {
  display: inline-flex;
  padding: 1px 5px;
  border-radius: 6px 6px 6px 0;
  background-color: #fea903;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 1.7;
  font-weight: 700;
}

.credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-option .option-info-wrap {
  display: none;
  margin-top: 20px;
  padding-left: 32px;
}

.credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-option .option-info-wrap .option-info {
  display: flex;
  gap: 12px;
  align-items: center;
}

.credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-option .option-info-wrap .option-info dl {
  position: relative;
  display: flex;
  gap: 12px;
  align-items: center;
  color: #828282;
  line-height: 1.6;
}

.credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-option .option-info-wrap .option-info dl dt {
  color: #131313;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 700;
}

.credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-option .option-info-wrap .option-info dl + dl {
  padding-left: 12px;
}

.credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-option .option-info-wrap .option-info dl + dl::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 13px;
  background-color: #CCCCCC;
  transform: translateY(-50%);
}

.credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-option .option-info-wrap .plus-credits {
  margin-top: 10px;
  color: #428dfd;
  font-size: 13px;
  line-height: 1.6;
}

.credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-option.selected {
  background-color: #f3faff;
}

.credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-info-txt {
  margin-top: 24px;
}

.credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-info-txt dt {
  font-weight: 700;
}

.credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-info-txt dd {
  margin-top: 12px;
}

.credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-info-txt dd .bullet_list > li {
  padding-left: 22px;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 400;
}

.credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-info-txt dd .bullet_list > li::before {
  top: 3px;
  width: 16px;
  height: 16px;
  background-size: cover;
}

.credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-info-txt .gomeasypass-is {
  margin-top: 4px;
}

.credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-info-txt .gomeasypass-is > a {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  color: #0073fb;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 700;
  text-decoration: underline;
}

.credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-info-txt .gomeasypass-is > a::before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='none' stroke='%230073fb' stroke-width='1.5' data-name='Ellipse 623' transform='translate(3.5 3.5)'%3E%3Ccircle cx='8.5' cy='8.5' r='8.5' stroke='none'/%3E%3Ccircle cx='8.5' cy='8.5' r='9.25'/%3E%3C/g%3E%3Cg fill='none' stroke='%230073fb' data-name='Group 2549'%3E%3Cpath stroke-linecap='round' stroke-width='1.5' d='M9.254 9.5a2.751 2.751 0 1 1 3.861 2.516 1.769 1.769 0 0 0-1.111 1.6v.415' data-name='Path 6094'/%3E%3Cg data-name='Ellipse 624' transform='translate(11 15.75)'%3E%3Ccircle cx='1' cy='1' r='1' stroke='none'/%3E%3Ccircle cx='1' cy='1' r='.5'/%3E%3C/g%3E%3C/g%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Rectangle 6336' opacity='.2'/%3E%3C/svg%3E");
  background-size: cover;
}

.credits #container .credits-info .credit-plans .plan-item .btn-wrap {
  margin-top: 34px;
}

.credits #container .credits-info .credit-plans .plan-item .btn-wrap [class^=btn-] {
  width: 100%;
}

.credits #container .credits-info .credit-plans .plan-item.most-popular {
  background-color: #5772E8;
}

.credits #container .credits-info .credit-plans .plan-item.most-popular .plan-title {
  background-color: #5772E8;
}

.credits #container .credits-info .credit-plans .plan-item.most-popular .plan-info-body {
  padding: 38px 28px;
  border: 2px solid #5772E8;
}

.credits #container .credits-info .credits-period-info {
  padding-top: 64px;
}

.credits #container .credits-info .credits-period-info .gom-title {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 20px;
  line-height: 1.5;
  text-align: left;
}

.credits #container .credits-info .credits-period-info .gom-title::before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='none' stroke='%23131313' stroke-width='1.5' data-name='타원 623' transform='translate(3.5 3.5)'%3E%3Ccircle cx='8.5' cy='8.5' r='8.5' stroke='none'/%3E%3Ccircle cx='8.5' cy='8.5' r='9.25'/%3E%3C/g%3E%3Cg data-name='그룹 2549'%3E%3Cg fill='none' stroke='%23131313' data-name='타원 624' transform='translate(11 6.75)'%3E%3Ccircle cx='1' cy='1' r='1' stroke='none'/%3E%3Ccircle cx='1' cy='1' r='.5'/%3E%3C/g%3E%3C/g%3E%3Cpath fill='none' stroke='%23131313' stroke-linecap='round' stroke-width='1.5' d='M12 10.499v6' data-name='패스 6128'/%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='사각형 569'/%3E%3C/svg%3E");
  background-size: cover;
}

.credits #container .credits-info .credits-period-info .credits-period {
  margin-top: 16px;
  padding-bottom: 1px;
  overflow: hidden;
  overflow-x: auto;
}

.credits #container .credits-info .credits-period-info .credits-period .credits-period-cont {
  display: flex;
  gap: 12px;
  min-width: 978px;
}

.credits #container .credits-info .credits-period-info .credits-period dl {
  width: 100%;
  border: 1px solid #bcc5f6;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.3);
  overflow: hidden;
}

.credits #container .credits-info .credits-period-info .credits-period dl dt {
  padding: 30px;
  background-color: #FFFFFF;
  color: #000000;
  font-size: 22px;
  line-height: 1.5;
  font-weight: 700;
}

.credits #container .credits-info .credits-period-info .credits-period dl dt > span {
  display: block;
}

.credits #container .credits-info .credits-period-info .credits-period dl dt > span.sub-txt {
  display: inline-flex;
  margin-bottom: 6px;
  background: linear-gradient(113.1deg, #579BE8 14.95%, #991FE8 85.05%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-size: 16px;
  line-height: 1.6;
}

.credits #container .credits-info .credits-period-info .credits-period dl dd {
  border-top: 1px solid #DADADA;
}

.credits #container .credits-info .credits-period-info .credits-period dl dd li {
  padding: 30px 30px 30px 60px;
  border-bottom: 1px solid #bcc5f6;
  font-weight: 400;
}

.credits #container .credits-info .credits-period-info .credits-period dl dd li::before {
  left: 30px;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='none' d='M0 0h20v20H0z' data-name='사각형 3998'/%3E%3Cpath fill='none' stroke='%235772e8' stroke-linecap='round' stroke-linejoin='round' d='M4.5 10.141 8.786 15.5l7.714-10' data-name='패스 2284'/%3E%3C/svg%3E");
  background-size: cover;
}

.credits #container .credits-info .credits-period-info .credits-period dl dd li + li {
  margin-top: 0;
  border-bottom: 0;
}

.credits #container .credits-info .credits-notice {
  margin-top: 50px;
}

.credits #container .credits-info .credits-notice .bullet_list > li {
  color: #000000;
  font-size: 14px;
  line-height: 1.6;
}

.credits #container .credits-info .credits-notice .bullet_list > li + li {
  margin-top: 0;
}

.credits #container .credits-info .circle {
  position: absolute;
  border-radius: 50%;
}

.credits #container .credits-info .circle.circle01 {
  top: 253px;
  left: 50%;
  width: 320px;
  height: 320px;
  margin-left: -790px;
  background: linear-gradient(180deg, rgba(174, 137, 254, 0.48) 0%, rgba(87, 114, 232, 0) 100%);
  opacity: 0.4;
  filter: blur(10px);
}

.credits #container .credits-info .circle.circle02 {
  right: -310px;
  bottom: -400px;
  width: 1000px;
  height: 1000px;
  background: linear-gradient(180deg, rgba(87, 114, 232, 0.18) 0%, rgba(228, 232, 255, 0) 100%);
  opacity: 0.6;
}

.credits #container .ai-features {
  background-color: #000000;
}

.credits #container .ai-features > .inner {
  max-width: none;
  overflow: hidden;
}

.credits #container .ai-features .gom-content-inner {
  min-height: auto;
  padding-top: 16px;
}

.credits #container .ai-features .gom-title-wrap,
.credits #container .ai-features .gom-title {
  color: #FFFFFF;
}

.credits #container .ai-features .dummy {
  height: 0;
  line-height: 0;
  overflow: hidden;
}

.credits #container .ai-features .ai-features-nav {
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.credits #container .ai-features .ai-features-nav .tab-button {
  gap: 12px;
}

.credits #container .ai-features .ai-features-nav .tab-button > li a {
  background-color: transparent;
  border: 1px solid #CCCCCC;
  color: #CCCCCC;
  transition: background-color ease 0.3s, border-color ease 0.3s, color ease 0.3s;
}

.credits #container .ai-features .ai-features-nav .tab-button > li a:hover {
  color: #FFFFFF;
  border-color: #FFFFFF;
}

.credits #container .ai-features .ai-features-nav .tab-button > li + li {
  margin: 0;
}

.credits #container .ai-features .ai-features-nav .tab-button > li.active a {
  border-color: #5772E8;
  background-color: #5772E8;
  color: #FFFFFF;
}

.credits #container .ai-features .ai-features-wrap {
  position: relative;
  max-width: 1280px;
  margin: 40px auto 0 auto;
}

.credits #container .ai-features .ai-features-wrap .swiper-button-prev,
.credits #container .ai-features .ai-features-wrap .swiper-button-next {
  top: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background-size: cover;
}

.credits #container .ai-features .ai-features-wrap .swiper-button-prev {
  left: -72px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='none' stroke='%23828282' stroke-linecap='round' stroke-linejoin='round' d='m13 4-6 6 6 6'/%3E%3Cpath fill='none' d='M0 0h20v20H0z' data-name='사각형 6370' opacity='.2'/%3E%3C/svg%3E");
}

.credits #container .ai-features .ai-features-wrap .swiper-button-prev:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' d='m13 4-6 6 6 6'/%3E%3Cpath fill='none' d='M0 0h20v20H0z' data-name='사각형 6370' opacity='.2'/%3E%3C/svg%3E");
}

.credits #container .ai-features .ai-features-wrap .swiper-button-next {
  right: -72px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='none' stroke='%23828282' stroke-linecap='round' stroke-linejoin='round' d='m7 4 6 6-6 6'/%3E%3Cpath fill='none' d='M0 0h20v20H0z' data-name='사각형 6370' opacity='.2'/%3E%3C/svg%3E");
}

.credits #container .ai-features .ai-features-wrap .swiper-button-next:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' d='m7 4 6 6-6 6'/%3E%3Cpath fill='none' d='M0 0h20v20H0z' data-name='사각형 6370' opacity='.2'/%3E%3C/svg%3E");
}

.credits #container .ai-features .features-item {
  --border-width:2px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  padding: 62px;
  border: var(--border-width) solid transparent;
  border-radius: 30px;
  background-color: #131313;
  box-sizing: border-box;
  opacity: 0.6;
  filter: blur(4px);
  transition: opacity ease 0.3s, filter ease 0.3s;
  color: #fff;
}

.credits #container .ai-features .features-item::before {
  content: "";
  position: absolute;
  inset: calc(var(--border-width) - var(--border-width) * 2);
  border: inherit;
  border-radius: inherit;
}

.credits #container .ai-features .features-item .features-inner {
  display: flex;
  gap: 32px 64px;
  width: 100%;
  padding: 20px 0;
  align-items: center;
}

.credits #container .ai-features .features-item .features-inner .gom-title-wrap,
.credits #container .ai-features .features-item .features-inner .gom-title {
  font-size: 28px;
  line-height: 1.5;
  text-align: left;
}

.credits #container .ai-features .features-item .features-inner .gom-title {
  display: flex;
  gap: 8px;
  align-items: center;
}

.credits #container .ai-features .features-item .features-inner .gom-title::before {
  content: "";
  width: 30px;
  height: 30px;
  background-size: cover;
  flex-shrink: 0;
}

.credits #container .ai-features .features-item .features-inner .gom-title-wrap .flag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  margin-top: 10px;
  padding: 0 6px;
  border-radius: 4px;
  background-image: linear-gradient(113.1deg, #579BE8 14.95%, #991FE8 85.05%);
  color: #FFFFFF;
  font-size: 12px;
  line-height: 1.7;
  font-weight: 400;
}

.credits #container .ai-features .features-item .features-inner .gom-title-wrap .flag::before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='none' data-name='합치기 3'%3E%3Cpath d='M13.445 18.963 7.5 15H4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h3.5l5.946-3.964A1 1 0 0 1 15 5.868v12.264a1 1 0 0 1-1 1 .988.988 0 0 1-.555-.169Z'/%3E%3Cpath fill='%23ffffff' d='M13.997 19.133A1 1 0 0 0 15 18.132V5.868a1 1 0 0 0-1.555-.831L7.5 9H4A1 1 0 0 0 3 10v4a1 1 0 0 0 1 1h3.5l5.945 3.963c.175.117.366.17.552.17m0 1.5c-.492 0-.97-.146-1.384-.422L7.046 16.5H4A2.503 2.503 0 0 1 1.5 14v-4c0-1.378 1.121-2.5 2.5-2.5h3.045l5.568-3.711a2.485 2.485 0 0 1 1.384-.422A2.505 2.505 0 0 1 16.5 5.868v12.264a2.505 2.505 0 0 1-2.503 2.5Z'/%3E%3C/g%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-width='1.5' d='M22 7v10' data-name='선 61'/%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-width='1.5' d='M19 10v4' data-name='선 62'/%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='사각형 291' opacity='.2'/%3E%3C/svg%3E");
  background-size: cover;
}

.credits #container .ai-features .features-item .features-inner .gom-title-wrap .flag.preview::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23ffffff' stroke-width='1.25' d='M13.334 2.833H2.666C2.022 2.833 1.5 3.357 1.5 4v8c0 .645.522 1.167 1.166 1.167h10.668c.644 0 1.166-.522 1.166-1.166V4c0-.644-.522-1.167-1.166-1.167Z'/%3E%3Cpath fill='%23ffffff' d='M8 5.333A5.04 5.04 0 0 0 4 8a5.04 5.04 0 0 0 4 2.666c2.209 0 4-2.347 4-2.666 0-.32-1.791-2.667-4-2.667Zm0-1a5.467 5.467 0 0 1 3.48 1.458 7.17 7.17 0 0 1 1 1.05c.303.314.487.724.52 1.159a1.87 1.87 0 0 1-.52 1.158 7.169 7.169 0 0 1-1 1.052A5.467 5.467 0 0 1 8 11.667a5.477 5.477 0 0 1-3.48-1.438 6.927 6.927 0 0 1-1.002-1.055A1.913 1.913 0 0 1 3 8c.032-.44.215-.854.518-1.174A6.925 6.925 0 0 1 4.52 5.774 5.477 5.477 0 0 1 8 4.334Z'/%3E%3Cpath stroke='%23ffffff' stroke-width='1.25' d='M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z'/%3E%3C/svg%3E");
}

.credits #container .ai-features .features-item .features-inner .h-desc {
  margin-top: 0;
  margin-bottom: 6px;
  color: #94a8ff;
  font-weight: 700;
}

.credits #container .ai-features .features-item .features-inner .features-info-txt {
  width: 100%;
}

.credits #container .ai-features .features-item .features-inner .features-info-txt .sub-txt-wrap {
  margin-top: 24px;
}

.credits #container .ai-features .features-item .features-inner .features-info-txt .sub-txt-wrap .bullet_list > li {
  padding-left: 34px;
  color: #EDEDED;
  font-weight: 400;
}

.credits #container .ai-features .features-item .features-inner .features-info-txt .sub-txt-wrap .bullet_list > li::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='none' d='M0 0h20v20H0z' data-name='사각형 3998'/%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' d='M4.5 10.141 8.786 15.5l7.714-10' data-name='패스 2284'/%3E%3C/svg%3E");
  background-size: cover;
}

.credits #container .ai-features .features-item .features-inner .features-info-txt .sub-txt-wrap .bullet_list > li + li {
  margin-top: 6px;
}

.credits #container .ai-features .features-item .features-inner .features-info-txt .sub-txt-wrap .use-sw-info {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-top: 24px;
  font-size: 12px;
  line-height: 1.7;
}

.credits #container .ai-features .features-item .features-inner .features-info-txt .sub-txt-wrap .use-sw-info dt {
  color: #9b9b9b;
}

.credits #container .ai-features .features-item .features-inner .features-info-txt .sub-txt-wrap .use-sw-info dd {
  display: flex;
  gap: 12px;
  align-items: center;
}

.credits #container .ai-features .features-item .features-inner .features-info-txt .sub-txt-wrap .use-sw-info img {
  width: 14px;
  height: 14px;
}

.credits #container .ai-features .features-item .features-inner .features-info-txt .sub-txt-wrap .use-sw-info span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-weight: 700;
}

.credits #container .ai-features .features-item .features-inner .features-info-txt .sub-txt-wrap .btn-wrap {
  margin-top: 40px;
  justify-content: start;
}

.credits #container .ai-features .features-item .features-inner .features-info-txt .sub-txt-wrap .btn-wrap a {
  position: relative;
}

.credits #container .ai-features .features-item .features-inner .features-info-txt .sub-txt-wrap .btn-wrap .btn-coupon > span {
  display: flex;
  gap: 12px;
  align-items: center;
}

.credits #container .ai-features .features-item .features-inner .features-info-txt .sub-txt-wrap .btn-wrap .btn-coupon > span::after {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23ffffff' d='m13.468 3.347.1-.49-.1.49Zm.307.157.333-.373-.333.373ZM14 4h.5-.5Zm-2.513 8.666-.372.334a.5.5 0 0 0 .372.166v-.5ZM10 12.002v-.5.5Zm-1.487.665v.5A.5.5 0 0 0 8.885 13l-.372-.334ZM2 4h-.5.5Zm.225-.496-.333-.373.333.373Zm.442-.17v-.5.5Zm5.846 0L8.885 3a.5.5 0 0 0-.372-.167v.5ZM10 4v.5V4Zm1.487-.667v-.5a.5.5 0 0 0-.372.167l.372.333Zm1.98.014-.1.49a.164.164 0 0 1 .075.04l.333-.373.333-.373a1.163 1.163 0 0 0-.54-.274l-.1.49Zm.308.157-.333.373A.162.162 0 0 1 13.5 4h1c0-.351-.157-.66-.392-.869l-.333.373ZM14 4h-.5v8h1V4H14Zm0 8h-.5a.167.167 0 0 1-.167.166v1c.644 0 1.167-.522 1.167-1.167H14Zm-.667.666v-.5h-1.846v1h1.846v-.5Zm-1.846 0 .373-.333A2.492 2.492 0 0 0 10 11.5v1c.442 0 .839.192 1.115.5l.372-.335ZM10 12.002v-.5c-.74 0-1.403.323-1.86.832l.373.333.372.334c.276-.307.673-.5 1.115-.5V12Zm-1.487.665v-.5H2.667v1h5.846v-.5Zm-5.846 0v-.5A.167.167 0 0 1 2.5 12h-1c0 .645.523 1.167 1.167 1.167v-.5ZM2 12h.5V4h-1v8H2Zm0-8h.5c0-.044.019-.087.058-.122l-.333-.373-.333-.373c-.235.21-.392.518-.392.868H2Zm.225-.495.333.373a.162.162 0 0 1 .109-.043v-1c-.302 0-.573.117-.775.297l.333.373Zm.442-.17v.5h5.846v-1H2.667v.5Zm5.846 0-.372.333A2.493 2.493 0 0 0 10 4.5v-1c-.442 0-.839-.192-1.115-.5l-.372.333ZM10 4v.5c.741 0 1.404-.325 1.86-.833l-.373-.333L11.115 3c-.276.308-.673.5-1.115.5V4Zm1.487-.667v.5h1.846v-1h-1.846v.5Zm1.846 0v.5c.012 0 .023.002.034.004l.1-.49.101-.49a1.172 1.172 0 0 0-.235-.024v.5Z'/%3E%3Cpath stroke='%23ffffff' stroke-linecap='round' d='M10.167 6.167v-.334M10.167 8.166v-.333M10.167 10.166v-.333'/%3E%3C/svg%3E");
  background-size: cover;
}

.credits #container .ai-features .features-item .features-inner .features-info-function {
  width: 570px;
  flex-shrink: 0;
}

.credits #container .ai-features .features-item .features-inner .features-info-function .img-wrap {
  position: relative;
  display: block;
  border-radius: 16px;
  background-color: #474747;
  aspect-ratio: 57/31;
  overflow: hidden;
}

.credits #container .ai-features .features-item .features-inner .features-info-function .img-wrap img,
.credits #container .ai-features .features-item .features-inner .features-info-function .img-wrap video {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  border-radius: 16px;
  object-fit: cover;
}

.credits #container .ai-features .features-item .features-inner .features-info-function .img-wrap img {
  height: 100%;
}

.credits #container .ai-features .features-item .features-inner .features-info-function .img-wrap.video-wrap {
  cursor: pointer;
}

.credits #container .ai-features .features-item .features-inner .features-info-function .img-wrap.video-wrap .btn-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23000' fill-opacity='.4' d='M32 64c17.673 0 32-14.327 32-32C64 14.327 49.673 0 32 0 14.327 0 0 14.327 0 32c0 17.673 14.327 32 32 32Z'/%3E%3Cpath fill='%23828282' d='M45.6 32 24.4 44.4V19.6L45.6 32Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h64v64H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
  transform: translate(-50%, -50%);
  transition: opacity ease 0.5s, background-image ease 0.5s;
  z-index: 1;
}

.credits #container .ai-features .features-item .features-inner .features-info-function .img-wrap.video-wrap:hover .btn-video {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23000' fill-opacity='.4' d='M32 64c17.673 0 32-14.327 32-32C64 14.327 49.673 0 32 0 14.327 0 0 14.327 0 32c0 17.673 14.327 32 32 32Z'/%3E%3Cpath fill='%23fff' d='M45.6 32 24.4 44.4V19.6L45.6 32Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h64v64H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.credits #container .ai-features .features-item .features-inner .features-info-function .img-wrap.video-wrap.playing .btn-video {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23000' fill-opacity='.4' d='M32 64c17.673 0 32-14.327 32-32C64 14.327 49.673 0 32 0 14.327 0 0 14.327 0 32c0 17.673 14.327 32 32 32Z'/%3E%3Cpath fill='%23828282' d='M28.8 19.6H24v24.8h4.8V19.6ZM40.8 19.6H36v24.8h4.8V19.6Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h64v64H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  opacity: 0;
}

.credits #container .ai-features .features-item .features-inner .features-info-function .img-wrap.video-wrap.playing:hover .btn-video {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23000' fill-opacity='.4' d='M32 64c17.673 0 32-14.327 32-32C64 14.327 49.673 0 32 0 14.327 0 0 14.327 0 32c0 17.673 14.327 32 32 32Z'/%3E%3Cpath fill='%23fff' d='M28.8 19.6H24v24.8h4.8V19.6ZM40.8 19.6H36v24.8h4.8V19.6Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h64v64H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  opacity: 1;
}

.credits #container .ai-features .features-item .features-inner .features-info-function .function-info {
  margin-top: 24px;
  padding-right: 20px;
  padding-left: 20px;
}

.credits #container .ai-features .features-item .features-inner .features-info-function .function-info .bullet_list {
  margin: 4px 0;
}

.credits #container .ai-features .features-item .features-inner .features-info-function .function-info .bullet_list.star {
  color: #9b9b9b;
  font-size: 13px;
  line-height: 1.6;
}

.credits #container .ai-features .features-item .features-inner .features-info-function .function-info .audio-item {
  display: inline-flex;
  gap: 16px 24px;
  align-items: center;
}

.credits #container .ai-features .features-item .features-inner .features-info-function .function-info .audio-item .btn-wrap {
  justify-content: start;
}

.credits #container .ai-features .features-item .features-inner .features-info-function .function-info .audio-item .btn-wrap .btn-play {
  display: flex;
  gap: 6px 14px;
  align-items: center;
  flex-wrap: wrap;
  color: #9b9b9b;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 700;
  transition: color ease 0.5s;
}

.credits #container .ai-features .features-item .features-inner .features-info-function .function-info .audio-item .btn-wrap .btn-play .progress-holder {
  position: relative;
}

.credits #container .ai-features .features-item .features-inner .features-info-function .function-info .audio-item .btn-wrap .btn-play .progress-holder .play-progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  color: #94a8ff;
  white-space: nowrap;
  overflow: hidden;
}

.credits #container .ai-features .features-item .features-inner .features-info-function .function-info .audio-item .btn-wrap .btn-play .progress-holder.karaoke-text {
  color: #9b9b9b;
  text-align: left;
  white-space: pre-wrap;
}

.credits #container .ai-features .features-item .features-inner .features-info-function .function-info .audio-item .btn-wrap .btn-play .progress-holder.karaoke-text .chars[aria-hidden=true] {
  display: inline;
}

.credits #container .ai-features .features-item .features-inner .features-info-function .function-info .audio-item .btn-wrap .btn-play .progress-holder.karaoke-text .chars[aria-hidden=true] .char {
  display: inline;
}

.credits #container .ai-features .features-item .features-inner .features-info-function .function-info .audio-item .btn-wrap .btn-play .progress-holder.karaoke-text .chars[aria-hidden=true] .char.is-filled {
  color: #94a8ff;
}

.credits #container .ai-features .features-item .features-inner .features-info-function .function-info .audio-item .btn-wrap .btn-play::before {
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 2px;
  background-color: #484848;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23939393' fill-rule='evenodd' d='M2.577.6c-.235 0-.465.06-.67.173A1.298 1.298 0 0 0 1.2 1.908v8.451a1.298 1.298 0 0 0 .709 1.134 1.378 1.378 0 0 0 1.36-.013l6.83-4.225a1.274 1.274 0 0 0 0-2.276L3.266.786A1.377 1.377 0 0 0 2.576.6Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h12v12H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transition: background-image ease 0.5s;
}

.credits #container .ai-features .features-item .features-inner .features-info-function .function-info .audio-item .btn-wrap .btn-play:hover {
  color: #FFFFFF;
}

.credits #container .ai-features .features-item .features-inner .features-info-function .function-info .audio-item .btn-wrap .btn-play:hover .progress-holder.karaoke-text {
  background-image: linear-gradient(to right, #94A8FF 0%, #94A8FF var(--karaoke-text-size), #9B9B9B var(--karaoke-text-size), #9B9B9B 100%);
}

.credits #container .ai-features .features-item .features-inner .features-info-function .function-info .audio-item .btn-wrap .btn-play:hover::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M2.577.6c-.235 0-.465.06-.67.173A1.298 1.298 0 0 0 1.2 1.908v8.451a1.298 1.298 0 0 0 .709 1.134 1.378 1.378 0 0 0 1.36-.013l6.83-4.225a1.274 1.274 0 0 0 0-2.276L3.266.786A1.377 1.377 0 0 0 2.576.6Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h12v12H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.credits #container .ai-features .features-item .features-inner .features-info-function .function-info .audio-item .audio {
  display: none;
}

.credits #container .ai-features .features-item .features-inner .features-info-function .function-info .audio-item.playing .btn-wrap .btn-play {
  color: #FFFFFF;
}

.credits #container .ai-features .features-item .features-inner .features-info-function .function-info .audio-item.playing .btn-wrap .btn-play .progress-holder.karaoke-text {
  background-image: linear-gradient(to right, #94A8FF 0%, #94A8FF var(--karaoke-text-size), #9B9B9B var(--karaoke-text-size), #9B9B9B 100%);
}

.credits #container .ai-features .features-item .features-inner .features-info-function .function-info .audio-item.playing .btn-wrap .btn-play::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M1.2 2.229c0-.569.46-1.029 1.028-1.029h1.714c.568 0 1.029.46 1.029 1.029V9.77c0 .568-.46 1.029-1.029 1.029H2.228c-.568 0-1.029-.46-1.029-1.029V2.23ZM8.055 1.2c-.568 0-1.028.46-1.028 1.029V9.77c0 .568.46 1.029 1.028 1.029h1.715c.568 0 1.028-.46 1.028-1.029V2.23c0-.569-.46-1.029-1.028-1.029H8.056Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.credits #container .ai-features .features-item .features-inner .features-info-function .function-info .audio-item + .audio-item {
  margin-left: 24px;
}

.credits #container .ai-features .features-item .item-tts .gom-title::before {
  background-image: url("./../images/common/sw-logos/icon_simbol_tts_wh.svg");
}

.credits #container .ai-features .features-item .item-stt .gom-title::before {
  background-image: url("./../images/common/sw-logos/icon_simbol_stt_wh.svg");
}

.credits #container .ai-features .features-item .item-video-upscaling .gom-title::before {
  background-image: url("./../images/common/sw-logos/icon_simbol_video_upscaling_wh.svg");
}

.credits #container .ai-features .features-item .item-image-upscaling .gom-title::before {
  background-image: url("./../images/common/sw-logos/icon_simbol_aiupscaling_wh.svg");
}

.credits #container .ai-features .features-item .item-image-upscaling .img-compare-wrap {
  position: relative;
  margin: 0 auto;
  border-radius: 16px;
  aspect-ratio: 57/31;
}

.credits #container .ai-features .features-item .item-image-upscaling .img-compare-wrap img-comparison-slider.image-comparison {
  --divider-pos-top:0;
  --divider-pos-btm:0;
  --slider-overflow:unset;
  z-index: 9;
  cursor: pointer;
}

.credits #container .ai-features .features-item .item-image-upscaling .img-compare-wrap img-comparison-slider.image-comparison:focus, .credits #container .ai-features .features-item .item-image-upscaling .img-compare-wrap img-comparison-slider.image-comparison:focus-visible {
  outline: none;
}

.credits #container .ai-features .features-item .item-image-upscaling .img-compare-wrap img-comparison-slider.image-comparison img {
  width: auto;
  height: auto;
  border-radius: 16px;
  aspect-ratio: 57/31;
}

.credits #container .ai-features .features-item .item-image-upscaling .img-compare-wrap img-comparison-slider.image-comparison .handle {
  margin-left: 0;
}

.credits #container .ai-features .features-item .item-image-upscaling .img-compare-wrap img-comparison-slider.image-comparison [slot=handle] {
  width: 46px;
  height: 46px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Ccircle cx='23' cy='23' r='15' fill='%23fff'/%3E%3C/g%3E%3Cg fill='%23000' clip-path='url(%23b)'%3E%3Cpath d='M23.751 27.5v-9a.75.75 0 0 0-1.5 0v9a.75.75 0 0 0 1.5 0ZM27.508 19.715l2.753 2.752a.747.747 0 0 1 0 1.058l-2.753 2.752c-.472.473-1.282.135-1.282-.532V20.24c0-.668.81-1.005 1.282-.533v.008ZM18.472 19.715l-2.752 2.752a.747.747 0 0 0 0 1.058l2.752 2.752c.473.473 1.283.135 1.283-.532V20.24c0-.668-.81-1.005-1.283-.533v.008Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='b'%3E%3Cpath fill='%23fff' d='M15.5 15.5h15v15h-15z'/%3E%3C/clipPath%3E%3Cfilter id='a' width='45' height='45' x='.5' y='.5' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='3.75'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_17930_2304'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_17930_2304' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
}

.credits #container .ai-features .features-item .item-bgm .gom-title::before {
  background-image: url("./../images/common/sw-logos/icon_simbol_bgm_wh.svg");
}

.credits #container .ai-features .features-item .item-bgm .features-info-function .img-wrap .feature-img {
  opacity: 0;
  transition: opacity ease 0.5s;
}

.credits #container .ai-features .features-item .item-bgm .features-info-function .img-wrap .feature-img.is-active {
  opacity: 1;
  z-index: 1;
}

.credits #container .ai-features .features-item .item-mybox .gom-title::before {
  background-image: url("./../images/common/sw-logos/icon_simbol_mybox_wh.svg");
}

.credits #container .ai-features .features-item .item-mybox .features-info-function .function-info {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: right;
}

.credits #container .ai-features .features-item .item-mybox .features-info-function .function-info .txt-link {
  color: #DADADA;
  font-size: 13px;
  line-height: 1.6;
  font-weight: 700;
}

.credits #container .ai-features .features-item .item-mybox .features-info-function .function-info .txt-link:hover {
  color: #FFFFFF;
}

.credits #container .ai-features .features-item.active {
  opacity: 1;
  filter: blur(0);
}

.credits #container .ai-features .features-item.active::before {
  background-image: conic-gradient(from var(--angle) at 50% 50%, #579BE8 80%, #991FE8 88%, #991FE8 92%, #579BE8 100%);
  background-origin: border-box;
  mask: linear-gradient(black, black), linear-gradient(black, black);
  mask-clip: content-box, border-box;
  mask-composite: exclude;
  animation: spin 2.5s linear infinite;
  z-index: -1;
}

.credits #container .etc-info-wrap {
  background-color: #F8F8F8;
}

.credits #container .etc-info-wrap > .inner {
  max-width: 1104px;
}

.credits #container .etc-info-wrap .gom-title {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 20px;
  line-height: 1.5;
  text-align: left;
}

.credits #container .etc-info-wrap .gom-title::before {
  content: "";
  width: 24px;
  height: 24px;
  background-size: cover;
}

.credits #container .etc-info-wrap .gom-content-inner {
  min-height: auto;
  padding-top: 16px;
}

.credits #container .etc-info-wrap .credits-usage {
  padding-bottom: 0;
}

.credits #container .etc-info-wrap .credits-usage .gom-title::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='none' stroke='%23131313' stroke-width='1.5' data-name='타원 623' transform='translate(3.5 3.5)'%3E%3Ccircle cx='8.5' cy='8.5' r='8.5' stroke='none'/%3E%3Ccircle cx='8.5' cy='8.5' r='9.25'/%3E%3C/g%3E%3Cg data-name='그룹 2549'%3E%3Cg fill='none' stroke='%23131313' data-name='타원 624' transform='translate(11 6.75)'%3E%3Ccircle cx='1' cy='1' r='1' stroke='none'/%3E%3Ccircle cx='1' cy='1' r='.5'/%3E%3C/g%3E%3C/g%3E%3Cpath fill='none' stroke='%23131313' stroke-linecap='round' stroke-width='1.5' d='M12 10.499v6' data-name='패스 6128'/%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='사각형 569'/%3E%3C/svg%3E");
}

.credits #container .etc-info-wrap .credits-usage .gom-content-inner {
  min-height: auto;
  padding-top: 16px;
}

.credits #container .etc-info-wrap .credits-usage .tbl-board-wrap .common-table-list {
  margin-top: 0;
  border-color: #373737;
}

.credits #container .etc-info-wrap .credits-usage .tbl-board-wrap .common-table-list .col01 {
  width: 280px;
}

.credits #container .etc-info-wrap .credits-usage .tbl-board-wrap .common-table-list th,
.credits #container .etc-info-wrap .credits-usage .tbl-board-wrap .common-table-list td {
  padding: 14px 16px;
  border-color: #DADADA;
  background-color: #FFFFFF;
  color: #000000;
  font-size: 16px;
  line-height: 1.6;
}

.credits #container .etc-info-wrap .credits-usage .tbl-board-wrap .common-table-list td {
  font-weight: 400;
}

.credits #container .etc-info-wrap .credits-usage .tbl-board-wrap .common-table-list thead th {
  background-color: #d6dcff;
  border-top: 0;
  border-bottom-color: #373737;
  font-size: 18px;
  line-height: 1.5;
}

.credits #container .etc-info-wrap .credits-usage .tbl-board-wrap .common-table-list tbody th {
  padding-left: 32px;
  background-color: #F8F8F8;
  font-weight: 700;
  text-align: left;
}

.credits #container .etc-info-wrap .credits-usage .tbl-board-wrap + .bullet_list {
  margin-top: 16px;
}

.credits #container .etc-info-wrap .credits-usage .tbl-board-wrap + .bullet_list > li {
  font-size: 14px;
  line-height: 1.6;
}

.credits #container .etc-info-wrap .credits-faq {
  position: relative;
  padding: 80px 0 200px 0;
}

.credits #container .etc-info-wrap .credits-faq .gom-title::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='사각형 62787'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' data-name='그룹 174069'%3E%3Cpath fill='none' stroke='%23131313' stroke-linejoin='round' stroke-width='1.5' d='M22.023 20.29a10.191 10.191 0 0 1-2.086-3.645A7.454 7.454 0 0 0 21.6 12c0-4.606-4.393-8.34-9.811-8.34S1.976 7.395 1.976 12s4.393 8.338 9.812 8.338a11.069 11.069 0 0 0 5.021-1.184 8.425 8.425 0 0 0 5.214 1.135Z' data-name='패스 51481'/%3E%3Cpath fill='%23131313' d='M8.8 12a1.1 1.1 0 1 1-1.1-1.1A1.1 1.1 0 0 1 8.8 12' data-name='패스 51482'/%3E%3Cpath fill='%23131313' d='M13.1 12a1.1 1.1 0 1 1-1.1-1.1 1.1 1.1 0 0 1 1.1 1.1' data-name='패스 51483'/%3E%3Cpath fill='%23131313' d='M17.4 12a1.1 1.1 0 1 1-1.1-1.1 1.1 1.1 0 0 1 1.1 1.1' data-name='패스 51484'/%3E%3C/g%3E%3C/svg%3E");
}

.credits #container .etc-info-wrap .credits-faq .credits-faq-item {
  padding: 32px;
  border-radius: 20px 20px 20px 0;
  background-color: #FFFFFF;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
}

.credits #container .etc-info-wrap .credits-faq .credits-faq-item .faq-questions {
  display: flex;
  gap: 10px;
  color: #5772E8;
}

.credits #container .etc-info-wrap .credits-faq .credits-faq-item .faq-asked {
  display: flex;
  gap: 10px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #EDEDED;
  color: #575757;
}

.credits #container .etc-info-wrap .credits-faq .credits-faq-item .faq-asked .asked {
  font-weight: 400;
}

.credits #container .etc-info-wrap .credits-faq .credits-faq-item .faq-asked .asked p {
  margin-top: 24px;
}

.credits #container .etc-info-wrap .credits-faq .credits-faq-item .faq-asked .asked p:nth-child(1) {
  margin-top: 0;
}

.credits #container .etc-info-wrap .credits-faq .credits-faq-item .faq-asked .asked .bullet_list {
  margin-top: 24px;
}

.credits #container .etc-info-wrap .credits-faq .credits-faq-item .faq-asked .asked .bullet_list > li {
  padding-left: 12px;
  font-size: 18px;
  line-height: 1.5;
}

.credits #container .etc-info-wrap .credits-faq .credits-faq-item .faq-asked .asked .bullet_list > li:has(.important)::before {
  font-weight: 700;
}

.credits #container .etc-info-wrap .credits-faq .credits-faq-item .faq-asked .asked .bullet_list > li + li {
  margin-top: 0;
}

.credits #container .etc-info-wrap .credits-faq .credits-faq-item + .credits-faq-item {
  margin-top: 20px;
}

.credits #container .etc-info-wrap .credits-faq .btn-wrap {
  position: absolute;
  top: 83px;
  right: 0;
}

.credits #container .etc-info-wrap .credits-faq .btn-wrap .more-view ::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='none' stroke='%23575757' stroke-linecap='round' stroke-linejoin='round' d='m7 4 6 6-6 6'/%3E%3Cpath fill='none' d='M0 0h20v20H0z' data-name='사각형 6370' opacity='.2'/%3E%3C/svg%3E");
}

.credits aside#quick-menu ul > li a.btn {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
}

.credits aside#quick-menu ul > li a.btn.support {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='사각형 62787'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' data-name='그룹 174069'%3E%3Cpath fill='none' stroke='%23131313' stroke-linejoin='round' stroke-width='1.5' d='M22.023 20.29a10.191 10.191 0 0 1-2.086-3.645A7.454 7.454 0 0 0 21.6 12c0-4.606-4.393-8.34-9.811-8.34S1.976 7.395 1.976 12s4.393 8.338 9.812 8.338a11.069 11.069 0 0 0 5.021-1.184 8.425 8.425 0 0 0 5.214 1.135Z' data-name='패스 51481'/%3E%3Cpath fill='%23131313' d='M8.8 12a1.1 1.1 0 1 1-1.1-1.1A1.1 1.1 0 0 1 8.8 12' data-name='패스 51482'/%3E%3Cpath fill='%23131313' d='M13.1 12a1.1 1.1 0 1 1-1.1-1.1 1.1 1.1 0 0 1 1.1 1.1' data-name='패스 51483'/%3E%3Cpath fill='%23131313' d='M17.4 12a1.1 1.1 0 1 1-1.1-1.1 1.1 1.1 0 0 1 1.1 1.1' data-name='패스 51484'/%3E%3C/g%3E%3C/svg%3E");
}

.credits aside#quick-menu ul > li a.btn.top {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='none' stroke='%23131313' stroke-linecap='round' stroke-linejoin='round' d='m4.5 13.5 6-6 6 6' data-name='패스 137'/%3E%3Cpath fill='none' d='M0 0h20v20H0z' data-name='사각형 316' opacity='.2'/%3E%3C/svg%3E");
}

.credits .pop-mybox-info {
  box-sizing: border-box;
  text-align: left;
}

.credits .pop-mybox-info .pop-title {
  text-align: center;
}

.credits .pop-mybox-info .pop-content-wrap {
  padding: 0 48px;
}

.credits .pop-mybox-info .pop-content-wrap .mybox-step-wrap {
  max-height: 280px;
  overflow-y: auto;
}

.credits .pop-mybox-info .pop-content-wrap .mybox-step-wrap .mybox-step-item {
  padding: 20px;
  border: 1px solid #DADADA;
  border-radius: 4px;
  box-sizing: border-box;
}

.credits .pop-mybox-info .pop-content-wrap .mybox-step-wrap .mybox-step-item + .mybox-step-item {
  margin-top: 16px;
}

.credits .pop-mybox-info .pop-content-wrap .mybox-step-wrap .mybox-step-item .step-item-inner {
  display: flex;
  align-items: center;
  gap: 24px;
}

.credits .pop-mybox-info .pop-content-wrap .mybox-step-wrap .mybox-step-item .step-item-inner .img-wrap {
  width: 240px;
  flex-shrink: 0;
}

.credits .pop-mybox-info .pop-content-wrap .mybox-step-wrap .mybox-step-item .step-item-inner .img-wrap img {
  display: block;
  margin: 0 auto;
  width: 100%;
}

.credits .pop-mybox-info .pop-content-wrap .mybox-step-wrap .mybox-step-item .step-item-inner .txt-wrap {
  font-size: 14px;
  line-height: 1.6;
}

.credits .pop-mybox-info .pop-content-wrap .mybox-step-wrap .mybox-step-item .step-item-inner .txt-wrap > span {
  display: block;
  margin-bottom: 8px;
  color: #9B9B9B;
  font-size: 12px;
  line-height: 1.5;
}

.credits .pop-mybox-info .pop-content-wrap .btn-wrap {
  margin-top: 20px;
}

.credits .pop-mybox-info .pop-content-wrap .mybox-notice {
  margin-top: 24px;
  padding: 16px 0;
  border-top: 2px solid #000000;
  border-bottom: 1px solid #DADADA;
}

.credits .pop-mybox-info .pop-content-wrap .mybox-notice * {
  color: #484848;
  font-size: 12px;
  line-height: 1.7;
}

.credits .pop-mybox-info .pop-content-wrap .mybox-notice dt {
  font-weight: 700;
}

.credits .pop-mybox-info .pop-content-wrap .mybox-notice dd {
  margin-top: 8px;
}

.credits .pop-mybox-info .pop-content-wrap .mybox-notice li + li {
  margin-top: 0;
}

.credits .pop-mybox-coupon .contents {
  margin: 0 48px;
}

.credits .pop-mybox-coupon .contents .code-box {
  padding: 20px;
  border-radius: 20px;
  border: solid 1px #CCCCCC;
}

.credits .pop-mybox-coupon .contents .code-box .txt-code {
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
}

.credits .pop-mybox-coupon .contents .code-box .btn-copy {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  color: #575757;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.6;
  text-decoration: underline;
}

.credits .pop-mybox-coupon .contents .code-box .btn-copy::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23575757' d='M18.35 5.293h-1.843V3.764A1.764 1.764 0 0 0 14.744 2H5.415A1.764 1.764 0 0 0 3.65 3.764v13.179a1.764 1.764 0 0 0 1.765 1.764h2.078V20a2 2 0 0 0 2 2h8.857a2 2 0 0 0 2-2V7.293a2 2 0 0 0-2-2ZM5.415 17.37a.436.436 0 0 1-.436-.428V3.764a.436.436 0 0 1 .436-.428h9.328a.436.436 0 0 1 .436.428v1.529H9.465a2 2 0 0 0-2 2V17.37h-2.05ZM18.986 20a.671.671 0 0 1-.671.664H9.493A.672.672 0 0 1 8.822 20V7.293a.671.671 0 0 1 .671-.664h8.857a.672.672 0 0 1 .672.664L18.986 20Z'/%3E%3C/svg%3E");
  background-size: cover;
}

.credits .pop-mybox-coupon .contents .btn-pop-wrap {
  margin-top: 16px;
}

.credits .pop-mybox-coupon .contents .mybox-notice {
  margin-top: 24px;
  padding: 16px 0;
  border-top: 1px solid #131313;
  border-bottom: 1px solid #DADADA;
}

.credits .pop-mybox-coupon .contents .mybox-notice * {
  color: #484848;
  font-size: 12px;
  line-height: 1.7;
  text-align: left;
}

.credits .pop-mybox-coupon .contents .mybox-notice dt {
  font-weight: 700;
}

.credits .pop-mybox-coupon .contents .mybox-notice dd {
  margin-top: 8px;
}

.credits .pop-mybox-coupon .contents .mybox-notice li + li {
  margin-top: 0;
}

.credits .pop-float-layer:has(.pop-sub-title) .pop-title {
  margin-bottom: 12px;
}

.credits .pop-float-layer:has(.pop-sub-title) .contents [class^=tbl-board] .common-table-list {
  margin-top: 24px;
}

.credits .pop-float-layer .contents {
  margin: 0 48px;
}

.credits .pop-float-layer .contents [class^=tbl-board] .common-table-list {
  margin-top: 8px;
  border-top-color: #131313;
  border-bottom-color: #DADADA;
}

.credits .pop-float-layer .contents [class^=tbl-board] .common-table-list .col01 {
  width: 152px;
}

.credits .pop-float-layer .contents [class^=tbl-board] .common-table-list th,
.credits .pop-float-layer .contents [class^=tbl-board] .common-table-list td {
  padding: 12px 6px;
  border-color: #EDEDED;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 400;
  text-align: left;
  vertical-align: top;
}

.credits .pop-float-layer .contents [class^=tbl-board] .common-table-list th.point-blue,
.credits .pop-float-layer .contents [class^=tbl-board] .common-table-list td.point-blue {
  color: #5772E8;
}

.credits .pop-float-layer .contents [class^=tbl-board] .common-table-list thead th {
  font-weight: 700;
}

.credits .pop-float-layer .contents [class^=tbl-board] .common-table-list tbody tr:hover {
  background-color: transparent;
}

.credits .pop-float-layer .contents [class^=tbl-board] .common-table-list tbody th {
  padding-left: 12px;
}

.credits .pop-float-layer .contents [class^=tbl-board] .common-table-list.type-col tbody th {
  font-weight: 700;
}

.credits .pop-float-layer .contents .credits-notice {
  margin-top: 16px;
}

.credits .pop-float-layer .contents .credits-notice .bullet_list {
  display: flex;
  margin: auto;
}

.credits .pop-float-layer .contents .credits-notice .bullet_list > li {
  margin: auto;
  color: #000000;
  font-size: 13px;
  line-height: 1.6;
}

.credits .pop-float-layer.pop-credits-charge .contents .credits-charge-wrap {
  display: flex;
  gap: 16px;
}

.credits .pop-float-layer.pop-credits-charge .contents .credits-charge-wrap em {
  font-style: normal;
}

.credits .pop-float-layer.pop-credits-charge .contents .credits-charge-wrap dl {
  width: 100%;
  border-top: 2px solid #000000;
  border-bottom: 1px solid #DADADA;
  font-size: 14px;
  line-height: 1.6;
  text-align: left;
}

.credits .pop-float-layer.pop-credits-charge .contents .credits-charge-wrap dt {
  padding: 12px;
  font-weight: 700;
  text-align: center;
}

.credits .pop-float-layer.pop-credits-charge .contents .credits-charge-wrap dd {
  padding: 12px 0;
  border-top: 1px solid #DADADA;
}

.credits .pop-float-layer.pop-credits-charge .contents .credits-charge-wrap dd .plan-option {
  padding: 14px 12px;
}

.credits .pop-float-layer.pop-credits-charge .contents .credits-charge-wrap dd .plan-option .inp-chk {
  cursor: pointer;
}

.credits .pop-float-layer.pop-credits-charge .contents .credits-charge-wrap dd .plan-option .label-inner {
  display: flex;
  gap: 8px;
  align-items: center;
}

.credits .pop-float-layer.pop-credits-charge .contents .credits-charge-wrap dd .plan-option .label-inner .charge-credit {
  display: flex;
  gap: 4px;
  align-items: center;
}

.credits .pop-float-layer.pop-credits-charge .contents .credits-charge-wrap dd .plan-option .label-inner .flag {
  display: inline-flex;
  padding: 1px 5px;
  border-radius: 6px 6px 6px 0;
  background-color: #fea903;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 1.7;
  font-weight: 700;
}

.credits .pop-float-layer.pop-credits-charge .contents .credits-charge-wrap dd .inp-chk {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  line-height: 1.6;
}

.credits .pop-float-layer.pop-credits-charge .contents .credits-charge-wrap dd .inp-chk input[type=radio] {
  top: 1px;
  width: 20px;
  height: 20px;
  background-size: cover;
}

.credits .pop-float-layer.pop-credits-over .contents [class^=tbl-board] .common-table-list tbody td:last-child {
  padding-right: 0;
}

.credits .pop-float-layer.pop-credits-over .contents .code-box {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  font-size: 14px;
  line-height: 1.6;
}

.credits .pop-float-layer.pop-credits-over .contents .code-box .btn-copy {
  display: inline-flex;
  align-items: center;
  height: 25px;
  padding: 4px 12px;
  border: 1px solid #575757;
  border-radius: 21px;
  box-sizing: border-box;
  font-size: 11px;
  line-height: 1.5;
  font-weight: 700;
}

@media (pointer: coarse) {
  .credits #container .ai-features .features-item .features-inner .features-info-function .img-wrap.video-wrap.playing:hover .btn-video {
    opacity: 0;
  }
}
@media (max-width: 1279px) {
  .credits .mo-br {
    display: block;
  }
  .credits #container .contents-body {
    padding-bottom: 0;
  }
  .credits #container .gom-content-inner-wrap {
    padding: 64px 0;
  }
  .credits #container .gom-title-wrap,
  .credits #container .gom-title {
    font-size: 24px;
    line-height: 1.5;
  }
  .credits #container .gom-title-wrap .h-desc {
    margin-top: 14px;
    font-size: 13px;
    line-height: 1.6;
  }
  .credits #container .lnb-wrap {
    width: auto;
    padding: 0 40px;
    border-radius: 20px;
  }
  .credits #container .lnb-wrap .lnb-inner {
    height: auto;
    padding: 12px 0;
  }
  .credits #container .lnb-wrap .lnb-inner .intro_wrap {
    flex-direction: column;
  }
  .credits #container .lnb-wrap .lnb-inner .intro_wrap .intro {
    display: block;
    font-size: 14px;
    line-height: 1.6;
  }
  .credits #container .lnb-wrap .lnb-inner .btn-downloads {
    margin: auto;
  }
  .credits #container .lnb-wrap .lnb-inner .btn-downloads [class^=btn-] .ico {
    width: 12px;
    height: 12px;
  }
  .credits #container .lnb-wrap .lnb-inner .btn-downloads [class^=btn-]:has(.ico) {
    line-height: 1;
  }
  .credits #container .lnb-wrap .lnb-inner .btn-lnb-close {
    top: 12px;
    right: 12px;
    width: 16px;
    height: 16px;
    transform: none;
  }
  .credits #container .sticky-nav {
    height: 39px;
  }
  .credits #container .sticky-nav .sticky-inner {
    height: 38px;
  }
  .credits #container .sticky-nav .tab-button {
    justify-content: flex-start;
  }
  .credits #container .sticky-nav .tab-button > li a {
    padding: 0 4px;
    font-size: 14px;
    line-height: 1.6;
  }
  .credits #container .sticky-nav .tab-button > li a.active::after {
    height: 2px;
  }
  .credits #container .credits-info .gom-content-inner {
    padding-top: 40px;
  }
  .credits #container .credits-info .credit-plans .plan-item-wrap {
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(auto-fit, minmax(calc(50% - 40px), 1fr));
  }
  .credits #container .credits-info .credit-plans .plan-item {
    order: 2;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 0px rgb(217, 215, 245);
  }
  .credits #container .credits-info .credit-plans .plan-item .plan-title {
    height: 44px;
    padding-top: 10px;
    border-radius: 20px 20px 0 0;
    font-size: 16px;
    line-height: 1.6;
  }
  .credits #container .credits-info .credit-plans .plan-item .plan-top-info .plan-info-txt {
    font-size: 14px;
    line-height: 1.6;
  }
  .credits #container .credits-info .credit-plans .plan-item .plan-top-info .price-info {
    gap: 6px;
    margin-top: 6px;
  }
  .credits #container .credits-info .credit-plans .plan-item .plan-top-info .price-info .origin-price {
    font-size: 32px;
    line-height: 1.5;
  }
  .credits #container .credits-info .credit-plans .plan-item .plan-top-info .price-info .unit {
    font-size: 14px;
    line-height: 1.6;
  }
  .credits #container .credits-info .credit-plans .plan-item .plan-top-info .price-info .info {
    width: 100%;
    font-size: 14px;
    line-height: 1.6;
  }
  .credits #container .credits-info .credit-plans .plan-item .plan-info-body {
    padding: 34px 24px;
    border-radius: 20px;
  }
  .credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-option {
    padding: 14px 12px;
    border-radius: 10px;
  }
  .credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-option .inp-chk {
    padding-left: 28px;
    font-size: 14px;
    line-height: 1.6;
  }
  .credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-option .inp-chk input[type=radio] {
    width: 20px;
    height: 20px;
    background-size: cover;
  }
  .credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-option .inp-chk span {
    font-size: 14px;
    line-height: 1.6;
  }
  .credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-option .label-inner > span .unit {
    margin-left: 4px;
    font-style: normal;
  }
  .credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-option .option-info-wrap {
    padding-left: 28px;
  }
  .credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-option .option-info-wrap .option-info {
    gap: 10px;
    align-items: center;
  }
  .credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-option .option-info-wrap .option-info dl {
    gap: 8px;
  }
  .credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-option .option-info-wrap .option-info dl + dl {
    padding-left: 10px;
  }
  .credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-info-txt dd {
    margin-top: 6px;
  }
  .credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-info-txt dd .bullet_list > li {
    padding-left: 24px;
  }
  .credits #container .credits-info .credit-plans .plan-item .plan-info-body .plan-option-list .plan-info-txt dd .bullet_list > li::before {
    top: 2px;
    width: 18px;
    height: 18px;
  }
  .credits #container .credits-info .credit-plans .plan-item .btn-wrap {
    margin-top: 40px;
  }
  .credits #container .credits-info .credit-plans .plan-item .btn-wrap [class^=btn-] {
    height: 36px;
    font-size: 14px;
    line-height: 1.6;
  }
  .credits #container .credits-info .credit-plans .plan-item.most-popular {
    grid-column: 1/3;
    order: 1;
  }
  .credits #container .credits-info .credit-plans .plan-item.most-popular .plan-info-body {
    padding: 33px 23px;
    border: 1px solid #5772E8;
  }
  .credits #container .credits-info .credits-period-info .gom-title {
    font-size: 18px;
    line-height: 1.5;
  }
  .credits #container .credits-info .credits-period-info .credits-period {
    margin-top: 20px;
    container-name: credits-period-table;
    container-type: inline-size;
  }
  .credits #container .credits-info .credits-period-info .credits-period .credits-period-cont {
    gap: 6px;
  }
  .credits #container .credits-info .credits-period-info .credits-period dl dt {
    padding: 24px;
    font-size: 18px;
    line-height: 1.5;
  }
  .credits #container .credits-info .credits-period-info .credits-period dl dt > span.sub-txt {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 1.6;
  }
  .credits #container .credits-info .credits-period-info .credits-period dl dd li {
    padding: 20px 24px 20px 48px;
    font-size: 13px;
    line-height: 1.6;
  }
  .credits #container .credits-info .credits-period-info .credits-period dl dd li::before {
    left: 24px;
    width: 18px;
    height: 18px;
  }
  .credits #container .credits-info .credits-period-info .credits-period::-webkit-scrollbar {
    height: 8px;
  }
  .credits #container .credits-info .credits-period-info .credits-period::-webkit-scrollbar-thumb {
    background-color: #DADADA;
    border-radius: 3px;
  }
  @container credits-period-table (max-width: 977px) {
    .credits #container .credits-info .credits-period-info .credits-period-cont {
      padding-bottom: 12px;
    }
  }
  .credits #container .credits-info .credits-notice {
    margin-top: 20px;
  }
  .credits #container .credits-info .circle {
    display: none;
  }
  .credits #container .ai-features .gom-content-inner {
    padding-top: 24px;
  }
  .credits #container .ai-features .ai-features-nav {
    margin-right: -24px;
    margin-left: -24px;
  }
  .credits #container .ai-features .ai-features-nav .tab-button {
    padding: 0 24px;
    justify-content: start;
  }
  .credits #container .ai-features .ai-features-wrap .swiper-button-prev {
    left: -24px;
  }
  .credits #container .ai-features .ai-features-wrap .swiper-button-next {
    right: -24px;
  }
  .credits #container .ai-features .features-item {
    --border-width:1px;
    align-items: start;
    padding: 33px 23px;
    border: var(--border-width) solid transparent;
    border-radius: 10px;
  }
  .credits #container .ai-features .features-item .features-inner {
    flex-direction: column;
    padding: 0;
  }
  .credits #container .ai-features .features-item .features-inner .gom-title-wrap,
  .credits #container .ai-features .features-item .features-inner .gom-title {
    font-size: 20px;
    line-height: 1.5;
  }
  .credits #container .ai-features .features-item .features-inner .gom-title-wrap .flag {
    font-size: 13px;
    line-height: 1.6;
  }
  .credits #container .ai-features .features-item .features-inner .gom-title::before {
    width: 16px;
    height: 16px;
  }
  .credits #container .ai-features .features-item .features-inner .h-desc {
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 1.6;
  }
  .credits #container .ai-features .features-item .features-inner .features-info-txt .sub-txt-wrap {
    margin-top: 32px;
  }
  .credits #container .ai-features .features-item .features-inner .features-info-txt .sub-txt-wrap .bullet_list > li {
    padding-left: 28px;
    font-size: 14px;
    line-height: 1.6;
  }
  .credits #container .ai-features .features-item .features-inner .features-info-txt .sub-txt-wrap .bullet_list > li::before {
    top: 2px;
    width: 18px;
    height: 18px;
  }
  .credits #container .ai-features .features-item .features-inner .features-info-txt .sub-txt-wrap .bullet_list > li + li {
    margin-top: 12px;
  }
  .credits #container .ai-features .features-item .features-inner .features-info-txt .sub-txt-wrap .use-sw-info {
    gap: 10px;
    flex-direction: column;
    align-items: start;
    margin-top: 32px;
    font-size: 13px;
    line-height: 1.6;
  }
  .credits #container .ai-features .features-item .features-inner .features-info-txt .sub-txt-wrap .btn-wrap {
    margin-top: 32px;
  }
  .credits #container .ai-features .features-item .features-inner .features-info-txt .sub-txt-wrap .btn-wrap .btn-coupon {
    width: 100%;
    height: 36px;
    font-size: 14px;
    line-height: 1.6;
  }
  .credits #container .ai-features .features-item .features-inner .features-info-txt .sub-txt-wrap .btn-wrap .btn-coupon > span {
    gap: 6px;
  }
  .credits #container .ai-features .features-item .features-inner .features-info-function {
    width: 100%;
  }
  .credits #container .ai-features .features-item .features-inner .features-info-function .img-wrap {
    border-radius: 8px;
    aspect-ratio: 1.85/1;
  }
  .credits #container .ai-features .features-item .features-inner .features-info-function .img-wrap img,
  .credits #container .ai-features .features-item .features-inner .features-info-function .img-wrap video {
    border-radius: 8px;
  }
  .credits #container .ai-features .features-item .features-inner .features-info-function .function-info {
    padding-right: 0;
    padding-left: 0;
  }
  .credits #container .ai-features .features-item .features-inner .features-info-function .function-info .bullet_list {
    margin: 0;
  }
  .credits #container .ai-features .features-item .item-image-upscaling .img-compare-wrap {
    border-radius: 8px;
  }
  .credits #container .ai-features .features-item .item-image-upscaling .img-compare-wrap img-comparison-slider.image-comparison img {
    width: auto;
    height: auto;
    border-radius: 8px;
  }
  .credits #container .ai-features .features-item .item-bgm .features-info-function .function-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .credits #container .ai-features .features-item .item-bgm .features-info-function .function-info .audio-item.audio-item {
    margin: 0;
  }
  .credits #container .ai-features .features-item .item-mybox .features-info-function .function-info {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
  }
  .credits #container .etc-info-wrap .gom-title {
    font-size: 18px;
    line-height: 1.5;
  }
  .credits #container .etc-info-wrap .credits-usage .gom-content-inner {
    padding-top: 20px;
  }
  .credits #container .etc-info-wrap .credits-usage .tbl-board-wrap {
    container-name: credits-usage-table;
    container-type: inline-size;
    overflow-x: auto;
  }
  .credits #container .etc-info-wrap .credits-usage .tbl-board-wrap .common-table-list {
    min-width: 660px;
  }
  .credits #container .etc-info-wrap .credits-usage .tbl-board-wrap .common-table-list .col01 {
    width: 190px;
  }
  .credits #container .etc-info-wrap .credits-usage .tbl-board-wrap .common-table-list th,
  .credits #container .etc-info-wrap .credits-usage .tbl-board-wrap .common-table-list td {
    padding: 12px;
    border: 1px solid #DADADA;
    border-width: 1px 0 0;
    font-size: 14px;
    line-height: 1.6;
  }
  .credits #container .etc-info-wrap .credits-usage .tbl-board-wrap .common-table-list thead th {
    font-size: 16px;
    line-height: 1.6;
  }
  .credits #container .etc-info-wrap .credits-usage .tbl-board-wrap .common-table-list tbody th {
    padding-left: 24px;
  }
  .credits #container .etc-info-wrap .credits-usage .tbl-board-wrap::-webkit-scrollbar {
    height: 8px;
  }
  .credits #container .etc-info-wrap .credits-usage .tbl-board-wrap::-webkit-scrollbar-thumb {
    background-color: #DADADA;
    border-radius: 3px;
  }
  .credits #container .etc-info-wrap .credits-usage .tbl-board-wrap + .bullet_list {
    margin-top: 20px;
  }
  .credits #container .etc-info-wrap .credits-usage .tbl-board-wrap + .bullet_list > li {
    font-size: 13px;
    line-height: 1.6;
  }
  @container credits-usage-table (max-width: 659px) {
    .credits #container .etc-info-wrap .credits-usage .common-table-list {
      margin-bottom: 12px;
    }
  }
  .credits #container .etc-info-wrap .credits-faq {
    padding: 64px 0 150px 0;
  }
  .credits #container .etc-info-wrap .credits-faq .credits-faq-item {
    padding: 16px;
    border-radius: 10px 10px 10px 0;
    font-size: 14px;
    line-height: 1.6;
  }
  .credits #container .etc-info-wrap .credits-faq .credits-faq-item .faq-questions {
    gap: 4px;
  }
  .credits #container .etc-info-wrap .credits-faq .credits-faq-item .faq-asked {
    gap: 4px;
    margin-top: 12px;
    padding-top: 12px;
  }
  .credits #container .etc-info-wrap .credits-faq .credits-faq-item .faq-asked .asked {
    font-size: 14px;
    line-height: 1.6;
  }
  .credits #container .etc-info-wrap .credits-faq .credits-faq-item .faq-asked .asked .bullet_list > li {
    font-size: 14px;
    line-height: 1.6;
  }
  .credits #container .etc-info-wrap .credits-faq .btn-wrap {
    top: 65px;
  }
  .credits #container .etc-info-wrap .credits-faq .btn-wrap .more-view {
    font-size: 0;
    line-height: 0;
  }
  .credits #container .etc-info-wrap .credits-faq .btn-wrap .more-view::after {
    width: 16px;
    height: 16px;
  }
  .credits .pop-mybox-info .mo-br {
    display: none;
  }
  .credits .pop-float-layer .contents {
    margin: 0 20px;
  }
  .credits .pop-float-layer.pop-credits-over .contents [class^=tbl-board] .common-table-list .col01 {
    width: 100px;
  }
}
@media (max-width: 768px) {
  .credits #container .credits-info .credit-plans .plan-item-wrap {
    grid-template-columns: repeat(1, 1fr);
  }
  .credits #container .credits-info .credit-plans .plan-item.most-popular {
    grid-column: auto;
  }
  .credits .pop-mybox-info .mo-br {
    display: block;
  }
  .credits .pop-mybox-info .pop-content-wrap {
    padding: 0 20px;
  }
  .credits .pop-mybox-info .pop-content-wrap .mybox-step-wrap {
    max-height: 360px;
  }
  .credits .pop-mybox-info .pop-content-wrap .mybox-step-wrap .mybox-step-item .step-item-inner {
    flex-direction: column;
    gap: 0;
  }
  .credits .pop-mybox-info .pop-content-wrap .mybox-step-wrap .mybox-step-item .step-item-inner .txt-wrap {
    margin-top: 24px;
    align-self: flex-start;
  }
  .credits .pop-mybox-coupon .contents {
    margin: 0 20px;
  }
  .credits .pop-float-layer .contents [class^=tbl-board] .common-table-list {
    border-top-color: #131313;
    border-bottom-color: #DADADA;
  }
  .credits .pop-float-layer .contents [class^=tbl-board] .common-table-list .col01 {
    width: 120px;
  }
  .credits .pop-float-layer .contents [class^=tbl-board] .common-table-list th,
  .credits .pop-float-layer .contents [class^=tbl-board] .common-table-list td {
    border-color: #EDEDED;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 400;
    text-align: left;
  }
  .credits .pop-float-layer .contents [class^=tbl-board] .common-table-list th.point-blue,
  .credits .pop-float-layer .contents [class^=tbl-board] .common-table-list td.point-blue {
    color: #5772E8;
  }
  .credits .pop-float-layer .contents [class^=tbl-board] .common-table-list tbody tr:hover {
    background-color: transparent;
  }
  .credits .pop-float-layer .contents [class^=tbl-board] .common-table-list tbody th {
    padding-left: 12px;
  }
  .credits .pop-float-layer .contents [class^=tbl-board] .common-table-list.type-col tbody th {
    font-weight: 700;
  }
  .credits .pop-float-layer .btn-pop-wrap {
    flex-direction: row;
  }
  .credits .pop-float-layer .btn-pop-wrap [class^=btn-] {
    margin: 0;
  }
  .credits .pop-float-layer.pop-credits-charge .contents {
    padding: 0 20px;
  }
  .credits .pop-float-layer.pop-credits-charge .contents .credits-charge-wrap {
    flex-direction: column;
  }
  .credits .pop-float-layer.pop-credits-over .contents [class^=tbl-board] .common-table-list .col01 {
    width: 94px;
  }
  .credits .pop-float-layer.pop-credits-over .contents [class^=tbl-board] .common-table-list th,
  .credits .pop-float-layer.pop-credits-over .contents [class^=tbl-board] .common-table-list td {
    font-size: 13px;
    line-height: 1.6;
  }
  .credits .pop-float-layer.pop-credits-over .contents .code-box {
    font-size: 13px;
    line-height: 1.6;
  }
}