@charset "UTF-8";
.app-link-bg {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5001;
}
.app-link-bg .inner-content {
  display: table;
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 auto;
}
.app-link-bg .inner-content .app-link {
  width: 100%;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.app-link-bg .inner-content .app-link .app-link-image {
  position: relative;
  width: 266px;
  height: 278px;
  margin: 0 auto;
}
.app-link-bg .inner-content .app-link .app-link-image .app-link-button {
  width: 120px;
  height: 120px;
  right: 0px;
  bottom: 0px;
  position: absolute;
}
.app-link-bg .inner-content .app-link .app-link-image .app-link-button img {
  width: 100%;
  height: 100%;
}
.app-link-bg .inner-content .app-link .app-link-image .app-link-close {
  width: 18px;
  height: 18px;
  right: 0px;
  top: 0px;
  position: absolute;
}
.app-link-bg .inner-content .app-link .app-link-image .app-link-close img {
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5 * 100);
  filter: alpha(opacity=0.5 * 100);
}
.app-link-bg .inner-content .app-link .app-link-image img {
  width: 100%;
  height: 100%;
}
.app-link-bg .inner-content .app-link .app-link-close-text {
  margin-top: 20px;
}
.app-link-bg .inner-content .app-link .app-link-close-text a {
  font-size: 13px;
  color: #eeeeee;
  font-weight: normal;
  line-height: 2.31;
  letter-spacing: -0.3px;
  border-bottom: 1px solid #999999;
  padding-bottom: 5px;
}
.row-flex {
  display: flex;
  display: -webkit-flex;
}
table tbody {
  border: none !important;
}
input[type="radio"],
input[type="checkbox"] {
  margin-top: 2px !important;
}
.modal .modal-cancel-headless {
  position: absolute;
  padding: 0;
  text-align: center;
  top: 25px;
  right: 25px;
  background: transparent;
  border: none;
  z-index: 100000000;
}
.modal h3.modal-title {
  font-size: 20px;
  line-height: 20px;
  height: 20px;
  color: #444;
}
.modal button.modal-cancel {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='0.5 * 100')";
  filter: alpha(opacity=0.5 * 100);
  float: right;
  background: 0;
  border: none;
  padding: 0;
  height: 24px;
}
.modal button.modal-cancel img {
  vertical-align: top;
}
.modal .modal-content {
  border-radius: 2px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
  border: 0 !important;
}
.modal .modal-content .modal-header {
  padding: 20px 20px 0px 20px !important;
  border-bottom: none;
}
.modal .modal-content .modal-header h3 {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 40px;
}
.modal .modal-content .modal-body {
  padding: 20px !important;
}
@media (max-width: 799px) {
  .modal .modal-content .modal-body {
    padding: 15px !important;
  }
}
.modal .modal-xlg .modal-content .modal-body {
  padding: 0px !important;
}
.modal.transparent {
  text-align: center;
}
.modal.transparent .modal-dialog {
  display: inline-block;
  width: auto;
}
.modal.transparent .modal-dialog .modal-content {
  background: transparent;
  box-shadow: none;
  border: 0;
}
.modal.transparent .modal-dialog .modal-content .modal-body {
  padding: 0;
}
select.form-control.input-sm {
  padding: 0 10px;
}
.table-responsive {
  overflow-x: inherit !important;
}
.btn-group feedback-button {
  float: left;
}
body {
  font-family: 'Pretendard', sans-serif;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  z-index: inherit;
}
mark {
  padding: .2em 0;
  color: inherit;
  background: #FFFF00;
}
.vm {
  vertical-align: middle !important;
}
.tc {
  text-align: center !important;
}
.tl {
  text-align: left !important;
}
.tr {
  text-align: right !important;
}
.fwn {
  font-weight: normal !important;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clear-both {
  clear: both;
}
.bold {
  font-weight: bold !important;
}
.fw100 {
  font-weight: 100 !important;
}
.fw200 {
  font-weight: 200 !important;
}
.fw300 {
  font-weight: 300 !important;
}
.fw400 {
  font-weight: 400 !important;
}
.fw500 {
  font-weight: 500 !important;
}
.fw600 {
  font-weight: 600 !important;
}
.fw700 {
  font-weight: 700 !important;
}
.fw800 {
  font-weight: 800 !important;
}
.block {
  display: block !important;
}
.inline-block {
  display: inline-block !important;
}
.cursor-default {
  cursor: default !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.cursor-not-allowed {
  cursor: not-allowed !important;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}
button.a {
  border: none;
  background: transparent;
  padding: 0;
}
.opacity1 {
  opacity: 0.1 !important;
}
.opacity2 {
  opacity: 0.2 !important;
}
.opacity3 {
  opacity: 0.3 !important;
}
.opacity4 {
  opacity: 0.4 !important;
}
.opacity5 {
  opacity: 0.5 !important;
}
.opacity6 {
  opacity: 0.6 !important;
}
.opacity7 {
  opacity: 0.7 !important;
}
.opacity8 {
  opacity: 0.8 !important;
}
.opacity9 {
  opacity: 0.9 !important;
}
.opacity10 {
  opacity: 1 !important;
}
textarea {
  resize: vertical;
}
textarea.row1 {
  min-height: 20px;
}
textarea.row2 {
  min-height: 40px;
}
textarea.row3 {
  min-height: 60px;
}
textarea.row4 {
  min-height: 80px;
}
textarea.row5 {
  min-height: 100px;
}
textarea.row6 {
  min-height: 120px;
}
textarea.row7 {
  min-height: 140px;
}
textarea.row8 {
  min-height: 160px;
}
textarea.row9 {
  min-height: 180px;
}
textarea.row10 {
  min-height: 200px;
}
textarea.row11 {
  min-height: 220px;
}
textarea.row12 {
  min-height: 240px;
}
textarea.row13 {
  min-height: 260px;
}
textarea.row14 {
  min-height: 280px;
}
textarea.row15 {
  min-height: 300px;
}
textarea.row16 {
  min-height: 320px;
}
textarea.row17 {
  min-height: 340px;
}
textarea.row18 {
  min-height: 360px;
}
textarea.row19 {
  min-height: 380px;
}
textarea.row20 {
  min-height: 400px;
}
i.fa {
  vertical-align: baseline;
}
img.grayscale {
  -webkit-filter: grayscale(100%);
}
.text-underline {
  text-decoration: underline !important;
}
a,
button {
  cursor: pointer;
}
*:focus {
  outline: none !important;
}
.break {
  word-break: break-all;
}
root {
  display: block;
}
label {
  cursor: pointer;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="url"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none !important;
}
input[type="text"]::-ms-clear,
input[type="password"]::-ms-clear,
input[type="email"]::-ms-clear,
input[type="number"]::-ms-clear,
input[type="tel"]::-ms-clear,
input[type="url"]::-ms-clear,
textarea::-ms-clear {
  display: none;
}
@media (max-width: 799px) {
  .w {
    display: none;
  }
}
.m {
  display: none;
}
@media (max-width: 799px) {
  .m {
    display: inline-block;
  }
}
.tooltip-standard {
  position: relative;
}
.tooltip-content {
  position: absolute;
}
confirm-modal p {
  color: #222222;
  text-align: center;
  font-size: 16px;
  margin: 25px 0 20px;
}
confirm-modal .btn-group {
  padding-left: 0px;
  padding-right: 0px;
}
confirm-modal .btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}
confirm-modal .btn-group-justified > .btn-group {
  display: table-cell;
  width: 50%;
}
confirm-modal .btn-group-justified > .btn-group:not(:last-child) {
  padding-right: 5px;
}
confirm-modal .btn-group-justified .btn {
  width: 100%;
  display: block;
}
confirm-modal .premier p {
  margin: 30px 10px 20px;
}
confirm-modal .premier .btn-group {
  padding-left: 5.5px;
  padding-right: 5.5px;
}
confirm-modal .btn.btn-custom {
  font-size: 15px;
  box-shadow: none;
  padding: 0;
  height: 48px;
  line-height: 46px;
  margin-bottom: 0;
}
confirm-modal .btn.btn-custom.confirm-cancel {
  border: 1px solid #ddd;
  background: #fff;
  color: #999999;
  font-weight: 400;
}
confirm-modal .btn.btn-custom.confirm-cancel:hover {
  border-color: #999;
  color: #666;
}
@media (max-width: 799px) {
  confirm-modal .btn.btn-custom.confirm-cancel.mypage {
    background: #222;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
  }
}
confirm-modal .btn.btn-custom.confirm-submit {
  background: #222;
  color: #fff;
  font-weight: bold;
  border: none;
}
confirm-modal .btn.btn-custom.confirm-submit:hover {
  background-color: #000;
}
@media (max-width: 799px) {
  confirm-modal .btn.btn-custom.confirm-submit.mypage {
    border: 1px solid #ddd;
    background: #fff;
    color: #222222;
    font-weight: 500;
    font-size: 14px;
  }
}
.error-message {
  display: block;
  margin: 5px 0;
  padding: 0;
  color: #5c19dd;
}
.error-message * {
  color: #5c19dd;
  font-size: 0.85em;
  margin: 0 0 3px 0;
}
.error-message p.new-password {
  font-size: 12px;
}
.fatal-error {
  position: fixed;
  top: 100px;
  width: 80%;
  border: 1px solid #EEE;
  margin: 0 0 0 -40%;
  background: #FFFFFF;
  left: 50%;
  text-align: center;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
  padding: 30px;
  z-index: 999999999;
}
.fatal-error p {
  margin: 10px 0 0 0;
  line-height: 170%;
}
.fatal-error-back {
  filter: blur(10px) !important;
}
button.feedback-button {
  transition: .1s;
}
button.feedback-button.pending {
  text-align: center !important;
  min-width: 30px;
}
button.feedback-button.success {
  text-align: center !important;
  min-width: 30px;
  border-color: #5C19DD !important;
  background: #5C19DD !important;
  color: #fff !important;
}
button.feedback-button.error {
  text-align: center !important;
  min-width: 30px;
  border-color: #ac2925 !important;
  background: #ac2925 !important;
  color: #fff !important;
}
file-upload {
  display: inline-block;
  position: relative;
}
file-upload .progress {
  height: 5px;
  margin: 0;
  position: absolute;
  width: 100%;
  bottom: 0;
}
file-upload img.preview {
  margin-top: 5px;
  max-width: 200px;
  max-height: 200px;
}
input:not([readonly]):focus,
textarea:not([readonly]):focus {
  background-color: #FFFFFF !important;
  color: #000;
  outline: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
*:focus {
  outline: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.hr-divider {
  display: flex;
  flex-basis: 100%;
  width: 100%;
  align-items: center;
  color: rgba(0, 0, 0, 0.35);
  margin: 15px 0;
}
.hr-divider:before,
.hr-divider:after {
  content: "";
  flex-grow: 1;
  height: 1px;
  font-size: 0;
  line-height: 0;
  margin: 0 8px 0 0;
}
.hr-divider:after {
  margin: 0 0 0 8px;
}
.hr-divider button {
  color: #999;
}
.hr-divider.search {
  margin: 25px 0px 80px;
  color: #999;
  font-weight: 500;
}
@media (max-width: 799px) {
  .hr-divider.search {
    background-color: #f8f8f9;
    margin: 0px -10px -15px;
    width: 105%;
  }
}
.hr-divider.search button {
  width: 100%;
  padding: 15px 15px;
  background-color: #f8f8f9;
}
#loading-bar,
#loading-bar-spinner {
  pointer-events: none;
  -webkit-pointer-events: none;
  -webkit-transition: 350ms linear all;
  -moz-transition: 350ms linear all;
  -o-transition: 350ms linear all;
  transition: 350ms linear all;
}
#loading-bar .bar {
  -webkit-transition: width 350ms;
  -moz-transition: width 350ms;
  -o-transition: width 350ms;
  transition: width 350ms;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  z-index: 10002;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
}
/* Fancy blur effect */
#loading-bar .peg {
  position: absolute;
  width: 70px;
  right: 0;
  top: 0;
  height: 2px;
  opacity: .45;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 1px 0 6px 1px;
  -ms-box-shadow: rgba(0, 0, 0, 0.3) 1px 0 6px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 0 6px 1px;
  box-shadow: rgba(0, 0, 0, 0.3) 1px 0 6px 1px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
#loading-bar-spinner {
  display: block;
  position: fixed;
  z-index: 10002;
  top: 15px;
  left: 15px;
}
#loading-bar-spinner .spinner-icon,
.loading-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
  border: solid 2px transparent;
  border-top-color: rgba(0, 0, 0, 0.3);
  border-left-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  -webkit-animation: loading-bar-spinner 400ms linear infinite;
  -moz-animation: loading-bar-spinner 400ms linear infinite;
  -ms-animation: loading-bar-spinner 400ms linear infinite;
  -o-animation: loading-bar-spinner 400ms linear infinite;
  animation: loading-bar-spinner 400ms linear infinite;
}
@-webkit-keyframes loading-bar-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes loading-bar-spinner {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes loading-bar-spinner {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes loading-bar-spinner {
  0% {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading-bar-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-block {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
.loading-block {
  display: inline-block;
  margin: 5px 1% 0 1%;
  height: 14px;
  border-radius: 2px;
  background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
  animation: loading-block 1.4s ease infinite;
  background-size: 600% 600%;
}
.mixin-clearfix {
  zoom: 1;
}
.mixin-clearfix:before,
.mixin-clearfix:after {
  content: "";
  display: table;
}
.mixin-clearfix:after {
  clear: both;
}
.mixin-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mixin-inline-block {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.mixin-pull-right {
  float: right;
  *zoom: expression( this.runtimeStyle.zoom='1',parentNode.insertBefore( this,parentNode.firstChild ));
}
.mixin-hide-text {
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
}
.toast-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  pointer-events: none;
  text-align: center;
}
.toast {
  @extend .modal-content;
  background: rgba(0, 0, 0, 0.85);
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 7px 15px 0px;
  color: #fff;
  padding: 20px;
  width: auto;
  white-space: nowrap;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.2s ease, transform 0.2s ease;
  pointer-events: auto;
}
.toast--active {
  opacity: 1;
  transform: translateY(0);
}
.toast--success {
  background: #1565c0;
}
.toast--error {
  background: #c62828;
}
.toast--warning {
  background: #e65100;
}
.toast--info {
  background: #000000D9;
}
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/assets/fonts/glyphicons-halflings-regular.eot');
  src: url('/assets/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/assets/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/assets/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/assets/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "*";
}
.glyphicon-plus:before {
  content: "+";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20AC";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270F";
}
.glyphicon-glass:before {
  content: "\E001";
}
.glyphicon-music:before {
  content: "\E002";
}
.glyphicon-search:before {
  content: "\E003";
}
.glyphicon-heart:before {
  content: "\E005";
}
.glyphicon-star:before {
  content: "\E006";
}
.glyphicon-star-empty:before {
  content: "\E007";
}
.glyphicon-user:before {
  content: "\E008";
}
.glyphicon-film:before {
  content: "\E009";
}
.glyphicon-th-large:before {
  content: "\E010";
}
.glyphicon-th:before {
  content: "\E011";
}
.glyphicon-th-list:before {
  content: "\E012";
}
.glyphicon-ok:before {
  content: "\E013";
}
.glyphicon-remove:before {
  content: "\E014";
}
.glyphicon-zoom-in:before {
  content: "\E015";
}
.glyphicon-zoom-out:before {
  content: "\E016";
}
.glyphicon-off:before {
  content: "\E017";
}
.glyphicon-signal:before {
  content: "\E018";
}
.glyphicon-cog:before {
  content: "\E019";
}
.glyphicon-trash:before {
  content: "\E020";
}
.glyphicon-home:before {
  content: "\E021";
}
.glyphicon-file:before {
  content: "\E022";
}
.glyphicon-time:before {
  content: "\E023";
}
.glyphicon-road:before {
  content: "\E024";
}
.glyphicon-download-alt:before {
  content: "\E025";
}
.glyphicon-download:before {
  content: "\E026";
}
.glyphicon-upload:before {
  content: "\E027";
}
.glyphicon-inbox:before {
  content: "\E028";
}
.glyphicon-play-circle:before {
  content: "\E029";
}
.glyphicon-repeat:before {
  content: "\E030";
}
.glyphicon-refresh:before {
  content: "\E031";
}
.glyphicon-list-alt:before {
  content: "\E032";
}
.glyphicon-lock:before {
  content: "\E033";
}
.glyphicon-flag:before {
  content: "\E034";
}
.glyphicon-headphones:before {
  content: "\E035";
}
.glyphicon-volume-off:before {
  content: "\E036";
}
.glyphicon-volume-down:before {
  content: "\E037";
}
.glyphicon-volume-up:before {
  content: "\E038";
}
.glyphicon-qrcode:before {
  content: "\E039";
}
.glyphicon-barcode:before {
  content: "\E040";
}
.glyphicon-tag:before {
  content: "\E041";
}
.glyphicon-tags:before {
  content: "\E042";
}
.glyphicon-book:before {
  content: "\E043";
}
.glyphicon-bookmark:before {
  content: "\E044";
}
.glyphicon-print:before {
  content: "\E045";
}
.glyphicon-camera:before {
  content: "\E046";
}
.glyphicon-font:before {
  content: "\E047";
}
.glyphicon-bold:before {
  content: "\E048";
}
.glyphicon-italic:before {
  content: "\E049";
}
.glyphicon-text-height:before {
  content: "\E050";
}
.glyphicon-text-width:before {
  content: "\E051";
}
.glyphicon-align-left:before {
  content: "\E052";
}
.glyphicon-align-center:before {
  content: "\E053";
}
.glyphicon-align-right:before {
  content: "\E054";
}
.glyphicon-align-justify:before {
  content: "\E055";
}
.glyphicon-list:before {
  content: "\E056";
}
.glyphicon-indent-left:before {
  content: "\E057";
}
.glyphicon-indent-right:before {
  content: "\E058";
}
.glyphicon-facetime-video:before {
  content: "\E059";
}
.glyphicon-picture:before {
  content: "\E060";
}
.glyphicon-map-marker:before {
  content: "\E062";
}
.glyphicon-adjust:before {
  content: "\E063";
}
.glyphicon-tint:before {
  content: "\E064";
}
.glyphicon-edit:before {
  content: "\E065";
}
.glyphicon-share:before {
  content: "\E066";
}
.glyphicon-check:before {
  content: "\E067";
}
.glyphicon-move:before {
  content: "\E068";
}
.glyphicon-step-backward:before {
  content: "\E069";
}
.glyphicon-fast-backward:before {
  content: "\E070";
}
.glyphicon-backward:before {
  content: "\E071";
}
.glyphicon-play:before {
  content: "\E072";
}
.glyphicon-pause:before {
  content: "\E073";
}
.glyphicon-stop:before {
  content: "\E074";
}
.glyphicon-forward:before {
  content: "\E075";
}
.glyphicon-fast-forward:before {
  content: "\E076";
}
.glyphicon-step-forward:before {
  content: "\E077";
}
.glyphicon-eject:before {
  content: "\E078";
}
.glyphicon-chevron-left:before {
  content: "\E079";
}
.glyphicon-chevron-right:before {
  content: "\E080";
}
.glyphicon-plus-sign:before {
  content: "\E081";
}
.glyphicon-minus-sign:before {
  content: "\E082";
}
.glyphicon-remove-sign:before {
  content: "\E083";
}
.glyphicon-ok-sign:before {
  content: "\E084";
}
.glyphicon-question-sign:before {
  content: "\E085";
}
.glyphicon-info-sign:before {
  content: "\E086";
}
.glyphicon-screenshot:before {
  content: "\E087";
}
.glyphicon-remove-circle:before {
  content: "\E088";
}
.glyphicon-ok-circle:before {
  content: "\E089";
}
.glyphicon-ban-circle:before {
  content: "\E090";
}
.glyphicon-arrow-left:before {
  content: "\E091";
}
.glyphicon-arrow-right:before {
  content: "\E092";
}
.glyphicon-arrow-up:before {
  content: "\E093";
}
.glyphicon-arrow-down:before {
  content: "\E094";
}
.glyphicon-share-alt:before {
  content: "\E095";
}
.glyphicon-resize-full:before {
  content: "\E096";
}
.glyphicon-resize-small:before {
  content: "\E097";
}
.glyphicon-exclamation-sign:before {
  content: "\E101";
}
.glyphicon-gift:before {
  content: "\E102";
}
.glyphicon-leaf:before {
  content: "\E103";
}
.glyphicon-fire:before {
  content: "\E104";
}
.glyphicon-eye-open:before {
  content: "\E105";
}
.glyphicon-eye-close:before {
  content: "\E106";
}
.glyphicon-warning-sign:before {
  content: "\E107";
}
.glyphicon-plane:before {
  content: "\E108";
}
.glyphicon-calendar:before {
  content: "\E109";
}
.glyphicon-random:before {
  content: "\E110";
}
.glyphicon-comment:before {
  content: "\E111";
}
.glyphicon-magnet:before {
  content: "\E112";
}
.glyphicon-chevron-up:before {
  content: "\E113";
}
.glyphicon-chevron-down:before {
  content: "\E114";
}
.glyphicon-retweet:before {
  content: "\E115";
}
.glyphicon-shopping-cart:before {
  content: "\E116";
}
.glyphicon-folder-close:before {
  content: "\E117";
}
.glyphicon-folder-open:before {
  content: "\E118";
}
.glyphicon-resize-vertical:before {
  content: "\E119";
}
.glyphicon-resize-horizontal:before {
  content: "\E120";
}
.glyphicon-hdd:before {
  content: "\E121";
}
.glyphicon-bullhorn:before {
  content: "\E122";
}
.glyphicon-bell:before {
  content: "\E123";
}
.glyphicon-certificate:before {
  content: "\E124";
}
.glyphicon-thumbs-up:before {
  content: "\E125";
}
.glyphicon-thumbs-down:before {
  content: "\E126";
}
.glyphicon-hand-right:before {
  content: "\E127";
}
.glyphicon-hand-left:before {
  content: "\E128";
}
.glyphicon-hand-up:before {
  content: "\E129";
}
.glyphicon-hand-down:before {
  content: "\E130";
}
.glyphicon-circle-arrow-right:before {
  content: "\E131";
}
.glyphicon-circle-arrow-left:before {
  content: "\E132";
}
.glyphicon-circle-arrow-up:before {
  content: "\E133";
}
.glyphicon-circle-arrow-down:before {
  content: "\E134";
}
.glyphicon-globe:before {
  content: "\E135";
}
.glyphicon-wrench:before {
  content: "\E136";
}
.glyphicon-tasks:before {
  content: "\E137";
}
.glyphicon-filter:before {
  content: "\E138";
}
.glyphicon-briefcase:before {
  content: "\E139";
}
.glyphicon-fullscreen:before {
  content: "\E140";
}
.glyphicon-dashboard:before {
  content: "\E141";
}
.glyphicon-paperclip:before {
  content: "\E142";
}
.glyphicon-heart-empty:before {
  content: "\E143";
}
.glyphicon-link:before {
  content: "\E144";
}
.glyphicon-phone:before {
  content: "\E145";
}
.glyphicon-pushpin:before {
  content: "\E146";
}
.glyphicon-usd:before {
  content: "\E148";
}
.glyphicon-gbp:before {
  content: "\E149";
}
.glyphicon-sort:before {
  content: "\E150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\E151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\E152";
}
.glyphicon-sort-by-order:before {
  content: "\E153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\E154";
}
.glyphicon-sort-by-attributes:before {
  content: "\E155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\E156";
}
.glyphicon-unchecked:before {
  content: "\E157";
}
.glyphicon-expand:before {
  content: "\E158";
}
.glyphicon-collapse-down:before {
  content: "\E159";
}
.glyphicon-collapse-up:before {
  content: "\E160";
}
.glyphicon-log-in:before {
  content: "\E161";
}
.glyphicon-flash:before {
  content: "\E162";
}
.glyphicon-log-out:before {
  content: "\E163";
}
.glyphicon-new-window:before {
  content: "\E164";
}
.glyphicon-record:before {
  content: "\E165";
}
.glyphicon-save:before {
  content: "\E166";
}
.glyphicon-open:before {
  content: "\E167";
}
.glyphicon-saved:before {
  content: "\E168";
}
.glyphicon-import:before {
  content: "\E169";
}
.glyphicon-export:before {
  content: "\E170";
}
.glyphicon-send:before {
  content: "\E171";
}
.glyphicon-floppy-disk:before {
  content: "\E172";
}
.glyphicon-floppy-saved:before {
  content: "\E173";
}
.glyphicon-floppy-remove:before {
  content: "\E174";
}
.glyphicon-floppy-save:before {
  content: "\E175";
}
.glyphicon-floppy-open:before {
  content: "\E176";
}
.glyphicon-credit-card:before {
  content: "\E177";
}
.glyphicon-transfer:before {
  content: "\E178";
}
.glyphicon-cutlery:before {
  content: "\E179";
}
.glyphicon-header:before {
  content: "\E180";
}
.glyphicon-compressed:before {
  content: "\E181";
}
.glyphicon-earphone:before {
  content: "\E182";
}
.glyphicon-phone-alt:before {
  content: "\E183";
}
.glyphicon-tower:before {
  content: "\E184";
}
.glyphicon-stats:before {
  content: "\E185";
}
.glyphicon-sd-video:before {
  content: "\E186";
}
.glyphicon-hd-video:before {
  content: "\E187";
}
.glyphicon-subtitles:before {
  content: "\E188";
}
.glyphicon-sound-stereo:before {
  content: "\E189";
}
.glyphicon-sound-dolby:before {
  content: "\E190";
}
.glyphicon-sound-5-1:before {
  content: "\E191";
}
.glyphicon-sound-6-1:before {
  content: "\E192";
}
.glyphicon-sound-7-1:before {
  content: "\E193";
}
.glyphicon-copyright-mark:before {
  content: "\E194";
}
.glyphicon-registration-mark:before {
  content: "\E195";
}
.glyphicon-cloud-download:before {
  content: "\E197";
}
.glyphicon-cloud-upload:before {
  content: "\E198";
}
.glyphicon-tree-conifer:before {
  content: "\E199";
}
.glyphicon-tree-deciduous:before {
  content: "\E200";
}
.glyphicon-cd:before {
  content: "\E201";
}
.glyphicon-save-file:before {
  content: "\E202";
}
.glyphicon-open-file:before {
  content: "\E203";
}
.glyphicon-level-up:before {
  content: "\E204";
}
.glyphicon-copy:before {
  content: "\E205";
}
.glyphicon-paste:before {
  content: "\E206";
}
.glyphicon-alert:before {
  content: "\E209";
}
.glyphicon-equalizer:before {
  content: "\E210";
}
.glyphicon-king:before {
  content: "\E211";
}
.glyphicon-queen:before {
  content: "\E212";
}
.glyphicon-pawn:before {
  content: "\E213";
}
.glyphicon-bishop:before {
  content: "\E214";
}
.glyphicon-knight:before {
  content: "\E215";
}
.glyphicon-baby-formula:before {
  content: "\E216";
}
.glyphicon-tent:before {
  content: "\26FA";
}
.glyphicon-blackboard:before {
  content: "\E218";
}
.glyphicon-bed:before {
  content: "\E219";
}
.glyphicon-apple:before {
  content: "\F8FF";
}
.glyphicon-erase:before {
  content: "\E221";
}
.glyphicon-hourglass:before {
  content: "\231B";
}
.glyphicon-lamp:before {
  content: "\E223";
}
.glyphicon-duplicate:before {
  content: "\E224";
}
.glyphicon-piggy-bank:before {
  content: "\E225";
}
.glyphicon-scissors:before {
  content: "\E226";
}
.glyphicon-bitcoin:before {
  content: "\E227";
}
.glyphicon-btc:before {
  content: "\E227";
}
.glyphicon-xbt:before {
  content: "\E227";
}
.glyphicon-yen:before {
  content: "\A5";
}
.glyphicon-jpy:before {
  content: "\A5";
}
.glyphicon-ruble:before {
  content: "\20BD";
}
.glyphicon-rub:before {
  content: "\20BD";
}
.glyphicon-scale:before {
  content: "\E230";
}
.glyphicon-ice-lolly:before {
  content: "\E231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\E232";
}
.glyphicon-education:before {
  content: "\E233";
}
.glyphicon-option-horizontal:before {
  content: "\E234";
}
.glyphicon-option-vertical:before {
  content: "\E235";
}
.glyphicon-menu-hamburger:before {
  content: "\E236";
}
.glyphicon-modal-window:before {
  content: "\E237";
}
.glyphicon-oil:before {
  content: "\E238";
}
.glyphicon-grain:before {
  content: "\E239";
}
.glyphicon-sunglasses:before {
  content: "\E240";
}
.glyphicon-text-size:before {
  content: "\E241";
}
.glyphicon-text-color:before {
  content: "\E242";
}
.glyphicon-text-background:before {
  content: "\E243";
}
.glyphicon-object-align-top:before {
  content: "\E244";
}
.glyphicon-object-align-bottom:before {
  content: "\E245";
}
.glyphicon-object-align-horizontal:before {
  content: "\E246";
}
.glyphicon-object-align-left:before {
  content: "\E247";
}
.glyphicon-object-align-vertical:before {
  content: "\E248";
}
.glyphicon-object-align-right:before {
  content: "\E249";
}
.glyphicon-triangle-right:before {
  content: "\E250";
}
.glyphicon-triangle-left:before {
  content: "\E251";
}
.glyphicon-triangle-bottom:before {
  content: "\E252";
}
.glyphicon-triangle-top:before {
  content: "\E253";
}
.glyphicon-console:before {
  content: "\E254";
}
.glyphicon-superscript:before {
  content: "\E255";
}
.glyphicon-subscript:before {
  content: "\E256";
}
.glyphicon-menu-left:before {
  content: "\E257";
}
.glyphicon-menu-right:before {
  content: "\E258";
}
.glyphicon-menu-down:before {
  content: "\E259";
}
.glyphicon-menu-up:before {
  content: "\E260";
}
* {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: 'Pretendard', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all all 0.2s ease-in-out ease-out;
  -moz-transition: all all 0.2s ease-in-out ease-out;
  -o-transition: all all 0.2s ease-in-out ease-out;
  transition: all all 0.2s ease-in-out ease-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}
.text-success {
  color: #0fbfb7;
}
a.text-success:hover,
a.text-success:focus {
  color: #0b908a;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #de3d3d;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #c62222;
}
.bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014   \A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\A0   \2014';
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 768px) {
  .container {
    width: 740px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 960px;
  }
}
@media (min-width: 800px) {
  .container {
    width: 1160px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.row {
  margin-left: -10px;
  margin-right: -10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 800px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 10px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}
.form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: 9px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
  -moz-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
  -o-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
  transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 40px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 52px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 0;
  min-height: 34px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 52px;
  padding: 15px 15px;
  font-size: 15px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-lg {
  height: 52px;
  line-height: 52px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 52px;
  padding: 15px 15px;
  font-size: 15px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 52px;
  line-height: 52px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 52px;
  min-height: 35px;
  padding: 16px 15px;
  font-size: 15px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 50px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 52px;
  height: 52px;
  line-height: 52px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #0fbfb7;
}
.has-success .form-control {
  border-color: #0fbfb7;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #0b908a;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #44f0e8;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #44f0e8;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #44f0e8;
}
.has-success .input-group-addon {
  color: #0fbfb7;
  border-color: #0fbfb7;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #0fbfb7;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #de3d3d;
}
.has-error .form-control {
  border-color: #de3d3d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #c62222;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ed9494;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ed9494;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ed9494;
}
.has-error .input-group-addon {
  color: #de3d3d;
  border-color: #de3d3d;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #de3d3d;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 30px;
}
.form-horizontal .form-group {
  margin-left: -10px;
  margin-right: -10px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 10px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 10px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 16px;
    font-size: 15px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 9px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-opacity: 0.65;
  -khtml-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.65 * 100);
  filter: alpha(opacity=0.65 * 100);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 15px 15px;
  font-size: 15px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  -webkit-transition: all opacity 0.15s linear ease-out;
  -moz-transition: all opacity 0.15s linear ease-out;
  -o-transition: all opacity 0.15s linear ease-out;
  transition: all opacity 0.15s linear ease-out;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -moz-transition-duration: 0.35s;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 52px;
  padding: 15px 15px;
  font-size: 15px;
  line-height: 1.3333333;
  border-radius: 6px;
  height: auto !important;
  line-height: 100% !important;
  max-height: 47px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 52px;
  line-height: 52px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 9px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 15px 15px;
  font-size: 15px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  overflow-x: visible;
  padding-right: 10px;
  padding-left: 10px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -10px;
  margin-left: -10px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  padding: 15px 10px;
  font-size: 15px;
  line-height: 20px;
  height: 50px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -10px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 10px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -10px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.navbar-form {
  margin-left: -10px;
  margin-right: -10px;
  padding: 10px 10px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 5px;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 5px;
  margin-bottom: 5px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -10px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #fff;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/\A0";
  padding: 0 5px;
  color: #ccc;
}
.breadcrumb > .active {
  color: #777777;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 9px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #337ab7;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 15px 15px;
  font-size: 15px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777777;
  background-color: #fff;
  cursor: not-allowed;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 6px;
  padding-left: 10px;
  padding-right: 10px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
  -webkit-transition: all border 0.2s ease-in-out ease-out;
  -moz-transition: all border 0.2s ease-in-out ease-out;
  -o-transition: all border 0.2s ease-in-out ease-out;
  transition: all border 0.2s ease-in-out ease-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7;
}
.thumbnail .caption {
  padding: 9px;
  color: #333333;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #0fbfb7;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #0b908a;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #de3d3d;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #c62222;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
  -webkit-transition: all width 0.6s ease ease-out;
  -moz-transition: all width 0.6s ease ease-out;
  -o-transition: all width 0.6s ease ease-out;
  transition: all width 0.6s ease ease-out;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
a.list-group-item,
button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  text-decoration: none;
  color: #555;
  background-color: #f5f5f5;
}
button.list-group-item {
  width: 100%;
  text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}
.list-group-item-success {
  color: #0fbfb7;
  background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #0fbfb7;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #0fbfb7;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #0fbfb7;
  border-color: #0fbfb7;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #de3d3d;
  background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #de3d3d;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #de3d3d;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #de3d3d;
  border-color: #de3d3d;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #0fbfb7;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #0fbfb7;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #de3d3d;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #de3d3d;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  -webkit-opacity: 0.2;
  -khtml-opacity: 0.2;
  -moz-opacity: 0.2;
  opacity: 0.2;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.2 * 100);
  filter: alpha(opacity=0.2 * 100);
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5 * 100);
  filter: alpha(opacity=0.5 * 100);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -moz-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal.alert-modal {
  z-index: 999999;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px 0;
}
.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100);
  filter: alpha(opacity=0 * 100);
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5 * 100);
  filter: alpha(opacity=0.5 * 100);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-body h2 {
  font-size: 18px;
  border-bottom: 1px solid #222;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.modal-body p {
  line-height: 24px;
}
.modal-body.dark {
  background: #28262E;
}
.modal-body.dark.mypage-point-deposit {
  background: #27262D;
}
.modal-body.dark p {
  color: #EEEEEE;
  margin: 35px 0 40px;
}
.modal-body.dark .confirm-submit {
  background: #8053FF !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  text-align: center !important;
  color: #EEEEEE !important;
  height: 52px !important;
}
.modal-body.dark .confirm-cancel {
  border: 1px solid #444444 !important;
  background: #28262E !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  text-align: center !important;
  color: #EEEEEE !important;
  height: 52px !important;
}
.modal-body.dark .membership h2 {
  color: #ffffff;
}
.modal-body.dark .membership .jumbotron {
  background: #28262E;
}
.modal-body.dark .membership .jumbotron p {
  color: #EEEEEE;
}
.modal-body.dark .membership .summary {
  background: #2A2930;
  color: #EEEEEE;
}
.modal-body.dark .membership .summary div.my-score {
  border-right: 1px solid #444444;
}
.modal-body.dark .membership .summary div.my-score b {
  color: #9584FF;
}
.modal-body.dark .membership .summary .count b {
  color: #9584FF;
}
.modal-body.dark .membership .terms li::marker {
  color: #808080;
}
.modal-body.dark .membership .terms li p {
  color: #808080;
}
.modal-body.dark .membership .terms li a {
  color: #9584FF;
}
.modal-body .disconnect-media-title {
  font-size: 18px;
}
.modal-body .disconnect-media-desc {
  font-size: 14px;
  color: #666;
}
.modal-body .tistory-confirm {
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  color: #222222;
}
.modal-body .premier-check-title {
  font-size: 20px;
  font-weight: 500;
  text-align: left;
  margin-top: -20px;
  margin-bottom: 20px;
}
.modal-body .premier-check-desc {
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #666;
  margin-bottom: 30px;
}
.modal-body .premier-check-desc b {
  color: #444;
  font-weight: 500;
}
.modal-body .mobile-user-auth h2,
.modal-body .mobile-deposit-auth h2,
.modal-body .mobile-premier-auth h2 {
  font-size: 20px;
}
@media (max-width: 799px) {
  .modal-body .mobile-user-auth h2,
  .modal-body .mobile-deposit-auth h2,
  .modal-body .mobile-premier-auth h2 {
    font-size: 18px;
  }
}
.modal-body .mobile-user-auth .content,
.modal-body .mobile-deposit-auth .content,
.modal-body .mobile-premier-auth .content {
  font-size: 16px;
}
@media (max-width: 799px) {
  .modal-body .mobile-user-auth .content,
  .modal-body .mobile-deposit-auth .content,
  .modal-body .mobile-premier-auth .content {
    font-size: 14px;
  }
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
.modal-rectangle {
  background: #f6f6f6;
  padding: 15px;
  margin: 20px 0;
  line-height: 1.71;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: auto;
  }
  .modal-cf {
    width: 460px;
  }
  .modal-xsm {
    width: 330px;
  }
  .modal-lg-custom {
    width: 900px;
  }
  .modal-md-custom {
    width: 800px;
  }
  .modal-xlg {
    width: 1200px;
  }
}
@media (max-width: 1200px) {
  .modal-xlg {
    width: 96%;
    margin-left: 4px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
@media (max-width: 1024px) {
  .modal-dialog.modal-lg-custom {
    width: 94%;
    margin: 30px auto;
  }
}
@media (max-width: 799px) {
  .modal-dialog.modal-md,
  .modal-dialog.modal-cf {
    width: 94%;
    margin: 10px auto;
  }
  .modal-dialog.modal-md .modal-cancel-headless,
  .modal-dialog.modal-cf .modal-cancel-headless {
    top: 12px;
    right: 15px;
  }
  .modal-dialog.modal-md .modal-cancel-headless img,
  .modal-dialog.modal-cf .modal-cancel-headless img {
    width: 14px;
  }
  .modal-md-custom {
    margin: 10px 10px;
  }
}
a.link-close {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #999999;
  font-size: 12px;
  text-decoration: underline;
}
a.link-close:hover {
  text-decoration: underline;
}
button.block-btn {
  width: 100%;
  height: 48px;
  line-height: 46px;
  font-size: 16px;
  background: #222;
  color: #fff;
  font-weight: normal;
}
.modal-dialog.modal-xsm .modal-body {
  padding: 0 !important;
  text-align: center;
}
.modal-dialog.modal-xsm .modal-cancel-headless {
  position: absolute;
  right: 0;
  top: -35px;
}
.modal-dialog.modal-xsm .modal-cancel-headless img {
  width: 20px;
  height: 20px;
  opacity: .5;
}
.modal-dialog.modal-xsm .modal-cancel-headless img path {
  fill: #999;
}
@media (max-width: 1024px) {
  .modal-dialog.modal-xsm .modal-cancel-headless {
    top: 7px;
    right: 7px;
  }
}
.modal-dialog.modal-sm-custom {
  width: fit-content;
}
.modal-dialog.modal-sm-custom .modal-body {
  padding: 20px 65px !important;
  text-align: center;
}
.modal-dialog.modal-sm-custom .modal-body p {
  padding: 0;
}
.modal-dialog.modal-lg-custom .modal-body {
  padding: 30px !important;
}
@media (max-width: 1024px) {
  .modal-dialog.modal-lg-custom .modal-body {
    padding: 15px !important;
  }
}
.modal-dialog.modal-lg-custom .modal-cancel-headless {
  position: absolute;
  right: 28px;
  top: 28px;
}
.modal-dialog.modal-lg-custom .modal-cancel-headless img {
  width: 26px;
  height: 26px;
  opacity: 1;
}
.modal-dialog.modal-lg-custom .modal-cancel-headless img path {
  fill: #999;
}
@media (max-width: 1024px) {
  .modal-dialog.modal-lg-custom .modal-cancel-headless {
    top: 15px;
    right: 15px;
  }
  .modal-dialog.modal-lg-custom .modal-cancel-headless img {
    width: 15px;
    height: 15px;
  }
}
.modal-dialog.alert-modal-size {
  width: fit-content;
}
.modal-dialog.alert-modal-size .modal-content .modal-body {
  padding: 20px 65px !important;
}
.modal-dialog.alert-modal-size .modal-content .modal-body p {
  padding: 0;
}
.modal-dialog.modal-lg.issue-modal {
  width: 540px;
}
@media (max-width: 799px) {
  .modal-dialog.modal-lg.issue-modal {
    max-width: 365px;
  }
}
.modal-dialog.modal-sm-custom.alert-title-modal {
  width: 460px;
}
@media (max-width: 799px) {
  .modal-dialog.modal-sm-custom.alert-title-modal {
    max-width: 365px;
  }
}
.modal-dialog.modal-sm-custom.alert-title-modal .modal-body {
  padding: 30px 30px 20px 30px !important;
}
.modal-dialog.modal-sm-custom.alert-title-modal .modal-body br {
  display: none;
}
@media (max-width: 799px) {
  .modal-dialog.modal-sm-custom.alert-title-modal .modal-body {
    padding: 15px !important;
  }
  .modal-dialog.modal-sm-custom.alert-title-modal .modal-body h1 {
    padding-bottom: 10px;
    border-bottom: 1px solid #222;
  }
  .modal-dialog.modal-sm-custom.alert-title-modal .modal-body br {
    display: block;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: 'Pretendard', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100);
  filter: alpha(opacity=0 * 100);
}
.tooltip.in {
  filter: alpha(opacity=90);
  -webkit-opacity: 0.9;
  -khtml-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.9 * 100);
  filter: alpha(opacity=0.9 * 100);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: 'Pretendard', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
  -webkit-transition: all 0.6s ease-in-out left ease-out;
  -moz-transition: all 0.6s ease-in-out left ease-out;
  -o-transition: all 0.6s ease-in-out left ease-out;
  transition: all 0.6s ease-in-out left ease-out;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5 * 100);
  filter: alpha(opacity=0.5 * 100);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  -webkit-opacity: 0.9;
  -khtml-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.9 * 100);
  filter: alpha(opacity=0.9 * 100);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203A';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 799px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 799px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 799px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 799px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 800px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 800px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 800px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 800px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 799px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 800px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
hr {
  border-color: #EEEEEE;
}
@media (max-width: 799px) {
  .modal h3.modal-title {
    font-size: 18px;
    line-height: 21px;
    height: 18px;
  }
  .modal button.modal-cancel {
    position: absolute;
    right: 20px;
    height: 20px;
  }
  .modal button.modal-cancel img {
    vertical-align: top !important;
  }
}
.nav.nav-tabs {
  border-bottom: 1px solid #e8e8e8;
  height: 34px;
}
.nav.nav-tabs li {
  position: relative;
}
.nav.nav-tabs li a {
  font-size: 16px;
  padding: 10px 20px;
  color: #777;
  border: 0 !important;
  border-radius: 0;
}
.nav.nav-tabs li a:hover {
  background: transparent;
}
.nav.nav-tabs li.active {
  border-bottom: 2px solid #6a1cff;
}
.nav.nav-tabs li.active a {
  font-weight: bold;
  color: #222;
}
.nav.nav-tabs li.active a span.font-400 {
  font-weight: normal;
}
.nav.nav-tabs.sequential .nav-menu-arrow {
  position: absolute;
  z-index: 1;
  background-image: url('/assets/img/mypage/ic-mypage-next.svg');
  background-repeat: no-repeat;
  font-weight: normal;
  color: #DDD;
  top: 40%;
  right: -7px;
  border: 0;
  width: 8px;
  height: 14px;
}
.nav.nav-tabs.sequential li:last-child .nav-menu-arrow {
  display: none;
}
@media (max-width: 799px) {
  .nav.nav-tabs.sequential li a {
    margin: 0;
    padding: 0 0 0 0px;
    line-height: 40px;
    height: 40px;
    color: #666;
    font-weight: normal;
    font-size: 14px;
  }
  .nav.nav-tabs.sequential li a strong {
    color: #666;
    font-weight: normal;
  }
  .nav.nav-tabs.sequential li:first-child:before {
    display: none;
  }
  .nav.nav-tabs.sequential li.active {
    border-bottom: 2px solid #5c19dd;
    font-weight: 500;
  }
  .nav.nav-tabs.sequential li.active a {
    color: #222;
  }
  .nav.nav-tabs.sequential li.active a strong {
    color: #5c19dd;
    font-weight: 500;
  }
}
.nav.nav-tabs.full {
  display: table;
  table-layout: fixed;
  width: 100%;
  white-space: nowrap;
}
.nav.nav-tabs.full li {
  display: table-cell;
  width: 100%;
  float: none;
  text-align: center;
}
@media (max-width: 799px) {
  .nav.nav-tabs.full {
    table-layout: unset;
  }
}
.input-lg,
.btn-lg,
.btn-group-lg > .btn,
.btn-group-lg > .btn {
  height: auto !important;
  line-height: 100% !important;
  max-height: 47px;
}
/*##################################################################
# common
##################################################################*/
body {
  min-width: 1160px;
  color: #222;
  letter-spacing: -0.2px;
  line-height: inherit;
}
@media screen and (max-width: 799px) {
  body {
    min-width: 320px;
    overflow-x: hidden;
  }
}
@media print {
  body {
    min-width: inherit;
  }
}
select::-ms-expand {
  display: none;
}
@media (max-width: 799px) {
  root {
    background: #fff;
  }
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
/*##################################################################
    # media query
##################################################################*/
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}
.h1,
h1 {
  font-size: 26px;
}
@media (max-width: 799px) {
  .h1,
  h1 {
    font-size: 18px;
    letter-spacing: -0.5px;
  }
}
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0;
}
input.input-focus-color-999:focus {
  border-color: #999999 !important;
}
input.autofill-none:-webkit-autofill {
  box-shadow: 0 0 0px 1000px #fff inset !important;
  transition: background-color 5000s ease-in-out 0s;
}
.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.block {
  display: block;
}
.overflow-visible {
  overflow: visible !important;
}
.vat {
  vertical-align: top !important;
}
.vam {
  vertical-align: middle !important;
}
.vab {
  vertical-align: bottom !important;
}
.bbn-w {
  border-bottom: none !important;
}
@media (max-width: 799px) {
  .bbn-w {
    border-bottom: 1px solid #eee !important;
  }
}
.w {
  display: block;
}
@media (max-width: 799px) {
  .w {
    display: none;
  }
}
.m {
  display: none;
}
@media (max-width: 799px) {
  .m {
    display: block;
  }
}
.w {
  display: block;
}
@media (max-width: 799px) {
  .w {
    display: none;
  }
}
.no-mgb {
  margin-bottom: 0 !important;
}
.me {
  color: #222;
}
.point-main {
  color: #5c19dd;
  font-weight: 500;
}
.unround {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}
.left-aside {
  padding-left: 0;
  padding-right: 40px;
  border-right: 0px;
}
.text-description {
  font-size: 12px;
  color: #666;
  font-weight: normal;
}
.text-description.file {
  font-size: 14px;
  color: #999;
}
@media (max-width: 799px) {
  .text-description.file {
    font-size: 12px;
  }
}
.created-at {
  font-size: 12px;
  color: #999;
  font-weight: normal;
}
.no-margin {
  margin: 0px;
}
.youtube-inspect-size {
  width: 28px !important;
  height: 20px !important;
}
.youtube-25px {
  width: 25px !important;
  height: 18px !important;
  margin-top: 2px !important;
}
.youtube-25px.shorts {
  margin-top: 0px !important;
}
.youtube-21px {
  width: 21px !important;
  height: 18px !important;
}
.no-results-found {
  color: #AEB3C2;
  padding: 120px 0;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.3px;
}
.no-results-found.no-results-found-padding {
  padding-top: 160px;
}
.no-results-found.no-results-found-favorite {
  padding-top: 145px;
}
@media (max-width: 799px) {
  .no-results-found.dashboard {
    padding: 40px 0;
    font-size: 13px;
  }
}
.no-results-found.search {
  padding: 0 0 80px 0;
}
.no-results-found.penalty {
  width: 103%;
  margin-left: -5px;
  padding: 10px 0 120px;
}
@media (max-width: 799px) {
  .no-results-found.penalty {
    padding: 0px 0 120px;
  }
}
.no-results-found.penalty .step-guide {
  margin-left: 15px;
  margin-right: 15px;
  width: 92.5%;
  padding: 10px 15px 20px 15px;
  margin-bottom: 20px;
}
@media (max-width: 799px) {
  .no-results-found.penalty .step-guide {
    padding: 10px 0px 20px 0px;
  }
}
.no-results-found.penalty .step-guide .title {
  text-align: left;
  padding-left: 15px;
  color: #222222;
}
.no-results-found.penalty-padding {
  padding: 160px 0;
}
@media (max-width: 799px) {
  .no-results-found.penalty-padding {
    padding: 0px 0 120px !important;
  }
}
.no-results-found.penalty-padding.penalty-padding-fix {
  padding: 3px 0;
}
.right-mypage-container {
  width: 960px;
  padding: 37px 30px 80px 30px;
  position: relative;
}
@media (max-width: 799px) {
  .right-mypage-container {
    width: 100%;
  }
}
.right-mypage-container .mobile-inquiry-banner {
  display: none;
}
@media (max-width: 799px) {
  .right-mypage-container {
    padding: 0;
  }
  .right-mypage-container h4.snb-title {
    display: none;
  }
  .right-mypage-container h4.snb-title.mypage {
    display: block;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.4px;
    color: #000000;
  }
  .right-mypage-container .mobile-inquiry-banner {
    display: block;
    padding: 10px 15px;
  }
  .right-mypage-container .mobile-inquiry-banner img {
    width: 100%;
  }
}
.right-mypage-container .sub-tabs {
  margin: 10px 0;
  color: #ddd;
  float: none;
}
.right-mypage-container .sub-tabs:before,
.right-mypage-container .sub-tabs:after {
  content: " ";
  display: table;
}
.right-mypage-container .sub-tabs:after {
  clear: both;
}
.right-mypage-container .sub-tabs:before,
.right-mypage-container .sub-tabs:after {
  content: " ";
  display: table;
}
.right-mypage-container .sub-tabs:after {
  clear: both;
}
@media (max-width: 799px) {
  .right-mypage-container .sub-tabs {
    margin: 0 0px;
    padding: 10px 0;
  }
}
.right-mypage-container .sub-tabs a {
  color: #666666;
  margin: 0 10px;
}
.right-mypage-container .sub-tabs a:hover {
  text-decoration: none;
}
.right-mypage-container .sub-tabs a.on {
  color: #222222;
  font-weight: bold;
}
.right-mypage-container .sub-tabs a.on small {
  color: #222222;
}
.right-mypage-container .sub-tabs a:first-child {
  margin-left: 0px;
}
.right-mypage-container .sub-tabs small {
  color: #666666;
}
.right-mypage-container .sort-tab {
  display: inline-block !important;
}
@media (max-width: 799px) {
  .right-mypage-container .sort-tab {
    display: block;
    margin-top: 0;
  }
  .right-mypage-container .sort-tab .design-radio,
  .right-mypage-container .sort-tab .design-checkbox {
    padding-top: 0;
  }
  .right-mypage-container .sort-tab .design-radio + label,
  .right-mypage-container .sort-tab .design-checkbox + label {
    margin-bottom: 0;
  }
}
.right-mypage-container .sort-tab button {
  padding: 3px 15px;
  margin-left: 4px;
}
.right-mypage-container .sort-tab .arrow-box ul {
  min-width: 150px;
}
@media (max-width: 799px) {
  .right-mypage-container .sort-tab .arrow-box ul {
    min-width: auto;
  }
  .right-mypage-container .sort-tab .arrow-box ul li {
    font-size: 12px;
    padding: 5px 0;
  }
  .right-mypage-container .sort-tab .arrow-box ul li label {
    margin-bottom: 0;
  }
}
@media (max-width: 799px) {
  .right-mypage-container .sort-tab.favorite {
    padding: 15px 15px 5px 15px;
  }
  .right-mypage-container .sort-tab.favorite .arrow-box {
    top: 48px;
  }
}
.right-mypage-container .sort-tab.top-sort {
  position: relative;
  top: -46px;
}
.right-mypage-container .sort-tab.top-sort.review {
  top: -56px;
}
.right-mypage-container .sort-tab.top-sort.favorite {
  right: 30px;
  top: 46px;
  position: absolute;
}
.right-mypage-container .text-center.mypage {
  margin: 30px 0 15px 0;
}
.right-mypage-container div .hr-divider {
  margin: 30px 0 15px 0;
}
.mobile-line {
  display: none !important;
}
@media (max-width: 799px) {
  .mobile-line {
    display: block !important;
  }
}
.mobile-line hr {
  border-color: #ddd;
  margin-top: 0px;
  margin-bottom: 0;
  border-top: 8px solid #eeeeee;
}
.mobile-line hr.no-mgt {
  margin-top: 0;
}
.v5-wide {
  padding: 0 60px;
  color: #222;
}
@media (max-width: 799px) {
  .v5-wide {
    padding: 0 10px;
  }
}
.v5-wide section h1 {
  margin: 60px 0 10px;
}
@media (max-width: 799px) {
  .v5-wide section h1 {
    margin-top: 0;
  }
}
.v5-wide section h1.reviews {
  margin: 60px 0 0;
}
.v5-wide section h1 span.reviews {
  font-size: 20px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #5c19dd;
  margin-left: 10px;
}
@media (max-width: 799px) {
  .v5-wide .new-banner-card {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .v5-wide .new-banner-card {
    width: 50%;
    float: left;
  }
}
@media (min-width: 1280px) {
  .v5-wide .new-banner-card {
    width: 33.333%;
  }
}
@media (min-width: 1600px) {
  .v5-wide .new-banner-card {
    width: 33.333%;
  }
}
@media (min-width: 1920px) {
  .v5-wide .new-banner-card {
    width: 33.333%;
  }
}
.v5-wide .design-radio {
  position: relative;
  padding-top: 0;
}
.v5-wide .design-radio label {
  margin-bottom: 0;
}
.v5-wide .design-radio [attr=error-message] {
  font-size: 12px;
  color: #5c19dd;
}
.v5-wide .design-radio input[type="radio"] {
  display: none;
}
.v5-wide .design-radio input[type="radio"] + label {
  font-weight: normal;
}
.v5-wide .design-radio input[type="radio"] + label span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -2px 3px 0 0;
  vertical-align: middle;
  background-image: url(/assets/img/form/new-btns.svg);
  background-position: -57px top;
  background-repeat: no-repeat;
  cursor: pointer;
}
.v5-wide .design-radio input[type="radio"]:checked + label span {
  background-position: -38px top;
  background-repeat: no-repeat;
}
.v5-wide .design-checkbox input[type="checkbox"] {
  display: none;
}
.v5-wide .design-checkbox input[type="checkbox"] + label {
  font-weight: normal;
}
.v5-wide .design-checkbox input[type="checkbox"] + label i {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -2px 5px 0 0;
  vertical-align: middle;
  background-image: url(/assets/img/form/new-btns.svg);
  background-position: -19px top;
  background-repeat: no-repeat;
  cursor: pointer;
}
.v5-wide .design-checkbox input[type="checkbox"]:checked + label i {
  background-position: left top;
  background-repeat: no-repeat;
}
.v5-campaign-card-list ul {
  width: 100%;
}
.v5-campaign-card-list ul li {
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 799px) {
  .v5-campaign-card-list ul li {
    width: 50%;
  }
}
@media (min-width: 800px) and (max-width: 1023px) {
  .v5-campaign-card-list ul li {
    width: 25%;
  }
}
@media (min-width: 1024px) {
  .v5-campaign-card-list ul li {
    width: 25%;
  }
}
@media (min-width: 1280px) {
  .v5-campaign-card-list ul li {
    width: 20%;
  }
}
@media (min-width: 1600px) {
  .v5-campaign-card-list ul li {
    width: 16.666%;
  }
}
@media (min-width: 1920px) {
  .v5-campaign-card-list ul li {
    width: 14.285714285%;
  }
}
@media (min-width: 800px) and (max-width: 1023px) {
  .v5-campaign-card-list.responsive-list ul li:nth-child(n) {
    display: inline-block;
  }
  .v5-campaign-card-list.responsive-list ul li:nth-child(n+9) {
    display: none;
  }
}
@media (min-width: 1024px) {
  .v5-campaign-card-list.responsive-list ul li:nth-child(n) {
    display: inline-block;
  }
  .v5-campaign-card-list.responsive-list ul li:nth-child(n+9) {
    display: none;
  }
}
@media (min-width: 1280px) {
  .v5-campaign-card-list.responsive-list ul li:nth-child(n) {
    display: inline-block;
  }
  .v5-campaign-card-list.responsive-list ul li:nth-child(n+11) {
    display: none;
  }
}
@media (min-width: 1600px) {
  .v5-campaign-card-list.responsive-list ul li:nth-child(n) {
    display: inline-block;
  }
  .v5-campaign-card-list.responsive-list ul li:nth-child(n+13) {
    display: none;
  }
}
@media (min-width: 1920px) {
  .v5-campaign-card-list.responsive-list ul li:nth-child(n) {
    display: inline-block;
  }
}
.v6-campaign-card-list ul {
  width: 100%;
}
.v6-campaign-card-list ul .revu-pick {
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 799px) {
  .v6-campaign-card-list ul .revu-pick {
    width: 100%;
  }
}
@media (min-width: 800px) and (max-width: 1023px) {
  .v6-campaign-card-list ul .revu-pick {
    width: 25%;
  }
}
@media (min-width: 1024px) {
  .v6-campaign-card-list ul .revu-pick {
    width: 25%;
  }
}
@media (min-width: 1280px) {
  .v6-campaign-card-list ul .revu-pick {
    width: 20%;
  }
}
@media (min-width: 1600px) {
  .v6-campaign-card-list ul .revu-pick {
    width: 16.666%;
  }
}
@media (min-width: 1920px) {
  .v6-campaign-card-list ul .revu-pick {
    width: 14.285714285%;
  }
}
@media (min-width: 800px) and (max-width: 1023px) {
  .v6-campaign-card-list.responsive-list ul li:nth-child(n) {
    display: inline-block;
  }
  .v6-campaign-card-list.responsive-list ul li:nth-child(n+9) {
    display: none;
  }
}
@media (min-width: 1024px) {
  .v6-campaign-card-list.responsive-list ul li:nth-child(n) {
    display: inline-block;
  }
  .v6-campaign-card-list.responsive-list ul li:nth-child(n+9) {
    display: none;
  }
}
@media (min-width: 1280px) {
  .v6-campaign-card-list.responsive-list ul li:nth-child(n) {
    display: inline-block;
  }
  .v6-campaign-card-list.responsive-list ul li:nth-child(n+11) {
    display: none;
  }
}
@media (min-width: 1600px) {
  .v6-campaign-card-list.responsive-list ul li:nth-child(n) {
    display: inline-block;
  }
  .v6-campaign-card-list.responsive-list ul li:nth-child(n+13) {
    display: none;
  }
}
@media (min-width: 1920px) {
  .v6-campaign-card-list.responsive-list ul li:nth-child(n) {
    display: inline-block;
  }
}
.my-related-campaign-card dt,
.new-campaign-card dt,
.inline-campaign-card dt,
.my-related-campaign-card dd,
.new-campaign-card dd,
.inline-campaign-card dd {
  word-break: normal;
  font-weight: normal;
}
.my-related-campaign-card .card-type,
.new-campaign-card .card-type,
.inline-campaign-card .card-type {
  position: relative;
}
.my-related-campaign-card .card-type .media-type.blog-icon img,
.new-campaign-card .card-type .media-type.blog-icon img,
.inline-campaign-card .card-type .media-type.blog-icon img,
.my-related-campaign-card .card-type .media-type.instagram-icon img,
.new-campaign-card .card-type .media-type.instagram-icon img,
.inline-campaign-card .card-type .media-type.instagram-icon img,
.my-related-campaign-card .card-type .media-type.clip-icon img,
.new-campaign-card .card-type .media-type.clip-icon img,
.inline-campaign-card .card-type .media-type.clip-icon img {
  top: 2px;
  width: 18px;
  height: 18px;
}
.my-related-campaign-card .card-type .media-type.youtube-icon img,
.new-campaign-card .card-type .media-type.youtube-icon img,
.inline-campaign-card .card-type .media-type.youtube-icon img {
  width: 28px;
  height: 20px;
}
@media (max-width: 799px) {
  .my-related-campaign-card .card-type .media-type.youtube-icon img,
  .new-campaign-card .card-type .media-type.youtube-icon img,
  .inline-campaign-card .card-type .media-type.youtube-icon img {
    width: 20px !important;
  }
}
.my-related-campaign-card dt .instagram,
.new-campaign-card dt .instagram,
.inline-campaign-card dt .instagram {
  color: #f247cb;
}
.my-related-campaign-card dt .blog,
.new-campaign-card dt .blog,
.inline-campaign-card dt .blog {
  color: #00cdc5;
}
.my-related-campaign-card dt .youtube,
.new-campaign-card dt .youtube,
.inline-campaign-card dt .youtube {
  color: #ff2c00;
}
.my-related-campaign-card .applicant-cnt,
.new-campaign-card .applicant-cnt,
.inline-campaign-card .applicant-cnt {
  margin: 15px 0 8px;
  font-size: 11px;
  color: #333;
}
.my-related-campaign-card .applicant-cnt .cnt,
.new-campaign-card .applicant-cnt .cnt,
.inline-campaign-card .applicant-cnt .cnt {
  color: #999;
}
@media (max-width: 799px) {
  .my-related-campaign-card .applicant-cnt,
  .new-campaign-card .applicant-cnt,
  .inline-campaign-card .applicant-cnt {
    margin: 12px 0 5px;
  }
}
.new-review-card,
.new-campaign-card,
.new-banner-card {
  position: relative;
  width: 100%;
}
.new-review-card dl.card,
.new-campaign-card dl.card,
.new-banner-card dl.card {
  position: relative;
}
.new-review-card dl.card .card-ranking img,
.new-campaign-card dl.card .card-ranking img,
.new-banner-card dl.card .card-ranking img {
  border-radius: 0;
  width: 31px;
  height: 42px;
  position: absolute;
  border: 0;
  padding: 0;
  top: 0;
  left: 8px;
  z-index: 30;
}
@media (max-width: 799px) {
  .new-review-card dl.card .card-ranking img,
  .new-campaign-card dl.card .card-ranking img,
  .new-banner-card dl.card .card-ranking img {
    width: 20px;
    height: 28px;
    position: absolute;
    border: 0;
    padding: 0;
    top: 0;
    left: 5px;
  }
}
.new-review-card dl.card .card-premier,
.new-campaign-card dl.card .card-premier,
.new-banner-card dl.card .card-premier {
  width: 51px;
  height: 20px;
  position: absolute;
  border: 0;
  padding: 0;
  top: 8px;
  left: 8px;
  z-index: 30;
}
@media (max-width: 799px) {
  .new-review-card dl.card .card-premier,
  .new-campaign-card dl.card .card-premier,
  .new-banner-card dl.card .card-premier {
    left: 5px;
  }
}
.new-review-card dl.card .media-type.blog-icon img,
.new-campaign-card dl.card .media-type.blog-icon img,
.new-banner-card dl.card .media-type.blog-icon img,
.new-review-card dl.card .media-type-w.blog-icon img,
.new-campaign-card dl.card .media-type-w.blog-icon img,
.new-banner-card dl.card .media-type-w.blog-icon img,
.new-review-card dl.card .media-type.instagram-icon img,
.new-campaign-card dl.card .media-type.instagram-icon img,
.new-banner-card dl.card .media-type.instagram-icon img,
.new-review-card dl.card .media-type-w.instagram-icon img,
.new-campaign-card dl.card .media-type-w.instagram-icon img,
.new-banner-card dl.card .media-type-w.instagram-icon img,
.new-review-card dl.card .media-type.clip-icon img,
.new-campaign-card dl.card .media-type.clip-icon img,
.new-banner-card dl.card .media-type.clip-icon img,
.new-review-card dl.card .media-type-w.clip-icon img,
.new-campaign-card dl.card .media-type-w.clip-icon img,
.new-banner-card dl.card .media-type-w.clip-icon img {
  width: 18px;
}
@media (max-width: 799px) {
  .new-review-card dl.card .media-type.blog-icon img,
  .new-campaign-card dl.card .media-type.blog-icon img,
  .new-banner-card dl.card .media-type.blog-icon img,
  .new-review-card dl.card .media-type-w.blog-icon img,
  .new-campaign-card dl.card .media-type-w.blog-icon img,
  .new-banner-card dl.card .media-type-w.blog-icon img,
  .new-review-card dl.card .media-type.instagram-icon img,
  .new-campaign-card dl.card .media-type.instagram-icon img,
  .new-banner-card dl.card .media-type.instagram-icon img,
  .new-review-card dl.card .media-type-w.instagram-icon img,
  .new-campaign-card dl.card .media-type-w.instagram-icon img,
  .new-banner-card dl.card .media-type-w.instagram-icon img,
  .new-review-card dl.card .media-type.clip-icon img,
  .new-campaign-card dl.card .media-type.clip-icon img,
  .new-banner-card dl.card .media-type.clip-icon img,
  .new-review-card dl.card .media-type-w.clip-icon img,
  .new-campaign-card dl.card .media-type-w.clip-icon img,
  .new-banner-card dl.card .media-type-w.clip-icon img {
    width: 16px;
  }
}
.new-review-card dl.card .media-type.youtube-icon img,
.new-campaign-card dl.card .media-type.youtube-icon img,
.new-banner-card dl.card .media-type.youtube-icon img,
.new-review-card dl.card .media-type-w.youtube-icon img,
.new-campaign-card dl.card .media-type-w.youtube-icon img,
.new-banner-card dl.card .media-type-w.youtube-icon img {
  width: 24px;
}
@media (max-width: 799px) {
  .new-review-card dl.card .media-type.youtube-icon img,
  .new-campaign-card dl.card .media-type.youtube-icon img,
  .new-banner-card dl.card .media-type.youtube-icon img,
  .new-review-card dl.card .media-type-w.youtube-icon img,
  .new-campaign-card dl.card .media-type-w.youtube-icon img,
  .new-banner-card dl.card .media-type-w.youtube-icon img {
    width: 16px;
  }
}
.new-review-card dl.card .media-type img,
.new-campaign-card dl.card .media-type img,
.new-banner-card dl.card .media-type img,
.new-review-card dl.card .media-type-w img,
.new-campaign-card dl.card .media-type-w img,
.new-banner-card dl.card .media-type-w img {
  position: absolute;
  top: 0px;
}
@media (max-width: 799px) {
  .new-review-card dl.card .media-card-w .media-type-w.blog-icon img,
  .new-campaign-card dl.card .media-card-w .media-type-w.blog-icon img,
  .new-banner-card dl.card .media-card-w .media-type-w.blog-icon img,
  .new-review-card dl.card .media-card-w .media-type-w.instagram-icon img,
  .new-campaign-card dl.card .media-card-w .media-type-w.instagram-icon img,
  .new-banner-card dl.card .media-card-w .media-type-w.instagram-icon img,
  .new-review-card dl.card .media-card-w .media-type-w.clip-icon img,
  .new-campaign-card dl.card .media-card-w .media-type-w.clip-icon img,
  .new-banner-card dl.card .media-card-w .media-type-w.clip-icon img {
    width: 12px;
  }
}
@media (max-width: 799px) {
  .new-review-card dl.card .media-card-w .media-type-w.youtube-icon,
  .new-campaign-card dl.card .media-card-w .media-type-w.youtube-icon,
  .new-banner-card dl.card .media-card-w .media-type-w.youtube-icon {
    width: 16px;
  }
}
.new-review-card dl.card .media-card-w .media-type-w img,
.new-campaign-card dl.card .media-card-w .media-type-w img,
.new-banner-card dl.card .media-card-w .media-type-w img {
  position: inherit;
}
.new-review-card dl.card img,
.new-campaign-card dl.card img,
.new-banner-card dl.card img {
  width: 100%;
}
@media (max-width: 799px) {
  .new-review-card dl.card,
  .new-campaign-card dl.card,
  .new-banner-card dl.card {
    margin: 0 5px 10px;
  }
}
.new-review-card dl.card.no-margin,
.new-campaign-card dl.card.no-margin,
.new-banner-card dl.card.no-margin {
  margin: 0 !important;
}
.new-review-card dl.card .urgent-campaign,
.new-campaign-card dl.card .urgent-campaign,
.new-banner-card dl.card .urgent-campaign,
.new-review-card .card .urgent-campaign,
.new-campaign-card .card .urgent-campaign,
.new-banner-card .card .urgent-campaign,
.new-review-card dl.card .shopping-campaign,
.new-campaign-card dl.card .shopping-campaign,
.new-banner-card dl.card .shopping-campaign,
.new-review-card .card .shopping-campaign,
.new-campaign-card .card .shopping-campaign,
.new-banner-card .card .shopping-campaign {
  display: inline-flex;
}
.new-review-card dl.card .urgent-campaign img,
.new-campaign-card dl.card .urgent-campaign img,
.new-banner-card dl.card .urgent-campaign img,
.new-review-card .card .urgent-campaign img,
.new-campaign-card .card .urgent-campaign img,
.new-banner-card .card .urgent-campaign img,
.new-review-card dl.card .shopping-campaign img,
.new-campaign-card dl.card .shopping-campaign img,
.new-banner-card dl.card .shopping-campaign img,
.new-review-card .card .shopping-campaign img,
.new-campaign-card .card .shopping-campaign img,
.new-banner-card .card .shopping-campaign img {
  position: relative;
  width: 87px;
  height: auto;
  border: 0;
  padding: 0;
  bottom: -4px;
  left: 0px;
  z-index: 30;
}
@media (max-width: 799px) {
  .new-review-card dl.card .urgent-campaign img,
  .new-campaign-card dl.card .urgent-campaign img,
  .new-banner-card dl.card .urgent-campaign img,
  .new-review-card .card .urgent-campaign img,
  .new-campaign-card .card .urgent-campaign img,
  .new-banner-card .card .urgent-campaign img,
  .new-review-card dl.card .shopping-campaign img,
  .new-campaign-card dl.card .shopping-campaign img,
  .new-banner-card dl.card .shopping-campaign img,
  .new-review-card .card .shopping-campaign img,
  .new-campaign-card .card .shopping-campaign img,
  .new-banner-card .card .shopping-campaign img {
    width: 78px;
    height: 22px;
    border: 0;
    padding: 0;
    bottom: -4px;
    left: 0px;
  }
}
.new-review-card dl.card .urgent-campaign img.shopping-campaign-img,
.new-campaign-card dl.card .urgent-campaign img.shopping-campaign-img,
.new-banner-card dl.card .urgent-campaign img.shopping-campaign-img,
.new-review-card .card .urgent-campaign img.shopping-campaign-img,
.new-campaign-card .card .urgent-campaign img.shopping-campaign-img,
.new-banner-card .card .urgent-campaign img.shopping-campaign-img,
.new-review-card dl.card .shopping-campaign img.shopping-campaign-img,
.new-campaign-card dl.card .shopping-campaign img.shopping-campaign-img,
.new-banner-card dl.card .shopping-campaign img.shopping-campaign-img,
.new-review-card .card .shopping-campaign img.shopping-campaign-img,
.new-campaign-card .card .shopping-campaign img.shopping-campaign-img,
.new-banner-card .card .shopping-campaign img.shopping-campaign-img {
  width: 95px;
}
@media (max-width: 799px) {
  .new-review-card dl.card .urgent-campaign img.shopping-campaign-img,
  .new-campaign-card dl.card .urgent-campaign img.shopping-campaign-img,
  .new-banner-card dl.card .urgent-campaign img.shopping-campaign-img,
  .new-review-card .card .urgent-campaign img.shopping-campaign-img,
  .new-campaign-card .card .urgent-campaign img.shopping-campaign-img,
  .new-banner-card .card .urgent-campaign img.shopping-campaign-img,
  .new-review-card dl.card .shopping-campaign img.shopping-campaign-img,
  .new-campaign-card dl.card .shopping-campaign img.shopping-campaign-img,
  .new-banner-card dl.card .shopping-campaign img.shopping-campaign-img,
  .new-review-card .card .shopping-campaign img.shopping-campaign-img,
  .new-campaign-card .card .shopping-campaign img.shopping-campaign-img,
  .new-banner-card .card .shopping-campaign img.shopping-campaign-img {
    width: 80px;
  }
}
.new-review-card dl.card .urgent-campaign img:last-child,
.new-campaign-card dl.card .urgent-campaign img:last-child,
.new-banner-card dl.card .urgent-campaign img:last-child,
.new-review-card .card .urgent-campaign img:last-child,
.new-campaign-card .card .urgent-campaign img:last-child,
.new-banner-card .card .urgent-campaign img:last-child,
.new-review-card dl.card .shopping-campaign img:last-child,
.new-campaign-card dl.card .shopping-campaign img:last-child,
.new-banner-card dl.card .shopping-campaign img:last-child,
.new-review-card .card .shopping-campaign img:last-child,
.new-campaign-card .card .shopping-campaign img:last-child,
.new-banner-card .card .shopping-campaign img:last-child {
  padding-left: 3px;
}
@media (max-width: 799px) {
  .new-review-card dl.card .urgent-campaign img:last-child,
  .new-campaign-card dl.card .urgent-campaign img:last-child,
  .new-banner-card dl.card .urgent-campaign img:last-child,
  .new-review-card .card .urgent-campaign img:last-child,
  .new-campaign-card .card .urgent-campaign img:last-child,
  .new-banner-card .card .urgent-campaign img:last-child,
  .new-review-card dl.card .shopping-campaign img:last-child,
  .new-campaign-card dl.card .shopping-campaign img:last-child,
  .new-banner-card dl.card .shopping-campaign img:last-child,
  .new-review-card .card .shopping-campaign img:last-child,
  .new-campaign-card .card .shopping-campaign img:last-child,
  .new-banner-card .card .shopping-campaign img:last-child {
    padding-left: 0px;
  }
}
@media (max-width: 799px) {
  .new-review-card dl.card .urgent-campaign img:nth-child(2),
  .new-campaign-card dl.card .urgent-campaign img:nth-child(2),
  .new-banner-card dl.card .urgent-campaign img:nth-child(2),
  .new-review-card .card .urgent-campaign img:nth-child(2),
  .new-campaign-card .card .urgent-campaign img:nth-child(2),
  .new-banner-card .card .urgent-campaign img:nth-child(2),
  .new-review-card dl.card .shopping-campaign img:nth-child(2),
  .new-campaign-card dl.card .shopping-campaign img:nth-child(2),
  .new-banner-card dl.card .shopping-campaign img:nth-child(2),
  .new-review-card .card .shopping-campaign img:nth-child(2),
  .new-campaign-card .card .shopping-campaign img:nth-child(2),
  .new-banner-card .card .shopping-campaign img:nth-child(2) {
    left: -2px;
  }
}
.new-campaign-card .card .card-type .shopping-type-wrap {
  position: absolute;
  top: 2px;
}
.new-campaign-card .card .card-type .shopping-type-wrap .shopping-type {
  display: inline-block;
  position: relative;
}
.new-campaign-card .card .card-type .shopping-type-wrap .shopping-type.icon {
  width: 18px;
  height: 18px;
}
@media (max-width: 799px) {
  .new-campaign-card .card .card-type .shopping-type-wrap .shopping-type.icon {
    width: 16px;
    height: 16px;
    top: 1px;
  }
}
.new-campaign-card .card .card-type .shopping-type-wrap .shopping-type.reels {
  width: 18px;
  height: 18px;
}
@media (max-width: 799px) {
  .new-campaign-card .card .card-type .shopping-type-wrap .shopping-type.reels {
    width: 16px;
    height: 16px;
  }
}
.new-campaign-card .card .card-type .shopping-type-wrap .shopping-type.with-shorts {
  margin-right: 5px;
}
@media (max-width: 799px) {
  .new-campaign-card .card .card-type .shopping-type-wrap .shopping-type.with-shorts .shorts {
    width: 20px !important;
    top: -1px;
  }
  .new-campaign-card .card .card-type .shopping-type-wrap .shopping-type.with-shorts .shorts.favorite {
    width: 14px !important;
    top: -3px;
  }
}
.new-campaign-card .card .card-type strong.add-campaign-icon {
  margin-left: 45px;
}
.new-campaign-card .card .card-type strong.add-campaign-icon.youtube {
  padding-left: 5px !important;
  margin-left: 45px !important;
}
@media (max-width: 799px) {
  .new-campaign-card .card .card-type strong.add-campaign-icon.youtube {
    margin-left: 43px !important;
  }
}
.new-campaign-card .card .card-type strong.only-market {
  margin-left: 28px;
}
.new-campaign-card .label-area {
  margin-top: 8px;
  font-size: 12px;
  font-weight: normal;
  height: 20px;
}
@media (max-width: 799px) {
  .new-campaign-card .label-area {
    margin-top: 6px;
    font-size: 11px;
    height: 18px;
  }
}
.new-campaign-card .label-area .label-text {
  margin: 0 3px 0 0;
  padding: 0 5px;
  line-height: 20px;
  height: 20px;
}
@media (max-width: 799px) {
  .new-campaign-card .label-area .label-text {
    line-height: 18px;
    height: 18px;
  }
}
.new-campaign-card .label-area .label-text:last-child {
  margin: 0;
}
.new-campaign-card .label-area .label-text.label-point {
  border: 1px solid #d19cff;
  color: #8B08FF;
}
.new-campaign-card .label-area .label-text.point-plus {
  padding-right: 24px;
}
@media (max-width: 799px) {
  .new-campaign-card .label-area .label-text.point-plus {
    padding-right: 19px;
  }
}
.new-campaign-card .label-area .label-text.point-plus img {
  position: absolute;
  top: 0;
  right: 0;
  width: 18px;
  height: 18px;
}
@media (max-width: 799px) {
  .new-campaign-card .label-area .label-text.point-plus img {
    width: 16px;
    height: 16px;
  }
}
.new-campaign-card .label-list {
  margin-bottom: 10px;
}
.new-campaign-card .label-list .label {
  border-radius: 0;
  font-weight: normal;
  margin-right: 3px;
  padding: 2px 4px 3px;
  font-size: 11px;
  display: inline-block;
}
@media (max-width: 799px) {
  .new-campaign-card .label-list .label {
    font-size: 11px;
  }
}
.new-campaign-card .label-list .label.point {
  border: 1px solid #999;
  color: #333;
}
.new-campaign-card .label-list .label.reward {
  border: 1px solid #ddd;
  color: #666;
}
.new-campaign-card .label-list .label.able {
  border: 1px solid #ddd;
  color: #666;
}
.new-campaign-card .fullcover {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.new-campaign-card .fullcover.black {
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(17, 17, 17, 0.2);
}
.new-campaign-card .fullcover.white {
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
}
.new-campaign-card .card {
  position: relative;
  margin: 10px;
  transition: all 0.4s;
}
.new-campaign-card .card img {
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 3px;
}
.new-campaign-card .card .media-type img {
  width: 15px;
  position: absolute;
  top: 0;
}
.new-campaign-card a {
  position: relative;
  overflow: hidden;
  display: block;
  padding-bottom: 100%;
  border-radius: 3px;
}
.new-campaign-card a .campaign-cover .campaign-image {
  transition: all, .4s;
}
.new-campaign-card a .campaign-cover .campaign-image.none-img {
  z-index: 1;
  transition: auto;
}
.new-campaign-card a .campaign-cover:hover .campaign-image {
  transform: scale(1.05);
  -ms-transform: scale(1.05);
}
.new-campaign-card a .campaign-cover .cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0));
  z-index: 1;
  border-radius: 3px;
}
.new-campaign-card a .campaign-cover .cover .m-title {
  display: none;
}
.new-campaign-card a .campaign-cover .cover .black {
  width: 100%;
  height: 100%;
  background-color: rgba(17, 17, 17, 0.4);
  border-radius: 3px;
}
.new-campaign-card a .campaign-cover .cover .black .keep {
  width: 90px;
  font-size: 11px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.new-campaign-card a .campaign-cover .cover .black .keep .keepDate {
  font-weight: bold;
}
.new-campaign-card a .campaign-cover .cover .white {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 3px;
}
.new-campaign-card a .campaign-cover .cover .icon {
  width: auto;
  min-width: 42px;
  height: 42px;
  position: absolute;
  right: 5px;
  bottom: 5px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  padding: 3px 5px;
  letter-spacing: -0.4px;
}
.new-campaign-card a .campaign-cover .cover .icon.black-icon {
  background: #000;
}
.new-campaign-card a .campaign-cover .cover .icon.red-icon {
  background: #ee3131;
  height: 42px;
}
.new-campaign-card a .campaign-cover .cover .icon.red-icon.vm {
  line-height: 32px;
}
.new-campaign-card a .campaign-cover .cover .icon.gray {
  background: #444;
}
.new-campaign-card a .campaign-cover .cover .flag {
  position: absolute;
  top: 10px;
  left: 10px;
}
.new-campaign-card a .campaign-cover .cover .flag.flag-premier {
  width: 51px;
  height: 20px;
  position: absolute;
  border: 0;
  padding: 0;
  top: 8px;
  left: 8px;
  z-index: 30;
}
@media (max-width: 799px) {
  .new-campaign-card a .campaign-cover .cover .flag.flag-premier {
    left: 5px;
  }
}
.new-campaign-card a .campaign-cover .cover .message {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  width: 100%;
  height: 100%;
  z-index: 4;
  display: table;
}
.new-campaign-card a .campaign-cover .cover .message .invitation {
  display: table-cell;
  vertical-align: middle;
}
.new-campaign-card a .campaign-cover .cover .message .invitation img {
  width: auto;
  height: auto;
  position: relative;
  margin-bottom: 10px;
}
.new-campaign-card a .campaign-cover .cover .message .invitation span {
  color: #f9f9f9;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.4px;
}
.new-campaign-card a .campaign-cover .cover.sold-out {
  background-color: #000000;
  opacity: 0.17;
}
.new-campaign-card a .campaign-cover .sold-out-box {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #222222;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  width: 42px;
  height: 42px;
  margin: 5px;
  letter-spacing: -0.4px;
  text-align: center;
  font-style: normal;
  font-stretch: normal;
  line-height: 40px;
}
.new-campaign-card .description {
  color: #222;
  padding: 10px 0 15px;
  position: relative;
}
.new-campaign-card .description dl {
  margin-bottom: 0;
}
.new-campaign-card .description dt.offer {
  display: block;
  max-width: 100%;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 16px;
  padding: 10px 0 0 0;
  line-height: 22px;
  overflow: hidden;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
}
@media (max-width: 799px) {
  .new-campaign-card .description dt.offer {
    font-size: 14px;
    padding-top: 7px;
  }
}
.new-campaign-card .description dt.reward {
  margin-top: 5px;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #888;
}
@media (max-width: 799px) {
  .new-campaign-card .description dt.reward {
    font-size: 11px;
    margin-top: 3px;
  }
}
.new-campaign-card .description dt:first-child {
  font-size: 15px;
}
@media (max-width: 799px) {
  .new-campaign-card .description dt:first-child {
    font-size: 14px;
  }
}
.new-campaign-card .description dt strong:last-child {
  color: #222;
  display: inline-block;
  line-height: 22px;
  margin-left: 23px;
}
.new-campaign-card .description dt strong:last-child.youtube {
  padding-left: 5px !important;
}
.new-campaign-card .description dt strong:last-child.youtube.only-short {
  padding-left: 0px !important;
}
@media (max-width: 799px) {
  .new-campaign-card .description dt strong:last-child.youtube {
    margin-left: 20px !important;
  }
}
.new-campaign-card .description dt strong:last-child.blog.mypage,
.new-campaign-card .description dt strong:last-child.instagram.mypage {
  margin-left: 22px;
}
.new-campaign-card .description dt strong:last-child.blog.mypage.add-campaign-icon,
.new-campaign-card .description dt strong:last-child.instagram.mypage.add-campaign-icon {
  margin-left: 45px;
}
.new-campaign-card .description dt strong:first-child {
  display: inline-block;
  margin-left: 0px;
}
.sort-tab {
  display: inline-block;
  float: right;
  position: relative;
  color: #222;
}
.sort-tab .arrow-box {
  position: absolute;
  z-index: 20;
  right: 0;
  top: 40px;
  background: #fff;
}
@media (max-width: 799px) {
  .sort-tab .arrow-box {
    width: 130px;
  }
}
.sort-tab .arrow-box .arrow {
  position: absolute;
  background: url(/assets/img/header/ic-arrow-gnb.svg) no-repeat center;
  width: 18px;
  height: 11px;
  top: -11px;
}
.sort-tab .arrow-box ul {
  border: 1px solid #ddd;
  padding: 20px;
  width: 140px;
  text-align: left;
}
@media (max-width: 799px) {
  .sort-tab .arrow-box ul {
    padding: 10px;
    width: auto;
  }
}
.sort-tab .arrow-box li {
  display: block;
  margin-bottom: 10px;
}
@media (max-width: 799px) {
  .sort-tab .arrow-box li {
    margin-bottom: 0;
  }
}
.sort-tab .arrow-box li:last-child {
  margin-bottom: 0;
}
@media (max-width: 799px) {
  .sort-tab {
    display: block;
    margin-top: 10px;
  }
}
.sort-tab button {
  border: 1px solid #ddd;
  border-radius: 15px;
  padding: 2px 15px 4px 15px;
  font-size: 14px;
  background: none;
}
.sort-tab button.all {
  border-radius: 0px;
}
.sort-tab button.on,
.sort-tab button:hover {
  border-color: #ae8cee;
  color: #5c19dd;
}
.sort-tab .arrow-box {
  display: none;
}
.form-control {
  border-color: #ddd;
  height: 46px !important;
}
.dic-comment {
  color: #999;
  font-size: 14px;
  line-height: 22px;
  margin-top: 15px;
}
@media (max-width: 799px) {
  .dic-comment {
    font-size: 12px;
  }
}
.dic-comment.phone {
  font-size: 12px;
}
.dic-search-keyword {
  font-weight: 500;
}
select.form-control {
  background-image: url(/assets/img/form/ic-select-arrow.svg) !important;
  background-position: 96% 54%;
  background-repeat: no-repeat;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}
.v5-campaign-card-list .hr-divider.home {
  color: #ddd;
  display: block;
  text-align: center;
  width: 104%;
  margin: 0px 0px 0px -10px;
  font-weight: 500;
}
.v5-campaign-card-list .hr-divider.home button {
  width: 100%;
  padding: 15px 15px;
  background-color: #f8f8f9;
  color: #999;
}
.v5-campaign-card-list .hr-divider.home button ~ .split-block {
  padding-top: 0;
}
.v5-campaign-card-list .hr-divider.home:before {
  margin: 0;
  line-height: 100%;
  content: none;
}
.v5-campaign-card-list .hr-divider.home:after {
  margin: 0;
}
.new-campaigns .row {
  margin: 0;
}
.v5-campaign-card-list > div:first-child {
  margin-left: -10px;
  margin-right: -10px;
}
@media (max-width: 799px) {
  .v5-campaign-card-list > div:first-child {
    margin: 0;
  }
}
.v5-campaign-card-list .row {
  margin: 0;
}
.search-coupon-campaign .coupon-card-list {
  margin-bottom: 0px;
}
.search-coupon-campaign .coupon-card-list .row {
  margin-left: 0;
  margin-right: 0;
}
.keyword-search {
  height: 67px;
}
@media (max-width: 799px) {
}
.search-title {
  margin-bottom: 0px;
}
@media (max-width: 799px) {
  .search-title {
    margin-bottom: 0px;
  }
}
.search-title h3 {
  margin-top: 60px;
  font-size: 22px;
  font-weight: 500;
  padding-bottom: 5px;
}
@media (max-width: 799px) {
  .search-title h3 {
    margin: 30px 5px 10px 5px;
    font-size: 18px;
    padding: 0px;
  }
}
.search-title h3 b {
  color: #5c19dd;
}
.search-title campaign-filter {
  margin-bottom: 10px;
}
@media (min-width: 800px) {
  .container.mypage {
    width: 1300px;
  }
}
@media (max-width: 799px) {
  .container.mypage {
    padding-left: 15px;
    padding-right: 15px;
    overflow-x: hidden;
  }
  .container.mypage.penalty .row,
  .container.mypage.my-point .row {
    margin-left: -15px;
    margin-right: -15px;
  }
  .container.mypage.my-campaign .margin-custom {
    margin-left: -15px;
    margin-right: -15px;
  }
  .container.mypage.mobile-border-top {
    border-top: 1px solid #E5E5E5;
  }
}
.container.mypage .attendance {
  background: #9773FD;
  border-radius: 3px !important;
  color: #FFFFFF;
  height: 32px;
  width: 86px;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: -0.52px;
  line-height: 12px;
  padding: 0;
  display: inline-block !important;
  position: relative;
  top: -2px;
}
.container.mypage .attendance.checked {
  background: #5C19DD;
  border: 1px solid #9164EA;
  color: #EEEEEE;
}
.container.mypage .attendance.confirm {
  color: #9976FA;
  background: #4C13B9;
}
@media (max-width: 799px) {
  .container.mypage .attendance {
    height: 26px;
    width: 74px;
    background: #F2FCFF;
    border-radius: 15px;
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: -0.128571px;
    color: #4DABCA;
    margin-left: 10px;
  }
}
.container.mypage .attendance:hover {
  background: #7B51F1 !important;
}
.container.mypage .attendance.checked:hover {
  border: 1px solid #C2A3FF;
  color: #FFFFFF;
  background: #5C19DD !important;
}
.container.mypage .attendance.confirm:hover {
  background: #4C13B9 !important;
}
.container.mypage .meetUser {
  text-align: right;
  height: 74px;
  line-height: 85px;
  color: #FFFFFF;
}
.container.mypage .meetUser .hasAttendance {
  position: relative;
  left: 19px;
}
.container.mypage .meetUser .attendanceModal {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.52px;
  color: #FFFFFF;
  cursor: pointer;
}
.container.mypage .meetUser .attendanceModal span {
  position: relative;
  left: -8px;
  font-size: 12px;
  top: -2px;
  color: #999;
}
.container.mypage .meetUser .attendanceModal img {
  position: relative;
  top: -2px;
  left: 5px;
  width: 6px;
}
@media (max-width: 799px) {
  .container.mypage .summary-bg {
    height: 140px;
    width: 100%;
    margin-left: -15px;
    position: absolute;
    z-index: 1;
    margin-top: -20px;
    background-image: url(/assets/img/mypage/mypage-dashboard-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
  }
}
.container.mypage .post-mypage .reviews-wrap {
  padding-top: 20px;
}
@media (max-width: 799px) {
  .container.mypage .post-mypage .reviews-wrap {
    padding-top: 0;
  }
  .container.mypage .post-mypage.no-result {
    height: auto;
    overflow-x: hidden;
    white-space: nowrap;
    overflow-y: hidden;
  }
}
@media (min-width: 800px) {
  .container.wide {
    width: 1300px;
  }
}
@media (max-width: 799px) {
  .container.wide {
    padding-left: 15px;
    padding-right: 15px;
  }
  .container.wide.talk {
    border-top: 1px solid #E5E5E5;
  }
  .container.wide.write,
  .container.wide.edit {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.dark .note-statusbar {
  display: none;
}
.dark.container {
  background-color: #232228;
}
.dark.container.inquiry,
.dark.container.notice,
.dark.container.faq {
  background-color: #15141C;
}
.dark.container .help-board-item {
  border-bottom: 1px solid #262432 !important;
}
.dark.container .help-board-item.inquiry.view {
  border-bottom: none !important;
}
.dark.container .help-board-item:hover {
  background: #15141C;
}
.dark.container .help-board-item div.title {
  color: #ffffff;
  max-width: 95%;
}
.dark.container .help-board-item div.title .prefix {
  color: #9584ff;
}
.dark.container .help-board-item div.title .subject {
  color: #eeeeee;
}
.dark.container .help-board-item div.campaign {
  color: #808080;
}
.dark.container .help-board-item div.preview {
  color: #999999;
}
.dark.container .help-board-item div.status {
  float: left;
  width: 80px;
  text-align: center;
}
.dark.container .help-board-item div.status span {
  color: #eeeeee;
  font-size: 12px;
}
.dark.container .help-board-item div.status div.complete {
  background: #1081FA;
}
.dark.container .help-board-item div.status div.new {
  color: #999999;
  border: solid 1px #CCCCCC;
}
.dark.container .help-board-item div.status div.work {
  color: #444444;
  border: 1px solid #444444;
}
.dark.container .help-board-item div.status div.wait {
  border: 1px solid #1081FA;
  color: #1081FA;
}
.dark.container .help-board-item.inquiry:first-child {
  border-top: 1px solid #262432;
}
.dark.container .help-board hr {
  border-color: #262432;
}
.dark.container .board-content p {
  color: #eeeeee;
}
.dark.container pagination .pagination li.active a {
  color: #bbbbbb !important;
}
.dark.container pagination .pagination a {
  color: #999999 !important;
}
.dark.container pagination .pagination-prev a {
  background: url(/assets/img/board/dark-btn-prev.svg) left bottom no-repeat !important;
  background-position-y: 6px !important;
  background-position-x: 6px !important;
}
.dark.container pagination .pagination-prev.disabled a {
  background: url(/assets/img/board/dark-btn-prev.svg) left bottom no-repeat !important;
  background-position-y: 6px !important;
  background-position-x: 6px !important;
}
.dark.container pagination .pagination-next a {
  background: url(/assets/img/board/dark-btn-next.svg) left bottom no-repeat !important;
  background-position-y: 6px !important;
  background-position-x: 6px !important;
}
.dark.container pagination .pagination-next.disabled a {
  background: url(/assets/img/board/dark-btn-next.svg) left bottom no-repeat !important;
  background-position-y: 6px !important;
  background-position-x: 6px !important;
}
.dark.container .mobile-board-prefix-item {
  background: #15141C;
  border-bottom: 1px solid #302E3E;
}
.dark.container .mobile-board-prefix-item button {
  color: #ddd;
}
.dark.container .mobile-board-prefix-item ul {
  background: #15141C;
}
.dark.container .mobile-board-prefix-item ul li {
  color: #ddd;
  border-top: 1px solid #444;
}
.dark.container .mobile-board-prefix-item ul li a {
  color: #eee;
}
.dark.container .mobile-board-prefix-item .note-editor {
  background: #232228;
}
.dark.container .mobile-board-prefix-item .note-editor .note-editable {
  background: #232228 !important;
}
.dark.container .board-edit .title .board-title-input {
  background: #15141C;
  border-top: none;
  border-bottom: 1px solid #302E3E;
  color: #ddd;
}
.dark.container .board-edit .note-editor {
  background-color: #15141C;
}
.dark.container .board-edit .note-editor .note-editable {
  background-color: #15141C !important;
  color: #ddd;
}
.dark.container .board-edit input:not([readonly]):focus,
.dark.container .board-edit textarea:not([readonly]):focus {
  background-color: #232228 !important;
  color: #ddd;
  outline: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.dark.container .board-edit .webview-submit {
  background: #232228;
  margin-bottom: 0px;
  margin-top: -10px;
}
.dark.container .board-edit .webview-submit.inquiry {
  background: #15141C;
}
.dark.container .board-edit .webview-submit button {
  background: #8053FF;
}
.dark.container .left-aside {
  border-right: 0px;
}
.dark.container .mobile-board-content .management {
  border-top: 1px solid #302E3E;
}
.dark.container .mobile-board-content .management a {
  color: #9a9a9a;
  border-left: 1px solid #302E3E;
}
.dark.container .mobile-board-content .management a.edit {
  border-left: 1px solid #302E3E;
  border-right: 1px solid #302E3E;
  color: #9a9a9a;
}
@media (max-width: 799px) {
  .dark.container community-header .customer-center-header .header-bg,
  .dark.container customer-center-header .customer-center-header .header-bg {
    background-image: url(/assets/img/board/customer-bg-m-dark.png);
  }
}
@media (max-width: 799px) {
  .dark.container community-header .community-header .header-bg,
  .dark.container customer-center-header .community-header .header-bg {
    background-image: url(/assets/img/board/community-bg-m-dark.png);
  }
}
.dark.container community-header .top-content .community .attendance-info,
.dark.container customer-center-header .top-content .community .attendance-info,
.dark.container community-header .top-content .customer-center .attendance-info,
.dark.container customer-center-header .top-content .customer-center .attendance-info,
.dark.container community-header .top-content .community .inquiry-info,
.dark.container customer-center-header .top-content .community .inquiry-info,
.dark.container community-header .top-content .customer-center .inquiry-info,
.dark.container customer-center-header .top-content .customer-center .inquiry-info {
  background: #26242C;
}
.dark.container community-header .top-content .community .attendance-btn button,
.dark.container customer-center-header .top-content .community .attendance-btn button,
.dark.container community-header .top-content .customer-center .attendance-btn button,
.dark.container customer-center-header .top-content .customer-center .attendance-btn button {
  background: #4682C8;
}
.dark.container community-header .top-content .community .inquiry-btn a,
.dark.container customer-center-header .top-content .community .inquiry-btn a,
.dark.container community-header .top-content .customer-center .inquiry-btn a,
.dark.container customer-center-header .top-content .customer-center .inquiry-btn a {
  background: #3B3844;
}
.dark.container community-header .top-box .box,
.dark.container customer-center-header .top-box .box {
  background: #2A2930;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.08);
  border: none;
}
.dark.container community-header .top-box .box .title,
.dark.container customer-center-header .top-box .box .title {
  color: #708FFF;
}
.dark.container community-header .top-box .box .subject,
.dark.container customer-center-header .top-box .box .subject,
.dark.container community-header .top-box .box .content,
.dark.container customer-center-header .top-box .box .content,
.dark.container community-header .top-box .box .nick,
.dark.container customer-center-header .top-box .box .nick {
  color: #eeeeee;
}
.dark.container .category-area .my-list-dot {
  background-image: url(/assets/img/form/new-btns-dark.svg);
}
.dark.container .category-area .category span {
  color: #999999;
  border: 1px solid #555555;
}
.dark.container .category-area .category span:hover:not(.search) {
  border-color: #555555;
  color: #999999;
}
.dark.container .category-area .category span.on:not(.search) {
  border-color: #B39FFF;
  color: #B39FFF;
}
.dark.container .mobile-board-nav .mobile-tooltip {
  background: #312F41;
  border: 1px solid #9584FF;
  color: #9584FF;
}
.dark.container .mobile-board-nav .mobile-tooltip .arrow {
  background: url(/assets/img/board/ic-arrow-tooltip-dark.svg) no-repeat center;
}
.dark.container .mobile-board-nav .left button i.down {
  background: url('/assets/img/board/ic-round-down-dark.svg') left center no-repeat;
}
.dark.container .mobile-board-nav .left button i.up {
  background: url('/assets/img/board/ic-round-up-dark.svg') left center no-repeat;
}
.dark.container .mobile-board-nav .left ul li {
  border-top: 1px solid #33313B;
}
.dark.container .mobile-board-nav .left ul li a {
  color: #eeeeee;
}
.dark.container .mobile-board-nav .left ul li.on a {
  color: #9584FF;
}
.dark.container .mobile-board .board-item.notice {
  background: #2A2930;
}
.dark.container .mobile-board .board-item {
  border-bottom: 1px solid #302E3E;
}
.dark.container .mobile-board .board-item .content .title,
.dark.container .mobile-board .board-item .content .preview,
.dark.container .mobile-board .board-item .content .avatar {
  color: #EEEEEE;
}
.dark.container .mobile-board .board-item .count,
.dark.container .mobile-board .board-item .like {
  color: #EEEEEE;
}
.dark.container .faq-filter span {
  border: 1px solid #555555;
  color: #999999;
}
.dark.container .faq-filter span:hover,
.dark.container .faq-filter span.active {
  color: #B39FFF;
  border: 1px solid #B39FFF;
}
.dark.container.wide.talk {
  border: none;
}
.dark.container.wide .board-item-bottom {
  border-top: 1px solid #302E3E;
}
.dark.container.wide .board-item-bottom .mobile-tooltip {
  background-color: #312F41;
  color: #9584FF;
  border: 1px solid #9584FF;
}
.dark.container.wide .board-item-bottom .mobile-tooltip .arrow {
  background: url(/assets/img/board/ic-arrow-tooltip-dark.svg) no-repeat center;
}
.dark.container.wide .board-item-bottom .like-img-warp .like-img {
  background: url(/assets/img/board/ic-like-dark.svg) no-repeat center;
}
.dark.my-point {
  background-color: #15141C !important;
}
.dark notice-view .board-footer {
  background: #15141C;
}
.dark.board-footer {
  background: #232228;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.dark.board-footer span a {
  color: #cccccc;
}
.dark.board-footer span.prev a {
  padding-left: 48px;
  background: url(/assets/img/board/dark-btn-prev.svg) left bottom no-repeat;
}
.dark.board-footer span.prev a.disable {
  color: #ddd;
  cursor: inherit;
}
.dark.board-footer span.prev a.disable:hover {
  background-image: url('/assets/img/board/dark-btn-prev.png');
}
.dark.board-footer span.next a {
  padding-right: 48px;
  background: url(/assets/img/board/dark-btn-next.svg) right bottom no-repeat;
}
.dark.board-footer span.next a.disable {
  color: #ddd;
  cursor: inherit;
}
.dark.board-footer span.next a.disable:hover {
  background-image: url('/assets/img/board/dark-btn-next.png');
}
.dark.board-footer span.next a.disable {
  color: #666666;
  cursor: inherit;
}
.dark.board-footer span.prev:after,
.dark.board-footer span.next:before {
  color: #444;
}
.dark .backdrop {
  opacity: 0 !important;
}
.btn-nice-check {
  width: 210px;
  height: 46px;
  border-radius: 5px !important;
  padding: 10px;
  background-color: #FFFFFF;
  border: 1px solid #222222;
  font-weight: 700;
  font-size: 14px;
}
.btn-nice-check.retry-btn {
  border: 1px solid #999999;
  font-weight: 500;
  width: 69px;
}
@media (max-width: 799px) {
  .btn-nice-check.retry-btn {
    width: 64px;
    height: 30px;
    border: 1px solid #999999;
    font-weight: 500;
    font-size: 12px;
    padding: 0px;
  }
}
@media (max-width: 799px) {
  .btn-nice-check {
    width: 100%;
    margin-top: 10px;
    height: 54px;
  }
}
.btn-nice-check.modal-version {
  width: 275px !important;
  height: 52px !important;
  margin: 0 auto;
}
@media (max-width: 799px) {
  .btn-nice-check.modal-version {
    width: 100% !important;
  }
}
.nice-check-agree {
  color: #222;
  padding: 20px;
  background: #fff;
  line-height: 1.6;
}
.nice-check-agree .agree-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
.nice-check-agree .agree-header .title {
  font-size: 20px;
  font-weight: 500;
  margin: 0;
}
.nice-check-agree .agree-header .close-btn {
  background: transparent;
  border: 0;
  cursor: pointer;
  color: #333;
  padding: 4px;
}
.nice-check-agree .divider {
  border-top: 1px solid #222222;
  margin: 0 0 20px;
}
.nice-check-agree .divider.thin {
  margin: 40px 0 25px 0;
  border-top: 1px solid #EEEEEE;
}
.nice-check-agree .lead-desc {
  font-size: 16px;
  margin-bottom: 20px;
  color: #222222;
}
.nice-check-agree .agree-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 11px;
  border: 1px solid #DDDDDD;
  margin-bottom: 20px;
}
.nice-check-agree .agree-table th,
.nice-check-agree .agree-table td {
  padding: 12px;
  border: 1px solid #DDDDDD;
  text-align: left;
  vertical-align: top;
}
.nice-check-agree .agree-table thead th {
  background: #F5F5F5;
  font-weight: 500;
  color: #666666;
}
.nice-check-agree .agree-table tbody td {
  font-weight: 400;
  color: #666666;
}
.nice-check-agree .agree-table tbody tr:last-child td {
  border-bottom: none;
}
.nice-check-agree .agree-desc {
  font-size: 16px;
  margin-bottom: 20px;
  color: #222222;
}
.nice-check-agree .agree-check {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #444;
  cursor: pointer;
  gap: 8px;
  user-select: none;
}
.nice-check-agree .agree-check input {
  display: none;
}
.nice-check-agree .btn-wrap {
  margin-top: 24px;
}
.nice-check-agree .btn-nice-go {
  width: 335px;
  height: 52px;
  font-size: 16px;
  font-weight: 700;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.2s;
  margin: 0 auto;
}
@media (max-width: 799px) {
  .nice-check-agree .btn-nice-go {
    border-radius: 0px;
  }
}
.nice-check-agree .btn-nice-go[disabled] {
  background: #dddddd;
  color: #FFFFFF;
  cursor: not-allowed;
}
.nice-check-agree .btn-nice-go:not([disabled]) {
  background: #111;
  color: #fff;
}
.nice-check-agree .btn-nice-go:not([disabled]):active {
  transform: translateY(1px);
}
/*##################################################################
    # media query
##################################################################*/
/* 진짜 작은 기기들 (스마트폰) */
/*###########################
    # set Main color
###########################*/
/*###########################
    # set Point color
###########################*/
/*###########################
    # set Font color
###########################*/
/*###########################
    # set Buttons background color
###########################*/
/*###########################
    # set Button border color
###########################*/
/*###########################
    # set Campaign Card color
###########################*/
/*###########################
    # set Tabs border color
###########################*/
/*###########################
    # set Filter border color
###########################*/
/*###########################
    # set Size
###########################*/
/*###########################
    # dark mode color
###########################*/
@font-face {
  font-family: 'WorkSans';
  font-style: normal;
  font-weight: bold;
  src: url('/assets/fonts/WorkSans-Bold.ttf');
}
@font-face {
  font-family: 'WorkSans';
  font-style: normal;
  font-weight: 500;
  src: url('/assets/fonts/WorkSans-Medium.ttf');
}
/* Poppins */
@font-face {
  font-family: 'Poppins', sans-serif;
  src: url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap');
}
@font-face {
  font-family: 'Pretendard';
  src: url('/assets/fonts/Pretendard-Thin.woff2') format('woff2');
  font-weight: 100;
  ascent-override: 105%;
  descent-override: 25%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'Pretendard';
  src: url('/assets/fonts/Pretendard-ExtraLight.woff2') format('woff2');
  font-weight: 200;
  ascent-override: 105%;
  descent-override: 25%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'Pretendard';
  src: url('/assets/fonts/Pretendard-Light.woff2') format('woff2');
  font-weight: 300;
  ascent-override: 105%;
  descent-override: 25%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'Pretendard';
  src: url('/assets/fonts/Pretendard-Regular.woff2') format('woff2');
  font-weight: 400;
  ascent-override: 105%;
  descent-override: 25%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'Pretendard';
  src: url('/assets/fonts/Pretendard-Medium.woff2') format('woff2');
  font-weight: 500;
  ascent-override: 105%;
  descent-override: 25%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'Pretendard';
  src: url('/assets/fonts/Pretendard-SemiBold.woff2') format('woff2');
  font-weight: 600;
  ascent-override: 105%;
  descent-override: 25%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'Pretendard';
  src: url('/assets/fonts/Pretendard-Bold.woff2') format('woff2');
  font-weight: 700;
  ascent-override: 105%;
  descent-override: 25%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'Pretendard';
  src: url('/assets/fonts/Pretendard-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  ascent-override: 105%;
  descent-override: 25%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'Pretendard';
  src: url('/assets/fonts/Pretendard-Black.woff2') format('woff2');
  font-weight: 900;
  ascent-override: 105%;
  descent-override: 25%;
  line-gap-override: 0%;
}
.new-badge-modal p {
  margin-top: 10px;
}
.new-badge-modal p strong {
  color: #5c19dd;
}
.new-badge-modal img {
  max-width: 100px;
}
.revu-select {
  margin: 0 auto;
}
.revu-select .md {
  display: none;
}
.revu-select .lg {
  display: none;
}
.revu-select img {
  width: 100%;
}
.revu-select .evt-visiable-lg {
  display: none;
}
.revu-select hr {
  margin: 0 10px;
  border-color: #222;
}
.revu-select .item {
  display: flex;
  position: relative;
}
.revu-select .item .brand {
  display: none;
  font-family: 'Poppins', sans-serif;
}
.revu-select .item .content {
  margin: 25px 20px;
}
.revu-select .item .event-title {
  font-size: 18px;
}
.revu-select .item .event-desc {
  font-family: 'Poppins', sans-serif;
  margin: 10px 0;
  font-size: 12px;
  color: #9D9D9D;
}
.revu-select .item .cta {
  padding-top: 10px;
}
.revu-select .item .btn {
  position: relative;
  width: 100%;
  background: #222;
  color: #fff;
  text-align: left;
  font-size: 10px;
}
.revu-select .item .btn.bordered {
  background: transparent;
  border: 1px solid #222;
  color: #222;
}
.revu-select .item .btn.bordered::after {
  background: url(/assets/img/revu-select/long-arrow-black.svg) no-repeat;
}
.revu-select .item .btn::after {
  content: '';
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 8px;
  background: url(/assets/img/revu-select/long-arrow-white.svg) no-repeat;
}
.revu-select .item .event {
  margin-top: 30px;
  width: 100%;
}
.event-info {
  background-color: #5C19DD;
  padding: 50px;
}
.event-info .info-container {
  max-width: 360px;
  margin: 0 auto;
}
.event-info article {
  max-width: 230px;
  margin: 50px auto 0;
}
.event-info article img {
  max-width: 182px;
}
.event-info p {
  color: #fff;
}
.event-info .opacity-7 {
  opacity: 0.7;
}
.event-info strong {
  font-weight: 400;
}
.event-info .title {
  margin: 0 42px;
  color: #fff;
  font-size: 23px;
  letter-spacing: 0.11px;
  text-align: center;
}
.event-info .f-w-100 {
  font-weight: 100;
}
.overflow-hidden {
  overflow: hidden;
}
@media screen and (min-width: 481px) {
  .revu-select {
    max-width: 455px;
  }
  .revu-select .sm {
    display: none;
  }
  .revu-select .md {
    display: initial;
  }
  .revu-select hr {
    margin: 0;
  }
  .revu-select .item.reverse .brand {
    left: unset;
    right: -50px;
    z-index: 2;
    align-items: flex-start;
  }
  .revu-select .item.reverse .num {
    position: relative;
  }
  .revu-select .item.reverse .img-md {
    position: relative;
    z-index: 1;
  }
  .revu-select .item.reverse .evt-hidden-lg {
    padding-left: unset;
    padding-right: 10px;
  }
  .revu-select .item .brand {
    display: flex;
    position: absolute;
    top: 0;
    left: -24px;
    transform: rotate(90deg);
    transform-origin: 20px 50px;
    align-items: flex-end;
  }
  .revu-select .item .num {
    font-size: 35px;
    line-height: 35px;
    font-weight: 500;
    transform: rotate(-90deg);
  }
  .revu-select .item .new-brand {
    color: #5C19DD;
    font-size: 10px;
    text-transform: uppercase;
    margin: 0;
  }
  .revu-select .item .new-brand::before {
    content: '-';
    padding-right: 5px;
  }
  .revu-select .item .content {
    display: flex;
    justify-content: space-between;
    margin-left: 5px;
    margin-right: 5px;
  }
  .revu-select .item .evt-hidden-lg {
    padding-left: 30px;
  }
  .event-info .info-container {
    max-width: 455px;
  }
  .event-info .title {
    text-align: left;
  }
  .event-info .list-articles {
    display: flex;
  }
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
  .revu-select .item {
    justify-content: flex-end;
  }
  .revu-select .item .btn {
    padding-right: 40px;
  }
  .revu-select .item .btn.bordered::after {
    background: url(/assets/img/revu-select/short-arrow-black.svg) no-repeat;
  }
  .revu-select .item .btn::after {
    right: 14px;
    width: 16px;
    background: url(/assets/img/revu-select/short-arrow-white.svg) no-repeat;
  }
}
@media screen and (min-width: 1025px) {
  .revu-select {
    max-width: 1330px;
  }
  .revu-select .md {
    display: none;
  }
  .revu-select .lg {
    display: block;
  }
  .revu-select hr:first-child {
    display: none;
  }
  .revu-select .item {
    margin-bottom: 20px;
  }
  .revu-select .item.reverse .brand {
    right: -110px;
    align-items: flex-start;
  }
  .revu-select .item.reverse .event {
    position: relative;
    flex-direction: row-reverse;
  }
  .revu-select .item.fourth .event {
    flex-direction: column;
  }
  .revu-select .item.fourth .detail-ct .content {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
  .revu-select .item.fourth .detail-ct .text {
    margin-bottom: 0;
  }
  .revu-select .item.fourth .detail-ct .cta {
    width: 500px;
  }
  .revu-select .item.fourth .lg-img {
    max-width: unset;
  }
  .revu-select .item .brand {
    left: -48px;
    transform-origin: 30px 80px;
  }
  .revu-select .item .new-brand {
    font-size: 17px;
  }
  .revu-select .item .new-brand::before {
    content: '_';
  }
  .revu-select .item .num {
    font-size: 88px;
    line-height: 88px;
  }
  .revu-select .item .event {
    display: flex;
    justify-content: space-between;
    flex: 1;
  }
  .revu-select .item .lg-img {
    padding: 20px 40px 20px 20px;
    max-width: 768px;
    max-height: 680px;
  }
  .revu-select .item .detail-ct {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .revu-select .item .sub-img {
    padding: 0 20px;
  }
  .revu-select .item .sub-img img {
    width: 242px;
    height: 336px;
    object-fit: contain;
  }
  .revu-select .item .content {
    flex: 1;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 0;
  }
  .revu-select .item .content .text {
    margin-bottom: 50px;
  }
  .revu-select .item .content .event-title {
    font-size: 33px;
  }
  .revu-select .item .content .event-desc {
    font-size: 17px;
  }
  .revu-select .item .content .btn {
    font-size: 16px;
  }
  .revu-select .evt-visiable-lg {
    display: flex;
  }
  .revu-select .evt-hidden-lg {
    display: none;
  }
  .event-info .info-container {
    max-width: 1330px;
    display: flex;
    justify-content: space-between;
  }
  .event-info .title {
    width: 312px;
    font-size: 42px;
  }
  .event-info article {
    margin-left: 50px;
    margin-right: 50px;
    max-width: 320px;
  }
  .event-info article img {
    max-width: 314px;
  }
}
.revu-select-header .select-header-container {
  margin: 0 auto;
}
.revu-select-header .select-header-brand {
  margin-top: 30px;
}
.select-header-title {
  color: #5C19DD;
  font-size: 10px;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: bold;
}
.select-header-logan {
  color: #222222;
  font-size: 41px;
  font-weight: 100;
  padding-top: 40px;
  font-family: 'Poppins', sans-serif;
  line-height: 1.2;
}
.select-header-logan span {
  font-weight: bold;
}
.select-header-desc {
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
}
.brand-item {
  padding: 0px 6px 0px 0px;
}
.brand-item span {
  font-size: 10px;
  font-family: 'Poppins', sans-serif;
  cursor: pointer;
}
.footer-container .select-footer-container {
  margin: 0 auto;
}
.footer-container .select-footer-container .m {
  display: block;
}
.select-notice {
  display: none;
}
@media screen and (max-width: 480px) {
  .revu-select-header {
    padding: 42px 20px 0 20px;
  }
  .header-brand-list {
    padding-bottom: 20px;
  }
  .brand-item {
    display: inline-block;
  }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  .brand-item {
    display: inline-block;
  }
}
@media screen and (min-width: 769px) {
  .select-header-container {
    display: flex;
    justify-content: space-between;
  }
  .revu-select-header .select-header-brand {
    margin-top: 0;
  }
  .revu-select-header .header-brand-list {
    padding-top: 40px;
  }
  .select-header-desc {
    padding-top: 30px;
  }
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
  .revu-select-header {
    padding-top: 52px;
    padding-bottom: 50px;
    max-width: 455px;
    margin: 0 auto;
  }
  .select-header-title {
    font-size: 14px;
  }
  .footer-container .select-footer-container {
    max-width: 455px;
  }
}
@media screen and (min-width: 1025px) {
  .revu-select-header {
    max-width: 1330px;
    padding-top: 72px;
    margin: 0 auto;
  }
  .revu-select-header .select-header-container {
    display: flex;
  }
  .header-brand-list {
    padding-top: 60px;
  }
  .brand-item {
    padding-bottom: 6px;
  }
  .brand-item span {
    font-size: 15px;
    padding-top: 6px;
  }
  .brand-desc {
    display: block;
  }
  .footer-container .select-footer-container {
    max-width: 1330px;
  }
  .notice {
    display: block;
  }
  .select-header-title {
    font-size: 20px;
  }
  .select-header-logan {
    font-size: 62px;
    line-height: 70px;
  }
  .select-header-desc {
    font-size: 25px;
    padding-top: 30px;
  }
  .select-header-brand {
    flex-basis: 21%;
  }
}
.select-notice {
  margin: 0 20px;
  border-bottom: 1px solid #000;
}
.select-notice p {
  color: #A2A2A2;
  font-size: 11px;
  margin: 0 20px;
  padding: 60px 40px 20px 40px;
  text-align: right;
}
@media (min-width: 992px) and (max-width: 1024px) {
  footer.common-footer .footer-container .visible-footer-block.select-visible-footer {
    display: none !important;
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* Slider */
/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  z-index: 2;
  display: block;
  width: 30px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  /*
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    */
  padding: 0;
  border: none;
  outline: none;
  margin-top: (80px / 2 * -1) - 10;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.slick-prev:before,
.slick-next:before {
  font-family: "FontAwesome";
  font-size: 80px;
  line-height: 1;
  color: #FFFFFF;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev {
  left: 25px;
}
.slick-prev[dir="rtl"] {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "\F104" !important;
}
.slick-next {
  right: 25px;
}
.slick-next[dir="rtl"] {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "\F105" !important;
}
/* Dots */
.slick-dotted .slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: relative;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin-bottom: 10px;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\F111";
  width: 20px;
  height: 20px;
  font-family: "FontAwesome";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: #000000;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #000000;
  opacity: 0.75;
}
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/* Generated by grunt-webfont */
/* Based on https://github.com/endtwist/fontcustom/blob/master/lib/fontcustom/templates/fontcustom.css */
@font-face {
  font-family: "summernote";
  src: url("/assets/fonts/summernote.eot?ad8d7e2d177d2473aecd9b35d16211fb");
  src: url("/assets/fonts/summernote.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/summernote.woff?ad8d7e2d177d2473aecd9b35d16211fb") format("woff"), url("/assets/fonts/summernote.ttf?ad8d7e2d177d2473aecd9b35d16211fb") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* Bootstrap Overrides */
[class^="note-icon-"]:before,
[class*=" note-icon-"]:before {
  display: inline-block;
  vertical-align: middle;
  font: normal normal normal 14px summernote;
  font-size: inherit;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Icons */
.note-icon-align-center:before {
  content: "\F101";
}
.note-icon-align-indent:before {
  content: "\F102";
}
.note-icon-align-justify:before {
  content: "\F103";
}
.note-icon-align-left:before {
  content: "\F104";
}
.note-icon-align-outdent:before {
  content: "\F105";
}
.note-icon-align-right:before {
  content: "\F106";
}
.note-icon-align:before {
  content: "\F107";
}
.note-icon-arrows-alt:before {
  content: "\F108";
}
.note-icon-bold:before {
  content: "\F109";
}
.note-icon-caret:before {
  content: "\F10A";
}
.note-icon-chain-broken:before {
  content: "\F10B";
}
.note-icon-circle:before {
  content: "\F10C";
}
.note-icon-close:before {
  content: "\F10D";
}
.note-icon-code:before {
  content: "\F10E";
}
.note-icon-eraser:before {
  content: "\F10F";
}
.note-icon-font:before {
  content: "\F110";
}
.note-icon-frame:before {
  content: "\F111";
}
.note-icon-italic:before {
  content: "\F112";
}
.note-icon-link:before {
  content: "\F113";
}
.note-icon-magic:before {
  content: "\F114";
}
.note-icon-menu-check:before {
  content: "\F115";
}
.note-icon-minus:before {
  content: "\F116";
}
.note-icon-orderedlist:before {
  content: "\F117";
}
.note-icon-pencil:before {
  content: "\F118";
}
.note-icon-picture:before {
  content: "\F119";
}
.note-icon-question:before {
  content: "\F11A";
}
.note-icon-redo:before {
  content: "\F11B";
}
.note-icon-special-character:before {
  content: "\F11C";
}
.note-icon-square:before {
  content: "\F11D";
}
.note-icon-strikethrough:before {
  content: "\F11E";
}
.note-icon-subscript:before {
  content: "\F11F";
}
.note-icon-summernote:before {
  content: "\F120";
}
.note-icon-superscript:before {
  content: "\F121";
}
.note-icon-table:before {
  content: "\F122";
}
.note-icon-text-height:before {
  content: "\F123";
}
.note-icon-trash:before {
  content: "\F124";
}
.note-icon-underline:before {
  content: "\F125";
}
.note-icon-undo:before {
  content: "\F126";
}
.note-icon-unorderedlist:before {
  content: "\F127";
}
.note-icon-video:before {
  content: "\F128";
}
/* Theme Variables
 ------------------------------------------*/
/* Layout
 ------------------------------------------*/
.note-editor {
  position: relative;
  /* dropzone */
}
.note-editor .note-dropzone {
  position: absolute;
  display: none;
  z-index: 100;
  color: lightskyblue;
  background-color: white;
  opacity: 0.95;
}
.note-editor .note-dropzone .note-dropzone-message {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
}
.note-editor .note-dropzone.hover {
  color: #098ddf;
}
.note-editor.dragover .note-dropzone {
  display: table;
}
.note-editor .note-editing-area {
  position: relative;
}
.note-editor .note-editing-area .note-editable {
  outline: none;
}
.note-editor .note-editing-area .note-editable sup {
  vertical-align: super;
}
.note-editor .note-editing-area .note-editable sub {
  vertical-align: sub;
}
.note-editor .note-editing-area .note-editable p {
  margin: 0;
}
.note-editor .note-editing-area .note-editable img {
  max-width: 100%;
}
@media (max-width: 799px) {
  .category-ad .note-editable {
    min-height: 530px !important;
  }
}
/* Frame mode layout
------------------------------------------*/
.note-editor.note-frame {
  border: 1px solid #ddd;
  border-radius: 0;
  padding: 0;
  /* codeview mode */
  /* fullscreen mode */
  /* statusbar */
}
@media (max-width: 799px) {
  .note-editor.note-frame {
    border: 0;
  }
}
.note-editor.note-frame.codeview .note-editing-area .note-editable {
  display: none;
}
.note-editor.note-frame.codeview .note-editing-area .note-codable {
  display: block;
}
.note-editor.note-frame .note-editing-area {
  overflow: hidden;
  /* editable */
  /* codeable */
}
.note-editor.note-frame .note-editing-area .note-editable {
  background-color: #fff;
  color: #222;
  padding: 15px;
  font-weight: 500;
  line-height: 23px;
  overflow: auto;
  height: fit-content !important;
  min-height: 500px;
  border: 1px solid #ddd;
  margin-top: 8px;
}
.note-editor.note-frame .note-editing-area .note-editable[contenteditable="false"] {
  background-color: #e5e5e5;
}
@media (max-width: 799px) {
  .note-editor.note-frame .note-editing-area .note-editable {
    min-height: 200px;
    border-radius: 3px;
  }
}
.note-editor.note-frame .note-editing-area .note-codable {
  display: none;
  width: 100%;
  padding: 10px;
  border: none;
  box-shadow: none;
  font-family: Menlo, Monaco, monospace, sans-serif;
  font-size: 14px;
  color: #ccc;
  background-color: #222;
  resize: none;
  /* override BS2 default style */
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin-bottom: 0;
}
.note-editor.note-frame.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  z-index: 1050;
  /* bs3 modal-backdrop: 1030, bs2: 1040 */
}
.note-editor.note-frame.fullscreen .note-editable {
  background-color: white;
}
.note-editor.note-frame.fullscreen .note-resizebar {
  display: none;
}
.note-editor.note-frame .note-statusbar {
  background-color: #f5f5f5;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.note-editor.note-frame .note-statusbar .note-resizebar {
  padding-top: 1px;
  height: 8px;
  width: 100%;
  cursor: ns-resize;
}
@media (max-width: 799px) {
  .note-editor.note-frame .note-statusbar .note-resizebar {
    display: none;
  }
}
.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
  width: 20px;
  margin: 1px auto;
  border-top: 1px solid #ddd;
}
.note-editor.note-frame .note-placeholder {
  padding: 15px;
}
/* Popover
------------------------------------------*/
.note-popover.popover {
  max-width: none;
}
.note-popover.popover .popover-content a {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* for FF */
  vertical-align: middle;
  /* for FF */
}
.note-popover.popover .arrow {
  left: 20px !important;
}
/* Popover and Toolbar (Button container)
------------------------------------------*/
.note-popover .popover-content,
.panel-heading.note-toolbar {
  margin: 0;
  padding: 0 0 5px 5px;
  /* dropdown-menu for toolbar and popover */
  /* color palette for toolbar and popover */
}
.note-popover .popover-content > .btn-group,
.panel-heading.note-toolbar > .btn-group {
  margin-top: 5px;
  margin-left: 0;
  margin-right: 5px;
}
.note-popover .popover-content .btn-group .note-table,
.panel-heading.note-toolbar .btn-group .note-table {
  min-width: 0;
  padding: 5px;
}
.note-popover .popover-content .btn-group .note-table .note-dimension-picker,
.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker {
  font-size: 18px;
}
.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,
.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
  position: absolute !important;
  z-index: 3;
  width: 10em;
  height: 10em;
  cursor: pointer;
}
.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,
.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
  position: relative !important;
  z-index: 1;
  width: 5em;
  height: 5em;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat;
}
.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,
.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {
  position: absolute !important;
  z-index: 2;
  width: 1em;
  height: 1em;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat;
}
.note-popover .popover-content .note-style h1,
.panel-heading.note-toolbar .note-style h1,
.note-popover .popover-content .note-style h2,
.panel-heading.note-toolbar .note-style h2,
.note-popover .popover-content .note-style h3,
.panel-heading.note-toolbar .note-style h3,
.note-popover .popover-content .note-style h4,
.panel-heading.note-toolbar .note-style h4,
.note-popover .popover-content .note-style h5,
.panel-heading.note-toolbar .note-style h5,
.note-popover .popover-content .note-style h6,
.panel-heading.note-toolbar .note-style h6,
.note-popover .popover-content .note-style blockquote,
.panel-heading.note-toolbar .note-style blockquote {
  margin: 0;
}
.note-popover .popover-content .note-color .dropdown-toggle,
.panel-heading.note-toolbar .note-color .dropdown-toggle {
  width: 20px;
  padding-left: 5px;
}
.note-popover .popover-content .note-color .dropdown-menu,
.panel-heading.note-toolbar .note-color .dropdown-menu {
  min-width: 340px;
}
.note-popover .popover-content .note-color .dropdown-menu .btn-group,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group {
  margin: 0;
}
.note-popover .popover-content .note-color .dropdown-menu .btn-group:first-child,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group:first-child {
  margin: 0 5px;
}
.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title {
  font-size: 12px;
  margin: 2px 7px;
  text-align: center;
  border-bottom: 1px solid #eee;
}
.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset {
  margin: 3px;
  padding: 0 3px;
  width: 100%;
  font-size: 11px;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-row,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-row {
  height: 20px;
}
.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset:hover,
.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover {
  background: #eee;
}
.note-popover .popover-content .note-para .dropdown-menu,
.panel-heading.note-toolbar .note-para .dropdown-menu {
  min-width: 216px;
  padding: 5px;
}
.note-popover .popover-content .note-para .dropdown-menu > div:first-child,
.panel-heading.note-toolbar .note-para .dropdown-menu > div:first-child {
  margin-right: 5px;
}
.note-popover .popover-content .note-alignment .dropdown-menu,
.panel-heading.note-toolbar .note-alignment .dropdown-menu {
  min-width: 215px;
  padding: 7px;
}
.note-popover .popover-content .dropdown-menu,
.panel-heading.note-toolbar .dropdown-menu {
  min-width: 90px;
  /* dropdown-menu right position */
  /* http://forrst.com/posts/Bootstrap_right_positioned_dropdown-2KB */
  /* dropdown-menu for selectbox */
}
.note-popover .popover-content .dropdown-menu.right,
.panel-heading.note-toolbar .dropdown-menu.right {
  right: 0;
  left: auto;
}
.note-popover .popover-content .dropdown-menu.right::before,
.panel-heading.note-toolbar .dropdown-menu.right::before {
  right: 9px;
  left: auto !important;
}
.note-popover .popover-content .dropdown-menu.right::after,
.panel-heading.note-toolbar .dropdown-menu.right::after {
  right: 10px;
  left: auto !important;
}
.note-popover .popover-content .dropdown-menu.note-check li a i,
.panel-heading.note-toolbar .dropdown-menu.note-check li a i {
  color: deepskyblue;
  visibility: hidden;
}
.note-popover .popover-content .dropdown-menu.note-check li a.checked i,
.panel-heading.note-toolbar .dropdown-menu.note-check li a.checked i {
  visibility: visible;
}
.note-popover .popover-content .note-fontsize-10,
.panel-heading.note-toolbar .note-fontsize-10 {
  font-size: 10px;
}
.note-popover .popover-content .note-color-palette,
.panel-heading.note-toolbar .note-color-palette {
  line-height: 1;
}
.note-popover .popover-content .note-color-palette div .note-color-btn,
.panel-heading.note-toolbar .note-color-palette div .note-color-btn {
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0;
  border: 1px solid #fff;
}
.note-popover .popover-content .note-color-palette div .note-color-btn:hover,
.panel-heading.note-toolbar .note-color-palette div .note-color-btn:hover {
  border: 1px solid #000;
}
@media (max-width: 799px) {
  .note-popover .popover-content.note-toolbar,
  .panel-heading.note-toolbar.note-toolbar {
    display: none;
  }
}
/* Dialog
------------------------------------------*/
.note-dialog > div {
  display: none;
  /* BS2's hide pacth. */
}
.note-dialog .form-group {
  /* overwrite BS's form-horizontal minus margins */
  margin-left: 0;
  margin-right: 0;
}
.note-dialog .note-modal-form {
  margin: 0;
  /* overwrite BS2's form margin bottom */
}
.note-dialog .note-image-dialog .note-dropzone {
  min-height: 100px;
  font-size: 30px;
  line-height: 4;
  /* vertical-align */
  color: lightgray;
  text-align: center;
  border: 4px dashed lightgray;
  margin-bottom: 10px;
}
@-moz-document url-prefix() {
  .note-dialog .note-image-input {
    height: auto;
  }
}
/* Placeholder
------------------------------------------*/
.note-placeholder {
  position: absolute;
  display: none;
  color: #999;
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
  /* 164.286% */
  margin-top: 8px;
}
@media (max-width: 799px) {
  .note-status-output {
    display: none;
  }
}
/* Handle
------------------------------------------*/
.note-handle {
  /* control selection */
}
.note-handle .note-control-selection {
  position: absolute;
  display: none;
  border: 1px solid black;
}
.note-handle .note-control-selection > div {
  position: absolute;
}
.note-handle .note-control-selection .note-control-selection-bg {
  width: 100%;
  height: 100%;
  background-color: black;
  filter: alpha(opacity=30);
  -webkit-opacity: 0.3;
  -khtml-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.3 * 100);
  filter: alpha(opacity=0.3 * 100);
}
.note-handle .note-control-selection .note-control-handle {
  width: 7px;
  height: 7px;
  border: 1px solid black;
}
.note-handle .note-control-selection .note-control-holder {
  width: 7px;
  height: 7px;
  border: 1px solid black;
}
.note-handle .note-control-selection .note-control-sizing {
  width: 7px;
  height: 7px;
  border: 1px solid black;
  background-color: white;
}
.note-handle .note-control-selection .note-control-nw {
  top: -5px;
  left: -5px;
  border-right: none;
  border-bottom: none;
}
.note-handle .note-control-selection .note-control-ne {
  top: -5px;
  right: -5px;
  border-bottom: none;
  border-left: none;
}
.note-handle .note-control-selection .note-control-sw {
  bottom: -5px;
  left: -5px;
  border-top: none;
  border-right: none;
}
.note-handle .note-control-selection .note-control-se {
  right: -5px;
  bottom: -5px;
  cursor: se-resize;
}
.note-handle .note-control-selection .note-control-se.note-control-holder {
  cursor: default;
  border-top: none;
  border-left: none;
}
.note-handle .note-control-selection .note-control-selection-info {
  right: 0;
  bottom: 0;
  padding: 5px;
  margin: 5px;
  color: white;
  background-color: black;
  font-size: 12px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  filter: alpha(opacity=70);
  -webkit-opacity: 0.7;
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.7 * 100);
  filter: alpha(opacity=0.7 * 100);
}
.note-hint-popover {
  min-width: 100px;
  padding: 0;
  box-shadow: none;
  border: 1px solid #ddd;
  border-radius: 2px;
}
.note-hint-popover .popover-content {
  padding: 3px;
  max-height: 150px;
  overflow: auto;
}
.note-hint-popover .popover-content .note-hint-group .note-hint-item {
  display: block !important;
  padding: 3px;
  color: #222;
}
.note-hint-popover .popover-content .note-hint-group .note-hint-item.active,
.note-hint-popover .popover-content .note-hint-group .note-hint-item:hover {
  display: block;
  clear: both;
  font-weight: 400;
  line-height: 1.4;
  white-space: nowrap;
  text-decoration: none;
  color: #fff;
  background-color: #ff6d0f;
  outline: 0;
  cursor: pointer;
}
.note-desc {
  color: #999;
  font-size: 12px;
  font-weight: 400;
  margin: 0 0 30px;
}
.inquiry-mobile-button {
  width: 100%;
  border-radius: 0;
  background: #E5E5E5;
  padding: 13px 0;
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
  margin-top: 20px;
}
.inquiry-mobile-button:hover {
  color: #FFF;
}
summer-note .note-editor.panel {
  margin: 0 0 8px 0;
}
ai-chat.page .chat-area,
ai-chat.chat-popup .chat-area {
  background-color: #F0EFFA;
  min-height: 604px;
  display: flow-root;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  height: 637px;
}
ai-chat.page .chat-area .chat-title,
ai-chat.chat-popup .chat-area .chat-title {
  background-color: #2F2E38;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  padding: 14px 15px;
  position: relative;
}
ai-chat.page .chat-area .chat-title img,
ai-chat.chat-popup .chat-area .chat-title img {
  width: 15px;
  height: 15px;
  float: right;
  margin-top: 4px;
  cursor: pointer;
}
ai-chat.page .chat-area .chat-title span,
ai-chat.chat-popup .chat-area .chat-title span {
  font-weight: 700;
}
ai-chat.page .chat-area .chat-title .cache-clear,
ai-chat.chat-popup .chat-area .chat-title .cache-clear {
  cursor: pointer;
  transition: font-size 0.3s ease;
}
ai-chat.page .chat-area .chat-title .cache-clear:hover,
ai-chat.chat-popup .chat-area .chat-title .cache-clear:hover {
  font-size: 2.5rem;
}
ai-chat.page .chat-area .chat-title .beta,
ai-chat.chat-popup .chat-area .chat-title .beta {
  width: 42px;
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
}
ai-chat.page .chat-area .search-container,
ai-chat.chat-popup .chat-area .search-container {
  padding-top: 20px;
  margin: 0 auto;
  width: 100%;
  max-width: 900px;
  text-align: center;
  height: 605px;
  overflow-y: auto;
  padding-right: 10px;
  transition: height 0.5s ease;
  /* 완료 후 스크롤바를 숨기되 영역은 유지하는 클래스 */
  /* 클릭된 이미지 스타일 */
  /* 클릭된 이미지 스타일 */
  /* 비클릭된 이미지 스타일 */
}
ai-chat.page .chat-area .search-container.activeRecommend,
ai-chat.chat-popup .chat-area .search-container.activeRecommend {
  height: 400px;
}
ai-chat.page .chat-area .search-container::-webkit-scrollbar,
ai-chat.chat-popup .chat-area .search-container::-webkit-scrollbar {
  width: 10px;
}
ai-chat.page .chat-area .search-container::-webkit-scrollbar-thumb,
ai-chat.chat-popup .chat-area .search-container::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px;
  /* 스크롤바 둥근 테두리 */
}
ai-chat.page .chat-area .search-container::-webkit-scrollbar-track,
ai-chat.chat-popup .chat-area .search-container::-webkit-scrollbar-track {
  background: #F0EFFA !important;
  /* 스크롤바 뒷 배경 색상 */
}
ai-chat.page .chat-area .search-container.hide-scrollbar,
ai-chat.chat-popup .chat-area .search-container.hide-scrollbar {
  overflow-y: scroll;
  /* 스크롤은 가능하도록 하면서 */
  scrollbar-width: none;
  /* Firefox에서 스크롤바 숨김 */
  -ms-overflow-style: none;
  /* IE, Edge에서 스크롤바 숨김 */
  scrollbar-gutter: stable;
  /* 스크롤바 공간은 확보 (지원 브라우저) */
}
ai-chat.page .chat-area .search-container.hide-scrollbar::-webkit-scrollbar,
ai-chat.chat-popup .chat-area .search-container.hide-scrollbar::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari 등에서 스크롤바 숨김 */
}
ai-chat.page .chat-area .search-container .qa-item,
ai-chat.chat-popup .chat-area .search-container .qa-item {
  padding: 0 20px;
}
ai-chat.page .chat-area .search-container .qa-item .question,
ai-chat.chat-popup .chat-area .search-container .qa-item .question {
  text-align: left;
  background-color: #5C19DD;
  color: #ffffff;
  border-radius: 15px;
  display: inline-block;
  clear: both;
  position: relative;
  font-size: 12px;
  float: right;
  min-height: 50px;
  padding: 15px;
  margin-bottom: 30px;
  word-break: auto-phrase;
  max-width: 360px;
}
ai-chat.page .chat-area .search-container .qa-item .bot,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot {
  text-align: left;
  float: right;
  width: 100%;
}
ai-chat.page .chat-area .search-container .qa-item .bot.lasted,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot.lasted {
  padding-bottom: 50px;
}
ai-chat.page .chat-area .search-container .qa-item .bot .avatar,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .avatar {
  width: 42px;
}
ai-chat.page .chat-area .search-container .qa-item .bot .answer-text,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .answer-text {
  text-align: left;
  background-color: #FFFFFF;
  color: #222222;
  border-radius: 15px;
  padding: 15px;
  display: inline-block;
  max-width: 360px;
  clear: both;
  position: relative;
  font-size: 13px;
  left: 40px;
  top: -9px;
  margin-bottom: 10px;
}
ai-chat.page .chat-area .search-container .qa-item .bot .answer-text p.error,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .answer-text p.error {
  margin-bottom: 0px;
}
ai-chat.page .chat-area .search-container .qa-item .bot .answer-text span,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .answer-text span {
  font-weight: 700;
}
ai-chat.page .chat-area .search-container .qa-item .bot .answer-text.category,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .answer-text.category {
  display: block;
  width: 333px;
  margin-top: 10px;
  margin-bottom: 0px;
}
ai-chat.page .chat-area .search-container .qa-item .bot .answer-text.category .campaign-btns,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .answer-text.category .campaign-btns {
  text-align: center;
  margin-top: 15px;
}
ai-chat.page .chat-area .search-container .qa-item .bot .answer-text.category .campaign-btns .campaign-type-btn,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .answer-text.category .campaign-btns .campaign-type-btn {
  cursor: pointer;
  display: inline-block;
  border: 1px solid #CCCCCC;
  border-radius: 8px;
  padding: 12px 35px;
  width: 149px;
  font-weight: 400;
}
ai-chat.page .chat-area .search-container .qa-item .bot .answer-text.category .campaign-btns .campaign-type-btn.active,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .answer-text.category .campaign-btns .campaign-type-btn.active,
ai-chat.page .chat-area .search-container .qa-item .bot .answer-text.category .campaign-btns .campaign-type-btn:hover,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .answer-text.category .campaign-btns .campaign-type-btn:hover {
  border: 1px solid #999999;
  font-weight: 700;
}
ai-chat.page .chat-area .search-container .qa-item .bot .answer-text.category.delay,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .answer-text.category.delay {
  margin-top: 10px;
  width: 347px;
  margin-bottom: -8px;
}
ai-chat.page .chat-area .search-container .qa-item .bot .answer-text.point,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .answer-text.point,
ai-chat.page .chat-area .search-container .qa-item .bot .answer-text.penalty,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .answer-text.penalty {
  margin-bottom: 12px;
}
ai-chat.page .chat-area .search-container .qa-item .bot .answer-text.point ul,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .answer-text.point ul,
ai-chat.page .chat-area .search-container .qa-item .bot .answer-text.penalty ul,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .answer-text.penalty ul {
  margin: 15px 0 0px 0px;
  padding: 10px 0 0 20px;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  line-height: 25px;
}
ai-chat.page .chat-area .search-container .qa-item .bot .answer-text.point ul li,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .answer-text.point ul li,
ai-chat.page .chat-area .search-container .qa-item .bot .answer-text.penalty ul li,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .answer-text.penalty ul li {
  list-style: disc;
}
ai-chat.page .chat-area .search-container .qa-item .bot .answer-text.point ul li span,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .answer-text.point ul li span,
ai-chat.page .chat-area .search-container .qa-item .bot .answer-text.penalty ul li span,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .answer-text.penalty ul li span {
  color: #5C19DD;
}
ai-chat.page .chat-area .search-container .qa-item .bot .answer-text.point,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .answer-text.point {
  width: 370px;
}
ai-chat.page .chat-area .search-container .qa-item .bot .answer-text.point ul,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .answer-text.point ul {
  margin: 15px 0 15px 0px;
  padding: 10px 0 10px 20px;
}
ai-chat.page .chat-area .search-container .qa-item .bot .answer-text.penalty,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .answer-text.penalty {
  margin-top: 10px;
}
ai-chat.page .chat-area .search-container .qa-item .bot .answer-text.penalty ul,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .answer-text.penalty ul {
  border-bottom: none;
}
ai-chat.page .chat-area .search-container .qa-item .bot .answer-text .loading-text,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .answer-text .loading-text {
  font-weight: 700;
  margin-bottom: 5px;
  display: block;
}
ai-chat.page .chat-area .search-container .qa-item .bot .bot-name,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .bot-name {
  background: linear-gradient(254.32deg, #FF6AE6 -17.07%, #7100E4 60.67%);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 12px;
  font-weight: 700;
  position: relative;
  top: -5px;
  left: 5px;
}
ai-chat.page .chat-area .search-container .qa-item .bot .campaign-cards,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .campaign-cards {
  width: 110%;
  overflow-x: auto;
  cursor: grab;
  /* 드래그 가능함을 시각적으로 표시 */
  padding-left: 60px;
  margin-left: -20px;
  margin-bottom: -15px;
}
ai-chat.page .chat-area .search-container .qa-item .bot .campaign-cards.none,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .campaign-cards.none {
  margin-bottom: 0px;
  margin-top: -10px;
}
ai-chat.page .chat-area .search-container .qa-item .bot .campaign-cards::-webkit-scrollbar,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .campaign-cards::-webkit-scrollbar {
  width: 5px;
}
ai-chat.page .chat-area .search-container .qa-item .bot .campaign-cards::-webkit-scrollbar-thumb,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .campaign-cards::-webkit-scrollbar-thumb {
  background: #F0EFFA;
  /* 스크롤바 색상 */
}
ai-chat.page .chat-area .search-container .qa-item .bot .campaign-cards::-webkit-scrollbar-track,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .campaign-cards::-webkit-scrollbar-track {
  background: #F0EFFA !important;
  /* 스크롤바 뒷 배경 색상 */
}
ai-chat.page .chat-area .search-container .qa-item .bot .campaign-cards.active,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .campaign-cards.active {
  cursor: grabbing;
  /* 드래그 중일 때 커서 변경 */
  user-select: none;
  /* 드래그 중 텍스트 선택 방지 */
}
ai-chat.page .chat-area .search-container .qa-item .bot .campaign-cards .card-container,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .campaign-cards .card-container {
  width: 220%;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
  justify-content: unset;
  animation: fadeInCampaignSlide 0.7s ease-in-out forwards;
}
ai-chat.page .chat-area .search-container .qa-item .bot .campaign-cards .card-container.cards-10,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .campaign-cards .card-container.cards-10 {
  width: 410%;
}
ai-chat.page .chat-area .search-container .qa-item .bot .campaign-cards .card-container.cards-9,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .campaign-cards .card-container.cards-9 {
  width: 370%;
}
ai-chat.page .chat-area .search-container .qa-item .bot .campaign-cards .card-container.cards-8,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .campaign-cards .card-container.cards-8 {
  width: 330%;
}
ai-chat.page .chat-area .search-container .qa-item .bot .campaign-cards .card-container.cards-7,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .campaign-cards .card-container.cards-7 {
  width: 289%;
}
ai-chat.page .chat-area .search-container .qa-item .bot .campaign-cards .card-container.cards-6,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .campaign-cards .card-container.cards-6 {
  width: 249%;
}
ai-chat.page .chat-area .search-container .qa-item .bot .campaign-cards .card-container.cards-5,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .campaign-cards .card-container.cards-5 {
  width: 220%;
}
ai-chat.page .chat-area .search-container .qa-item .bot .campaign-cards .card-container.cards-4,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .campaign-cards .card-container.cards-4 {
  width: 168%;
}
ai-chat.page .chat-area .search-container .qa-item .bot .campaign-cards .card-container.cards-3,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .campaign-cards .card-container.cards-3 {
  width: 126%;
}
ai-chat.page .chat-area .search-container .qa-item .bot .campaign-cards .card-container.cards-2,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .campaign-cards .card-container.cards-2,
ai-chat.page .chat-area .search-container .qa-item .bot .campaign-cards .card-container.cards-1,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .campaign-cards .card-container.cards-1 {
  width: 100%;
}
ai-chat.page .chat-area .search-container .qa-item .bot .campaign-cards .card,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .campaign-cards .card {
  background-color: #ffffff;
  border-radius: 10px;
  width: 145px;
  padding: 0px;
  position: relative;
  cursor: pointer;
  height: 201px;
  color: unset;
  -webkit-user-drag: none;
  user-select: none;
  overflow: hidden;
  text-decoration-line: unset;
}
ai-chat.page .chat-area .search-container .qa-item .bot .campaign-cards .card .label-text,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .campaign-cards .card .label-text {
  margin-top: 5px;
}
ai-chat.page .chat-area .search-container .qa-item .bot .campaign-cards .card .label-text img,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .campaign-cards .card .label-text img {
  width: 14px;
}
ai-chat.page .chat-area .search-container .qa-item .bot .campaign-cards .card .campaign-image,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .campaign-cards .card .campaign-image {
  transition: all, .4s;
}
ai-chat.page .chat-area .search-container .qa-item .bot .campaign-cards .card:hover .campaign-image,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .campaign-cards .card:hover .campaign-image {
  transform: scale(1.05);
  -ms-transform: scale(1.05);
}
ai-chat.page .chat-area .search-container .qa-item .bot .campaign-cards .card .campaign-image,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .campaign-cards .card .campaign-image {
  height: 125px;
  width: 145px;
  object-fit: cover;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-user-drag: none;
  /* Safari 및 Chrome */
  user-select: none;
  /* 텍스트 선택 방지 */
}
ai-chat.page .chat-area .search-container .qa-item .bot .campaign-cards .card-content,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .campaign-cards .card-content {
  padding: 8px;
}
ai-chat.page .chat-area .search-container .qa-item .bot .campaign-cards .card-content h4,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .campaign-cards .card-content h4 {
  font-size: 16px;
  margin: 10px 0 5px;
  color: #1d1d1f;
}
ai-chat.page .chat-area .search-container .qa-item .bot .campaign-cards .card-content p,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .campaign-cards .card-content p {
  font-size: 12px;
  color: #222222;
  margin-bottom: 0px;
}
@keyframes fadeInCampaignSlide {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes campaignSlideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
ai-chat.page .chat-area .search-container .qa-item .bot .more-campaign,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .more-campaign,
ai-chat.page .chat-area .search-container .qa-item .bot .more-penalty,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .more-penalty,
ai-chat.page .chat-area .search-container .qa-item .bot .go-inquiry,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .go-inquiry,
ai-chat.page .chat-area .search-container .qa-item .bot .go-biz,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .go-biz {
  background-color: #E5E4F4;
  border-radius: 15px;
  padding: 7px 11px;
  margin: 10px 0px 20px 40px;
  width: 100px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  height: 33px;
}
ai-chat.page .chat-area .search-container .qa-item .bot .more-campaign img,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .more-campaign img,
ai-chat.page .chat-area .search-container .qa-item .bot .more-penalty img,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .more-penalty img,
ai-chat.page .chat-area .search-container .qa-item .bot .go-inquiry img,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .go-inquiry img,
ai-chat.page .chat-area .search-container .qa-item .bot .go-biz img,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .go-biz img {
  position: relative;
  top: -3px;
  margin-left: 3px;
}
ai-chat.page .chat-area .search-container .qa-item .bot .more-campaign a,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .more-campaign a,
ai-chat.page .chat-area .search-container .qa-item .bot .more-penalty a,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .more-penalty a,
ai-chat.page .chat-area .search-container .qa-item .bot .go-inquiry a,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .go-inquiry a,
ai-chat.page .chat-area .search-container .qa-item .bot .go-biz a,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .go-biz a {
  color: #333333;
}
ai-chat.page .chat-area .search-container .qa-item .bot .more-campaign a:hover,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .more-campaign a:hover,
ai-chat.page .chat-area .search-container .qa-item .bot .more-penalty a:hover,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .more-penalty a:hover,
ai-chat.page .chat-area .search-container .qa-item .bot .go-inquiry a:hover,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .go-inquiry a:hover,
ai-chat.page .chat-area .search-container .qa-item .bot .go-biz a:hover,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .go-biz a:hover {
  text-decoration: none;
}
ai-chat.page .chat-area .search-container .qa-item .bot .go-inquiry,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .go-inquiry {
  width: 74px;
  margin-top: 0px;
}
ai-chat.page .chat-area .search-container .qa-item .bot .go-inquiry img,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .go-inquiry img {
  top: -2px;
}
ai-chat.page .chat-area .search-container .qa-item .bot .go-biz,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .go-biz {
  width: 130px;
  margin-top: 0px;
}
ai-chat.page .chat-area .search-container .qa-item .bot .more-campaign,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .more-campaign {
  margin-top: 20px;
}
ai-chat.page .chat-area .search-container .qa-item .bot .more-campaign.none,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .more-campaign.none {
  margin-top: 0px;
}
ai-chat.page .chat-area .search-container .qa-item .bot .more-inquiry,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .more-inquiry {
  background-color: #E5E4F4;
  border-radius: 15px;
  padding: 15px;
  width: 320px;
  height: 97px;
  margin-left: 40px;
  margin-bottom: 10px;
  font-size: 13px;
}
ai-chat.page .chat-area .search-container .qa-item .bot .more-inquiry .inquiry-btn,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .more-inquiry .inquiry-btn {
  margin-top: 10px;
}
ai-chat.page .chat-area .search-container .qa-item .bot .more-inquiry .inquiry-btn a,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .more-inquiry .inquiry-btn a {
  color: #333333;
  font-size: 12px;
}
ai-chat.page .chat-area .search-container .qa-item .bot .more-inquiry .inquiry-btn a:hover,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .more-inquiry .inquiry-btn a:hover {
  text-decoration: none;
}
ai-chat.page .chat-area .search-container .qa-item .bot .more-inquiry .inquiry-btn img,
ai-chat.chat-popup .chat-area .search-container .qa-item .bot .more-inquiry .inquiry-btn img {
  height: 12px;
  position: relative;
  top: -2px;
  margin-left: 3px;
}
ai-chat.page .chat-area .search-container .dots-loading,
ai-chat.chat-popup .chat-area .search-container .dots-loading {
  display: inline-block;
  position: relative;
  width: 67px;
  height: 39px;
  background-color: #ffffff;
  padding: 15px;
  border-radius: 15px;
  left: 40px;
  margin-bottom: 15px;
}
ai-chat.page .chat-area .search-container .dots-loading div,
ai-chat.chat-popup .chat-area .search-container .dots-loading div {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #222222;
  animation-timing-function: ease-in-out;
  transform: translateY(0);
  top: 17px;
}
ai-chat.page .chat-area .search-container .dots-loading div:nth-child(1),
ai-chat.chat-popup .chat-area .search-container .dots-loading div:nth-child(1) {
  left: 20px;
  animation: dots-move 2s infinite 0.1s;
}
ai-chat.page .chat-area .search-container .dots-loading div:nth-child(2),
ai-chat.chat-popup .chat-area .search-container .dots-loading div:nth-child(2) {
  left: 30px;
  animation: dots-move 2s infinite 0.3s;
}
ai-chat.page .chat-area .search-container .dots-loading div:nth-child(3),
ai-chat.chat-popup .chat-area .search-container .dots-loading div:nth-child(3) {
  left: 40px;
  animation: dots-move 2s infinite 0.5s;
}
@keyframes dots-move {
  0%,
  33.333% {
    transform: translateY(0);
  }
  16.666% {
    transform: translateY(-5px);
  }
  50%,
  100% {
    transform: translateY(0);
  }
}
ai-chat.page .chat-area .search-container.open .search-input,
ai-chat.chat-popup .chat-area .search-container.open .search-input {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 1px solid #DDDDDD;
}
ai-chat.page .chat-area .search-container.closed .search-input,
ai-chat.chat-popup .chat-area .search-container.closed .search-input {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
ai-chat.page .chat-area .search-container.closed .content,
ai-chat.chat-popup .chat-area .search-container.closed .content {
  display: none;
}
@keyframes slideDown {
  from {
    height: 0;
    opacity: 0;
  }
  to {
    height: 193px;
    opacity: 1;
  }
}
@keyframes slideUp {
  from {
    height: 193px;
    opacity: 1;
  }
  to {
    height: 0;
    opacity: 0;
  }
}
ai-chat.page .chat-area .search-container .recommend-menu-divider,
ai-chat.chat-popup .chat-area .search-container .recommend-menu-divider {
  border-top: 1px solid #DDDCEE;
  position: relative;
  top: 426px;
  margin: 0px 15px;
}
ai-chat.page .chat-area .search-container .recommend-menu,
ai-chat.chat-popup .chat-area .search-container .recommend-menu {
  width: 100%;
  position: absolute;
  overflow: hidden;
  background-color: #F0EFFA;
  border-top: none;
  height: 180px;
  text-align: left;
  z-index: 999;
  bottom: 0px;
  padding: 0px 15px 0 15px;
  margin-bottom: -15px;
}
ai-chat.page .chat-area .search-container .recommend-menu .top-title,
ai-chat.chat-popup .chat-area .search-container .recommend-menu .top-title {
  font-weight: 700;
}
ai-chat.page .chat-area .search-container .recommend-menu .content,
ai-chat.chat-popup .chat-area .search-container .recommend-menu .content {
  border-top: 1px solid #DDDCEE;
  font-size: 12px;
  font-weight: 500;
  width: 100%;
  padding-top: 20px;
}
ai-chat.page .chat-area .search-container .recommend-menu .content .questions,
ai-chat.chat-popup .chat-area .search-container .recommend-menu .content .questions {
  font-size: 12px;
  margin-top: 10px;
}
ai-chat.page .chat-area .search-container .recommend-menu .content .questions span,
ai-chat.chat-popup .chat-area .search-container .recommend-menu .content .questions span {
  display: inline-block;
  padding: 8px 15px;
  background-color: #E5E4F4;
  border-radius: 21px;
  margin: 4px 5px 4px 0;
  cursor: pointer;
  font-weight: 400;
}
ai-chat.page .chat-area .search-container .recommend-menu .content .questions span:hover,
ai-chat.chat-popup .chat-area .search-container .recommend-menu .content .questions span:hover {
  font-weight: 500;
}
ai-chat.page .chat-area .search-container .recommend-menu .content .questions span img,
ai-chat.chat-popup .chat-area .search-container .recommend-menu .content .questions span img {
  width: 14px;
  height: 14px;
  position: relative;
  top: -2px;
}
ai-chat.page .chat-area .search-container .feedback,
ai-chat.chat-popup .chat-area .search-container .feedback {
  display: inline-flex;
  justify-content: flex-end;
  margin-top: 4px;
  float: right;
  transition: visibility 0.3s ease;
}
ai-chat.page .chat-area .search-container .feedback.good div:first-child,
ai-chat.chat-popup .chat-area .search-container .feedback.good div:first-child,
ai-chat.page .chat-area .search-container .feedback.bad div:first-child,
ai-chat.chat-popup .chat-area .search-container .feedback.bad div:first-child {
  border-right: none;
}
ai-chat.page .chat-area .search-container .feedback.feedback-visible,
ai-chat.chat-popup .chat-area .search-container .feedback.feedback-visible {
  visibility: visible;
  /* 피드백 상태 활성화 시 표시 */
}
ai-chat.page .chat-area .search-container .feedback div,
ai-chat.chat-popup .chat-area .search-container .feedback div {
  padding-left: 12px;
  padding-right: 0px;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
ai-chat.page .chat-area .search-container .feedback div:first-child,
ai-chat.chat-popup .chat-area .search-container .feedback div:first-child {
  border-right: 1px solid #DDDDDD;
  padding-left: 0px;
  padding-right: 12px;
}
ai-chat.page .chat-area .search-container .feedback img,
ai-chat.chat-popup .chat-area .search-container .feedback img {
  width: 18px;
  height: 18px;
  position: relative;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
ai-chat.page .chat-area .search-container .feedback div:hover,
ai-chat.chat-popup .chat-area .search-container .feedback div:hover {
  cursor: pointer;
}
ai-chat.page .chat-area .search-container .feedback div.active img,
ai-chat.chat-popup .chat-area .search-container .feedback div.active img {
  z-index: 1;
  /* 다른 이미지 위에 표시 */
}
ai-chat.page .chat-area .search-container .feedback div.active:first-child img,
ai-chat.chat-popup .chat-area .search-container .feedback div.active:first-child img {
  z-index: 1;
  /* 다른 이미지 위에 표시 */
  animation-name: tingle;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  /*애니메이션 끝난 후에 원상복구 하지말고 정지*/
}
@keyframes tingle {
  0% {
    transform: translateX(0px);
    /* 애니메이션이 0%만큼 동작시 */
  }
  100% {
    transform: translateX(40px);
    /* 애니메이션이 100%만큼 동작시 */
  }
}
ai-chat.page .chat-area .search-container .feedback div.inactive img,
ai-chat.chat-popup .chat-area .search-container .feedback div.inactive img {
  opacity: 0;
  /* 서서히 사라지게 */
}
ai-chat.page .chat-area .search-container #rain-container,
ai-chat.chat-popup .chat-area .search-container #rain-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  z-index: 9999;
  /* 애니메이션이 다른 요소 위에 표시되도록 설정 */
}
ai-chat.page .chat-area .search-container .raindrop,
ai-chat.chat-popup .chat-area .search-container .raindrop {
  position: absolute;
  bottom: 100%;
  width: 2px;
  height: 15px;
  background: rgba(174, 194, 224, 0.5);
  animation: rain 1s linear infinite;
}
@keyframes rain {
  to {
    transform: translateY(100vh);
    opacity: 0;
  }
}
ai-chat.page .chat-area .search-container .messages,
ai-chat.chat-popup .chat-area .search-container .messages {
  margin-top: 25px;
}
ai-chat.page .chat-area .search-container .messages.init,
ai-chat.chat-popup .chat-area .search-container .messages.init {
  margin-top: 0px;
}
ai-chat.page .chat-area .search-container .messages.user,
ai-chat.chat-popup .chat-area .search-container .messages.user {
  text-align: right;
  padding-right: 12px;
}
ai-chat.page .chat-area .search-container .messages .user-message,
ai-chat.chat-popup .chat-area .search-container .messages .user-message {
  text-align: center;
  padding: 20px;
  background-color: #EDEBFC;
  border-radius: 15px;
  display: inline-block;
  font-size: 0.9375rem;
  font-weight: 500;
  position: relative;
}
ai-chat.page .chat-area .search-container .messages .user-message .right-bubble,
ai-chat.chat-popup .chat-area .search-container .messages .user-message .right-bubble {
  position: absolute;
  top: 95px;
  left: 876px;
}
ai-chat.page .chat-area .search-container .messages .bot,
ai-chat.chat-popup .chat-area .search-container .messages .bot {
  width: fit-content;
  text-align: left;
}
ai-chat.page .chat-area .search-container .messages .bot .avatar,
ai-chat.chat-popup .chat-area .search-container .messages .bot .avatar {
  width: 35px;
  height: 35px;
}
ai-chat.page .chat-area .search-container .messages .bot .bot-name,
ai-chat.chat-popup .chat-area .search-container .messages .bot .bot-name {
  background: linear-gradient(254.32deg, #FF6AE6 -17.07%, #7100E4 60.67%);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 0.875rem;
  font-weight: 700;
  position: relative;
  top: -14px;
  left: 5px;
}
ai-chat.page .chat-area .search-container .messages .bot .bubble,
ai-chat.chat-popup .chat-area .search-container .messages .bot .bubble {
  position: relative;
  background-color: #FFFFFF;
  color: #000;
  padding: 20px;
  border-radius: 15px;
  border: 1px solid #B28AEF;
  box-shadow: 0px 8px 14px #D6CBE5CC;
  max-width: 100%;
  text-align: left;
  font-size: 0.9375rem;
  line-height: 1.5;
}
ai-chat.page .chat-area .search-container .messages .bot .bubble.answer,
ai-chat.chat-popup .chat-area .search-container .messages .bot .bubble.answer {
  max-width: 100%;
}
ai-chat.page .chat-area .search-container .messages .bot .bubble .left-bubble,
ai-chat.chat-popup .chat-area .search-container .messages .bot .bubble .left-bubble {
  position: absolute;
  top: -1px;
  left: -11px;
}
ai-chat.page .chat-area .search-container .messages .bot .bubble .blink,
ai-chat.chat-popup .chat-area .search-container .messages .bot .bubble .blink {
  animation: blink 0.5s infinite;
  font-size: 1.4rem;
}
ai-chat.page .chat-area .search-container .messages .bot .bubble .blink.hidden,
ai-chat.chat-popup .chat-area .search-container .messages .bot .bubble .blink.hidden {
  display: none;
}
@keyframes blink {
  to {
    opacity: 0;
  }
}
ai-chat.page .chat-area .search-container .messages .bot .bubble b,
ai-chat.chat-popup .chat-area .search-container .messages .bot .bubble b {
  font-weight: 500;
}
ai-chat.page .chat-area .more-modal,
ai-chat.chat-popup .chat-area .more-modal {
  color: #5C19DD;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
  margin-top: 10px;
  text-decoration: underline;
}
ai-chat.page .chat-area.chat-popup .chat-area,
ai-chat.chat-popup .chat-area.chat-popup .chat-area {
  max-width: 100%;
  width: 100%;
  max-width: 390px;
  min-height: 500px;
  margin: 0 auto;
}
ai-chat.page .chat-area.chat-popup .chat-area .chat-title,
ai-chat.chat-popup .chat-area.chat-popup .chat-area .chat-title {
  padding: 40px 0 30px 0;
  font-size: 1.75rem;
}
ai-chat.page .chat-area.chat-popup .chat-area .chat-title .beta,
ai-chat.chat-popup .chat-area.chat-popup .chat-area .chat-title .beta {
  width: 35px;
}
ai-chat.page .chat-area.chat-popup .chat-area .search-container,
ai-chat.chat-popup .chat-area.chat-popup .chat-area .search-container {
  margin-bottom: 100px;
  max-width: 100%;
  padding: 0 10px;
}
ai-chat.page .chat-area.chat-popup .chat-area .recommend-menu,
ai-chat.chat-popup .chat-area.chat-popup .chat-area .recommend-menu {
  max-height: 300px;
}
ai-chat.page .chat-area.chat-popup .chat-area .messages .bot .bubble,
ai-chat.chat-popup .chat-area.chat-popup .chat-area .messages .bot .bubble {
  padding: 15px;
  margin-left: 40px;
}
ai-chat.page .chat-area.chat-popup .chat-area .messages .user-message,
ai-chat.chat-popup .chat-area.chat-popup .chat-area .messages .user-message {
  padding: 15px;
}
ai-chat.page .chat-area.chat-popup .search-input,
ai-chat.chat-popup .chat-area.chat-popup .search-input {
  padding: 15px 30px;
}
ai-chat.page .chat-area.chat-popup .search-button,
ai-chat.chat-popup .chat-area.chat-popup .search-button {
  right: 15px;
}
ai-chat.page .search-input,
ai-chat.chat-popup .search-input {
  width: 420px;
  height: 50px;
  margin: 0 auto;
  display: block;
  padding: 15px 50px 15px 20px;
  border-radius: 35px;
  outline: none;
  border: 1px solid #FFFFFF;
  background-color: #FFFFFF;
  font-size: 14px;
  color: #222222;
}
ai-chat.page .search-input[disabled],
ai-chat.chat-popup .search-input[disabled] {
  background-color: #F7F6F9 !important;
  border: 1px solid #F7F6F9;
}
ai-chat.page .search-input.active,
ai-chat.chat-popup .search-input.active {
  border: 1px solid #CECCE7;
}
ai-chat.page .search-input::placeholder,
ai-chat.chat-popup .search-input::placeholder {
  color: #a1a1a6;
  font-weight: 400;
}
ai-chat.page .search-button,
ai-chat.chat-popup .search-button {
  position: relative;
  top: 38px;
  right: 25px;
  float: right;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  z-index: 9999;
}
ai-chat.page .search-button img,
ai-chat.chat-popup .search-button img {
  width: 22px;
  height: 22px;
}
ai-chat.page .left-count,
ai-chat.chat-popup .left-count {
  position: relative;
  top: 5px;
  float: right;
  right: 30px;
  color: #615F7A;
  font-weight: 500;
  font-size: 11px;
}
ai-chat.page .left-count.string .current,
ai-chat.chat-popup .left-count.string .current {
  color: #222222;
}
ai-chat.page .left-count.string .fixed,
ai-chat.chat-popup .left-count.string .fixed {
  color: #999999;
}
ai-chat.page .left-count.zero,
ai-chat.chat-popup .left-count.zero {
  color: #666666;
}
ai-chat .bottom-area {
  height: 105px;
}
.aside-campaign {
  width: 300px;
  position: absolute;
  right: 40px;
  top: 0px;
  bottom: 0px;
  font-size: 16px;
  letter-spacing: -0.4px;
  z-index: 30;
  padding-left: 40px;
  border-left: 1px solid #eee;
}
.aside-campaign h2 {
  font-size: 20px;
  line-height: normal;
  font-weight: 500;
  margin-bottom: 16px;
}
.aside-campaign p {
  font-size: 14px;
  color: #666;
  margin-top: 5px;
}
.aside-campaign .campaign-applicant,
.aside-campaign .draft-black,
.aside-campaign a.btn,
.aside-campaign button {
  background: #222;
  color: #fff;
  width: 100%;
  border-radius: 0;
  height: 48px;
  line-height: 46px;
  font-size: 16px;
  display: block;
  border: none;
  padding: 0;
  margin: 10px 0;
  font-weight: 500;
}
.aside-campaign .campaign-applicant:hover,
.aside-campaign .draft-black:hover,
.aside-campaign a.btn:hover,
.aside-campaign button:hover {
  background-color: #000;
}
.aside-campaign .campaign-applicant.cancel,
.aside-campaign .draft-black.cancel,
.aside-campaign a.btn.cancel,
.aside-campaign button.cancel {
  border: 1px solid #ddd;
  background: none;
  color: #666;
  font-weight: 500;
}
.aside-campaign .campaign-applicant.cancel:hover,
.aside-campaign .draft-black.cancel:hover,
.aside-campaign a.btn.cancel:hover,
.aside-campaign button.cancel:hover {
  border-color: #999;
  color: #666;
}
.aside-campaign .campaign-applicant.campaign-ing,
.aside-campaign .draft-black.campaign-ing,
.aside-campaign a.btn.campaign-ing,
.aside-campaign button.campaign-ing {
  background: #eee;
  color: #999;
  font-size: 16px;
  cursor: auto;
  font-weight: 500;
  text-align: center;
}
.aside-campaign .campaign-applicant.campaign-ing-enable,
.aside-campaign .draft-black.campaign-ing-enable,
.aside-campaign a.btn.campaign-ing-enable,
.aside-campaign button.campaign-ing-enable {
  background: #eee;
  color: #999;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
.aside-campaign .campaign-applicant.review-ing,
.aside-campaign .draft-black.review-ing,
.aside-campaign a.btn.review-ing,
.aside-campaign button.review-ing {
  background: #5c19dd;
}
.aside-campaign .campaign-applicant.solid-disabled,
.aside-campaign .draft-black.solid-disabled,
.aside-campaign a.btn.solid-disabled,
.aside-campaign button.solid-disabled {
  background-color: #ddd;
  color: #fff;
  font-weight: bold;
  pointer-events: none;
}
.aside-campaign .campaign-applicant.buying,
.aside-campaign .draft-black.buying,
.aside-campaign a.btn.buying,
.aside-campaign button.buying {
  margin-top: 15px;
}
.aside-campaign .campaign-applicant[disabled],
.aside-campaign .draft-black[disabled],
.aside-campaign a.btn[disabled],
.aside-campaign button[disabled] {
  background-color: #ddd;
  color: #fff;
  font-weight: bold;
  pointer-events: none;
  font-size: 16px;
}
.aside-campaign .campaign-applicant.campaign-inspect,
.aside-campaign .draft-black.campaign-inspect,
.aside-campaign a.btn.campaign-inspect,
.aside-campaign button.campaign-inspect {
  margin-top: 20px;
  background-color: #ffffff;
  color: #4759F9;
  border: 1px solid #8C97FB;
}
.aside-campaign .campaign-applicant.campaign-inspect:hover,
.aside-campaign .draft-black.campaign-inspect:hover,
.aside-campaign a.btn.campaign-inspect:hover,
.aside-campaign button.campaign-inspect:hover {
  color: #3C4698;
  border: 1px solid #3C49C4;
}
.aside-campaign .campaign-applicant.campaign-inspect img,
.aside-campaign .draft-black.campaign-inspect img,
.aside-campaign a.btn.campaign-inspect img,
.aside-campaign button.campaign-inspect img {
  margin-right: 5px;
}
.aside-campaign .campaign-applicant.campaign-inspect.inspect-success,
.aside-campaign .draft-black.campaign-inspect.inspect-success,
.aside-campaign a.btn.campaign-inspect.inspect-success,
.aside-campaign button.campaign-inspect.inspect-success {
  background-color: #4759F9;
  color: #eee;
}
.aside-campaign a {
  color: #222;
}
.aside-campaign campaign-instagram-spyscroll a,
.aside-campaign coupon-spyscroll a,
.aside-campaign campaign-new-spyscroll a {
  color: #222;
}
.aside-campaign campaign-instagram-spyscroll a.on,
.aside-campaign coupon-spyscroll a.on,
.aside-campaign campaign-new-spyscroll a.on,
.aside-campaign campaign-instagram-spyscroll a:hover,
.aside-campaign coupon-spyscroll a:hover,
.aside-campaign campaign-new-spyscroll a:hover {
  font-weight: bold;
}
.aside-campaign .thumb {
  width: 100%;
  min-width: 300px;
  margin-bottom: 20px;
  border-radius: 12px;
}
.aside-campaign hr {
  margin: 20px 0;
  border-color: #EEEEEE;
}
.aside-me {
  padding: 37px 5px 0px 5px;
  position: relative;
}
.aside-me .inline-item-common {
  height: 32px;
  line-height: 32px;
}
.aside-me .inline-item-common * {
  vertical-align: middle;
}
.aside-me hr {
  margin: 10px 0;
  border-top: 1px solid #eeeeee;
}
.aside-me .show-dashboard {
  display: none;
}
.aside-me .hide-dashboard {
  display: block;
}
.aside-me .avatar .mypage {
  float: left;
  margin-right: 15px;
  margin-bottom: 10px;
}
@media (max-width: 799px) {
  .aside-me .avatar .mypage {
    margin-bottom: 4px;
  }
}
.aside-me .avatar .avatar-wrap {
  position: relative;
  height: 70px;
  margin-bottom: 20px;
}
.aside-me .avatar .avatar-wrap:before,
.aside-me .avatar .avatar-wrap:after {
  content: " ";
  display: table;
}
.aside-me .avatar .avatar-wrap:after {
  clear: both;
}
.aside-me .avatar .avatar-wrap:before,
.aside-me .avatar .avatar-wrap:after {
  content: " ";
  display: table;
}
.aside-me .avatar .avatar-wrap:after {
  clear: both;
}
@media (max-width: 799px) {
  .aside-me .avatar .avatar-wrap {
    text-align: center;
  }
}
.aside-me .avatar .avatar-wrap file-upload {
  position: absolute;
  top: 45px;
  left: 45px;
}
.aside-me .avatar .avatar-wrap file-upload img {
  width: 26px;
  height: 26px;
}
@media (max-width: 799px) {
  .aside-me .avatar .avatar-wrap file-upload {
    left: 56%;
  }
}
.aside-me .avatar .avatar-wrap file-upload button {
  background: none;
  border: none;
  padding: 0;
}
.aside-me .avatar .avatar-wrap .user-info {
  margin-left: 8px;
  letter-spacing: -0.4px;
  color: #222222;
  font-size: 18px;
  padding-top: 15px;
}
.aside-me .avatar .avatar-wrap .user-info .nickname {
  font-weight: 500;
  letter-spacing: -1.2px;
}
.aside-me .avatar .avatar-wrap .user-info .penalty-noti {
  margin-top: 3px;
  display: block;
  font-size: 12px;
  color: #666;
  cursor: pointer;
}
.aside-me .avatar .avatar-wrap .user-info .penalty-noti.black {
  color: #222;
}
.aside-me .avatar .avatar-wrap .user-info .penalty-noti img.penalty-card {
  display: inline-block;
  width: 15px;
  height: 20px;
  border-radius: 0;
  margin-bottom: 0;
}
.aside-me .avatar .avatar-wrap .user-info .penalty-noti strong {
  color: #f63e2d;
}
.aside-me .grade {
  height: 32px;
  line-height: 32px;
  color: #222222;
  font-weight: bold;
  font-size: 14px;
}
.aside-me .grade * {
  vertical-align: middle;
}
.aside-me .grade button {
  display: block;
  background: url(/assets/img/mypage/ic-next.svg) no-repeat right / 6px 10px;
  text-align: left;
  width: 100%;
}
.aside-me .grade button.is-visit {
  background: 0;
  cursor: default;
}
.aside-me .grade button .title {
  font-size: 14px;
  color: #222222;
  font-weight: normal;
}
.aside-me .grade button .content {
  font-size: 13px;
  float: right;
  margin-right: 6px;
}
.aside-me .grade button .content.master {
  margin-right: 15px;
}
.aside-me .grade button .content img {
  width: 24px;
  height: 24px;
  margin-top: -2px;
}
.aside-me .grade img {
  margin-right: 8px;
  height: 30px;
}
.aside-me .grade strong.premier {
  font-weight: 600;
  color: #e2a046;
}
@media (max-width: 799px) {
  .aside-me .grade {
    text-align: center;
  }
  .aside-me .grade button {
    background-image: none;
  }
  .aside-me .grade img {
    margin: 0;
  }
}
.aside-me .premier {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 32px;
  line-height: 32px;
  color: #222222;
}
.aside-me .premier * {
  vertical-align: middle;
}
.aside-me .premier button {
  text-align: left;
  width: 100%;
  background: url(/assets/img/mypage/ic-next.svg) no-repeat right / 6px 10px;
}
.aside-me .premier button .none {
  float: right;
  margin-right: 14px;
  font-size: 13px;
  color: #aaaaaa;
}
.aside-me .premier button .content .premier-media {
  float: right;
  margin-right: 14px;
}
.aside-me .premier button .content .premier-media img {
  margin-top: -5px;
}
.aside-me .social {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 32px;
  line-height: 32px;
  color: #aaa;
}
.aside-me .social * {
  vertical-align: middle;
}
.aside-me .social div {
  display: block;
  width: 100%;
  font-size: 14px;
  text-decoration: none;
  color: #222222;
}
.aside-me .social div .arrow {
  position: absolute;
  right: 3px;
  margin-top: 6px;
  margin-right: 2px;
}
.aside-me .social div.not-connect {
  color: #999;
}
.aside-me .social div .connect-media {
  float: right;
  margin-right: 14px;
  vertical-align: top;
}
.aside-me .social div .connect-media span {
  vertical-align: top !important;
}
.aside-me .social div .none {
  float: right;
  margin-right: 14px;
  font-size: 13px;
  color: #aaaaaa;
}
@media (max-width: 799px) {
  .aside-me .social .connect-media span {
    vertical-align: top !important;
  }
}
.aside-me .social img {
  vertical-align: text-top;
}
.aside-me .attendance {
  height: 32px;
  line-height: 32px;
  height: auto !important;
  min-height: 40px;
  text-align: center;
}
.aside-me .attendance * {
  vertical-align: middle;
}
.aside-me .attendance .confirm-attendance li span {
  line-height: 24px;
  font-size: 20px;
  color: #222222;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.aside-me .attendance .confirm-attendance li span.all-count {
  color: #222222;
}
.aside-me .attendance .confirm-attendance li small {
  font-size: 12px;
  color: #999999;
}
.aside-me .attendance .btn span {
  vertical-align: top;
}
.aside-me .quick-link {
  display: none;
  margin-top: 25px;
}
.aside-me .quick-link .row {
  margin-left: -30px;
  margin-right: -30px;
}
.aside-me .quick-link .item {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.aside-me .quick-link .item:last-child {
  border-right: none;
}
.aside-me .quick-link a {
  display: block;
  text-align: center;
  color: #DDD;
  font-size: 14px;
}
.aside-me .quick-link a:hover {
  color: #DDD;
}
.aside-me .quick-link a .count {
  background: #f83d16;
  height: 13px;
  line-height: 13px;
  text-align: center;
  padding: 0 3px;
  border-radius: 100rem;
  font-weight: bold;
  color: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  font-size: 11px;
  margin-left: 3px;
}
.aside-me .quick-link a img {
  display: block;
  margin: 0 auto 7px auto;
}
.menu-sidebar {
  position: absolute;
  width: 1px;
  height: 10000px;
  top: 0px;
  border-right: 1px solid #eee;
  right: 0;
  overflow: hidden;
}
.aside-snb {
  padding-bottom: 80px;
  padding-left: 30px;
  padding-right: 5px;
}
.aside-snb ul.menu {
  background: #FFF;
  margin-bottom: 15px;
  margin-top: 40px;
  border-radius: 2px;
}
.aside-snb ul.menu li a {
  text-decoration: none;
  display: block;
  height: 50px;
  line-height: 50px;
  margin: 0 5px;
  font-size: 16px;
  color: #222222;
  border-bottom: 1px solid #eeeeee;
  clear: both;
}
.aside-snb ul.menu li a:hover,
.aside-snb ul.menu li a.on {
  color: #222;
  font-weight: bold;
}
.aside-snb ul.menu li a:hover .count,
.aside-snb ul.menu li a.on .count {
  color: #222;
}
.aside-snb ul.menu li a .count {
  font-size: 15px;
  float: right;
  color: #999999;
}
.aside-snb ul.menu li a .new {
  margin-left: 2px;
}
.aside-snb ul.menu li a .new img {
  width: 26px;
  height: 9px;
  position: relative;
  top: -2px;
}
.aside-snb ul.menu li a .ic-new-window {
  vertical-align: baseline;
}
.aside-snb ul.menu .tooltip-content {
  position: absolute;
  left: 120px;
  top: -14px;
  z-index: 40;
  width: 264px;
  padding: 15px;
  border-radius: 5px;
  border: solid 1px #ddd;
  background-color: #ffffff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  word-break: keep-all;
  line-height: 18px;
  letter-spacing: -0.22px;
  font-size: 12px;
}
.aside-snb ul.menu .tooltip-content .point {
  color: #5c19dd;
}
.aside-snb ul.menu .tooltip-content:before {
  content: '';
  background: url(/assets/img/header/ic-arrow-gnb.svg) no-repeat;
  transform: rotate(-90deg);
  width: 20px;
  height: 20px;
  left: -11px;
  top: 28px;
  position: absolute;
}
.aside-snb ul.menu .subject {
  text-decoration: none;
  display: block;
  height: 50px;
  line-height: 50px;
  margin: 0 5px;
  font-size: 18px;
  color: #222222;
  border-bottom: 1px solid #eeeeee;
  clear: both;
  font-weight: 700;
  border-top: none !important;
  margin-top: 36px;
  cursor: inherit;
}
.aside-snb ul.menu .subject.cursor {
  cursor: pointer;
}
.aside-snb ul.menu .subject a {
  margin: 0;
  font-size: 18px;
  border-bottom: none;
}
img.avatar {
  border-radius: 50%;
}
img.avatar.default {
  width: 28px !important;
  height: 28px;
  margin-right: 3px;
  border-radius: 50% !important;
}
img.avatar.campaign-blogger {
  width: 40px;
  height: 40px;
}
img.avatar.review-card {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
@media (max-width: 799px) {
  img.avatar.review-card {
    border-radius: 50% !important;
    width: 26px !important;
  }
}
img.avatar.mypage {
  width: 70px;
  height: 70px;
}
@media (max-width: 799px) {
  img.avatar.mypage {
    width: 68px;
    height: 68px;
  }
}
img.avatar.board-user {
  width: 36px;
  height: 36px;
}
img.avatar.comment-user {
  margin-left: 0;
  width: 36px;
  height: 36px;
}
img.avatar.board-mobile {
  width: 52px;
  height: 52px;
}
button.feedback-button.board-button {
  border-radius: 150px !important;
}
.board-button {
  min-width: 120px;
  text-align: center;
  color: #c7c7c7;
  padding: 8px 24px;
  background: none;
  display: block;
}
.board-button.main {
  color: #fff;
  background: #222;
  text-decoration: none;
  border-radius: unset;
  font-weight: 500;
}
.board-button.main:hover {
  color: #fff;
  background: #000;
}
.board-button.navy {
  border: 2px solid #c7c7c7;
  border-radius: 150px;
}
.board-button:hover {
  color: #fff;
  background: #c7c7c7;
}
.board-button[disabled] {
  background: #ddd;
  color: #fff;
  border: 0;
  pointer-events: none;
}
.board-content {
  padding: 40px 0px 80px 0px;
}
.board-content.notice {
  padding: 115px 0px 60px 0px;
  font-size: 15px;
}
@media (max-width: 799px) {
  .board-content.notice {
    font-size: 14px;
  }
}
.board-content p {
  margin: 0;
  padding: 0;
}
.board-content ul,
.board-content li,
.board-content div,
.board-content table,
.board-content img {
  max-width: 100%;
}
.board-content p,
.board-content span,
.board-content div,
.board-content font {
  letter-spacing: -0.2px !important;
}
.board-content .management {
  padding: 0 6px;
  text-align: right;
  font-size: 12px;
}
.board-content .management a {
  color: #676a6c;
}
@media (max-width: 799px) {
  .board-content.notice {
    padding: 95px 0px 60px 0px;
  }
  .board-content.event {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.board-item-bottom {
  margin-bottom: 30px;
}
.board-item-bottom li,
.board-item-bottom div {
  display: inline-block;
}
.board-item-bottom .bottom-wrap {
  position: relative;
  top: -18px;
  float: right;
}
@media (max-width: 799px) {
  .board-item-bottom .like-count,
  .board-item-bottom .comment-count,
  .board-item-bottom .view-count {
    float: right;
  }
}
.board-item-bottom .like-count {
  padding-top: 4px;
  padding-left: 40px;
}
@media (max-width: 799px) {
  .board-item-bottom .like-count {
    padding-left: 20px;
    margin-top: -1px;
    top: -10px !important;
  }
}
.board-item-bottom .like-img-warp {
  height: 30px;
}
@media (max-width: 799px) {
  .board-item-bottom .like-img-warp {
    margin-right: 0px;
    padding-top: 0px;
    position: relative;
    top: -1px;
    float: right;
  }
}
.board-item-bottom .like-img-warp .like-img {
  cursor: pointer;
  background: url(/assets/img/board/ic-like.svg) no-repeat center;
  width: 30px;
  height: 30px;
  position: relative;
  top: 10px;
  left: 3px;
}
.board-item-bottom .like-img-warp .like-img.on {
  background: url(/assets/img/board/ic-like-on.svg) no-repeat center !important;
}
@media (max-width: 799px) {
  .board-item-bottom .like-img-warp .like-img {
    left: 2px;
  }
}
.board-item-bottom .like-img-warp .like-gif {
  width: 30px;
  height: 20px;
  line-height: 3.8;
}
.board-item-bottom .like-img-warp .like-gif img {
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: relative;
  left: 3px;
}
@media (max-width: 799px) {
  .board-item-bottom .like-img-warp .like-gif img {
    top: -1px;
  }
}
.board-item-bottom .like-img-warp .like-lottie {
  cursor: pointer;
  width: 30px;
  display: inline-block;
  position: relative;
  top: 10px;
}
.board-item-bottom .mobile-tooltip {
  position: relative;
  background-color: #ffffff;
  width: 156px;
  height: 40px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.14);
  border-radius: 5px;
  padding: 10px 0 10px 15px;
  z-index: 99;
  top: -42px;
  line-height: 20px;
  color: #5C19DD;
  border: 1px solid #874CFB;
  text-align: left;
  left: 194px;
}
@media (max-width: 799px) {
  .board-item-bottom .mobile-tooltip {
    font-size: 12px;
    right: -129px;
    top: -49px;
    float: right;
    width: 130px;
    left: unset;
  }
}
@media (max-width: 429px) {
  .board-item-bottom .mobile-tooltip {
    font-size: 12px;
    right: -40px;
    top: -77px;
    float: right;
    width: 130px;
    left: unset;
  }
}
.board-item-bottom .mobile-tooltip .arrow {
  position: absolute;
  top: 35px;
  left: 28px;
  background: url(/assets/img/board/ic-arrow-tooltip.svg) no-repeat center;
  width: 10px;
  height: 10px;
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
.board-item-bottom .mobile-tooltip .close {
  position: relative;
  width: 19px;
  height: 19px;
  top: -9px;
  right: 5px;
  opacity: 1 !important;
}
.board-item-bottom .mobile-tooltip .close img {
  height: 9px;
  width: 9px;
}
.board-item-bottom .avatar {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.4px;
  color: #222222;
}
.board-item-bottom .avatar img {
  width: 25px;
  height: 25px;
  border-radius: 150px;
  margin-right: 5px;
  position: relative;
}
.board-item-bottom .comment-count,
.board-item-bottom .like-count,
.board-item-bottom .view-count {
  text-align: center;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.4px;
  color: #222222;
  margin-left: 10px;
}
@media (max-width: 799px) {
  .board-item-bottom .comment-count,
  .board-item-bottom .like-count,
  .board-item-bottom .view-count {
    min-width: 90px;
    width: auto;
    margin-left: 0px;
    float: right;
  }
}
.board-item-bottom .comment-count img,
.board-item-bottom .view-count img {
  margin-right: -4px;
}
.board-item-bottom .date {
  float: right;
  width: 110px;
  text-align: center;
  color: #999999;
  font-size: 1.3rem;
}
.board-item-bottom .grade {
  margin-bottom: 4px;
  width: 20px !important;
  height: 20px !important;
}
.board-item {
  clear: both;
  border-bottom: 1px solid #eee;
  padding: 30px 20px;
}
.board-item .board-google-ad {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #eee;
}
@media (max-width: 799px) {
  .board-item .board-google-ad {
    padding-top: 25px;
    margin-top: 25px;
  }
}
.board-item.notice {
  background: #FBFAFE;
}
.board-item a {
  color: #666;
}
.board-item a.link {
  display: inline-block;
  width: 80%;
  height: 100%;
}
@media (max-width: 799px) {
  .board-item a.link {
    width: 100%;
  }
}
.board-item a .title {
  padding-top: 15px;
  padding-bottom: 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: -0.4px;
}
@media (max-width: 799px) {
  .board-item a .title {
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.4px;
  }
}
.board-item a .content {
  display: inline-block;
}
.board-item a .preview {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.4px;
  margin-bottom: 30px;
  min-height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.board-item a .preview img {
  display: none;
}
@media (max-width: 799px) {
  .board-item a .preview {
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: -0.4px;
    min-height: 17px;
  }
}
.board-item a .date {
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: -0.4px;
  color: #999999;
}
.board-item a .prefix {
  font-weight: 700;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.4px;
}
.board-item .count {
  display: inline-block;
  position: relative;
  top: -58px;
  left: 40px;
}
.board-item .count .like,
.board-item .count .comment {
  display: inline-block;
}
@media (max-width: 799px) {
  .board-item .count .like,
  .board-item .count .comment {
    margin-left: 6px;
  }
}
.board-item .count .like {
  margin-right: 15px;
}
@media (max-width: 799px) {
  .board-item .count {
    float: right;
    top: -24px;
    left: 0px;
    font-size: 12px;
  }
  .board-item .count img {
    width: 23px;
    position: relative;
    top: -1px;
  }
}
.board-item .grade {
  margin-bottom: 4px;
  width: 16px !important;
  height: 16px !important;
  top: 0px !important;
  border-radius: unset !important;
}
@media (max-width: 799px) {
  .board-item {
    padding: 25px 10px;
  }
}
.board-item div,
.board-item ul {
  margin: 0;
}
.board-item div.avatar,
.board-item ul.avatar {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.4px;
  color: #222222;
}
.board-item div.avatar img,
.board-item ul.avatar img {
  width: 25px;
  height: 25px;
  border-radius: 150px;
  margin-right: 5px;
  position: relative;
  top: -2px;
}
@media (max-width: 799px) {
  .board-item div.avatar img,
  .board-item ul.avatar img {
    margin-right: 3px;
    width: 22px;
    height: 22px;
  }
}
@media (max-width: 799px) {
  .board-item div.avatar,
  .board-item ul.avatar {
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: -0.4px;
  }
}
.board-item div.title,
.board-item ul.title {
  line-height: 16px;
  padding-top: 16px;
  color: #222222;
}
.board-item div.title .subject,
.board-item ul.title .subject {
  max-width: 400px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.board-item div.title .subject.detail,
.board-item ul.title .subject.detail {
  max-width: 360px;
}
.board-item div.title .prefix,
.board-item ul.title .prefix {
  color: #5c19dd;
}
.board-item div.title .comment,
.board-item ul.title .comment {
  display: inline-block;
  overflow: hidden;
  color: #8554e3;
  font-size: 12px;
}
.board-item div.title .new,
.board-item ul.title .new {
  margin-left: 2px;
}
.board-item div.title .new img,
.board-item ul.title .new img {
  width: 26px;
  height: 9px;
  position: relative;
  top: -4px;
}
.board-item div.title .author,
.board-item ul.title .author {
  font-size: 13px;
  color: #00bfb7;
}
.board-item div.view-count,
.board-item ul.view-count {
  float: right;
  text-align: center;
  width: 100px;
  font-size: 1.3rem;
  color: #9d9d9d;
}
.board-item div.view-count .num,
.board-item ul.view-count .num {
  color: #707070;
}
.board-item div.comment-count,
.board-item ul.comment-count {
  float: right;
  text-align: center;
  font-size: 1.3rem;
}
.board-item div.comment-count .num,
.board-item ul.comment-count .num {
  color: #5c19dd;
}
.board-item div.date,
.board-item ul.date {
  float: right;
  width: 140px;
  text-align: center;
  color: #707070;
  font-size: 1.3rem;
}
.board-item div.author,
.board-item ul.author {
  display: none;
}
.board-prefix-item {
  height: 40px;
  position: relative;
  display: inline-block;
  float: left;
  padding-left: 0px !important;
}
.board-prefix-item button {
  padding: 0 34px 0 10px;
  width: 100%;
  color: #666;
  border: 1px solid #ddd;
  background: #F8F8F9;
  text-align: left;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 40px;
  border-radius: 5px;
}
.board-prefix-item button img {
  position: absolute;
  width: 10px;
  height: 8px;
  top: 14px;
  right: 10px;
}
.board-prefix-item ul {
  border: 1px solid #ddd;
  position: relative;
  width: 100%;
  background: #f6f6f6;
  z-index: 2;
  overflow: auto;
  max-height: 340px;
  border-top: none;
  padding: 10px 5px;
}
.board-prefix-item ul li {
  color: #666;
  padding: 0 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.board-prefix-item ul li:hover {
  cursor: pointer;
}
.board-prefix-item span {
  border: 1px solid #DDDDDD;
  border-radius: 29px;
  padding: 5px 15px;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  letter-spacing: -0.4px;
  cursor: pointer;
  margin-right: 5px;
}
.board-prefix-item span.on:not(.search),
.board-prefix-item span:hover:not(.search) {
  border-color: #ae8cee;
  color: #5c19dd;
}
.board-prefix-item .inquiry {
  height: 28px !important;
}
.board-prefix-item.filter {
  height: auto;
  margin-top: 7px;
  display: grid;
  grid-template-columns: repeat(7, auto);
  justify-content: start;
  justify-items: start;
  row-gap: 10px;
}
.board-prefix-item.filter span {
  margin-right: 8px;
}
.board-prefix-item.on button {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.board-prefix-item.on ul {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.board-search {
  position: relative;
  width: 150px;
  margin: 0 10px 0 0;
  line-height: 36px;
}
.board-search .keyword {
  width: 98%;
  height: 36px;
  border: 0;
  font-size: 14px;
  padding-right: 20px;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.board-search .keyword::placeholder {
  color: #ccc;
}
.board-search .search {
  display: block;
  position: absolute;
  top: 10px;
  right: 8px;
  width: 14px;
  height: 18px;
  border: 0;
  outline: none;
  background: url('/assets/img/header/ic-search.svg') no-repeat right;
  background-size: 14px 14px;
}
.board-search:hover .search {
  background-image: url('/assets/img/header/ic-search.svg');
}
.form-control.board-title-input,
.board-title-input {
  border: 1px solid #ddd;
  margin-bottom: 10px;
}
@media (max-width: 799px) {
  .form-control.board-title-input,
  .board-title-input {
    height: 52px !important;
    padding: 14px 40px 14px 14px;
    margin-bottom: 0;
    border-radius: 3px;
    border: 1px solid #DDD;
  }
}
.board {
  border-top: 1px solid #222222;
}
@media (max-width: 799px) {
  .board {
    border-top: none;
  }
}
.board .board-title {
  margin-top: 30px;
}
.board .board-title .subject {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.4px;
  color: #222222;
}
.board .board-title .subject .prefix {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.4px;
  margin-bottom: 10px;
}
.board-footer {
  margin-top: 20px;
  color: #ddd;
}
@media (max-width: 799px) {
  .board-footer {
    margin-bottom: 20px;
  }
}
.board-footer a {
  display: inline-block;
  height: 22px;
  line-height: 24px;
  font-size: 14px;
  text-align: center;
  color: #666;
  text-decoration: none;
}
@media (max-width: 799px) {
  .board-footer a {
    font-size: 12px;
  }
}
.board-footer a:hover {
  color: #5c19dd;
}
.board-footer span.prev a {
  padding-left: 48px;
  background: url(/assets/img/board/btn-prev.svg) left bottom no-repeat;
}
.board-footer span.prev a.disable {
  color: #ddd;
  cursor: inherit;
}
.board-footer span.prev a.disable:hover {
  background-image: url('/assets/img/board/btn-prev.svg');
}
.board-footer span.prev a:hover {
  background-image: url(/assets/img/board/btn-prev-on.svg);
}
.board-footer span.next a {
  padding-right: 48px;
  background: url(/assets/img/board/btn-next.svg) right bottom no-repeat;
}
.board-footer span.next a.disable {
  color: #ddd;
  cursor: inherit;
}
.board-footer span.next a.disable:hover {
  background-image: url('/assets/img/board/btn-next.svg');
}
.board-footer span.next a:hover {
  background-image: url(/assets/img/board/btn-next-on.svg);
}
.board-footer span.prev:after,
.board-footer span.next:before {
  color: #ddd;
  content: '|';
  padding: 0 50px;
}
@media (max-width: 799px) {
  .board-footer span.prev:after,
  .board-footer span.next:before {
    padding: 0 25px;
  }
}
.board-edit {
  /* 로딩 오버레이 배경 흐림 효과 */
  /* 회전 애니메이션 */
}
.board-edit.mobile-board {
  padding: 15px;
}
.board-edit .title {
  position: relative;
}
.board-edit .btn-custom {
  min-width: 120px;
}
.board-edit .management {
  float: right;
  padding-left: 10px;
  display: inline-block;
  text-align: right;
  font-weight: normal;
}
.board-edit .upload-button {
  position: absolute;
  top: 14px;
  right: 14px;
}
.board-edit .note-toolbar-wrapper {
  height: auto !important;
}
.board-edit .inquiry-penalty-item button,
.board-edit .inquiry-penalty-item ul li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-edit .design-checkbox {
  float: right;
  margin-left: 20px;
}
@media (max-width: 799px) {
  .board-edit .note-toolbar-wrapper {
    display: none;
  }
}
@media (max-width: 799px) {
  .board-edit .campaign-cs-content-wrap {
    display: flex;
  }
}
.board-edit .campaign-cs-content-wrap .campaign-cs-content {
  width: 100%;
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #EEE;
  background: #FFF;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.05);
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: left;
  color: #555;
  font-size: 12px;
  font-weight: 400;
}
@media (max-width: 799px) {
  .board-edit .campaign-cs-content-wrap .campaign-cs-content {
    margin: 0 0 8px 0;
  }
}
.board-edit .campaign-cs-content-wrap .campaign-cs-content h4 {
  color: #333;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
}
.board-edit .campaign-cs-content-wrap .campaign-cs-content span {
  color: #222;
  font-size: 12px;
  font-weight: 500;
}
.board-edit .loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  /* 반투명 배경 */
  backdrop-filter: blur(1px);
  /* 배경 흐리게 */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  /* 로딩 서클 스타일 */
}
.board-edit .loading-overlay .loading-circle {
  width: 25px;
  height: 25px;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-top: 2px solid #333;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.my-list {
  float: left;
  padding-right: 10px;
  padding-top: 8px;
  color: #888888;
}
.my-list:hover {
  color: #888888;
}
.my-list.on {
  color: #444444;
}
@media (max-width: 799px) {
  .my-list {
    position: relative;
    float: right;
    top: -35px;
  }
}
.dark .my-list.on {
  color: #EEEEEE;
}
.my-list-dot {
  width: 6px;
  height: 6px;
  border-radius: 7.5px;
  float: left;
  margin-right: 4px;
  margin-top: 8px;
}
.my-list-dot.select {
  background-color: #5d1ce2;
}
.my-list-dot.none {
  border: solid 1px #dddddd;
}
.my-list-pipe {
  float: left;
  width: 1px;
  height: 14px;
  background-color: #dddddd;
  margin: 12px 10px 0 0;
}
.board-list {
  margin-right: 530px;
}
.board-list.not-free-list {
  margin-right: 619px;
}
board-list.dark pagination {
  background: #232228;
}
board-list.dark pagination li.active a {
  color: #bbbbbb !important;
}
board-list.dark pagination a {
  color: #808080 !important;
}
board-list.dark .no-results-found {
  background: #232228;
}
board-list.dark span.prev:after,
board-list.dark span.next:before {
  color: #444;
}
.category-area .category {
  display: inline-block;
  float: left;
  margin-top: 8px;
}
@media (max-width: 799px) {
  .category-area .category {
    min-height: 72px;
  }
  .category-area .category.searched {
    margin-bottom: 28px;
  }
}
.category-area .category span {
  border: 1px solid #DDDDDD;
  border-radius: 29px;
  padding: 5px 15px;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  letter-spacing: -0.4px;
  cursor: pointer;
  margin-right: 5px;
}
.category-area .category span.on:not(.search),
.category-area .category span:hover:not(.search) {
  border-color: #ae8cee;
  color: #5c19dd;
}
@media (max-width: 799px) {
  .category-area .category span {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.4px;
    margin-bottom: 5px;
    display: inline-block;
  }
  .category-area .category span:hover:not(.search) {
    border-color: #DDDDDD;
    color: #222222;
  }
  .category-area .category span.on:not(.search) {
    border-color: #ae8cee;
    color: #5c19dd;
  }
}
.category-area .category .board-search {
  margin-top: -8px;
  width: 250px;
}
.category-area .category .board-search .keyword {
  border: 1px solid #DDDDDD;
  border-radius: 29px;
  padding-left: 36px;
}
.category-area .category .board-search .search {
  left: 15px;
}
.category-area .board-list {
  margin-right: 0px;
  float: right !important;
}
.category-area .board-button {
  float: right !important;
  border-radius: 3px !important;
  min-width: 104px !important;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.4px;
}
.category-area .my-list-pipe {
  height: 32px;
  margin: 0 15px 0 15px;
  top: 3px;
  position: relative;
  background-color: #eeeeee;
}
.category-area .my-list-dot {
  border: none;
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: 1px 6px 0 0;
  vertical-align: middle;
  background-image: url(/assets/img/form/new-btns.svg);
  cursor: pointer;
  background-color: unset;
}
.category-area .my-list-dot.none {
  background-position: -57px top;
  background-repeat: no-repeat;
}
.category-area .my-list-dot.select {
  background-position: -38px top;
  background-repeat: no-repeat;
}
.board-view-google-ad {
  padding-top: 60px;
}
@media (max-width: 799px) {
  .board-view-google-ad {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
.brand h1 {
  margin-bottom: 20px;
}
.brand h1.no-sub-category {
  margin-top: 120px;
}
@media (max-width: 799px) {
  .brand h1.no-sub-category {
    margin-top: 0;
  }
}
.brand h1 small {
  font-size: 16px;
  color: #999;
  font-weight: normal;
  letter-spacing: -0.4px;
  margin-top: 2px;
}
@media (max-width: 799px) {
  .brand h1 {
    margin-bottom: 15px;
  }
  .brand h1 small {
    font-size: 10px;
  }
}
.brand .wide-brand {
  width: 100%;
  height: 32vw;
  max-height: 450px;
  margin-bottom: 15px;
  background-size: contain;
  background-position: center top;
  background-attachment: fixed;
  text-align: center;
}
@media (max-width: 799px) {
  .brand .wide-brand {
    min-height: 200px;
    height: 100%;
    background-attachment: inherit;
    background-size: cover;
  }
}
.brand .wide-brand.none {
  margin-bottom: 60px;
}
.brand .wide-brand .left-area {
  width: 100%;
  color: #ffffff;
  text-align: left;
  position: absolute;
  padding: 10vw 12vw 0 12vw;
}
@media (max-width: 799px) {
  .brand .wide-brand .left-area {
    padding: 60px 30px;
  }
}
@media (min-width: 1920px) {
  .brand .wide-brand .left-area {
    padding: 16vh 17vw;
  }
}
.brand .wide-brand .title {
  font-style: normal;
  font-weight: 500;
  font-size: 45px;
  line-height: 72px;
  letter-spacing: -0.4px;
  margin-bottom: 16px;
}
@media (max-width: 799px) {
  .brand .wide-brand .title {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 12px;
  }
}
.brand .wide-brand .disc {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.4px;
  word-break: keep-all;
  width: 50%;
}
@media (max-width: 799px) {
  .brand .wide-brand .disc {
    width: 100%;
    font-size: 12px;
    line-height: 17px;
  }
}
@media (max-width: 799px) {
  .brand .wide-brand {
    margin-bottom: 30px;
  }
  .brand .wide-brand.coupon {
    margin-bottom: 0;
  }
  .brand .wide-brand.none {
    margin-bottom: 50px;
  }
}
.brand .wide-brand .background-image {
  width: 100%;
  max-height: 500px;
  height: 500px;
}
@media (max-width: 799px) {
  .brand .wide-brand .background-image {
    height: 250px;
    min-width: 375px;
  }
}
.brand .wide-brand .banner {
  position: absolute;
  left: 50%;
  top: 140px;
  max-width: 800px;
}
.brand .wide-brand .banner .image {
  width: 90%;
}
@media (min-width: 1920px) {
  .brand .wide-brand .banner {
    left: 48%;
  }
}
.brand .no-results-found {
  padding: 100px 0 150px;
}
@media (max-width: 799px) {
  .brand .no-results-found {
    padding: 0 0 50px;
  }
}
.brand .hr-divider.search {
  margin: 0 0 100px -10px;
}
@media (max-width: 799px) {
  .brand .hr-divider.search {
    margin: 0 -10px;
  }
}
.brand .split-block {
  margin-bottom: 0px !important;
  padding-top: 0px;
}
.btn.btn-custom {
  box-shadow: none;
  transition: .1s;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}
.btn.btn-custom.round {
  border-radius: 100rem !important;
}
.btn.btn-custom.black {
  background: #000;
  color: #fff;
}
.btn.btn-custom.black[disabled] {
  opacity: 0.1;
}
.btn.btn-custom.black img {
  display: inline-block;
  vertical-align: text-top;
  max-height: 22px;
  margin-right: 8px;
  position: relative;
  bottom: 2px;
}
.btn.btn-custom.login {
  padding: 0;
  background: transparent !important;
}
.btn.btn-custom.type1 {
  color: #fff;
  background: #222;
}
.btn.btn-custom.type1:hover {
  background: #000000;
}
.btn.btn-custom.type1[disabled] {
  background: #dddddd;
  opacity: 1;
}
.btn.btn-custom.type10 {
  color: #fff;
  background: #222;
}
.btn.btn-custom.type10:hover {
  background: #000000;
}
.btn.btn-custom.type10[disabled] {
  background: #dddddd;
  opacity: 1;
}
.btn.btn-custom .solid-disabled {
  pointer-events: none;
  border: none;
  height: 52px;
  line-height: 46px;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
}
.btn.btn-custom .solid-disabled.thin {
  font-weight: normal;
  font-size: 14px;
}
.btn.btn-custom .solid-disabled.leave {
  height: 50px;
  font-size: 15px;
}
.btn.btn-custom.type3 {
  color: #fff;
  background-color: #8e89f2;
}
.btn.btn-custom.type3:hover {
  background-color: #857fff;
}
.btn.btn-custom.type5 {
  background: #222;
  color: #fff;
}
.btn.btn-custom.type5:hover {
  background: #000;
}
.btn.btn-custom.type5.penalty {
  pointer-events: none;
  font-size: 13px;
  padding: 0;
  background: #ddd;
  color: #999;
  border: none;
  font-weight: 500;
}
.btn.btn-custom.type6 {
  background: #fff;
  border: 1px solid #ccc;
  color: #999;
}
.btn.btn-custom.type6:hover {
  color: #666;
  border-color: #999;
}
.btn.btn-custom.type7 {
  background: #ffffff;
  border: solid 1px #ddd;
  color: #666666;
}
.btn.btn-custom.type8 {
  background-color: #ffffff;
  color: #222;
  border: solid 1px #eee;
}
.btn.btn-custom.type9 {
  background-color: #ffffff;
  color: #222;
  border: solid 1px #ddd;
  font-size: 16px;
  font-weight: 400;
}
.btn.btn-custom.type9:hover {
  border-color: #999;
}
@media (max-width: 799px) {
  .btn.btn-custom.type-facebook {
    width: 80vw;
    margin-left: 1px;
    margin-right: 0px;
  }
}
.btn.btn-custom.type-facebook,
.btn.btn-custom.type-youtube,
.btn.btn-custom.type-naver {
  position: relative;
  color: #333;
  background: #fff;
  border-color: #ddd;
  letter-spacing: -0.2px;
  height: 52px;
  line-height: 46px;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  font-weight: normal;
  font-size: 14px;
  padding: 0 10px;
}
.btn.btn-custom.type-facebook.thin,
.btn.btn-custom.type-youtube.thin,
.btn.btn-custom.type-naver.thin {
  font-weight: normal;
  font-size: 14px;
}
.btn.btn-custom.type-facebook.leave,
.btn.btn-custom.type-youtube.leave,
.btn.btn-custom.type-naver.leave {
  height: 50px;
  font-size: 15px;
}
@media (max-width: 799px) {
  .btn.btn-custom.type-facebook,
  .btn.btn-custom.type-youtube,
  .btn.btn-custom.type-naver {
    padding: 0;
  }
}
.btn.btn-custom.type-facebook.disconnect,
.btn.btn-custom.type-youtube.disconnect,
.btn.btn-custom.type-naver.disconnect {
  border-color: #ccc;
}
.btn.btn-custom.type-facebook img,
.btn.btn-custom.type-youtube img,
.btn.btn-custom.type-naver img {
  display: inline-block;
  vertical-align: text-top;
  max-height: 18px;
  margin-right: 8px;
}
.btn.btn-custom.type-facebook span,
.btn.btn-custom.type-youtube span,
.btn.btn-custom.type-naver span {
  display: inline-flex;
  align-items: center;
}
.btn.btn-custom.type-facebook.toggle,
.btn.btn-custom.type-youtube.toggle,
.btn.btn-custom.type-naver.toggle {
  border: none;
  text-align: left;
  padding-left: 0px;
  padding-right: 0px;
}
.btn.btn-custom.type-facebook.toggle span:first-child,
.btn.btn-custom.type-youtube.toggle span:first-child,
.btn.btn-custom.type-naver.toggle span:first-child {
  display: block;
  line-height: 2.3;
}
.btn.btn-custom.type-facebook.toggle .social-img,
.btn.btn-custom.type-youtube.toggle .social-img,
.btn.btn-custom.type-naver.toggle .social-img {
  margin-right: 15px;
  width: 26px !important;
  height: 26px !important;
  max-height: 26px !important;
  top: -3px;
  position: relative;
}
.btn.btn-custom.type-facebook.toggle .btn-title,
.btn.btn-custom.type-youtube.toggle .btn-title,
.btn.btn-custom.type-naver.toggle .btn-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: -0.2px;
  color: #222222;
  margin-right: 20px;
}
@media (max-width: 799px) {
  .btn.btn-custom.type-facebook.toggle .btn-title,
  .btn.btn-custom.type-youtube.toggle .btn-title,
  .btn.btn-custom.type-naver.toggle .btn-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
  }
}
.btn.btn-custom.type-facebook.toggle .connect-date,
.btn.btn-custom.type-youtube.toggle .connect-date,
.btn.btn-custom.type-naver.toggle .connect-date {
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: -0.2px;
  color: #999999;
  position: relative;
  top: -2px;
}
@media (max-width: 799px) {
  .btn.btn-custom.type-facebook.toggle .connect-date,
  .btn.btn-custom.type-youtube.toggle .connect-date,
  .btn.btn-custom.type-naver.toggle .connect-date {
    top: -14px;
  }
}
.btn.btn-custom.type-facebook.toggle .toggle-btn,
.btn.btn-custom.type-youtube.toggle .toggle-btn,
.btn.btn-custom.type-naver.toggle .toggle-btn {
  float: right;
  top: 7px;
  position: relative;
  margin-right: 0px;
  max-height: 20px;
}
@media (max-width: 799px) {
  .btn.btn-custom.type-facebook.toggle .toggle-btn,
  .btn.btn-custom.type-youtube.toggle .toggle-btn,
  .btn.btn-custom.type-naver.toggle .toggle-btn {
    top: -19px;
  }
  .btn.btn-custom.type-facebook.toggle .toggle-btn .facebook,
  .btn.btn-custom.type-youtube.toggle .toggle-btn .facebook,
  .btn.btn-custom.type-naver.toggle .toggle-btn .facebook {
    top: -10px;
  }
}
.btn.btn-custom.type-facebook.toggle.connect .btn-title,
.btn.btn-custom.type-youtube.toggle.connect .btn-title,
.btn.btn-custom.type-naver.toggle.connect .btn-title {
  color: #999999;
}
@media (max-width: 799px) {
  .btn.btn-custom.type-facebook.type-youtube,
  .btn.btn-custom.type-youtube.type-youtube,
  .btn.btn-custom.type-naver.type-youtube,
  .btn.btn-custom.type-facebook.type-facebook,
  .btn.btn-custom.type-youtube.type-facebook,
  .btn.btn-custom.type-naver.type-facebook {
    background: #222222;
    height: 52px;
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 799px) {
  .btn.btn-custom.type-facebook.type-youtube,
  .btn.btn-custom.type-youtube.type-youtube,
  .btn.btn-custom.type-naver.type-youtube {
    color: #FFFFFF;
  }
}
.btn.btn-custom.btn-new-lg {
  height: 52px;
  line-height: 46px;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
}
.btn.btn-custom.btn-new-lg.thin {
  font-weight: normal;
  font-size: 14px;
}
.btn.btn-custom.btn-new-lg.leave {
  height: 50px;
  font-size: 15px;
}
.btn.btn-custom.transparent {
  background-color: transparent;
  color: #666;
  border: 1px solid #ddd;
  border-radius: 5px !important;
}
.btn.btn-custom.transparent:hover {
  color: #5c19dd;
  border-color: #AD8CEE;
  background-color: transparent;
}
.btn.btn-custom.report-black {
  background-color: #1c1c1c;
  color: #fff;
  border: 1px solid #1c1c1c;
}
.btn.btn-custom.report-black:hover {
  background: #000;
}
.btn.btn-custom.dark-gray {
  background-color: #4d4a51;
  border: 1px solid #4d4a51;
  color: #fff;
}
.btn.btn-custom.draft-black {
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
  padding: 13px 10px;
}
.btn.btn-custom.draft-black:hover {
  opacity: .8;
}
.btn.btn-custom.confirm-cancel {
  border: 1px solid #ddd;
  background: #fff;
  color: #999999;
  font-weight: 400;
}
.btn.btn-custom.confirm-cancel:hover {
  border-color: #999;
  color: #666;
}
.btn.btn-custom.confirm-submit {
  background: #222;
  color: #fff;
  padding: 0 15px;
  border: none;
}
.btn.btn-custom.confirm-submit:hover {
  background-color: #000;
}
.btn.btn-custom.confirm-submit.modal-submit {
  font-weight: normal;
  height: 48px;
  font-size: 16px;
}
.btn.btn-custom.disabled-btn {
  background: #eee;
  color: #999;
  font-size: 16px;
  pointer-events: none;
  min-width: 200px;
  font-weight: 500;
}
.btn.btn-custom.default {
  background: #fff;
  border: 1px solid #ddd;
  color: #666;
  font-weight: 500;
}
.btn.btn-custom.default.btn-font-black {
  color: #333;
}
.btn.btn-custom.default.btn-font-join {
  color: #333;
}
@media (max-width: 799px) {
  .btn.btn-custom.default.btn-font-join {
    color: #666;
    font-weight: 400;
  }
}
.btn.btn-custom.default:hover {
  border-color: #999;
}
.btn.btn-custom.review-btn {
  font-size: 15px;
  color: #222;
  border-color: #999;
  width: 240px !important;
  height: 48px;
  border-radius: 0 !important;
}
@media (max-width: 799px) {
  .btn.btn-custom.review-btn {
    width: 100% !important;
    font-size: 14px;
  }
}
.btn.btn-custom.btn-address {
  margin-left: 8px;
  height: 46px;
}
.btn-default:hover {
  color: #5c19dd;
  background-color: transparent;
  border-color: #AD8CEE;
}
.btn.small-inline-btn {
  border: 1px solid #e5e5e5;
  color: #666;
  letter-spacing: -0.44px;
  font-size: 12px;
}
.applicants .application-campaigns .divider {
  border-bottom: 1px solid #e5e5e5;
  margin: 40px 0px;
}
@media (max-width: 799px) {
  .applicants .application-campaigns .divider {
    height: 5px;
    margin: 30px -15px;
    border: none;
    background-color: #eeeeee;
  }
}
.applicants .application-campaigns .card-type {
  font-size: 18px !important;
}
.applicants .user-list h2:first-child {
  margin-top: 30px;
}
.applicants .user-list h2 {
  font-weight: 500 !important;
  margin-bottom: 15px;
}
@media (max-width: 799px) {
  .applicants .user-list h2 {
    font-size: 15px !important;
  }
}
.applicants .user-list .margin-bottom30 {
  margin-bottom: 30px;
}
@media (max-width: 799px) {
  .applicants .user-list .margin-bottom30 {
    margin-bottom: 15px;
  }
}
.applicants .user-list .col-xs-6 {
  padding-left: 0px;
}
.applicant {
  padding: 15px 0;
  width: 100%;
}
.applicant:after {
  content: '';
  clear: both;
  display: block;
}
.applicant:nth-child(1).blog {
  padding-top: 0;
}
.applicant:nth-child(1).blog.me {
  text-align: center;
  padding-top: 20px;
  margin-bottom: 40px;
}
@media (max-width: 799px) {
  .applicant:nth-child(1).blog.me {
    margin-bottom: 15px;
    margin-top: 15px;
  }
}
.applicant.accepted {
  text-align: center;
  padding: 100px 0;
  margin-bottom: 40px;
  color: #999999;
}
@media (max-width: 799px) {
  .applicant.accepted {
    border-bottom: 0;
    padding: 60px 0 0 0;
  }
}
@media (max-width: 799px) {
  .applicant.accepted .divider {
    height: 5px;
    margin: 60px -15px 0 -15px;
    border: none;
    background-color: #eeeeee;
  }
}
.applicant.insta {
  border-bottom: none;
  padding: 10px 0 20px;
}
.applicant.insta.me {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 10px;
  margin-bottom: 40px;
}
.applicant.insta .me {
  width: 100%;
}
.applicant.reviewer {
  border-bottom: none;
}
.applicant.col-lg-4 {
  width: 33.333%;
  float: left;
}
.applicant a {
  width: 55px;
  float: left;
}
@media (max-width: 799px) {
  .applicant a {
    width: 52px;
  }
}
.applicant a .my {
  height: 60px;
  width: 60px;
}
@media (max-width: 799px) {
  .applicant a .my {
    height: 40px;
    width: 40px;
  }
}
.applicant .right-info {
  padding: 0;
  font-size: 14px;
  color: #222;
  margin-left: 55px;
}
.applicant .right-info .me {
  font-weight: normal;
  display: block;
}
.applicant .right-info .nick {
  display: block;
  font-size: 12px;
  margin-top: 10px;
  color: #666;
}
@media (max-width: 799px) {
  .applicant .right-info .nick {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}
.applicant .right-info .nick.me {
  color: #00bfb7;
  font-weight: bold;
  font-size: 12px;
}
.applicant .right-info p {
  font-size: 12px;
  line-height: 20px;
  color: #666;
}
.applicant .right-info p b {
  font-weight: normal;
  color: #222;
}
.applicant .info-modify-guide {
  padding: 8px 15px;
  text-align: left;
  border: 1px solid #eee;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 400;
  color: #666;
  width: fit-content;
  margin-top: 25px;
  margin-left: 115px;
  cursor: pointer;
}
@media (max-width: 799px) {
  .applicant .info-modify-guide {
    margin-top: 20px;
    margin-left: 80px;
  }
}
.applicant .info-modify-guide img {
  margin-left: 6px;
  margin-bottom: 2px;
}
.applicant .center-info {
  text-align: center;
  padding: 0px 20px 0px 20px;
  overflow: auto;
}
@media (max-width: 799px) {
  .applicant .center-info {
    font-size: 12px;
    padding: 0px 10px 0px 10px;
  }
}
.applicant .center-info .nick {
  display: block;
  font-size: 14px;
  margin-top: 8px;
  color: #666;
}
@media (max-width: 799px) {
  .applicant .center-info .nick {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}
.applicant .center-info .nick.me {
  color: #00bfb7;
  font-weight: bold;
  font-size: 14px;
}
@media (max-width: 799px) {
  .applicant .center-info .comment {
    font-size: 13px;
  }
}
.applicant .center-info p {
  text-align: left;
  font-size: 13px;
}
.applicant .center-info p.campaign-option {
  margin: 0;
  margin-bottom: 10px !important;
  overflow: auto;
  font-size: 14px;
}
@media (max-width: 799px) {
  .applicant .center-info p.campaign-option {
    font-size: 12px;
  }
}
@media (max-width: 799px) {
  .applicant .center-info p.campaign-option:last-child {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 799px) {
  .applicant .center-info p {
    font-size: 12px;
  }
}
.applicant .center-info p span {
  float: left;
  width: 115px;
  color: #999999;
  font-weight: 500;
}
@media (max-width: 799px) {
  .applicant .center-info p span {
    width: 80px;
  }
}
@media (max-width: 799px) {
  .applicant .center-info p span.delivery {
    height: 22px;
  }
}
.applicant .center-info p.guide-container a {
  color: #333;
  font-size: 14px;
  font-weight: 700;
  text-decoration-line: underline;
  margin-left: 115px;
  width: auto;
  word-break: break-all;
}
@media (max-width: 799px) {
  .applicant .center-info p.guide-container a {
    margin-left: 80px;
  }
}
.applicant .center-info p.guide-container .guide-message {
  width: auto;
  margin-left: 115px;
  color: #333;
  font-size: 14px;
  font-weight: 700;
}
@media (max-width: 799px) {
  .applicant .center-info p.guide-container .guide-message {
    font-size: 12px;
    margin-left: 80px;
  }
}
.applicant .center-info p.guide-container .guide-message.empty-content {
  color: #333;
  font-weight: 500;
}
.applicant .center-info div {
  text-align: left;
  font-size: 13px;
}
.applicant .center-info div.request-input-container {
  display: flex;
  justify-content: space-between;
}
.applicant .center-info div.request-input-container .trial-empty-message {
  color: #333;
  font-size: 14px;
  width: auto;
}
@media (max-width: 799px) {
  .applicant .center-info div.request-input-container .trial-empty-message {
    font-size: 12px;
  }
}
.applicant .center-info div.request-input-container .trial-info-container {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.applicant .center-info div.request-input-container .trial-info-container .trial-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.applicant .center-info div.request-input-container .trial-info-container .trial-info .trial-title {
  color: #999999;
  width: auto;
  font-weight: 400;
}
.applicant .center-info div.request-input-container .trial-info-container .trial-info .trial-desc {
  font-size: 14px;
  margin: 0;
  font-weight: 500;
  color: #333;
}
@media (max-width: 799px) {
  .applicant .center-info div.request-input-container .trial-info-container .trial-info .trial-desc {
    font-size: 12px;
  }
}
.applicant .center-info div.request-input-container .feedback-button {
  padding: 5px 12px 6px 12px;
  border-radius: 4px;
  background: #222;
  font-size: 12px;
}
.applicant .center-info div.request-input-container .feedback-button span {
  color: #fff;
  width: auto;
}
.applicant .center-info div.campaign-option {
  margin: 0;
  margin-bottom: 10px !important;
  overflow: auto;
}
@media (max-width: 799px) {
  .applicant .center-info div {
    font-size: 12px;
  }
}
.applicant .center-info div span {
  float: left;
  width: 115px;
  color: #999999;
  font-weight: 500;
}
@media (max-width: 799px) {
  .applicant .center-info div span {
    width: 80px;
  }
}
@media (max-width: 799px) {
  .applicant .center-info div span.delivery {
    height: 22px;
  }
}
.applicant .center-info .option-title {
  font-size: 14px;
}
@media (max-width: 799px) {
  .applicant .center-info .option-title {
    font-size: 12px;
  }
}
.applicant .center-info .guide-title {
  width: auto;
  font-size: 14px;
  font-weight: 400;
  color: #666;
}
@media (max-width: 799px) {
  .applicant .center-info .guide-title {
    font-size: 12px;
  }
}
@media (max-width: 799px) {
  .applicant .blog {
    padding: 10px 0 20px;
  }
  .applicant.row {
    margin-left: -5px;
    margin-right: -5px;
  }
  .applicant.col-xs-6 {
    width: 50%;
  }
}
.applicant .divider {
  border-bottom: 1px solid #e5e5e5;
  margin: 15px 2px;
}
.applicant .trial-divider {
  margin: 25px 0;
}
@media (max-width: 799px) {
  .applicant .trial-divider {
    margin: 20px 0;
  }
}
.campaign-card-list {
  min-height: 300px;
  margin-bottom: 40px;
  clear: both;
}
.campaign-card-list.mypage-cards div:first-child {
  margin-left: -5px;
  margin-right: -5px;
}
@media (max-width: 799px) {
  .campaign-card-list.mypage-cards {
    margin: 0 15px;
  }
}
@media (max-width: 799px) {
  .campaign-card-list {
    min-height: 20px;
    margin: 0;
  }
  .campaign-card-list .split-block {
    margin-bottom: 40px;
  }
  .campaign-card-list li:last-child,
  .campaign-card-list li:nth-last-child(2):nth-child(odd):not(.list-type) {
    border-bottom: none;
  }
  .campaign-card-list li.list-type {
    border-right: none;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.campaign-card-list h3 {
  margin-top: 30px;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 10px;
}
@media (max-width: 799px) {
  .campaign-card-list h3 {
    margin: 5px 0;
    font-size: 18px;
    padding: 12px 5px;
  }
}
.campaign-card-list h3 b {
  color: #222;
}
@media (max-width: 799px) {
  .campaign-card-list h3 b {
    color: #5c19dd;
  }
}
@media (max-width: 799px) {
  .campaign-card-list h3 small {
    color: #eee;
  }
}
.campaign-card-list h4 {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 10px;
  color: #404040;
}
@media (max-width: 799px) {
  .campaign-card-list h4 {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
  }
}
.campaign-card-list .list-utils {
  margin-top: 30px;
  text-align: right;
}
.campaign-card-list .list-utils:before,
.campaign-card-list .list-utils:after {
  content: " ";
  display: table;
}
.campaign-card-list .list-utils:after {
  clear: both;
}
.campaign-card-list .list-utils:before,
.campaign-card-list .list-utils:after {
  content: " ";
  display: table;
}
.campaign-card-list .list-utils:after {
  clear: both;
}
.campaign-card-list .list-utils .sort-tab {
  margin: -10px 0 0 8px;
}
.campaign-card-list .list-utils .sort-tab button {
  border: 1px solid #ddd;
}
@media (max-width: 799px) {
  .campaign-card-list .list-utils {
    margin: 0 -10px 0 -10px;
    line-height: 42px;
    height: 42px;
    padding-right: 10px;
    border-bottom: 1px solid #d4d4d4;
    font-size: 13px;
    background: #f6f6f6;
  }
  .campaign-card-list .list-utils .sort-tab {
    float: left;
    margin-top: -1px;
  }
}
.campaign-card-list .list-utils button {
  padding: 0 15px;
  font-size: 13px;
  line-height: 28px;
  color: #777;
  background: #fff;
  margin-top: 6px;
  margin-left: -1px;
  position: relative;
  z-index: 9;
}
.campaign-card-list .list-utils button img {
  vertical-align: baseline;
}
.campaign-card-list .list-utils button.active {
  color: #f05500;
  border: 1px solid #f89f6e;
  font-weight: bold;
  z-index: 10;
}
.campaign-card-list .list-utils button.card-type {
  position: relative;
  padding: 0 7px;
  border: 1px solid #ddd;
}
.campaign-card-list .list-utils button.card-type img {
  top: 2px;
  position: relative;
}
.campaign-card-list ul {
  zoom: 1;
}
.campaign-card-list ul:before,
.campaign-card-list ul:after {
  content: "";
  display: table;
}
.campaign-card-list ul:after {
  clear: both;
}
.campaign-card-list .more {
  margin: 30px;
}
.campaign-card-list .more .btn {
  border-radius: 100rem !important;
}
.revu-pick {
  width: 25%;
  display: inline-block;
  vertical-align: top;
}
.revu-pick .revu-picks-sub {
  width: 100%;
  padding: 15px 40px 25px 10px;
}
.revu-pick .revu-picks-sub img {
  width: 100%;
  max-height: 220px;
  border-radius: 3px;
}
.revu-pick .revu-picks-sub dl {
  margin: 0px;
  padding-bottom: 10px;
}
@media (max-width: 799px) {
  .revu-pick .revu-picks-sub {
    padding: 0px;
    margin-bottom: 15px;
  }
}
.revu-pick .revu-picks-sub .revu-pick-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.3px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 799px) {
  .revu-pick .revu-picks-sub .revu-pick-title {
    font-size: 16px;
    line-height: 22px;
  }
}
.revu-pick .revu-picks-sub .revu-pick-reward {
  font-weight: normal;
  font-size: 15px;
  line-height: 28px;
  letter-spacing: -0.3px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #666666;
}
@media (max-width: 799px) {
  .revu-pick .revu-picks-sub .revu-pick-reward {
    font-size: 13px;
    line-height: 26px;
  }
}
.revu-pick .revu-picks-sub div {
  border-bottom: 1px solid #E5E5E5;
}
.campaign-draft-form {
  position: relative;
}
.campaign-draft-form hr {
  border-color: #EEEEEE;
}
.campaign-draft-form .campaign-detail .campaign-content dl:first-child {
  padding-top: 0;
  margin-top: 0;
}
.campaign-draft-form .campaign-detail .campaign-content dl:first-child dt,
.campaign-draft-form .campaign-detail .campaign-content dl:first-child dd {
  padding-top: 0;
}
@media (max-width: 799px) {
  .campaign-draft-form .campaign-detail .campaign-content dl:first-child {
    padding-top: 0;
  }
  .campaign-draft-form .campaign-detail .campaign-content dl:first-child dt {
    padding-top: 0;
    margin-bottom: 20px;
  }
}
.campaign-draft-form .draft-list {
  margin-top: 20px;
}
.campaign-draft-form .upload-filename {
  color: #d78f37;
  font-size: 12px;
}
.campaign-draft-form .has-button .btn {
  width: 100px;
}
@media (max-width: 799px) {
  .campaign-draft-form .has-button file-upload {
    width: 100%;
  }
  .campaign-draft-form .has-button file-upload .btn {
    width: 100%;
  }
}
.campaign-draft-form .submit-wrap {
  margin: 30px 0 10px 0;
}
.campaign-draft-form .submit-wrap .btn {
  display: block;
  margin: 0 auto;
}
@media (max-width: 799px) {
  .campaign-draft-form .submit-wrap {
    margin: 20px 0 0 0;
  }
}
.campaign-draft-form .history li:first-child.manager {
  padding-top: 0;
  border-top: 0;
}
.campaign-draft-form .history li.manager {
  padding: 30px 0;
  margin-bottom: 30px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
@media (max-width: 799px) {
  .campaign-draft-form .history li.manager {
    padding-top: 20px;
    margin-bottom: 20px;
  }
}
.campaign-draft-form .history img.avatar {
  vertical-align: text-bottom !important;
  margin-right: 5px;
}
.campaign-draft-form .history strong {
  display: block;
  margin-bottom: 20px;
}
@media (max-width: 799px) {
  .campaign-draft-form .history strong {
    margin-bottom: 0;
  }
  .campaign-draft-form .history strong .created-at {
    float: none !important;
    margin-left: 32px;
    display: block;
  }
  .campaign-draft-form .history strong ~ ul {
    margin-left: 30px;
    margin-top: 10px;
  }
}
.campaign-draft-form .history .manage {
  color: #d78f37;
  font-weight: bold;
}
.campaign-draft-form .history li.reply-area {
  display: table;
  margin-bottom: 10px;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 22px;
}
.campaign-draft-form .history li.reply-area > strong {
  display: table-cell;
  width: 120px;
  font-weight: normal;
  color: #666;
  margin-bottom: 0;
}
.campaign-draft-form .history li.reply-area p {
  display: table-cell;
  margin-top: 10px;
}
.campaign-draft-form .history li.reply-area p a {
  vertical-align: middle;
}
@media (max-width: 799px) {
  .campaign-draft-form .history li.reply-area strong,
  .campaign-draft-form .history li.reply-area p {
    display: block;
    margin-top: 0;
  }
  .campaign-draft-form .history li.reply-area strong a,
  .campaign-draft-form .history li.reply-area p a {
    margin-left: 0;
  }
}
.campaign-draft-form .btn-draft-submit {
  font-size: 14px;
  font-weight: bold;
}
.campaign-draft-form .btn-draft-submit.in-review {
  background-color: #ebc08c;
  opacity: 1;
}
.campaign-draft-form .btn-draft-submit.complete {
  color: #888;
  background-color: #f6f6f6;
  opacity: 1;
}
.campaign-favorite-wrap {
  position: relative;
}
new-campaign-favorite {
  position: absolute;
  right: -3px;
  top: 2px;
  z-index: 30;
  display: block;
  overflow: visible;
}
.ncf-btn {
  position: relative !important;
  right: auto !important;
  top: auto !important;
  border: none;
  background: transparent !important;
  padding: 0;
  cursor: pointer;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  overflow: visible;
}
@media (max-width: 799px) {
  h2 new-campaign-favorite {
    display: none;
  }
}
.campaign-lottie {
  width: 30px;
  height: 30px;
  position: absolute;
  border: 0;
  padding: 0;
  top: 9px;
  right: 9px;
  z-index: 30;
  background-size: 30px;
  cursor: pointer;
}
.campaign-lottie.heart {
  width: 36px !important;
  height: 36px !important;
}
.campaign-favorite {
  border: none;
  background: url("/assets/img/campaign/ic-like-off.svg") no-repeat;
  width: 24px;
  height: 24px;
  position: absolute;
  border: 0;
  padding: 0;
  top: 12px;
  right: 12px;
  z-index: 30;
  transition: .1s;
  background-size: 24px;
}
.campaign-favorite.heart {
  background: url("/assets/img/campaign/ic-like-line.svg") no-repeat;
  width: 26px;
}
.campaign-favorite.on {
  background: url("/assets/img/campaign/ic-like-on.svg") no-repeat;
  background-size: 24px;
}
.new-campaign-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
}
.new-campaign-filter .ncf-media {
  display: flex;
  align-items: center;
  gap: 10px;
}
.new-campaign-filter .ncf-check {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.new-campaign-filter .ncf-check .ncf-check-label {
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
  white-space: nowrap;
}
.new-campaign-filter .ncf-check.is-on .ncf-check-label {
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
}
.new-campaign-filter .ncf-check-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.new-campaign-filter .ncf-premier-cta {
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 14px;
  border-radius: 999px;
  background: linear-gradient(to right, #7219EE, #31CCD6);
  font-family: 'Pretendard';
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  color: #FFFFFF;
  text-decoration: none;
  white-space: nowrap;
}
.new-campaign-filter .ncf-premier-cta:hover {
  opacity: 0.9;
}
.new-campaign-filter .ncf-sort {
  position: relative;
}
.new-campaign-filter .ncf-sort-btn {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
}
.new-campaign-filter .ncf-sort-list {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 40;
  width: 180px;
  margin: 0;
  padding: 15px 10px;
  list-style: none;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 20px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
}
.new-campaign-filter .ncf-sort-list li {
  width: 160px;
  padding: 10px 15px;
  border-radius: 10px;
  cursor: pointer;
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #333333;
  white-space: nowrap;
  box-sizing: border-box;
}
.new-campaign-filter .ncf-sort-list li.is-on {
  background: #F8F8F9;
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
}
@media (max-width: 799px) {
  .new-campaign-filter {
    padding: 20px 0 15px 0;
  }
  .new-campaign-filter .ncf-sort {
    margin-left: auto;
  }
  .new-campaign-filter .ncf-premier-cta {
    height: 28px;
    padding: 0 12px;
    margin-right: 5px;
    font-family: 'Pretendard';
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.01em;
    text-transform: none;
    text-decoration: none;
  }
  .new-campaign-filter .ncf-media-dropdown {
    position: relative;
  }
  .new-campaign-filter .ncf-media-btn {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font-family: 'Pretendard';
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.01em;
    text-transform: none;
    text-decoration: none;
    color: #222222;
  }
  .new-campaign-filter .ncf-media-list {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 40;
    width: 180px;
    margin: 0;
    padding: 15px 10px;
    list-style: none;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 20px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  }
  .new-campaign-filter .ncf-media-item {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 12px;
    border-radius: 10px;
    cursor: pointer;
    font-family: 'Pretendard';
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.01em;
    text-transform: none;
    text-decoration: none;
    color: #333333;
    white-space: nowrap;
    box-sizing: border-box;
  }
  .new-campaign-filter .ncf-media-item.is-on {
    background: #F8F8F9;
    font-family: 'Pretendard';
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.01em;
    text-transform: none;
    text-decoration: none;
  }
}
campaign-label {
  display: contents;
}
.campaign-label {
  font-family: 'Pretendard';
  font-size: 11px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.005em;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  display: inline-flex;
  gap: 2px;
  padding: 5px 6px;
  border: 1px solid #DDDDDD;
  border-radius: 5px;
  color: #222222;
  white-space: nowrap;
}
.campaign-label revu-icon {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}
.campaign-label revu-icon img {
  display: block;
}
.campaign-label.label-point {
  font-family: 'Pretendard';
  font-size: 11px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.005em;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  border-color: #CCCCCC;
}
.campaign-label.label-requirement {
  font-family: 'Pretendard';
  font-size: 11px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.005em;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  padding-left: 5px;
  padding-right: 5px;
  border-color: #BBB0FF;
  color: #5C19DD;
}
.campaign-label.label-urgent {
  font-family: 'Pretendard';
  font-size: 11px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.005em;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  padding-left: 5px;
  padding-right: 5px;
  border-color: #ffc2c2;
  color: #E73333;
}
.campaign-label.size-sm {
  font-family: 'Pretendard';
  font-size: 10px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  padding: 4px 5px;
  border-radius: 4px;
}
.campaign-label.size-sm.label-point,
.campaign-label.size-sm.label-requirement,
.campaign-label.size-sm.label-urgent {
  font-family: 'Pretendard';
  font-size: 10px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
}
.facebook-modal,
.penalty-modal,
.common-modal,
.membership,
.insta-guide-modal,
.clip-guide-modal,
.reviewer-step-modal,
.reviewer-inspect-modal,
.campaign-agree-modal,
.keyword-modal,
.mypage-user-delivery,
.youtube-mission-modal,
.naver-url-modal,
.offerwall-link-modal,
.feedback-modal {
  color: #222;
}
.facebook-modal h3,
.penalty-modal h3,
.common-modal h3,
.membership h3,
.insta-guide-modal h3,
.clip-guide-modal h3,
.reviewer-step-modal h3,
.reviewer-inspect-modal h3,
.campaign-agree-modal h3,
.keyword-modal h3,
.mypage-user-delivery h3,
.youtube-mission-modal h3,
.naver-url-modal h3,
.offerwall-link-modal h3,
.feedback-modal h3 {
  padding: 0 15px 15px 20px;
  font-size: 16px;
  font-weight: bold;
}
.facebook-modal h3.ok,
.penalty-modal h3.ok,
.common-modal h3.ok,
.membership h3.ok,
.insta-guide-modal h3.ok,
.clip-guide-modal h3.ok,
.reviewer-step-modal h3.ok,
.reviewer-inspect-modal h3.ok,
.campaign-agree-modal h3.ok,
.keyword-modal h3.ok,
.mypage-user-delivery h3.ok,
.youtube-mission-modal h3.ok,
.naver-url-modal h3.ok,
.offerwall-link-modal h3.ok,
.feedback-modal h3.ok {
  background: url('/assets/img/campaign/ic-ok.svg') left top no-repeat;
}
.facebook-modal h3.no,
.penalty-modal h3.no,
.common-modal h3.no,
.membership h3.no,
.insta-guide-modal h3.no,
.clip-guide-modal h3.no,
.reviewer-step-modal h3.no,
.reviewer-inspect-modal h3.no,
.campaign-agree-modal h3.no,
.keyword-modal h3.no,
.mypage-user-delivery h3.no,
.youtube-mission-modal h3.no,
.naver-url-modal h3.no,
.offerwall-link-modal h3.no,
.feedback-modal h3.no {
  background: url('/assets/img/campaign/ic-no.svg') left 2px no-repeat;
}
.facebook-modal a.ok,
.penalty-modal a.ok,
.common-modal a.ok,
.membership a.ok,
.insta-guide-modal a.ok,
.clip-guide-modal a.ok,
.reviewer-step-modal a.ok,
.reviewer-inspect-modal a.ok,
.campaign-agree-modal a.ok,
.keyword-modal a.ok,
.mypage-user-delivery a.ok,
.youtube-mission-modal a.ok,
.naver-url-modal a.ok,
.offerwall-link-modal a.ok,
.feedback-modal a.ok,
.facebook-modal button.ok,
.penalty-modal button.ok,
.common-modal button.ok,
.membership button.ok,
.insta-guide-modal button.ok,
.clip-guide-modal button.ok,
.reviewer-step-modal button.ok,
.reviewer-inspect-modal button.ok,
.campaign-agree-modal button.ok,
.keyword-modal button.ok,
.mypage-user-delivery button.ok,
.youtube-mission-modal button.ok,
.naver-url-modal button.ok,
.offerwall-link-modal button.ok,
.feedback-modal button.ok {
  display: inline-block;
  width: 240px;
  height: 48px;
  line-height: 47px;
  background: #000;
  color: #fff;
  font-size: 16px;
  letter-spacing: -0.4px;
  border: none;
  font-weight: 500;
}
@media (max-width: 799px) {
  .facebook-modal a.ok,
  .penalty-modal a.ok,
  .common-modal a.ok,
  .membership a.ok,
  .insta-guide-modal a.ok,
  .clip-guide-modal a.ok,
  .reviewer-step-modal a.ok,
  .reviewer-inspect-modal a.ok,
  .campaign-agree-modal a.ok,
  .keyword-modal a.ok,
  .mypage-user-delivery a.ok,
  .youtube-mission-modal a.ok,
  .naver-url-modal a.ok,
  .offerwall-link-modal a.ok,
  .feedback-modal a.ok,
  .facebook-modal button.ok,
  .penalty-modal button.ok,
  .common-modal button.ok,
  .membership button.ok,
  .insta-guide-modal button.ok,
  .clip-guide-modal button.ok,
  .reviewer-step-modal button.ok,
  .reviewer-inspect-modal button.ok,
  .campaign-agree-modal button.ok,
  .keyword-modal button.ok,
  .mypage-user-delivery button.ok,
  .youtube-mission-modal button.ok,
  .naver-url-modal button.ok,
  .offerwall-link-modal button.ok,
  .feedback-modal button.ok {
    width: 100%;
  }
}
.facebook-modal a.ok:disabled,
.penalty-modal a.ok:disabled,
.common-modal a.ok:disabled,
.membership a.ok:disabled,
.insta-guide-modal a.ok:disabled,
.clip-guide-modal a.ok:disabled,
.reviewer-step-modal a.ok:disabled,
.reviewer-inspect-modal a.ok:disabled,
.campaign-agree-modal a.ok:disabled,
.keyword-modal a.ok:disabled,
.mypage-user-delivery a.ok:disabled,
.youtube-mission-modal a.ok:disabled,
.naver-url-modal a.ok:disabled,
.offerwall-link-modal a.ok:disabled,
.feedback-modal a.ok:disabled,
.facebook-modal button.ok:disabled,
.penalty-modal button.ok:disabled,
.common-modal button.ok:disabled,
.membership button.ok:disabled,
.insta-guide-modal button.ok:disabled,
.clip-guide-modal button.ok:disabled,
.reviewer-step-modal button.ok:disabled,
.reviewer-inspect-modal button.ok:disabled,
.campaign-agree-modal button.ok:disabled,
.keyword-modal button.ok:disabled,
.mypage-user-delivery button.ok:disabled,
.youtube-mission-modal button.ok:disabled,
.naver-url-modal button.ok:disabled,
.offerwall-link-modal button.ok:disabled,
.feedback-modal button.ok:disabled,
.facebook-modal a.ok:disabled:hover,
.penalty-modal a.ok:disabled:hover,
.common-modal a.ok:disabled:hover,
.membership a.ok:disabled:hover,
.insta-guide-modal a.ok:disabled:hover,
.clip-guide-modal a.ok:disabled:hover,
.reviewer-step-modal a.ok:disabled:hover,
.reviewer-inspect-modal a.ok:disabled:hover,
.campaign-agree-modal a.ok:disabled:hover,
.keyword-modal a.ok:disabled:hover,
.mypage-user-delivery a.ok:disabled:hover,
.youtube-mission-modal a.ok:disabled:hover,
.naver-url-modal a.ok:disabled:hover,
.offerwall-link-modal a.ok:disabled:hover,
.feedback-modal a.ok:disabled:hover,
.facebook-modal button.ok:disabled:hover,
.penalty-modal button.ok:disabled:hover,
.common-modal button.ok:disabled:hover,
.membership button.ok:disabled:hover,
.insta-guide-modal button.ok:disabled:hover,
.clip-guide-modal button.ok:disabled:hover,
.reviewer-step-modal button.ok:disabled:hover,
.reviewer-inspect-modal button.ok:disabled:hover,
.campaign-agree-modal button.ok:disabled:hover,
.keyword-modal button.ok:disabled:hover,
.mypage-user-delivery button.ok:disabled:hover,
.youtube-mission-modal button.ok:disabled:hover,
.naver-url-modal button.ok:disabled:hover,
.offerwall-link-modal button.ok:disabled:hover,
.feedback-modal button.ok:disabled:hover {
  color: #AAA !important;
  background: #EFEFEF !important;
}
.facebook-modal a.ok:disabled.active,
.penalty-modal a.ok:disabled.active,
.common-modal a.ok:disabled.active,
.membership a.ok:disabled.active,
.insta-guide-modal a.ok:disabled.active,
.clip-guide-modal a.ok:disabled.active,
.reviewer-step-modal a.ok:disabled.active,
.reviewer-inspect-modal a.ok:disabled.active,
.campaign-agree-modal a.ok:disabled.active,
.keyword-modal a.ok:disabled.active,
.mypage-user-delivery a.ok:disabled.active,
.youtube-mission-modal a.ok:disabled.active,
.naver-url-modal a.ok:disabled.active,
.offerwall-link-modal a.ok:disabled.active,
.feedback-modal a.ok:disabled.active,
.facebook-modal button.ok:disabled.active,
.penalty-modal button.ok:disabled.active,
.common-modal button.ok:disabled.active,
.membership button.ok:disabled.active,
.insta-guide-modal button.ok:disabled.active,
.clip-guide-modal button.ok:disabled.active,
.reviewer-step-modal button.ok:disabled.active,
.reviewer-inspect-modal button.ok:disabled.active,
.campaign-agree-modal button.ok:disabled.active,
.keyword-modal button.ok:disabled.active,
.mypage-user-delivery button.ok:disabled.active,
.youtube-mission-modal button.ok:disabled.active,
.naver-url-modal button.ok:disabled.active,
.offerwall-link-modal button.ok:disabled.active,
.feedback-modal button.ok:disabled.active,
.facebook-modal a.ok:disabled:hover.active,
.penalty-modal a.ok:disabled:hover.active,
.common-modal a.ok:disabled:hover.active,
.membership a.ok:disabled:hover.active,
.insta-guide-modal a.ok:disabled:hover.active,
.clip-guide-modal a.ok:disabled:hover.active,
.reviewer-step-modal a.ok:disabled:hover.active,
.reviewer-inspect-modal a.ok:disabled:hover.active,
.campaign-agree-modal a.ok:disabled:hover.active,
.keyword-modal a.ok:disabled:hover.active,
.mypage-user-delivery a.ok:disabled:hover.active,
.youtube-mission-modal a.ok:disabled:hover.active,
.naver-url-modal a.ok:disabled:hover.active,
.offerwall-link-modal a.ok:disabled:hover.active,
.feedback-modal a.ok:disabled:hover.active,
.facebook-modal button.ok:disabled:hover.active,
.penalty-modal button.ok:disabled:hover.active,
.common-modal button.ok:disabled:hover.active,
.membership button.ok:disabled:hover.active,
.insta-guide-modal button.ok:disabled:hover.active,
.clip-guide-modal button.ok:disabled:hover.active,
.reviewer-step-modal button.ok:disabled:hover.active,
.reviewer-inspect-modal button.ok:disabled:hover.active,
.campaign-agree-modal button.ok:disabled:hover.active,
.keyword-modal button.ok:disabled:hover.active,
.mypage-user-delivery button.ok:disabled:hover.active,
.youtube-mission-modal button.ok:disabled:hover.active,
.naver-url-modal button.ok:disabled:hover.active,
.offerwall-link-modal button.ok:disabled:hover.active,
.feedback-modal button.ok:disabled:hover.active,
.facebook-modal a.ok:disabled.active:hover,
.penalty-modal a.ok:disabled.active:hover,
.common-modal a.ok:disabled.active:hover,
.membership a.ok:disabled.active:hover,
.insta-guide-modal a.ok:disabled.active:hover,
.clip-guide-modal a.ok:disabled.active:hover,
.reviewer-step-modal a.ok:disabled.active:hover,
.reviewer-inspect-modal a.ok:disabled.active:hover,
.campaign-agree-modal a.ok:disabled.active:hover,
.keyword-modal a.ok:disabled.active:hover,
.mypage-user-delivery a.ok:disabled.active:hover,
.youtube-mission-modal a.ok:disabled.active:hover,
.naver-url-modal a.ok:disabled.active:hover,
.offerwall-link-modal a.ok:disabled.active:hover,
.feedback-modal a.ok:disabled.active:hover,
.facebook-modal button.ok:disabled.active:hover,
.penalty-modal button.ok:disabled.active:hover,
.common-modal button.ok:disabled.active:hover,
.membership button.ok:disabled.active:hover,
.insta-guide-modal button.ok:disabled.active:hover,
.clip-guide-modal button.ok:disabled.active:hover,
.reviewer-step-modal button.ok:disabled.active:hover,
.reviewer-inspect-modal button.ok:disabled.active:hover,
.campaign-agree-modal button.ok:disabled.active:hover,
.keyword-modal button.ok:disabled.active:hover,
.mypage-user-delivery button.ok:disabled.active:hover,
.youtube-mission-modal button.ok:disabled.active:hover,
.naver-url-modal button.ok:disabled.active:hover,
.offerwall-link-modal button.ok:disabled.active:hover,
.feedback-modal button.ok:disabled.active:hover,
.facebook-modal a.ok:disabled:hover.active:hover,
.penalty-modal a.ok:disabled:hover.active:hover,
.common-modal a.ok:disabled:hover.active:hover,
.membership a.ok:disabled:hover.active:hover,
.insta-guide-modal a.ok:disabled:hover.active:hover,
.clip-guide-modal a.ok:disabled:hover.active:hover,
.reviewer-step-modal a.ok:disabled:hover.active:hover,
.reviewer-inspect-modal a.ok:disabled:hover.active:hover,
.campaign-agree-modal a.ok:disabled:hover.active:hover,
.keyword-modal a.ok:disabled:hover.active:hover,
.mypage-user-delivery a.ok:disabled:hover.active:hover,
.youtube-mission-modal a.ok:disabled:hover.active:hover,
.naver-url-modal a.ok:disabled:hover.active:hover,
.offerwall-link-modal a.ok:disabled:hover.active:hover,
.feedback-modal a.ok:disabled:hover.active:hover,
.facebook-modal button.ok:disabled:hover.active:hover,
.penalty-modal button.ok:disabled:hover.active:hover,
.common-modal button.ok:disabled:hover.active:hover,
.membership button.ok:disabled:hover.active:hover,
.insta-guide-modal button.ok:disabled:hover.active:hover,
.clip-guide-modal button.ok:disabled:hover.active:hover,
.reviewer-step-modal button.ok:disabled:hover.active:hover,
.reviewer-inspect-modal button.ok:disabled:hover.active:hover,
.campaign-agree-modal button.ok:disabled:hover.active:hover,
.keyword-modal button.ok:disabled:hover.active:hover,
.mypage-user-delivery button.ok:disabled:hover.active:hover,
.youtube-mission-modal button.ok:disabled:hover.active:hover,
.naver-url-modal button.ok:disabled:hover.active:hover,
.offerwall-link-modal button.ok:disabled:hover.active:hover,
.feedback-modal button.ok:disabled:hover.active:hover {
  color: #a94442 !important;
  background: #AAA !important;
}
.facebook-modal .desc,
.penalty-modal .desc,
.common-modal .desc,
.membership .desc,
.insta-guide-modal .desc,
.clip-guide-modal .desc,
.reviewer-step-modal .desc,
.reviewer-inspect-modal .desc,
.campaign-agree-modal .desc,
.keyword-modal .desc,
.mypage-user-delivery .desc,
.youtube-mission-modal .desc,
.naver-url-modal .desc,
.offerwall-link-modal .desc,
.feedback-modal .desc {
  color: #666;
  letter-spacing: -0.2px;
  padding-bottom: 10px;
}
@media (max-width: 799px) {
  .facebook-modal .desc,
  .penalty-modal .desc,
  .common-modal .desc,
  .membership .desc,
  .insta-guide-modal .desc,
  .clip-guide-modal .desc,
  .reviewer-step-modal .desc,
  .reviewer-inspect-modal .desc,
  .campaign-agree-modal .desc,
  .keyword-modal .desc,
  .mypage-user-delivery .desc,
  .youtube-mission-modal .desc,
  .naver-url-modal .desc,
  .offerwall-link-modal .desc,
  .feedback-modal .desc {
    font-size: 13px;
    padding-bottom: 0;
    line-height: inherit;
  }
}
.facebook-modal .revu-color,
.penalty-modal .revu-color,
.common-modal .revu-color,
.membership .revu-color,
.insta-guide-modal .revu-color,
.clip-guide-modal .revu-color,
.reviewer-step-modal .revu-color,
.reviewer-inspect-modal .revu-color,
.campaign-agree-modal .revu-color,
.keyword-modal .revu-color,
.mypage-user-delivery .revu-color,
.youtube-mission-modal .revu-color,
.naver-url-modal .revu-color,
.offerwall-link-modal .revu-color,
.feedback-modal .revu-color {
  color: #5C19DD;
  font-weight: 500;
}
.campaign-agreement-modal ul {
  margin: 15px 20px;
}
.campaign-agreement-modal li {
  list-style: square;
  margin-bottom: 10px;
}
.campaign-agreement-modal table {
  width: 100%;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 13px;
}
@media (max-width: 799px) {
  .campaign-agreement-modal table {
    font-size: 12px;
  }
}
.campaign-agreement-modal th {
  background: #F8F8F8;
  padding: 5px 10px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom-width: 1px !important;
}
.campaign-agreement-modal th:first-child {
  max-width: 130px;
}
.campaign-agreement-modal td {
  border-right: 1px solid #ddd;
}
.campaign-agree-modal ul {
  margin: 15px 20px;
}
.campaign-agree-modal li {
  list-style: square;
  margin-bottom: 10px;
}
.campaign-agree-modal table {
  width: 100%;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 13px;
}
@media (max-width: 799px) {
  .campaign-agree-modal table {
    font-size: 11px;
  }
}
.campaign-agree-modal th {
  background: #f5f5f5;
  padding: 5px 10px;
  color: #666666;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom-width: 1px !important;
}
@media (max-width: 799px) {
  .campaign-agree-modal th {
    padding: 5px !important;
  }
}
.campaign-agree-modal th:first-child {
  min-width: 130px;
}
@media (max-width: 799px) {
  .campaign-agree-modal th:first-child {
    width: 40px !important;
    min-width: 40px;
  }
}
.campaign-agree-modal td {
  border-right: 1px solid #ddd;
}
@media (max-width: 799px) {
  .campaign-agree-modal td {
    padding: 5px !important;
  }
}
.youtube-mission-modal img,
.reviewer-step-modal img,
.reviewer-inspect-modal img {
  max-width: 100%;
  margin: 0 auto;
}
.reviewer-step-modal.content .steps,
.reviewer-step-modal.request .steps {
  display: flex;
}
.reviewer-step-modal.content .steps .step,
.reviewer-step-modal.request .steps .step {
  cursor: pointer;
  width: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 400;
  color: #777777;
  letter-spacing: -0.40000001px;
  text-align: center;
}
.reviewer-step-modal.content .steps .step span,
.reviewer-step-modal.request .steps .step span {
  font-weight: 700;
}
.reviewer-step-modal.content .steps .step:hover,
.reviewer-step-modal.request .steps .step:hover,
.reviewer-step-modal.content .steps .step.active,
.reviewer-step-modal.request .steps .step.active {
  color: #222222;
}
.reviewer-step-modal.content .steps .step:hover span,
.reviewer-step-modal.request .steps .step:hover span,
.reviewer-step-modal.content .steps .step.active span,
.reviewer-step-modal.request .steps .step.active span {
  color: #5C19DD;
}
.reviewer-step-modal.content .step-img img,
.reviewer-step-modal.request .step-img img {
  margin: 10px 0px;
}
.reviewer-step-modal.content hr,
.reviewer-step-modal.request hr {
  margin-bottom: 25px;
}
.reviewer-step-modal.content hr.bold,
.reviewer-step-modal.request hr.bold {
  border-top: 8px solid #EEEEEE;
  margin-left: -20px;
  width: 107%;
}
.reviewer-step-modal.request .steps {
  justify-content: center;
  gap: 40px;
}
.reviewer-step-modal.content .steps {
  margin: 30px 0;
  justify-content: center;
  gap: 20px;
}
.reviewer-step-modal.content .steps .step {
  width: 96px;
}
.reviewer-inspect-modal h2 {
  font-size: 20px;
}
.reviewer-inspect-modal h3 {
  font-size: 16px;
  padding: 0;
  margin-bottom: 20px;
}
.reviewer-inspect-modal .inspect-area .mission-icon-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 12px;
  padding: 10px 0 20px;
  gap: 25px;
}
@media (max-width: 799px) {
  .reviewer-inspect-modal .inspect-area .mission-icon-wrap {
    padding: 0 0 10px;
    gap: 15px 25px;
  }
}
.reviewer-inspect-modal .inspect-area .mission-icon-wrap .mission-icon {
  position: relative;
  margin: 0;
  text-align: center;
}
.reviewer-inspect-modal .inspect-area .mission-icon-wrap .mission-icon > div {
  padding: 10px;
  display: flex;
  justify-content: center;
}
.reviewer-inspect-modal .inspect-area .mission-icon-wrap mission-icon img {
  width: 30px;
  height: 30px;
  max-width: none;
  margin: 0;
}
.reviewer-inspect-modal .detail-area dl.inspect-content {
  display: flex;
}
.reviewer-inspect-modal .detail-area dl.inspect-content:last-child .text-wrap {
  border: none;
}
.reviewer-inspect-modal .detail-area dl.inspect-content div.img-wrap {
  flex-shrink: 0;
  margin: 0 15px;
  position: relative;
}
@media (max-width: 799px) {
  .reviewer-inspect-modal .detail-area dl.inspect-content div.img-wrap {
    margin: 0 10px 0 0;
  }
}
.reviewer-inspect-modal .detail-area dl.inspect-content div.img-wrap > div {
  padding: 10px;
}
.reviewer-inspect-modal .detail-area dl.inspect-content div.img-wrap mission-icon img {
  width: 30px;
  height: 30px;
  max-width: none;
  margin: 0;
}
.reviewer-inspect-modal .detail-area dl.inspect-content div.text-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
}
@media (max-width: 799px) {
  .reviewer-inspect-modal .detail-area dl.inspect-content div.text-wrap {
    padding-bottom: 20px;
  }
}
.reviewer-inspect-modal .detail-area dl.inspect-content div.text-wrap dt {
  margin-bottom: 5px;
}
.reviewer-inspect-modal .detail-area dl.inspect-content div.text-wrap dd {
  word-break: keep-all;
}
.reviewer-inspect-modal .detail-area dl.inspect-content div.text-wrap .last-content {
  margin-top: 10px;
  font-size: 12px;
  border-radius: 6px;
  background-color: #F8F3FF;
  color: #5C19DD;
  width: fit-content;
  padding: 5px 10px;
  text-align: center;
}
.reviewer-inspect-modal .detail-area dl.inspect-content div.text-wrap .last-content span {
  font-weight: 500;
}
.reviewer-inspect-modal .detail-area dl.inspect-content div.text-wrap .last-content img {
  margin-right: 5px;
  padding-bottom: 3px;
}
.reviewer-inspect-modal .detail-area .inspect-complete {
  padding: 30px 0 30px;
  text-align: center;
}
.reviewer-inspect-modal .detail-area .inspect-complete .img-wrap {
  width: 40px;
  height: 40px;
  margin: 0 auto 20px;
}
.reviewer-inspect-modal .detail-area .inspect-complete .img-wrap img {
  width: 100%;
}
.reviewer-inspect-modal .detail-area .inspect-complete p {
  font-size: 16px;
}
.reviewer-inspect-modal hr.button-area-top {
  margin-bottom: 25px;
  margin-top: 40px;
}
.reviewer-inspect-modal .button-area button {
  font-weight: 400;
}
.reviewer-inspect-modal .button-area button.btn-back {
  font-weight: 700;
}
.insta-guide-modal p.insta {
  background: url('/assets/img/common/ic-insta-business.svg') left top no-repeat;
  background-size: 58px;
  padding-left: 70px;
  margin-bottom: 30px;
  padding-top: 10px;
}
.insta-guide-modal .video {
  background: #EFEFEF;
  height: 560px;
  width: 100%;
  border: 0;
}
.insta-guide-modal .video video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.insta-guide-modal .video iframe {
  width: 560px;
  height: 560px;
}
@media (max-width: 619px) {
  .insta-guide-modal .video iframe {
    width: 100%;
    height: 100%;
  }
}
.modal .modal-cancel-headless {
  position: absolute;
  right: 20px;
  top: 18px;
}
.penalty-modal .penalty-card {
  width: 40px;
  position: absolute;
  top: -25px;
  left: 30px;
}
.penalty-modal.issue hr {
  border-color: #eee;
  margin: 25px 0;
}
.penalty-modal.issue hr.b {
  border-color: #666666;
}
.penalty-modal.issue .issue-title p {
  padding: 0;
}
.penalty-modal.issue .issue-title p.title {
  font-size: 14px;
  font-weight: 500;
}
.penalty-modal.issue .issue-title p.title a {
  color: #5C19DD;
}
.penalty-modal.issue .issue-title p.title.penalty.orange {
  color: #F5540F;
}
.penalty-modal.issue .issue-title p.desc {
  padding: 0;
  font-size: 12px;
  font-weight: 400;
}
.penalty-modal.issue .issue-title p.penalty-info {
  margin: 9px 0 3px 0;
}
.penalty-modal.issue .issue-title p.penalty-desc {
  font-size: 12px;
  color: #666666;
}
.penalty-modal.issue .issue-title .btn-more-issue {
  position: absolute;
  right: 0;
  bottom: 0px;
  width: 69px !important;
  height: 28px;
  line-height: 1;
  border: 1px solid #d2d2d2;
  border-radius: 30px;
  background: #FFFFFF;
  padding: 5px 10px;
  color: #222;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.2px;
}
@media (max-width: 799px) {
  .penalty-modal.issue .issue-title .btn-more-issue {
    bottom: -5px;
  }
}
.penalty-modal.issue section .issue-content .content-title,
.penalty-modal.issue section .file-upload-area .content-title {
  font-size: 13px;
  font-weight: 500;
  padding: 0;
  margin-bottom: 15px;
}
.penalty-modal.issue section .issue-content p.desc {
  font-size: 11px;
  text-align: right;
  padding-bottom: 0;
}
.penalty-modal.issue section .issue-content textarea {
  width: 100%;
  height: 200px;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 15px;
  font-size: 12px;
}
.penalty-modal.issue section .issue-content textarea::placeholder {
  color: #999999;
}
.penalty-modal.issue section .issue-content textarea:focus {
  border: 1px solid #222222;
}
.penalty-modal.issue section .issue-content .answer-content {
  width: 100%;
  background: #F6F7FC;
  border-radius: 4px;
  padding: 15px;
  margin-bottom: 10px;
  font-size: 12px;
}
.penalty-modal.issue section .issue-content .answer-content p b {
  font-size: 13px !important;
}
.penalty-modal.issue section .issue-content .answer-content p img {
  width: 100%;
}
.penalty-modal.issue section .issue-content .my-content {
  font-size: 12px;
  font-weight: 400;
}
.penalty-modal.issue section .issue-content .my-content .issue-dt {
  margin: 10px 0 0 0;
  font-size: 11px;
  color: #999999;
}
.penalty-modal.issue section .issue-content .my-content span img {
  width: 100%;
}
.penalty-modal.issue section .file-upload-area .img-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 12px;
  grid-row-gap: 15px;
  margin-bottom: 15px;
}
@media (max-width: 799px) {
  .penalty-modal.issue section .file-upload-area .img-list {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }
}
.penalty-modal.issue section .file-upload-area .img-list .item {
  width: 116px;
  height: 116px;
  border-radius: 4px;
}
@media (max-width: 799px) {
  .penalty-modal.issue section .file-upload-area .img-list .item {
    width: 105px;
    height: 105px;
  }
}
.penalty-modal.issue section .file-upload-area .img-list .item.add-img {
  position: relative;
  display: inline-block;
}
.penalty-modal.issue section .file-upload-area .img-list .item.add-img .upload-img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.penalty-modal.issue section .file-upload-area .img-list .item.add-img .btn-remove {
  position: absolute;
  cursor: pointer;
  top: -5px;
  right: -5px;
  width: 18px;
  height: 18px;
}
@media (max-width: 799px) {
  .penalty-modal.issue section .file-upload-area .img-list .item.add-img .btn-remove {
    width: 16px;
    height: 16px;
  }
}
.penalty-modal.issue section .file-upload-area .img-list .item.add-file-button .file-upload {
  height: 100%;
}
.penalty-modal.issue section .file-upload-area .img-list .item.add-file-button .file-upload button {
  height: 100%;
  border: none;
  background: #F4F5FF;
}
.penalty-modal.issue section .file-upload-area .img-list .item.add-file-button img {
  width: 36px;
  height: 36px;
  margin: 0 auto;
}
@media (max-width: 799px) {
  .penalty-modal.issue section .file-upload-area .img-list .item.add-file-button img {
    width: 32px;
    height: 32px;
  }
}
.penalty-modal.issue section .more-content {
  cursor: pointer;
}
.penalty-modal.issue section .more-content span {
  font-weight: 500;
  font-size: 14px;
  text-align: left;
}
.penalty-modal.issue section .more-content img {
  float: right;
}
.penalty-modal.issue section .more-content.isOpen {
  padding-bottom: 20px !important;
}
@media (max-width: 799px) {
  .penalty-modal.issue section .more-content.isOpen {
    padding-bottom: 15px !important;
  }
}
.penalty-modal.issue section .text-center {
  width: 100%;
}
.penalty-modal.issue section .text-center button.ok {
  width: 240px !important;
  margin: 0 auto;
}
@media (max-width: 799px) {
  .penalty-modal.issue section .text-center button.ok {
    width: 100% !important;
  }
}
.penalty-modal .desc {
  padding-bottom: 30px;
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.4px;
  color: #999999;
}
@media (max-width: 799px) {
  .penalty-modal .desc {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #999999;
    padding-bottom: 20px;
  }
}
.penalty-modal .point {
  color: #5c19dd;
}
.penalty-modal .content {
  font-weight: 400;
  font-size: 20px;
  line-height: 29px;
  letter-spacing: -0.3px;
  color: #222222;
  margin-top: 25px;
  margin-bottom: 15px;
  text-align: left;
}
@media (max-width: 799px) {
  .penalty-modal .content {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.3px;
    color: #222222;
  }
}
.penalty-modal button {
  width: 100% !important;
}
.penalty-modal .congratulations {
  position: absolute;
  top: -75px;
  left: -30px;
  z-index: 1;
}
.youtube-mission-modal h3 {
  padding: 0;
  padding-bottom: 20px;
  font-size: 16px;
  font-weight: normal;
}
.youtube-mission-modal p {
  font-size: 14px;
}
@media (max-width: 799px) {
  .youtube-mission-modal h3 {
    font-size: 14px;
  }
  .youtube-mission-modal p {
    font-size: 12px;
  }
  .youtube-mission-modal p.description-youtube {
    font-size: 13px;
  }
}
.keyword-modal .section-middle,
.insta-guide-modal .section-middle,
.youtube-mission-modal .section-middle,
.clip-guide-modal .section-middle {
  margin: 20px 0 15px 0;
}
.keyword-modal .section-middle div,
.insta-guide-modal .section-middle div,
.youtube-mission-modal .section-middle div,
.clip-guide-modal .section-middle div {
  margin: 15px 0;
}
.keyword-modal h4,
.insta-guide-modal h4,
.youtube-mission-modal h4,
.clip-guide-modal h4 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
}
.keyword-modal p,
.insta-guide-modal p,
.youtube-mission-modal p,
.clip-guide-modal p {
  margin: 0;
  line-height: 20px;
}
@media (max-width: 799px) {
  .keyword-modal p,
  .insta-guide-modal p,
  .youtube-mission-modal p,
  .clip-guide-modal p {
    line-height: 19px;
    font-size: 13px;
  }
}
.keyword-modal p.content-margin,
.insta-guide-modal p.content-margin,
.youtube-mission-modal p.content-margin,
.clip-guide-modal p.content-margin {
  margin-top: 6px;
}
.keyword-modal p.font-999,
.insta-guide-modal p.font-999,
.youtube-mission-modal p.font-999,
.clip-guide-modal p.font-999 {
  color: #999;
}
.keyword-modal p.ex-keyword,
.insta-guide-modal p.ex-keyword,
.youtube-mission-modal p.ex-keyword,
.clip-guide-modal p.ex-keyword {
  margin-top: 20px;
}
.keyword-modal p.desc,
.insta-guide-modal p.desc,
.youtube-mission-modal p.desc,
.clip-guide-modal p.desc {
  margin-top: 10px;
}
.keyword-modal p.insta-title,
.insta-guide-modal p.insta-title,
.youtube-mission-modal p.insta-title,
.clip-guide-modal p.insta-title,
.keyword-modal p.youtube-title,
.insta-guide-modal p.youtube-title,
.youtube-mission-modal p.youtube-title,
.clip-guide-modal p.youtube-title,
.keyword-modal p.clip-title,
.insta-guide-modal p.clip-title,
.youtube-mission-modal p.clip-title,
.clip-guide-modal p.clip-title {
  font-size: 14px;
  font-weight: 700;
}
.keyword-modal p.insta-title.title-big,
.insta-guide-modal p.insta-title.title-big,
.youtube-mission-modal p.insta-title.title-big,
.clip-guide-modal p.insta-title.title-big,
.keyword-modal p.youtube-title.title-big,
.insta-guide-modal p.youtube-title.title-big,
.youtube-mission-modal p.youtube-title.title-big,
.clip-guide-modal p.youtube-title.title-big,
.keyword-modal p.clip-title.title-big,
.insta-guide-modal p.clip-title.title-big,
.youtube-mission-modal p.clip-title.title-big,
.clip-guide-modal p.clip-title.title-big {
  font-size: 16px;
}
.keyword-modal p.insta-title.title-big.title-margin,
.insta-guide-modal p.insta-title.title-big.title-margin,
.youtube-mission-modal p.insta-title.title-big.title-margin,
.clip-guide-modal p.insta-title.title-big.title-margin,
.keyword-modal p.youtube-title.title-big.title-margin,
.insta-guide-modal p.youtube-title.title-big.title-margin,
.youtube-mission-modal p.youtube-title.title-big.title-margin,
.clip-guide-modal p.youtube-title.title-big.title-margin,
.keyword-modal p.clip-title.title-big.title-margin,
.insta-guide-modal p.clip-title.title-big.title-margin,
.youtube-mission-modal p.clip-title.title-big.title-margin,
.clip-guide-modal p.clip-title.title-big.title-margin {
  font-weight: 700;
  margin-bottom: 16px;
}
@media (max-width: 799px) {
  .keyword-modal p.insta-title,
  .insta-guide-modal p.insta-title,
  .youtube-mission-modal p.insta-title,
  .clip-guide-modal p.insta-title {
    font-size: 14px;
  }
  .keyword-modal p.insta-content,
  .insta-guide-modal p.insta-content,
  .youtube-mission-modal p.insta-content,
  .clip-guide-modal p.insta-content {
    font-size: 13px;
  }
}
.keyword-modal .revu-color,
.insta-guide-modal .revu-color,
.youtube-mission-modal .revu-color,
.clip-guide-modal .revu-color {
  margin-bottom: 5px;
}
.keyword-modal .desc,
.insta-guide-modal .desc,
.youtube-mission-modal .desc,
.clip-guide-modal .desc {
  font-size: 12px;
  color: #777;
}
.keyword-modal h2,
.insta-guide-modal h2,
.clip-guide-modal h2,
.youtube-mission-modal h2 {
  margin-bottom: 0;
}
.keyword-modal .keyword-guide,
.insta-guide-modal .keyword-guide,
.clip-guide-modal .keyword-guide,
.youtube-mission-modal .keyword-guide {
  padding: 16px 0;
}
.keyword-modal .guide-wrap,
.insta-guide-modal .guide-wrap,
.clip-guide-modal .guide-wrap,
.youtube-mission-modal .guide-wrap {
  margin-top: 16px;
  margin-bottom: 28px;
}
.keyword-modal .guide-wrap .guide-img,
.insta-guide-modal .guide-wrap .guide-img,
.clip-guide-modal .guide-wrap .guide-img,
.youtube-mission-modal .guide-wrap .guide-img {
  width: 100%;
}
.keyword-modal .ex-keyword-wrap,
.insta-guide-modal .ex-keyword-wrap,
.clip-guide-modal .ex-keyword-wrap,
.youtube-mission-modal .ex-keyword-wrap {
  margin-top: 16px;
  display: flex;
  /* <-- 핵심 */
  align-items: center;
  gap: 8px;
}
.keyword-modal .ex-keyword-wrap.margin-none,
.insta-guide-modal .ex-keyword-wrap.margin-none,
.clip-guide-modal .ex-keyword-wrap.margin-none,
.youtube-mission-modal .ex-keyword-wrap.margin-none {
  margin-top: 0;
}
.keyword-modal .ex-keyword-wrap .ex-keyword,
.insta-guide-modal .ex-keyword-wrap .ex-keyword,
.clip-guide-modal .ex-keyword-wrap .ex-keyword,
.youtube-mission-modal .ex-keyword-wrap .ex-keyword {
  color: #FFF;
  font-size: 10px;
  font-weight: 500;
  line-height: 100%;
  padding: 7px 10px 7px 10px;
  letter-spacing: -0.5px;
  border-radius: 34px;
}
.keyword-modal .ex-keyword-wrap .ex-keyword.title,
.insta-guide-modal .ex-keyword-wrap .ex-keyword.title,
.clip-guide-modal .ex-keyword-wrap .ex-keyword.title,
.youtube-mission-modal .ex-keyword-wrap .ex-keyword.title {
  background: rgba(98, 33, 222, 0.95);
}
.keyword-modal .ex-keyword-wrap .ex-keyword.content,
.insta-guide-modal .ex-keyword-wrap .ex-keyword.content,
.clip-guide-modal .ex-keyword-wrap .ex-keyword.content,
.youtube-mission-modal .ex-keyword-wrap .ex-keyword.content {
  background: rgba(6, 178, 169, 0.95);
}
.keyword-modal .ex-keyword-wrap .ex-keyword.link,
.insta-guide-modal .ex-keyword-wrap .ex-keyword.link,
.clip-guide-modal .ex-keyword-wrap .ex-keyword.link,
.youtube-mission-modal .ex-keyword-wrap .ex-keyword.link {
  color: #FFF;
  background: rgba(41, 22, 78, 0.95);
}
.keyword-modal .ex-keyword-wrap .ex-keyword-list,
.insta-guide-modal .ex-keyword-wrap .ex-keyword-list,
.clip-guide-modal .ex-keyword-wrap .ex-keyword-list,
.youtube-mission-modal .ex-keyword-wrap .ex-keyword-list {
  color: #222;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 14px */
  letter-spacing: -0.5px;
}
.offerwall-link-modal {
  padding: 20px;
}
@media (max-width: 799px) {
  .offerwall-link-modal {
    padding: 0;
  }
}
.offerwall-link-modal h2 {
  font-weight: 500;
  font-size: 20px;
  line-height: 29px;
  margin-bottom: 30px;
  padding: 0;
  border-bottom: none;
}
@media (max-width: 799px) {
  .offerwall-link-modal h2 {
    margin-top: 4px;
    margin-bottom: 25px;
  }
}
.offerwall-link-modal h3 {
  font-size: 18px;
  padding: 0;
  font-weight: 500;
  margin-bottom: 10px;
  color: #5C19DD;
}
@media (max-width: 799px) {
  .offerwall-link-modal h3 {
    font-size: 15px;
    font-weight: 700;
    color: #5C19DD;
  }
}
.offerwall-link-modal ul {
  margin-bottom: 0;
}
.offerwall-link-modal ul.desc {
  font-size: 13px;
  margin-top: 20px;
  padding-bottom: 20px;
  line-height: 24px;
}
@media (max-width: 799px) {
  .offerwall-link-modal ul.desc {
    font-size: 12px;
    padding-bottom: 15px;
    line-height: 22px;
    word-break: keep-all;
  }
}
.offerwall-link-modal ul.desc li {
  list-style: "-";
  padding-left: 4px;
}
.offerwall-link-modal ul a {
  color: #222222;
  border-bottom: 1px solid #999;
}
@media (max-width: 799px) {
  .offerwall-link-modal hr {
    margin: 15px 0;
  }
}
.offerwall-link-modal .button-area {
  padding-top: 0px;
}
@media (max-width: 799px) {
  .offerwall-link-modal .button-area {
    display: flex;
  }
}
.offerwall-link-modal .button-area button {
  font-size: 14px;
}
.offerwall-link-modal .button-area button.white {
  font-weight: 500;
  color: #222222;
  background-color: #FFFFFF;
  border: 1px solid #ddd;
  margin-right: 10px;
}
@media (max-width: 799px) {
  .offerwall-link-modal .button-area button.white {
    margin-right: 5px;
  }
}
.feedback-modal .detail-area {
  text-align: center;
}
.feedback-modal .detail-area span {
  display: block;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.2px;
  text-align: center;
}
.feedback-modal .detail-area span.p-text {
  font-weight: 300;
}
.feedback-modal .detail-area .div-feedback-wrap {
  margin: 30px 0;
  display: inline-flex;
}
.feedback-modal .detail-area .div-feedback-wrap .feedback-item {
  width: 100px;
  height: 105px;
  border-radius: 5px;
  background: #FFF;
  padding: 20px 30px;
  margin: 0 2px;
  opacity: 0.5;
}
.feedback-modal .detail-area .div-feedback-wrap .feedback-item:hover {
  opacity: 1;
  box-shadow: 0px 2px 7px 5px rgba(186, 186, 186, 0.16);
}
.feedback-modal .detail-area .div-feedback-wrap .feedback-item.active {
  opacity: 1;
  box-shadow: 0px 2px 7px 5px rgba(186, 186, 186, 0.16);
}
.feedback-modal .detail-area .div-feedback-wrap .feedback-item .icon {
  margin-bottom: 5px;
}
.feedback-modal .detail-area .text-area {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.4px;
}
.feedback-modal .detail-area .text-area:focus {
  color: #222;
  border-color: #222 !important;
}
.feedback-modal .detail-area .text-area::placeholder {
  color: #999;
}
@media (max-width: 799px) {
  .feedback-modal .detail-area .text-area {
    margin-bottom: 20px;
    font-size: 13px;
    letter-spacing: -0.3px;
    word-break: break-word;
  }
}
.feedback-modal .button-area button {
  width: 275px;
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
}
.feedback-modal .button-area button:disabled {
  background: #DADADA !important;
  color: #FFF !important;
}
.feedback-modal .button-area button:disabled:hover {
  background: #DADADA !important;
  color: #FFF !important;
}
@media (max-width: 799px) {
  .feedback-modal .button-area button {
    width: 100%;
  }
}
.alert-title-modal {
  text-align: left;
}
.alert-title-modal h1 {
  font-weight: 500;
  font-size: 20px;
  color: #222222;
  margin: 0 0 15px;
}
@media (max-width: 799px) {
  .alert-title-modal h1 {
    font-size: 18px;
    padding-bottom: 15px;
  }
}
@media (max-width: 799px) {
  .alert-title-modal button.modal-cancel-headless {
    top: 10px;
  }
}
.clip-guide-modal .guide-img img {
  width: 100%;
}
.clip-guide-modal .section-middle {
  margin-top: 20px;
  border-top: 1px solid #EEEEEE;
  padding-top: 20px;
}
.clip-guide-modal .section-middle.shopping,
.clip-guide-modal .section-middle.place {
  margin-bottom: 25px;
  padding-top: 30px;
  margin-top: 30px;
}
.aside-campaign .hl-sticky {
  padding: 40px 0 40px 0;
  width: 300px;
}
campaign-new-button .draft-black,
campaign-new-button a.btn,
campaign-new-button button {
  background: #000;
  color: #fff;
  width: 100%;
  display: block;
  padding: 10px 0;
  border: none;
  margin-bottom: 10px;
  border-radius: 0;
}
campaign-new-button .draft-black.cancel,
campaign-new-button a.btn.cancel,
campaign-new-button button.cancel {
  border: 1px solid #ddd;
  background: none;
  color: #9b9b9b;
}
campaign-new-button .draft-black.campaign-ing,
campaign-new-button a.btn.campaign-ing,
campaign-new-button button.campaign-ing {
  background: #eee;
  color: #999;
  text-align: center;
  font-size: 16px;
  cursor: auto;
}
.mobile-footer {
  display: none;
}
@media (max-width: 799px) {
  .mobile-footer {
    display: block;
    position: relative;
  }
  .mobile-footer .campaign-favorite {
    position: absolute;
    top: 12px;
    left: 12px;
  }
  .mobile-footer new-campaign-favorite {
    position: absolute;
    top: 12px;
    left: 12px;
  }
  .mobile-footer .system-message {
    display: none;
  }
  .mobile-footer > div {
    margin: 5px 5px 5px 48px;
    overflow: hidden;
  }
  .mobile-footer > div.no-padding {
    margin: 5px;
  }
  .mobile-footer > div.favorite-empty {
    margin-left: 5px;
  }
  .mobile-footer > div.coupon-payment-ing {
    margin: 0;
    overflow: inherit;
    padding: 5px;
  }
  .mobile-footer > div.coupon-payment-ing .coupon-option-wrapper {
    margin-left: -5px;
    margin-right: -5px;
  }
  .mobile-footer > div a.btn,
  .mobile-footer > div button {
    background: #000;
    width: 100%;
    height: 56px;
    display: block;
    border: none;
    margin-bottom: 0;
    border-radius: 0;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    padding: 0;
    line-height: calc(56px - 2px);
  }
  .mobile-footer > div a.btn.cancel,
  .mobile-footer > div button.cancel {
    border: 1px solid #ddd;
    background: none;
    color: #666;
    font-weight: normal;
  }
  .mobile-footer > div a.btn.campaign-ing,
  .mobile-footer > div button.campaign-ing {
    background: #eee;
    color: #999;
    text-align: center;
    font-size: 16px;
    cursor: none;
    font-weight: normal;
  }
  .mobile-footer > div a.btn.campaign-ing-enable,
  .mobile-footer > div button.campaign-ing-enable {
    background: #eee;
    color: #999;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
  }
  .mobile-footer > div a.btn.review-ing,
  .mobile-footer > div button.review-ing {
    background: #5c19dd;
  }
  .mobile-footer > div a.btn.solid-disabled,
  .mobile-footer > div button.solid-disabled {
    background-color: #dddddd;
    color: #ffffff;
    pointer-events: none;
  }
  .mobile-footer .request-form {
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 5px;
    overflow: inherit;
  }
  .mobile-footer .request-form button {
    background: #000;
    color: #fff;
    width: 100%;
    display: block;
    border: none;
    margin: 5px 0 5px;
    padding: 0;
    height: 56px;
    line-height: calc(56px - 2px);
    font-size: 16px;
  }
  .mobile-footer .request-form.content-inspect button {
    background: #222222;
  }
  .mobile-footer .request-form.content-inspect button:disabled {
    background: #E5E5E5;
  }
  .mobile-footer .request-form.content-inspect button.campaign-inspect {
    background: #ffffff;
    color: #4759F9;
    border: 1px solid #8C97FB;
  }
  .mobile-footer .request-form.content-inspect button.campaign-inspect img {
    margin-right: 5px;
  }
  .mobile-footer .request-form.content-inspect button.campaign-inspect.inspect-success {
    font-weight: 500;
    background-color: #4759F9;
    color: #eee;
  }
  .mobile-footer .request-form.content-inspect.review feedback-button {
    width: 100%;
  }
}
@media (max-width: 799px) and (max-width: 799px) {
  .mobile-footer .request-form.content-inspect {
    margin-bottom: 5px;
  }
  .mobile-footer .request-form.content-inspect feedback-button {
    width: calc(50% - 2px);
    display: inline-block;
  }
}
.mobile-footer-fixed {
  position: fixed;
  width: 100%;
  bottom: 0px;
  left: 0px;
  background: #fff;
  z-index: 150;
}
.mobile-footer-fixed .campaign-favorite {
  top: 18.5px;
}
.mobile-footer-fixed .request-form {
  margin: 0;
}
.campaign-button-banner {
  margin-top: 30px;
}
.campaign-button-banner img {
  width: 100%;
}
.system-message {
  width: 300px;
  padding: 12px 20px;
  background: #f7f7f7;
  text-align: center;
  font-size: 14px;
  color: #666;
}
@media (max-width: 799px) {
  .system-message {
    width: auto;
  }
}
.system-message.coupon-system {
  margin-bottom: 15px;
}
.system-message.premier {
  background: linear-gradient(-45deg, #62F2E8, #7057FF, #912FED);
  background-size: 200% 100%;
  -webkit-animation: gradient 10s ease infinite;
  animation: gradient 10s ease infinite;
  padding: 0px;
}
.system-message.premier .box {
  text-align: left;
  height: 70px;
  background: url(/assets/img/premier/bg-premier-detail.png) center top no-repeat;
  background-size: cover;
  padding: 15px 0px 15px 20px;
}
.system-message.premier span {
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}
.system-message.premier div {
  font-size: 12px;
  font-weight: normal;
  color: #ffffff;
  margin-top: 2px;
}
.system-message.premier.w {
  margin-top: 5px;
}
.campaign-new-edit-trial-info-modal .trial-title {
  font-size: 20px;
}
@media (max-width: 799px) {
  .campaign-new-edit-trial-info-modal .trial-title {
    font-size: 18px;
  }
}
.campaign-new-edit-trial-info-modal .trial-info-guide {
  line-height: 22px;
  font-weight: 400;
}
@media (max-width: 799px) {
  .campaign-new-edit-trial-info-modal .trial-info-guide {
    font-size: 13px;
  }
}
.campaign-new-edit-trial-info-modal .divider {
  margin: 30px 0;
}
@media (max-width: 799px) {
  .campaign-new-edit-trial-info-modal .divider {
    margin: 20px 0;
  }
}
.campaign-new-edit-trial-info-modal form .form-group {
  display: flex;
  flex-direction: column;
  align-items: start;
  margin-bottom: 30px;
}
@media (max-width: 799px) {
  .campaign-new-edit-trial-info-modal form .form-group {
    margin-bottom: 20px;
  }
}
.campaign-new-edit-trial-info-modal form .form-group .form-title {
  font-size: 16px;
  margin-bottom: 10px;
}
@media (max-width: 799px) {
  .campaign-new-edit-trial-info-modal form .form-group .form-title {
    font-size: 12px;
    color: #666;
    font-weight: 400;
    margin-bottom: 10px;
  }
}
.campaign-new-edit-trial-info-modal form .form-group .form-control {
  width: 100%;
  color: #333;
  font-weight: 400;
  box-shadow: none;
}
.campaign-new-edit-trial-info-modal form .form-group .form-control:hover {
  border: 1px solid #222;
}
@media (max-width: 799px) {
  .campaign-new-edit-trial-info-modal form .form-group .form-control:hover {
    border: none;
    border-bottom: 1px solid #222;
  }
}
.campaign-new-edit-trial-info-modal form .form-group .form-control:focus {
  border: 1px solid #222;
}
@media (max-width: 799px) {
  .campaign-new-edit-trial-info-modal form .form-group .form-control:focus {
    border: none;
    border-bottom: 1px solid #222;
  }
}
@media (max-width: 799px) {
  .campaign-new-edit-trial-info-modal form .form-group .form-control {
    border-bottom: 1px solid #ddd;
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0px !important;
    width: 100%;
    padding: 0 0 10px 0;
    font-size: 15px;
    color: #222222;
    background: #FFFFFF;
    box-shadow: none;
    margin-bottom: 10px;
  }
  .campaign-new-edit-trial-info-modal form .form-group .form-control:focus {
    border-bottom: 1px solid #222;
  }
}
@media (max-width: 799px) {
  .campaign-new-edit-trial-info-modal form .form-group .input-group input {
    padding-right: 80px;
  }
}
@media (max-width: 799px) {
  .campaign-new-edit-trial-info-modal form .form-group .input-group {
    width: 100%;
  }
}
@media (max-width: 799px) {
  .campaign-new-edit-trial-info-modal form .form-group .input-group-btn {
    position: relative;
  }
}
@media (max-width: 799px) {
  .campaign-new-edit-trial-info-modal form .form-group .input-group-btn button {
    position: absolute;
    right: 5px;
    top: 0;
    font-size: 12px;
    font-weight: 400;
    padding: 5px 10px;
    max-height: 31px;
    z-index: 10;
  }
}
.campaign-new-edit-trial-info-modal form .input-address {
  width: 100%;
  margin-bottom: 10px;
}
@media (max-width: 799px) {
  .campaign-new-edit-trial-info-modal form .input-address {
    margin-bottom: 15px;
  }
}
.campaign-new-edit-trial-info-modal form .input-address:last-child {
  margin-bottom: 0px;
}
.campaign-new-edit-trial-info-modal form .description {
  font-size: 13px;
  color: #666;
}
@media (max-width: 799px) {
  .campaign-new-edit-trial-info-modal form .description {
    font-size: 12px;
    line-height: 19px;
  }
}
.campaign-new-edit-trial-info-modal form .button-container {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 25px;
}
.campaign-new-edit-trial-info-modal form .button-container .feedback-button {
  width: 275px;
  margin: 0 auto 0 auto;
}
@media (max-width: 799px) {
  .campaign-new-edit-trial-info-modal form .button-container .feedback-button {
    width: 335px;
  }
}
.campaign-new-edit-trial-info-modal form .divider {
  margin: 40px 0 0 0;
}
.campaign-new-edit-trial-info-modal hr {
  margin: 30px 0px;
}
.campaign-new-request-form .form-row {
  margin-left: -10px;
  margin-right: -10px;
}
.campaign-new-request-form .error {
  border: 1px solid indianred;
}
.campaign-request-form {
  margin: 50px 0 30px;
}
.campaign-request-form ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #999;
}
@media (max-width: 799px) {
  .campaign-request-form .w {
    display: none;
  }
}
.campaign-request-form .m {
  display: none;
}
@media (max-width: 799px) {
  .campaign-request-form .m {
    display: inline-block;
  }
}
@media (max-width: 799px) {
  .campaign-request-form {
    padding: 15px 0px;
  }
}
.campaign-request-form hr {
  margin: 26px 0;
}
@media (max-width: 799px) {
  .campaign-request-form hr {
    margin: 20px 0;
  }
}
.campaign-request-form .error {
  border: 1px solid indianred;
}
.campaign-request-form .required-info-text {
  color: #5c19dd;
}
.campaign-request-form .required-text {
  display: block;
  color: #de3d3d;
  font-size: 0.9em;
  margin: 7px 0 3px 0;
}
.campaign-request-form .apply-option-text {
  font-weight: bold;
}
.campaign-request-form .call-in-user {
  margin-right: 30px;
}
.campaign-request-form .control-label {
  padding-right: 0;
}
.campaign-request-form h3 {
  font-size: 24px;
  color: #222;
}
.campaign-request-form dl dt {
  zoom: 1;
  position: relative;
  line-height: 22px;
  font-weight: normal;
  color: #444;
  margin-bottom: 30px;
  font-size: 16px;
}
.campaign-request-form dl dt:before,
.campaign-request-form dl dt:after {
  content: "";
  display: table;
}
.campaign-request-form dl dt:after {
  clear: both;
}
@media (max-width: 799px) {
  .campaign-request-form dl dt {
    font-size: 14px;
    margin-bottom: 20px;
  }
}
.campaign-request-form dl dt small {
  color: #888;
  font-size: 12px;
  line-height: 150%;
}
@media (max-width: 799px) {
  .campaign-request-form dl dt small {
    display: block;
    margin-top: 5px;
  }
}
.campaign-request-form dl dt b {
  position: absolute;
  left: 0;
  width: 15px;
  text-align: center;
  font-weight: normal;
  font-size: 15px;
  height: 22px;
  line-height: 22px;
}
.campaign-request-form dl dd {
  padding: 0 3px;
  font-size: 13px;
}
.campaign-request-form dl dd p {
  color: #888;
  font-size: 12px;
  line-height: 18px;
}
.campaign-request-form dl dd .key {
  color: #f46c29;
}
.campaign-request-form dl textarea {
  margin-top: -10px;
}
@media (max-width: 799px) {
  .campaign-request-form dl textarea {
    margin-top: 0;
  }
}
.campaign-request-form .sponsor-banner strong {
  display: block;
  margin-bottom: 5px;
  font-weight: normal;
}
.campaign-request-form .sponsor-banner p {
  margin: 5px 0;
  font-size: 12px;
  color: #888;
}
.campaign-request-form .sponsor-banner.new {
  margin-bottom: 15px;
}
.campaign-request-form .sponsor-banner.new p img {
  max-width: 50%;
}
.campaign-request-form .sponsor-banner.old input {
  background: #f1f1f1 !important;
  box-shadow: none !important;
  border: none !important;
}
.campaign-request-form .sponsor-banner .code-wrap {
  background: #f1f1f1;
  text-align: center;
  padding: 10px;
  position: relative;
}
.campaign-request-form .sponsor-banner .code-wrap:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  font-size: 11px;
  padding: 2px 4px;
}
@media (max-width: 799px) {
  .campaign-request-form .sponsor-banner .code-wrap:before {
    content: "\C608\C2DC";
  }
}
.campaign-request-form .blog {
  font-size: 14px;
  color: #666;
  line-height: 26px;
  display: inline-block;
}
.campaign-request-form .blog:hover {
  color: #444;
  text-decoration: underline;
}
.campaign-request-form .campaign-request-terms {
  margin-top: 20px;
  color: #666;
}
.campaign-request-form .campaign-request-terms strong {
  position: relative;
  font-size: 15px;
  color: #444;
  padding-left: 22px;
  margin-bottom: 5px;
  display: block;
}
.campaign-request-form .campaign-request-terms strong .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
}
.campaign-request-form .campaign-request-terms label {
  position: relative;
  display: block;
  font-weight: normal;
  font-size: 13px;
  margin: 0;
  padding: 5px 0 0 22px;
  cursor: pointer;
}
.campaign-request-form .campaign-request-terms label input[type=checkbox] {
  position: absolute;
  left: 3px;
}
.campaign-request-form .campaign-request-terms table {
  background: #fff;
  border-collapse: collapse;
  width: 100%;
  margin-top: 8px;
}
.campaign-request-form .campaign-request-terms table th {
  background: #f5f5f5;
}
.campaign-request-form .campaign-request-terms table th,
.campaign-request-form .campaign-request-terms table td {
  border: 1px solid #ddd;
  font-size: 12px;
  padding: 4px;
}
.campaign-request-form .campaign-request-terms ul {
  padding: 0;
}
.campaign-request-form .campaign-request-terms ul li {
  margin: 0 0 5px 20px;
  list-style: square;
  font-size: 13px;
}
.campaign-request-form button[type=submit] {
  padding-left: 20px;
  padding-right: 20px;
}
.commentLength {
  position: absolute;
  right: 0;
  margin-top: 0;
  font-size: 12px;
  color: #999;
}
@media (max-width: 799px) {
  .commentLength {
    margin-right: 5px;
  }
}
.answerLength {
  position: absolute;
  right: 0;
  margin-top: -26px;
  font-size: 12px;
  color: #999;
}
@media (max-width: 799px) {
  .answerLength {
    margin-right: 5px;
  }
}
.reviewers {
  margin-left: -10px;
  margin-right: -10px;
}
.reviewers .applicant {
  border-bottom: none;
  padding: 10px 0 30px;
}
@media (max-width: 799px) {
  .reviewers .applicant.insta {
    padding: 10px 0 20px;
  }
}
.reviewers .applicant .nick {
  padding-top: 10px;
  margin-top: 0;
}
.reviewers .applicant > a .avatar {
  vertical-align: middle !important;
}
.reviewers .applicant .me {
  display: block;
  font-weight: bold;
}
@media (max-width: 799px) {
  .reviewers.row {
    margin-left: -5px;
    margin-right: -5px;
  }
}
.not-drag {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-use-select: none;
  user-select: none;
}
.draggable {
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-use-select: all;
  user-select: all;
}
.font-999 {
  color: #999 !important;
}
.font-medium {
  font-weight: 500;
}
.related-title {
  font-size: 20px !important;
  font-weight: 500 !important;
}
@media (max-width: 799px) {
  .related-title {
    font-size: 16px !important;
  }
}
.related-review .container .related-title {
  font-size: 20px !important;
  font-weight: 500 !important;
}
@media (max-width: 799px) {
  .related-review .container .related-title {
    font-size: 16px !important;
  }
}
.label-area {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}
.label-text {
  position: relative;
  overflow: hidden;
  display: inline-block;
  background: none;
  margin: 0;
  padding: 2px 6px 0 6px;
  color: #666;
  border: 1px solid #DDD;
  font-size: 12px;
  height: 22px;
  font-weight: 400;
  border-radius: 2px;
}
@media (max-width: 799px) {
  .label-text {
    height: auto;
  }
}
.label-text.download-btn {
  margin-left: 6px;
  line-height: 20px;
  vertical-align: middle;
}
.label-text.label-point {
  border: 1px solid #999;
  color: #333;
}
.label-text.point-plus {
  padding-right: 24px;
}
.label-text.point-plus img {
  position: absolute;
  top: 0;
  right: 0;
  width: 18px;
  height: 18px;
}
.label-text.type1 {
  margin-right: 6px;
}
@media (max-width: 799px) {
  .label-text.type1 {
    margin-right: 4px;
  }
}
.label-text.tag-copy {
  color: #999;
  border: 1px solid #eee;
  letter-spacing: -0.4px;
  font-weight: normal;
}
.label-text.tag-copy:hover {
  color: #666;
  border: solid 1px #999;
}
.label-text.instagram {
  border: 1px solid #ff84e3;
  color: #f247cb;
  font-weight: bold;
}
.label-text.instagram a {
  color: #ff84e3;
  font-weight: bold;
}
.label-text.blog {
  border: 1px solid #00cdc5;
  color: #00c5bd;
  font-weight: bold;
}
.label-text.blog a {
  color: #00c5bd;
}
.label-text.youtube {
  border: 1px solid #ff8052;
  color: #ff2c00;
  font-weight: bold;
}
.label-text.youtube a {
  color: #ff2c00;
}
.label-text.pull-right-tag {
  float: right;
  line-height: 17px;
}
.label-text.divider-vertical {
  border: none;
  padding: 0px 7px;
}
.label-text.urgent,
.label-text.shopping {
  border: none;
  padding: 0 1px 0 0;
  top: 3px;
}
@media (max-width: 799px) {
  .label-text.urgent,
  .label-text.shopping {
    top: 2px;
    padding: 0;
  }
}
.label-text.urgent img,
.label-text.shopping img {
  width: 87px;
  height: 26px;
}
@media (max-width: 799px) {
  .label-text.urgent img,
  .label-text.shopping img {
    width: 78px;
    height: 22px;
    position: relative;
    bottom: 0px;
  }
}
.label-text.urgent {
  height: 26px;
}
.label-text.shopping img {
  width: 95px;
}
@media (max-width: 799px) {
  .label-text.shopping img {
    width: 76px;
    height: 22px;
  }
}
.label-text.urgent {
  top: 2px;
  height: 26px;
}
@media (max-width: 799px) {
  .label-text.urgent {
    height: 22px;
  }
}
.label-text.media-type {
  border: 0;
  padding: 0px 0px 1px 0px;
}
.label-text.media-type img {
  width: 22px;
}
@media (max-width: 799px) {
  .label-text.media-type img {
    width: 18px;
  }
}
.label-text.media-type.blog-icon img,
.label-text.media-type.instagram-icon img,
.label-text.media-type.clip-icon img {
  width: 22px;
}
@media (max-width: 799px) {
  .label-text.media-type.blog-icon img,
  .label-text.media-type.instagram-icon img,
  .label-text.media-type.clip-icon img {
    width: 18px;
  }
}
.label-text.media-type.youtube-icon img {
  width: 25.71px;
  height: 18px;
  position: relative;
  top: 2px;
}
@media (max-width: 799px) {
  .label-text.media-type.youtube-icon img {
    width: 20px !important;
  }
}
.label-text.media-type.shorts img {
  position: relative;
  top: 1px;
  height: 21px;
}
.mobile-campaign-modal-nav {
  display: none;
}
@media (max-width: 799px) {
  .mobile-campaign-modal-nav {
    display: block;
    position: fixed;
    top: 0;
    z-index: 100;
    right: 0;
    background: #fff;
    width: 90%;
    text-align: center;
    margin: 14px 0;
    float: right;
  }
  .mobile-campaign-modal-nav h2 {
    font-size: 16px;
    margin-left: -10%;
    font-weight: 500;
  }
  .mobile-campaign-modal-nav h2 button {
    position: absolute;
    right: 15px;
    top: -3px;
    background: #fff;
    border: none;
    padding: 0;
  }
}
.v5-campaign {
  min-height: 700px;
}
.v5-campaign .container.non-padding {
  padding-right: 0;
  padding-left: 0;
}
.v5-campaign .padding-on {
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 799px) {
  .v5-campaign .padding-on {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.v5-campaign .padding-left-on {
  padding-left: 10px;
}
@media (max-width: 799px) {
  .v5-campaign .padding-left-on {
    padding-left: 15px;
  }
}
.v5-campaign .campaign-wrap {
  position: relative;
}
.v5-campaign .row {
  margin-left: -15px;
  margin-right: -15px;
}
@media (max-width: 799px) {
  .v5-campaign {
    overflow-x: hidden;
    min-height: auto;
  }
}
.v5-campaign .period {
  font-size: 14px;
}
.v5-campaign .period li {
  display: table;
  margin-bottom: 8px;
  color: #666;
}
.v5-campaign .period li.on {
  color: #222;
  font-weight: bold;
}
.v5-campaign .period li:last-child {
  margin-bottom: 0;
}
.v5-campaign .period .title {
  width: 110px;
  display: table-cell;
}
@media (max-width: 799px) {
  .v5-campaign .period .title {
    width: 100px;
  }
}
.v5-campaign .period .con {
  width: 130px;
  display: table-cell;
}
.v5-campaign .period strong {
  font-weight: 700;
  color: #5C19DD;
}
@media (max-width: 799px) {
  .v5-campaign .period .title,
  .v5-campaign .period .con {
    font-size: 13px;
  }
}
.v5-campaign .nav.nav-tabs {
  height: 41px;
  border-bottom: 1px solid #e8e8e8;
}
.v5-campaign .nav.nav-tabs li {
  padding: 0 20px;
}
.v5-campaign .nav.nav-tabs li a {
  padding: 8px 0;
  color: #777;
  border: 0 !important;
  border-radius: 0;
}
.v5-campaign .nav.nav-tabs li.active a {
  color: #222;
}
@media (max-width: 799px) {
  .v5-campaign .nav.nav-tabs li {
    width: auto;
    padding: 0 15px;
  }
}
.v5-campaign .container {
  width: 1160px;
  margin: 0 auto;
  height: 100%;
}
.v5-campaign .container:after {
  clear: both;
  display: block;
  content: '';
}
@media (max-width: 799px) {
  .v5-campaign .container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .v5-campaign .container .campaign-detail {
    width: 100%;
    padding-top: 15px;
    padding-right: 0;
    border-right: 0;
    padding-bottom: 30px;
    min-height: auto;
    float: none;
  }
  .v5-campaign .container .campaign-detail dl:last-child dd {
    padding-bottom: 0;
  }
  .v5-campaign .container .campaign-detail h2 {
    font-size: 18px;
  }
  .v5-campaign .container .campaign-detail h2 ~ .mobile-aside {
    margin-top: 20px;
  }
  .v5-campaign .container .aside-campaign {
    display: none;
  }
}
.v5-campaign .about-file-description {
  width: 100%;
  border-radius: 10px;
  background: #F8F8F9;
  padding: 20px;
  margin-top: 20px;
}
.v5-campaign .about-file-description .file-title {
  color: #5C19DD;
  font-size: 15px;
  font-weight: 500;
  margin-top: 0;
}
.v5-campaign .about-file-description .file-desc {
  color: #444;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  margin: 0;
  padding-left: 10px;
}
.v5-campaign .about-file-description .file-desc li::marker {
  content: "- ";
}
.v5-campaign .about-file-description .file-desc .go-inquiry {
  color: #444;
  font-weight: 700;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
@media (max-width: 799px) {
  .v5-campaign .about-file-description .file-desc {
    font-size: 13px;
  }
}
.v5-campaign .campaign-wrap {
  position: relative;
}
.v5-campaign .campaign-detail {
  width: 800px;
  padding: 40px 40px 62px 0;
  min-height: 900px;
}
.v5-campaign .campaign-detail dd span.span-tag {
  font-weight: 500;
}
.v5-campaign .campaign-detail .error-message i.fa-exclamation-circle {
  display: none !important;
}
.v5-campaign .campaign-detail .error-message svg.fa-exclamation-circle {
  display: none !important;
}
.v5-campaign .campaign-detail .error-message.clip p {
  margin-top: 5px;
}
.v5-campaign .campaign-detail hr {
  border-color: #eee;
}
.v5-campaign .campaign-detail .desc-option {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 24px;
  color: #999999;
}
.v5-campaign .campaign-detail .desc-select-option {
  font-size: 14px;
  line-height: 24px;
  color: #666666;
}
.v5-campaign .campaign-detail .campaign-head {
  margin-bottom: 20px;
}
.v5-campaign .campaign-detail .campaign-head p {
  color: #666;
  font-size: 16px;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-head {
    margin-top: 0;
    margin-bottom: 15px;
  }
  .v5-campaign .campaign-detail .campaign-head p {
    font-size: 14px;
    font-weight: normal;
  }
}
.v5-campaign .campaign-detail .campaign-head .label-area {
  height: 30px;
  align-content: end;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-head .label-area {
    height: auto;
  }
}
.v5-campaign .campaign-detail .campaign-head .label-area.campaign-instagram {
  margin-top: 20px;
}
.v5-campaign .campaign-detail .campaign-tabs-wrap {
  overflow-x: auto;
}
.v5-campaign .campaign-detail .campaign-tabs-wrap.none {
  border-top: 1px solid #E8E8E8;
  margin-top: 20px;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-tabs-wrap.none {
    border-top: none;
    margin-top: 0px;
  }
}
.v5-campaign .campaign-detail .campaign-tabs-wrap ::-webkit-scrollbar {
  display: none;
}
.v5-campaign .campaign-detail .campaign-tabs-wrap .nav.nav-tabs.campaign-tabs li a:hover {
  color: #222222;
  font-weight: 700;
}
.v5-campaign .campaign-detail .applicants h2 {
  font-size: 16px;
}
.v5-campaign .campaign-detail h2 {
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  color: #222222;
  margin-bottom: 15px;
  letter-spacing: -0.6px;
  position: relative;
}
.v5-campaign .campaign-detail h2 .campaign-lottie {
  right: -2px;
  top: 3px;
}
.v5-campaign .campaign-detail h2 .campaign-lottie.heart {
  right: -5px;
  top: 1px;
}
.v5-campaign .campaign-detail h2 button {
  position: absolute;
  right: 0;
  top: 6px;
  border: none;
  background-color: #fff;
}
.v5-campaign .campaign-detail h2 button .bookmark-lottie {
  padding: 10px;
}
.v5-campaign .campaign-detail h2 button.campaign-step {
  background: #fff url("/assets/img/campaign/ic-inform-white.svg") center center no-repeat;
  width: 20px;
  height: 20px;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail h2 {
    font-weight: 700;
    margin-bottom: 15px;
  }
  .v5-campaign .campaign-detail h2 .campaign-favorite {
    display: none;
  }
}
.v5-campaign .campaign-detail span.desc {
  display: inline-block;
  margin: 15px 0 6px;
}
.v5-campaign .campaign-detail p {
  margin: 15px 0 6px;
}
.v5-campaign .campaign-detail p.description-content-select {
  margin-bottom: 20px;
}
.v5-campaign .campaign-detail p.description-feedback {
  margin-bottom: 30px;
}
.v5-campaign .campaign-detail p.refer {
  color: #666;
  font-size: 12px;
}
.v5-campaign .campaign-detail p.refer:before {
  content: '*';
  color: #5c19dd;
  display: inline-block;
  margin-right: 2px;
}
.v5-campaign .campaign-detail p.refers {
  color: #666;
  font-size: 12px;
  line-height: normal;
  margin-bottom: 0;
}
.v5-campaign .campaign-detail p.refers span {
  color: #5c19dd;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail p.refers {
    font-size: 14px;
  }
}
.v5-campaign .campaign-detail .campaign-tabs li:first-child a {
  padding-left: 0;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-tabs {
    margin-top: 8px;
  }
  .v5-campaign .campaign-detail .campaign-tabs li {
    margin-right: 0;
    text-align: center;
  }
  .v5-campaign .campaign-detail .campaign-tabs li a {
    font-size: 13px;
  }
  .v5-campaign .campaign-detail .campaign-tabs.two li {
    width: 50%;
  }
  .v5-campaign .campaign-detail .campaign-tabs.three li {
    width: 33.333%;
  }
  .v5-campaign .campaign-detail .campaign-tabs.four li {
    width: 25%;
  }
}
.v5-campaign .campaign-detail .campaign-noti img {
  width: 100%;
}
.v5-campaign .campaign-detail .campaign-requirement-condition {
  display: flex;
  width: 100%;
  padding: 15px 10px;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  background: #F8F6FF;
  margin-top: 20px;
  text-align: center;
}
.v5-campaign .campaign-detail .campaign-requirement-condition span {
  color: #444;
  font-size: 16px;
  font-weight: 400;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-requirement-condition span {
    font-size: 14px;
  }
}
.v5-campaign .campaign-detail .campaign-requirement-condition span .revu-color {
  color: #6753F2;
  font-weight: 700;
}
.v5-campaign .campaign-detail .campaign-content {
  margin-top: 20px;
  min-height: 600px;
}
.v5-campaign .campaign-detail .campaign-content.post-campaign {
  margin-top: 0;
}
.v5-campaign .campaign-detail .campaign-content .campaign-google-ad {
  padding-top: 40px;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content .campaign-google-ad {
    padding-top: 0px;
    margin-top: 30px;
  }
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content {
    min-height: auto;
  }
  .v5-campaign .campaign-detail .campaign-content.content-accepted {
    margin-top: 0px;
  }
}
.v5-campaign .campaign-detail .campaign-content .outlink {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.v5-campaign .campaign-detail .campaign-content img.campaign-title-img {
  width: 100%;
}
.v5-campaign .campaign-detail .campaign-content .product {
  height: auto;
}
.v5-campaign .campaign-detail .campaign-content .product.blind {
  height: 760px;
  overflow: hidden;
}
.v5-campaign .campaign-detail .campaign-content .detail-toggle {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 12px 0;
  text-align: center;
  width: 100%;
  margin-top: 10px;
}
.v5-campaign .campaign-detail .campaign-content .detail-toggle a,
.v5-campaign .campaign-detail .campaign-content .detail-toggle button {
  border: none;
  background: none;
  font-size: 14px;
  color: #666;
  display: block;
  margin: 0 auto;
  width: 100%;
}
.v5-campaign .campaign-detail .campaign-content .detail-toggle a img,
.v5-campaign .campaign-detail .campaign-content .detail-toggle button img {
  vertical-align: middle;
}
.v5-campaign .campaign-detail .campaign-content .premier-guide {
  width: 100%;
  height: 100%;
  padding: 20px 0;
  margin-bottom: 10px;
  word-break: break-all;
  border-bottom: 1px solid #EEEEEE;
}
.v5-campaign .campaign-detail .campaign-content .premier-guide p,
.v5-campaign .campaign-detail .campaign-content .premier-guide span,
.v5-campaign .campaign-detail .campaign-content .premier-guide div {
  font-size: 16px !important;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content .premier-guide {
    padding: 10px;
  }
  .v5-campaign .campaign-detail .campaign-content .premier-guide p,
  .v5-campaign .campaign-detail .campaign-content .premier-guide span,
  .v5-campaign .campaign-detail .campaign-content .premier-guide div {
    font-size: 13px !important;
  }
}
.v5-campaign .campaign-detail .campaign-content .premier-guide ~ dl dd > p {
  font-size: 12px;
  color: #666;
}
.v5-campaign .campaign-detail .campaign-content .review-guide {
  font-size: 14px;
  color: #666;
}
.v5-campaign .campaign-detail .campaign-content .review-guide strong {
  color: #999999;
  font-weight: normal;
  margin-bottom: 10px;
}
.v5-campaign .campaign-detail .campaign-content .review-guide .con {
  background: #f3f3f3;
  width: 100%;
  text-align: center;
}
.v5-campaign .campaign-detail .campaign-content .review-guide .con img {
  margin: 20px 0;
}
.v5-campaign .campaign-detail .campaign-content .review-guide.new-guide {
  margin-top: 30px;
  width: 450px;
}
.v5-campaign .campaign-detail .campaign-content .review-guide.new-guide .code-wrap {
  width: 100%;
  height: 100%;
  border: 1px solid #DDD;
  background: #FFF;
  margin-bottom: 25px;
}
.v5-campaign .campaign-detail .campaign-content .review-guide.new-guide .code-wrap.type_a,
.v5-campaign .campaign-detail .campaign-content .review-guide.new-guide .code-wrap.type_b,
.v5-campaign .campaign-detail .campaign-content .review-guide.new-guide .code-wrap.type_aa,
.v5-campaign .campaign-detail .campaign-content .review-guide.new-guide .code-wrap.type_bb {
  width: fit-content;
  border: none;
}
.v5-campaign .campaign-detail .campaign-content .review-guide.new-guide .code-wrap img {
  width: 100%;
}
.v5-campaign .campaign-detail .campaign-content .review-guide.new-guide .gif-wrap {
  width: 100%;
  transition-duration: 0.3s;
}
.v5-campaign .campaign-detail .campaign-content .review-guide.new-guide .gif-wrap.on .arrow-icon {
  background-image: url("/assets/img/common/ic-arrow-top.svg") !important;
}
.v5-campaign .campaign-detail .campaign-content .review-guide.new-guide .gif-wrap .btn-gif-open {
  display: block;
  width: fit-content;
  padding: 0 10px;
  height: 32px;
  line-height: 32px;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 500;
  background: #F7F7FC;
  color: #616182;
  text-align: center;
  cursor: pointer;
  margin-top: 10px;
}
.v5-campaign .campaign-detail .campaign-content .review-guide.new-guide .gif-wrap .btn-gif-open .arrow-icon {
  display: inline-block;
  width: 11px;
  height: 11px;
  background-image: url("/assets/img/common/ic-arrow-bottom.svg");
  margin-left: 5px;
}
.v5-campaign .campaign-detail .campaign-content .review-guide.new-guide .gif-wrap .div-sponsor-gif {
  width: 100%;
  height: 0;
  overflow: hidden;
  position: relative;
}
.v5-campaign .campaign-detail .campaign-content .review-guide.new-guide .gif-wrap .div-sponsor-gif.on {
  height: fit-content;
}
.v5-campaign .campaign-detail .campaign-content .review-guide.new-guide .gif-wrap .div-sponsor-gif .img-wrap {
  width: 291px;
  border-radius: 10px;
  border: 1px solid #B4B4FF;
  background: #FFF;
  box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.1);
  margin: 10px;
  padding: 20px 20px 42px 20px;
}
.v5-campaign .campaign-detail .campaign-content .review-guide.new-guide .gif-wrap .div-sponsor-gif .img-wrap img {
  width: 100%;
  height: 100%;
}
.v5-campaign .campaign-detail .campaign-content .review-guide.new-guide .gif-wrap .div-sponsor-gif .title h6 {
  font-size: 12px;
  color: #444;
  font-weight: 700;
  margin-bottom: 0px;
  margin-top: 0px;
}
.v5-campaign .campaign-detail .campaign-content .review-guide.new-guide .gif-wrap .div-sponsor-gif .title p {
  font-size: 11px;
  color: #666;
  font-weight: 500;
  letter-spacing: -0.6px;
  margin-top: 0px;
  margin-bottom: 10px;
}
.v5-campaign .campaign-detail .campaign-content .review-guide.new-guide .gif-wrap .div-sponsor-gif .btn-retry {
  margin: 0;
  color: #B0B0CB;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.4px;
  position: absolute;
  bottom: 27px;
  left: 121px;
  cursor: pointer;
}
.v5-campaign .campaign-detail .campaign-content .review-guide.new-guide .gif-wrap .div-sponsor-gif .btn-retry:before {
  content: "";
  display: inline-block;
  background-image: url("/assets/img/campaign/reset-gray.svg");
  background-size: cover;
  width: 11px;
  height: 10px;
  margin-right: 3px;
}
.v5-campaign .campaign-detail .campaign-content .review-guide.new-guide .drag-box {
  position: absolute;
  display: none;
  width: 0;
  height: 0;
  border: 1px solid #0c1a4d;
  background: #0c1a4d;
  opacity: 0.2;
}
.v5-campaign .campaign-detail .campaign-content .m-sponsor-banner-wrap .sponsor-banner {
  width: 100%;
  border: 1px solid #DDD;
  background: #FFF;
}
.v5-campaign .campaign-detail .campaign-content .m-sponsor-banner-wrap .sponsor-banner.type_a,
.v5-campaign .campaign-detail .campaign-content .m-sponsor-banner-wrap .sponsor-banner.type_b,
.v5-campaign .campaign-detail .campaign-content .m-sponsor-banner-wrap .sponsor-banner.type_aa,
.v5-campaign .campaign-detail .campaign-content .m-sponsor-banner-wrap .sponsor-banner.type_bb {
  width: fit-content;
  border: none;
}
.v5-campaign .campaign-detail .campaign-content .m-sponsor-banner-wrap .sponsor-banner img {
  width: 100%;
}
.v5-campaign .campaign-detail .campaign-content .m-sponsor-banner-wrap .desc {
  margin-top: 10px;
}
.v5-campaign .campaign-detail .campaign-content hr.m-15 {
  margin: 15px 0;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content hr.m-15 {
    margin: 15px 15px 10px;
  }
}
.v5-campaign .campaign-detail .campaign-content .more {
  width: 100%;
  color: #999;
  text-align: center;
  margin: 0 15px 0 0;
  font-weight: 500;
}
.v5-campaign .campaign-detail .campaign-content .more.no-margin {
  margin: 0;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content .more {
    width: 109%;
  }
}
.v5-campaign .campaign-detail .campaign-content .more a,
.v5-campaign .campaign-detail .campaign-content .more button {
  display: block;
  width: 100%;
  padding: 15px 15px;
  font-weight: 500;
  background-color: #f8f8f9;
  border: none;
}
.v5-campaign .campaign-detail .campaign-content .more:hover a,
.v5-campaign .campaign-detail .campaign-content .more:hover button {
  color: #666666 !important;
  background-color: #DDDDDD;
}
.v5-campaign .campaign-detail .campaign-content p.instagramAccount {
  font-size: 12px;
  margin: 5px 0 0 0;
}
.v5-campaign .campaign-detail .campaign-content .applicants dl {
  display: block;
}
.v5-campaign .campaign-detail .campaign-content .applicants dl dt {
  display: block;
  padding-top: 0px;
}
.v5-campaign .campaign-detail .campaign-content dl {
  display: table;
  margin-bottom: 0;
  font-size: 16px;
}
.v5-campaign .campaign-detail .campaign-content dl .keyword-wrap .keyword-title,
.v5-campaign .campaign-detail .campaign-content dl .keyword-wrap .keyword-content {
  position: relative;
  border-bottom: 1px solid #eee;
}
.v5-campaign .campaign-detail .campaign-content dl .keyword-wrap .keyword-title span,
.v5-campaign .campaign-detail .campaign-content dl .keyword-wrap .keyword-content span {
  color: #333;
  font-weight: 500;
  line-height: 20px;
  font-size: 16px;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content dl .keyword-wrap .keyword-title span,
  .v5-campaign .campaign-detail .campaign-content dl .keyword-wrap .keyword-content span {
    font-size: 14px;
  }
}
.v5-campaign .campaign-detail .campaign-content dl .keyword-wrap .keyword-title dt,
.v5-campaign .campaign-detail .campaign-content dl .keyword-wrap .keyword-content dt {
  padding: 0;
}
.v5-campaign .campaign-detail .campaign-content dl .keyword-wrap .keyword-title dd,
.v5-campaign .campaign-detail .campaign-content dl .keyword-wrap .keyword-content dd {
  padding-top: 10px;
  border: none;
}
.v5-campaign .campaign-detail .campaign-content dl .keyword-wrap .keyword-title dd .dic-search-keyword,
.v5-campaign .campaign-detail .campaign-content dl .keyword-wrap .keyword-content dd .dic-search-keyword {
  font-weight: 400;
}
.v5-campaign .campaign-detail .campaign-content dl .keyword-wrap .keyword-title dd .description-blog-keyword,
.v5-campaign .campaign-detail .campaign-content dl .keyword-wrap .keyword-content dd .description-blog-keyword {
  margin-top: 25px;
}
.v5-campaign .campaign-detail .campaign-content dl .keyword-wrap .keyword-title .tag-copy-right,
.v5-campaign .campaign-detail .campaign-content dl .keyword-wrap .keyword-content .tag-copy-right {
  margin-left: 5px;
}
.v5-campaign .campaign-detail .campaign-content dl .keyword-wrap .keyword-title {
  margin-top: 30px;
}
.v5-campaign .campaign-detail .campaign-content dl .keyword-wrap .keyword-title dd {
  padding-bottom: 30px;
}
.v5-campaign .campaign-detail .campaign-content dl .keyword-wrap .keyword-title dt {
  margin-top: 30px;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content dl .keyword-wrap .keyword-title {
    margin-top: 10px;
  }
}
.v5-campaign .campaign-detail .campaign-content dl .keyword-wrap .keyword-content {
  margin-top: 30px;
}
.v5-campaign .campaign-detail .campaign-content dl .keyword-wrap .keyword-content .keyword-content-desc {
  padding-top: 15px;
}
.v5-campaign .campaign-detail .campaign-content dl .description-wrap {
  padding-top: 5px;
  border: none;
}
.v5-campaign .campaign-detail .campaign-content dl dd,
.v5-campaign .campaign-detail .campaign-content dl dt {
  display: table-cell;
}
.v5-campaign .campaign-detail .campaign-content dl dt {
  width: 160px;
  font-size: 16px;
  padding-top: 30px;
  vertical-align: top;
}
.v5-campaign .campaign-detail .campaign-content dl dt a {
  position: relative;
  top: -2px;
  left: 1px;
}
.v5-campaign .campaign-detail .campaign-content dl dt.dt-title {
  vertical-align: top;
}
.v5-campaign .campaign-detail .campaign-content dl dt button {
  margin-top: 6px;
}
.v5-campaign .campaign-detail .campaign-content dl dt .tag-copy {
  display: block;
  color: #609bed;
  border: solid 1px #a6c8f7;
}
.v5-campaign .campaign-detail .campaign-content dl dt .tag-copy.tag-copy-blog {
  margin-top: 10px;
}
.v5-campaign .campaign-detail .campaign-content dl dt .tag-copy.tag-copy-blog:first-child {
  margin-top: 15px;
}
.v5-campaign .campaign-detail .campaign-content dl dt .tag-copy:hover {
  color: #4277BF;
  border-color: #769CD0;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content dl dt .tag-copy {
    display: inline-block;
    float: right;
  }
}
.v5-campaign .campaign-detail .campaign-content dl dt.vat {
  padding-top: 30px;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content dl dt.vat {
    padding-top: 0px;
  }
  .v5-campaign .campaign-detail .campaign-content dl dt.vat.request-input {
    padding-top: 30px;
  }
  .v5-campaign .campaign-detail .campaign-content dl dt.vat.vat1 {
    padding-top: 10px;
  }
}
.v5-campaign .campaign-detail .campaign-content dl dd {
  color: #333;
  word-break: break-all;
  padding: 30px 0;
  border-bottom: 1px solid #eee;
  width: 600px;
  max-width: 600px;
  overflow: hidden;
  line-height: 26px;
}
.v5-campaign .campaign-detail .campaign-content dl dd.addNotice {
  font-size: 15px;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content dl dd.addNotice {
    font-size: 13px;
    border-bottom: 1px solid #eee !important;
    padding-bottom: 30px;
  }
}
.v5-campaign .campaign-detail .campaign-content dl dd > div:first-child > p:first-child,
.v5-campaign .campaign-detail .campaign-content dl dd > p:first-child {
  margin-top: 0;
}
.v5-campaign .campaign-detail .campaign-content dl dd .mission-icon-area {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: left;
  gap: 25px;
  margin-bottom: 22px;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content dl dd .mission-icon-area {
    width: 100%;
    gap: 10px 20px;
  }
}
.v5-campaign .campaign-detail .campaign-content dl dd .mission-icon-area div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.v5-campaign .campaign-detail .campaign-content dl dd .mission-icon-area div mission-icon {
  display: block;
  padding: 10px;
}
.v5-campaign .campaign-detail .campaign-content dl dd .mission-icon-area div p {
  font-size: 12px;
  margin: 0;
  text-align: center;
}
.v5-campaign .campaign-detail .campaign-content dl dd .smart-store {
  margin-top: 30px;
  padding: 30px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.v5-campaign .campaign-detail .campaign-content dl dd .smart-store .btn-store {
  width: 130px;
  padding: 8px 20px;
  border-radius: 5px;
  color: #FFF;
  font-size: 12px;
  font-weight: 700;
}
.v5-campaign .campaign-detail .campaign-content dl dd .smart-store .btn-store .arrow-right {
  margin-left: 5px;
  margin-bottom: 2px;
}
.v5-campaign .campaign-detail .campaign-content dl dd .smart-store .btn-store.store-notify {
  background: #364D63;
}
.v5-campaign .campaign-detail .campaign-content dl dd .smart-store .btn-store.store-notify:hover {
  background: #192734;
}
.v5-campaign .campaign-detail .campaign-content dl dd .smart-store .btn-store.store-wish {
  background: #6A78F3;
}
.v5-campaign .campaign-detail .campaign-content dl dd .smart-store .btn-store.store-wish:hover {
  background: #434A8A;
}
.v5-campaign .campaign-detail .campaign-content dl dd .smart-store p {
  color: #999;
  font-size: 14px;
  font-weight: 400;
  margin-top: 15px;
  margin-bottom: 0;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content dl dd .smart-store p {
    font-size: 12px;
  }
}
.v5-campaign .campaign-detail .campaign-content dl dd .smart-store p span {
  color: #333;
  font-weight: 500;
}
.v5-campaign .campaign-detail .campaign-content dl dd .mission-content {
  font-weight: 400;
  font-size: 16px;
  color: #333;
  line-height: 26px;
  letter-spacing: -0.4px;
  word-break: keep-all;
  word-wrap: break-word;
  margin-top: 30px;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content dl dd .mission-content {
    font-size: 14px;
    margin-top: 30px;
  }
}
.v5-campaign .campaign-detail .campaign-content dl dd .desc {
  color: #999;
  font-size: 14px;
  margin-bottom: 0;
  line-height: 22px;
}
.v5-campaign .campaign-detail .campaign-content dl dd .desc.address {
  color: #333;
}
.v5-campaign .campaign-detail .campaign-content dl dd input.input-text {
  font-size: 16px;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content dl dd input.input-text {
    font-size: 14px;
  }
}
.v5-campaign .campaign-detail .campaign-content dl dd.info {
  color: #333;
}
.v5-campaign .campaign-detail .campaign-content dl dd strong {
  display: block;
}
.v5-campaign .campaign-detail .campaign-content dl dd font strong {
  display: inline-block;
}
.v5-campaign .campaign-detail .campaign-content dl dd .label-desc {
  position: relative;
  margin-bottom: 30px;
}
.v5-campaign .campaign-detail .campaign-content dl dd .label-desc.label-option {
  margin-top: 0px;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content dl dd .label-desc {
    font-size: 14px;
  }
}
.v5-campaign .campaign-detail .campaign-content dl dd .control-label {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 25px;
  padding-top: 0;
  padding-left: 10px;
  padding-right: 0;
  letter-spacing: -1px;
}
.v5-campaign .campaign-detail .campaign-content dl dd .control-label ~ div.right-input {
  float: left;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content dl dd .control-label {
    width: 100px;
    min-width: 100%;
    max-width: 100%;
    float: none;
  }
  .v5-campaign .campaign-detail .campaign-content dl dd .control-label ~ div.right-input {
    float: none;
  }
}
.v5-campaign .campaign-detail .campaign-content dl dd .no-mg {
  margin-top: 10px;
}
.v5-campaign .campaign-detail .campaign-content dl dd .no-mg input[type='text'] {
  margin: 0;
}
.v5-campaign .campaign-detail .campaign-content dl dd .shopping-review-type1 {
  height: 42px;
}
.v5-campaign .campaign-detail .campaign-content dl dd .shopping-review-type2 {
  height: 57px;
}
.v5-campaign .campaign-detail .campaign-content dl dd.important-info > div {
  margin-top: 30px;
}
.v5-campaign .campaign-detail .campaign-content dl dd.important-info > div:first-child {
  margin-top: 0;
}
.v5-campaign .campaign-detail .campaign-content dl dd dl.nested {
  display: inline;
}
.v5-campaign .campaign-detail .campaign-content dl dd dl.nested dt,
.v5-campaign .campaign-detail .campaign-content dl dd dl.nested dd {
  display: block;
}
.v5-campaign .campaign-detail .campaign-content dl dd dl.nested dt {
  padding: 0;
}
.v5-campaign .campaign-detail .campaign-content dl dd dl.nested dd {
  padding: 8px 0 30px;
}
.v5-campaign .campaign-detail .campaign-content dl dd dl.nested dd:last-child {
  padding-bottom: 0;
}
.v5-campaign .campaign-detail .campaign-content dl.place-tag .place-name {
  margin-bottom: 7px;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content dl.place-tag .place-name {
    margin-bottom: 5px;
  }
}
.v5-campaign .campaign-detail .campaign-content dl:last-child dd {
  border-bottom: none;
}
.v5-campaign .campaign-detail .campaign-content dl .div-link {
  font-weight: 500;
  margin-bottom: 5px;
}
.v5-campaign .campaign-detail .campaign-content dl .div-link.place {
  margin-right: 10px;
}
.v5-campaign .campaign-detail .campaign-content dl .btn-new-copy {
  display: inline;
  font-size: 11px;
  font-weight: 500;
  line-height: 20px;
  padding: 0 10px;
  background: #F7F7FC;
  color: #6A78F3;
  border-radius: 10px;
  border: 1px solid #F7F7FC;
  vertical-align: bottom;
  margin-left: 5px;
}
.v5-campaign .campaign-detail .campaign-content dl .btn-new-copy:hover {
  background: #E4E7FF;
}
.v5-campaign .campaign-detail .campaign-content dl .btn-new-copy.place {
  margin-left: 0px;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content dl {
    display: block;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    font-size: 14px;
  }
  .v5-campaign .campaign-detail .campaign-content dl:first-child {
    margin-top: 0;
  }
  .v5-campaign .campaign-detail .campaign-content dl dt,
  .v5-campaign .campaign-detail .campaign-content dl dd {
    display: block;
    width: 100%;
  }
  .v5-campaign .campaign-detail .campaign-content dl dt {
    display: block;
  }
  .v5-campaign .campaign-detail .campaign-content dl dd {
    padding-top: 10px;
    font-size: 14px;
    line-height: 24px;
  }
  .v5-campaign .campaign-detail .campaign-content dl dd.instagram {
    padding-top: 0;
  }
  .v5-campaign .campaign-detail .campaign-content dl dd .desc {
    font-size: 12px;
  }
  .v5-campaign .campaign-detail .campaign-content dl dd dl.nested dt {
    font-size: 14px;
    padding: 0;
  }
  .v5-campaign .campaign-detail .campaign-content dl dd dl.nested dt:first-child {
    padding-top: 5px;
  }
  .v5-campaign .campaign-detail .campaign-content dl dd dl.nested dd {
    padding: 10px 0 15px !important;
  }
  .v5-campaign .campaign-detail .campaign-content dl dd dl.nested dd:last-child {
    padding-bottom: 0 !important;
  }
  .v5-campaign .campaign-detail .campaign-content dl dd dl.nested dd .desc {
    font-size: 12px;
    margin-top: 8px;
  }
}
.v5-campaign .campaign-detail .campaign-content .sponsor-banner-wrap .sponsor-banner img {
  width: 100%;
}
.v5-campaign .campaign-detail .campaign-content .link-wrap .div-link {
  display: inline-block;
  font-size: 13px;
}
.v5-campaign .campaign-detail .campaign-content .link-wrap .link-copy {
  display: inline-block;
  line-height: 17px;
  margin-left: 10px;
  font-size: 11px;
  font-weight: 400;
}
.v5-campaign .campaign-detail .campaign-content .insta-slide img {
  width: 100%;
  max-height: 760px;
}
.v5-campaign .campaign-detail .campaign-content .slick-prev:before,
.v5-campaign .campaign-detail .campaign-content .slick-next:before {
  content: '';
  display: none;
}
.v5-campaign .campaign-detail .campaign-content .slick-prev,
.v5-campaign .campaign-detail .campaign-content .slick-next {
  position: absolute;
  top: 50%;
  width: 45px;
  height: 45px;
  margin-top: -22.5px;
  background-size: 45px;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content .slick-prev,
  .v5-campaign .campaign-detail .campaign-content .slick-next {
    display: none;
  }
}
.v5-campaign .campaign-detail .campaign-content .slick-prev {
  position: absolute;
  left: -16px;
  background: url(/assets/img/slide/ic-arrow-left-slide-hover.svg) left center no-repeat;
  background-size: 45px;
  display: none !important;
}
.v5-campaign .campaign-detail .campaign-content .slick-next {
  position: absolute;
  right: -16px;
  background: url(/assets/img/slide/ic-arrow-right-slide-hover.svg) right center no-repeat;
  background-size: 45px;
}
.v5-campaign .campaign-detail .campaign-content .slick-dots {
  position: absolute;
  bottom: 20px;
}
.v5-campaign .campaign-detail .campaign-content .slick-dots li {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 20px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.v5-campaign .campaign-detail .campaign-content .slick-dots li button {
  width: 80px;
}
.v5-campaign .campaign-detail .campaign-content .slick-dots li button:before {
  content: ' ';
  width: 80px;
  height: 2px;
  opacity: 1;
  background: #ccc;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content .slick-dots li {
    width: 30px;
  }
  .v5-campaign .campaign-detail .campaign-content .slick-dots li button {
    width: 30px;
  }
  .v5-campaign .campaign-detail .campaign-content .slick-dots li button:before {
    width: 30px;
  }
}
.v5-campaign .campaign-detail .campaign-content .slick-dots li.slick-active button:before {
  content: ' ';
  background: #222;
}
.v5-campaign .campaign-detail .campaign-content .feedback label {
  line-height: 18px;
}
.v5-campaign .campaign-detail .campaign-content .user-information {
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content .user-information {
    font-size: 15px;
  }
}
.v5-campaign .campaign-detail .campaign-content .user-information .name:after,
.v5-campaign .campaign-detail .campaign-content .user-information .sex:after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #dddddd;
  margin: 0 10px;
  vertical-align: middle;
}
.v5-campaign .campaign-detail .campaign-content .form-group .retry {
  margin-right: 5px;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content .form-group .retry {
    margin-right: 0px;
    position: relative;
  }
}
.v5-campaign .campaign-detail .campaign-content .form-group .retry input {
  width: 300px;
  height: 46px;
  color: #222;
  border-radius: 5px !important;
}
.v5-campaign .campaign-detail .campaign-content .form-group .retry input .form-control[disabled] {
  background: #F5F5F5;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content .form-group .retry .border-none {
    border-bottom: 1px solid #ddd;
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0px !important;
    width: 100%;
    padding-left: 0px;
    font-size: 15px;
    color: #222222;
    background: #FFFFFF;
  }
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content .form-group .retry-btn nice-check {
    position: absolute;
    right: 10px;
    top: -85px;
  }
}
.v5-campaign .campaign-detail .campaign-content .user-banner-container {
  padding-top: 0 !important;
}
.v5-campaign .campaign-detail .campaign-content .user-banner-container .user-banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 6px;
  border: 1px solid #FFF;
  background: #F6F8FA;
  padding: 20px 30px;
  margin-bottom: 30px;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content .user-banner-container .user-banner {
    margin-bottom: 20px;
  }
}
.v5-campaign .campaign-detail .campaign-content .user-banner-container .user-banner img {
  width: 48px;
  height: 48px;
}
.v5-campaign .campaign-detail .campaign-content .user-banner-container .user-banner .nick {
  color: #33313B;
  font-size: 13px;
}
.v5-campaign .campaign-detail .mobile-aside {
  display: none;
  border-top: 1px solid #eee;
  padding-top: 15px;
  position: relative;
}
.v5-campaign .campaign-detail .mobile-aside .padding-right-15 {
  padding-right: 15px;
}
.v5-campaign .campaign-detail .mobile-aside .mobile-thumb {
  position: absolute;
  right: 0;
  top: 15px;
}
.v5-campaign .campaign-detail .mobile-aside .mobile-thumb img {
  width: 98px;
  height: 98px;
  border-radius: 12px;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .mobile-aside .mobile-thumb ~ campaign-new-button .btn.login {
    display: none;
  }
  .v5-campaign .campaign-detail .mobile-aside .mobile-thumb ~ campaign-new-button .system-message {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .mobile-aside {
    display: block;
  }
  .v5-campaign .campaign-detail .mobile-aside .period {
    padding-bottom: 15px;
    min-height: 112px;
    font-size: 14px;
  }
  .v5-campaign .campaign-detail .mobile-aside button {
    display: none;
  }
  .v5-campaign .campaign-detail .mobile-aside hr {
    display: none;
    margin: 0;
    height: 1px;
  }
  .v5-campaign .campaign-detail .mobile-aside .mobile-line hr {
    display: block;
  }
  .v5-campaign .campaign-detail .mobile-aside .system-message {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -1px;
  }
}
.v5-campaign .campaign-detail .connect-blog,
.v5-campaign .campaign-detail .connect-clip {
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  cursor: pointer;
  padding: 12px 20px;
  margin-top: 20px;
}
.v5-campaign .campaign-detail .connect-blog img,
.v5-campaign .campaign-detail .connect-clip img {
  position: relative;
  top: -1px;
  left: -1px;
}
.v5-campaign .campaign-detail .connect-clip {
  font-size: 14px;
  color: #666;
  border-radius: 5px;
  padding: 7px 14px;
}
.v5-campaign .campaign-detail .connect-clip img {
  width: 18px;
}
.v5-campaign .campaign-detail .upload-filename {
  width: 450px;
  height: auto;
  border-radius: 5px;
  background-color: #F7F9FF;
  border: 1px solid #DBE1F4;
  padding: 20px;
  font-size: 15px;
  font-weight: 500;
  line-height: 21.72px;
  letter-spacing: -0.40000001px;
  text-align: left;
  color: #2040E5;
  margin-top: -10px;
}
.v5-campaign .campaign-detail .upload-filename div {
  padding-right: 30px;
}
.v5-campaign .campaign-detail .upload-filename img {
  cursor: pointer;
  float: right;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .upload-filename {
    width: 100%;
    font-size: 13px;
    line-height: 17.82px;
  }
}
.v5-campaign .campaign-detail .has-button .btn {
  width: 214px;
}
.v5-campaign .campaign-detail .has-button file-upload error-message {
  display: inline-block;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .has-button file-upload {
    width: 100%;
  }
  .v5-campaign .campaign-detail .has-button file-upload .btn {
    width: 100%;
  }
}
.v5-campaign .campaign-detail .market-review-box {
  width: 240px;
  padding: 30px 0 20px 0;
}
.v5-campaign .campaign-detail .market-review-box h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 23.17px;
  text-align: left;
  margin-bottom: 15px;
}
.v5-campaign .campaign-detail .market-review-box .image-box {
  border: 1px solid #E5E5E5;
  border-radius: 6px;
  margin-bottom: 10px;
  cursor: pointer;
}
.v5-campaign .campaign-detail .market-review-box .image-box img {
  width: 100%;
  max-height: 300px;
  border-radius: 3px;
}
.v5-campaign .campaign-detail .market-review-box button {
  float: right;
  border: 1px solid #DDDDDD;
  font-size: 12px;
  font-weight: 400;
  line-height: 17.38px;
  letter-spacing: -0.40000001px;
  background-color: #FFFFFF;
  width: 36px;
  height: 20px;
  margin-top: 5px;
  padding: 0px;
}
.v5-campaign .campaign-detail .market-review-box .user-info {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .market-review-box .user-info {
    font-size: 13px;
    margin-bottom: 10px;
  }
}
.v5-campaign .campaign-detail .market-review-box .user-info img {
  width: 28px;
  height: 28px;
}
.v5-campaign .campaign-detail .market-review-box hr {
  margin: 10px 0;
}
@media (max-width: 799px) {
}
.v5-campaign h1.agreement {
  display: none;
}
@media (max-width: 799px) {
  .v5-campaign h1.agreement {
    margin-top: 30px;
    display: block;
    font-size: 16px;
    font-weight: bold;
  }
}
.v5-campaign .agreement .color-red {
  color: red;
}
.v5-campaign .agreement .inline-span-text {
  display: inline-block;
  width: 24px;
}
.v5-campaign .agreement li {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.3px;
}
.v5-campaign .agreement li.mb-10 {
  margin-bottom: 10px;
}
.v5-campaign .agreement a {
  color: #9b9b9b;
  font-size: 12px;
  text-decoration: underline;
  margin-left: 25px;
}
@media (max-width: 799px) {
  .v5-campaign .agreement a {
    margin-left: 0px;
  }
}
.v5-campaign .agreement label {
  font-weight: normal;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: -0.3px;
}
.v5-campaign .agreement label .agreement-text {
  display: inline-block;
}
.v5-campaign .agreement label .agreement-i {
  vertical-align: top !important;
  margin-top: 3px !important;
}
.v5-campaign .agreement input[type="checkbox"] {
  display: none;
}
.v5-campaign .agreement input[type="checkbox"] + label {
  color: #666666;
  font-weight: 400;
}
.v5-campaign .agreement input[type="checkbox"]:checked + label {
  color: #222222;
  font-weight: 400;
}
.v5-campaign .agreement input[type="checkbox"] + label i {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -2px 5px 0 0;
  vertical-align: middle;
  background-image: url(/assets/img/form/new-btns.svg);
  background-position: -19px top;
  background-repeat: no-repeat;
  cursor: pointer;
}
.v5-campaign .agreement input[type="checkbox"]:checked + label i {
  background-position: left top;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  .v5-campaign .agreement {
    margin-top: 20px;
  }
  .v5-campaign .agreement a {
    padding-left: 0;
  }
  .v5-campaign .agreement li {
    font-size: 12px;
  }
  .v5-campaign .agreement li.open {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: 10px;
  }
  .v5-campaign .agreement li.open > a {
    display: block;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    padding: 10px 0;
    background: url('/assets/img/campaign/ic-toggle-open.svg') right 15px no-repeat;
  }
  .v5-campaign .agreement li.open .campaign-agree-modal {
    display: none;
  }
  .v5-campaign .agreement li.open.on {
    background: #f7f7f7;
  }
  .v5-campaign .agreement li.open.on a {
    background: #fff url('/assets/img/campaign/ic-toggle-close.svg') right 15px no-repeat;
  }
  .v5-campaign .agreement li.open.on .campaign-agree-modal {
    display: block;
    padding: 20px 10px 10px;
  }
  .v5-campaign .agreement li.open.on .campaign-agree-modal h2 {
    font-size: 14px;
    border-bottom: none;
    padding-bottom: 0;
  }
  .v5-campaign .agreement li.open.on .campaign-agree-modal .table-responsive {
    background: #fff;
  }
  .v5-campaign .agreement li.open.on .campaign-agree-modal .table-responsive th {
    background: #ECECEC;
    width: 50px;
  }
  .v5-campaign .agreement li.open.on .campaign-agree-modal .table-responsive th,
  .v5-campaign .agreement li.open.on .campaign-agree-modal .table-responsive td {
    white-space: normal;
    text-align: left;
  }
  .v5-campaign .agreement li.open.on .campaign-agree-modal .table-responsive ~ hr {
    display: none;
  }
  .v5-campaign .agreement li.open.on .campaign-agree-modal button {
    display: none;
  }
}
.v5-campaign .related-campaign {
  padding: 40px 0 20px 0;
}
.v5-campaign .related-campaign .v5-campaign-card-list .row {
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 799px) {
  .v5-campaign .related-campaign {
    padding: 20px 0 10px;
  }
}
.v5-campaign .related-review .row,
.v5-campaign .application-campaign .row {
  margin-left: 5px;
  margin-right: -15px;
}
@media (max-width: 799px) {
  .v5-campaign .related-review .row,
  .v5-campaign .application-campaign .row {
    margin-left: -5px;
  }
}
.v5-campaign .related-review h2,
.v5-campaign .application-campaign h2 {
  font-size: 16px;
  margin-bottom: 15px;
  font-weight: normal;
}
.v5-campaign .related-review h2 strong,
.v5-campaign .application-campaign h2 strong {
  font-weight: 500;
}
@media (max-width: 799px) {
  .v5-campaign .related-review h2,
  .v5-campaign .application-campaign h2 {
    margin-bottom: 15px;
    font-size: 15px !important;
    line-height: 22px;
    font-weight: normal;
  }
}
@media (max-width: 799px) {
  .v5-campaign .related-review ul,
  .v5-campaign .application-campaign ul {
    position: relative;
    z-index: 10;
  }
}
@media (max-width: 799px) {
  .v5-campaign .related-review .v5-campaign-card-list .applicant-cord,
  .v5-campaign .application-campaign .v5-campaign-card-list .applicant-cord {
    overflow: auto;
    -ms-overflow-style: none;
  }
}
.v5-campaign .related-review .v5-campaign-card-list ul li,
.v5-campaign .application-campaign .v5-campaign-card-list ul li {
  width: 19.777%;
}
@media (max-width: 799px) {
  .v5-campaign .related-review .v5-campaign-card-list ul li,
  .v5-campaign .application-campaign .v5-campaign-card-list ul li {
    width: 19.777%;
  }
}
.v5-campaign .related-review .new-campaign-card,
.v5-campaign .application-campaign .new-campaign-card {
  margin-top: 0;
}
.v5-campaign .related-review .new-campaign-card .card,
.v5-campaign .application-campaign .new-campaign-card .card {
  margin: 5px;
}
.v5-campaign .related-review .new-campaign-card .card dd,
.v5-campaign .application-campaign .new-campaign-card .card dd {
  display: none;
}
.v5-campaign .related-review .new-campaign-card .card .offer,
.v5-campaign .application-campaign .new-campaign-card .card .offer {
  font-size: 14px;
}
.v5-campaign .related-review .new-campaign-card .card .card-type,
.v5-campaign .application-campaign .new-campaign-card .card .card-type {
  display: block;
  font-size: 11px;
}
.v5-campaign .related-review .new-campaign-card .card .card-type .instagram,
.v5-campaign .application-campaign .new-campaign-card .card .card-type .instagram {
  display: none;
}
.v5-campaign .related-review .new-campaign-card .card .card-type .youtube,
.v5-campaign .application-campaign .new-campaign-card .card .card-type .youtube {
  display: none;
}
.v5-campaign .related-review .new-campaign-card .card .card-type .blog,
.v5-campaign .application-campaign .new-campaign-card .card .card-type .blog {
  display: none;
}
.v5-campaign .related-review .new-campaign-card .card .description,
.v5-campaign .application-campaign .new-campaign-card .card .description {
  height: auto;
}
.v5-campaign .related-review .new-campaign-card .card .reward,
.v5-campaign .application-campaign .new-campaign-card .card .reward {
  font-size: 11px;
}
@media (max-width: 799px) {
  .v5-campaign .related-review .new-campaign-card .card,
  .v5-campaign .application-campaign .new-campaign-card .card {
    margin: 0;
  }
}
@media (max-width: 799px) {
  .v5-campaign .related-review .new-campaign-card,
  .v5-campaign .application-campaign .new-campaign-card {
    padding: 0 5px;
  }
  .v5-campaign .related-review .new-campaign-card .card .description,
  .v5-campaign .application-campaign .new-campaign-card .card .description {
    padding-bottom: 0;
  }
  .v5-campaign .related-review .new-campaign-card .card .offer,
  .v5-campaign .application-campaign .new-campaign-card .card .offer {
    font-size: 12px;
    letter-spacing: -0.34px;
    line-height: normal;
  }
}
@media (max-width: 799px) {
  .v5-campaign .related-review,
  .v5-campaign .application-campaign {
    overflow-x: scroll;
    background: #fff;
  }
  .v5-campaign .related-review .card,
  .v5-campaign .application-campaign .card {
    margin: 10px 0px;
  }
  .v5-campaign .related-review .card img,
  .v5-campaign .application-campaign .card img {
    border-radius: 0;
  }
  .v5-campaign .related-review .card .campaign-favorite,
  .v5-campaign .application-campaign .card .campaign-favorite {
    display: none;
  }
  .v5-campaign .related-review .card .campaign-cover .cover,
  .v5-campaign .application-campaign .card .campaign-cover .cover {
    height: 100px;
    width: 100%;
    display: table;
    border-radius: 0;
  }
  .v5-campaign .related-review ul,
  .v5-campaign .application-campaign ul {
    width: 640px;
    overflow-x: scroll;
  }
  .v5-campaign .related-review .description .card-type,
  .v5-campaign .application-campaign .description .card-type {
    position: relative;
    display: none;
  }
}
.v5-campaign .related-campaign {
  background: #f8f8f9;
  -ms-overflow-style: none;
  overflow: auto;
}
.v5-campaign .related-campaign h2 {
  font-size: 20px;
  margin-bottom: 10px;
}
@media (max-width: 799px) {
  .v5-campaign .related-campaign h2 {
    margin-bottom: 0;
    font-size: 16px;
    position: absolute;
    left: 15px;
    font-weight: bold;
  }
}
@media (max-width: 799px) {
  .v5-campaign .related-campaign ul {
    margin-top: 25px;
    position: relative;
    z-index: 10;
  }
}
.v5-campaign .related-campaign .v5-campaign-card-list ul li {
  width: 16.666%;
}
@media (max-width: 799px) {
  .v5-campaign .related-campaign .v5-campaign-card-list ul li {
    width: 16%;
  }
}
.v5-campaign .related-campaign .new-campaign-card {
  margin-top: 0;
}
.v5-campaign .related-campaign .new-campaign-card .card dd {
  display: none;
}
.v5-campaign .related-campaign .new-campaign-card .card .offer {
  font-size: 14px;
}
.v5-campaign .related-campaign .new-campaign-card .card .description {
  height: auto;
}
@media (max-width: 799px) {
  .v5-campaign .related-campaign .new-campaign-card {
    padding: 0 5px;
  }
  .v5-campaign .related-campaign .new-campaign-card .card .description {
    padding-bottom: 0;
  }
  .v5-campaign .related-campaign .new-campaign-card .card .offer {
    font-size: 12px;
    letter-spacing: -0.34px;
    line-height: normal;
  }
}
.v5-campaign .related-campaign .new-campaign-list .ncl-grid {
  grid-template-columns: repeat(6, 1fr);
  margin: 25px 0 40px;
}
.v5-campaign .related-campaign .new-campaign-list .new-campaign-card-v2 .card-data .card-users em {
  word-break: keep-all;
}
@media (max-width: 799px) {
  .v5-campaign .related-campaign .new-campaign-list {
    padding: 0;
  }
  .v5-campaign .related-campaign .new-campaign-list .ncl-grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 9px;
    margin: 16px 0 20px;
    width: auto;
    overflow-x: unset;
  }
  .v5-campaign .related-campaign .new-campaign-list .ncl-item {
    flex: 1 1 100px;
    min-width: 100px;
  }
  .v5-campaign .related-campaign .new-campaign-list .ncl-item .new-campaign-card-v2.size-sm .card-thumb {
    width: 100%;
    aspect-ratio: 1/1;
    height: auto;
  }
  .v5-campaign .related-campaign .new-campaign-list .ncl-item .new-campaign-card-v2.size-sm .card-info {
    width: 100%;
  }
}
@media (max-width: 799px) {
  .v5-campaign .related-campaign {
    overflow-x: scroll;
    background: #fff;
  }
  .v5-campaign .related-campaign .card {
    margin: 10px 0px;
  }
  .v5-campaign .related-campaign .card img {
    border-radius: 0;
  }
  .v5-campaign .related-campaign .card .campaign-favorite {
    display: none;
  }
  .v5-campaign .related-campaign .card .campaign-cover .cover {
    height: 100px;
    width: 100%;
    display: table;
    border-radius: 0;
  }
  .v5-campaign .related-campaign ul {
    width: 640px;
    overflow-x: scroll;
  }
  .v5-campaign .related-campaign .description .card-type {
    position: relative;
    display: none;
  }
}
.v5-campaign .related-review {
  background: #fff;
  border-top: 1px solid #eee;
  padding: 40px 0;
}
.v5-campaign .related-review .row {
  margin-left: -5px;
  margin-right: -5px;
}
@media (max-width: 799px) {
  .v5-campaign .related-review.brand ul {
    overflow-x: hidden;
    width: 102%;
  }
}
.v5-campaign .related-review .new-review-card {
  width: 25%;
  float: left;
}
.v5-campaign .related-review .new-review-card .description {
  padding: 12px 0 0;
  display: block;
}
.v5-campaign .related-review .new-review-card .description .user-info {
  font-size: 12px;
}
.v5-campaign .related-review .new-review-card .description .title {
  font-size: 14px;
  display: block;
  white-space: nowrap;
}
.v5-campaign .related-review .new-review-card .description hr {
  margin-top: 0px;
  margin-bottom: 15px;
}
.v5-campaign .related-review .new-review-card .description .media-type {
  display: inline-block;
}
.v5-campaign .related-review .new-review-card .description .media-type img {
  width: 15px;
  position: relative;
  top: 16px;
}
.v5-campaign .related-review .new-review-card .description .media-type p {
  padding-left: 20px;
  color: #777777;
  font-size: 12px;
}
@media (max-width: 799px) {
  .v5-campaign .related-review .new-review-card .description .media-type p {
    font-size: 11px;
  }
}
@media (max-width: 799px) {
  .v5-campaign .related-review .new-review-card .description .media-type img {
    width: 15px;
    position: absolute;
    top: 294px;
  }
}
@media (max-width: 799px) {
  .v5-campaign .related-review .new-review-card {
    float: left;
    width: 160px;
  }
  .v5-campaign .related-review .new-review-card .card {
    margin: 10px 5px;
  }
  .v5-campaign .related-review .new-review-card .card a {
    height: 114px;
  }
}
.v5-campaign .related-review .new-review-card.brand {
  display: inline-block;
  vertical-align: top;
  width: 20%;
}
@media (max-width: 799px) {
  .v5-campaign .related-review .new-review-card.brand {
    width: 50%;
  }
}
@media (min-width: 800px) and (max-width: 1023px) {
  .v5-campaign .related-review .new-review-card.brand {
    width: 25%;
  }
}
@media (min-width: 1024px) {
  .v5-campaign .related-review .new-review-card.brand {
    width: 25%;
  }
}
@media (min-width: 1280px) {
  .v5-campaign .related-review .new-review-card.brand {
    width: 20%;
  }
}
@media (min-width: 1600px) {
  .v5-campaign .related-review .new-review-card.brand {
    width: 20%;
  }
}
@media (min-width: 1920px) {
  .v5-campaign .related-review .new-review-card.brand {
    width: 20%;
  }
}
.v5-campaign .related-review .new-review-card.brand a {
  border-radius: 3px;
}
@media (min-width: 1280px) {
  .v5-campaign .related-review .new-review-card.brand a {
    height: 150px;
  }
}
@media (min-width: 1600px) {
  .v5-campaign .related-review .new-review-card.brand a {
    height: 200px;
  }
}
@media (min-width: 1920px) {
  .v5-campaign .related-review .new-review-card.brand a {
    height: 240px;
  }
}
.v5-campaign .related-review .new-review-card.brand hr {
  border-color: #eee;
}
@media (max-width: 799px) {
  .v5-campaign .related-review .new-review-card.brand {
    width: 100%;
    height: 370px;
  }
  .v5-campaign .related-review .new-review-card.brand .card {
    margin: 10px 5px;
  }
  .v5-campaign .related-review .new-review-card.brand .card a {
    height: 240px;
  }
}
.v5-campaign .related-review .new-review-card.brand .title {
  margin-bottom: -7px;
}
@media (max-width: 799px) {
  .v5-campaign .related-review .new-review-card.brand .title {
    margin-bottom: 10px;
  }
}
@media (max-width: 799px) {
  .v5-campaign .related-review {
    padding: 20px 0 10px;
  }
  .v5-campaign .related-review ul {
    overflow-x: scroll;
    width: 646px;
  }
}
@media (max-width: 799px) {
  .v5-campaign .mobile-hide {
    display: none;
  }
}
.v5-campaign .form-title {
  margin: 10px 0 10px;
  font-size: 16px;
  line-height: 26px;
}
@media (max-width: 799px) {
  .v5-campaign .form-title {
    margin-bottom: 20px;
  }
}
.v5-campaign p.form-split {
  margin: 0;
}
@media (max-width: 799px) {
  .v5-campaign p.form-split {
    margin: 30px 0;
  }
}
.v5-campaign a.media-icon {
  line-height: 40px;
  font-size: 16px;
  color: #222;
  width: auto;
  max-width: 500px;
  display: inline-block;
  padding-left: 30px;
}
@media (max-width: 799px) {
  .v5-campaign a.media-icon {
    margin-top: 10px;
    padding-left: 30px;
    font-size: 14px;
    max-width: 230px;
    line-height: 24px;
  }
}
.v5-campaign a.media-icon.has-instagram {
  background: url(/assets/img/common/ic-instagram.svg) bottom left no-repeat;
  height: 32px;
}
@media (max-width: 799px) {
  .v5-campaign a.media-icon.has-instagram {
    height: auto;
  }
}
.v5-campaign a.media-icon.has-blog {
  background: url(/assets/img/common/ic-blog.svg) center left no-repeat;
}
@media (max-width: 799px) {
  .v5-campaign a.media-icon.has-blog {
    height: auto;
  }
}
.v5-campaign a.media-icon.has-youtube {
  background: url(/assets/img/common/ic-youtube.svg) bottom left no-repeat;
  height: 30px;
}
@media (max-width: 799px) {
  .v5-campaign a.media-icon.has-youtube {
    height: auto;
  }
}
.v5-campaign a.media-icon.has-clip {
  background: url(/assets/img/common/ic-clip.svg) center left no-repeat;
  background-size: 20px;
  padding-left: 28px;
}
@media (max-width: 799px) {
  .v5-campaign a.media-icon.has-clip {
    height: auto;
  }
}
.v5-campaign .btn.m-block {
  margin-top: 10px;
}
@media (max-width: 799px) {
  .v5-campaign .btn.m-block {
    margin-top: 5px;
    display: block;
    width: 100%;
  }
}
.v5-campaign .btn.m-block.type-facebook {
  background: #FFFFFF;
  margin-left: 0px;
}
.v5-campaign .btn-group-justified .btn {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}
.v5-campaign .btn-group-justified.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-left: none;
  border-right: none;
}
@media (max-width: 799px) {
  .v5-campaign .btn-group-justified.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-right: 1px solid #ccc;
  }
}
@media (max-width: 799px) {
  .v5-campaign .btn-group-justified .btn-group.w {
    display: none;
  }
}
.v5-campaign .checkbox-inline {
  margin-left: 5px;
  padding: 5px 0;
}
.v5-campaign .checkbox-inline:first-child {
  margin-left: 0;
}
.v5-campaign .checkbox-inline input[type="checkbox"] {
  display: none;
  position: absolute;
  margin-left: -20px;
}
.v5-campaign .checkbox-inline input[type="checkbox"] + label {
  font-weight: normal;
  border: 1px solid #ddd;
  line-height: 18px;
  padding: 3px 10px 2px 10px;
  border-radius: 15px;
  vertical-align: middle;
  color: #999;
  margin-top: 0;
  margin-bottom: 0;
}
.v5-campaign .checkbox-inline input[type="checkbox"]:checked + label {
  border: 1px solid #ae8cee;
  color: #5c19dd;
}
@media (max-width: 799px) {
  .v5-campaign .checkbox-inline {
    margin-bottom: 5px;
  }
}
.v5-campaign .form-control {
  border-color: #ddd;
}
.v5-campaign p.label-title {
  margin-top: 0;
  margin-bottom: 30px;
}
@media (max-width: 799px) {
  .v5-campaign p.label-title {
    margin-bottom: 10px;
  }
}
.v5-campaign select.form-control {
  background: url(/assets/img/form/ic-select-arrow.svg) 96% 54% no-repeat;
  border: 1px solid #ddd;
  padding: 10px;
  box-shadow: none !important;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.v5-campaign .form-group label {
  font-size: 14px;
}
.v5-campaign .form-group .design-radio {
  padding-top: 0;
}
.v5-campaign .form-group .custom-inline {
  display: inline-block;
}
@media (max-width: 799px) {
  .v5-campaign .form-group .custom-inline {
    display: block;
  }
  .v5-campaign .form-group .custom-inline input[type='text'] {
    margin: 10px 0 0 0;
  }
}
.v5-campaign .review-contents {
  width: 100%;
  height: 360px;
  overflow-x: auto;
}
.v5-campaign .review-contents li {
  padding-left: 5px;
  padding-right: 5px;
}
.v5-campaign .review-contents .insta-card {
  margin-bottom: 10px;
  position: relative;
}
.v5-campaign .review-contents .insta-card .card.reels .reels-icon {
  position: absolute;
  bottom: 12px;
  right: 12px;
  width: 20px;
  height: 20px;
  z-index: 99;
}
@media (max-width: 799px) {
  .v5-campaign .review-contents .insta-card .card.reels .reels-icon {
    bottom: 5px;
    right: 5px;
    width: 16px;
    height: 16px;
  }
}
.v5-campaign .review-contents .insta-card .card.reels a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
  border-radius: 3px;
}
.v5-campaign .review-contents .insta-card .card a {
  position: relative;
  overflow: hidden;
  display: block;
  padding-bottom: 100%;
}
.v5-campaign .review-contents .insta-card .card a img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.v5-campaign .review-contents .insta-card .card a img.selected {
  border: 2px solid #5c19dd;
}
.v5-campaign .review-contents .insta-card .card a .cover-wrap {
  display: none;
}
.v5-campaign .review-contents .insta-card .card a .cover-wrap.on {
  display: block;
}
.v5-campaign .review-contents .insta-card .card a .cover-wrap.on img.on {
  border: none;
}
.v5-campaign .review-contents .insta-card .card a .cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  z-index: 999;
}
.v5-campaign .review-contents .insta-card .card a .cover ~ .cover-text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  margin-top: -20px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  z-index: 999;
}
@media (max-width: 799px) {
  .v5-campaign .review-contents .insta-card .card a .cover ~ .cover-text {
    font-size: 12px;
  }
}
.v5-campaign .review-contents li.youtube-card {
  margin-bottom: 10px;
}
.v5-campaign .review-contents li.youtube-card .card {
  background-color: #000000;
}
.v5-campaign .review-contents li.youtube-card .card a {
  position: relative;
  overflow: hidden;
  display: block;
  max-height: 103px;
}
.v5-campaign .review-contents li.youtube-card .card a img {
  width: 100%;
  height: 100%;
  display: block;
}
.v5-campaign .review-contents li.youtube-card .card a .duration {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 8px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  padding: 2px 4px;
  border-radius: 2px;
  letter-spacing: .5px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.2rem;
  align-items: center;
  display: inline-flex;
}
.v5-campaign .review-contents li.youtube-card .card a .duration.selected {
  opacity: 0.67;
}
.v5-campaign .review-contents li.youtube-card .card a.selected img {
  opacity: 0.67;
}
.v5-campaign .review-contents li.youtube-card .card a .checked {
  background: url(/assets/img/campaign/ic-check-video.svg) no-repeat right;
  background-size: 24px 24px;
  position: absolute;
  top: 0;
  right: 0;
  height: 24px;
  width: 24px;
  margin: 8px;
}
.v5-campaign .review-contents li.youtube-card .card a .borderBox {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #6819ff;
}
@media (max-width: 799px) {
  .v5-campaign .review-contents li.youtube-card {
    margin-bottom: 5px;
  }
}
@media (max-width: 799px) {
  .v5-campaign .review-contents {
    height: 250px;
  }
}
.v5-campaign .review-contents .detail-toggle {
  margin-top: 10px !important;
}
.v5-campaign .required-text {
  font-size: 12px;
  color: #666;
  margin-top: 5px;
}
.modal {
  text-align: center;
  padding: 0 !important;
}
@media (max-width: 799px) {
  .modal {
    padding-top: 30px;
  }
}
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
@media (max-width: 799px) {
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 799px) {
  .modal-dialog {
    vertical-align: top;
  }
}
.new-review-card .card {
  margin: 10px 5px;
}
.new-review-card .card a {
  height: 184px;
  display: block;
  overflow: hidden;
  position: relative;
}
.new-review-card .card a img {
  position: absolute;
  margin: auto;
  min-height: 100%;
  min-width: 100%;
  left: -100%;
  right: -100%;
  top: -100%;
  bottom: -100%;
  width: 100%;
}
.new-review-card .card .description {
  padding: 0 5px 5px 5px;
}
.new-review-card .card .description p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.5;
  max-height: 40px;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  font-size: 13px;
  -webkit-box-orient: vertical;
}
@media (max-width: 799px) {
  .new-review-card .card {
    margin: 0 5px;
  }
  .new-review-card .card img {
    width: 100%;
  }
}
home .related-campaign,
.campaign .related-campaign {
  background: #f8f8f9;
  -ms-overflow-style: none;
  overflow: auto;
}
home .related-campaign h1,
.campaign .related-campaign h1 {
  font-size: 20px;
  margin-bottom: 10px;
}
@media (max-width: 799px) {
  home .related-campaign h1,
  .campaign .related-campaign h1 {
    margin-bottom: 0;
    font-size: 16px;
    position: absolute;
    left: 15px;
    font-weight: bold;
  }
}
@media (max-width: 799px) {
  home .related-campaign ul,
  .campaign .related-campaign ul {
    margin-top: 25px;
    position: relative;
    z-index: 10;
  }
}
home .related-campaign .row,
.campaign .related-campaign .row {
  margin-left: -5px;
  margin-right: -5px;
}
home .related-campaign .v5-campaign-card-list ul li,
.campaign .related-campaign .v5-campaign-card-list ul li {
  width: 16.666%;
}
@media (max-width: 799px) {
  home .related-campaign .v5-campaign-card-list ul li,
  .campaign .related-campaign .v5-campaign-card-list ul li {
    width: 16%;
  }
}
home .related-campaign .new-campaign-card,
.campaign .related-campaign .new-campaign-card {
  margin-top: 0;
}
home .related-campaign .new-campaign-card .card dd,
.campaign .related-campaign .new-campaign-card .card dd {
  display: none;
}
home .related-campaign .new-campaign-card .card .offer,
.campaign .related-campaign .new-campaign-card .card .offer {
  font-size: 14px;
}
home .related-campaign .new-campaign-card .card .description,
.campaign .related-campaign .new-campaign-card .card .description {
  height: auto;
}
@media (max-width: 799px) {
  home .related-campaign .new-campaign-card,
  .campaign .related-campaign .new-campaign-card {
    padding: 0 5px;
  }
  home .related-campaign .new-campaign-card .card .description,
  .campaign .related-campaign .new-campaign-card .card .description {
    padding-bottom: 0;
  }
  home .related-campaign .new-campaign-card .card .offer,
  .campaign .related-campaign .new-campaign-card .card .offer {
    font-size: 12px;
    letter-spacing: -0.34px;
    line-height: normal;
  }
}
@media (max-width: 799px) {
  home .related-campaign,
  .campaign .related-campaign {
    overflow-x: scroll;
    background: #fff;
  }
  home .related-campaign .card,
  .campaign .related-campaign .card {
    margin: 10px 0px;
  }
  home .related-campaign .card img,
  .campaign .related-campaign .card img {
    border-radius: 0;
  }
  home .related-campaign .card .campaign-favorite,
  .campaign .related-campaign .card .campaign-favorite {
    display: none;
  }
  home .related-campaign .card .campaign-cover .cover,
  .campaign .related-campaign .card .campaign-cover .cover {
    height: 100px;
    width: 100%;
    display: table;
    border-radius: 0;
  }
  home .related-campaign ul,
  .campaign .related-campaign ul {
    width: 640px;
    overflow-x: scroll;
  }
  home .related-campaign .description .card-type,
  .campaign .related-campaign .description .card-type {
    position: relative;
    display: none;
  }
}
.campaign-requiest-user-info-form .design-radio {
  line-height: 40px;
}
coupon-list .location-category,
category .location-category {
  position: relative;
  margin-bottom: 20px;
}
coupon-list .location-category.is-shorten,
category .location-category.is-shorten {
  margin-bottom: 0;
}
coupon-list .location-category.is-shorten h1,
category .location-category.is-shorten h1 {
  margin-bottom: 0;
}
coupon-list .location-category h1,
category .location-category h1 {
  margin-bottom: 30px;
}
coupon-list .location-category h1 button,
category .location-category h1 button {
  font-weight: normal;
  background: none;
  border: none;
}
coupon-list .location-category h1 button img,
category .location-category h1 button img {
  vertical-align: unset;
}
coupon-list .location-category h1 button span.depth1,
category .location-category h1 button span.depth1 {
  font-weight: bold;
  color: #222;
}
coupon-list .location-category h1 button span.depth1 i,
category .location-category h1 button span.depth1 i {
  display: inline-block;
  background: url(/assets/img/category/ic-sort.svg) center top no-repeat;
  width: 9px;
  height: 11px;
}
@media (max-width: 799px) {
  coupon-list .location-category h1 button span.depth1,
  category .location-category h1 button span.depth1 {
    color: #5c19dd;
  }
  coupon-list .location-category h1 button span.depth1 i,
  category .location-category h1 button span.depth1 i {
    background: url(/assets/img/category/ic-sort-on.svg) center top no-repeat;
  }
}
@media (max-width: 799px) {
  coupon-list .location-category h1,
  category .location-category h1 {
    margin: 30px 0;
    font-size: 22px;
  }
  coupon-list .location-category h1 button img,
  category .location-category h1 button img {
    width: 12px;
  }
  coupon-list .location-category h1 button,
  category .location-category h1 button {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0;
  }
  coupon-list .location-category h1 button span img,
  category .location-category h1 button span img {
    width: 9px;
  }
}
coupon-list .location-category .sub-popup,
category .location-category .sub-popup {
  left: 0;
  top: 45px;
  width: 100%;
  position: absolute;
  z-index: 11;
  background: #fff;
  border: 1px solid #e2e2e2;
  border-top: 2px solid #5c19dd;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
coupon-list .location-category .sub-popup:before,
category .location-category .sub-popup:before {
  font-family: FontAwesome;
  content: "\F0D8";
  position: absolute;
  top: -19px;
  font-size: 20px;
  height: 20px;
  left: 0;
  width: 100%;
  color: #5c19dd;
  text-align: center;
  z-index: 1;
}
coupon-list .location-category .sub-popup li a,
category .location-category .sub-popup li a {
  font-size: 15px;
  display: block;
  padding: 8px 10px;
  color: #777;
  text-decoration: none;
}
coupon-list .location-category .sub-popup li a:hover,
category .location-category .sub-popup li a:hover {
  color: #5c19dd;
  background: rgba(0, 0, 0, 0.05);
}
coupon-list .location-category .extends,
category .location-category .extends {
  max-width: 600px;
  position: absolute;
  top: 48px;
  left: 0;
  z-index: 50;
  background: none;
  border: 1px solid #d3d3d3;
  border-radius: 2px;
  box-shadow: 3px 3px 7px 0 rgba(0, 0, 0, 0.08);
  background: #fff;
}
@media (max-width: 799px) {
  coupon-list .location-category .extends,
  category .location-category .extends {
    width: 100%;
  }
}
coupon-list .location-category .extends .open,
category .location-category .extends .open {
  position: relative;
  background: #fff;
  padding: 30px 25px 5px 30px;
}
coupon-list .location-category .extends .open .arrow,
category .location-category .extends .open .arrow {
  background: url(/assets/img/header/ic-arrow-gnb.svg) no-repeat center;
  position: absolute;
  top: -11px;
  left: 26%;
  margin-left: -9px;
  width: 18px;
  height: 11px;
}
@media (max-width: 799px) {
  coupon-list .location-category .extends .open,
  category .location-category .extends .open {
    padding: 25px 15px 5px 15px;
  }
  coupon-list .location-category .extends .open .arrow,
  category .location-category .extends .open .arrow {
    left: 37%;
  }
}
coupon-list .location-category .extends .all,
category .location-category .extends .all {
  padding: 0 0 25px;
  font-size: 20px;
  letter-spacing: -1.1px;
  line-height: 16px;
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #eee;
  background: none;
  text-align: left;
}
@media (max-width: 799px) {
  coupon-list .location-category .extends .all,
  category .location-category .extends .all {
    padding-bottom: 20px;
    font-size: 16px;
  }
}
coupon-list .location-category .extends dl,
category .location-category .extends dl {
  zoom: 1;
  margin: 15px 0px 5px 0px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #dedede;
}
coupon-list .location-category .extends dl:before,
category .location-category .extends dl:before,
coupon-list .location-category .extends dl:after,
category .location-category .extends dl:after {
  content: "";
  display: table;
}
coupon-list .location-category .extends dl:after,
category .location-category .extends dl:after {
  clear: both;
}
coupon-list .location-category .extends dl:last-child,
category .location-category .extends dl:last-child {
  border: none;
}
coupon-list .location-category .extends dl dt,
category .location-category .extends dl dt {
  font-size: 14px;
  width: 20%;
  float: left;
  padding: 7px 0;
  font-weight: normal;
}
coupon-list .location-category .extends dl dt.seoul,
category .location-category .extends dl dt.seoul {
  height: 160px;
}
coupon-list .location-category .extends dl dt.etc,
category .location-category .extends dl dt.etc {
  margin-bottom: 30px;
}
coupon-list .location-category .extends dl dd,
category .location-category .extends dl dd {
  width: 20%;
  padding: 7px 0;
  float: left;
}
coupon-list .location-category .extends dl dd a,
category .location-category .extends dl dd a {
  color: #999;
}
coupon-list .location-category .extends dl a,
category .location-category .extends dl a {
  color: #333;
}
coupon-list .location-category .extends dl a.on,
category .location-category .extends dl a.on,
coupon-list .location-category .extends dl a:hover,
category .location-category .extends dl a:hover {
  color: #5c19dd;
  font-weight: bold;
}
@media (max-width: 799px) {
  coupon-list .location-category .extends dl,
  category .location-category .extends dl {
    margin-bottom: 20px;
  }
  coupon-list .location-category .extends dl dt,
  category .location-category .extends dl dt {
    display: block;
    float: none;
    height: auto;
    width: 100%;
    font-size: 14px;
    padding-bottom: 10px;
  }
  coupon-list .location-category .extends dl dt.etc,
  category .location-category .extends dl dt.etc,
  coupon-list .location-category .extends dl dt.seoul,
  category .location-category .extends dl dt.seoul {
    height: auto;
    margin-bottom: 0;
  }
  coupon-list .location-category .extends dl dd,
  category .location-category .extends dl dd {
    width: 50%;
    font-size: 14px;
  }
}
coupon-list .location-category .coupon,
category .location-category .coupon {
  left: -424px;
  top: 12px;
}
coupon-list .location-category .coupon .open .arrow,
category .location-category .coupon .open .arrow {
  left: 81%;
}
coupon-list .sub-category,
category .sub-category {
  zoom: 1;
  border-radius: 2px;
  overflow: hidden;
  width: 100%;
  background: #39414d;
}
coupon-list .sub-category:before,
category .sub-category:before,
coupon-list .sub-category:after,
category .sub-category:after {
  content: "";
  display: table;
}
coupon-list .sub-category:after,
category .sub-category:after {
  clear: both;
}
@media (max-width: 799px) {
  coupon-list .sub-category,
  category .sub-category {
    background: transparent;
  }
}
coupon-list .sub-category li,
category .sub-category li {
  display: inline-block;
}
coupon-list .sub-category li a,
category .sub-category li a {
  display: block;
  padding: 10px 46px;
  text-align: center;
  color: #cbccce;
  text-decoration: none;
}
coupon-list .sub-category li a.on,
category .sub-category li a.on {
  background: #5c19dd;
  color: #fff;
}
coupon-list .sub-category li a:hover,
category .sub-category li a:hover {
  background: #4914af;
  color: #fff;
}
coupon-list .sub-category,
category .sub-category {
  zoom: 1;
  border-radius: 2px;
  overflow: hidden;
  width: 100%;
  background: #39414d;
}
coupon-list .sub-category:before,
category .sub-category:before,
coupon-list .sub-category:after,
category .sub-category:after {
  content: "";
  display: table;
}
coupon-list .sub-category:after,
category .sub-category:after {
  clear: both;
}
@media (max-width: 799px) {
  coupon-list .sub-category,
  category .sub-category {
    background: transparent;
  }
}
coupon-list .sub-category li,
category .sub-category li {
  display: inline-block;
}
coupon-list .sub-category li a,
category .sub-category li a {
  display: block;
  padding: 10px 46px;
  text-align: center;
  color: #cbccce;
  text-decoration: none;
}
coupon-list .sub-category li a.on,
category .sub-category li a.on {
  background: #5c19dd;
  color: #fff;
}
coupon-list .sub-category li a:hover,
category .sub-category li a:hover {
  background: #4914af;
  color: #fff;
}
coupon-list .line-category,
category .line-category {
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}
coupon-list .line-category.is-shorten,
category .line-category.is-shorten {
  border-bottom: none;
  margin-bottom: 10px;
}
@media (max-width: 799px) {
  coupon-list .line-category.is-shorten,
  category .line-category.is-shorten {
    padding-bottom: 10px;
    margin-bottom: 0;
  }
}
coupon-list .line-category ul,
category .line-category ul {
  display: inline-block;
}
@media (max-width: 799px) {
  coupon-list .line-category ul,
  category .line-category ul {
    display: block;
    white-space: nowrap;
    overflow-y: hidden;
    border-bottom: 1px solid #ddd;
  }
  coupon-list .line-category ul ::-webkit-scrollbar,
  category .line-category ul ::-webkit-scrollbar {
    width: 0px;
    /* remove scrollbar space */
    background: transparent;
    /* optional: just make scrollbar invisible */
  }
}
coupon-list .line-category li,
category .line-category li {
  display: inline-block;
}
coupon-list .line-category li a,
category .line-category li a {
  display: block;
  text-align: center;
  font-size: 16px;
  letter-spacing: -0.3px;
  color: #222;
  padding: 8px 20px;
}
coupon-list .line-category li a:hover,
category .line-category li a:hover {
  font-weight: bold;
}
coupon-list .line-category li a.on,
category .line-category li a.on {
  border-bottom: 2px solid #6a1cff;
  font-weight: bold;
}
@media (max-width: 799px) {
  coupon-list .line-category li a,
  category .line-category li a {
    padding: 10px 12px 8px 10px;
    font-size: 14px;
  }
}
@media (max-width: 799px) {
  coupon-list .line-category,
  category .line-category {
    border-bottom: 0;
    margin-bottom: 10px;
  }
}
coupon-list .line-category .nav-tabs-wrap,
category .line-category .nav-tabs-wrap {
  padding-top: 50px;
}
coupon-list .line-category .nav-tabs-wrap.premier,
category .line-category .nav-tabs-wrap.premier {
  padding-top: 30px;
}
@media (max-width: 799px) {
  coupon-list .line-category .nav-tabs-wrap,
  category .line-category .nav-tabs-wrap {
    padding-top: 0px;
  }
}
coupon-list .line-category .nav-tabs-wrap .nav-tabs,
category .line-category .nav-tabs-wrap .nav-tabs {
  height: 45px;
  width: 100%;
}
@media (max-width: 799px) {
  coupon-list .line-category .nav-tabs-wrap .nav-tabs,
  category .line-category .nav-tabs-wrap .nav-tabs {
    height: 43px;
  }
}
@media (max-width: 799px) {
  coupon-list .line-category .nav-tabs-wrap .nav-tabs li,
  category .line-category .nav-tabs-wrap .nav-tabs li {
    width: 33.3%;
  }
}
coupon-list .line-category .nav-tabs-wrap .nav-tabs li.premier-tab:hover,
category .line-category .nav-tabs-wrap .nav-tabs li.premier-tab:hover {
  border-bottom: 2px solid #6a1cff;
  font-weight: bold;
}
coupon-list .line-category .nav-tabs-wrap .nav-tabs li a,
category .line-category .nav-tabs-wrap .nav-tabs li a {
  color: #222;
}
coupon-list .line-category .nav-tabs-wrap .request-premier,
category .line-category .nav-tabs-wrap .request-premier {
  float: right;
  margin-right: 5px;
  margin-top: 4px;
  border-radius: 20.5px;
  background-image: linear-gradient(to right, #8330f2 -2%, #677bff 51%, #46ede2 105%);
  height: 30px;
  margin-top: 0px;
}
coupon-list .line-category .nav-tabs-wrap .request-premier a,
category .line-category .nav-tabs-wrap .request-premier a {
  padding: 10px 15px 5px;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  line-height: 31px;
}
@media (max-width: 799px) {
  coupon-list .line-category .nav-tabs-wrap .request-premier,
  category .line-category .nav-tabs-wrap .request-premier {
    height: 26px;
    margin-top: 10px;
    margin-right: 2px;
  }
  coupon-list .line-category .nav-tabs-wrap .request-premier a,
  category .line-category .nav-tabs-wrap .request-premier a {
    line-height: 26px;
  }
}
.category.new-line-category {
  position: relative;
  margin-bottom: 20px;
}
.category.new-line-category .line-category {
  position: absolute;
  bottom: -20px;
  right: 0;
  border-bottom: none;
}
@media (max-width: 799px) {
  .category.new-line-category .line-category {
    position: inherit;
    padding-bottom: 10px;
  }
}
.category.new-line-category .line-category .sort-tab.category {
  margin-bottom: 0;
}
@media (max-width: 799px) {
  .sort-tab.category {
    margin-bottom: 0;
  }
  .sort-tab.category button {
    padding: 0;
  }
}
.sub-tabs,
.sort-tab.coupon,
.sort-tab.favorite,
.sort-tab.category,
.sort-tab.post {
  float: right;
  margin-bottom: 10px;
}
@media (max-width: 799px) {
  .sub-tabs,
  .sort-tab.coupon,
  .sort-tab.favorite,
  .sort-tab.category,
  .sort-tab.post {
    margin-bottom: 0;
  }
}
.sub-tabs button.has-dropdown,
.sort-tab.coupon button.has-dropdown,
.sort-tab.favorite button.has-dropdown,
.sort-tab.category button.has-dropdown,
.sort-tab.post button.has-dropdown {
  background: none;
  padding: 2px 15px 4px;
}
.sub-tabs button.has-dropdown i,
.sort-tab.coupon button.has-dropdown i,
.sort-tab.favorite button.has-dropdown i,
.sort-tab.category button.has-dropdown i,
.sort-tab.post button.has-dropdown i {
  background: url(/assets/img/category/ic-sort.svg) right center no-repeat;
  display: inline-block;
  padding-left: 10px;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  margin-top: -2px;
}
.sub-tabs button.has-dropdown:hover i,
.sort-tab.coupon button.has-dropdown:hover i,
.sort-tab.favorite button.has-dropdown:hover i,
.sort-tab.category button.has-dropdown:hover i,
.sort-tab.post button.has-dropdown:hover i {
  background: url(/assets/img/category/ic-sort-hover-on.svg) right center no-repeat;
}
.sub-tabs button.has-dropdown.on i,
.sort-tab.coupon button.has-dropdown.on i,
.sort-tab.favorite button.has-dropdown.on i,
.sort-tab.category button.has-dropdown.on i,
.sort-tab.post button.has-dropdown.on i {
  background: url(/assets/img/category/ic-sort-hover-on.svg) right center no-repeat;
  transform: rotate(-180deg);
  transform-origin: 60%;
}
.sub-tabs button.has-dropdown i.on,
.sort-tab.coupon button.has-dropdown i.on,
.sort-tab.favorite button.has-dropdown i.on,
.sort-tab.category button.has-dropdown i.on,
.sort-tab.post button.has-dropdown i.on {
  background: url(/assets/img/category/ic-sort-on.svg) right center no-repeat;
}
.sub-tabs button.has-dropdown.on ~ .arrow-box,
.sort-tab.coupon button.has-dropdown.on ~ .arrow-box,
.sort-tab.favorite button.has-dropdown.on ~ .arrow-box,
.sort-tab.category button.has-dropdown.on ~ .arrow-box,
.sort-tab.post button.has-dropdown.on ~ .arrow-box {
  z-index: 40 !important;
  display: block;
}
.sub-tabs button.has-dropdown.on ~ .arrow-box-tooltip,
.sort-tab.coupon button.has-dropdown.on ~ .arrow-box-tooltip,
.sort-tab.favorite button.has-dropdown.on ~ .arrow-box-tooltip,
.sort-tab.category button.has-dropdown.on ~ .arrow-box-tooltip,
.sort-tab.post button.has-dropdown.on ~ .arrow-box-tooltip {
  display: none;
}
.sub-tabs button.has-dropdown .dropdown-title:last-of-type .separate,
.sort-tab.coupon button.has-dropdown .dropdown-title:last-of-type .separate,
.sort-tab.favorite button.has-dropdown .dropdown-title:last-of-type .separate,
.sort-tab.category button.has-dropdown .dropdown-title:last-of-type .separate,
.sort-tab.post button.has-dropdown .dropdown-title:last-of-type .separate {
  display: none;
}
@media (max-width: 799px) {
  .sub-tabs button.has-dropdown,
  .sort-tab.coupon button.has-dropdown,
  .sort-tab.favorite button.has-dropdown,
  .sort-tab.category button.has-dropdown,
  .sort-tab.post button.has-dropdown {
    margin-bottom: 0;
    padding: 1px 12px;
    font-size: 12px;
    line-height: 22px;
  }
}
.sub-tabs .button-inline,
.sort-tab.coupon .button-inline,
.sort-tab.favorite .button-inline,
.sort-tab.category .button-inline,
.sort-tab.post .button-inline {
  display: inline-block;
}
.sub-tabs .button-inline button:not(:last-child),
.sort-tab.coupon .button-inline button:not(:last-child),
.sort-tab.favorite .button-inline button:not(:last-child),
.sort-tab.category .button-inline button:not(:last-child),
.sort-tab.post .button-inline button:not(:last-child) {
  margin-right: 3px;
}
.sub-tabs .arrow-box,
.sort-tab.coupon .arrow-box,
.sort-tab.favorite .arrow-box,
.sort-tab.category .arrow-box,
.sort-tab.post .arrow-box {
  z-index: 40;
  width: 150px;
  border: 1px solid #ddd;
}
.sub-tabs .arrow-box ul,
.sort-tab.coupon .arrow-box ul,
.sort-tab.favorite .arrow-box ul,
.sort-tab.category .arrow-box ul,
.sort-tab.post .arrow-box ul {
  border: none;
}
.sub-tabs .arrow-box.on,
.sort-tab.coupon .arrow-box.on,
.sort-tab.favorite .arrow-box.on,
.sort-tab.category .arrow-box.on,
.sort-tab.post .arrow-box.on {
  z-index: 40;
}
@media (max-width: 799px) {
  .sub-tabs .arrow-box,
  .sort-tab.coupon .arrow-box,
  .sort-tab.favorite .arrow-box,
  .sort-tab.category .arrow-box,
  .sort-tab.post .arrow-box {
    width: 130px;
  }
  .sub-tabs .arrow-box ul,
  .sort-tab.coupon .arrow-box ul,
  .sort-tab.favorite .arrow-box ul,
  .sort-tab.category .arrow-box ul,
  .sort-tab.post .arrow-box ul {
    padding: 10px 15px;
  }
  .sub-tabs .arrow-box li,
  .sort-tab.coupon .arrow-box li,
  .sort-tab.favorite .arrow-box li,
  .sort-tab.category .arrow-box li,
  .sort-tab.post .arrow-box li {
    font-size: 12px;
    color: #666;
    padding: 5px 0;
  }
}
.sub-tabs .arrow,
.sort-tab.coupon .arrow,
.sort-tab.favorite .arrow,
.sort-tab.category .arrow,
.sort-tab.post .arrow {
  position: absolute;
  background: url(/assets/img/header/ic-arrow-gnb.svg) no-repeat center;
  width: 18px;
  height: 11px;
  top: -11px;
  right: 34px;
  margin-left: -9px;
}
.sub-tabs .arrow-box-left,
.sort-tab.coupon .arrow-box-left,
.sort-tab.favorite .arrow-box-left,
.sort-tab.category .arrow-box-left,
.sort-tab.post .arrow-box-left {
  left: 0;
  right: 16px;
}
.sub-tabs .arrow-box-left .arrow,
.sort-tab.coupon .arrow-box-left .arrow,
.sort-tab.favorite .arrow-box-left .arrow,
.sort-tab.category .arrow-box-left .arrow,
.sort-tab.post .arrow-box-left .arrow {
  left: 26px;
}
.sub-tabs .arrow-box-tooltip,
.sort-tab.coupon .arrow-box-tooltip,
.sort-tab.favorite .arrow-box-tooltip,
.sort-tab.category .arrow-box-tooltip,
.sort-tab.post .arrow-box-tooltip {
  display: block;
  padding: 15px;
  width: 262px;
  border-radius: 5px;
  box-shadow: 4px 2px 8px 0 rgba(0, 0, 0, 0.2);
  border: 1px #eee solid;
  background: #fff;
}
.sub-tabs .arrow-box-tooltip p,
.sort-tab.coupon .arrow-box-tooltip p,
.sort-tab.favorite .arrow-box-tooltip p,
.sort-tab.category .arrow-box-tooltip p,
.sort-tab.post .arrow-box-tooltip p {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.2px;
  color: #222;
}
.sub-tabs .arrow-box-tooltip p a,
.sort-tab.coupon .arrow-box-tooltip p a,
.sort-tab.favorite .arrow-box-tooltip p a,
.sort-tab.category .arrow-box-tooltip p a,
.sort-tab.post .arrow-box-tooltip p a {
  color: #5c19dd;
  text-decoration: none;
}
.sub-tabs .arrow-box-tooltip .arrow,
.sort-tab.coupon .arrow-box-tooltip .arrow,
.sort-tab.favorite .arrow-box-tooltip .arrow,
.sort-tab.category .arrow-box-tooltip .arrow,
.sort-tab.post .arrow-box-tooltip .arrow {
  left: 115px;
}
@media (max-width: 799px) {
  .sub-tabs .arrow-box-tooltip .arrow,
  .sort-tab.coupon .arrow-box-tooltip .arrow,
  .sort-tab.favorite .arrow-box-tooltip .arrow,
  .sort-tab.category .arrow-box-tooltip .arrow,
  .sort-tab.post .arrow-box-tooltip .arrow {
    left: 150px;
  }
}
.sub-tabs .arrow-box-tooltip.hidden,
.sort-tab.coupon .arrow-box-tooltip.hidden,
.sort-tab.favorite .arrow-box-tooltip.hidden,
.sort-tab.category .arrow-box-tooltip.hidden,
.sort-tab.post .arrow-box-tooltip.hidden {
  display: none;
}
.fixed-card-lists li {
  display: inline-block !important;
  vertical-align: top !important;
  white-space: normal !important;
  font-size: 0;
}
.fixed-card-lists li .campaign-card {
  float: none;
}
.new-category .nc-inner {
  width: 1280px;
  margin: 0 auto;
}
.new-category .nc-title {
  padding-top: 60px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
}
.new-category .nc-title.nc-title-simple {
  padding-bottom: 30px;
  border-bottom: 1.3px solid #222222;
}
.new-category .nc-title-row {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
}
.new-category .nc-title-text {
  font-family: 'Pretendard';
  font-size: 26px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.03em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
  margin: 0;
  white-space: nowrap;
}
.new-category .nc-local-wrap {
  position: relative;
}
.new-category .nc-local-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 40px;
  padding: 10px 20px;
  border: 1px solid #DDDDDD;
  border-radius: 999px;
  background: #FFFFFF;
  cursor: pointer;
  font-family: 'Pretendard';
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
}
.new-category .nc-local-btn:hover {
  border: 1px solid #999999;
}
.new-category .nc-local-btn.is-active {
  border: 1px solid #999999;
}
.new-category .nc-local-btn .nc-local-name {
  white-space: nowrap;
  margin-right: 4px;
}
.new-category .nc-local-btn .nc-local-chevron {
  display: inline-block;
  transition: transform 0.2s ease;
}
.new-category .nc-local-btn .nc-local-chevron.is-open {
  transform: rotate(180deg);
}
.new-category .nc-local-extends {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 50;
  min-width: 600px;
  max-width: 760px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.08);
}
.new-category .nc-local-open {
  padding: 30px;
}
.new-category .nc-local-all {
  display: block;
  width: 100%;
  padding: 0 0 20px;
  border: none;
  border-bottom: 1px solid #eee;
  background: none;
  text-align: left;
  font-family: 'Pretendard';
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
  cursor: pointer;
}
.new-category .nc-local-open dl {
  margin: 15px 0 5px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #dedede;
  overflow: hidden;
}
.new-category .nc-local-open dl:last-child {
  border: none;
}
.new-category .nc-local-open dl dt {
  float: left;
  width: 20%;
  padding: 7px 0;
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
}
.new-category .nc-local-open dl dt.seoul {
  height: 160px;
}
.new-category .nc-local-open dl dt.etc {
  margin-bottom: 30px;
}
.new-category .nc-local-open dl dd {
  float: left;
  width: 20%;
  padding: 7px 0;
  margin: 0;
}
.new-category .nc-local-open dl dd a {
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #999;
}
.new-category .nc-local-open dl dd a.on {
  color: #5c19dd;
  font-weight: bold;
}
.new-category .nc-local-open dl a {
  color: #222222;
  text-decoration: none;
}
.new-category .nc-local-open dl a.on,
.new-category .nc-local-open dl a:hover {
  color: #5c19dd;
  font-weight: bold;
}
.new-category .nc-chip-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
  padding-bottom: 24px;
  border-bottom: 1.3px solid #222222;
}
.new-category .nc-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 20px;
  border: 1px solid #DDDDDD;
  border-radius: 999px;
  background: #FFFFFF;
  font-family: 'Pretendard';
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.new-category .nc-chip:hover {
  border-color: #222222;
}
.new-category .nc-chip.is-active {
  background: #222222;
  border-color: #222222;
  color: #FFFFFF;
  font-family: 'Pretendard';
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
}
.new-category .nc-chip .nc-chip-text {
  white-space: nowrap;
}
.new-category .nc-filter .sort-tab.campaign,
.new-category .nc-filter .sort-tab.category {
  margin-bottom: 0;
}
.new-category .nc-list {
  padding-bottom: 100px;
}
.new-category .nc-title.nc-title-premier {
  padding-bottom: 24px;
  border-bottom: 1.3px solid #222222;
}
.new-category .nc-premier-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 16px;
}
.new-category .nc-premier-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.new-category .nc-premier-cta {
  display: inline-flex;
  align-items: center;
  height: 40px;
  padding: 10px 20px;
  border-radius: 999px;
  background: linear-gradient(to right, #7219EE, #31CCD6);
  font-family: 'Pretendard';
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  color: #FFFFFF;
  text-decoration: none;
  white-space: nowrap;
}
.new-category .nc-premier-cta:hover {
  opacity: 0.92;
}
@media (max-width: 799px) {
  .new-category .top.top-search h1 {
    justify-content: center;
    gap: 0;
  }
  .new-category .top.top-search .mh-top-search-icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
  }
  .new-category .nc-inner {
    width: 100%;
    margin: 0;
    padding: 0 15px;
  }
  .new-category .nc-local-m {
    padding: 22px 0 0;
  }
  .new-category .nc-local-m-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }
  .new-category .nc-local-m-title {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.02em;
    text-transform: none;
    text-decoration: none;
    color: #222222;
    margin: 0;
    white-space: nowrap;
  }
  .new-category .nc-local-m-trigger {
    display: inline-flex;
    align-items: center;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    flex-shrink: 0;
    gap: 5px;
  }
  .new-category .nc-local-m-trigger .nc-local-m-lv1 {
    font-family: 'Pretendard';
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.02em;
    text-transform: none;
    text-decoration: none;
    color: #222222;
    white-space: nowrap;
  }
  .new-category .nc-local-m-trigger .nc-local-m-lv2 {
    display: inline-flex;
    align-items: center;
    gap: 10px;
  }
  .new-category .nc-local-m-trigger .nc-local-m-lv2-text {
    font-family: 'Pretendard';
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.02em;
    text-transform: none;
    text-decoration: none;
    color: #222222;
    white-space: nowrap;
  }
  .new-category .nc-local-m-trigger .nc-local-m-lv2-text.is-selected {
    color: #5C19DD;
  }
  .new-category .nc-local-m-panel {
    position: relative;
    margin-top: 12px;
    padding: 28px 15px 5px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 8px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .new-category .nc-local-m-panel::before,
  .new-category .nc-local-m-panel::after {
    content: '';
    position: absolute;
    border-style: solid;
  }
  .new-category .nc-local-m-panel::before {
    top: -9px;
    left: 14px;
    border-width: 0 8px 9px 8px;
    border-color: transparent transparent #DDDDDD transparent;
  }
  .new-category .nc-local-m-panel::after {
    top: -7px;
    left: 100px;
    border-width: 0 7px 8px 7px;
    border-color: transparent transparent #FFFFFF transparent;
  }
  .new-category .nc-local-m-panel .nc-local-m-all {
    display: block;
    width: 100%;
    padding: 0 0 20px;
    border: none;
    border-bottom: 1px solid #DDDDDD;
    background: none;
    text-align: left;
    font-family: 'Pretendard';
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.02em;
    text-transform: none;
    text-decoration: none;
    color: #222222;
    cursor: pointer;
  }
  .new-category .nc-local-m-panel dl {
    margin: 15px 0 5px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #DDDDDD;
    overflow: hidden;
  }
  .new-category .nc-local-m-panel dl:last-child {
    border: none;
  }
  .new-category .nc-local-m-panel dl dt {
    width: 100%;
    padding: 7px 0;
    font-family: 'Pretendard';
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.02em;
    text-transform: none;
    text-decoration: none;
  }
  .new-category .nc-local-m-panel dl dt > a {
    font-family: 'Pretendard';
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.02em;
    text-transform: none;
    text-decoration: none;
    color: #333333;
  }
  .new-category .nc-local-m-panel dl dt > a.on {
    color: #5C19DD;
    font-weight: bold;
  }
  .new-category .nc-local-m-panel dl dd {
    float: left;
    width: 50%;
    padding: 7px 0;
    margin: 0;
  }
  .new-category .nc-local-m-panel dl dd > a {
    font-family: 'Pretendard';
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.02em;
    text-transform: none;
    text-decoration: none;
    color: #999999;
  }
  .new-category .nc-local-m-panel dl dd > a.on {
    color: #5C19DD;
    font-weight: bold;
  }
  .new-category .nc-chip-nav {
    flex-wrap: nowrap;
    gap: 8px;
    width: auto;
    padding: 24px 0;
    overflow-x: auto;
    overflow-y: hidden;
    border-bottom: 1px solid #222222;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .new-category .nc-chip-nav::-webkit-scrollbar {
    display: none;
  }
  .new-category .nc-chip {
    flex-shrink: 0;
    gap: 4px;
    padding: 6px 14px;
    font-family: 'Pretendard';
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.01em;
    text-transform: none;
    text-decoration: none;
  }
  .new-category .nc-chip.is-active {
    font-family: 'Pretendard';
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.01em;
    text-transform: none;
    text-decoration: none;
  }
  .new-category .nc-list {
    padding-bottom: 40px;
  }
}
.comment-form-wrap:not(:first-child) {
  border-top: 1px solid #e2e2e2;
}
@media (max-width: 799px) {
  .comment-form-wrap {
    margin-bottom: 20px;
  }
}
.comment-form {
  background: #ffffff;
  border: 1px solid #dddddd;
  padding: 20px;
}
@media (max-width: 799px) {
  .comment-form {
    padding: 10px;
  }
}
.comment-form .note-statusbar {
  display: none !important;
}
.comment-form textarea,
.comment-form .note-frame {
  float: left;
  width: 80%;
  margin: 0px !important;
  border: none !important;
  box-shadow: none;
  height: 104px;
}
@media (max-width: 799px) {
  .comment-form textarea,
  .comment-form .note-frame {
    float: none;
    width: 100%;
    margin-left: 0 !important;
  }
}
.comment-form textarea .note-editing-area .note-placeholder,
.comment-form .note-frame .note-editing-area .note-placeholder,
.comment-form textarea .note-editing-area .note-editable,
.comment-form .note-frame .note-editing-area .note-editable {
  padding: 0px;
  height: 107px !important;
}
.comment-form button {
  float: right;
  width: 80px;
  height: 40px;
  bottom: -64px !important;
  position: relative !important;
}
@media (max-width: 799px) {
  .comment-form button {
    float: none;
    display: block;
    width: 100%;
    height: 44px;
    bottom: 0px !important;
  }
}
.comment-form .avatar {
  float: left;
  margin-right: 10px;
}
.comment-form .avatar img {
  border-radius: 150px;
  width: 36px;
  height: 36px;
}
@media (max-width: 799px) {
  .comment-form .avatar {
    display: none;
  }
}
.comment-form p {
  margin: 0;
}
.comment-form.dark {
  background: #232228;
  border: 1px solid #444444 !important;
}
@media (max-width: 799px) {
  .comment-form.dark {
    background: #15141C !important;
    margin: 0 10px;
  }
}
.comment-form.dark button {
  background: #8053ff !important;
  color: #eeeeee !important;
}
.comment-form.dark textarea {
  background-color: #232228;
  color: #EEEEEE;
}
@media (max-width: 799px) {
  .comment-form.dark textarea {
    background: #15141C !important;
  }
}
.comment-form.dark textarea:not([readonly]):focus {
  background-color: #232228 !important;
}
.comment-form.dark .note-editing-area .note-editable {
  background-color: #232228;
  color: #eee;
  height: 117px !important;
}
.comment-form.dark .note-status-output {
  background-color: #232228;
  padding-top: 0px;
}
.comment-form.dark .note-frame {
  border: 1px solid #3B3948;
  background: #232228;
}
.comment-item-reply {
  margin-left: 25px;
  padding-left: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
  background: url('/assets/img/board/bg_re.svg') left center no-repeat;
  background-position-y: 35px;
}
@media (max-width: 799px) {
  .comment-item-reply {
    background-position-y: 18px;
    background-position-x: 25px;
    margin-left: 0px;
  }
  .comment-item-reply .content-wrap {
    padding-left: 33px !important;
  }
}
.comment-item-reply.comment-form div.avatar {
  margin-left: 20px;
}
.comment-item-reply.comment-form textarea,
.comment-item-reply.comment-form .note-frame {
  width: 76%;
}
@media (max-width: 799px) {
  .comment-item-reply.comment-form textarea,
  .comment-item-reply.comment-form .note-frame {
    float: none;
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 799px) {
  .comment-item-reply.comment-form {
    padding-left: 35px;
  }
}
@media (max-width: 767px) {
  .comment-item-reply.comment-form {
    padding-left: 25px;
  }
}
.comment-item-reply > .avatar {
  padding-left: 13.5px;
}
@media (max-width: 799px) {
  .comment-item-reply > .avatar {
    padding-left: 36.5px;
  }
}
.comment-item-reply.dark {
  background-color: #28262E;
}
.comment-item {
  position: relative;
  padding: 30px 0 30px 20px;
  font-size: 1.3rem;
}
.comment-item.role {
  background: #f1eeff;
}
@media (max-width: 799px) {
  .comment-item {
    padding: 20px 0 20px 15px;
  }
}
.comment-item .avatar {
  float: left;
}
@media (max-width: 799px) {
  .comment-item .avatar {
    width: 22px !important;
    height: 22px !important;
  }
}
.comment-item .nick {
  margin-right: 4px;
}
.comment-item .nick span {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  color: #222222;
}
@media (max-width: 799px) {
  .comment-item .nick span {
    font-size: 14px;
    line-height: 19px;
  }
}
.comment-item .date {
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #999999;
}
@media (max-width: 799px) {
  .comment-item .date {
    font-size: 11px;
    line-height: 16px;
  }
}
.comment-item .content-wrap {
  float: left;
  padding-left: 14px;
  max-width: 90%;
}
.comment-item .content-wrap .content {
  margin-top: 0px;
  font-weight: 400;
  font-size: 15px;
  line-height: 26px;
  color: #222222;
}
.comment-item .content-wrap .content p {
  font-weight: 400;
  font-size: 15px;
  line-height: 26px;
  color: #222222;
}
@media (max-width: 799px) {
  .comment-item .content-wrap .content p {
    font-size: 12px;
    line-height: 18px;
  }
}
@media (max-width: 799px) {
  .comment-item .content-wrap .content {
    font-size: 14px;
    margin-top: 4px;
  }
}
.comment-item .content-wrap div,
.comment-item .content-wrap img {
  max-width: 100%;
}
@media (max-width: 799px) {
  .comment-item .content-wrap {
    max-width: 86%;
    padding-left: 10px;
  }
}
.comment-item .management {
  position: absolute;
  right: 0;
  padding-right: 25px;
  margin: 0 5px;
  font-size: 1.2rem;
}
.comment-item .management a {
  color: #666666;
}
.comment-item .management .bar {
  color: #dddddd;
  font-size: 10px;
  margin: 0 6px;
  font-weight: 500;
  position: relative;
  top: -1px;
}
@media (max-width: 799px) {
  .comment-item .management {
    padding-right: 10px;
  }
}
.comment-item .reply {
  margin-top: 10px;
}
.comment-item .reply a {
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.4px;
  color: #777777;
}
@media (max-width: 799px) {
  .comment-item .reply a {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
  }
}
.comment-item .reply a img {
  margin-bottom: 3px;
}
@media (max-width: 799px) {
  .comment-item .reply a img {
    margin-bottom: 0px;
    top: -1px;
    position: relative;
    height: 13px;
    width: 14px;
  }
}
.comment-item .grade {
  margin-bottom: 4px;
  width: 18px;
}
.comment-item p {
  margin: 0;
  word-break: break-all;
  font-size: 14px;
}
.comment-item.dark {
  border-top: 1px solid #302E3E;
}
.comment-item.dark:first-child {
  border-top: none;
}
.comment-item.dark .content-wrap .content {
  color: #EEEEEE;
}
.comment-item.dark .content-wrap .content p {
  color: #EEEEEE;
}
.comment-item.dark .nick span {
  color: #EEEEEE;
}
.comment-item.dark .date {
  color: #999999;
}
.comment-item.dark .management a {
  color: #808080;
}
.comment-item.dark .reply a {
  color: #9584FF;
}
.comment-item.dark .comment-content {
  color: #eeeeee;
}
.comment-item.dark.role {
  background: #201F27;
}
.comment-list {
  margin-top: 8px;
  min-height: 100px;
  border-bottom: 1px solid #e5e5e5;
}
.comment-list .comment-top {
  border-top: 1px solid #e5e5e5;
}
.comment-list .comment-top.children {
  background: #F8F8F9;
}
.comment-list .mention {
  color: #5C19DD;
  font-weight: 400;
}
.comment-list .role {
  background-color: #FBFAFE;
}
.comment-list.dark {
  border-bottom: 1px solid #262432;
}
.comment-list.dark .mention {
  color: #79d0a8;
}
.comment-list.dark li {
  background: #232228 !important;
  border-top: 1px solid #302E3E;
}
.comment-list.dark li:nth-child(1) {
  background: none!important;
}
.comment-list.dark li:nth-child(1),
.comment-list.dark li:nth-child(2) {
  border-top: none;
}
.comment-more {
  background: #f8f8f8;
  border-bottom: 1px solid #e2e2e2;
}
.comment-more button {
  padding: 15px 0px;
  color: #666666;
}
.comment-more.dark {
  background: #232228;
  border-bottom: 0px;
}
.comment-more.dark button {
  color: #a9a9a9;
}
common-footer {
  display: block;
}
footer.common-footer {
  border-top: 1px solid #DDDDDD;
}
@media (max-width: 799px) {
  footer.common-footer {
    border-top: 5px solid #EEEEEE;
    margin-bottom: 75px;
  }
}
footer.common-footer .footer-inner {
  width: 1280px;
  margin: 0 auto;
}
footer.common-footer .footer-company {
  padding: 40px 0;
}
@media (max-width: 799px) {
  footer.common-footer .footer-company {
    padding: 32px 0;
  }
}
footer.common-footer .footer-company .footer-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
footer.common-footer .footer-company__left {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 992px) {
  footer.common-footer .footer-company__left {
    width: 420px;
  }
}
footer.common-footer .footer-company__info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
footer.common-footer .footer-company__logo {
  margin: 0;
}
footer.common-footer .footer-company__logo img {
  display: block;
  width: 85px;
}
@media (max-width: 799px) {
  footer.common-footer .footer-company__logo img {
    width: 70px;
  }
}
footer.common-footer .footer-company__text {
  font-family: 'Pretendard';
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.005em;
  text-transform: none;
  text-decoration: none;
  color: #666666;
  margin: 0;
}
@media (max-width: 799px) {
  footer.common-footer .footer-company__text.w {
    display: none;
  }
}
footer.common-footer .footer-company__text.m {
  display: none;
}
@media (max-width: 799px) {
  footer.common-footer .footer-company__text.m {
    display: block;
  }
}
footer.common-footer .footer-company__copyright {
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
  margin: 0;
}
footer.common-footer .footer-company__right {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-end;
}
@media (max-width: 799px) {
  footer.common-footer .footer-company__right {
    display: none;
  }
}
footer.common-footer .footer-divider {
  color: #DDDDDD;
  margin: 0 3px;
}
@media (max-width: 799px) {
  footer.common-footer .footer-divider {
    margin: 0;
  }
}
footer.common-footer .footer-contact {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
footer.common-footer .footer-contact__phone {
  font-family: 'Pretendard';
  font-size: 28px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.03em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
}
footer.common-footer .footer-contact__hours {
  text-align: right;
  font-family: 'Pretendard';
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.005em;
  text-transform: none;
  text-decoration: none;
  color: #666666;
  margin: 0;
}
footer.common-footer .footer-sns {
  display: flex;
  gap: 4px;
  align-items: center;
}
footer.common-footer .footer-sns a {
  display: inline-block;
  line-height: 0;
}
footer.common-footer .footer-sns a img {
  display: block;
  width: 30px;
  height: 30px;
}
footer.common-footer .footer-contact-mobile {
  list-style: none;
  padding: 0;
  margin: 10px 0 0;
}
footer.common-footer .footer-contact-mobile li {
  display: inline-block;
}
footer.common-footer .footer-contact-mobile li a {
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
  text-decoration: underline;
}
footer.common-footer .footer-contact-mobile li.after-bar::after {
  content: '|';
  display: inline-block;
  margin: 0 15px;
  color: #DDDDDD;
}
footer.common-footer .footer-bottom {
  border-top: 1px solid #EEEEEE;
}
footer.common-footer .footer-bottom .footer-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
}
@media (max-width: 799px) {
  footer.common-footer .footer-bottom .footer-inner {
    padding-top: 10px;
    padding-bottom: 10px;
    flex-wrap: wrap;
  }
}
footer.common-footer .footer-bottom__left {
  display: flex;
  align-items: center;
  gap: 22px;
}
footer.common-footer .footer-bottom__right {
  display: flex;
  align-items: center;
  gap: 7px;
}
@media (max-width: 799px) {
  footer.common-footer .footer-bottom__right {
    display: none;
  }
}
footer.common-footer .footer-nav {
  display: flex;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 799px) {
  footer.common-footer .footer-nav {
    gap: 15px;
    flex-wrap: wrap;
  }
}
footer.common-footer .footer-nav li a {
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  color: #666666;
  text-decoration: none;
  white-space: nowrap;
}
footer.common-footer .footer-nav li a b {
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
}
@media (max-width: 799px) {
  footer.common-footer .footer-nav li a {
    font-size: 12px;
  }
}
footer.common-footer .footer-nav-divider {
  width: 1px;
  height: 14px;
  background: #DDDDDD;
  flex-shrink: 0;
}
@media (max-width: 799px) {
  footer.common-footer .footer-nav-divider {
    display: none;
  }
}
footer.common-footer .footer-stats {
  display: flex;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 799px) {
  footer.common-footer .footer-stats {
    display: none;
  }
}
footer.common-footer .footer-stats li {
  display: flex;
  align-items: center;
  gap: 10px;
}
footer.common-footer .footer-stats li span {
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  color: #666666;
}
footer.common-footer .footer-stats li strong {
  font-family: 'Pretendard';
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
}
footer.common-footer .footer-country {
  position: relative;
}
footer.common-footer .footer-country .korea {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  border: 1px solid #EEEEEE;
  border-radius: 999px;
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  color: #222222;
  text-decoration: none;
  white-space: nowrap;
}
footer.common-footer .footer-country .korea i {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url('/assets/img/footer/ic-arrow-biz.svg') center no-repeat;
  background-size: contain;
  transform: rotate(-90deg);
}
footer.common-footer .footer-country .popup {
  display: none;
  position: absolute;
  background: #FFFFFF;
  min-width: 150px;
  box-shadow: 1px 1px 12px 0 rgba(0, 0, 0, 0.12);
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  border-radius: 5px;
  border: 1px solid #DDDDDD;
  z-index: 10;
}
footer.common-footer .footer-country .popup .arrow {
  position: absolute;
  bottom: -11px;
  transform: rotate(180deg);
  background: url(/assets/img/header/ic-arrow-gnb.svg) no-repeat center;
  width: 100%;
  height: 11px;
}
footer.common-footer .footer-country .popup ul {
  list-style: none;
  margin: 10px 0;
  padding: 0;
}
footer.common-footer .footer-country .popup ul li a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 20px;
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  color: #222222;
  text-decoration: none;
}
footer.common-footer .footer-country .popup ul li a:hover {
  color: #5c19dd;
  font-weight: bold;
}
footer.common-footer .footer-country:hover .popup {
  display: block;
}
footer.common-footer .footer-biz-btn a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  background: #222222;
  border-radius: 999px;
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  color: #FFFFFF;
  text-decoration: none;
  white-space: nowrap;
}
footer.common-footer .footer-biz-btn a:hover {
  background: #000000;
  text-decoration: none;
}
@media (max-width: 799px) {
  footer.common-footer .scroll-home {
    padding: 0;
    position: fixed;
    width: 40px;
    height: 40px;
    line-height: 1;
    right: 15px;
    bottom: 116px;
    background: #FFFFFF;
    border-radius: 50%;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
    z-index: 100;
  }
}
footer.common-footer .scroll-top {
  padding: 0;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  line-height: 1;
  right: 60px;
  bottom: 50px;
  z-index: 100;
  background: #FFFFFF;
  border: none;
  border-radius: 50%;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
}
@media (max-width: 799px) {
  footer.common-footer .scroll-top {
    width: 40px;
    height: 40px;
    right: 15px;
    bottom: 115px;
  }
}
footer.common-footer .scroll-top img {
  display: block;
  margin-bottom: 0;
}
footer.common-footer .scroll-top.ng-leave {
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='0.9 * 100')";
  filter: alpha(opacity=0.9 * 100);
}
footer.common-footer .scroll-top.ng-leave.ng-leave-active {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='0 * 100')";
  filter: alpha(opacity=0 * 100);
}
footer.common-footer .scroll-top.ng-enter {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='0 * 100')";
  filter: alpha(opacity=0 * 100);
}
footer.common-footer .scroll-top.ng-enter.ng-enter-active {
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='0.9 * 100')";
  filter: alpha(opacity=0.9 * 100);
}
footer.common-footer .scroll-top.chatbot {
  bottom: 110px;
}
footer.common-footer .footer-mobile {
  padding: 32px 15px 0 15px;
}
footer.common-footer .footer-mobile__logo {
  margin: 0 0 14px;
}
footer.common-footer .footer-mobile__logo img {
  display: block;
  width: 76px;
}
footer.common-footer .footer-mobile__info {
  font-family: 'Pretendard';
  font-size: 11px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.005em;
  text-transform: none;
  text-decoration: none;
  line-height: 18px;
  color: #666666;
  margin: 0;
}
footer.common-footer .footer-mobile__divider {
  color: #DDDDDD;
  margin: 0 3px;
}
footer.common-footer .footer-mobile__copyright {
  font-family: 'Pretendard';
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
  margin: 12px 0 0;
}
footer.common-footer .footer-mobile__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 11px 20px;
  margin-top: 24px;
  padding-top: 12px;
  border-top: 1px solid #EEEEEE;
}
footer.common-footer .footer-mobile__nav a {
  font-family: 'Pretendard';
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  color: #666666;
  text-decoration: none;
  white-space: nowrap;
}
footer.common-footer .footer-mobile__nav a.is-strong {
  font-family: 'Pretendard';
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
}
.community-header .header-bg {
  position: absolute;
  top: 83px;
  z-index: -1;
  height: 285px;
  width: 100%;
  left: 0;
}
@media (max-width: 799px) {
  .community-header .header-bg {
    background-size: cover;
    z-index: 0;
    top: 0px;
    height: 256px;
  }
}
.community-header .in-line > div {
  display: inline-block;
}
.community-header .top-content {
  position: relative;
  color: #222222;
  padding-top: 40px;
  margin-bottom: 30px;
}
@media (max-width: 799px) {
  .community-header .top-content {
    padding-top: 0;
    margin-bottom: 25px;
  }
}
.community-header .top-content .community {
  width: 430px;
  position: relative;
}
@media (max-width: 799px) {
  .community-header .top-content .community {
    padding-top: 13px;
    width: 100%;
    min-height: 161px;
    top: 0px;
  }
  .community-header .top-content .community.webview,
  .community-header .top-content .community.mobile {
    min-height: 65px;
    padding-top: 25px;
  }
}
.community-header .top-content .community .title {
  font-weight: 700;
  font-size: 26px;
  line-height: 41px;
  letter-spacing: -0.4px;
}
.community-header .top-content .community .title a {
  color: #222222;
  text-decoration: none;
}
@media (max-width: 799px) {
  .community-header .top-content .community .title {
    font-size: 16px;
    line-height: 25px;
  }
}
.community-header .top-content .community .attendance-info {
  display: block;
  background: #FFF;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.52px;
  margin: 18px 15px 0 0;
  position: relative;
}
.community-header .top-content .community .attendance-info.margin-bottom-11 {
  margin-bottom: -11px;
}
@media (max-width: 799px) {
  .community-header .top-content .community .attendance-info {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3px;
    margin: 0;
  }
}
.community-header .top-content .community .attendance-info .attendance-btn-wrap {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  height: 10px;
  float: right;
}
.community-header .top-content .community .attendance-info .attendance-btn-wrap button {
  width: 100px;
  height: 36px;
  border: none;
  border-radius: 25px;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 500;
  margin-top: 10px;
}
.community-header .top-content .community .attendance-info .attendance-btn-wrap button.attendance-check {
  border-radius: 25px;
  background: #6AA4E9;
  color: #FFF;
  position: relative;
}
.community-header .top-content .community .attendance-info .attendance-btn-wrap button.attendance-check:hover {
  background: #66A0E4;
}
.community-header .top-content .community .attendance-info .attendance-btn-wrap button.attendance-check .gif-wrap {
  display: none;
  position: absolute;
  top: -10px;
  right: -10px;
  width: 120px;
  height: 100%;
}
.community-header .top-content .community .attendance-info .attendance-btn-wrap button.attendance-check .gif-wrap img {
  width: 100%;
}
.community-header .top-content .community .attendance-info .attendance-btn-wrap button.attendance-confirm {
  border-radius: 25px;
  background: #ECEFF4;
  color: #A7B1BD;
  font-weight: 500;
  position: relative;
}
.community-header .top-content .community .attendance-info .attendance-btn-wrap button.attendance-checked {
  border-radius: 25px;
  border: 1px solid #DDD;
  background: #FFF;
  font-weight: 500;
  position: relative;
}
.community-header .top-content .community .attendance-info .attendance-btn-wrap button.attendance-checked:hover {
  color: #222222;
  border: 1px solid #999;
}
.community-header .top-content .community .attendance-info .attendance-btn-wrap button.attendance-checked .gif-wrap {
  display: none;
  position: absolute;
  top: -10px;
  right: -10px;
  width: 120px;
  height: 100%;
}
.community-header .top-content .community .attendance-info .attendance-btn-wrap button.attendance-checked .gif-wrap img {
  width: 100%;
}
.community-header .top-content .faq {
  position: relative;
  padding-left: 25px;
  height: 106px;
  border-left: 1px solid #EEEEEE;
}
.community-header .top-content .faq .title {
  font-weight: 500;
  font-size: 20px;
  line-height: 29px;
  letter-spacing: -0.4px;
}
.community-header .top-content .faq .curious {
  color: #999;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.4px;
  margin-top: 6px;
}
.community-header .top-content .faq .curious img {
  position: relative;
  top: -1px;
  left: 5px;
}
.community-header .top-content .faq .block {
  display: block;
}
.community-header .top-content .faq .modal-btn {
  margin-top: 20px;
}
.community-header .top-content .faq span {
  border-radius: 29px;
  border: 1px solid #DDD;
  background: #FFF;
  padding: 6px 17px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: -0.4px;
  cursor: pointer;
}
.community-header .top-content .faq span:hover {
  font-weight: 500;
  color: #222222;
  border: 1px solid #999;
}
.community-header .top-content .guide-btn {
  cursor: pointer;
  position: absolute;
  top: 52px;
  margin-left: 22px;
  width: 260px;
  height: 100px;
}
.community-header .top-content .guide-btn img {
  width: 100%;
}
.community-header .top-content .guide-btn video {
  width: 100%;
}
@media (max-width: 799px) {
  .community-header .top-content .guide-btn.w {
    display: none;
  }
}
.community-header .top-box {
  position: relative;
  min-width: 375px;
  cursor: pointer;
}
.community-header .top-box.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 7px;
}
.community-header .top-box.grid-3 .box {
  width: 100%;
}
.community-header .top-box .title {
  min-height: 22px;
  display: block;
}
@media (max-width: 799px) {
  .community-header .top-box .slick-list {
    width: 91%;
    overflow: visible;
  }
}
@media (max-width: 799px) {
  .community-header .top-box .slick-card {
    margin-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
  }
}
.community-header .top-box .box {
  width: 420px;
  height: 215px;
  max-height: 215px;
  min-height: 215px;
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 25px;
  transition-duration: 0.3s;
}
@media (max-width: 799px) {
  .community-header .top-box .box {
    padding: 20px;
    height: 187px;
    max-height: 187px;
    min-height: 187px;
  }
}
.community-header .top-box .box:hover {
  transform: scale(1.02);
}
@media (max-width: 799px) {
  .community-header .top-box .box:hover {
    transform: none;
  }
}
.community-header .top-box .box .title {
  font-weight: 700;
  font-size: 15px;
  letter-spacing: -0.4px;
}
@media (max-width: 799px) {
  .community-header .top-box .box .title {
    font-size: 11px;
  }
}
.community-header .top-box .box .title.talk {
  color: #089DDD;
}
.community-header .top-box .box .title.tip {
  color: #DF3DA8;
}
.community-header .top-box .box .title.info {
  color: #5C19DD;
}
.community-header .top-box .box .subject {
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: -0.4px;
  color: #222222;
  margin-top: 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 20px;
}
@media (max-width: 799px) {
  .community-header .top-box .box .subject {
    font-size: 14px;
    margin-top: 12px;
  }
}
.community-header .top-box .box .content {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.4px;
  color: #666666;
  margin-top: 10px;
  height: 40px;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 799px) {
  .community-header .top-box .box .content {
    font-size: 12px;
    margin-top: 10px;
    color: #222222;
  }
}
.community-header .top-box .box .content img {
  display: none;
}
.community-header .top-box .box .user {
  margin-top: 30px;
  max-height: 25px;
  height: 25px;
}
@media (max-width: 799px) {
  .community-header .top-box .box .user {
    margin-top: 20px;
  }
}
.community-header .top-box .box .user .avatar {
  width: 25px !important;
  height: 25px;
}
.community-header .top-box .box .user .nick {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.4px;
  color: #222222;
}
.community-header .top-box .box .user .grade {
  width: 16px;
  height: 16px;
}
@media (max-width: 799px) {
  .community-header .top-box .box .user .grade {
    position: relative;
    top: -1px;
  }
}
.community-header .top-box .box .user .date {
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.4px;
  color: #999999;
}
@media (max-width: 799px) {
  .community-header .top-box .box .user > span,
  .community-header .top-box .box .user > img {
    display: inline-block;
  }
  .community-header .top-box .box .user .nick,
  .community-header .top-box .box .user .date {
    font-size: 12px;
  }
  .community-header .top-box .box .user .avatar {
    width: 22px !important;
    height: 22px;
  }
}
@media (max-width: 799px) {
  .community-header .top-box {
    margin-left: -15px;
    margin-right: -15px;
    max-height: 214px;
    overflow: hidden;
  }
  .community-header .top-box .box {
    width: 100%;
    margin-bottom: 30px;
  }
}
.contract-auth {
  width: 340px;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.contract-auth.container {
  padding: 0;
}
@media (max-width: 799px) {
  .contract-auth.container {
    padding: 0 20px;
  }
}
.contract-auth .btn.btn-send {
  margin-top: 20px;
}
.contract-auth .advertiser-sub-title {
  color: #aaa;
  font-size: 11px;
}
.contract-auth .certify-title {
  text-align: right;
  padding-top: 10px;
}
.contract-auth input::-webkit-outer-spin-button,
.contract-auth input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.contract-auth input[type=number] {
  -moz-appearance: textfield;
}
.contract-auth .form-control.input-lg + .form-control.input-lg {
  margin-top: 8px;
}
.contract-auth .form-control.input-lg:focus {
  border-color: #222222 !important;
}
.contract-auth h1 {
  margin: 100px 0 40px;
  text-align: center;
}
.contract-auth h1 .logo {
  width: 120px;
  height: 30px;
}
@media (max-width: 799px) {
  .contract-auth h1 .logo {
    width: 100px;
    height: 25px;
  }
}
@media (max-width: 799px) {
  .contract-auth h1 {
    margin: 60px 0 40px;
  }
}
.contract-auth section.header h3.header {
  color: #222;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.6px;
  text-align: center;
}
.contract-auth section.header h3.header .sub-header {
  margin-top: 10px;
  font-size: 14px;
  font-weight: normal;
  color: #666;
  letter-spacing: -0.2px;
}
@media (max-width: 799px) {
  .contract-auth section.header h3.header {
    font-size: 20px;
    letter-spacing: -0.4px;
  }
}
.contract-auth section.form {
  margin-top: 40px;
}
.contract-auth section.form .footer {
  margin-top: 30px;
  text-align: center;
  letter-spacing: -0.2px;
}
.contract-auth section.form .footer li {
  display: inline-block;
  font-size: 14px;
}
.contract-auth section.form .footer li a {
  color: #666;
}
.contract-auth section.form .footer li:after {
  content: " | ";
  display: inline-block;
  margin: 0 12px;
  color: #ddd;
}
.contract-auth section.form .footer li:last-child:after {
  content: "";
  margin: 0;
}
.contract-auth section.form .input-auth {
  position: relative;
  margin-top: 10px;
}
.contract-auth section.form .input-auth .text-auth {
  position: absolute;
  right: 10px;
  top: 13px;
}
.contract-auth section.form .input-auth .text-auth .time-count {
  color: #666666;
}
.contract-auth section.form .input-auth .text-auth .resend {
  text-decoration: underline;
  color: #222222;
  padding-left: 10px;
  padding-right: 5px;
}
@media (max-width: 799px) {
  .contract-auth {
    width: 100%;
    margin: 0;
  }
}
.contract-view {
  padding-bottom: 50px;
  /*토스트 메시지 활성화 되었을 때*/
}
.contract-view .advertiser-sub-title {
  color: #aaa;
  font-size: 11px;
  text-align: right;
}
.contract-view .advertiser-sub-title span {
  margin-left: 0px !important;
  font-family: none;
  font-size: 2px;
  color: #d9d9d9 !important;
}
@media (max-width: 799px) {
  .contract-view .advertiser-sub-title {
    text-align: left;
  }
}
.contract-view #toast.active {
  opacity: 100%;
}
.contract-view #toast {
  opacity: 0;
  position: absolute;
  z-index: 1;
  top: 120px;
  padding: 20px 30px;
  background: #5C19DD;
  border-radius: 10px;
  color: #fff;
  font-size: 16px;
  transition: all 1.0s;
}
@media (max-width: 799px) {
  .contract-view #toast {
    top: 100px;
    font-size: 15px;
    padding: 15px;
    margin: 0 20px 0 20px;
    width: 90%;
  }
}
.contract-view .left-aside {
  padding: 60px 60px 0 55px;
  width: 270px;
  position: fixed;
  height: 100%;
}
@media (max-width: 799px) {
  .contract-view .left-aside {
    text-align: center;
    width: 100%;
    padding: 40px 0 0 0;
    border-right: 0;
    position: relative;
  }
  .contract-view .left-aside.border {
    margin-top: 40px;
    border-top: 1px solid #eeeeee;
  }
}
.contract-view .left-aside aside h1 .logo {
  width: 75px;
  height: 20px;
}
.contract-view .left-aside aside h2.header {
  margin-top: 15px;
  font-size: 30px;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: -0.4px;
  color: #222;
}
.contract-view .left-aside aside h2.header strong {
  font-weight: 500;
}
@media (max-width: 799px) {
  .contract-view .left-aside aside h2.header {
    margin: 10px 0 25px;
    font-size: 22px;
    letter-spacing: -0.6px;
  }
  .contract-view .left-aside aside h2.header br {
    display: none;
  }
}
.contract-view .left-aside aside h3.title {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.4px;
  color: #222222;
}
.contract-view .left-aside aside h3.title span {
  font-weight: 700;
}
@media (max-width: 799px) {
  .contract-view .left-aside aside h3.title {
    font-size: 14px;
    line-height: normal;
    word-break: keep-all;
    margin: 0 40px 15px 40px;
  }
}
.contract-view .left-aside aside .contract-title {
  position: relative;
  text-align: center;
}
.contract-view .left-aside aside ul.menu {
  margin-top: 50px;
  display: inline-block;
}
@media (max-width: 799px) {
  .contract-view .left-aside aside ul.menu {
    margin-top: 0;
    width: 100%;
    border-bottom: 1px solid #eee;
  }
  .contract-view .left-aside aside ul.menu.menu-fixed {
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 1;
  }
  .contract-view .left-aside aside ul.menu.equal-width li {
    width: 50% !important;
  }
}
.contract-view .left-aside aside ul.menu li {
  padding: 7.5px 0 7.5px 40px;
  position: relative;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: #aaa;
  cursor: pointer;
}
@media (max-width: 799px) {
  .contract-view .left-aside aside ul.menu li {
    text-align: center;
    width: 33.33333333% !important;
    float: left;
    font-size: 14px;
    letter-spacing: -0.2px;
    padding: 0;
    height: 49px;
    line-height: 59px;
  }
  .contract-view .left-aside aside ul.menu li span {
    position: relative;
    top: -6px;
    margin-left: 5px;
  }
  .contract-view .left-aside aside ul.menu li:nth-child(2) {
    margin-left: -10px;
  }
}
.contract-view .left-aside aside ul.menu li.active {
  color: #5c19dd;
  font-weight: bold;
}
.contract-view .left-aside aside ul.menu li.active:nth-child(1):before {
  content: url(/assets/img/contract/ic-contract-on.svg);
}
@media (max-width: 799px) {
  .contract-view .left-aside aside ul.menu li.active:nth-child(1):before {
    content: '';
    background: url(/assets/img/contract/ic-contract-on.svg) no-repeat;
    background-size: 22px 22px;
  }
}
.contract-view .left-aside aside ul.menu li.active:nth-child(2):before {
  content: url(/assets/img/contract/ic-payment-on.svg);
}
@media (max-width: 799px) {
  .contract-view .left-aside aside ul.menu li.active:nth-child(2):before {
    content: '';
    background: url(/assets/img/contract/ic-payment-on.svg) no-repeat;
    background-size: 22px 22px;
  }
}
.contract-view .left-aside aside ul.menu li.active:nth-child(3):before {
  content: url(/assets/img/contract/ic-agreement-on.svg);
}
@media (max-width: 799px) {
  .contract-view .left-aside aside ul.menu li.active:nth-child(3):before {
    content: '';
    background: url(/assets/img/contract/ic-agreement-on.svg) no-repeat;
    background-size: 22px 22px;
  }
}
.contract-view .left-aside aside ul.menu li:before {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  background: #fff;
  left: 0;
}
@media (max-width: 799px) {
  .contract-view .left-aside aside ul.menu li:before {
    display: inline-block;
    position: relative;
    width: 22px;
    height: 22px;
  }
}
.contract-view .left-aside aside ul.menu li:nth-child(1):before {
  content: url(/assets/img/contract/ic-contract.svg);
}
@media (max-width: 799px) {
  .contract-view .left-aside aside ul.menu li:nth-child(1):before {
    content: '';
    background: url(/assets/img/contract/ic-contract.svg) no-repeat;
    background-size: 22px 22px;
  }
}
.contract-view .left-aside aside ul.menu li:nth-child(2):before {
  content: url(/assets/img/contract/ic-payment.svg);
}
@media (max-width: 799px) {
  .contract-view .left-aside aside ul.menu li:nth-child(2):before {
    content: '';
    background: url(/assets/img/contract/ic-payment.svg) no-repeat;
    background-size: 22px 22px;
  }
}
.contract-view .left-aside aside ul.menu li:nth-child(3):before {
  content: url(/assets/img/contract/ic-agreement.svg);
}
@media (max-width: 799px) {
  .contract-view .left-aside aside ul.menu li:nth-child(3):before {
    content: '';
    background: url(/assets/img/contract/ic-agreement.svg) no-repeat;
    background-size: 22px 22px;
  }
}
.contract-view .left-aside aside ul.menu li:after {
  content: '';
  position: absolute;
  width: 2px;
  height: 100%;
  background: #dedede;
  left: 14px;
  z-index: -1;
}
@media (max-width: 799px) {
  .contract-view .left-aside aside ul.menu li:after {
    content: none;
  }
}
.contract-view .left-aside aside ul.menu li:last-child:after {
  height: 30px;
}
.contract-view .header-pdf-container {
  position: relative;
  margin: 15px 40px 0px 60px;
  background-color: #F7F7F7;
}
@media (max-width: 799px) {
  .contract-view .header-pdf-container {
    margin: 10px 20px 0px 20px;
  }
}
.contract-view .header-pdf-container .pdf-download {
  display: inline-block;
  width: 39%;
  text-align: right;
  height: 100%;
  vertical-align: top;
  padding: 22px 20px;
}
@media (max-width: 799px) {
  .contract-view .header-pdf-container .pdf-download {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    padding: 0px 20px 20px 20px;
  }
}
.contract-view .header-pdf-container .pdf-download button {
  font-size: 16px;
  width: 156px;
  height: 54px;
  background-color: #FFFFFF;
  border-radius: 10px;
  font-weight: 700;
  line-height: 29px;
  border: solid 1px;
}
@media (max-width: 799px) {
  .contract-view .header-pdf-container .pdf-download button {
    width: 100%;
    height: 42px;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    border-radius: 5px;
  }
}
.contract-view .header-pdf-container .pdf-download button:hover {
  background-color: #D1D1D1;
}
.contract-view .header-pdf-container .pdf-download button img {
  width: 12px;
  margin-right: 10px;
}
@media (max-width: 799px) {
  .contract-view .header-pdf-container .pdf-download button img {
    width: 9px;
    margin-right: 5px;
  }
}
.contract-view .header-pdf-container .pdf-title {
  display: inline-block;
  width: 60%;
  padding: 27px 20px;
}
@media (max-width: 799px) {
  .contract-view .header-pdf-container .pdf-title {
    width: 100%;
    vertical-align: middle;
    padding: 20px 14px;
  }
}
.contract-view .header-pdf-container .pdf-title p {
  font-size: 15px;
  font-weight: 400;
  margin: 0;
}
.contract-view .header-pdf-container .pdf-title p span {
  font-weight: 500;
}
@media (max-width: 799px) {
  .contract-view .header-pdf-container .pdf-title p {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
  }
}
.contract-view .header-container {
  position: relative;
  padding: 60px 40px 0px 60px;
}
.contract-view .header-container h2.header {
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: -0.4px;
  color: #222;
}
.contract-view .header-container h2.header span {
  float: right;
}
.contract-view .header-container h2.header span .logo {
  width: 85px;
  height: 27px;
}
.contract-view .header-container h2.header.terms {
  padding-bottom: 20px;
  margin-bottom: 0;
  border-bottom: 1px solid #222;
}
.contract-view .header-container h2.header strong {
  font-weight: 500;
}
@media (max-width: 799px) {
  .contract-view .header-container h2.header {
    margin: 10px 0 30px;
    font-size: 22px;
    letter-spacing: -0.6px;
  }
  .contract-view .header-container h2.header br {
    display: none;
  }
}
.contract-view .header-container h3.title {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.4px;
  color: #222222;
}
.contract-view .header-container h3.title span {
  font-weight: 700;
}
@media (max-width: 799px) {
  .contract-view .header-container h3.title {
    font-size: 14px;
    line-height: normal;
    word-break: keep-all;
  }
}
.contract-view .right-container {
  position: relative;
  padding: 0px 40px 40px 60px;
}
.contract-view .right-container.terms {
  padding: 0px 40px 0px 60px;
}
.contract-view .right-container.terms .header-border {
  padding-top: 60px;
  border-top: 1px solid #eeeeee;
}
@media (max-width: 799px) {
  .contract-view .right-container {
    margin-top: 30px;
    border-left: 0;
    margin-left: 0;
    padding: 0 15px;
  }
}
.contract-view .right-container.menu-fixed {
  margin-top: 114px;
}
.contract-view .right-container h2.header {
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: -0.4px;
  color: #222;
}
.contract-view .right-container h2.header span {
  float: right;
}
.contract-view .right-container h2.header span .logo {
  width: 85px;
  height: 27px;
}
.contract-view .right-container h2.header.terms {
  padding-bottom: 20px;
  margin-bottom: 0;
  border-bottom: 1px solid #222;
}
.contract-view .right-container h2.header strong {
  font-weight: 500;
}
@media (max-width: 799px) {
  .contract-view .right-container h2.header {
    margin: 10px 0 30px;
    font-size: 22px;
    letter-spacing: -0.6px;
  }
  .contract-view .right-container h2.header br {
    display: none;
  }
}
.contract-view .right-container h3.title {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.4px;
  color: #222222;
}
.contract-view .right-container h3.title span {
  font-weight: 700;
}
@media (max-width: 799px) {
  .contract-view .right-container h3.title {
    font-size: 14px;
    line-height: normal;
    word-break: keep-all;
  }
}
.contract-view .right-container .contents > .info {
  margin-top: 50px;
  max-width: 1060px;
}
.contract-view .right-container .contents > .info .payment-info {
  margin-left: 15px;
  margin-top: 10px;
}
@media (max-width: 799px) {
  .contract-view .right-container .contents > .info .payment-info {
    font-size: 12px;
  }
}
.contract-view .right-container .contents > .info .payment-info ul,
.contract-view .right-container .contents > .info .payment-info li {
  list-style: disc;
}
.contract-view .right-container .contents > .info:first-child {
  margin-top: 40px;
}
@media (max-width: 799px) {
  .contract-view .right-container .contents > .info {
    margin-top: 50px;
  }
  .contract-view .right-container .contents > .info hr {
    border-color: #EEEEEE;
    margin: 0 -15px 30px;
  }
}
.contract-view .right-container .contents > .info .uploaded-btn.bank {
  margin-top: 13px;
}
.contract-view .right-container .contents > .info .uploaded-btn .file-upload {
  margin-top: 10px;
}
.contract-view .right-container .contents > .info .uploaded-btn .file-upload li {
  display: inline-block;
  border-radius: 30px;
  background-color: #eeeeee;
  padding: 5px 15px;
  margin: 5px;
}
.contract-view .right-container .contents > .info .uploaded-btn .file-upload li a {
  color: #000000;
}
@media (max-width: 799px) {
  .contract-view .right-container .contents > .info .uploaded-btn .file-upload li a {
    font-size: 12px;
  }
}
.contract-view .right-container .contents > .info .uploaded-btn .file-upload li button.remove {
  background: none;
  padding: 0;
  border: none;
}
.contract-view .right-container .contents > .info .uploaded-btn .file-upload li button.remove i {
  background: url(/assets/img/contract/ic-remove-file.svg) center center no-repeat;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.contract-view .right-container .contents > .info .uploaded-btn button:hover {
  border-color: #333333 !important;
}
.contract-view .right-container .contents > .info .uploaded-btn button.btn-business {
  width: 50%;
  text-align: left;
  padding: 15px 20px;
  font-weight: 500;
  font-size: 14px;
  border: 1px solid #cccccc;
  border-radius: 5px !important;
  line-height: 22px;
  background-color: #FFFFFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contract-view .right-container .contents > .info .uploaded-btn button.btn-business span {
  color: #999;
  font-size: 20px;
}
.contract-view .right-container .contents > .info .uploaded-btn button.btn-business:hover {
  color: #000000;
  background-color: #FFFFFF;
}
.contract-view .right-container .contents > .info .uploaded-btn button.btn-business:hover span {
  color: #000000;
  background-color: #FFFFFF;
}
@media (max-width: 799px) {
  .contract-view .right-container .contents > .info .uploaded-btn button.btn-business {
    width: 100%;
    font-size: 14px;
    padding: 15px 15px;
  }
}
.contract-view .right-container .contents > .info h3 {
  font-size: 18px;
  font-weight: 500;
  color: #222;
  letter-spacing: -0.4px;
  border-bottom: 1px solid #333;
  padding-bottom: 15px;
}
.contract-view .right-container .contents > .info h3.with-btn {
  display: flex;
  align-items: flex-end;
}
.contract-view .right-container .contents > .info h3.with-btn button {
  margin-left: auto;
}
.contract-view .right-container .contents > .info h3.with-btn button.btn-attachment {
  margin-bottom: -5px;
  padding: 4px 9px;
}
.contract-view .right-container .contents > .info h3.with-btn button.btn-business {
  width: 50%;
  margin-bottom: -5px;
  padding: 4px 9px;
}
.contract-view .right-container .contents > .info h3.with-btn button.has-toggle {
  background: none;
  padding: 0;
  border: none;
}
.contract-view .right-container .contents > .info h3.with-btn button.has-toggle i {
  background: url(/assets/img/contract/ic-arrow-up.svg) center center no-repeat;
  display: block;
  width: 19px;
  height: 19px;
  margin-right: 5px;
  transition: .2s;
}
.contract-view .right-container .contents > .info h3.with-btn button.has-toggle.on i {
  transform: rotate(-180deg);
}
@media (max-width: 799px) {
  .contract-view .right-container .contents > .info h3 {
    font-size: 16px;
  }
}
.contract-view .right-container .contents > .info .attachments {
  padding-top: 15px;
}
.contract-view .right-container .contents > .info .attachments ul li {
  font-size: 16px;
  color: #222;
  letter-spacing: -0.2px;
  font-weight: normal;
}
.contract-view .right-container .contents > .info .attachments ul li + li {
  margin-top: 5px;
}
@media (max-width: 799px) {
  .contract-view .right-container .contents > .info .attachments ul li {
    font-size: 14px;
  }
}
.contract-view .right-container .contents > .info .attachments ul li a {
  color: #222;
  text-decoration: none;
}
.contract-view .right-container .contents > .info .attachments ul li button.remove {
  background: none;
  padding: 0;
  border: none;
}
.contract-view .right-container .contents > .info .attachments ul li button.remove i {
  background: url(/assets/img/contract/ic-remove-file.svg) center center no-repeat;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
}
.contract-view .right-container .contents > .info .attachments ul li span.fa {
  color: #A3A3A3;
}
.contract-view .right-container .contents > .info .attachments p.notice {
  margin-top: 15px;
  font-size: 14px;
  color: #999;
  letter-spacing: -0.2px;
}
@media (max-width: 799px) {
  .contract-view .right-container .contents > .info .attachments p.notice {
    font-size: 12px;
  }
}
.contract-view .right-container .contents > .info .description .terms-team {
  border: none;
  background: #fafafa;
  padding: 0px 15px 15px 15px;
  color: #444;
  line-height: normal;
  max-height: 250px;
  overflow: auto;
}
.contract-view .right-container .contents > .info .description .terms-team.terms-privacy {
  padding: 20px 15px 5px 15px;
}
.contract-view .right-container .contents > .info .description .terms-team h2 {
  font-size: 14px;
}
@media (max-width: 799px) {
  .contract-view .right-container .contents > .info .description .terms-team {
    font-size: 12px;
  }
}
.contract-view .right-container .contents > .info .description pre {
  border: none;
  background: #fafafa;
  padding: 20px 15px 20px 15px;
  color: #444;
  letter-spacing: -0.2px;
  line-height: normal;
  max-height: 250px;
  overflow: auto;
  white-space: pre-wrap;
}
@media (max-width: 799px) {
  .contract-view .right-container .contents > .info .description pre {
    font-size: 12px;
  }
}
.contract-view .right-container .contents > .info .agreement {
  margin-top: 15px;
  position: relative;
}
.contract-view .right-container .contents > .info .agreement label {
  font-weight: normal;
  font-size: 16px;
  color: #222 !important;
  letter-spacing: -0.2px;
}
@media (max-width: 799px) {
  .contract-view .right-container .contents > .info .agreement label {
    font-size: 14px;
  }
}
.contract-view .right-container .contents > .info .agreement label p {
  margin-left: 29px;
  font-size: 11px;
  color: #999;
}
.contract-view .right-container .contents > .info .agreement label span {
  margin-left: 10px;
  color: #999;
  font-size: 16px;
  font-weight: 300;
}
.contract-view .right-container .contents > .info .agreement.design-checked-tetragon input[type="checkbox"] + label i {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -11px 5px 0 0;
  vertical-align: middle;
  background-image: url(/assets/img/form/new-tetragon-checked-btns.svg);
  background-position: -19px top;
  background-repeat: no-repeat;
  cursor: pointer;
}
.contract-view .right-container .contents > .info .agreement input[type="checkbox"] {
  display: none;
}
.contract-view .right-container .contents > .info .agreement input[type="checkbox"] + label {
  color: #666666;
  font-weight: 400;
}
.contract-view .right-container .contents > .info .agreement input[type="checkbox"]:checked + label {
  color: #222222;
  font-weight: 400;
}
.contract-view .right-container .contents > .info .agreement input[type="checkbox"] + label i {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -2px 10px 0 0;
  vertical-align: middle;
  background-image: url(/assets/img/form/new-tetragon-btns.svg);
  background-position: -19px top;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media print {
  .contract-view .right-container .contents > .info .agreement input[type="checkbox"] {
    position: absolute;
    display: inline-block;
    top: 0;
    width: 19px;
    height: 19px;
    margin: -2px 10px 0 0;
    vertical-align: middle;
    background-image: url(/assets/img/form/new-tetragon-btns.svg);
    background-position: -19px top;
    background-repeat: no-repeat;
    cursor: pointer;
  }
}
.contract-view .right-container .contents > .info .agreement input[type="checkbox"]:checked + label i {
  background-position: left top;
  background-repeat: no-repeat;
}
.contract-view .right-container .contents > .info .confirm {
  margin-top: 15px;
}
.contract-view .right-container .contents > .info .confirm span.mute {
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #222;
  line-height: normal;
  word-break: keep-all;
}
.contract-view .right-container .contents > .info .confirm span.mute b {
  font-weight: 500;
}
@media (max-width: 799px) {
  .contract-view .right-container .contents > .info .confirm span.mute {
    font-size: 14px;
  }
}
.contract-view .right-container .contents > .info .confirm p {
  margin-top: 60px;
  font-size: 18px;
  color: #222;
  text-align: right;
}
.contract-view .right-container .contents > .info .confirm p.confirm-margin {
  margin: 0;
}
.contract-view .right-container .contents > .info .confirm p.confirm-margin-bottom {
  margin-bottom: 0;
}
@media (max-width: 799px) {
  .contract-view .right-container .contents > .info .confirm p {
    margin-top: 30px;
    font-size: 16px;
    text-align: left;
  }
}
.contract-view .right-container .contents > .info .confirm .revu-signature {
  margin: 30px 0;
  display: block;
  text-align: right;
}
@media (max-width: 799px) {
  .contract-view .right-container .contents > .info .confirm .revu-signature {
    text-align: center;
  }
}
@media (max-width: 799px) {
  .contract-view .right-container .contents > .info .confirm .revu-signature img {
    width: 90px;
    height: 40px;
  }
}
.contract-view .right-container .contents > .info .footer h3.logo {
  width: 85px;
  height: 35px;
  border-bottom: none;
}
.contract-view .right-container .contents > .info .footer h3.logo img {
  width: 85px;
  height: 35px;
}
.contract-view .right-container .contents > .info .footer p {
  margin-top: 10px;
}
.contract-view .right-container .contents > .info .footer p span.split {
  display: inline-block;
  color: #ddd;
}
.contract-view .right-container .contents > .info .footer p.copyright {
  font-size: 12px;
  color: #666;
  letter-spacing: -0.3px;
  line-height: 1.67;
  margin-bottom: 0;
}
.contract-view .right-container .contents > .info .footer p.copyright b {
  font-weight: 500;
}
.contract-view .right-container .contents > .info .footer p.contract-info {
  font-size: 14px;
  color: #222;
  letter-spacing: -0.4px;
  width: 29%;
  margin: 0;
  vertical-align: bottom;
  display: inline-block;
}
.contract-view .right-container .contents > .info .footer p.contract-info.complete {
  width: 52%;
}
.contract-view .right-container .contents > .info .footer p.contract-info b {
  font-weight: bold;
}
@media (max-width: 799px) {
  .contract-view .right-container .contents > .info .footer p.contract-info {
    font-size: 12px;
    width: 100%;
    margin-top: 10px;
  }
}
.contract-view .right-container .contents > .info .footer .contract-footer .contract-basic-button {
  width: 100%;
}
.contract-view .right-container .contents > .info .footer .contract-footer .contract-basic-button button:first-child {
  margin-right: 8px;
  position: relative;
  left: 3px;
}
.contract-view .right-container .contents > .info .footer .contract-footer .contract-basic-button button {
  display: inline-block;
  padding: 15px;
  border: solid 1px #dddddd;
  background-color: #F8F8F8;
  border-radius: 3px;
}
.contract-view .right-container .contents > .info .footer .contract-footer .contract-basic-button button img {
  width: 12px;
  margin-right: 10px;
}
@media (max-width: 799px) {
  .contract-view .right-container .contents > .info .footer .contract-footer .contract-basic-button button img {
    width: 9px;
    margin-right: 6px;
    margin-bottom: 4px;
  }
}
@media (max-width: 799px) {
  .contract-view .right-container .contents > .info .footer .contract-footer .contract-basic-button button {
    padding: 6px;
    font-size: 12px;
  }
}
.contract-view .right-container .contents > .info .footer .contract-footer .contract-basic-button .contract-button-download {
  display: inline-block;
  text-align: right;
  width: 70%;
}
.contract-view .right-container .contents > .info .footer .contract-footer .contract-basic-button .contract-button-download button:hover {
  background-color: #DDDDDD;
}
@media (max-width: 799px) {
  .contract-view .right-container .contents > .info .footer .contract-footer .contract-basic-button .contract-button-download {
    width: 100%;
    margin-top: 15px;
    text-align: left;
  }
}
.contract-view .right-container .contents > .info .cms-auto {
  border-bottom: 1px solid #eee;
}
.contract-view .right-container .contents > .info .cms-auto dt,
.contract-view .right-container .contents > .info .cms-auto dd {
  font-size: 14px;
}
.contract-view .right-container .contents > .info .cms-auto dt p,
.contract-view .right-container .contents > .info .cms-auto dd p {
  color: #999;
}
.contract-view .right-container .contents > .info .cms-auto dt {
  padding-left: 20px;
  color: #000000;
}
.contract-view .right-container .contents > .info .cms-auto dt.type-color {
  color: #999;
}
.contract-view .right-container .contents > .info dl {
  margin: 0;
  padding-top: 15px;
  display: table;
}
.contract-view .right-container .contents > .info dl dt,
.contract-view .right-container .contents > .info dl dd {
  display: table-cell;
  letter-spacing: -0.4px;
}
.contract-view .right-container .contents > .info dl dt b,
.contract-view .right-container .contents > .info dl dd b {
  font-weight: 500;
}
.contract-view .right-container .contents > .info dl dt {
  width: 173px;
  font-size: 16px;
  font-weight: normal;
  color: #999;
}
.contract-view .right-container .contents > .info dl dt.advertiser-title {
  vertical-align: top;
  padding-top: 10px;
}
.contract-view .right-container .contents > .info dl dt p.sub-title {
  color: #aaa;
  font-size: 12px;
}
@media (max-width: 799px) {
  .contract-view .right-container .contents > .info dl dt p.sub-title {
    font-size: 11px;
  }
}
@media (max-width: 799px) {
  .contract-view .right-container .contents > .info dl dt {
    min-width: 102px;
    font-size: 14px;
  }
}
.contract-view .right-container .contents > .info dl dd {
  word-break: break-all;
  padding-left: 20px;
  width: 524px;
  overflow: hidden;
  font-size: 16px;
  color: #222;
  line-height: normal;
}
.contract-view .right-container .contents > .info dl dd span {
  margin-left: 4px;
  color: #999;
}
.contract-view .right-container .contents > .info dl dd p {
  font-size: 14px;
  color: #999;
  margin: 0;
}
@media (max-width: 799px) {
  .contract-view .right-container .contents > .info dl dd {
    padding-left: 10px;
    font-size: 14px;
  }
}
.contract-view .right-container .contents > .info dl dd .form-control.input-lg {
  padding: 7px 10px;
  font-size: 16px;
}
.contract-view .right-container .contents > .info dl dd .form-control.input-lg.advertiser-input {
  margin-top: 12px;
}
@media (max-width: 799px) {
  .contract-view .right-container .contents > .info dl dd .form-control.input-lg {
    font-size: 14px;
  }
}
.contract-pdf-view {
  padding-bottom: 30px;
}
.contract-pdf-view .page-break {
  break-before: page;
  page-break-before: always;
}
.contract-pdf-view .advertiser-sub-title {
  color: #aaa;
  font-size: 11px;
  text-align: right;
}
.contract-pdf-view .advertiser-sub-title span {
  margin-left: 0px !important;
  font-family: none;
  font-size: 2px;
  color: #d9d9d9 !important;
}
.contract-pdf-view .left-aside {
  padding: 60px 60px 0 55px;
  width: 270px;
  position: fixed;
  height: 100%;
}
.contract-pdf-view .left-aside aside h1 .logo {
  width: 75px;
  height: 20px;
}
.contract-pdf-view .left-aside aside h2.header {
  margin-top: 15px;
  font-size: 28px;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: -0.4px;
  color: #222;
}
.contract-pdf-view .left-aside aside h2.header strong {
  font-weight: 500;
}
.contract-pdf-view .left-aside aside h3.title {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.4px;
  color: #222222;
}
.contract-pdf-view .left-aside aside h3.title span {
  font-weight: 700;
}
.contract-pdf-view .left-aside aside .contract-title {
  position: relative;
  text-align: center;
}
.contract-pdf-view .left-aside aside ul.menu {
  margin-top: 50px;
  display: inline-block;
}
.contract-pdf-view .left-aside aside ul.menu li {
  padding: 7.5px 0 7.5px 40px;
  position: relative;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: #aaa;
  cursor: pointer;
}
.contract-pdf-view .left-aside aside ul.menu li:before {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  background: #fff;
  left: 0;
}
.contract-pdf-view .left-aside aside ul.menu li:nth-child(1):before {
  content: url(/assets/img/contract/ic-contract.svg);
}
.contract-pdf-view .left-aside aside ul.menu li:nth-child(2):before {
  content: url(/assets/img/contract/ic-payment.svg);
}
.contract-pdf-view .left-aside aside ul.menu li:nth-child(3):before {
  content: url(/assets/img/contract/ic-agreement.svg);
}
.contract-pdf-view .left-aside aside ul.menu li:after {
  content: '';
  position: absolute;
  width: 2px;
  height: 100%;
  background: #dedede;
  left: 14px;
  z-index: -1;
}
.contract-pdf-view .left-aside aside ul.menu li:last-child:after {
  height: 30px;
}
.contract-pdf-view .right-container {
  position: relative;
  padding: 0 40px 0 40px;
}
.contract-pdf-view .right-container.terms {
  padding: 0px 40px 0px 40px;
  break-before: page;
  page-break-before: always;
}
.contract-pdf-view .right-container.terms .header-border {
  padding-top: 30px;
}
.contract-pdf-view .right-container.terms .header-border.cmd-type {
  padding-top: 30px;
}
.contract-pdf-view .right-container.menu-fixed {
  margin-top: 114px;
}
.contract-pdf-view .right-container h2.header {
  margin-bottom: 20px;
  font-size: 27px;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: -0.4px;
  color: #222;
}
.contract-pdf-view .right-container h2.header span {
  float: right;
}
.contract-pdf-view .right-container h2.header span .logo {
  vertical-align: top;
  width: 100px;
  height: 27px;
}
.contract-pdf-view .right-container h2.header.terms {
  padding-bottom: 10px;
  margin-bottom: 0;
  border-bottom: 1px solid #222;
}
.contract-pdf-view .right-container h2.header strong {
  font-weight: 500;
}
.contract-pdf-view .right-container h3.title {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.4px;
  color: #222222;
}
.contract-pdf-view .right-container h3.title span {
  font-weight: 700;
}
.contract-pdf-view .right-container .contents > .info {
  margin-top: 20px;
  max-width: 1060px;
}
.contract-pdf-view .right-container .contents > .info .payment-info {
  font-size: 12px;
  margin-left: 15px;
  margin-top: 10px;
}
.contract-pdf-view .right-container .contents > .info .payment-info ul,
.contract-pdf-view .right-container .contents > .info .payment-info li {
  list-style: disc;
}
.contract-pdf-view .right-container .contents > .info .payment-full {
  height: 170px;
}
.contract-pdf-view .right-container .contents > .info .payment-pdf {
  height: 20px;
}
.contract-pdf-view .right-container .contents > .info .payment-pdf25 {
  height: 25px;
}
.contract-pdf-view .right-container .contents > .info .payment-pdf40 {
  height: 40px;
}
.contract-pdf-view .right-container .contents > .info .payment-pdf60 {
  height: 60px;
}
.contract-pdf-view .right-container .contents > .info:first-child {
  margin-top: 20px;
}
.contract-pdf-view .right-container .contents > .info h3 {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  letter-spacing: -0.4px;
  border-bottom: 1px solid #333;
  padding-bottom: 15px;
}
.contract-pdf-view .right-container .contents > .info h3.with-btn {
  display: flex;
  align-items: flex-end;
}
.contract-pdf-view .right-container .contents > .info h3.with-btn button {
  margin-left: auto;
}
.contract-pdf-view .right-container .contents > .info h3.with-btn button.btn-attachment {
  margin-bottom: -5px;
  padding: 4px 9px;
}
.contract-pdf-view .right-container .contents > .info h3.with-btn button.has-toggle {
  background: none;
  padding: 0;
  border: none;
}
.contract-pdf-view .right-container .contents > .info h3.with-btn button.has-toggle i {
  background: url(/assets/img/contract/ic-arrow-up.svg) center center no-repeat;
  display: block;
  width: 19px;
  height: 19px;
  margin-right: 5px;
  transition: .2s;
}
.contract-pdf-view .right-container .contents > .info h3.with-btn button.has-toggle.on i {
  transform: rotate(-180deg);
}
.contract-pdf-view .right-container .contents > .info .attachments {
  padding-top: 15px;
}
.contract-pdf-view .right-container .contents > .info .attachments ul li {
  font-size: 16px;
  color: #222;
  letter-spacing: -0.2px;
  font-weight: normal;
}
.contract-pdf-view .right-container .contents > .info .attachments ul li + li {
  margin-top: 5px;
}
.contract-pdf-view .right-container .contents > .info .attachments ul li a {
  color: #222;
  text-decoration: none;
}
.contract-pdf-view .right-container .contents > .info .attachments ul li button.remove {
  background: none;
  padding: 0;
  border: none;
}
.contract-pdf-view .right-container .contents > .info .attachments ul li button.remove i {
  background: url(/assets/img/contract/ic-deletefile.svg) center center no-repeat;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
}
.contract-pdf-view .right-container .contents > .info .attachments ul li span.fa {
  color: #A3A3A3;
}
.contract-pdf-view .right-container .contents > .info .attachments p.notice {
  margin-top: 15px;
  font-size: 14px;
  color: #999;
  letter-spacing: -0.2px;
}
.contract-pdf-view .right-container .contents > .info .description .terms-team {
  border: none;
  background: #fafafa;
  padding: 0px 15px 15px 15px;
  color: #444;
  line-height: normal;
  max-height: 250px;
  overflow: auto;
}
.contract-pdf-view .right-container .contents > .info .description .terms-team.terms-privacy {
  padding: 20px 15px 5px 15px;
}
.contract-pdf-view .right-container .contents > .info .description pre {
  border: none;
  background: #fafafa;
  padding: 20px 15px 20px 15px;
  color: #444;
  letter-spacing: -0.2px;
  line-height: normal;
  max-height: 250px;
  overflow: auto;
  white-space: pre-wrap;
}
.contract-pdf-view .right-container .contents > .info .agreement {
  margin-top: 15px;
  position: relative;
}
.contract-pdf-view .right-container .contents > .info .agreement label {
  font-weight: normal;
  font-size: 13px;
  color: #666;
  letter-spacing: -0.2px;
}
.contract-pdf-view .right-container .contents > .info .agreement label span {
  margin-left: 4px;
  color: #999;
  font-size: 12px;
}
.contract-pdf-view .right-container .contents > .info .agreement label p {
  margin-left: 24px;
  font-size: 11px;
}
.contract-pdf-view .right-container .contents > .info .agreement.design-checked-tetragon input[type="checkbox"] + label i {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -11px 5px 0 0;
  vertical-align: middle;
  background-image: url(/assets/img/form/new-tetragon-checked-btns.svg);
  background-position: -19px top;
  background-repeat: no-repeat;
  cursor: pointer;
}
.contract-pdf-view .right-container .contents > .info .agreement input[type="checkbox"] {
  display: none;
}
.contract-pdf-view .right-container .contents > .info .agreement input[type="checkbox"] + label {
  color: #666666;
  font-weight: 400;
}
.contract-pdf-view .right-container .contents > .info .agreement input[type="checkbox"]:checked + label {
  color: #222222;
  font-weight: 400;
}
.contract-pdf-view .right-container .contents > .info .agreement input[type="checkbox"] + label i {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -2px 10px 0 0;
  vertical-align: middle;
  background-image: url(/assets/img/form/new-tetragon-btns.svg);
  background-position: -19px top;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media print {
  .contract-pdf-view .right-container .contents > .info .agreement input[type="checkbox"] {
    position: absolute;
    display: inline-block;
    top: 0;
    width: 19px;
    height: 19px;
    margin: -2px 10px 0 0;
    vertical-align: middle;
    background-image: url(/assets/img/form/new-tetragon-btns.svg);
    background-position: -19px top;
    background-repeat: no-repeat;
    cursor: pointer;
  }
}
.contract-pdf-view .right-container .contents > .info .agreement input[type="checkbox"]:checked + label i {
  background-position: left top;
  background-repeat: no-repeat;
}
.contract-pdf-view .right-container .contents > .info .confirm {
  margin-top: 15px;
}
.contract-pdf-view .right-container .contents > .info .confirm span.mute {
  font-size: 13px;
  letter-spacing: -0.4px;
  color: #222;
  line-height: normal;
  word-break: keep-all;
}
.contract-pdf-view .right-container .contents > .info .confirm span.mute b {
  font-weight: 500;
}
.contract-pdf-view .right-container .contents > .info .confirm p {
  margin-top: 60px;
  font-size: 15px;
  color: #222;
  text-align: right;
}
.contract-pdf-view .right-container .contents > .info .confirm p .sign-none {
  margin-right: 100px;
}
.contract-pdf-view .right-container .contents > .info .confirm .revu-signature {
  margin: 15px 0;
  display: block;
  text-align: right;
}
.contract-pdf-view .right-container .contents > .info .footer {
  margin-top: 80px;
  margin-bottom: 40px;
}
.contract-pdf-view .right-container .contents > .info .footer .pdf-height {
  height: 180px;
}
.contract-pdf-view .right-container .contents > .info .footer .pdf-height20 {
  height: 20px;
}
.contract-pdf-view .right-container .contents > .info .footer h3.logo {
  width: 85px;
  height: 35px;
  border-bottom: none;
}
.contract-pdf-view .right-container .contents > .info .footer h3.logo img {
  width: 85px;
  height: 35px;
}
.contract-pdf-view .right-container .contents > .info .footer p {
  margin-top: 10px;
}
.contract-pdf-view .right-container .contents > .info .footer p span.split {
  display: inline-block;
  color: #ddd;
}
.contract-pdf-view .right-container .contents > .info .footer p.copyright {
  font-size: 12px;
  color: #666;
  letter-spacing: -0.3px;
  line-height: 1.67;
}
.contract-pdf-view .right-container .contents > .info .footer p.copyright b {
  font-weight: 500;
}
.contract-pdf-view .right-container .contents > .info .footer p.contract-info {
  font-size: 14px;
  color: #222;
  letter-spacing: -0.4px;
}
.contract-pdf-view .right-container .contents > .info .footer p.contract-info b {
  font-weight: bold;
}
.contract-pdf-view .right-container .contents > .info .cms-auto {
  border-bottom: 1px solid #eee;
}
.contract-pdf-view .right-container .contents > .info .cms-auto dt,
.contract-pdf-view .right-container .contents > .info .cms-auto dd {
  font-size: 14px;
}
.contract-pdf-view .right-container .contents > .info .cms-auto dt p,
.contract-pdf-view .right-container .contents > .info .cms-auto dd p {
  color: #999;
}
.contract-pdf-view .right-container .contents > .info .cms-auto dt {
  padding-left: 20px;
  color: #000000;
}
.contract-pdf-view .right-container .contents > .info .cms-auto dt.type-color {
  color: #999;
}
.contract-pdf-view .right-container .contents > .info dl {
  margin: 0;
  padding-top: 8px;
  display: table;
}
.contract-pdf-view .right-container .contents > .info dl dt,
.contract-pdf-view .right-container .contents > .info dl dd {
  display: table-cell;
  letter-spacing: -0.4px;
}
.contract-pdf-view .right-container .contents > .info dl dt b,
.contract-pdf-view .right-container .contents > .info dl dd b {
  font-weight: 500;
}
.contract-pdf-view .right-container .contents > .info dl dt {
  width: 173px;
  font-size: 12px;
  font-weight: normal;
  color: #999;
}
.contract-pdf-view .right-container .contents > .info dl dt.advertiser-title {
  vertical-align: top;
  padding-top: 10px;
}
.contract-pdf-view .right-container .contents > .info dl dt p.sub-title {
  color: #aaa;
  font-size: 12px;
}
.contract-pdf-view .right-container .contents > .info dl dd {
  word-break: break-all;
  padding-left: 20px;
  width: 524px;
  overflow: hidden;
  font-size: 12px;
  color: #222;
  line-height: normal;
}
.contract-pdf-view .right-container .contents > .info dl dd span {
  margin-left: 4px;
  color: #999;
}
.contract-pdf-view .right-container .contents > .info dl dd .form-control.input-lg {
  padding: 7px 10px;
  font-size: 16px;
}
.contract-pdf-view .right-container .contents > .info dl dd .form-control.input-lg.advertiser-input {
  margin-top: 12px;
}
.contract-sign .title {
  border-bottom: 0;
  padding-bottom: 0;
  font-size: 20px;
}
@media (max-width: 799px) {
  .contract-sign .title {
    font-size: 18px;
  }
}
.contract-sign .contract-tabs {
  border-bottom: 0;
  height: 36px;
}
@media (max-width: 799px) {
  .contract-sign .contract-tabs {
    height: 30px;
  }
}
@media (max-width: 799px) {
  .contract-sign .contract-tabs li {
    width: 33%;
  }
}
.contract-sign .contract-tabs li.active {
  border-bottom: 2px solid #000000 !important;
}
.contract-sign .contract-tabs li a {
  font-size: 16px;
  color: #AFAFAF;
}
@media (max-width: 799px) {
  .contract-sign .contract-tabs li a {
    font-size: 12px;
  }
}
.contract-sign .reset {
  margin-bottom: 30px;
  margin-top: 10px;
}
@media (max-width: 799px) {
  .contract-sign .reset {
    margin-bottom: 0;
  }
}
.contract-sign .reset.sign {
  margin-top: 6px;
}
.contract-sign .reset .reset-btn {
  height: 31px;
  border-radius: 5px;
  border: 1px solid #dddddd;
  color: #999;
  font-size: 14px;
  background-color: #FFFFFF;
  margin-bottom: 3px;
}
@media (max-width: 799px) {
  .contract-sign .reset .reset-btn {
    font-size: 12px;
  }
}
.contract-sign .reset .reset-btn img {
  margin-right: 3px;
  margin-bottom: 2px;
}
.contract-sign .reset .notice {
  font-size: 12px;
  margin-left: 15px;
  margin-top: 20px;
  height: 54px;
  color: #666666;
}
@media (max-width: 799px) {
  .contract-sign .reset .notice {
    height: 80px;
  }
}
.contract-sign .reset .notice ul li {
  list-style-type: disc;
  padding-left: -5px;
}
.contract-sign .reset .notice ul li b {
  font-weight: 500;
}
.confirm-sign {
  width: 100%;
  text-align: center;
  border-top: 1px solid #eee;
  padding-top: 20px;
}
@media (max-width: 799px) {
  .confirm-sign {
    border-top: 0;
    padding-top: 30px;
  }
}
.confirm-sign .save {
  width: 275px;
  height: 52px;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}
@media (max-width: 799px) {
  .confirm-sign .save {
    width: 100%;
    margin-bottom: 5px;
    font-size: 16px;
  }
}
.resign {
  border: 1px solid #ddd;
  background: #fff;
  color: #979797;
  font-weight: 400;
}
.resign:hover {
  border-color: #999;
  color: #666;
}
.sign-btn {
  width: 100%;
  text-align: center;
  padding-top: 65px;
  padding-bottom: 10px;
}
@media (max-width: 799px) {
  .sign-btn {
    padding-top: 45px;
  }
}
.sign-btn .sign {
  font-weight: 500;
  width: 674px;
  font-size: 16px;
  height: 67px;
}
@media (max-width: 799px) {
  .sign-btn .sign {
    font-size: 16px;
    width: 100%;
    height: 54px;
  }
}
.sign-btn .end-btn {
  display: inline-block;
  height: 67px;
  width: 500px;
  font-size: 16px;
  font-weight: 500;
}
@media (max-width: 799px) {
  .sign-btn .end-btn {
    width: 100%;
    margin-top: 10px;
  }
}
.confirm-last-btn {
  width: 100%;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 10px;
}
.confirm-last-btn .confirm-section {
  display: inline-block;
  height: 67px;
  vertical-align: top;
}
.confirm-last-btn .confirm-section.end-section {
  margin-left: -3px;
}
@media (max-width: 799px) {
  .confirm-last-btn .confirm-section.end-section {
    margin-left: -5px;
  }
}
.confirm-last-btn .confirm-section.resign-section {
  margin-right: 10px;
}
@media (max-width: 799px) {
  .confirm-last-btn .confirm-section.resign-section {
    margin-right: 5px;
  }
}
@media (max-width: 799px) {
  .confirm-last-btn .confirm-section {
    width: 48.5%;
    height: 54px;
  }
}
.confirm-last-btn .confirm-section .sign {
  width: 674px;
}
@media (max-width: 799px) {
  .confirm-last-btn .confirm-section .sign {
    width: 100%;
  }
}
.confirm-last-btn .confirm-section .end-btn {
  height: 67px;
  width: 500px;
  font-size: 16px;
  font-weight: 500;
}
@media (max-width: 799px) {
  .confirm-last-btn .confirm-section .end-btn {
    font-size: 16px;
    height: 54px;
    width: 99%;
  }
}
.sign-label {
  color: #999;
}
.sign-img-container {
  position: relative;
  display: inline-block;
  /* 이미지와 텍스트를 인라인으로 표시 */
  width: 100px;
}
.sign-img-container .sign-img {
  width: 100px;
}
.contract-pdf-down {
  position: fixed;
  width: 100%;
  height: 94px;
  background-color: #1d1d1d;
  bottom: -1px;
  box-shadow: 0px -9px 10px -4px rgba(135, 135, 135, 0.4);
}
@media (max-width: 799px) {
  .contract-pdf-down {
    height: 168px;
  }
}
.contract-pdf-down .pdf-section {
  width: 100vw;
  margin-right: auto;
  margin-left: auto;
  height: 94px;
  vertical-align: middle;
  font-size: 20px;
  width: 1160px;
  padding-right: 30px;
  padding-left: 58px;
}
@media (max-width: 799px) {
  .contract-pdf-down .pdf-section {
    height: 168px;
    font-size: 14px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    vertical-align: middle;
  }
}
.contract-pdf-down .pdf-section .pdf-section-title {
  display: inline-block;
  width: 40%;
}
@media (max-width: 799px) {
  .contract-pdf-down .pdf-section .pdf-section-title {
    width: 100%;
    vertical-align: middle;
    margin-top: 20px;
  }
}
.contract-pdf-down .pdf-section .pdf-section-title p {
  font-size: 16px;
  font-weight: 400;
  line-height: 29px;
  padding: 0;
  color: #FFFFFF;
  margin: 0;
}
.contract-pdf-down .pdf-section .pdf-section-title p span {
  font-weight: 500;
}
@media (max-width: 799px) {
  .contract-pdf-down .pdf-section .pdf-section-title p {
    font-size: 13px;
    line-height: 20px;
    text-align: center;
  }
}
.contract-pdf-down .pdf-section .pdf-section-btn {
  display: inline-block;
  width: 59%;
  text-align: right;
  height: 100%;
  vertical-align: middle;
  padding-top: 20px;
}
@media (max-width: 799px) {
  .contract-pdf-down .pdf-section .pdf-section-btn {
    width: 100%;
    height: 100%;
    text-align: left;
    vertical-align: middle;
    padding-top: 15px;
  }
}
.contract-pdf-down .pdf-section .pdf-section-btn button {
  font-size: 16px;
  padding: 10px 15px;
  height: 54px;
  background: #6A1CFF;
  color: #FFFFFF;
  border-radius: 5px;
  font-weight: 500;
  border: 1px solid #6A1CFF;
}
.contract-pdf-down .pdf-section .pdf-section-btn button.company {
  background: #1d1d1d;
  color: #CCCCCC;
  border: 1px solid #5E5E5E;
  margin-right: 6px;
}
@media (max-width: 799px) {
  .contract-pdf-down .pdf-section .pdf-section-btn button.company {
    width: 49.5%;
    margin-right: 0px;
  }
  .contract-pdf-down .pdf-section .pdf-section-btn button.company.company-padding {
    padding: 10px 10px;
  }
}
.contract-pdf-down .pdf-section .pdf-section-btn button.mobile-button {
  width: 100%;
  margin-top: 10px;
  font-size: 13px;
}
@media (max-width: 799px) {
  .contract-pdf-down .pdf-section .pdf-section-btn button {
    padding: 10px 16px;
    height: 42px;
    font-weight: 500;
    font-size: 12px;
  }
  .contract-pdf-down .pdf-section .pdf-section-btn button button:first-child {
    margin-right: 6px;
  }
}
.contract-pdf-down .pdf-section .pdf-section-btn button img {
  margin-right: 10px;
}
@media (max-width: 799px) {
  .contract-pdf-down .pdf-section .pdf-section-btn button img {
    width: 9px;
    margin-right: 5px;
  }
}
.contract-pdf-terms {
  padding: 0 40px 40px 40px;
  font-size: 7px;
}
.contract-pdf-terms.terms {
  padding: 0 40px 40px 0;
}
.contract-pdf-terms .terms-right {
  display: inline-block;
  width: 49.5%;
  padding-left: 15px;
  vertical-align: top;
}
.contract-pdf-terms .terms-left {
  display: inline-block;
  width: 49.5%;
  padding-right: 15px;
  vertical-align: top;
}
.contract-pdf-terms h1 {
  color: #222;
  font-size: 34px;
  text-align: center;
  margin: 10px 0 30px;
}
.contract-pdf-terms h2 {
  font-size: 8px;
  margin: 8px 0 5px;
  color: #222;
  font-weight: 700;
  break-after: avoid;
  page-break-after: avoid;
}
.contract-pdf-terms p {
  font-size: 7px;
  color: #444;
  margin: 0 0 5px;
  break-inside: avoid;
  page-break-inside: avoid;
}
.contract-pdf-terms ul,
.contract-pdf-terms ol {
  margin: 0 0 6px 15px;
  padding: 0;
}
.contract-pdf-terms ul ul,
.contract-pdf-terms ol ul {
  margin-top: 3px;
}
.contract-pdf-terms ul li,
.contract-pdf-terms ol li {
  margin-bottom: 3px;
  padding: 0;
  break-inside: avoid;
  page-break-inside: avoid;
}
.contract-pdf-terms ol li {
  list-style: decimal;
  color: #444;
}
.contract-pdf-terms ul li {
  list-style: disc;
}
.contract-pdf-terms ul li.title {
  font-weight: 700;
}
.contract-pdf-terms table {
  margin-top: 10px;
  width: 100%;
  border-collapse: collapse;
}
.contract-pdf-terms table th,
.contract-pdf-terms table td {
  border: 1px solid #ddd;
  padding: 1px;
  font-size: 8px;
}
.contract-pdf-terms table th.center,
.contract-pdf-terms table td.center {
  text-align: center;
}
.contract-pdf-terms table th {
  background: #eee;
  width: 60px;
  text-align: center;
}
.contract-pdf-terms .client-btn {
  border: none;
  background: transparent;
}
.contract-pdf-terms.mobile-info .num {
  display: inline-block;
  min-width: 17px;
  vertical-align: top;
  margin-left: -17px;
}
.contract-pdf-terms.mobile-info p {
  margin: 0 0 5px;
  padding-left: 17px;
}
.contract-pdf-terms.mobile-info ul,
.contract-pdf-terms.mobile-info ol {
  margin: 10px 0 10px 20px;
}
.contract-pdf-terms.mobile-info ol li {
  list-style: none;
}
.contract-pdf-terms.mobile-info ul li {
  list-style: decimal;
}
.contract-terms {
  padding: 0px 40px 40px 60px;
  font-size: 12px;
}
@media (max-width: 799px) {
  .contract-terms {
    font-size: 12px;
  }
}
.contract-terms.terms {
  padding: 0;
}
@media (max-width: 799px) {
  .contract-terms.terms h2 {
    font-size: 12px;
  }
}
.contract-terms .terms-right {
  display: inline-block;
  width: 49.5%;
  padding-left: 15px;
  vertical-align: top;
}
@media (max-width: 799px) {
  .contract-terms .terms-right {
    width: 100%;
    padding-left: 0;
    display: inline;
  }
}
.contract-terms .terms-left {
  display: inline-block;
  width: 49.5%;
  padding-right: 15px;
  vertical-align: top;
}
@media (max-width: 799px) {
  .contract-terms .terms-left {
    width: 100%;
    padding-right: 0;
    display: inline;
  }
}
.contract-terms .terms-padding {
  padding-bottom: 30px;
}
@media (max-width: 799px) {
  .contract-terms .terms-padding {
    padding-bottom: 130px;
  }
}
@media (max-width: 799px) {
  .contract-terms {
    padding: 0 20px;
  }
}
.contract-terms h1 {
  color: #222;
  font-size: 34px;
  text-align: center;
  margin: 10px 0 30px;
}
@media (max-width: 799px) {
  .contract-terms h1 {
    font-size: 24px;
  }
}
.contract-terms h2 {
  font-size: 15px;
  margin: 20px 0 10px;
  color: #222;
  font-weight: 700;
}
@media (max-width: 799px) {
  .contract-terms h2 {
    font-size: 12px;
  }
}
.contract-terms p {
  font-size: 12px;
  color: #444444;
}
.contract-terms p .terms-title {
  padding-left: 15px;
}
@media (max-width: 799px) {
  .contract-terms p {
    font-size: 12px;
  }
}
.contract-terms ul,
.contract-terms ol {
  margin: 0 0 10px 15px;
  padding: 0;
}
.contract-terms ul ul,
.contract-terms ol ul {
  margin-top: 5px;
}
.contract-terms ul li::marker,
.contract-terms ol li::marker {
  padding: 0;
}
.contract-terms ul li,
.contract-terms ol li {
  margin-bottom: 5px;
  padding: 0;
}
.contract-terms ol li {
  list-style: decimal;
  color: #444444;
}
@media (max-width: 799px) {
  .contract-terms ol li {
    word-break: break-all;
  }
}
.contract-terms ul li {
  list-style: disc;
}
.contract-terms ul li.title {
  font-weight: 700;
  font-size: 15px;
  color: #222;
  padding-top: 10px;
}
.contract-terms table {
  margin-top: 10px;
  width: 100%;
  border-collapse: collapse;
}
.contract-terms table th,
.contract-terms table td {
  border: 1px solid #ddd;
  font-size: 12px;
  padding: 1px;
}
.contract-terms table th.center,
.contract-terms table td.center {
  text-align: center;
}
.contract-terms table th {
  background: #eee;
  text-align: center;
}
.contract-terms .client-btn {
  border: none;
  background: transparent;
}
.contract-terms.mobile-info .num {
  display: inline-block;
  min-width: 17px;
  vertical-align: top;
  margin-left: -17px;
}
.contract-terms.mobile-info p {
  margin: 0 0 5px;
  padding-left: 17px;
}
.contract-terms.mobile-info ul,
.contract-terms.mobile-info ol {
  margin: 10px 0 10px 20px;
}
.contract-terms.mobile-info ol li {
  list-style: none;
}
.contract-terms.mobile-info ul li {
  list-style: decimal;
}
coupon-list .line-category.coupon {
  height: 43px;
}
@media (max-width: 799px) {
  coupon-list .line-category.coupon {
    height: auto;
  }
}
coupon-list .line-category .coupon .open .arrow {
  left: 81%;
}
coupon-list .line-category .coupon-soldout {
  font-size: 14px;
  font-weight: bold;
}
coupon-list .line-category .coupon-local {
  width: auto;
  left: -222px;
  top: -1px;
}
coupon-list .line-category .coupon-local .open .arrow {
  left: 70%;
}
@media (max-width: 799px) {
  coupon-list .line-category .coupon-local {
    left: 0;
    top: 26px;
  }
  coupon-list .line-category .coupon-local .open .arrow {
    left: inherit;
    right: 97px;
  }
}
coupon-list .local-category {
  min-height: 700px;
}
@media (max-width: 799px) {
  coupon-list .local-category {
    min-height: 1350px;
  }
}
.coupon-card-list {
  margin-bottom: 60px;
}
.coupon-card-list .row {
  margin-left: -5px;
  margin-right: -5px;
}
@media (max-width: 799px) {
  .coupon-card-list .row {
    margin-left: 0;
    margin-right: 0;
  }
  .coupon-card-list .row .split-block {
    margin-bottom: 40px;
  }
}
.new-campaign-card.new-coupon-card .description dt.offer {
  -webkit-line-clamp: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
@media (max-width: 799px) {
  .new-campaign-card.new-coupon-card .description dt.offer {
    padding-top: 0;
    display: block;
  }
}
.new-campaign-card.new-coupon-card .description .sale {
  font-size: 18px;
  font-weight: bold;
  color: #222222;
}
.new-campaign-card.new-coupon-card .description .sale .price {
  font-size: 12px;
  color: #c5c5c5;
  margin-left: 2px;
}
.new-campaign-card.new-coupon-card .description .sale .price .discount {
  font-weight: normal;
}
.new-campaign-card.new-coupon-card .description .sale .price span {
  height: 1px;
  border: solid 1px #c5c5c5;
}
.new-campaign-card.new-coupon-card .description .sale .price strike {
  font-weight: normal;
}
.cnt-line {
  width: 100%;
  height: 1px;
  background: #e5e5e5;
  margin: 18px 0 8px 0;
  display: block;
}
.cnt-line .cnt-inline {
  width: 76.5%;
  height: 1px;
  background: #666666;
}
.cnt-line.coupon.m {
  display: none;
}
.cnt-line.coupon.w {
  display: block;
  height: 2px;
  margin: 15px 0 35px 0;
}
.cnt-line.coupon.w .cnt-inline {
  height: 2px;
  width: 76.5%;
  background: #111;
  margin-bottom: 35px;
}
@media (max-width: 799px) {
  .cnt-line {
    margin: 10px 0 6px;
  }
  .cnt-line .cnt-inline {
    width: 90px;
  }
  .cnt-line.coupon.m {
    height: 2px;
    display: block;
  }
  .cnt-line.coupon.m .cnt-inline {
    height: 2px;
    background: #111;
  }
  .cnt-line.coupon.w {
    display: none;
  }
}
.period.coupon li {
  margin-bottom: 0;
  letter-spacing: -0.2px;
  color: #888;
}
.period.coupon li .cnt {
  color: #222;
}
@media (max-width: 799px) {
  .period.coupon li {
    font-size: 12px;
  }
}
.period.coupon .timer {
  padding-top: 2px;
  padding-bottom: 12px;
  font-size: 24px;
  font-weight: bolder;
  color: #222;
}
@media (max-width: 799px) {
  .period.coupon .timer {
    height: 41px;
    font-size: 16px;
    padding-bottom: 15px;
  }
}
@media (max-width: 799px) {
  .period.coupon {
    margin-right: 140px;
  }
}
.coupon-location dl {
  display: table;
  margin-bottom: 0;
  font-size: 16px;
}
.coupon-location dl:first-child {
  margin-top: 30px;
}
.coupon-location dl dd,
.coupon-location dl dt {
  display: table-cell;
  white-space: pre-wrap;
}
.coupon-location dl dd img,
.coupon-location dl dt img {
  vertical-align: inherit;
  width: auto;
}
.coupon-location dl dt {
  width: 120px;
}
@media (max-width: 799px) {
  .coupon-location dl {
    font-size: 14px;
  }
  .coupon-location dl dt,
  .coupon-location dl dd {
    display: block;
    width: 100%;
    white-space: pre-wrap;
  }
  .coupon-location dl dt {
    margin-bottom: 10px;
  }
}
.coupon-location .btn-wrap {
  margin-left: -10px;
  margin-right: -10px;
}
@media (max-width: 799px) {
  .coupon-location .btn.btn-custom.black {
    display: block;
    width: 100%;
  }
}
.aside-coupon .aside-campaign {
  right: 284px;
  top: 63px;
}
.aside-coupon .aside-campaign div {
  left: 1102px;
}
.aside-coupon .aside-campaign coupon-spyscroll a {
  color: #222;
}
.aside-coupon .aside-campaign coupon-spyscroll a.on,
.aside-coupon .aside-campaign coupon-spyscroll a:hover {
  color: #5c19dd;
}
.form-horizontal.thin .form-group {
  margin-bottom: 10px;
}
.v5-campaign .campaign-detail .campaign-content dl.payment-result > dt,
.v5-campaign .campaign-detail .campaign-content dl.payment-result dd {
  padding: 0;
  color: #888888;
  font-size: 14px;
  line-height: 24px;
}
.v5-campaign .campaign-detail .campaign-content dl.payment-result dt {
  max-width: 80px;
  display: inline-block;
  font-weight: normal;
}
.v5-campaign .campaign-detail .campaign-content dl.payment-result dd {
  width: auto;
  border-bottom: none;
}
.v5-campaign .campaign-detail .campaign-content dl.payment-result.total dt,
.v5-campaign .campaign-detail .campaign-content dl.payment-result.total dd {
  color: #222222;
}
.v5-campaign .campaign-detail .campaign-content dl.payment-result.total dd {
  font-weight: bold;
  color: #5c19dd;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content dl.payment-result dt,
  .v5-campaign .campaign-detail .campaign-content dl.payment-result dd {
    max-width: 80px;
    display: inline-block;
    vertical-align: middle;
  }
}
.v5-campaign .campaign-detail .campaign-content .coupon-con-information dl:first-child {
  margin-top: 15px;
}
.v5-campaign .campaign-detail .campaign-content .coupon-con-information dl.last-information {
  margin-top: 6px;
}
.v5-campaign .campaign-detail .campaign-content .coupon-con-information dl.last-information dd {
  line-height: 24px;
}
.v5-campaign .campaign-detail .campaign-content .coupon-con-information dl dt,
.v5-campaign .campaign-detail .campaign-content .coupon-con-information dl dd {
  padding: 0;
  color: #888888;
  font-size: 14px;
  line-height: 24px;
}
.v5-campaign .campaign-detail .campaign-content .coupon-con-information dl dt {
  max-width: 140px;
  display: inline-block;
  font-weight: normal;
}
.v5-campaign .campaign-detail .campaign-content .coupon-con-information dl dd {
  width: auto;
  border-bottom: none;
  color: #444444;
  line-height: 28px;
}
.v5-campaign .campaign-detail .campaign-content .coupon-con-information dl dd strong {
  display: inline;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content .coupon-con-information dl dt {
    max-width: 100px;
    vertical-align: top;
  }
  .v5-campaign .campaign-detail .campaign-content .coupon-con-information dl dt,
  .v5-campaign .campaign-detail .campaign-content .coupon-con-information dl dd {
    font-size: 12px;
  }
  .v5-campaign .campaign-detail .campaign-content .coupon-con-information dl dd {
    display: inline-block;
    line-height: inherit;
    vertical-align: top;
  }
  .v5-campaign .campaign-detail .campaign-content .coupon-con-information dl dd.fix {
    max-width: 215px;
  }
}
.v5-campaign .campaign-detail .campaign-content .coupon-con-information-mission dl {
  margin-bottom: 8px;
}
.v5-campaign .campaign-detail .campaign-content .coupon-con-information-mission dl:last-child {
  margin-bottom: 0;
}
.v5-campaign .campaign-detail .campaign-content .coupon-con-information-mission dl dt,
.v5-campaign .campaign-detail .campaign-content .coupon-con-information-mission dl dd {
  padding: 0;
  color: #888888;
  font-size: 16px;
  line-height: 24px;
}
.v5-campaign .campaign-detail .campaign-content .coupon-con-information-mission dl dt {
  max-width: 140px;
  display: inline-block;
  font-weight: normal;
}
.v5-campaign .campaign-detail .campaign-content .coupon-con-information-mission dl dd {
  width: auto;
  border-bottom: none;
  color: #444444;
  line-height: 28px;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content .coupon-con-information-mission dl dt {
    max-width: 100px;
    vertical-align: top;
  }
  .v5-campaign .campaign-detail .campaign-content .coupon-con-information-mission dl dt,
  .v5-campaign .campaign-detail .campaign-content .coupon-con-information-mission dl dd {
    font-size: 14px;
  }
  .v5-campaign .campaign-detail .campaign-content .coupon-con-information-mission dl dd {
    display: inline-block;
    line-height: inherit;
    vertical-align: top;
  }
  .v5-campaign .campaign-detail .campaign-content .coupon-con-information-mission dl dd.fix {
    max-width: 215px;
  }
}
.v5-campaign .campaign-detail .campaign-content button.coupon-product-detail {
  width: 120px;
  height: 30px;
  line-height: 28px;
  color: #666666;
  border: 1px solid #dddddd;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  padding: 0;
  margin-top: 15px;
}
.v5-campaign .campaign-detail .campaign-content button.coupon-product-detail i {
  background: url(/assets/img/coupon/ic-more-smaller.svg) right center no-repeat;
  margin-bottom: 1px;
  width: 10px;
  height: 6px;
  display: inline-block;
}
.v5-campaign .campaign-detail .campaign-content button.coupon-product-detail.on {
  border: 1px solid #5c19dd;
  color: #5c19dd;
}
.v5-campaign .campaign-detail .campaign-content button.coupon-product-detail.on i {
  background: url('/assets/img/coupon/ic-more-smaller-on.svg') right center no-repeat;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content button.coupon-product-detail {
    width: 100%;
    height: 38px;
    line-height: 38px;
  }
}
.v5-campaign .campaign-detail .campaign-content .feed-refresh {
  margin-left: auto;
  margin-bottom: 20px;
  border: solid 1px #eeeeee;
  padding: 0 8px 0;
  cursor: pointer;
  text-align: center;
  font-size: 12px;
  line-height: 22px;
  color: #999;
}
.v5-campaign .campaign-detail .campaign-content .feed-refresh:hover {
  color: #666;
  border-color: #999;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content .feed-refresh {
    font-weight: normal;
    margin-bottom: 5px;
    font-size: 11px;
  }
}
.v5-campaign .campaign-detail .campaign-content ul.terms {
  font-size: 12px;
  color: #666666;
}
.v5-campaign .campaign-detail .campaign-content ul.terms li {
  list-style: none;
  margin: 0 0 3px 0px;
}
.v5-campaign .campaign-detail .campaign-content ul.terms .auth-finish {
  color: #999;
}
.v5-campaign .campaign-detail .campaign-content ul.terms .auth-finish > span {
  color: #609BED;
  background: url(/assets/img/mypage/ic-auth-check.svg) left center no-repeat;
  background-size: 13px;
  padding-left: 16px;
}
.v5-campaign .campaign-detail .campaign-content ul.terms .finish {
  color: #f63e2d;
  font-size: 12px;
}
.v5-campaign .campaign-detail .campaign-content .agreement li {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.3px;
}
.v5-campaign .campaign-detail .campaign-content .agreement li.mb-10 {
  margin-bottom: 10px;
}
.v5-campaign .campaign-detail .campaign-content .agreement a {
  color: #9b9b9b;
  font-size: 12px;
  text-decoration: underline;
  margin-left: 25px;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content .agreement a {
    margin-left: 0px;
  }
}
.v5-campaign .campaign-detail .campaign-content .agreement label {
  font-weight: normal;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: -0.3px;
}
.v5-campaign .campaign-detail .campaign-content .agreement input[type="checkbox"] {
  display: none;
}
.v5-campaign .campaign-detail .campaign-content .agreement input[type="checkbox"] + label {
  color: #666666;
  font-weight: 400;
}
.v5-campaign .campaign-detail .campaign-content .agreement input[type="checkbox"]:checked + label {
  color: #222222;
  font-weight: 400;
}
.v5-campaign .campaign-detail .campaign-content .agreement input[type="checkbox"] + label i {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -2px 5px 0 0;
  vertical-align: middle;
  background-image: url(/assets/img/form/new-btns.svg);
  background-position: -19px top;
  background-repeat: no-repeat;
  cursor: pointer;
}
.v5-campaign .campaign-detail .campaign-content .agreement input[type="checkbox"]:checked + label i {
  background-position: left top;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content .agreement {
    margin-top: 20px;
  }
  .v5-campaign .campaign-detail .campaign-content .agreement a {
    padding-left: 0;
  }
  .v5-campaign .campaign-detail .campaign-content .agreement li {
    font-size: 12px;
  }
  .v5-campaign .campaign-detail .campaign-content .agreement li.open {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: 10px;
  }
  .v5-campaign .campaign-detail .campaign-content .agreement li.open > a {
    display: block;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    padding: 10px 0;
    background: url('/assets/img/campaign/ic-toggle-open.svg') right 15px no-repeat;
  }
  .v5-campaign .campaign-detail .campaign-content .agreement li.open .campaign-agree-modal {
    display: none;
  }
  .v5-campaign .campaign-detail .campaign-content .agreement li.open.on {
    background: #f7f7f7;
  }
  .v5-campaign .campaign-detail .campaign-content .agreement li.open.on a {
    background: #fff url('/assets/img/campaign/ic-toggle-close.svg') right 15px no-repeat;
  }
  .v5-campaign .campaign-detail .campaign-content .agreement li.open.on .campaign-agree-modal {
    display: block;
    padding: 20px 10px 10px;
  }
  .v5-campaign .campaign-detail .campaign-content .agreement li.open.on .campaign-agree-modal h2 {
    font-size: 14px;
    border-bottom: none;
    padding-bottom: 0;
  }
  .v5-campaign .campaign-detail .campaign-content .agreement li.open.on .campaign-agree-modal .table-responsive {
    background: #fff;
  }
  .v5-campaign .campaign-detail .campaign-content .agreement li.open.on .campaign-agree-modal .table-responsive th {
    background: #ECECEC;
    width: 50px;
  }
  .v5-campaign .campaign-detail .campaign-content .agreement li.open.on .campaign-agree-modal .table-responsive th,
  .v5-campaign .campaign-detail .campaign-content .agreement li.open.on .campaign-agree-modal .table-responsive td {
    white-space: normal;
    text-align: left;
  }
  .v5-campaign .campaign-detail .campaign-content .agreement li.open.on .campaign-agree-modal .table-responsive ~ hr {
    display: none;
  }
  .v5-campaign .campaign-detail .campaign-content .agreement li.open.on .campaign-agree-modal button {
    display: none;
  }
}
.v5-campaign .campaign-detail .campaign-content.coupon-payment {
  padding-top: 20px;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content.coupon-payment {
    padding-top: 0;
  }
}
.v5-campaign .campaign-detail .campaign-content.coupon-payment > dl:first-child {
  padding-top: 0;
  margin-top: 0;
}
.v5-campaign .campaign-detail .campaign-content.coupon-payment > dl:first-child dt,
.v5-campaign .campaign-detail .campaign-content.coupon-payment > dl:first-child dd {
  padding-top: 0;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content.coupon-payment > dl:first-child {
    padding-top: 15px;
  }
}
.v5-campaign .campaign-detail .campaign-content.coupon-payment dd {
  font-size: 14px;
}
.v5-campaign .campaign-detail .campaign-content.coupon-payment b {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  display: inline-block;
}
.v5-campaign .campaign-detail .campaign-content.coupon-payment b ~ strong.gray {
  font-size: 16px;
  color: #666;
  line-height: 26px;
  font-weight: normal;
}
@media (max-width: 799px) {
  .v5-campaign .campaign-detail .campaign-content.coupon-payment b {
    margin-top: 10px;
  }
}
hr.dotted {
  border-style: dotted;
}
.inline-radio-wrap .design-radio {
  display: inline-block;
  padding-right: 30px;
}
@media (max-width: 799px) {
  .inline-radio-wrap .design-radio {
    display: block;
  }
}
.payment-check h2 {
  padding-bottom: 10px;
  font-weight: bold;
}
@media (max-width: 799px) {
  .payment-check h2 {
    padding-bottom: 0;
  }
}
.payment-check coupon-head-info {
  display: none;
}
@media (max-width: 799px) {
  .payment-check coupon-head-info {
    display: block;
  }
}
@media (max-width: 799px) {
  .period.coupon coupon-head-info {
    display: block;
  }
}
coupon-ticket .campaign-detail,
coupon-order-detail-modal .campaign-detail,
coupon-payment-result .campaign-detail {
  padding-bottom: 80px;
}
coupon-ticket .campaign-detail.none,
coupon-order-detail-modal .campaign-detail.none,
coupon-payment-result .campaign-detail.none {
  padding-bottom: 0px;
}
coupon-ticket .campaign-detail .page,
coupon-order-detail-modal .campaign-detail .page,
coupon-payment-result .campaign-detail .page {
  padding: 15px;
}
coupon-ticket .campaign-detail .page h2,
coupon-order-detail-modal .campaign-detail .page h2,
coupon-payment-result .campaign-detail .page h2 {
  font-size: 18px;
  border-bottom: 1px solid #222;
  padding-bottom: 15px;
}
coupon-ticket .campaign-detail .order-sheet,
coupon-order-detail-modal .campaign-detail .order-sheet,
coupon-payment-result .campaign-detail .order-sheet {
  border-top: 1px solid #eee;
  font-size: 16px;
}
coupon-ticket .campaign-detail .order-sheet.none,
coupon-order-detail-modal .campaign-detail .order-sheet.none,
coupon-payment-result .campaign-detail .order-sheet.none {
  border-top: none;
}
@media (max-width: 799px) {
  coupon-ticket .campaign-detail .order-sheet,
  coupon-order-detail-modal .campaign-detail .order-sheet,
  coupon-payment-result .campaign-detail .order-sheet {
    font-size: 14px;
  }
}
coupon-ticket .campaign-detail .order-sheet p.gray,
coupon-order-detail-modal .campaign-detail .order-sheet p.gray,
coupon-payment-result .campaign-detail .order-sheet p.gray {
  color: #666;
}
coupon-ticket .campaign-detail .order-sheet h3,
coupon-order-detail-modal .campaign-detail .order-sheet h3,
coupon-payment-result .campaign-detail .order-sheet h3 {
  font-size: 16px;
  letter-spacing: -0.45px;
  color: #202020;
  font-weight: bold;
}
@media (max-width: 799px) {
  coupon-ticket .campaign-detail .order-sheet h3,
  coupon-order-detail-modal .campaign-detail .order-sheet h3,
  coupon-payment-result .campaign-detail .order-sheet h3 {
    font-size: 14px;
  }
}
coupon-ticket .campaign-detail .order-sheet strong.navy,
coupon-order-detail-modal .campaign-detail .order-sheet strong.navy,
coupon-payment-result .campaign-detail .order-sheet strong.navy {
  color: #5c19dd;
  font-size: 18px;
  letter-spacing: 0;
}
coupon-ticket .campaign-detail .order-sheet strong.navy ~ span,
coupon-order-detail-modal .campaign-detail .order-sheet strong.navy ~ span,
coupon-payment-result .campaign-detail .order-sheet strong.navy ~ span {
  color: #999;
}
coupon-ticket .campaign-detail .order-sheet > .result-info,
coupon-order-detail-modal .campaign-detail .order-sheet > .result-info,
coupon-payment-result .campaign-detail .order-sheet > .result-info {
  border-bottom: 1px solid #eee;
  padding: 20px 0;
}
coupon-ticket .campaign-detail .order-sheet > .result-info.first,
coupon-order-detail-modal .campaign-detail .order-sheet > .result-info.first,
coupon-payment-result .campaign-detail .order-sheet > .result-info.first {
  padding-top: 10px;
}
coupon-ticket .campaign-detail .order-sheet > .result-info.last,
coupon-order-detail-modal .campaign-detail .order-sheet > .result-info.last,
coupon-payment-result .campaign-detail .order-sheet > .result-info.last {
  width: auto;
}
coupon-ticket .campaign-detail .order-sheet > .result-info.last dl,
coupon-order-detail-modal .campaign-detail .order-sheet > .result-info.last dl,
coupon-payment-result .campaign-detail .order-sheet > .result-info.last dl {
  margin-bottom: 0;
}
coupon-ticket .campaign-detail .order-sheet > .result-info p,
coupon-order-detail-modal .campaign-detail .order-sheet > .result-info p,
coupon-payment-result .campaign-detail .order-sheet > .result-info p {
  margin: 5px 0 20px 0;
}
@media (max-width: 799px) {
  coupon-ticket .campaign-detail .order-sheet > .result-info p,
  coupon-order-detail-modal .campaign-detail .order-sheet > .result-info p,
  coupon-payment-result .campaign-detail .order-sheet > .result-info p {
    font-size: 16px;
  }
}
coupon-ticket .campaign-detail .order-sheet > .result-info h3,
coupon-order-detail-modal .campaign-detail .order-sheet > .result-info h3,
coupon-payment-result .campaign-detail .order-sheet > .result-info h3 {
  margin-bottom: 15px;
}
coupon-ticket .campaign-detail .order-sheet > .result-info dl,
coupon-order-detail-modal .campaign-detail .order-sheet > .result-info dl,
coupon-payment-result .campaign-detail .order-sheet > .result-info dl {
  margin-bottom: 6px;
}
@media (max-width: 799px) {
  coupon-ticket .campaign-detail .order-sheet > .result-info dl,
  coupon-order-detail-modal .campaign-detail .order-sheet > .result-info dl,
  coupon-payment-result .campaign-detail .order-sheet > .result-info dl {
    margin-bottom: 2px;
  }
}
coupon-ticket .campaign-detail .order-sheet > .result-info dt,
coupon-order-detail-modal .campaign-detail .order-sheet > .result-info dt,
coupon-payment-result .campaign-detail .order-sheet > .result-info dt {
  color: #999;
  min-width: 150px;
  display: inline-block;
  padding-top: 0;
  letter-spacing: -0.4px;
  line-height: normal;
  font-weight: normal;
  vertical-align: top;
}
@media (max-width: 799px) {
  coupon-ticket .campaign-detail .order-sheet > .result-info dt,
  coupon-order-detail-modal .campaign-detail .order-sheet > .result-info dt,
  coupon-payment-result .campaign-detail .order-sheet > .result-info dt {
    min-width: 110px;
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    width: 100px;
  }
}
coupon-ticket .campaign-detail .order-sheet > .result-info dd,
coupon-order-detail-modal .campaign-detail .order-sheet > .result-info dd,
coupon-payment-result .campaign-detail .order-sheet > .result-info dd {
  display: inline-block;
  padding: 0;
  border-bottom: 0;
  line-height: 22px;
}
@media (max-width: 799px) {
  coupon-ticket .campaign-detail .order-sheet > .result-info dd,
  coupon-order-detail-modal .campaign-detail .order-sheet > .result-info dd,
  coupon-payment-result .campaign-detail .order-sheet > .result-info dd {
    display: inline-block;
    padding: 0;
    border-bottom: 0;
    width: auto;
  }
}
coupon-ticket .campaign-detail .order-sheet > .result-info dd.fix,
coupon-order-detail-modal .campaign-detail .order-sheet > .result-info dd.fix,
coupon-payment-result .campaign-detail .order-sheet > .result-info dd.fix {
  max-width: 400px;
}
@media (max-width: 799px) {
  coupon-ticket .campaign-detail .order-sheet > .result-info dd.fix,
  coupon-order-detail-modal .campaign-detail .order-sheet > .result-info dd.fix,
  coupon-payment-result .campaign-detail .order-sheet > .result-info dd.fix {
    max-width: 215px;
  }
}
coupon-ticket .campaign-detail .order-sheet .coupon-ticket h3,
coupon-order-detail-modal .campaign-detail .order-sheet .coupon-ticket h3,
coupon-payment-result .campaign-detail .order-sheet .coupon-ticket h3 {
  font-size: 12px;
  letter-spacing: -0.4px;
  color: #222;
  font-weight: bold;
  margin-bottom: 10px;
}
coupon-ticket .campaign-detail .order-sheet .coupon-ticket dl dt,
coupon-order-detail-modal .campaign-detail .order-sheet .coupon-ticket dl dt,
coupon-payment-result .campaign-detail .order-sheet .coupon-ticket dl dt {
  width: 80px;
  font-weight: normal;
  vertical-align: top;
  line-height: 20px;
}
coupon-ticket .campaign-detail .order-sheet .coupon-ticket dl dd,
coupon-order-detail-modal .campaign-detail .order-sheet .coupon-ticket dl dd,
coupon-payment-result .campaign-detail .order-sheet .coupon-ticket dl dd {
  font-size: 14px;
  vertical-align: top;
  max-width: 400px;
}
coupon-ticket .campaign-detail .order-sheet .coupon-ticket .due-date b,
coupon-order-detail-modal .campaign-detail .order-sheet .coupon-ticket .due-date b,
coupon-payment-result .campaign-detail .order-sheet .coupon-ticket .due-date b {
  line-height: 21px;
}
coupon-ticket .campaign-detail .order-sheet .coupon-ticket .mobile-btn,
coupon-order-detail-modal .campaign-detail .order-sheet .coupon-ticket .mobile-btn,
coupon-payment-result .campaign-detail .order-sheet .coupon-ticket .mobile-btn {
  margin-top: 10px;
  margin-bottom: 20px;
}
coupon-ticket .campaign-detail .order-sheet .coupon-ticket .mobile-btn button,
coupon-order-detail-modal .campaign-detail .order-sheet .coupon-ticket .mobile-btn button,
coupon-payment-result .campaign-detail .order-sheet .coupon-ticket .mobile-btn button {
  width: 49%;
  margin: 0;
  height: 40px;
  font-size: 13px;
}
coupon-ticket .campaign-detail .mobile-description,
coupon-order-detail-modal .campaign-detail .mobile-description,
coupon-payment-result .campaign-detail .mobile-description {
  margin: 30px 0;
  line-height: inherit;
  font-size: 20px;
  letter-spacing: -0.33px;
}
coupon-payment-result .campaign-detail .order-sheet > .result-info.last dl {
  margin-bottom: 6px;
}
coupon-payment-result .campaign-detail .campaign-content dl dd {
  width: auto !important;
}
coupon-ticket .campaign-detail {
  padding-bottom: 0px;
}
coupon-order-detail-modal h1 {
  font-size: 26px;
  line-height: 35px;
  letter-spacing: -0.6px;
  font-weight: bold;
}
@media (max-width: 799px) {
  coupon-order-detail-modal h1 {
    font-size: 22px;
  }
}
coupon-order-detail-modal .offer {
  font-size: 18px;
  line-height: 35px;
  letter-spacing: -0.46px;
  display: block;
  font-weight: normal;
}
coupon-order-detail-modal .btn-wrap {
  margin-top: 15px;
}
coupon-order-detail-modal .btn-wrap .btn {
  font-size: 16px;
  height: 48px;
  line-height: 46px;
  padding: 0;
}
@media (max-width: 799px) {
  coupon-order-detail-modal .btn-wrap {
    margin-top: 20px;
    margin-left: -10px;
    margin-right: -10px;
  }
}
coupon-option {
  font-size: 14px;
}
coupon-option .design-select-wrap.mobile.on .design-select {
  border-bottom: none;
}
coupon-option .design-select-wrap.mobile.on .design-select li:first-child {
  border-top: 1px solid #ddd;
}
coupon-option .design-select-wrap.on .design-select li {
  padding: 0 12px;
}
coupon-option .design-select-wrap .design-select li div .sale {
  float: right;
  font-size: 12px;
  color: #999999;
}
coupon-option .design-select-wrap .design-select li div .sold-out {
  float: right;
  font-size: 12px;
}
coupon-location-modal hr {
  border-color: #eee;
}
@media (max-width: 799px) {
  .sort-tab.coupon {
    margin-top: 10px;
  }
}
.dimmed {
  position: relative;
  z-index: 0;
  background: #000;
  opacity: .5;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.dimmed.on {
  position: fixed;
  z-index: 101;
}
.order-head p {
  color: #222222;
  font-size: 20px;
}
@media (max-width: 799px) {
  .order-head {
    margin-top: 0;
    margin-bottom: 15px;
  }
  .order-head p {
    font-size: 14px;
    font-weight: normal;
  }
}
.order-detail {
  padding: 5px !important;
}
.order-detail-header {
  padding-left: 0px !important;
}
.order-detail-header .complete {
  font-size: 26px;
}
.order-detail-header .price {
  font-size: 20px !important;
  color: #5c19dd !important;
  font-weight: bold !important;
}
.order-detail-header .buy-count {
  font-size: 16px !important;
  color: #999999 !important;
  font-weight: normal !important;
}
.confirm-btn {
  margin-top: 15px;
  background: #000;
  color: #fff;
  font-size: 16px;
  width: 240px;
  height: 48px;
  line-height: 34px;
  padding: 0;
}
.inline-btn {
  border: 1px solid #dddddd;
  color: #666;
  letter-spacing: -0.3px;
  font-size: 16px;
  height: 40px;
  width: 133px;
}
.customer-center-header .in-line > div {
  display: inline-block;
}
.customer-center-header .top-content {
  color: #222222;
  padding-top: 40px;
  margin-bottom: 30px;
  display: flex;
  flex-direction: row;
}
@media (max-width: 799px) {
  .customer-center-header .top-content {
    padding-top: 0;
    margin-bottom: 25px;
  }
}
.customer-center-header .top-content .customer-center {
  width: 430px;
  position: relative;
}
@media (max-width: 799px) {
  .customer-center-header .top-content .customer-center {
    width: 100%;
  }
}
.customer-center-header .top-content .customer-center .title {
  font-weight: 700;
  font-size: 28px;
  letter-spacing: -0.4px;
}
.customer-center-header .top-content .customer-center .title a {
  color: #222222;
  text-decoration: none;
}
@media (max-width: 799px) {
  .customer-center-header .top-content .customer-center .title {
    font-size: 20px;
    line-height: 25px;
  }
}
.customer-center-header .top-content .customer-center .inquiry-info {
  position: relative;
  background: #FFFFFF;
  display: block;
  padding: 0;
  margin-top: 15px;
}
.customer-center-header .top-content .customer-center .inquiry-info a {
  color: #222222;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}
@media (max-width: 799px) {
  .customer-center-header .top-content .customer-center .inquiry-info {
    margin-top: 24px;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: -0.52px;
  }
}
.customer-center-header .top-content .customer-center .inquiry-info .inquiry-btn {
  display: inline-block;
  width: 101px;
  height: 34px;
  position: absolute;
  bottom: 0;
  left: 215px;
}
@media (max-width: 799px) {
  .customer-center-header .top-content .customer-center .inquiry-info .inquiry-btn {
    left: inherit;
    right: 0;
    bottom: 4px;
  }
}
.customer-center-header .top-content .customer-center .inquiry-info .inquiry-btn a {
  margin-top: 5px;
  padding: 5px 20px;
  border-radius: 29px !important;
  background: #919BBD;
  color: #FFFFFF;
}
.customer-center-header .top-content .customer-center .inquiry-info .inquiry-btn a:hover {
  background: #5A6281;
}
@media (max-width: 799px) {
  .customer-center-header .top-content .customer-center .inquiry-info .inquiry-btn a {
    margin-top: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.52px;
    color: #FFFFFF;
  }
}
.customer-center-header .top-content .notice {
  padding-left: 26px;
  border-left: 1px solid #EEE;
  height: 106px;
  width: 557px;
}
.customer-center-header .top-content .notice .title {
  font-weight: 500;
  font-size: 20px;
  line-height: 29px;
  letter-spacing: -0.4px;
}
.customer-center-header .top-content .notice .date {
  font-weight: normal;
  font-size: 13px;
}
.customer-center-header .top-content .notice .curious {
  color: #999;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.4px;
  padding-top: 7px;
}
.customer-center-header .top-content .notice .curious .subject {
  word-break: keep-all;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer-center-header .top-content .notice .curious img {
  position: relative;
  top: -1px;
  left: 5px;
}
.customer-center-header .top-content .notice .block {
  display: block;
}
.customer-center-header .top-content .notice .modal-btn {
  margin-top: 20px;
}
.customer-center-header .top-content .notice .modal-btn span {
  cursor: pointer;
  border-radius: 29px;
  border: 1px solid #DDD;
  padding: 4px 17px 5px 15px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: -0.4px;
}
.customer-center-header .top-content .notice .modal-btn span:hover {
  border: 1px solid #999;
}
.customer-center-header .top-content .notice .modal-btn img {
  width: 5px;
  height: 10px;
}
.customer-center-header .top-content .guide-btn {
  cursor: pointer;
  margin-left: auto;
  width: 260px;
  height: 100px;
}
.customer-center-header .top-content .guide-btn img {
  width: 100%;
  height: 100%;
}
.customer-center-header .top-content .guide-btn video {
  width: 100%;
  height: 100%;
}
@media (max-width: 799px) {
  .customer-center-header .top-content .guide-btn.w {
    display: none;
  }
}
.customer-center-header .top-box {
  position: relative;
  min-width: 375px;
}
.customer-center-header .top-box.grid-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 7px;
}
.customer-center-header .top-box.grid-5 .box {
  width: 100%;
  margin: 0 !important;
}
@media (max-width: 799px) {
  .customer-center-header .top-box {
    visibility: hidden;
    height: 121px;
    overflow: hidden;
    margin-right: -15px;
    margin-left: -15px;
  }
  .customer-center-header .top-box.slick-initialized {
    visibility: visible;
  }
  .customer-center-header .top-box .slick-list {
    width: 82%;
    overflow: visible;
  }
}
.customer-center-header .top-box .box {
  cursor: pointer;
  width: 247px;
  height: 215px;
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 30px;
  transition-duration: 0.3s;
}
@media (max-width: 799px) {
  .customer-center-header .top-box .box {
    width: 94%;
    height: 101px;
    padding: 15px 0 0 20px;
    margin-left: 15px;
  }
}
.customer-center-header .top-box .box:hover {
  transform: scale3d(1.05, 1.05, 3);
}
@media (max-width: 799px) {
  .customer-center-header .top-box .box:hover {
    transform: none;
  }
}
.customer-center-header .top-box .box .title {
  font-weight: 400;
  font-size: 28px;
  line-height: 33px;
  color: #4168F2;
}
@media (max-width: 799px) {
  .customer-center-header .top-box .box .title {
    font-size: 16px;
    line-height: 19px;
  }
}
.customer-center-header .top-box .box .subject {
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: -0.2px;
  color: #222222;
  margin: 10px 0;
}
@media (max-width: 799px) {
  .customer-center-header .top-box .box .subject {
    font-size: 13px;
    line-height: 19px;
  }
}
.customer-center-header .top-box .box .content {
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: -0.3px;
  color: #999999;
}
@media (max-width: 799px) {
  .customer-center-header .top-box .box .content {
    display: none;
  }
}
@media (max-width: 799px) {
  .customer-center-header .top-box .box .slick-card {
    margin-left: 10px;
    padding-right: 10px;
  }
}
.customer-center-header .top-box .slick-card:nth-child(2) .box,
.customer-center-header .top-box .slick-card:nth-child(4) .box {
  margin: 0 7px;
}
date-selector {
  position: relative;
}
date-selector .uib-datepicker-popup {
  left: auto !important;
  right: -218px !important;
  margin-top: 10px !important;
  top: 34px !important;
  background-color: #FFFFFF;
  max-height: 500px;
  max-width: 450px;
  /*transition: all 1s cubic-bezier(.04,1.01,.13,1.02);*/
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  display: block;
  position: absolute;
  z-index: 1051;
  overflow: hidden;
  padding-left: 20px;
  padding-right: 20px;
}
date-selector .uib-datepicker-popup .glyphicon-chevron-right:before {
  content: "\E258";
}
date-selector .uib-datepicker-popup .glyphicon-chevron-left:before {
  content: "\E257";
}
date-selector .uib-datepicker-popup.dark {
  background-color: #232228;
}
date-selector .uib-datepicker-popup.dark .glyphicon-chevron-right:before,
date-selector .uib-datepicker-popup.dark .glyphicon-chevron-left:before {
  color: #EEEEEE;
}
date-selector .uib-datepicker-popup.dark .today span {
  color: #8053FF;
  font-weight: 500;
}
date-selector .uib-datepicker-popup.dark .today button.active {
  background-color: #8053FF !important;
}
date-selector .uib-datepicker-popup.dark .today button.active span {
  color: #EEEEEE !important;
}
date-selector .uib-datepicker-popup.dark .uib-close {
  background: #35333F !important;
}
date-selector .uib-datepicker-popup.dark .uib-close.active {
  background: #8053FF !important;
}
date-selector .uib-datepicker-popup.dark .uib-day.selected.active-date.right {
  background-image: linear-gradient(to right, #232228 50%, #35333F 50%);
}
date-selector .uib-datepicker-popup.dark .uib-day.selected.active-date.left {
  background-image: linear-gradient(to right, #35333F 50%, #232228 50%);
}
date-selector .uib-datepicker-popup.dark .uib-day.selected.active-date .text-info {
  color: #EEEEEE;
}
date-selector .uib-datepicker-popup.dark .uib-day.selected .btn {
  background-color: #35333F !important;
  border-color: #35333F;
  color: #EEEEEE;
}
date-selector .uib-datepicker-popup.dark .uib-day.selected .btn.active-date,
date-selector .uib-datepicker-popup.dark .uib-day.selected .btn.btn-info {
  background-color: #8053FF !important;
  color: #EEEEEE !important;
}
date-selector .uib-datepicker-popup.dark table th {
  background: #232228 !important;
}
date-selector .uib-datepicker-popup.dark table th .uib-title {
  color: #EEEEEE !important;
}
date-selector .uib-datepicker-popup.dark table td {
  background-color: #232228;
}
date-selector .uib-datepicker-popup.dark table td.selected {
  background-color: #35333F;
}
date-selector .uib-datepicker-popup.dark table tr {
  border-bottom: 12px solid #232228;
}
date-selector .uib-datepicker-popup.dark table .btn-default {
  background-color: #232228 !important;
  color: #EEEEEE;
}
date-selector .uib-datepicker-popup.dark hr {
  border: 1px solid #46454E !important;
}
@media (max-width: 799px) {
  date-selector .uib-datepicker-popup {
    right: -268px !important;
  }
}
date-selector .datepicker-range .title {
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #222222;
}
date-selector .datepicker-range .datepicker {
  cursor: pointer;
  float: right;
  margin-left: 7px;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #999999;
}
date-selector .datepicker-range .datepicker.on {
  color: #222222;
}
date-selector .datepicker-range-mobile .has-dropdown {
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  color: #222222;
}
@media (max-width: 799px) {
  date-selector .datepicker-range-mobile .has-dropdown {
    line-height: unset;
    padding: 5px 12px;
  }
  date-selector .datepicker-range-mobile .has-dropdown:hover {
    border-color: #dddddd;
  }
  date-selector .datepicker-range-mobile .has-dropdown.on {
    color: #5c19dd !important;
    border-color: #5C19DD;
    font-weight: 400;
  }
}
date-selector .datepicker-range i,
date-selector .datepicker-range-mobile i {
  background: url(/assets/img/category/ic-sort-dark.svg) right center no-repeat;
  display: inline-block;
  padding-left: 10px;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  margin-top: -2px;
}
date-selector .datepicker-range i.on,
date-selector .datepicker-range-mobile i.on {
  background: url(/assets/img/category/ic-sort-on.svg) right center no-repeat;
  transform: rotate(-180deg);
  transform-origin: 60%;
}
date-selector input.input-date {
  min-width: 100px;
}
date-selector .btn-calendar {
  box-shadow: none !important;
  cursor: default;
}
date-selector .uib-close {
  background: #E5E5E5;
  border-radius: 21px;
  color: #FFFFFF;
  border: none;
  line-height: 27px;
  width: 74px;
}
date-selector .uib-close.active {
  background: #222222;
}
date-selector .setMonth {
  padding: 2px 15px 3px;
  border: 1px solid #DDDDDD;
  border-radius: 21px;
  color: #222222;
  background-color: #ffffff;
  font-weight: 400;
}
date-selector .setMonth.active {
  color: #5C19DD;
  background-color: #5C19DD;
  font-weight: 500;
}
date-selector table {
  width: 100%;
}
date-selector thead button {
  border: none !important;
}
date-selector th {
  text-align: center !important;
  background: #FFFFFF !important;
}
date-selector tr {
  border-bottom: 12px solid #ffffff;
}
date-selector td.uib-day:nth-child(7n+1) button span {
  color: red !important;
}
date-selector td button {
  padding: 6px 8px !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
}
date-selector td button:disabled,
date-selector td button:disabled:hover {
  color: #AAA !important;
  background: #EFEFEF !important;
}
date-selector td button:disabled.active,
date-selector td button:disabled:hover.active,
date-selector td button:disabled.active:hover,
date-selector td button:disabled:hover.active:hover {
  color: #a94442 !important;
  background: #AAA !important;
}
date-selector .has-error input.input-date,
date-selector .has-error .btn-calendar {
  background: rgba(255, 0, 0, 0.05) !important;
  border-color: #a94442 !important;
}
date-selector .uib-day .active {
  background-color: #FFFFFF;
}
date-selector .today button.active {
  background-color: #5C19DD !important;
  border-radius: 20px !important;
}
date-selector .today button.active span {
  color: #EEEEEE !important;
}
date-selector .uib-day.selected.active-date.right {
  background-image: linear-gradient(to right, #FFFFFF 50%, #F5F2FF 50%);
}
date-selector .uib-day.selected.active-date.left {
  background-image: linear-gradient(to right, #F5F2FF 50%, #FFFFFF 50%);
}
date-selector .uib-day.selected.active-date .text-info {
  color: #FFFFFF;
}
date-selector .uib-day.selected .btn {
  background-color: #F5F2FF !important;
  border-color: #46b8da;
  border-radius: 20px !important;
  color: #222222;
}
date-selector .uib-day.selected .btn.active-date,
date-selector .uib-day.selected .btn.btn-info {
  background-color: #5C19DD !important;
  color: #EEEEEE;
}
date-selector table {
  margin-bottom: 0px !important;
}
date-selector table th {
  padding: 0px !important;
  color: #999999 !important;
}
date-selector table td {
  padding: 0 7px 0 7px !important;
  border-bottom: none !important;
}
date-selector table td.selected {
  background-color: #F5F2FF;
}
date-selector div {
  outline: none;
}
date-selector .uib-button-bar {
  padding: 2px 10px 15px 0;
  margin-bottom: 25px;
  margin-right: -9px;
}
date-selector .uib-title {
  font-weight: 500;
  font-size: 20px;
  line-height: 29px;
  color: #000000;
}
date-selector hr {
  margin-top: -4px;
  margin-bottom: 12px;
  border-top: 1px solid #E5E5E5;
}
.design-select-wrap {
  height: 40px;
  z-index: 10;
}
.design-select-wrap .form-style {
  max-height: 46px;
  line-height: 42px;
  border: 1px solid #ddd;
  padding: 3px 10px;
  width: 100%;
  cursor: pointer;
}
.design-select-wrap.f14 {
  font-size: 14px;
}
.design-select-wrap.f14.on .design-select {
  max-height: 170px;
}
.design-select-wrap .sm {
  font-size: 14px;
  color: #999;
}
.design-select-wrap .selected {
  max-height: 46px;
  line-height: 42px;
  border: 1px solid #ddd;
  padding: 3px 10px;
  width: 100%;
  cursor: pointer;
  display: inline-block;
  background-color: #fff;
  background-image: url(/assets/img/form/ic-select-arrow.svg);
  background-position: calc(100% - 10px) 16px !important;
  background-repeat: no-repeat;
  line-height: 38px;
  border-radius: 5px;
  color: #333;
}
.design-select-wrap .selected i {
  font-style: inherit;
}
.design-select-wrap .selected.short {
  background: #fff url(/assets/img/form/ic-select-arrow.svg) 93% 16px no-repeat !important;
}
.design-select-wrap .selected.middle {
  background: #fff url(/assets/img/form/ic-select-arrow.svg) 97% 16px no-repeat !important;
  font-size: 14px;
}
.design-select-wrap .selected.long {
  background: #fff url(/assets/img/form/ic-select-arrow.svg) 98% 16px no-repeat !important;
}
.design-select-wrap .selected.long.review {
  padding: 0 20px 0 10px;
}
.design-select-wrap .selected.long.review.none {
  color: #9B9B9B;
}
.design-select-wrap .design-select {
  display: none;
}
.design-select-wrap .disabled {
  color: #c5c5c5;
}
.design-select-wrap.on .selected {
  background-image: url(/assets/img/form/ic-select-arrow-up.svg) !important;
  color: #333;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.design-select-wrap.on .design-select {
  max-height: 46px;
  line-height: 42px;
  border: 1px solid #ddd;
  padding: 3px 10px;
  width: 100%;
  cursor: pointer;
  display: block;
  max-height: 288px;
  border-top: none;
  overflow: auto;
  z-index: 10;
  background: #fff;
  padding: 0;
  position: relative;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.design-select-wrap.on .design-select.review {
  margin-top: -6px;
  max-height: 40px;
  min-height: 84px;
}
.design-select-wrap.on .design-select.options {
  position: absolute;
  min-width: 286px;
  width: 286px;
  max-height: 211px;
  font-size: 14px;
}
@media (max-width: 799px) {
  .design-select-wrap.on .design-select.options {
    width: 100%;
    position: relative;
  }
}
.design-select-wrap.on .design-select li {
  padding: 0 10px;
}
.design-select-wrap.on .design-select li.review {
  width: 598px;
}
@media (max-width: 799px) {
  .design-select-wrap.on .design-select li {
    width: 100%;
  }
}
.design-select-wrap.on .design-select li:hover {
  background: #f8f8f9;
}
.design-select-wrap.options {
  width: 286px;
  font-size: 14px;
}
@media (max-width: 799px) {
  .design-select-wrap.options {
    width: 100%;
  }
}
.design-select-wrap.mobile {
  height: 100%;
}
.design-select-wrap.mobile .selected {
  border: 5px solid #f8f8f8;
  max-height: 50px;
  margin-top: -5px;
}
.design-select-wrap.mobile .selected i {
  display: block;
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 10px;
  border: 1px solid #ddd;
}
.design-select-wrap.mobile.on {
  max-height: 300px;
}
.design-select-wrap.mobile.on .design-select {
  border: none;
}
.design-select-wrap.mobile.on .design-select li:first-child {
  border-top: none !important;
}
.design-select-wrap.mobile.on li {
  padding: 0 15px !important;
}
h4.event-title {
  color: #222222;
  font-size: 26px;
  font-weight: 500;
  margin: 8px 0 30px;
  line-height: 1.4;
}
h4.event-title.thin {
  font-size: 24px;
  font-weight: 300;
}
@media (max-width: 799px) {
  h4.event-title {
    font-weight: normal;
    font-size: 14px;
    margin: 15px 0 0 15px;
    padding: 0;
  }
}
h4.event-title .event-description .description-sub {
  font-size: 16px;
  color: #999;
  font-weight: normal;
  margin-top: 4px;
}
@media (max-width: 799px) {
  h4.event-title .event-description .description-sub {
    font-size: 12px;
  }
}
h4.event-title .count {
  color: #5c19dd;
  font-size: 26px;
}
@media (max-width: 799px) {
  h4.event-title .count {
    font-size: 14px;
  }
}
h4.event-title ~ .panel {
  border-radius: 0;
}
.event-status {
  float: right;
  border: 1px solid #c5c5c5;
  border-radius: 15px;
  padding: 4px 15px;
  font-size: 14px;
  font-weight: normal;
  background: none;
}
.event-status.start {
  border: 1px solid #6236ff;
  color: #6236ff;
}
.event-status.announce {
  border: 1px solid #1a5ae0;
  color: #1a5ae0;
}
@media (max-width: 799px) {
  .event-status {
    font-size: 11px;
  }
}
.event-date {
  float: right;
  font-size: 13px;
  letter-spacing: -0.3px;
  color: #999999;
}
@media (max-width: 799px) {
  .event-date {
    font-size: 11px !important;
  }
}
.event-sub {
  margin-top: 12px;
}
.event-sub .event-date-mb {
  font-size: 13px;
  letter-spacing: -0.3px;
  margin-left: 10px;
  color: #999999;
}
@media (max-width: 799px) {
  .event-sub .event-date-mb {
    font-size: 11px !important;
  }
}
.event-sub .event-status-mb {
  border: 1px solid #c5c5c5;
  border-radius: 15px;
  padding: 4px 15px;
  font-size: 14px;
  font-weight: normal;
  background: none;
}
@media (max-width: 799px) {
  .event-sub .event-status-mb {
    font-size: 11px;
  }
}
.event-items ul {
  margin: 10px 10px 10px 0px;
}
@media (max-width: 799px) {
  .event-items ul {
    margin: 10px;
  }
}
.event-items ul li {
  vertical-align: top;
  width: 33%;
  display: inline-block;
}
@media (max-width: 799px) {
  .event-items ul li {
    width: 50%;
  }
}
.event-items .hr-divider {
  display: flex;
  flex-basis: 100%;
  width: 100%;
  align-items: center;
  padding: 15px 0 15px 0;
  color: rgba(0, 0, 0, 0);
  background-color: #f8f8f9;
}
.event-items .event-item-card {
  position: relative;
  width: 100%;
}
.event-items .event-item-card .fullcover {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 65%;
  z-index: 1;
}
@media (max-width: 799px) {
  .event-items .event-item-card .fullcover {
    height: 55%;
  }
}
.event-items .event-item-card .fullcover.black {
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(17, 17, 17, 0.2);
}
.event-items .event-item-card .card {
  position: relative;
  margin: 10px 20px 0px 0px;
  transition: all 0.4s;
}
@media (max-width: 799px) {
  .event-items .event-item-card .card {
    margin: 5px 5px 0px 5px;
  }
}
.event-items .event-item-card .card a {
  overflow: hidden;
  display: block;
  padding-bottom: 60%;
}
.event-items .event-item-card .card img {
  width: 100%;
  height: 100%;
  position: absolute;
}
@media (max-width: 799px) {
  .event-items .event-item-card .card img {
    height: 100%;
  }
}
.event-items .event-item-card .status {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 30;
  padding: 0 10px;
  height: 27px;
  border-radius: 2px;
  background-color: #1a5ae0;
}
.event-items .event-item-card .status.color {
  background-color: #6236ff;
}
.event-items .event-item-card .status .status-text {
  text-align: center;
  margin-top: 2px;
}
.event-items .event-item-card .status span {
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
}
.event-items .event-item-card .description {
  color: #222;
  padding: 10px 5px 0;
}
.event-items .event-item-card .description .applicant-cnt {
  margin: 15px 0 8px;
  font-size: 11px;
  color: #222222;
}
.event-items .event-item-card .description .applicant-cnt .cnt {
  color: #999;
}
@media (max-width: 799px) {
  .event-items .event-item-card .description .applicant-cnt {
    margin: 12px 0 15px;
  }
}
.event-items .event-item-card .description dl {
  margin-bottom: 0;
}
.event-items .event-item-card .description dt.offer {
  max-width: 100%;
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 799px) {
  .event-items .event-item-card .description dt.offer {
    font-size: 14px;
  }
}
.event-items .event-item-card .description dt.reward {
  font-weight: normal;
  font-size: 12px;
  color: #888;
}
@media (max-width: 799px) {
  .event-items .event-item-card .description dt.reward {
    font-size: 12px;
    margin-top: 3px;
  }
}
@media (max-width: 799px) {
  .event-items .event-item-card .description dt strong {
    font-size: 12px;
  }
}
.event-items .event-item-card .description dt strong:last-child {
  color: #222;
  display: inline-block;
  margin-left: 6px;
}
.event-items .event-item-card .description dt strong:first-child {
  display: inline-block;
  margin-left: 0px;
}
@media (max-width: 799px) {
  .event-items .event-item-card .description dt strong:first-child {
    font-size: 12px;
  }
}
.event-hover a:hover {
  text-decoration: underline;
  color: #666666;
}
.event.dark {
  background: #15141C;
}
.event.dark .event-title {
  color: #eeeeee;
}
.event.dark .event-status-mb {
  color: #b39fff;
  border: 1px solid #b39fff;
}
.event.dark .note-frame {
  border: solid 1px #3b3948;
}
.event.dark .board-footer span a {
  color: #ffffff;
}
.facebook-connect .w {
  display: block;
  padding-left: 0px;
}
.facebook-connect .w img {
  width: 30px;
}
@media (max-width: 799px) {
  .facebook-connect .w {
    display: none;
  }
}
.facebook-connect .m {
  display: none;
}
@media (max-width: 799px) {
  .facebook-connect .m {
    display: block;
  }
}
.facebook-connect hr.w {
  border-color: #EEEEEE;
  margin-top: 30px;
  margin-bottom: 0px;
}
.facebook-connect.faq {
  padding: 0px 25px;
}
@media (max-width: 799px) {
  .facebook-connect.faq {
    padding: 0px;
  }
}
@media (max-width: 799px) {
  .facebook-connect {
    padding: 0px;
  }
}
.facebook-connect .modal-title {
  position: relative;
  top: -1px;
  left: -3px;
}
@media (max-width: 799px) {
  .facebook-connect .modal-title {
    position: relative;
    left: 0px;
  }
}
.facebook-connect button.ok {
  display: inline-block;
  width: 240px;
  height: 48px;
  line-height: 47px;
  background: #000;
  color: #fff;
  font-size: 16px;
  letter-spacing: -0.4px;
  border: none;
  font-weight: 700;
}
@media (max-width: 799px) {
  .facebook-connect button.ok {
    width: 100% !important;
  }
}
.facebook-connect .title {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.2px;
  color: #222222 !important;
  padding-top: 30px;
  padding-bottom: 30px;
}
.facebook-connect .title.main {
  padding-left: 0px !important;
}
.facebook-connect .small-title {
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.2px;
  color: #222222 !important;
  padding-bottom: 10px;
  padding-top: 80px;
}
@media (max-width: 799px) {
  .facebook-connect .small-title {
    padding-top: 0px;
  }
}
.facebook-connect .small-title p {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: -0.2px;
  color: #666666;
  margin-top: 10px;
}
.facebook-connect .small-title p strong {
  font-weight: 700;
}
.facebook-connect .step {
  margin-bottom: 40px;
}
.facebook-connect .step .desc {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #333333;
  margin-left: 22px;
  text-indent: -22px;
  margin-bottom: 14px;
}
.facebook-connect .step p img {
  position: relative;
  top: -2px;
  margin-right: 6px;
}
.facebook-connect video {
  border-radius: 5px;
}
.facebook-connect .faq-item {
  border-top: 0px;
  padding-top: 0px;
  padding-bottom: 20px !important;
}
.facebook-connect .faq-item .question-list {
  border-bottom: 1px solid #EEEEEE;
  padding-top: 15px;
  padding-bottom: 15px;
}
.facebook-connect .faq-item .question-list.on {
  border-bottom: none;
}
@media (max-width: 375px) {
  .facebook-connect .faq-item .question-list:first-child .q-title {
    line-height: 25px;
  }
}
@media (max-width: 364px) {
  .facebook-connect .faq-item .question-list:nth-child(2) .q-title {
    line-height: 25px;
  }
}
.facebook-connect .faq-item .question-list a {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #222222;
}
.facebook-connect .faq-item .question-list a.on {
  color: #6A1CFF;
  font-weight: 500;
}
.facebook-connect .faq-item .question-list a.on .q {
  color: #6A1CFF;
}
.facebook-connect .faq-item .question-list a .q {
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: -0.2px;
  color: #CCCCCC;
}
.facebook-connect .faq-item .question-list a .q-title {
  padding-top: 15px;
  padding-left: 5px;
}
@media (max-width: 799px) {
  .facebook-connect .faq-item .question-list a .q-title {
    font-size: 13px;
  }
}
.facebook-connect .faq-item .question-list a .q-more {
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #999999;
  float: right;
  position: relative;
  top: 2px;
  left: -9px;
}
.facebook-connect .faq-item .question-list a .q-more img {
  top: -1px;
  left: 4px;
  position: relative;
}
.facebook-connect .faq-item .answers {
  padding-bottom: 15px;
  margin-top: -5px;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #666666;
  border-bottom: 1px solid #EEEEEE;
}
.facebook-connect .inquiry {
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #444444;
  cursor: pointer;
  width: 75px;
}
.facebook-connect .inquiry img {
  position: relative;
  left: 1px;
  top: -1px;
}
@media (max-width: 799px) {
  .facebook-connect .inquiry {
    margin-bottom: 50px;
  }
}
.facebook-connect .video {
  background: #EEEFF3;
  border-radius: 5px;
  text-align: center;
}
.facebook-connect .video img {
  width: 350px;
}
@media (max-width: 799px) {
  .facebook-connect .video img {
    width: 100%;
  }
}
.facebook-connect.dark {
  background-color: #232228;
}
.facebook-connect.dark .title,
.facebook-connect.dark .small-title,
.facebook-connect.dark .q-title,
.facebook-connect.dark .modal-title {
  color: #EEEEEE;
}
.facebook-connect.dark .desc {
  color: #EEEEEE;
}
.facebook-connect.dark .q-more {
  color: #999999;
}
.facebook-connect.dark .inquiry {
  color: #A9A9A9;
}
.facebook-connect.dark .question-list {
  border-bottom: 1px solid #2C2B34;
}
.facebook-connect.dark .question-list.on {
  border-bottom: none;
}
.facebook-connect.dark .answers {
  border-bottom: 1px solid #2C2B34;
  color: #808080 !important;
}
.facebook-connect.dark .faq-item .title {
  color: #EEEEEE !important;
}
.facebook-connect.dark .ok {
  background: #8053FF;
}
.facebook-connect.dark .video {
  background: #232228;
}
.facebook-connect.dark .inquiry {
  background-color: #232228 !important;
  border: 1px solid #999999 !important;
  color: #999999 !important;
}
.facebook-connect.dark .question {
  color: #708FFF !important;
}
.facebook-connect .footer {
  margin: 20px 0 10px 0;
}
@media (max-width: 799px) {
  .facebook-connect .footer {
    margin: 0;
  }
}
.facebook-connect .footer {
  text-align: center;
}
.facebook-connect .footer button {
  width: 360px;
}
.facebook-connect #error-instagram {
  background: #FDEDEF;
  border-radius: 5px;
  padding: 20px;
  margin-top: -20px;
  margin-bottom: 15px;
  font-weight: 400;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #FF2C00;
  text-indent: -16px;
  padding-left: 36px;
  display: none;
}
.facebook-connect #error-instagram img {
  width: 12px;
}
.facebook-connect #error-instagram .mobile-error-message {
  margin-top: -25px;
  text-indent: initial;
}
.facebook-connect facebook-id-login-button button {
  margin: 0 auto;
  border: none;
}
.facebook-connect facebook-id-login-button button span span {
  font-size: 0px;
}
.facebook-connect facebook-id-login-button button span span:before {
  content: "\C5F0\ACB0\D558\AE30";
  width: 360px;
  height: 52px;
  background: #222222;
  line-height: 3.3;
  font-weight: 700;
  font-size: 16px;
  color: #ffffff;
}
@media (max-width: 799px) {
  .facebook-connect facebook-id-login-button button span span:before {
    width: 100%;
  }
}
.facebook-connect facebook-id-login-button button span img {
  display: none !important;
}
.facebook-connect.faq .modal-title {
  width: 100%;
  margin-bottom: 40px;
  float: unset;
}
@media (max-width: 799px) {
  .facebook-connect.faq .modal-title {
    font-size: 15px;
    margin-bottom: 20px;
  }
}
.facebook-connect.faq .small-title {
  display: none;
}
.facebook-connect.faq .step:first-child {
  background-color: red;
}
.facebook-connect.faq .step:first-child .desc {
  padding-bottom: 85px;
}
.facebook-connect.faq .faq-item .title {
  padding-left: 0px;
}
.facebook-connect.faq .faq-item dl {
  margin-top: 15px;
}
.facebook-connect.faq .footer {
  margin-bottom: 91px;
}
.facebook-connect.faq .footer button {
  height: 37px;
  float: left;
  border-radius: 3px;
}
.facebook-connect.faq .footer button.ok {
  width: 149px;
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.2px;
}
.facebook-connect.faq .footer .inquiry {
  width: 109px;
  border-radius: 3px;
  background-color: #ffffff;
  border: 1px solid #999999;
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.2px;
  color: #444444;
  margin-left: 7px;
}
.facebook-modal span {
  font-weight: 500;
  color: #5c19dd;
}
.facebook-modal b {
  font-weight: 500;
}
.facebook-modal h3 {
  font-weight: bold;
  padding: 0 0 15px 0;
}
.facebook-modal p.desc-list {
  margin: 25px 0 30px;
}
.facebook-modal.multi-select p.desc {
  color: #222;
}
@media (max-width: 799px) {
  .facebook-modal.multi-select p.desc {
    margin-top: 10px;
    font-size: 12px;
    line-height: 1.67;
  }
}
.facebook-modal.multi-select ul {
  margin: 30px 0;
  text-align: center;
}
.facebook-modal.multi-select ul li {
  width: 120px;
  margin: 15px;
  text-align: center;
  display: inline-block;
}
@media (max-width: 799px) {
  .facebook-modal.multi-select ul li {
    width: 105px;
    margin: 15px 0;
  }
}
.facebook-modal.multi-select ul li img {
  width: 80px;
  height: 80px;
}
@media (max-width: 799px) {
  .facebook-modal.multi-select ul li img {
    width: 70px;
    height: 70px;
  }
}
.facebook-modal.multi-select ul li p {
  margin: 5px 0 0 0;
  font-size: 14px;
  font-weight: normal;
  color: #666;
  letter-spacing: -0.35px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 799px) {
  .facebook-modal.multi-select ul li p {
    font-size: 12px;
  }
}
.facebook-modal.multi-select ul li input[type="radio"] {
  display: none;
}
.facebook-modal.multi-select ul li input[type="radio"]:checked + label:nth-child(n) img {
  border: 3px solid #5c19dd;
}
.facebook-modal.multi-select ul li input[type="radio"]:checked + label:nth-child(n) p {
  font-weight: bold;
  color: #222;
}
.facebook-modal .footer {
  text-align: center;
  margin-bottom: 10px;
}
@media (max-width: 799px) {
  .faq-wrapper > div > div:first-child.faq-item {
    border-top: 0;
  }
}
.faq-wrapper h4.snb-title {
  padding-bottom: 13px;
}
.faq-filter {
  min-height: 86px;
}
@media (max-width: 799px) {
  .faq-filter {
    min-height: 54px;
  }
}
.faq-filter .faq-items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  padding: 20px 0;
}
.faq-filter span {
  border: 1px solid #DDDDDD;
  border-radius: 29px;
  padding: 5px 12px;
  font-weight: 400;
  font-size: 13px;
  text-align: center;
  letter-spacing: -0.6px;
  cursor: pointer;
}
.faq-filter span.active:not(.search),
.faq-filter span:hover:not(.search) {
  border-color: #6A1CFF;
  color: #6A1CFF;
}
@media (max-width: 799px) {
  .faq-filter span {
    padding: 5px 12px;
    letter-spacing: -0.4px;
  }
}
@media (max-width: 799px) {
  .faq-filter {
    position: relative;
    overflow-x: scroll;
    margin-left: -15px;
    margin-right: -15px;
  }
  .faq-filter .faq-items {
    width: 1100px;
    padding-left: 15px;
    position: relative;
    top: 5px;
    flex-wrap: nowrap;
  }
}
.faq-list {
  border-top: 1px solid #222222;
}
.faq-filter::-webkit-scrollbar {
  display: none;
}
.faq-item {
  padding-top: 30px;
}
.faq-item .youtubeHandle {
  height: 500px;
}
@media (max-width: 799px) {
  .faq-item .youtubeHandle {
    height: 100%;
  }
}
.faq-item dl {
  margin: 5px 0 0 0;
}
.faq-item .title {
  font-size: 16px;
  padding-left: 20px;
  font-weight: 700;
  line-height: 23px;
  letter-spacing: -0.2px;
  color: #222222;
}
@media (max-width: 799px) {
  .faq-item .title {
    padding-left: 10px;
  }
}
.faq-item .question {
  background: url('/assets/img/board/ic-arrow-down.svg') right center no-repeat;
  padding: 25px 20px;
  border-bottom: 1px solid #EEEEEE;
  background-position-x: 868px;
  cursor: pointer;
}
@media (max-width: 799px) {
  .faq-item .question {
    padding: 15px 10px;
    background-position-x: 97%;
  }
}
.faq-item .question.on {
  background: url('/assets/img/board/ic-arrow-up.svg') right center no-repeat;
  background-color: #f8f8f9;
  border-bottom: none;
  background-position-x: 868px;
}
@media (max-width: 799px) {
  .faq-item .question.on {
    background-position-x: 97%;
  }
}
.faq-item .question.on .description {
  display: none;
}
.faq-item .question .question-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: -0.2px;
  color: #222222;
}
.faq-item .question .question-title.on,
.faq-item .question .question-title:hover {
  color: #222;
  text-decoration: none;
}
.faq-item .question .question-title.on {
  font-weight: 500;
}
@media (max-width: 799px) {
  .faq-item .question .question-title {
    font-size: 13px;
    width: 90%;
  }
}
.faq-item .question .description {
  height: 20px;
  overflow: hidden;
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.2px;
  color: #888888;
  text-overflow: ellipsis;
  word-break: keep-all;
  white-space: nowrap;
  margin-top: 5px;
}
@media (max-width: 799px) {
  .faq-item .question .description {
    display: none;
  }
}
.faq-item .answer {
  background: #f8f8f9;
  padding: 0px 20px 40px 20px;
  font-size: 14px;
  line-height: 24px;
  border-bottom: 1px solid #EEEEEE;
}
@media (max-width: 799px) {
  .faq-item .answer {
    font-size: 13px;
    padding: 5px 30px 25px 10px;
  }
}
.faq-item .off {
  display: none;
}
.dark .faq-item {
  border-top: 1px solid #262432;
}
.dark .faq-item .title {
  color: #ccc;
}
.dark .faq-item .question {
  border-bottom: 1px solid #262432;
  cursor: pointer;
}
.dark .faq-item .question.on {
  background: url('/assets/img/board/ic-arrow-up-dark.svg') right center no-repeat;
  background-color: #1A191E;
  background-position-x: 97%;
  border-bottom: none;
}
.dark .faq-item .question.on .description {
  display: none;
}
.dark .faq-item .question .question-title {
  color: #eeeeee;
}
.dark .faq-item .question .question-title.on {
  font-weight: 500;
}
.dark .faq-item .answer {
  color: #eeeeee;
  background: #1A191E;
  border-bottom: 1px solid #262432;
}
.error-message {
  margin: 5px 0;
  padding: 0;
  color: #5c19dd;
  display: block;
  line-height: 130%;
}
.error-message * {
  color: #5c19dd;
  font-size: 12px;
  margin: 0 0 3px 0;
  vertical-align: baseline;
  box-sizing: border-box;
}
.error-message * i {
  display: none !important;
}
.error-message i {
  display: none !important;
}
.error-message.contract {
  color: #E23535;
  font-size: 12px;
}
.error-message.resend {
  font-size: 12px;
}
.term-message {
  padding-left: 25px;
  font-size: 12px;
  color: #5c19dd;
  content: '' !important;
}
.form-control[readonly],
.form-control[disabled] {
  background: #f7f7f7;
}
.form-control[type='text'].certification {
  color: #222222;
}
@media (max-width: 799px) {
  .form-control[type='text'].certification:focus {
    border-bottom: 1px solid #222222;
  }
}
.btn-default:active {
  background: none;
  box-shadow: none;
}
.phone-form {
  padding: 0;
}
.phone-form .user-auth-btn {
  width: 86px;
  height: 46px;
  margin-left: -2px;
  padding-left: 0;
  padding-right: 0;
  border-color: #5C19DD;
  color: #FFFFFF;
  background: #5C19DD;
  border-radius: 5px !important;
  font-weight: 500;
}
.phone-form .user-auth-btn.disabled {
  color: #C5C5C5;
  background: #F2F2F2;
  border-color: #F2F2F2;
  pointer-events: none;
}
.phone-form .user-auth-btn.showing {
  opacity: 1;
  pointer-events: all;
}
@media (max-width: 799px) {
  .phone-form .user-auth-btn {
    position: absolute;
    top: 6px;
    right: 4px;
    vertical-align: top;
    margin-left: -4px;
    text-align: center;
    font-size: 12px;
    width: 64px;
    height: 30px;
    line-height: 0;
  }
  .phone-form .user-auth-btn.m-mypage {
    right: 10px;
  }
}
.phone-form .m-auth-success {
  color: #999;
  font-size: 12px;
  font-weight: 400;
  padding: 5px 10px;
}
.phone-form .auth-finish {
  color: #999999;
}
.phone-form .auth-finish > span {
  color: #609BED;
  background: url(/assets/img/mypage/ic-auth-check.svg) left center no-repeat;
  background-size: 13px;
  padding-left: 16px;
}
@media (max-width: 799px) {
  .phone-form .auth-finish {
    position: absolute;
    top: 16px;
    right: 10px;
  }
}
.phone-form .auth-finish.nice {
  font-size: 12px;
  font-weight: 500;
  margin-top: 2px;
}
@media (max-width: 799px) {
  .phone-form .auth-finish.nice {
    position: unset;
  }
}
@media (max-width: 799px) {
  .phone-form .finish {
    font-weight: 500;
    font-size: 12px;
    color: #609BED;
  }
}
.phone-form.btn-step2-area {
  margin-top: 20px;
  position: relative;
}
@media (max-width: 799px) {
  .phone-form.btn-step2-area {
    margin-top: 15px;
  }
}
.phone-form.btn-step2-area .mobile-input-box-step2 {
  width: 100%;
  display: inline-block;
  padding: 0;
  border-top: 0px !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-radius: 0px !important;
}
.phone-form.btn-step2-area .user-auth-timer {
  position: absolute;
  top: 10px;
  right: 25px;
  color: #666666;
  font-size: 14px;
}
.phone-form.btn-step2-area .user-auth-timer.campaign {
  right: 325px;
}
@media (max-width: 799px) {
  .phone-form.btn-step2-area .user-auth-timer {
    top: 10px;
    right: 80px !important;
  }
}
.phone-form .mobile-feedback-btn button {
  width: 25%;
  height: 40px;
  margin-top: -4px;
  margin-left: -4px;
  padding: 0;
  letter-spacing: -0.3px;
  font-size: 12px;
}
.phone-form .div-tel-wrap {
  margin-left: 10px;
  float: left;
}
@media (max-width: 799px) {
  .phone-form .div-tel-wrap {
    width: 95%;
    display: flex;
    flex-direction: column;
    position: relative;
  }
}
.phone-form .div-tel-wrap-mypage .retry {
  padding-left: 0px;
  padding-right: 6px;
}
@media (max-width: 799px) {
  .phone-form .div-tel-wrap-mypage .retry {
    padding-right: 0px;
    margin-top: 0px;
  }
}
@media (max-width: 799px) {
  .phone-form .div-tel-wrap-mypage {
    display: flex;
    flex-direction: column;
    position: relative;
  }
}
@media (max-width: 799px) {
  .phone-form .div-tel-wrap-mypage .retry-btn {
    position: absolute;
    right: 5px;
    top: -2px;
  }
}
.phone-form .campaign-auth-input {
  width: 300px;
  height: 46px;
  border-radius: 5px !important;
  border: 1px solid #DDD;
  background: #FFF;
  float: left;
  margin-right: 10px;
}
.phone-form .campaign-auth-input::placeholder {
  color: #C5C5C5;
  font-size: 14px;
  font-weight: 400;
}
@media (max-width: 799px) {
  .phone-form .campaign-auth-input {
    width: 100%;
    border-bottom: 1px solid #ddd;
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0px !important;
    padding-left: 0px;
    font-size: 15px;
    color: #222222;
  }
}
.phone-form .m-auth-error {
  margin-top: 5px;
}
.phone-form .auth-error {
  color: #f63e2d;
  font-size: 12px !important;
  font-weight: 400 !important;
  margin-top: 5px;
}
.form-address > * {
  margin-bottom: 5px;
}
.form-address > *:last-child {
  margin-bottom: 0;
}
.campaign-address {
  margin-left: -10px;
  margin-right: -10px;
}
.campaign-address label {
  font-weight: normal;
  font-size: 14px;
}
.campaign-address .address li {
  display: inline-block;
  margin-right: 20px;
}
.campaign-address .address li label {
  color: #666;
}
.campaign-address .delivery-message {
  padding-left: 14px;
  padding-top: 5px;
}
.campaign-address .delivery-message.padding-none {
  padding-left: 0px;
}
.campaign-address .delivery-message ul li::marker {
  font-size: 3px;
}
.campaign-address .delivery-message ul li {
  white-space: nowrap;
  font-size: 12px;
  list-style: disc;
  margin: 5px 0;
  padding: 0;
  color: #5c19dd;
  line-height: 18px;
}
.campaign-address .delivery-message ul li.marker-none {
  list-style: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group .form-control {
  display: table-cell;
}
.input-group .input-group-btn {
  display: table-cell;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  cursor: pointer;
  background-image: none;
  border: none;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.42857143;
  height: 36px;
  margin-top: -1px;
}
.input-group .input-group-btn button {
  border-color: #ddd;
}
.input-group .input-group-btn .coupon-btn {
  margin-left: 0px;
}
.guide {
  background: silver;
}
.guide a:hover,
.guide a:visited,
.guide a:link,
.guide a:active {
  text-decoration: none;
}
.guide p {
  margin: 0;
}
.guide .slick-prev:before,
.guide .slick-next:before {
  content: '' !important;
}
.guide .slick-dots li button:before {
  opacity: 1;
  color: #444;
}
.guide .slick-dots li.slick-active button:before {
  color: #888;
}
@media (max-width: 799px) {
  .guide .slick-next,
  .guide .slick-prev {
    top: 60%;
  }
  .guide .slick-next {
    right: 10px;
  }
  .guide .slick-next img {
    width: 16px;
  }
  .guide .slick-prev {
    left: 10px;
  }
  .guide .slick-prev img {
    width: 16px;
  }
}
.guide {
  background: #fff;
  padding-top: 60px;
}
@media (max-width: 799px) {
  .guide {
    padding-top: 30px;
    overflow-x: hidden;
  }
}
.guide section {
  text-align: center;
}
.guide section h2 {
  font-size: 45px;
  font-weight: 600;
}
.guide section h3 {
  font-size: 50px;
  font-weight: 600;
}
.guide section h4 {
  font-size: 26px;
}
.guide section hr {
  width: 50px;
  border-top: 3px solid #7f3bff;
  margin: 45px auto 10px;
}
.guide section a.guide-btn {
  display: inline-block;
  width: 400px;
  height: 60px;
  border: 1px solid #666666;
  line-height: 60px;
  margin: 40px 0 120px;
  font-size: 18px;
  color: #000000;
  transition: .3s all;
}
.guide section a.guide-btn:hover {
  background: #000;
  color: #fff;
}
@media (max-width: 799px) {
  .guide section a.guide-btn {
    width: 270px;
    height: 44px;
    margin: 20px 0 50px;
    line-height: 44px;
    font-size: 14px;
  }
}
.guide section p {
  font-size: 14px;
  color: #999;
}
@media (max-width: 799px) {
  .guide section .pc {
    display: none;
  }
}
.guide section .mobile {
  display: none;
}
@media (max-width: 799px) {
  .guide section .mobile {
    display: block;
    margin: 0 auto;
  }
}
@media (max-width: 799px) {
  .guide section .mobile-block {
    display: block;
  }
}
@media (max-width: 799px) {
  .guide section h2 {
    font-size: 26px;
  }
  .guide section h3 {
    font-size: 28px;
  }
  .guide section h4 {
    font-size: 20px;
  }
  .guide section hr {
    width: 30px;
    border-top: 2px solid #7f3bff;
    margin: 30px auto 5px;
  }
}
.guide section:nth-child(1) {
  text-align: left;
  margin-bottom: 90px;
}
.guide section:nth-child(1) h1 {
  font-size: 52px;
  color: #000;
  font-weight: normal;
  line-height: 140%;
}
.guide section:nth-child(1) h1 strong {
  font-size: 62px;
  color: #5c19dd;
}
@media (max-width: 799px) {
  .guide section:nth-child(1) {
    margin-bottom: 30px;
  }
  .guide section:nth-child(1) h1 {
    padding-left: 10px;
    font-size: 30px;
  }
  .guide section:nth-child(1) h1 strong {
    font-size: 48px;
  }
}
.guide nav {
  margin-top: 40px;
}
.guide nav li {
  padding: 0;
}
.guide nav li a {
  display: block;
  height: 340px;
  padding: 35px;
  background-size: 180px 147px;
  background-repeat: no-repeat;
  background-position: 35px 85%;
  border-right: 1px solid #EEEEEE;
  color: #000000;
  line-height: 125%;
  font-size: 34px;
}
.guide nav li.on a,
.guide nav li:hover a {
  color: #222;
  font-weight: bold;
}
.guide nav li.on a {
  -webkit-box-shadow: -1px 2px 39px 3px #a6a6a6;
  -moz-box-shadow: -1px 2px 39px 3px #a6a6a6;
  box-shadow: -1px 2px 39px 3px #a6a6a6;
}
.guide nav li:nth-child(1) a {
  border-left: 1px solid #EEEEEE;
  background-image: url(/assets/img/guide/menu/ic-serviceguide-menu1.svg);
}
.guide nav li:nth-child(1):hover a,
.guide nav li:nth-child(1).on a {
  background-image: url(/assets/img/guide/menu/ic-serviceguide-menu1-on.svg);
}
.guide nav li:nth-child(2) a {
  background-image: url(/assets/img/guide/menu/ic-serviceguide-menu2.svg);
}
.guide nav li:nth-child(2):hover a,
.guide nav li:nth-child(2).on a {
  background-image: url(/assets/img/guide/menu/ic-serviceguide-menu2-on.svg);
}
.guide nav li:nth-child(3) a {
  background-image: url(/assets/img/guide/menu/ic-serviceguide-menu3.svg);
}
.guide nav li:nth-child(3):hover a,
.guide nav li:nth-child(3).on a {
  background-image: url(/assets/img/guide/menu/ic-serviceguide-menu3-on.svg);
}
.guide nav li:nth-child(4) a {
  background-image: url(/assets/img/guide/menu/ic-serviceguide-menu4.svg);
}
.guide nav li:nth-child(4):hover a,
.guide nav li:nth-child(4).on a {
  background-image: url(/assets/img/guide/menu/ic-serviceguide-menu4-on.svg);
}
@media (max-width: 799px) {
  .guide nav li a {
    background-image: none !important;
    height: auto;
    border-right: 1px solid #F1F1F1;
    color: #000000;
    padding: 0 0 0 10px;
    font-size: 14px;
  }
  .guide nav li:nth-child(1) a {
    border-left: 1px solid #eee;
  }
  .guide nav li:hover a,
  .guide nav li.on a {
    background-image: none !important;
    box-shadow: none;
  }
}
.guide section.campaign h2,
.guide section.system h2 {
  color: #fff;
}
.guide section.campaign h3,
.guide section.system h3 {
  color: #7f3bff;
  letter-spacing: -1.54px;
  font-weight: normal;
}
.guide section.campaign h4,
.guide section.system h4 {
  margin-top: 20px;
  color: #fff;
  font-weight: normal;
}
.guide section.campaign p,
.guide section.system p {
  margin-top: 20px;
}
.guide section.campaign {
  padding: 100px 0 120px;
  background: url(/assets/img/guide/bg/bg-serviceguide-blur.jpg) no-repeat center center;
  background-size: cover;
}
.guide section.campaign img.pc {
  max-width: 1012px;
  margin: 30px auto 0;
}
@media (max-width: 799px) {
  .guide section.campaign {
    padding: 40px 0 60px;
    background: url(/assets/img/guide/bg/bg-serviceguide-blur-m.jpg) no-repeat center center;
  }
  .guide section.campaign p {
    font-size: 11px;
  }
  .guide section.campaign img.mobile {
    display: block;
    margin: 0 auto;
    width: 320px;
  }
}
.guide section.application .slider img.mobile {
  max-width: 220px;
}
.guide section.community {
  padding: 100px 0 0;
}
.guide section.community h2 {
  color: #000;
}
.guide section.community p {
  font-size: 16px;
  margin-top: 25px;
  color: #666;
}
.guide section.community img.pc {
  margin-top: 80px;
  max-width: 100%;
}
.guide section.community .img-wrap {
  background: url(/assets/img/guide/img-community.png) no-repeat center;
  height: 840px;
}
@media (max-width: 799px) {
  .guide section.community {
    padding: 40px 0 0;
  }
  .guide section.community p {
    font-size: 12px;
    margin-bottom: 20px;
  }
  .guide section.community .img-wrap {
    background: none;
    height: auto;
  }
  .guide section.community .img-wrap img {
    max-width: 100%;
  }
}
.guide section.system {
  padding: 100px 0 120px;
  background: #1F1F1F url(/assets/img/guide/bg/bg-serviceguide-circle.svg) no-repeat center 415px;
  background-size: 680px;
  width: 100%;
}
.guide section.system p {
  margin-bottom: 103px;
}
.guide section.system .slider img.pc {
  max-width: 1115px;
  margin: 0 auto;
}
.guide section.system .slider img.mobile {
  width: 190px;
}
@media (max-width: 799px) {
  .guide section.system {
    padding: 40px 0 60px;
    background-image: url(/assets/img/guide/bg/bg-serviceguide-circle.svg);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center 70%;
  }
  .guide section.system p {
    margin-bottom: 0px;
    font-size: 11px;
  }
}
.guide section.get-widget,
.guide section.standard,
.guide section.membership,
.guide section.announce {
  background: #F8F8F9;
  padding: 100px 0 150px;
  color: #000;
}
.guide section.get-widget p,
.guide section.standard p,
.guide section.membership p,
.guide section.announce p {
  margin: 25px 0 84px;
}
.guide section.get-widget img,
.guide section.standard img,
.guide section.membership img,
.guide section.announce img {
  max-width: 984px;
  width: 100%;
}
@media (max-width: 799px) {
  .guide section.get-widget,
  .guide section.standard,
  .guide section.membership,
  .guide section.announce {
    padding: 40px 0 50px;
  }
  .guide section.get-widget p,
  .guide section.standard p,
  .guide section.membership p,
  .guide section.announce p {
    margin-bottom: 50px;
    font-size: 12px;
  }
  .guide section.get-widget img,
  .guide section.standard img,
  .guide section.membership img,
  .guide section.announce img {
    width: 325px;
  }
}
.guide section.announce p {
  font-size: 16px;
  color: #666;
}
@media (max-width: 799px) {
  .guide section.announce p {
    margin-bottom: 20px;
    color: #666666;
    font-size: 12px;
  }
}
.guide section.upload-review {
  background: #1F1F1F url(/assets/img/guide/bg/bg-serviceguide-circle.svg) no-repeat center 414px;
  background-size: 600px;
}
.guide section.upload-review p {
  margin-bottom: 60px;
}
@media (max-width: 799px) {
  .guide section.upload-review {
    background-position: center 81%;
    background-size: 275px;
  }
  .guide section.upload-review p {
    margin-bottom: 20px;
  }
  .guide section.upload-review .slider img.mobile {
    margin-top: 0px;
    width: 100%;
    max-width: 325px;
  }
}
.guide section.membership {
  background: url(/assets/img/guide/bg/bg-membership.jpg) no-repeat center;
  padding-bottom: 200px;
}
.guide section.membership h2 {
  color: #fff;
}
.guide section.membership p {
  font-size: 16px;
  margin-bottom: 130px;
}
.guide section.membership img {
  max-width: 876px;
}
@media (max-width: 799px) {
  .guide section.membership {
    background: url(/assets/img/guide/bg/bg-membership-m.jpg) no-repeat center;
    background-size: cover;
    padding-bottom: 50px;
  }
  .guide section.membership h2 {
    color: #fff;
  }
  .guide section.membership p {
    font-size: 12px;
    margin-bottom: 50px;
  }
}
.guide section.standard {
  background: #fff;
}
.guide section.standard h2 {
  color: #000000;
}
.guide section.standard p {
  font-size: 16px;
  color: #666;
  margin-bottom: 0;
}
.guide section.standard .pc {
  width: 1000px;
}
@media (max-width: 799px) {
  .guide section.standard p {
    font-size: 12px;
  }
}
.guide section.premier {
  padding: 100px 0 80px;
  background: url(/assets/img/guide/bg/bg-serviceguide-blur-premier.jpg) no-repeat center;
}
.guide section.premier h2,
.guide section.premier p {
  color: #fff;
}
.guide section.premier p {
  margin-top: 20px;
  color: #ccc;
}
.guide section.premier .pc {
  width: 100%;
  max-width: 1000px;
}
.guide section.premier a {
  margin-bottom: 60px;
  color: #fff;
  border-color: #fff;
}
.guide section.premier a:hover {
  background: #fff;
  color: #000;
}
@media (max-width: 799px) {
  .guide section.premier {
    padding: 40px 0 50px;
    background: url(/assets/img/guide/bg/bg-serviceguide-blur-premier-m.jpg) no-repeat center;
  }
  .guide section.premier img {
    max-width: 325px;
  }
  .guide section.premier p {
    font-size: 12px;
    line-height: 160%;
  }
  .guide section.premier a {
    margin-bottom: 50px;
  }
}
.guide section.widget {
  background-image: none;
  overflow-x: hidden;
}
.guide section.widget .bg {
  background: url(/assets/img/guide/bg/bg-serviceguide-circle.svg) no-repeat center 90%;
  background-size: 580px;
  padding-top: 60px;
}
.guide section.widget .row > div {
  padding-top: 80px;
}
.guide section.widget h1 {
  color: #fff;
  margin-bottom: 40px;
}
.guide section.widget p {
  font-size: 16px;
  margin: 25px 0 70px;
}
.guide section.widget ol {
  padding-left: 0;
}
.guide section.widget li {
  display: table;
  counter-increment: item;
  color: #fff;
  font-size: 15px;
}
.guide section.widget li::before {
  background: url(/assets/img/guide/ic-dote.svg) no-repeat 18px 40px;
  padding-bottom: 30px;
  content: '0' counter(item);
  display: table-cell;
  font-size: 30px;
  color: #5c19dd;
  width: 50px;
}
.guide section.widget li > span {
  display: table-cell;
  vertical-align: sub;
  font-size: 15px;
  color: #ddd;
}
.guide section.widget li:nth-child(4)::before {
  vertical-align: baseline;
  background: none;
}
@media (max-width: 799px) {
  .guide section.widget .bg {
    background-size: 276px;
  }
  .guide section.widget .row > div {
    padding-top: 10px;
  }
  .guide section.widget p {
    margin-bottom: 50px;
    font-size: 12px;
  }
  .guide section.widget img.mobile {
    width: 100%;
    max-width: 335px;
  }
  .guide section.widget .row > div:last-child {
    padding-top: 10px;
    margin-left: 30px;
  }
  .guide section.widget .row > div:last-child h1 {
    font-size: 23px;
    margin-bottom: 10px;
  }
  .guide section.widget .row > div:last-child li {
    margin-right: 30px;
    font-size: 12px;
  }
  .guide section.widget .row > div:last-child li:before {
    padding-bottom: 15px;
    background-position: 12px 25px;
    width: 34px;
    font-size: 20px;
  }
  .guide section.widget .row > div:last-child li:nth-child(4):before {
    vertical-align: sub;
  }
  .guide section.widget .row > div:last-child li > span {
    font-size: 12px;
  }
}
.guide section.get-widget {
  background: #fff;
  color: #000;
}
.guide section.get-widget .container {
  width: 1044px;
}
.guide section.get-widget p {
  color: #666;
  font-size: 16px;
  margin-bottom: 110px;
}
.guide section.get-widget .pc img {
  width: auto;
}
.guide section.get-widget .select-widget {
  float: none;
  display: inline-block;
}
.guide section.get-widget li {
  padding-left: 0;
  cursor: pointer;
  border-right: 1px solid #eee;
  padding-bottom: 18px;
}
.guide section.get-widget li img {
  transition: all,.4s;
}
.guide section.get-widget li .selected {
  display: none;
  position: absolute;
  bottom: -26px;
  right: -26px;
  background: url(/assets/img/guide/widget/ic-select-widget.svg) no-repeat right bottom;
  background-size: 90px;
  width: 90px;
  height: 90px;
}
.guide section.get-widget li:hover img {
  -ms-transform: scale(1.1);
  /* IE 9 */
  -webkit-transform: scale(1.1);
  /* Safari */
  transform: scale(1.1);
}
.guide section.get-widget li.on {
  box-shadow: inset 0 0 0 4px #5c19dd;
}
.guide section.get-widget li.on .selected {
  display: block;
  z-index: 100;
}
.guide section.get-widget li:last-child {
  border-right: none;
}
.guide section.get-widget .not-login li {
  pointer-events: none;
}
.guide section.get-widget .premier-noti {
  margin-top: 70px;
  display: none;
}
.guide section.get-widget .premier-noti.on {
  display: block;
}
.guide section.get-widget .premier-noti .con {
  border: 1px solid #D7D7D7;
  padding: 30px;
  color: #000;
}
.guide section.get-widget .premier-noti strong {
  font-size: 16px;
  margin-bottom: 20px;
}
.guide section.get-widget .premier-noti p {
  margin: 0;
  font-size: 14px;
  color: #666;
}
.guide section.get-widget .premier-noti p:nth-child(1) {
  font-size: 16px;
  color: #000;
  margin-bottom: 20px;
}
.guide section.get-widget textarea {
  background: #F1F1F1;
  border: none;
  padding: 30px;
}
.guide section.get-widget label {
  display: block;
  margin: 70px 0 20px;
  font-size: 16px;
  text-align: left;
}
@media (max-width: 799px) {
  .guide section.get-widget .container {
    width: 100%;
  }
  .guide section.get-widget p {
    font-size: 12px;
  }
  .guide section.get-widget .mobile p {
    margin: 40px auto 0;
    border: 1px solid #eee;
    max-width: 335px;
    line-height: 50px;
    height: 50px;
  }
}
.new-header {
  width: 100%;
  background: #FFFFFF;
}
.new-header .nh-inner {
  width: 1280px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.new-header .nh-util {
  height: 35px;
  border-bottom: 1px solid #EEEEEE;
}
.new-header .nh-util .nh-inner {
  justify-content: space-between;
  height: 100%;
}
.new-header .nh-notice {
  display: flex;
  align-items: center;
  gap: 12px;
}
.new-header .nh-notice-label-wrap {
  position: relative;
  flex-shrink: 0;
}
.new-header .nh-notice-label {
  font-family: 'Pretendard';
  font-size: 13px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
}
.new-header .nh-notice-badge {
  position: absolute;
  top: -2px;
  right: -8px;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #E73333;
}
.new-header .nh-notice-text {
  font-family: 'Pretendard';
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #666666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 480px;
}
.new-header .nh-util-nav {
  display: flex;
  align-items: center;
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.new-header .nh-util-nav a {
  font-family: 'Pretendard';
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  color: #333333;
  text-decoration: none;
}
.new-header .nh-util-nav a:hover {
  color: #222222;
}
.new-header .nh-main {
  height: 75px;
}
.new-header .nh-main .nh-inner {
  justify-content: space-between;
  height: 100%;
}
.new-header .nh-brand {
  display: flex;
  align-items: center;
  gap: 25px;
}
.new-header .nh-logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.new-header .nh-search-wrap {
  position: relative;
  width: 300px;
  flex-shrink: 0;
  border: 1px solid #DDDDDD;
  border-radius: 999px;
  background: #FFFFFF;
}
.new-header .nh-search-wrap.is-open {
  border-color: #999999;
  border-bottom-color: transparent;
  border-radius: 20px 20px 0 0;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  z-index: 200;
}
.new-header .nh-search-wrap.is-open .nh-search-form {
  border-bottom: 1px solid #EEEEEE;
}
.new-header .nh-search-wrap.is-open .nh-search-layer {
  max-height: 420px;
  padding-bottom: 15px;
  visibility: visible;
}
.new-header .nh-search-form {
  position: relative;
  width: 100%;
  background: transparent;
  border: none;
  overflow: visible;
}
.new-header .nh-search-input {
  font-family: 'Pretendard';
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  width: 100%;
  height: 42px;
  padding: 0 44px 0 16px;
  border: none;
  background: transparent;
  color: #222222;
  outline: none;
  box-sizing: border-box;
}
.new-header .nh-search-input:focus {
  border-radius: 20px;
}
.new-header .nh-search-input::placeholder {
  color: #999999;
}
.new-header .nh-search-btn {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.new-header .nh-search-btn img {
  width: 22px;
  height: 22px;
  display: block;
}
.new-header .nh-search-layer {
  position: absolute;
  top: 100%;
  left: -1px;
  right: -1px;
  background: #FFFFFF;
  border: 1px solid #999999;
  border-top: none;
  border-radius: 0 0 20px 20px;
  padding: 0 15px;
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  z-index: 200;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
}
.new-header .nh-search-popular-title {
  font-family: 'Pretendard';
  font-size: 13px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #333333;
  margin: 0 0 10px;
  padding-top: 25px;
}
.new-header .nh-search-popular-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.new-header .nh-search-popular-item {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 7px 5px;
  border-radius: 5px;
  text-decoration: none;
  background: #FFFFFF;
  cursor: pointer;
}
.new-header .nh-search-popular-item:hover {
  background: #F8F8F9;
}
.new-header .nh-search-rank {
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  color: #5C19DD;
  width: 15px;
  flex-shrink: 0;
}
.new-header .nh-search-keyword {
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.new-header .nh-user-area {
  display: flex;
  align-items: center;
  gap: 8px;
}
.new-header .nh-login-prompt {
  font-family: 'Pretendard';
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  display: inline-flex;
  align-items: center;
  height: 42px;
  padding: 0 20px;
  border-radius: 999px;
  background: #F8F8F9;
  color: #999999;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
}
.new-header .nh-login-prompt:hover {
  background: #F6F6F6;
}
.new-header .nh-avatar {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  object-fit: cover;
  display: block;
  flex-shrink: 0;
}
.new-header .nh-nick {
  font-family: 'Pretendard';
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
  white-space: nowrap;
}
.new-header .nh-my-btn {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  padding: 4px 20px 4px 5px;
  border: 1px solid #DDDDDD;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
  flex-shrink: 0;
}
.new-header .nh-my-profile {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.new-header .nh-my-profile arrow-icon {
  display: flex;
  align-items: center;
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s;
}
.new-header .nh-my-profile arrow-icon.is-open {
  transform: rotate(180deg);
}
.new-header .nh-my-sep {
  width: 1px;
  height: 22px;
  background: #DDDDDD;
  flex-shrink: 0;
}
.new-header .nh-my-noti {
  position: relative;
  display: inline-flex;
  align-items: center;
  z-index: 1000;
}
.new-header .nh-my-noti-dot {
  position: absolute;
  top: -3px;
  right: -2px;
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: #E73333;
}
.new-header .nh-ai-btn {
  cursor: pointer;
}
.new-header .nh-ai-btn-wrap {
  position: relative;
  flex-shrink: 0;
}
.new-header .nh-chat-popup {
  position: fixed !important;
  top: 110px !important;
  right: 40px !important;
  width: 450px !important;
  min-height: 200px !important;
  max-height: 742px !important;
  overflow: hidden !important;
  background-color: #F0EFFA !important;
  border-radius: 18px !important;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.8);
  visibility: hidden;
  opacity: 0;
  transform: translateY(-20px);
  will-change: transform, opacity;
  z-index: 9999999;
}
.new-header .nh-chat-popup.open {
  visibility: visible;
  animation: nhChatFadeIn 400ms cubic-bezier(0.36, 0, 0, 1) forwards;
}
@keyframes nhChatFadeIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.new-header .nh-ai-tooltip {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  filter: drop-shadow(0 4px 7.5px rgba(0, 0, 0, 0.2));
  z-index: 100;
  white-space: nowrap;
}
.new-header .nh-ai-tooltip-arrow {
  width: 0;
  height: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-bottom: 8px solid rgba(30, 30, 30, 0.95);
  margin-right: 12px;
}
.new-header .nh-ai-tooltip-box {
  background: rgba(30, 30, 30, 0.95);
  border-radius: 8px;
  padding: 10px 15px;
  display: flex;
  align-items: flex-start;
  gap: 15px;
}
.new-header .nh-ai-tooltip-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.new-header .nh-ai-tooltip-title {
  font-family: 'Pretendard';
  font-size: 13px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #FFFFFF;
  margin: 0;
  line-height: 1.5;
}
.new-header .nh-ai-tooltip-sub {
  font-family: 'Pretendard';
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.005em;
  text-transform: none;
  text-decoration: none;
  color: #FFFFFF;
  letter-spacing: -0.5px;
  margin: 0;
}
.new-header .nh-ai-tooltip-close {
  background: transparent;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  padding: 0;
  width: 10px;
  height: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1;
  flex-shrink: 0;
  margin-top: 2px;
}
.new-header .nh-user-area {
  position: relative;
}
.new-header .nh-nav {
  height: 56px;
  border-bottom: 1px solid #DDDDDD;
  position: relative;
}
.new-header .nh-nav .nh-inner {
  height: 100%;
  align-items: center;
  gap: 30px;
}
.new-header .nh-hamburger-area {
  align-self: stretch;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.new-header .nh-hamburger {
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.new-header .nh-hamburger img {
  width: 24px;
  height: 24px;
  display: block;
}
.new-header .nh-main-nav,
.new-header .nh-sub-nav {
  display: flex;
  align-items: stretch;
  height: 100%;
}
.new-header .nh-main-nav ul,
.new-header .nh-sub-nav ul {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 35px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.new-header .nh-main-nav li,
.new-header .nh-sub-nav li {
  height: 100%;
  display: flex;
  align-items: center;
}
.new-header .nh-main-nav {
  padding-left: 5px;
}
.new-header .nh-main-nav a {
  font-family: 'Pretendard';
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  color: #222222;
  text-decoration: none;
  height: 100%;
  display: flex;
  align-items: center;
  border-bottom: 4px solid transparent;
}
.new-header .nh-main-nav a.is-active {
  border-bottom-color: #222222;
}
.new-header .nh-sub-nav a {
  font-family: 'Pretendard';
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  color: #222222;
  text-decoration: none;
  height: 100%;
  display: flex;
  align-items: center;
  border-bottom: 4px solid transparent;
}
.new-header .nh-sub-nav a.is-active {
  border-bottom-color: #222222;
}
.new-header .nh-nav-divider {
  width: 1px;
  height: 16px;
  background: #DDDDDD;
  flex-shrink: 0;
}
.new-header .nh-noti-backdrop {
  position: fixed;
  inset: 0;
  z-index: 999;
  background: transparent;
  pointer-events: none;
}
.new-header .nh-noti-backdrop.is-active {
  pointer-events: auto;
}
.new-header .nh-noti {
  position: absolute;
  top: 100%;
  right: 58px;
  width: 450px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 25px;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  padding: 25px 20px 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s linear 0.25s;
}
.new-header .nh-noti arrow-icon,
.new-header .nh-noti revu-icon,
.new-header .nh-noti common-icon,
.new-header .nh-noti none-icon {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.new-header .nh-noti.is-open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s;
}
.new-header .nh-noti.has-more {
  padding-bottom: 0;
}
.new-header .nh-noti-header {
  display: flex;
  align-items: center;
  gap: 6px;
  padding-bottom: 15px;
  border-bottom: 1px solid #EEEEEE;
}
.new-header .nh-noti-title {
  font-family: 'Pretendard';
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
}
.new-header .nh-noti-count {
  font-family: 'Pretendard';
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  color: #5C19DD;
  margin-right: auto;
}
.new-header .nh-noti-all {
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  color: #333333;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
}
.new-header .nh-noti-empty {
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.new-header .nh-noti-empty span {
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  color: #999999;
}
.new-header .nh-noti-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.new-header .nh-noti-item {
  border-bottom: 1px solid #EEEEEE;
}
.new-header .nh-noti-item-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 15px;
  text-decoration: none;
}
.new-header .nh-noti-item-link:hover .nh-noti-content {
  color: #222222;
}
.new-header .nh-noti-icon-wrap {
  width: 45px;
  height: 45px;
  border-radius: 12px;
  background: #f6f8fb;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.new-header .nh-noti-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.new-header .nh-noti-content {
  font-family: 'Pretendard';
  font-size: 15px;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  color: #333333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.new-header .nh-noti-more {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 50px;
  margin-top: -20px;
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  color: #222222;
  text-decoration: none;
}
.new-header .nh-category {
  position: absolute;
  top: 100%;
  left: calc(50% - 640px);
  display: flex;
  background: #FFFFFF;
  border-radius: 25px;
  box-shadow: 0 4px 7.5px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s linear 0.25s;
}
.new-header .nh-hamburger-area:hover .nh-category {
  opacity: 1;
  visibility: visible;
  transform: translateY(1px);
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s;
}
.new-header .nh-category-col {
  width: 200px;
  height: 512px;
  padding: 30px;
  flex-shrink: 0;
  border-right: 1px solid #EEEEEE;
  box-sizing: border-box;
}
.new-header .nh-category-col:last-child {
  border-right: none;
}
.new-header .nh-category-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.new-header .nh-category-item a {
  font-family: 'Pretendard';
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  color: #222222;
  text-decoration: none;
  display: block;
}
.new-header .nh-category-item a:hover {
  font-family: 'Pretendard';
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #5C19DD;
}
.new-header .nh-category-item a.is-active {
  font-family: 'Pretendard';
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #5C19DD;
}
.new-header .nh-category-item.is-heading a {
  font-family: 'Pretendard';
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
}
.new-header .nh-category-col--etc {
  width: 260px;
  height: 512px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  box-sizing: border-box;
  border-right: none;
}
.new-header .nh-category-event {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-shrink: 0;
}
.new-header .nh-category-event-banner {
  display: block;
  width: 200px;
  height: 115px;
  border-radius: 8px;
  overflow: hidden;
  background: #F8F8F9;
}
.new-header .nh-category-event-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.new-header .nh-category-event-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.new-header .nh-category-event-title {
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
  margin: 0;
}
.new-header .nh-category-event-sub {
  font-family: 'Pretendard';
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #999999;
  margin: 0;
}
.new-header .nh-category-etc-list {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-top: 20px;
  border-top: 1px solid #EEEEEE;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.new-header .nh-category-etc-list a {
  font-family: 'Pretendard';
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  color: #222222;
  text-decoration: none;
  display: block;
}
.new-header .nh-category-etc-list a:hover {
  font-family: 'Pretendard';
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #5C19DD;
}
.new-header-mobile .mh-search-form {
  position: relative;
  width: 100%;
  height: 56px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 16px;
  box-sizing: border-box;
  background: #FFFFFF;
  border-bottom: 1px solid #DDDDDD;
  z-index: 101;
}
.new-header-mobile .mh-search-form form {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  margin: 0;
}
.new-header-mobile .mh-search-form input {
  flex: 1;
  min-width: 0;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  font-family: 'Pretendard';
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
}
.new-header-mobile .mh-search-form input:focus {
  background: none !important;
  outline: none;
}
.new-header-mobile .mh-search-form input::placeholder {
  color: #999999;
}
.new-header-mobile .mh-search-form .mh-search-form-submit,
.new-header-mobile .mh-search-form .mh-search-form-close {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
}
.new-header-mobile .mh-home {
  position: relative;
  padding: 20px 15px 15px 15px;
  background: #FFFFFF;
}
.new-header-mobile .mh-home.is-searching {
  padding: 0;
}
.new-header-mobile .mh-home.is-searching .mh-home-top,
.new-header-mobile .mh-home.is-searching .mh-home-actions {
  display: none;
}
.new-header-mobile .mh-home-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.new-header-mobile .mh-greeting .mh-greeting-l1 {
  font-family: 'Pretendard';
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
  margin: 0;
}
.new-header-mobile .mh-greeting .mh-greeting-l2 {
  font-family: 'Pretendard';
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
  margin: 4px 0 0;
}
.new-header-mobile .mh-search-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
}
.new-header-mobile .mh-home-actions {
  display: flex;
  gap: 7px;
  margin-top: 17px;
}
.new-header-mobile .mh-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 37px;
  padding: 0 20px;
  border-radius: 999px;
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  box-sizing: border-box;
}
.new-header-mobile .mh-pill-line {
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  color: #222222;
}
.new-header-mobile .mh-pill-solid {
  background: #222222;
  border: 1px solid #222222;
  color: #FFFFFF;
}
.new-header-mobile .mh-biz-wrap {
  position: relative;
}
.new-header-mobile .mh-biz-tooltip {
  position: absolute;
  top: calc(100% + 4px);
  right: -70px;
  z-index: 20;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.new-header-mobile .mh-biz-tooltip__arrow {
  display: flex;
  padding-left: 25px;
}
.new-header-mobile .mh-biz-tooltip__arrow::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-bottom: 8px solid rgba(30, 30, 30, 0.95);
}
.new-header-mobile .mh-biz-tooltip__box {
  display: flex;
  gap: 15px;
  align-items: flex-start;
  background: rgba(30, 30, 30, 0.95);
  border-radius: 8px;
  padding: 10px 15px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
}
.new-header-mobile .mh-biz-tooltip__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.new-header-mobile .mh-biz-tooltip__title {
  font-family: 'Pretendard';
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.005em;
  text-transform: none;
  text-decoration: none;
  color: #FFFFFF;
  margin: 0;
}
.new-header-mobile .mh-biz-tooltip__sub {
  font-family: 'Pretendard';
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.005em;
  text-transform: none;
  text-decoration: none;
  color: #FFFFFF;
  margin: 0;
}
.new-header-mobile .mh-biz-tooltip__close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 3px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  position: relative;
}
.new-header-mobile .top {
  position: relative;
  z-index: 1000;
  height: 46px;
  width: 100%;
  margin: 0;
  padding: 0;
  color: #222222;
}
.new-header-mobile .top h1 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 46px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Pretendard';
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
  background: #FFFFFF;
  border-bottom: 1px solid #DDDDDD;
  box-sizing: border-box;
}
.new-header-mobile .top h1 .mobile-history-back {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}
.new-header-mobile .top h1 .mobile-history-back:focus {
  outline: none;
}
.new-header-mobile .top h1 .header-revu-logo {
  display: flex;
  align-items: center;
}
.new-header-mobile .top .mobile-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  height: 46px;
  padding: 0;
  margin: 0;
  background: none;
  border: 0;
  box-shadow: none;
  z-index: 1001;
  font-family: 'Pretendard';
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
}
.new-header-mobile .top .mobile-button.left {
  left: 12px;
}
.new-header-mobile .top .mobile-button.right {
  right: 12px;
}
.new-header-mobile .top .mobile-button.mobile-btn-alarm.right {
  right: 52px;
}
.new-header-mobile .top .mobile-button.type1 {
  top: 50%;
  transform: translateY(-50%);
  height: 30px;
  padding: 0 17px;
  border: 1px solid #5c19dd;
  border-radius: 999px !important;
  font-family: 'Pretendard';
  font-size: 13px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #5c19dd;
}
.new-header-mobile .top .mobile-button.type2 {
  top: 50%;
  transform: translateY(-50%);
  height: 26px;
  padding: 0 9px;
  border: 1px solid #DDDDDD;
  border-radius: 999px !important;
  font-family: 'Pretendard';
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #333333;
}
.new-header-mobile .top .mobile-button.action {
  top: 50%;
  transform: translateY(-50%);
  height: 32px;
  padding: 0 17px;
  border: 1px solid #CCCCCC;
  border-radius: 5px !important;
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
}
.new-header-mobile .top .mobile-button.action.btn-message {
  height: 26px;
  padding: 0 9px;
  border: 1px solid #DDDDDD;
  border-radius: 999px !important;
  font-family: 'Pretendard';
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #333333;
}
.new-header-mobile .top .mobile-button .msg-cnt {
  display: inline-block;
  position: absolute;
  top: 6px;
  right: 2px;
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: #E73333;
}
.new-header-mobile .top .mobile-button .mobile-setting-icon {
  display: block;
  width: 28px;
  height: 28px;
  background: url(/assets/img/mypage/ic-setting.svg) no-repeat center / contain;
}
.new-header-mobile .top .mobile-button .mobile-alarm-icon {
  display: block;
  width: 28px;
  height: 28px;
  background: url(/assets/img/mypage/ic-alarm.svg) no-repeat center / contain;
}
.new-header-mobile .top .mh-search-form {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1100;
}
.new-header-mobile .top.top-search {
  height: 56px;
}
.new-header-mobile .top.top-search h1 {
  height: 56px;
  justify-content: flex-start;
  gap: 12px;
  padding: 0 16px;
}
.new-header-mobile .top .mh-top-search-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
.new-header-mobile .top.is-searching {
  height: 56px;
}
.new-header-mobile .top.is-searching h1,
.new-header-mobile .top.is-searching feedback-button,
.new-header-mobile .top.is-searching .mobile-button {
  display: none;
}
.new-header-mobile .mh-app-popup {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.new-header-mobile .mh-app-popup-dim {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
}
.new-header-mobile .mh-app-popup-panel {
  position: relative;
  width: 312px;
  max-width: calc(100% - 40px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.new-header-mobile .mh-app-popup-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 28px;
}
.new-header-mobile .mh-app-popup-title {
  font-family: 'Pretendard';
  font-size: 28px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.03em;
  text-transform: none;
  text-decoration: none;
  color: #FFFFFF;
  margin: 0;
}
.new-header-mobile .mh-app-popup-sub {
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  color: #ccc;
  margin: 0;
}
.new-header-mobile .mh-app-popup-image-btn {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
.new-header-mobile .mh-app-popup-image {
  display: block;
  width: 100%;
  height: auto;
}
.new-header-mobile .mh-app-popup-dismiss {
  padding: 0;
  background: none;
  border: 0;
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #FFFFFF;
  cursor: pointer;
}
#toast-password.toast {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -60%);
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  padding: 20px 80px;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 500;
  z-index: 99999;
  display: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .25s ease, transform .25s ease, visibility .25s ease;
}
@media (max-width: 799px) {
  #toast-password.toast {
    top: 50px;
    padding: 20px 60px;
    font-size: 14px;
    width: 216px;
    letter-spacing: -0.3px;
  }
}
#toast-password.toast.active {
  display: block;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(-50%);
}
header.post {
  height: 60px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid #d4d4d4;
  background: #fff;
  z-index: 10;
  position: relative;
}
header.post .logo {
  display: inline-block;
  margin-top: 16px;
}
header.post .logo img {
  max-width: 120px;
}
header.post .author {
  text-align: right;
  position: relative;
  padding-right: 50px;
  padding-top: 15px;
}
header.post .author img.avatar {
  position: absolute;
  top: 10px;
  right: 0;
  width: 40px;
  height: 40px;
  border-radius: 100rem;
}
header.post .author .nickname,
header.post .author .date {
  height: 16px;
  line-height: 16px;
}
header.post .author .nickname {
  color: #5c19dd;
  font-size: 12px;
  text-align: right;
}
header.post .author .date {
  color: #888;
  font-size: 11px;
  text-align: right;
}
.help-board-item {
  border-bottom: 1px solid #eee;
  clear: both;
  font-size: 14px;
}
.help-board-item:first-child {
  border-bottom: 1px solid #222222;
}
@media (max-width: 799px) {
  .help-board-item:first-child {
    border-bottom: none;
  }
}
.help-board-item:hover {
  background: #fafbfb;
}
@media (max-width: 799px) {
  .help-board-item {
    border-top: 0;
  }
}
.help-board-item.inquiry {
  padding: 25px 0 30px;
}
@media (max-width: 799px) {
  .help-board-item.inquiry {
    padding: 20px 0 20px;
  }
}
.help-board-item.inquiry:first-child {
  border-bottom: 1px solid #eee;
}
.help-board-item.inquiry.view {
  border-bottom: none;
  padding-top: 25px;
}
.help-board-item.inquiry.view .title {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.2px;
  color: #222222;
  padding: 0px 0px 5px 0px;
}
@media (max-width: 799px) {
  .help-board-item.inquiry.view .title {
    font-size: 14px;
  }
  .help-board-item.inquiry.view .title .non-campaign {
    position: relative;
    top: 6px;
  }
}
.help-board-item.inquiry.view .title .campaign-item {
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.2px;
  color: #666666;
}
@media (max-width: 799px) {
  .help-board-item.inquiry.view .title .campaign-item {
    font-size: 12px;
  }
}
.help-board-item.inquiry.view .date {
  padding: 0px 10px 0 0;
  position: relative;
  top: -33px;
}
div.help-board-item:hover {
  background: none;
}
.help-board-item a {
  color: #666;
}
.help-board-item a.link {
  display: block;
  width: 100%;
  height: 100%;
}
.help-board-item div {
  padding: 15px 0;
}
.help-board-item div.num {
  float: left;
  width: 60px;
  text-align: center;
}
@media (max-width: 767px) {
  .help-board-item div.num {
    display: none;
  }
}
.help-board-item div.avatar {
  float: left;
  padding: 6px 16px 0 16px;
}
@media (max-width: 767px) {
  .help-board-item div.avatar {
    display: none;
  }
}
.help-board-item div.status {
  float: left;
  width: 80px;
  text-align: center;
  padding: 0px;
}
@media (max-width: 799px) {
  .help-board-item div.status {
    min-height: 90px;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    width: 57px;
  }
  .help-board-item div.status.inquiry.view {
    min-height: 43px;
  }
}
.help-board-item div.status div {
  color: #fff;
  text-align: center;
  border-radius: 2px;
  height: 50px;
  width: 50px;
  font-size: 12px;
  line-height: 15px;
  padding: 9px;
}
.help-board-item div.status div.complete {
  background: #1081FA;
  border-radius: 100px;
  color: #FFFFFF;
}
.help-board-item div.status div.new {
  border: 1px solid #CCCCCC;
  border-radius: 100px;
  color: #999999;
}
.help-board-item div.status div.work {
  border: 1px solid #444444;
  border-radius: 100px;
  color: #444444;
}
.help-board-item div.status div.wait {
  border: 1px solid #1081FA;
  border-radius: 100px;
  color: #1081FA;
}
@media (max-width: 799px) {
  .help-board-item div.status div {
    height: 42px;
    width: 42px;
    font-size: 10px;
    line-height: 12px;
  }
}
.help-board-item div.title {
  float: left;
  font-size: 14px;
  max-width: 84.5%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.help-board-item div.title.notice {
  padding: 30px 0 0 0;
}
.help-board-item div.title.inquiry {
  float: none;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  color: #222222;
  padding: 0px;
}
@media (max-width: 799px) {
  .help-board-item div.title.inquiry {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.2px;
    max-width: 87%;
  }
  .help-board-item div.title.inquiry.view {
    text-overflow: unset;
    white-space: unset;
    overflow: unset;
  }
}
.help-board-item div.title .prefix {
  color: #5c19dd;
  font-size: 18px;
}
.help-board-item div.title .prefix.list {
  font-size: 15px;
}
@media (max-width: 799px) {
  .help-board-item div.title .prefix {
    font-size: 13px;
  }
}
.help-board-item div.title .subject {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #222222;
}
.help-board-item div.title .subject.list {
  font-size: 15px;
}
@media (max-width: 799px) {
  .help-board-item div.title .subject {
    font-size: 14px;
    line-height: 19px;
  }
}
.help-board-item div.title .subject.view {
  font-weight: 500;
}
@media (max-width: 799px) {
  .help-board-item div.title .subject.view {
    font-weight: 500;
    font-size: 14px;
  }
}
.help-board-item div.title .comment {
  color: #5c19dd;
}
@media (max-width: 799px) {
  .help-board-item div.title {
    max-width: 400px;
  }
}
@media (max-width: 767px) {
  .help-board-item div.title {
    padding-left: 10px;
    max-width: 98%;
  }
  .help-board-item div.title.view {
    padding-left: 0px;
    padding-top: 30px;
  }
}
.help-board-item div.campaign {
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: #666666;
  padding: 5px 0 0 0;
}
@media (max-width: 799px) {
  .help-board-item div.campaign {
    padding: 3px 0 0px 0;
    font-size: 11px;
  }
}
.help-board-item div.preview {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.4px;
  height: 40px;
  text-overflow: ellipsis;
  word-break: keep-all;
  overflow: hidden;
  padding: 10px 0 0 0;
  color: #999;
}
@media (max-width: 799px) {
  .help-board-item div.preview {
    font-size: 12px;
  }
}
.help-board-item div.preview img {
  display: none;
}
.help-board-item div.preview.inquiry {
  height: 28px;
  width: 74%;
  white-space: nowrap;
}
@media (max-width: 799px) {
  .help-board-item div.preview.inquiry {
    min-width: 200px;
    width: auto;
  }
}
@media (max-width: 799px) {
  .help-board-item div.preview {
    display: none;
  }
  .help-board-item div.preview.inquiry {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}
.help-board-item div.with-item {
  margin-top: -10px;
}
.help-board-item div.date {
  float: right;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  text-align: right;
  color: #999999;
  padding: 28px 10px 0 0;
}
@media (max-width: 799px) {
  .help-board-item div.date {
    display: none;
  }
}
.help-board-item div.date.inquiry {
  padding: 0px 10px 0 0;
  position: relative;
  top: -23px;
}
.help-board-item div.mobile-date {
  padding: 5px 0 0 0;
  font-weight: 400;
  font-size: 11px;
  line-height: 16px;
  color: #999999;
  display: none;
}
.help-board-item div.mobile-date.inquiry {
  padding: 10px 0 0 0;
}
@media (max-width: 799px) {
  .help-board-item div.mobile-date {
    display: block;
  }
}
.help-board-item div.view-count {
  float: right;
  text-align: center;
  min-width: 60px;
  font-size: 1.3rem;
  color: #9d9d9d;
}
.help-board-item div.view-count .num {
  color: #707070;
}
@media (max-width: 767px) {
  .help-board-item div.view-count {
    display: none;
  }
}
.help-board-item div.comment-count {
  float: right;
  text-align: center;
  font-size: 1.3rem;
  padding: 16px;
}
.help-board-item div.comment-count .num {
  color: #5c19dd;
}
@media (max-width: 799px) {
  .help-board-item div.comment-count {
    display: none;
  }
}
.select-field {
  padding: 20px 0 10px 0 !important;
}
.select-field.selected-field {
  padding: 20px 0 20px 0 !important;
}
.select-field-inquiry {
  width: 23.7%;
  padding-right: 0;
}
.not-inquiry {
  margin: 100px 0;
}
.help-board {
  clear: both;
}
.help-board.footer {
  text-align: center;
  margin: 30px 0 0 0;
  border: none;
}
.help-board.footer a {
  color: #909090;
  text-decoration: none;
}
.help-board.footer a:hover {
  font-weight: 700;
  color: #5c19dd;
}
.help-board.dark .help-inquiry-item .campaign-item {
  color: #aaaaaa;
}
.help-board.dark .help-inquiry-item .content.answer {
  background: #1A191E;
  border-bottom: none;
}
.help-board.dark .help-inquiry-item .content p {
  color: #eeeeee;
}
.help-board.dark .help-inquiry-item .content.incomplete {
  border-bottom: 1px solid #262432 !important;
}
.help-board.dark .help-inquiry-item .management {
  color: #262432 !important;
}
.help-board.dark .help-inquiry-item .management a {
  color: #999999;
}
.help-board.notice .preview {
  height: 28px !important;
}
.help-board.notice .title {
  padding: 25px 0 !important;
}
@media (max-width: 799px) {
  .help-board.notice .title {
    padding: 15px 0 !important;
  }
}
@media (max-width: 799px) {
  .help-board.inquiry,
  .help-board.notice {
    border-top: 1px solid #222222;
  }
  .help-board.inquiry.webview,
  .help-board.notice.webview {
    border-top: none !important;
  }
  .help-board.notice .subject.list,
  .help-board.notice .prefix.list {
    font-size: 13px !important;
  }
}
.help-inquiry-item {
  position: relative;
}
.help-inquiry-item .title {
  position: absolute;
  top: 50%;
  left: 22px;
  margin-top: -25px;
  font-size: 35px;
  color: #f06e6e;
}
.help-inquiry-item .title.question {
  color: #79d0a8;
}
.help-inquiry-item .title.answer {
  color: #f06e6e;
}
@media (max-width: 767px) {
  .help-inquiry-item .title {
    left: 15px;
  }
}
.help-inquiry-item .content {
  padding: 40px 25px 40px 0;
  word-break: break-all;
}
.help-inquiry-item .content img {
  max-width: 100%;
}
@media (max-width: 767px) {
  .help-inquiry-item .content {
    padding: 5px 0px 40px;
  }
}
.help-inquiry-item .content .content-item {
  padding-bottom: 15px;
}
.help-inquiry-item .content .content-item li {
  list-style: disc;
  margin-left: 15px;
}
.help-inquiry-item .content.answer {
  background-color: #F8F8F9;
  border-bottom: 1px solid #EEEEEE;
  padding: 30px 40px;
}
@media (max-width: 799px) {
  .help-inquiry-item .content.answer {
    padding: 30px 15px;
  }
}
.help-inquiry-item .content.incomplete {
  border-bottom: 1px solid #EEEEEE;
  padding: 5px 0px 15px;
}
.help-inquiry-item .user-agent {
  margin-top: 30px;
  font-size: 12px;
}
.help-inquiry-item .management {
  color: #dddddd;
}
.help-inquiry-item .management a {
  color: #909090;
  text-decoration: none;
}
@media (max-width: 799px) {
  .help-inquiry-item .management a {
    color: #666666;
    font-size: 12px;
  }
}
.help-inquiry-item .management a:hover {
  font-weight: 700;
}
.help-inquiry-item .help-board a {
  color: #909090;
  text-decoration: none;
}
.help-inquiry-item .help-board a:hover {
  font-weight: 700;
  color: #5c19dd;
}
.webview-submit {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  text-align: right;
  padding: 10px;
}
.webview-submit .mobile-button {
  display: inline-block;
  height: 30px;
  line-height: (45px/1.5)-2;
  text-align: center;
  font-size: 18px;
  padding: 0;
  background: none;
  border: 0;
  z-index: 11;
  color: #666;
  box-shadow: none;
  margin: 0px 15px 0 10px;
}
.webview-submit .mobile-button.type1 {
  border: 1px solid #5c19dd;
  font-size: 13px;
  font-weight: bold;
  padding: 0 17px;
  border-radius: 100rem !important;
  color: #5c19dd;
}
.webview-submit .mobile-button.type2 {
  border: 1px solid #d2d2d2;
  font-size: 12px;
  padding: 0 9px;
  border-radius: 100rem !important;
  color: #333;
  height: 26px;
  line-height: 26px;
  font-weight: normal;
  top: 1px;
}
.webview-submit .mobile-button.left {
  left: 0;
}
.webview-submit .mobile-button.right {
  right: 0;
}
.webview-submit .mobile-button-board {
  background: #222;
  color: #fff;
  width: 100%;
  border-radius: 0;
  height: 48px;
  line-height: 46px;
  font-size: 16px;
  display: block;
  border: none;
  padding: 0;
  margin: 10px 0;
  font-weight: bold;
}
.webview-submit .mobile-button-board.type1 {
  font-size: 13px;
  font-weight: bold;
  padding: 0 17px;
}
.webview-submit .mobile-button-board.type2 {
  border: 1px solid #d2d2d2;
  font-size: 12px;
  padding: 0 9px;
  border-radius: 100rem !important;
  color: #333;
  height: 26px;
  line-height: 26px;
  font-weight: normal;
  top: 1px;
}
.webview-submit .mobile-button-board.left {
  left: 0;
}
.webview-submit .mobile-button-board.right {
  right: 0;
}
.category-modal p {
  margin-bottom: 15px;
  color: #999;
  font-size: 12px;
}
.category-modal .has-checkbox-wrap .checkbox-has-icon {
  width: 20%;
  display: inline-block;
  text-align: center;
  margin-bottom: 35px;
}
@media (max-width: 799px) {
  .category-modal .has-checkbox-wrap .checkbox-has-icon {
    width: 25%;
  }
}
.category-modal .has-checkbox-wrap .checkbox-has-icon label {
  margin: 0 auto;
  display: block;
  vertical-align: middle;
  font-weight: normal;
  color: #999;
  letter-spacing: -0.16px;
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: center;
  opacity: .6;
}
.category-modal .has-checkbox-wrap .checkbox-has-icon label.ic-1 {
  background-image: url(/assets/img/home/categories/init/ic-setup-reporter.svg);
}
.category-modal .has-checkbox-wrap .checkbox-has-icon label.ic-2 {
  background-image: url(/assets/img/home/categories/init/ic-setup-living.svg);
}
.category-modal .has-checkbox-wrap .checkbox-has-icon label.ic-3 {
  background-image: url(/assets/img/home/categories/init/ic-setup-baby.svg);
}
.category-modal .has-checkbox-wrap .checkbox-has-icon label.ic-4 {
  background-image: url(/assets/img/home/categories/init/ic-setup-digital.svg);
}
.category-modal .has-checkbox-wrap .checkbox-has-icon label.ic-5 {
  background-image: url(/assets/img/home/categories/init/ic-setup-beauty.svg);
}
.category-modal .has-checkbox-wrap .checkbox-has-icon label.ic-6 {
  background-image: url(/assets/img/home/categories/init/ic-setup-fashion.svg);
}
.category-modal .has-checkbox-wrap .checkbox-has-icon label.ic-7 {
  background-image: url(/assets/img/home/categories/init/ic-setup-book.svg);
}
.category-modal .has-checkbox-wrap .checkbox-has-icon label.ic-8 {
  background-image: url(/assets/img/home/categories/init/ic-setup-food.svg);
}
.category-modal .has-checkbox-wrap .checkbox-has-icon label.ic-9 {
  background-image: url(/assets/img/home/categories/init/ic-setup-shoppingmall.svg);
}
.category-modal .has-checkbox-wrap .checkbox-has-icon label.ic-10 {
  background-image: url(/assets/img/home/categories/init/ic-setup-webservice.svg);
}
.category-modal .has-checkbox-wrap .checkbox-has-icon label.ic-11 {
  background-image: url(/assets/img/home/categories/init/ic-setup-mobileapp.svg);
}
.category-modal .has-checkbox-wrap .checkbox-has-icon label.ic-12 {
  background-image: url(/assets/img/home/categories/init/ic-setup-event.svg);
}
.category-modal .has-checkbox-wrap .checkbox-has-icon label.ic-13 {
  background-image: url(/assets/img/home/categories/init/ic-setup-education.svg);
}
.category-modal .has-checkbox-wrap .checkbox-has-icon input[type="checkbox"]:checked + label {
  background-size: 40px;
  opacity: 1;
  background-color: #5c19dd;
  border-radius: 50%;
}
.category-modal .has-checkbox-wrap .checkbox-has-icon input[type="checkbox"]:checked + label.ic-1 {
  background-image: url(/assets/img/home/categories/init/ic-setup-reporter-on.svg);
}
.category-modal .has-checkbox-wrap .checkbox-has-icon input[type="checkbox"]:checked + label.ic-2 {
  background-image: url(/assets/img/home/categories/init/ic-setup-living-on.svg);
}
.category-modal .has-checkbox-wrap .checkbox-has-icon input[type="checkbox"]:checked + label.ic-3 {
  background-image: url(/assets/img/home/categories/init/ic-setup-baby-on.svg);
}
.category-modal .has-checkbox-wrap .checkbox-has-icon input[type="checkbox"]:checked + label.ic-4 {
  background-image: url(/assets/img/home/categories/init/ic-setup-digital-on.svg);
}
.category-modal .has-checkbox-wrap .checkbox-has-icon input[type="checkbox"]:checked + label.ic-5 {
  background-image: url(/assets/img/home/categories/init/ic-setup-beauty-on.svg);
}
.category-modal .has-checkbox-wrap .checkbox-has-icon input[type="checkbox"]:checked + label.ic-6 {
  background-image: url(/assets/img/home/categories/init/ic-setup-fashion-on.svg);
}
.category-modal .has-checkbox-wrap .checkbox-has-icon input[type="checkbox"]:checked + label.ic-7 {
  background-image: url(/assets/img/home/categories/init/ic-setup-book-on.svg);
}
.category-modal .has-checkbox-wrap .checkbox-has-icon input[type="checkbox"]:checked + label.ic-8 {
  background-image: url(/assets/img/home/categories/init/ic-setup-food-on.svg);
}
.category-modal .has-checkbox-wrap .checkbox-has-icon input[type="checkbox"]:checked + label.ic-9 {
  background-image: url(/assets/img/home/categories/init/ic-setup-shoppingmall-on.svg);
}
.category-modal .has-checkbox-wrap .checkbox-has-icon input[type="checkbox"]:checked + label.ic-10 {
  background-image: url(/assets/img/home/categories/init/ic-setup-webservice-on.svg);
}
.category-modal .has-checkbox-wrap .checkbox-has-icon input[type="checkbox"]:checked + label.ic-11 {
  background-image: url(/assets/img/home/categories/init/ic-setup-mobileapp-on.svg);
}
.category-modal .has-checkbox-wrap .checkbox-has-icon input[type="checkbox"]:checked + label.ic-12 {
  background-image: url(/assets/img/home/categories/init/ic-setup-event-on.svg);
}
.category-modal .has-checkbox-wrap .checkbox-has-icon input[type="checkbox"]:checked + label.ic-13 {
  background-image: url(/assets/img/home/categories/init/ic-setup-education-on.svg);
}
.category-modal .has-checkbox-wrap .checkbox-has-icon input[type="checkbox"]:checked + label + strong {
  color: #222;
  font-weight: normal;
}
.category-modal .has-checkbox-wrap .checkbox-has-icon strong {
  margin-top: 6px;
  display: block;
  text-align: center;
  font-weight: normal;
  color: #999;
  font-size: 12px;
}
.category-modal hr {
  border-color: #eee;
}
.category-modal .local-category div strong {
  margin-top: 30px;
  margin-bottom: 9px;
}
.category-modal .local-category div:first-child strong {
  margin-top: 0;
}
.home {
  background-color: #FFFFFF;
  overflow-x: hidden;
}
.home .banner {
  position: relative;
  margin-top: 20px;
}
.home .banner .banner-track {
  max-width: 1280px;
  margin: 0 auto;
}
.home .banner .banners .slick-list {
  overflow: visible !important;
  padding: 0 !important;
}
.home .banner .banners .new-banner-card .card {
  width: 420px;
  margin: 0 5px;
  border-radius: 20px;
  overflow: hidden;
  cursor: pointer;
}
.home .banner .banners .new-banner-card .card a {
  display: block;
}
.home .banner .banners .new-banner-card .card img {
  display: block;
  width: 420px;
  height: 290px;
  object-fit: cover;
}
.home .banner .banner-navi {
  max-width: 1280px;
  margin: 12px auto 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  height: 17px;
  padding-right: 10px;
}
.home .banner .banner-navi .bn-current,
.home .banner .banner-navi .bn-total {
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
  line-height: 1;
}
.home .banner .banner-navi .bn-sep {
  display: inline-block;
  width: 1px;
  height: 12px;
  background: #DDDDDD;
  flex-shrink: 0;
}
.home .banner .banner-navi .bn-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: transparent;
  color: #222222;
  cursor: pointer;
  line-height: 1;
  flex-shrink: 0;
}
.home .banner .banner-navi .bn-btn:hover {
  opacity: .7;
}
.home .inner {
  width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.home .inner:last-of-type {
  margin-bottom: 100px;
}
.home .quickmenu {
  padding: 45px 0 80px;
}
.home .quickmenu .quickmenu-list {
  display: flex;
  gap: 29px;
  align-items: flex-start;
  list-style: none;
  padding: 0;
  margin: 0;
}
.home .quickmenu .quickmenu-item {
  flex: 0 0 80px;
  width: 80px;
}
.home .quickmenu .quickmenu-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: inherit;
}
.home .quickmenu .quickmenu-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 30px;
  overflow: hidden;
  background: #F0EFFA;
}
.home .quickmenu .quickmenu-icon img {
  border-radius: 0 !important;
  object-fit: contain;
}
.home .quickmenu .quickmenu-label {
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  display: block;
  width: 100%;
  text-align: center;
  color: #333333;
  word-break: keep-all;
}
.home .section-head {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
}
.home .section-title {
  font-family: 'Pretendard';
  font-size: 22px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.03em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
  margin: 0;
}
.home .section-title .point {
  color: #5C19DD;
  font-style: normal;
}
.home .filter-tabs {
  display: flex;
  gap: 7px;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0 0 10px 0;
}
.home .filter-tabs .filter-tab {
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 20px;
  border-radius: 999px;
  border: 1px solid #DDDDDD;
  background: transparent;
  color: #222222;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.home .filter-tabs .filter-tab.is-active {
  background: #222222;
  border-color: #222222;
  color: #FFFFFF;
}
.home .filter-tabs .filter-tab:hover:not(.is-active) {
  border-color: #999999;
}
.home .loading-wrap {
  padding: 60px 0;
}
.home .campaign-card-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  row-gap: 40px;
  list-style: none;
  padding: 0;
  margin: 0;
  min-height: unset;
  clear: none;
}
.home .campaign-card {
  flex: 0 0 240px;
  width: 240px;
}
.home .campaign-card-empty {
  width: 100%;
  padding: 60px 0;
  text-align: center;
  color: #999999;
}
.home .cta-kakao-link,
.home .cta-biz-link {
  display: block;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  cursor: pointer;
}
.home .cta-kakao-link .ckl-img,
.home .cta-biz-link .ckl-img {
  display: block;
  width: 100%;
  height: auto;
}
.home .campaign-card-list--premier {
  gap: 16px;
  row-gap: 40px;
}
.home .campaign-card--md {
  flex: 0 0 200px;
  width: 200px;
}
.home .quickmenu-item--biz {
  position: relative;
}
.home .biz-tooltip {
  position: absolute;
  bottom: calc(100% + 4px);
  right: 0;
  z-index: 20;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.home .biz-tooltip__box {
  display: flex;
  gap: 15px;
  align-items: flex-start;
  background: rgba(30, 30, 30, 0.95);
  border-radius: 8px;
  padding: 10px 15px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
}
.home .biz-tooltip__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.home .biz-tooltip__title {
  font-family: 'Pretendard';
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.005em;
  text-transform: none;
  text-decoration: none;
  color: #FFFFFF;
  margin: 0;
}
.home .biz-tooltip__sub {
  font-family: 'Pretendard';
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.005em;
  text-transform: none;
  text-decoration: none;
  color: #FFFFFF;
  margin: 0;
}
.home .biz-tooltip__close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 3px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  position: relative;
}
.home .biz-tooltip__arrow {
  display: flex;
  justify-content: flex-end;
  padding-right: 35px;
}
.home .biz-tooltip__arrow::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-top: 8px solid rgba(30, 30, 30, 0.95);
}
@media (max-width: 799px) {
  .home .banner {
    margin-top: 0;
    padding-left: 15px;
  }
  .home .banner .m-paginate {
    font-family: 'Pretendard';
    font-size: 11px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.005em;
    text-transform: none;
    position: absolute;
    right: calc(20vw + 5px);
    bottom: 25px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(0, 0, 0, 0.45);
    color: #FFFFFF;
    padding: 3px 8px;
    border-radius: 10px;
    line-height: 1.4;
    text-decoration: none;
  }
  .home .banner .m-paginate .m-paginate__more {
    display: inline-flex;
    align-items: center;
    padding-left: 6px;
    border-left: 1px solid rgba(255, 255, 255, 0.4);
    font-weight: 700;
    line-height: 1;
  }
  .home .banner .banner-track {
    overflow: visible;
    max-width: 100%;
    margin: 0;
  }
  .home .banner .banner-track .banners .slick-list {
    width: 78vw;
    overflow: visible !important;
    padding: 0 !important;
  }
  .home .banner .banner-track .banners .new-banner-card .card {
    width: 100%;
    margin: 0 8px 0 0;
    border-radius: 14px;
    padding: 10px 3px;
  }
  .home .banner .banner-track .banners .new-banner-card .card img {
    width: 100%;
    height: auto;
    aspect-ratio: 1.45 / 1;
    object-fit: cover;
    border-radius: 14px;
  }
  .home .inner {
    width: 100%;
    padding: 0 15px;
    gap: 0;
  }
  .home .inner:first-of-type {
    padding: 0;
  }
  .home .inner:last-of-type {
    margin-bottom: 40px;
  }
  .home .quickmenu {
    padding: 30px 10px 40px 10px;
    margin: 0;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .home .quickmenu::-webkit-scrollbar {
    display: none;
  }
  .home .quickmenu .quickmenu-list {
    display: grid;
    grid-template-rows: repeat(2, auto);
    grid-auto-flow: column;
    grid-auto-columns: 60px;
    gap: 20px 20px;
    padding: 0;
    width: max-content;
    margin: 0 auto;
  }
  .home .quickmenu .quickmenu-item {
    flex: none;
    width: 60px;
  }
  .home .quickmenu .quickmenu-icon {
    width: 60px;
    height: 60px;
    border-radius: 20px;
  }
  .home .quickmenu .quickmenu-label {
    font-family: 'Pretendard';
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.01em;
    text-transform: none;
    text-decoration: none;
  }
  .home .campaign-section {
    padding: 20px 0;
  }
  .home .section-head {
    gap: 10px;
    margin-bottom: 12px;
  }
  .home .section-title {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.02em;
    text-transform: none;
    text-decoration: none;
  }
  .home .filter-tabs {
    gap: 6px;
    margin: 0 0 12px 0;
    overflow-x: auto;
    flex-wrap: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .home .filter-tabs::-webkit-scrollbar {
    display: none;
  }
  .home .filter-tabs .filter-tab {
    font-family: 'Pretendard';
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.01em;
    text-transform: none;
    text-decoration: none;
    padding: 4px 14px;
    flex-shrink: 0;
  }
  .home .campaign-card,
  .home .campaign-card--md {
    flex: none;
    width: auto;
    min-width: 0;
  }
  .home .cta-kakao-wrap,
  .home .cta-biz-wrap {
    padding: 15px 0;
  }
}
@media (max-width: 799px) and (max-width: 320px) {
  .home .campaign-card-list,
  .home .campaign-card-list--premier {
    display: grid;
    grid-template-columns: repeat(2, minmax(140px, 1fr));
    overflow-x: auto;
    gap: 30px 9px;
  }
  .home .campaign-card .new-campaign-card-v2.size-sm .card-thumb,
  .home .campaign-card--md .new-campaign-card-v2.size-sm .card-thumb {
    width: 100%;
    aspect-ratio: 1/1;
    height: auto;
  }
  .home .campaign-card .new-campaign-card-v2.size-sm .card-info,
  .home .campaign-card--md .new-campaign-card-v2.size-sm .card-info {
    width: 100%;
  }
  .home .campaign-card .new-campaign-card-v2.size-sm .card-data .card-users em,
  .home .campaign-card--md .new-campaign-card-v2.size-sm .card-data .card-users em {
    word-break: keep-all;
  }
}
@media (max-width: 799px) and (min-width: 321px) and (max-width: 551px) {
  .home .campaign-card-list,
  .home .campaign-card-list--premier {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 9px;
  }
  .home .campaign-card .new-campaign-card-v2.size-sm .card-thumb,
  .home .campaign-card--md .new-campaign-card-v2.size-sm .card-thumb {
    width: 100%;
    aspect-ratio: 1/1;
    height: auto;
  }
  .home .campaign-card .new-campaign-card-v2.size-sm .card-info,
  .home .campaign-card--md .new-campaign-card-v2.size-sm .card-info {
    width: 100%;
  }
}
@media (max-width: 799px) and (min-width: 552px) and (max-width: 727px) {
  .home .campaign-card-list,
  .home .campaign-card-list--premier {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 9px;
  }
  .home .campaign-card .new-campaign-card-v2.size-sm .card-thumb,
  .home .campaign-card--md .new-campaign-card-v2.size-sm .card-thumb {
    width: 100%;
    aspect-ratio: 1/1;
    height: auto;
  }
  .home .campaign-card .new-campaign-card-v2.size-sm .card-info,
  .home .campaign-card--md .new-campaign-card-v2.size-sm .card-info {
    width: 100%;
  }
}
@media (max-width: 799px) and (min-width: 728px) {
  .home .campaign-card-list,
  .home .campaign-card-list--premier {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 9px;
  }
  .home .campaign-card .new-campaign-card-v2.size-sm .card-thumb,
  .home .campaign-card--md .new-campaign-card-v2.size-sm .card-thumb {
    width: 100%;
    aspect-ratio: 1/1;
    height: auto;
  }
  .home .campaign-card .new-campaign-card-v2.size-sm .card-info,
  .home .campaign-card--md .new-campaign-card-v2.size-sm .card-info {
    width: 100%;
  }
}
.image-upload {
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 17px;
  background: url(/assets/img/board/ic-file.svg) no-repeat center / 17px 17px;
  border: none;
  outline: none;
}
.image-upload:hover {
  background-image: url(/assets/img/board/ic-file-on.svg);
}
.inquiry-info {
  background: #f5f5f5;
  padding: 18px 20px;
}
.inquiry-info span {
  font-size: 12px;
  color: #999;
  letter-spacing: -0.3px;
}
.inquiry-margin-top {
  margin-top: 15px;
}
@media (max-width: 799px) {
  .inquiry-margin-top {
    margin-top: 0px;
  }
}
.inquiry-write-btn a {
  border-radius: 3px !important;
  min-width: 100px !important;
}
.nd-media-wrap {
  position: relative;
  overflow: hidden;
}
.nd-media-wrap video,
.nd-media-wrap img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.nd-media-wrap--img img {
  position: static;
  height: auto;
  object-fit: initial;
}
.nd-chip {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #999999;
  margin-bottom: 48px;
}
.nd-chip--light {
  color: rgba(255, 255, 255, 0.4);
}
.js-circle,
.js-box,
.js-type-item,
.js-icon-row {
  opacity: 0;
  transform: translateY(36px);
  transition: opacity 0.65s ease, transform 0.65s ease;
}
.js-circle.is-visible,
.js-box.is-visible,
.js-type-item.is-visible,
.js-icon-row.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.js-circle:nth-child(1),
.js-box:nth-child(1) {
  transition-delay: 0ms;
}
.js-circle:nth-child(2),
.js-box:nth-child(2) {
  transition-delay: 150ms;
}
.js-circle:nth-child(3),
.js-box:nth-child(3) {
  transition-delay: 300ms;
}
.js-box:nth-child(4) {
  transition-delay: 450ms;
}
.intro-nd {
  overflow-x: clip;
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
  background: #fff;
}
.intro-nd .nd-main {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.intro-nd .nd-main .video {
  position: absolute;
  inset: 0;
}
.intro-nd .nd-main .main-line {
  font-size: 56px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -2px;
  color: rgba(255, 255, 255, 0.1);
  transition: color 0.5s ease;
  margin-bottom: 20px;
}
.intro-nd .nd-main .main-line.is-active {
  color: #fff;
}
.intro-nd .nd-daily {
  background: #FFFFFF;
  padding: 200px 0 0;
}
.intro-nd .nd-daily .inner {
  width: 1280px;
  margin: 0 auto;
}
.intro-nd .nd-daily .inner .title {
  display: inline-block;
  font-size: 70px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -2px;
  background: linear-gradient(90deg, #5D1EFF 9.295%, #E233FF 106.39%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.intro-nd .nd-daily .inner .sub {
  margin-top: 10px;
  font-size: 55px;
  font-weight: 400;
  color: #000000;
  line-height: 1.2;
  letter-spacing: -1px;
}
.intro-nd .nd-daily .inner .desc {
  margin-top: 20px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.85;
  color: #888888;
}
.intro-nd .nd-daily video {
  width: 100vw;
  height: auto;
}
.intro-nd .nd-joy {
  position: relative;
  padding: 300px 40px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  background: url('/assets/img/introduction/new-design/section3-background.png') top / cover no-repeat;
}
.intro-nd .nd-joy .inner {
  width: 1280px;
  margin: 0 auto;
}
.intro-nd .nd-joy .inner .text {
  width: 100%;
  text-align: left;
}
.intro-nd .nd-joy .inner .text .section {
  display: inline-block;
  font-family: 'Pretendard';
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  background: linear-gradient(90deg, #906AFF 0%, #E07CFF 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 20px;
}
.intro-nd .nd-joy .inner .text .title {
  font-size: 55px;
  font-weight: 400;
  letter-spacing: -1.65px;
  color: #fff;
  margin-bottom: 20px;
}
.intro-nd .nd-joy .inner .text .desc {
  font-family: 'Pretendard';
  font-size: 15px;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  color: #FFFFFF;
  opacity: 0.4;
}
.intro-nd .nd-joy .circles {
  display: flex;
  align-items: center;
  padding-top: 180px;
  width: 100%;
  justify-content: center;
}
.intro-nd .nd-joy .circle {
  width: 270px;
  height: 270px;
  border-radius: 50%;
  background: #FFFFFF;
  color: #222222;
  font-family: 'Pretendard';
  font-size: 24px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.03em;
  text-transform: none;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.intro-nd .nd-dark {
  width: 100vw;
  background: #1C1B1E;
  padding: 180px 0 516px;
}
.intro-nd .nd-dark .inner {
  width: 1320px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.intro-nd .nd-dark .inner .box {
  width: 640px;
  height: 700px;
  border-radius: 20px;
  overflow: hidden;
  flex-shrink: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.intro-nd .nd-dark .inner .box video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.intro-nd .nd-dark .inner .box:nth-child(1) {
  align-self: flex-start;
}
.intro-nd .nd-dark .inner .box--s1 {
  align-self: flex-start;
  background-image: url('/assets/img/introduction/new-design/section4-1.png');
}
.intro-nd .nd-dark .inner .box--s2 {
  align-self: flex-end;
  margin-top: -452px;
  background-image: url('/assets/img/introduction/new-design/section4-2.png');
}
.intro-nd .nd-dark .inner .box--s3 {
  align-self: flex-start;
  margin-top: -208px;
}
.intro-nd .nd-dark .inner .desc {
  margin-top: -452px;
  margin-left: 680px;
  font-family: 'Pretendard';
  font-size: 16px;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  color: #FFFFFF;
  opacity: 0.4;
}
.intro-nd .nd-ds {
  background: #4703A4;
  padding: 200px 0;
}
.intro-nd .nd-ds .inner {
  width: 1280px;
  margin: 0 auto;
}
.intro-nd .nd-ds .inner .text {
  width: 100%;
  text-align: left;
}
.intro-nd .nd-ds .inner .text .section {
  display: inline-block;
  font-family: 'Pretendard';
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  background: linear-gradient(90deg, #906AFF 0%, #E07CFF 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 20px;
}
.intro-nd .nd-ds .inner .text .title {
  font-size: 55px;
  font-weight: 400;
  letter-spacing: -1.65px;
  color: #fff;
  margin-bottom: 20px;
}
.intro-nd .nd-ds .inner .text .desc {
  font-family: 'Pretendard';
  font-size: 15px;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  color: #FFFFFF;
  opacity: 0.4;
}
.intro-nd .nd-ds .inner .font-box {
  position: relative;
  margin-top: 60px;
  display: flex;
  gap: 45px;
}
.intro-nd .nd-ds .inner .font-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #591CAD;
}
.intro-nd .nd-ds .inner .font-box > p:first-child {
  position: relative;
  font-size: 280px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 1;
  flex-shrink: 0;
  padding-right: 45px;
}
.intro-nd .nd-ds .inner .font-box > p:last-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.intro-nd .nd-ds .inner .font-box > p:last-child span {
  display: block;
  color: #FFFFFF;
}
.intro-nd .nd-ds .inner .font-box > p:last-child span:nth-child(1) {
  font-family: 'Pretendard';
  font-size: 34px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.03em;
  text-transform: none;
  text-decoration: none;
  margin-bottom: 16px;
}
.intro-nd .nd-ds .inner .font-box > p:last-child span:nth-child(2) {
  font-family: 'Pretendard';
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
}
.intro-nd .nd-ds .inner .font-box > p:last-child span:nth-child(3) {
  font-family: 'Pretendard';
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
}
.intro-nd .nd-ds .inner .font-box > p:last-child span:nth-child(4) {
  font-family: 'Pretendard';
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
}
.intro-nd .nd-ds .inner .font-box > p:last-child span:nth-child(5) {
  font-family: 'Pretendard';
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
}
.intro-nd .nd-ds .inner .colors-scroll {
  position: relative;
  height: 2250px;
}
.intro-nd .nd-ds .inner .colors-sticky {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: visible;
  display: flex;
  align-items: center;
}
.intro-nd .nd-ds .inner .colors-pagination {
  position: absolute;
  left: -22px;
  top: 25%;
  transform: translateY(-50%);
  z-index: 2;
  display: flex;
  flex-direction: column;
}
.intro-nd .nd-ds .inner .colors-pagination button {
  display: block;
  width: 2px;
  height: 20px;
  padding: 0;
  border: none;
  background: #7626E3;
  cursor: pointer;
  transition: height 0.3s ease, background 0.3s ease;
}
.intro-nd .nd-ds .inner .colors-pagination button.is-active {
  background: #D9D9D9;
}
.intro-nd .nd-ds .inner .colors {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  width: 100%;
  height: 750px;
  background: #FFFFFF;
  border-radius: 20px;
}
.intro-nd .nd-ds .inner .colors-track {
  display: flex;
  flex-direction: column;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.intro-nd .nd-ds .inner .color-page {
  width: 1280px;
  height: 750px;
  flex-shrink: 0;
}
.intro-nd .nd-ds .inner .cp-inner {
  width: 1280px;
  height: 750px;
  padding: 75px 80px;
  box-sizing: border-box;
}
.intro-nd .nd-ds .inner .color-page--1 {
  background: #FFFFFF;
}
.intro-nd .nd-ds .inner .color-page--2 {
  background: #FFFFFF;
}
.intro-nd .nd-ds .inner .color-page--3 {
  background: #FFFFFF;
  overflow: hidden;
  padding: 75px 80px;
}
.intro-nd .nd-ds .inner .color-page--3 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.intro-nd .nd-ds .inner .cp-palette {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.intro-nd .nd-ds .inner .cp-row {
  display: flex;
}
.intro-nd .nd-ds .inner .cp-chip {
  flex: 1;
  min-width: 0;
}
.intro-nd .nd-ds .inner .cp-swatch {
  height: 56px;
}
.intro-nd .nd-ds .inner .cp-label {
  margin-top: 10px;
}
.intro-nd .nd-ds .inner .cp-label .cp-name {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #222222;
  line-height: 1.3;
}
.intro-nd .nd-ds .inner .cp-label .cp-hex {
  display: block;
  font-size: 11px;
  color: #999999;
  margin-top: 2px;
}
.intro-nd .nd-ds .inner .cp2-section {
  margin-bottom: 20px;
}
.intro-nd .nd-ds .inner .cp2-section + .intro-nd .nd-ds .inner .cp2-section {
  margin-top: 24px;
}
.intro-nd .nd-ds .inner .cp2-heading {
  font-size: 15px;
  font-weight: 700;
  color: #222222;
  margin-bottom: 12px;
}
.intro-nd .nd-ds .inner .cp2-chips {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.intro-nd .nd-ds .inner .cp2-chip {
  width: 112px;
  flex-shrink: 0;
}
.intro-nd .nd-ds .inner .cp2-swatch {
  width: 112px;
  height: 67px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.07);
}
.intro-nd .nd-ds .inner .cp2-name {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: #222222;
  margin-top: 8px;
  line-height: 1.3;
}
.intro-nd .nd-ds .inner .cp2-meta {
  display: block;
  font-size: 10px;
  color: #999999;
  margin-top: 2px;
  line-height: 1.4;
}
.intro-nd .nd-ds .inner .figma {
  border-radius: 20px;
  overflow: hidden;
  height: 900px;
}
.intro-nd .nd-icons {
  background: #F7F7FC;
  padding: 200px 0;
}
.intro-nd .nd-icons .inner {
  width: 1280px;
  margin: 0 auto;
}
.intro-nd .nd-icons .inner .text {
  width: 100%;
  text-align: left;
}
.intro-nd .nd-icons .inner .text .section {
  display: inline-block;
  font-family: 'Pretendard';
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  background: linear-gradient(90deg, #906AFF 0%, #E07CFF 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 20px;
}
.intro-nd .nd-icons .inner .text .title {
  font-size: 55px;
  font-weight: 400;
  letter-spacing: -1.65px;
  color: #222;
  margin-bottom: 20px;
}
.intro-nd .nd-icons .inner .text .desc {
  font-family: 'Pretendard';
  font-size: 15px;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  color: #999999;
}
.intro-nd .nd-icons .inner .video {
  border-radius: 20px;
  overflow: hidden;
  margin: 100px 0 180px 0;
}
.intro-nd .nd-icons .inner .video video {
  position: static;
  width: 100%;
  height: auto;
  object-fit: initial;
}
.intro-nd .nd-icons .inner .icon-grid {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 108px;
}
.intro-nd .nd-icons .inner .icon-grid .js-icon-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 100px;
  flex-wrap: nowrap;
}
.intro-nd .nd-quick-menu {
  background: #FFFFFF;
  padding: 200px 0;
}
.intro-nd .nd-quick-menu .inner {
  width: 1280px;
  margin: 0 auto;
}
.intro-nd .nd-quick-menu .inner .quick-menu {
  display: grid;
  grid-template-columns: repeat(6, 160px);
  gap: 30px;
  justify-content: center;
}
.intro-nd .nd-quick-menu .inner .quick-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 60px;
  overflow: hidden;
  gap: 10px;
}
.intro-nd .nd-quick-menu .inner .quick-label {
  font-size: 13px;
  font-weight: 500;
  color: #666666;
  text-align: center;
}
.intro-nd .nd-screen {
  background: #0d0d1a;
  padding: 200px 0 40vh;
  position: relative;
  z-index: 2;
}
.intro-nd .nd-screen .inner {
  width: 1280px;
  margin: 0 auto;
  padding-bottom: 80px;
}
.intro-nd .nd-screen .inner .text {
  width: 100%;
  text-align: left;
}
.intro-nd .nd-screen .inner .text .section {
  display: inline-block;
  font-family: 'Pretendard';
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  background: linear-gradient(90deg, #906AFF 0%, #E07CFF 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 20px;
}
.intro-nd .nd-screen .inner .text .title {
  font-size: 55px;
  font-weight: 400;
  letter-spacing: -1.65px;
  color: #FFFFFF;
  margin-bottom: 20px;
}
.intro-nd .nd-screen .inner .text .desc {
  font-family: 'Pretendard';
  font-size: 15px;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  color: #999999;
}
.intro-nd .nd-screen .wrap {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  box-sizing: border-box;
  overflow: visible;
}
.intro-nd .nd-screen .screen-img {
  width: 1792px;
  height: auto;
  display: block;
  transform-origin: top center;
  will-change: transform;
  border-radius: 20px;
  box-shadow: 10px 20px 80px 0 rgba(0, 0, 0, 0.05);
}
.intro-nd .nd-campaign {
  background: #fff;
  margin-top: -200px;
  padding-top: 1240px;
  text-align: center;
  position: relative;
  z-index: 1;
}
.intro-nd .nd-campaign .inner {
  width: 1280px;
  margin: 0 auto;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.intro-nd .nd-campaign .lottie {
  margin-bottom: 70px;
}
.intro-nd .nd-campaign .lottie .revu-lottie-wrap {
  position: relative;
  width: 208px;
  margin: 0 auto;
}
.intro-nd .nd-campaign .lottie .revu-lottie-wrap .revu-icon-img {
  display: block;
  width: 200px;
  height: auto;
}
.intro-nd .nd-campaign .lottie .revu-lottie-wrap .revu-confetti {
  position: absolute;
  top: -140px;
  left: 45%;
  transform: translateX(-50%);
  width: 208px;
  height: 173px;
  pointer-events: none;
}
.intro-nd .nd-campaign .text {
  font-size: 40px;
  font-weight: 400;
  line-height: 1.3;
  color: #222;
  text-align: center;
  margin-bottom: 60px;
}
.intro-nd .nd-campaign .text strong {
  font-weight: 700;
}
.intro-nd .nd-campaign .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 360px;
  height: 64px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #fff;
  font-size: 20px;
  font-weight: 600;
  color: #222;
  letter-spacing: -0.4px;
  text-decoration: none;
}
.intro-nd .nd-campaign .btn:hover {
  border-color: #999;
  color: #222;
  text-decoration: none;
}
.nd-mobile {
  position: relative;
  width: 100vw;
  height: 100dvh;
  overflow: hidden;
  background: #1c1b1e;
}
.nd-mobile .bg {
  position: absolute;
  inset: 0;
}
.nd-mobile .mask {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}
.nd-mobile .card {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 0 24px;
  text-align: center;
}
.nd-mobile .top {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.nd-mobile .title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -1.2px;
  background: linear-gradient(90deg, #5d1eff 9.295%, #e233ff 106.39%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.nd-mobile .sub {
  margin-top: 12px;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.36px;
  color: rgba(255, 255, 255, 0.3);
}
.nd-mobile .footer {
  width: 100%;
  padding-bottom: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.nd-mobile .footer p {
  font-size: 15px;
  line-height: 1.45;
  letter-spacing: -0.3px;
  color: rgba(255, 255, 255, 0.85);
}
.nd-mobile .btn {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 10px 16px;
  border: 1px solid #999999;
  border-radius: 5px;
  background: transparent;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.2s;
}
.nd-mobile .btn:hover,
.nd-mobile .btn:active {
  background: rgba(255, 255, 255, 0.08);
}
.introduction {
  background: #fff;
  letter-spacing: -1px;
}
.introduction h1,
.introduction h2 {
  font-weight: 300;
  line-height: 60px;
}
.introduction section h2 {
  margin-bottom: 20px;
  font-size: 46px;
  color: #fff;
}
.introduction section p {
  max-width: 440px;
  margin-bottom: 0;
  color: #666;
  font-size: 16px;
  line-height: 160%;
  font-weight: 200;
}
.introduction section a.btn {
  display: inline-block;
  margin-top: 30px;
  min-width: 300px;
  padding: 15px 0;
  border: 1px solid #666666;
  transition: all, .3s;
  font-weight: 500;
  font-size: 18px;
  color: #000;
}
.introduction section a.btn:hover {
  background: #222;
  color: #fff;
}
@media (max-width: 799px) {
  .introduction section {
    text-align: center;
  }
  .introduction section h1,
  .introduction section h2 {
    line-height: 130%;
  }
  .introduction section h2 {
    margin-bottom: 0;
    font-size: 26px;
  }
  .introduction section p {
    margin: 0 auto;
    font-size: 12px;
  }
  .introduction section .mobile-block {
    display: block;
  }
  .introduction section a.btn {
    margin: 30px 0 50px;
    min-width: 220px;
    padding: 12px 0;
    font-size: 14px;
  }
}
.introduction .play-review {
  margin: -30px 0 94px 0;
  padding-top: 120px;
}
.introduction .play-review h1 {
  margin-bottom: 20px;
  font-size: 50px;
  color: #000;
  line-height: 160%;
}
.introduction .play-review h1 strong {
  display: block;
  font-size: 80px;
  color: #5c19dd;
  letter-spacing: -0.89px;
}
.introduction .play-review p {
  margin-bottom: 10px;
}
.introduction .play-review .responsive {
  margin-top: -60px;
  margin-left: -60px;
  width: 665px;
}
@media (max-width: 799px) {
  .introduction .play-review {
    margin: 0 0 45px 0;
    padding-top: 55px;
  }
  .introduction .play-review h1 {
    font-size: 30px;
  }
  .introduction .play-review h1 strong {
    font-size: 50px;
  }
  .introduction .play-review .responsive {
    padding-left: 20px;
    max-width: 100%;
    margin-top: -35px;
    margin-left: auto;
  }
}
.introduction .marketing-info p,
.introduction .marketing-info h1,
.introduction .marketing-info h2 {
  color: #fff;
}
.introduction .marketing-info .cover-bg {
  background: url('/assets/img/introduction/bg-introduce2.jpg') no-repeat;
  background-size: cover;
  background-attachment: fixed;
  min-height: 650px;
}
.introduction .marketing-info .info {
  background: url('/assets/img/introduction/section2-img1.png') no-repeat;
  width: 100%;
  min-height: 700px;
  margin-top: -584px;
  padding-top: 100px;
  margin-left: -38px;
  background-size: contain;
}
.introduction .marketing-info .info > div {
  float: right;
}
.introduction .marketing-info .info .campaign-desc {
  padding: 0 30px;
}
.introduction .marketing-info .info h2 {
  font-size: 42px;
  font-weight: 300;
  letter-spacing: -1px;
}
.introduction .marketing-info .info p {
  max-width: 100%;
  margin: 30px 0 60px;
  color: #a9a9a9;
}
.introduction .marketing-info .info li {
  display: inline-block;
}
.introduction .marketing-info .info li:not(:last-child):after {
  content: " | ";
  display: inline-block;
  margin: 0 15px;
  border: solid 1px #979797;
  opacity: 0.4;
  width: 1px;
  height: 16px;
  background-color: #d8d8d8;
}
.introduction .marketing-info .info li a {
  text-decoration: none;
  font-weight: 500;
  color: #ddd;
  font-size: 18px;
  letter-spacing: -0.39px;
}
@media (max-width: 799px) {
  .introduction .marketing-info {
    position: relative;
  }
  .introduction .marketing-info .cover-bg {
    background: url('/assets/img/introduction/section2-img1-m.png') no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    aspect-ratio: 375 / 470;
    min-height: unset;
  }
  .introduction .marketing-info .container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .introduction .marketing-info .info {
    background: none;
    padding: 0;
    width: auto;
    min-height: auto;
    margin: 0;
  }
  .introduction .marketing-info .info > div {
    float: none;
  }
  .introduction .marketing-info .info .campaign-desc {
    padding: 0 5px;
  }
  .introduction .marketing-info .info h2 {
    font-size: 30px;
  }
  .introduction .marketing-info .info p {
    font-size: 13px;
    margin: 25px 0 40px;
  }
  .introduction .marketing-info .info li a {
    font-size: 16px;
    letter-spacing: -0.35px;
    width: auto;
  }
}
.introduction .participation {
  padding: 120px 0;
  text-align: center;
}
.introduction .participation h2 {
  color: #000;
  font-size: 50px;
  letter-spacing: -0.83px;
  font-weight: 300;
  margin-bottom: 50px;
}
.introduction .participation .responsive {
  max-width: 1200px;
}
@media (max-width: 799px) {
  .introduction .participation {
    padding: 70px 0;
  }
  .introduction .participation h2 {
    font-size: 28px;
    margin-bottom: 20px;
  }
  .introduction .participation .container {
    padding: 0;
  }
  .introduction .participation .responsive {
    max-width: 100%;
  }
}
.introduction .membership {
  padding: 120px 0 60px;
  background-color: #323239;
}
.introduction .membership p {
  max-width: 100%;
  color: #ccc;
  margin-bottom: 6px;
}
.introduction .membership a.btn {
  color: #fff;
  border-color: #fff;
}
.introduction .membership a.btn:hover {
  background-color: #fff;
  color: #000;
}
.introduction .membership .container > div:first-child {
  padding-top: 110px;
}
.introduction .membership .responsive {
  width: 580px;
  margin-top: -15px;
}
@media (max-width: 799px) {
  .introduction .membership {
    padding: 70px 0 40px;
  }
  .introduction .membership p {
    margin: 20px auto 0;
  }
  .introduction .membership .container > div {
    text-align: center;
  }
  .introduction .membership .container > div:first-child {
    padding-top: 0;
  }
  .introduction .membership .responsive {
    width: 100%;
    margin-top: 0px;
  }
}
.introduction .weble-start {
  padding: 145px 0 60px;
  background: #fff url('/assets/img/introduction/section5-img1.png') 50% 30% no-repeat;
  min-height: 766px;
  background-size: cover;
  margin-top: 110px;
}
.introduction .weble-start .container > div:first-child {
  float: right;
}
.introduction .weble-start h2 {
  margin-bottom: 0;
  color: #000;
  font-size: 40px;
}
@media (max-width: 799px) {
  .introduction .weble-start {
    padding: 70px 0 0;
    background: none;
    min-height: auto;
    margin-top: 0px;
  }
  .introduction .weble-start .container > div:first-child {
    float: none;
    padding: 0px;
  }
  .introduction .weble-start h2 {
    font-size: 28px;
  }
  .introduction .weble-start .responsive {
    width: 100%;
  }
}
.kbank-page h3 {
  font-weight: 700;
  font-size: 26px;
  letter-spacing: -0.3px;
  color: #222222;
}
@media (max-width: 799px) {
  .kbank-page h3 {
    font-size: 18px;
  }
}
.kbank-page h4 {
  text-align: left;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 10px;
}
@media (max-width: 799px) {
  .kbank-page h4 {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.kbank-page section.top {
  display: flex;
  justify-content: center;
}
@media (max-width: 799px) {
  .kbank-page section.top {
    display: block;
  }
}
.kbank-page section.top .top_inner {
  padding: 100px 0 150px;
}
@media (max-width: 799px) {
  .kbank-page section.top .top_inner {
    padding: 50px 0 80px;
  }
}
.kbank-page section.top .top_inner img {
  width: 980px;
  height: 293px;
}
@media (max-width: 799px) {
  .kbank-page section.top .top_inner img {
    width: 100%;
    height: auto;
    padding: 0 15px;
  }
}
@media (max-width: 799px) {
  .kbank-page section.top .top_inner .top-btn {
    width: 100%;
  }
}
.kbank-page section.top .top_inner .top-btn .btn.now {
  width: 319px;
  height: 70px;
  background: #4453FF;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  border-radius: 8px !important;
  position: absolute;
  top: 445px;
}
@media (max-width: 799px) {
  .kbank-page section.top .top_inner .top-btn .btn.now {
    width: 259px;
    height: 56px;
    margin: 50px auto 70px auto;
    font-size: 16px;
    position: unset;
  }
}
.kbank-page section.top .top_inner .top-btn .btn.now:hover {
  background: #2B3BF0;
}
.kbank-page section.middle {
  width: 100%;
  background-color: #424FE1;
  padding: 80px 0 100px 0;
  text-align: center;
}
@media (max-width: 799px) {
  .kbank-page section.middle {
    padding: 40px 15px 30px 15px;
  }
}
.kbank-page section.middle .middle-inner {
  display: inline-block;
  margin: 0 auto;
}
@media (max-width: 799px) {
  .kbank-page section.middle .middle-inner {
    display: block;
  }
}
.kbank-page section.middle .middle-inner h3 {
  color: #FFFFFF;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.3px;
}
.kbank-page section.middle .middle-inner p {
  color: #FFFFFF;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.3px;
}
@media (max-width: 799px) {
  .kbank-page section.middle .middle-inner p {
    font-size: 12px;
  }
}
@media (max-width: 799px) {
  .kbank-page section.middle .middle-inner h3,
  .kbank-page section.middle .middle-inner p {
    font-size: 20px;
  }
}
.kbank-page section.middle .middle-inner .img-wrap {
  width: 980px;
  height: 358px;
}
@media (max-width: 799px) {
  .kbank-page section.middle .middle-inner .img-wrap {
    width: 100%;
    height: auto;
    margin: 30px auto;
  }
}
.kbank-page section.middle .middle-inner .img-wrap img {
  width: 100%;
}
.kbank-page section.middle .middle-inner .text-wrap {
  text-align: center;
  color: #FFFFFF;
}
@media (max-width: 799px) {
  .kbank-page section.middle .middle-inner .text-wrap {
    margin-top: 20px;
  }
}
.kbank-page section.bottom {
  padding: 0 54px;
}
@media (max-width: 799px) {
  .kbank-page section.bottom {
    padding: 0 15px;
  }
}
.kbank-page section.bottom .text-wrap {
  text-align: center;
}
.kbank-page section.bottom .text-wrap h3 {
  margin-top: 70px;
}
@media (max-width: 799px) {
  .kbank-page section.bottom .text-wrap h3 {
    font-weight: 500;
    margin-top: 40px;
    padding: 0;
  }
}
.kbank-page section.bottom .text-wrap p.desc {
  font-weight: 400;
  font-size: 16px;
  color: #999999;
}
@media (max-width: 799px) {
  .kbank-page section.bottom .text-wrap p.desc {
    font-size: 12px;
  }
}
.kbank-page .start-kbank {
  width: 980px;
  margin: 0 auto;
  text-align: center;
  padding: 80px 0 100px 0;
}
@media (max-width: 799px) {
  .kbank-page .start-kbank {
    width: 100%;
    padding: 60px 15px 50px 15px;
  }
}
.kbank-page .start-kbank .link-top {
  margin-bottom: 25px;
}
.kbank-page .start-kbank .link-top img {
  width: 500px;
  height: 412px;
}
@media (max-width: 799px) {
  .kbank-page .start-kbank .link-top img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 799px) {
  .kbank-page .start-kbank .btn-group {
    width: 100%;
  }
}
.kbank-page .start-kbank .btn-group button {
  float: none;
  border-radius: 10px !important;
  width: 600px;
  height: 96px;
  font-size: 25px;
  font-weight: 500;
  letter-spacing: -0.3px;
}
.kbank-page .start-kbank .btn-group button.create {
  background: #222222;
  color: #FFFFFF;
}
.kbank-page .start-kbank .btn-group button.create:hover {
  background: #000;
}
.kbank-page .start-kbank .btn-group button.recommend {
  border: 1px solid #9C7ED6;
  background: #FFF;
  color: #5C19DD;
}
.kbank-page .start-kbank .btn-group button.recommend:hover {
  background: #222222;
  color: #FFFFFF;
  border: 1px solid #222222;
}
@media (max-width: 799px) {
  .kbank-page .start-kbank .btn-group button {
    width: 100%;
    font-size: 18px;
    height: 75px;
    margin-top: 15px;
  }
}
.kbank-page .start-kbank hr {
  margin: 110px 0 40px 0;
  border-color: #E5E5E5;
}
@media (max-width: 799px) {
  .kbank-page .start-kbank hr {
    margin: 80px 0 30px 0;
  }
}
@media (max-width: 799px) {
  .kbank-page .start-kbank .link-bottom {
    margin-top: 30px;
  }
}
.kbank-page .start-kbank .link-bottom .text-wrap {
  text-align: left;
  word-break: keep-all;
}
.kbank-page .start-kbank .link-bottom .text-wrap h4 {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 160.2%;
  /* 25.632px */
  letter-spacing: -0.3px;
  color: #333333;
}
.kbank-page .start-kbank .link-bottom .text-wrap ul {
  padding-left: 16px;
}
.kbank-page .start-kbank .link-bottom .text-wrap ul li {
  list-style: square;
  color: #333333;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 171.429% */
  letter-spacing: -0.2px;
}
@media (max-width: 799px) {
  .kbank-page .start-kbank .link-bottom .text-wrap ul li {
    font-size: 12px;
  }
}
.kbank-page .start-kbank .link-bottom .text-wrap .living-text-wrap {
  margin-top: 30px;
}
.kbank-page .start-kbank .recommend {
  color: #777777;
  font-size: 15px;
  font-weight: 400;
  margin-top: 20px;
}
@media (max-width: 799px) {
  .kbank-page .start-kbank .recommend {
    margin-top: 20px;
    font-size: 12px;
  }
}
.kbank-auth-modal p {
  line-height: 28px;
  text-align: left;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 30px;
  margin-top: 10px;
}
.kbank-auth-modal p b {
  font-weight: 700;
}
@media (max-width: 799px) {
  .kbank-auth-modal p {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
.kbank-auth-modal .auth-box {
  display: flow-root;
}
.kbank-auth-modal .auth-box .form-group {
  height: 46px;
}
@media (max-width: 799px) {
  .kbank-auth-modal .auth-box .form-group {
    min-height: 80px;
    height: auto;
  }
}
.kbank-auth-modal .auth-box .form-group input {
  width: 300px;
  height: 46px;
  border: 1px solid #DDDDDD;
  border-radius: 5px !important;
}
@media (max-width: 799px) {
  .kbank-auth-modal .auth-box .form-group input {
    border: none;
    border-bottom: 1px solid #DDDDDD;
    border-radius: unset !important;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
  }
}
.kbank-auth-modal .auth-box .form-group .control-label {
  width: 80px;
  position: relative;
  top: 12px;
  color: #777777;
  font-weight: 400;
  font-size: 14px;
}
@media (max-width: 799px) {
  .kbank-auth-modal .auth-box .form-group .control-label {
    height: 36px;
    padding-left: 0px;
  }
}
.kbank-auth-modal .auth-box .auth-error,
.kbank-auth-modal .auth-box .name-error {
  color: #f63e2d;
  font-size: 12px !important;
  font-weight: 400 !important;
  margin-left: 80px;
  margin-top: -5px;
}
@media (max-width: 799px) {
  .kbank-auth-modal .auth-box .auth-error,
  .kbank-auth-modal .auth-box .name-error {
    margin-left: 0px;
  }
}
.kbank-auth-modal .auth-box .name-error {
  margin-left: 0px;
  height: 35px;
  margin-top: 10px;
}
.kbank-auth-modal .auth-box .auth-error {
  margin-left: 75px;
}
.kbank-auth-modal .auth-box .auth-finish {
  width: 350px;
  margin-left: 80px;
  font-size: 12px;
  color: #999999;
  margin-top: 15px;
}
@media (max-width: 799px) {
  .kbank-auth-modal .auth-box .auth-finish {
    top: 38px;
  }
}
.kbank-auth-modal .auth-box .auth-finish > span {
  color: #609BED;
  background: url(/assets/img/mypage/ic-auth-check.svg) left center no-repeat;
  background-size: 13px;
  padding-left: 16px;
}
@media (max-width: 799px) {
  .kbank-auth-modal .auth-box .finish {
    font-weight: 500;
    font-size: 12px;
    color: #609BED;
  }
}
.kbank-auth-modal .auth-box .phone-form {
  margin-top: 5px;
  margin-bottom: 10px;
}
.kbank-auth-modal .auth-box .phone-form .code {
  width: 300px;
  margin-left: 70px;
}
@media (max-width: 799px) {
  .kbank-auth-modal .auth-box .phone-form .code {
    margin-left: 0px;
    width: 100%;
    padding-left: 0px;
  }
}
.kbank-auth-modal .auth-box .phone-form .auth-confirm {
  margin-left: 20px !important;
}
.kbank-auth-modal .auth-box .phone-form.auth-form {
  margin-top: 15px;
}
.kbank-auth-modal .auth-box .phone-form .user-auth-timer {
  top: 12px;
  right: 10px;
}
@media (max-width: 799px) {
  .kbank-auth-modal .auth-box .phone-form .user-auth-timer {
    right: 90px !important;
  }
}
.kbank-auth-modal .auth-box .phone-form .m-auth-error {
  padding-left: 0px !important;
}
.kbank-auth-modal .auth-box .phone-form .user-auth-btn {
  margin-left: -17px;
}
@media (max-width: 799px) {
  .kbank-auth-modal .auth-box .phone-form .user-auth-btn {
    right: 10px;
  }
}
.kbank-auth-modal hr {
  margin: 50px 0 20px 0;
}
@media (max-width: 799px) {
  .kbank-auth-modal hr {
    display: none;
  }
}
.kbank-auth-modal .confirm-submit {
  margin: 10px auto;
  width: 300px;
}
@media (max-width: 799px) {
  .kbank-auth-modal .confirm-submit {
    margin-top: 50px;
  }
}
.membership h2 {
  font-size: 20px;
}
.membership .grade-background.new {
  background: #91d7a2 !important;
}
.membership .grade-background.bronze {
  background: #dbd0ae !important;
}
.membership .grade-background.silver {
  background: #e2e2e2 !important;
}
.membership .grade-background.gold {
  background: #fde269 !important;
}
.membership .grade-background.diamond {
  background: #d2cced !important;
}
.membership .grade-color.new {
  color: #3fd566 !important;
}
.membership .grade-color.bronze {
  color: #928454 !important;
}
.membership .grade-color.silver {
  color: #999999 !important;
}
.membership .grade-color.gold {
  color: #FFC101 !important;
}
.membership .grade-color.diamond {
  color: #8167ED !important;
}
.membership .grade-color.premier {
  color: #e2a046 !important;
}
.membership .jumbotron {
  background: #FFFFFF;
  border-radius: 2px;
  text-align: center;
  padding: 0 20px 20px 20px;
  margin-bottom: 0px;
}
.membership .jumbotron.premier-membership img {
  width: 262px;
  max-width: 100%;
}
@media (max-width: 799px) {
  .membership .jumbotron.premier-membership {
    padding: 20px 10px 10px 10px;
  }
}
.membership .jumbotron .grade {
  padding: 20px;
}
@media (max-width: 799px) {
  .membership .jumbotron .grade {
    padding: 20px 0px 10px 0;
  }
}
.membership .jumbotron img {
  max-width: 100px;
  width: 100px;
}
.membership .jumbotron p {
  margin: 20px 0 0 0;
  font-size: 16px;
  color: #222222;
  font-weight: 400;
}
.membership .jumbotron p strong {
  color: #bcaf85;
}
.membership .jumbotron .premier-description {
  padding: 15px;
  background-color: #20262f;
  border-radius: 2px;
  text-align: center;
}
.membership .jumbotron .premier-description p {
  color: #fff;
  font-size: 12px;
  line-height: 20px;
}
.membership .jumbotron .premier-description a {
  font-size: 12px;
  color: #e2a046;
  border-bottom: 1px solid #e2a046;
  text-decoration: none;
}
.membership hr {
  margin: 40px 0 25px 0;
  border-top: 1px solid #eee;
}
@media (max-width: 799px) {
  .membership hr {
    margin: 50px 0 20px 0;
  }
}
.membership .summary {
  background: #F8F8F9;
  color: #222222;
  height: 102px;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.4px;
  padding: 30px 0px;
  margin-bottom: 40px;
  text-align: center;
  border-radius: 8px;
}
@media (max-width: 799px) {
  .membership .summary {
    padding: 20px 0px;
    height: 96px;
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    text-align: center;
    letter-spacing: -0.4px;
    margin-bottom: 20px;
  }
}
.membership .summary .row {
  position: relative;
  top: -4px;
}
.membership .summary div.my-score b {
  font-size: 24px;
  color: #5C19DD;
}
@media (max-width: 799px) {
  .membership .summary .count {
    margin: 0 0 3px 0px;
  }
}
.membership .summary .count b {
  font-size: 24px;
  color: #5C19DD;
  margin: 0;
  font-weight: 500;
}
.membership .summary .count span {
  color: #999999;
  font-weight: 500;
}
@media (max-width: 799px) {
  .membership .summary .count span {
    font-weight: 500;
    font-size: 18px;
  }
}
.membership .summary .summary-box {
  height: 40px;
  padding: 0px 25px;
}
@media (max-width: 799px) {
  .membership .summary .summary-box {
    padding: 0px;
    font-size: 18px;
    height: 40px;
  }
}
.membership .summary .summary-box:nth-child(2) {
  border-right: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
}
.membership .summary .summary-box div.count,
.membership .summary .summary-box div.my-score {
  line-height: 30px;
  margin-top: -6px;
}
@media (max-width: 799px) {
  .membership .summary .summary-box div.count,
  .membership .summary .summary-box div.my-score {
    text-align: center;
  }
}
.membership .summary .summary-box div.my-score span {
  line-height: 1.7;
}
.membership .summary .summary-box div:last-child {
  font-size: 14px;
}
@media (max-width: 799px) {
  .membership .summary .summary-box div:last-child {
    font-size: 12px;
  }
}
.membership .summary .summary-box .my-score div:last-child,
.membership .summary .summary-box .count div:last-child {
  margin-top: -2px;
}
@media (max-width: 799px) {
  .membership .summary .summary-box .my-score span {
    float: none;
  }
}
.membership h3 {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.557143px;
  color: #222222;
  padding-left: 0px;
  padding-bottom: 20px;
}
.membership h3 small {
  font-size: 12px;
}
.membership .chart-wrap {
  margin: 5px 0 10px 0;
}
.membership .chart-wrap .cover {
  height: 10px;
  border-radius: 100px;
  background: linear-gradient(to right, #4B00EA, #8F00FF);
  position: relative;
  top: -10px;
}
.membership .chart-wrap .chart:first-child {
  width: 574px;
  text-align: left;
}
.membership .chart {
  display: table;
  width: 100%;
}
.membership .chart.bar :first-child .item {
  border-radius: 100px 0 0 100px;
}
.membership .chart.bar :last-child .item {
  border-radius: 0 100px 100px 0;
}
.membership .chart .cell {
  display: table-cell;
  position: relative;
}
.membership .chart .cell.new {
  width: 50%;
}
.membership .chart .cell.new .item {
  width: 50%;
  text-align: left;
}
.membership .chart .cell.new .item .value {
  width: 50%;
}
.membership .chart .cell.new .item:last-child .value {
  margin-left: -3px;
}
.membership .chart .cell.new .anchor {
  left: 14px;
}
.membership .chart .cell .item {
  font-size: 12px;
  color: #ccc;
}
.membership .chart .cell .item.grade-background {
  background: #EEE;
  height: 10px;
}
.membership .chart .cell .anchor {
  width: 28px;
  height: 28px;
  line-height: 26px;
  top: -16px;
  bottom: 0;
  z-index: 1;
  left: 30%;
  transform: translateX(-50%);
  text-align: center;
  position: absolute;
  background: #5c19dd;
  color: #fff;
  border-radius: 100rem;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
.membership .chart .cell .anchor:after {
  background: #5c19dd;
  content: "";
  position: absolute;
  bottom: -2px;
  width: 10px;
  height: 10px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.membership .chart .cell .anchor.anchor-0 {
  left: 15%;
}
.membership .chart .cell .icon {
  margin-top: 4px;
  max-height: 20px;
}
.membership ul.terms li::marker {
  color: #666666;
}
.membership ul.terms li {
  font-size: 12px;
  list-style: square;
  margin: 0 0 0px 20px;
  line-height: 18px;
  color: #bcc;
}
@media (max-width: 799px) {
  .membership ul.terms li {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #666666;
  }
}
.membership ul.terms li p {
  margin: 0;
  color: #666;
  line-height: 22px;
}
.membership ul.terms li a {
  color: #5C19DD;
}
.membership table {
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #555555;
  margin-bottom: 20px;
}
.membership table.w tbody {
  display: inline-table;
  width: 100%;
}
@media (max-width: 799px) {
  .membership table.m {
    display: inline-table;
    margin-bottom: 10px;
  }
  .membership table.m tr:last-child td {
    border-bottom: 1px solid #222222;
  }
  .membership table.m td {
    border-bottom: 1px solid #dddddd;
  }
  .membership table.m td:first-child {
    width: 120px;
    text-align: left;
    padding-left: 15px;
  }
  .membership table.m tr:first-child td {
    text-align: center;
    padding-left: 0px;
  }
}
.membership table tbody {
  border-top: 1px solid #222222 !important;
  border-bottom: 1px solid #222222 !important;
}
.membership table tr {
  height: 48px;
}
.membership table tr:first-child {
  border-bottom: 1px solid #dddddd;
}
.membership table tr:first-child td {
  border-bottom: 1px solid #dddddd !important;
}
@media (max-width: 799px) {
  .membership table tr {
    height: 44px;
  }
}
.membership table td {
  border-left: 1px solid #dddddd;
  border-top: 1px solid #222222;
  border-bottom: 1px solid #222222;
}
.membership table td img {
  margin-right: 4px;
  position: relative;
  top: -2px;
  width: 16px;
}
.membership table td:first-child {
  border-left: none;
}
.membership table .bronze,
.membership table .silver,
.membership table .gold,
.membership table .diamond {
  font-weight: 700;
  letter-spacing: -0.4px;
}
.membership table .bronze {
  color: #928454;
}
.membership table .silver {
  color: #999999;
}
.membership table .gold {
  color: #FFC101;
}
.membership table .diamond {
  color: #8167ED;
}
.mobile-attendance {
  height: 75px;
  line-height: 75px;
  border-top: 1px solid #eeeeee;
  border-bottom: 5px solid #eeeeee;
  padding: 0 15px 0 15px;
  color: #fff;
}
.mobile-attendance .title {
  line-height: 60px;
  font-size: 14px;
}
.mobile-attendance .title img {
  vertical-align: text-top;
  width: 16px;
  height: 16px;
}
.mobile-attendance .loading {
  text-align: center;
}
.mobile-attendance button {
  background: #8e89f2;
  font-size: 14px;
  color: #fff;
  height: 45px;
  line-height: 45px;
  border: 0;
  padding: 0;
  margin: 10px 0;
  display: block;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  width: 100%;
}
.mobile-attendance .in-attendance {
  text-align: center;
  font-size: 10px;
  line-height: initial;
  margin: 10px 0;
  color: #999;
  height: 45px;
}
.mobile-attendance .in-attendance strong {
  font-size: 16px;
  font-weight: 500;
  display: block;
  color: #5c19dd;
}
.mobile-attendance .in-attendance strong.total {
  color: #222;
}
.mobile-attendance.freeMyList {
  height: 100px;
  line-height: 100px;
}
.mobile-attendance .in-freeMyList {
  font-size: 11px;
  line-height: initial;
  margin: -14px 0 0 0;
  color: #888888;
}
.mobile-attendance .in-freeMyList .my-list-dot {
  margin-top: 5px;
}
.mobile-attendance .in-freeMyList.on {
  color: #444444;
}
.mobile-attendance .not-free-list {
  margin-right: 497px;
}
.mobile-attendance.dark {
  background: #232228;
  border-top: 1px solid #302E3E;
  border-bottom: 5px solid #15141c;
}
.mobile-attendance.dark button {
  background: #7d69f6;
}
.mobile-attendance.dark pagination {
  background: #15141C;
}
.mobile-attendance.dark .in-attendance {
  color: #999;
}
.mobile-attendance.dark .in-attendance strong {
  font-size: 16px;
  font-weight: 500;
  display: block;
  color: #9584ff;
}
.mobile-attendance.dark .in-attendance strong.total {
  color: #eeeeee;
}
.mobile-attendance.dark .in-freeMyList.on {
  color: #cccccc;
}
.mobile-board-nav {
  background: #fff;
  height: 50px;
  line-height: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 1;
}
.mobile-board-nav.header {
  margin-top: 10px;
  margin-bottom: 10px;
}
.mobile-board-nav.header.faq {
  margin-bottom: 0;
  padding-bottom: 5px;
}
.mobile-board-nav .left {
  position: relative;
  min-width: 122px;
  padding-left: 0px;
}
.mobile-board-nav .left * {
  line-height: 30px;
}
.mobile-board-nav .left button {
  padding: 0;
  border: 0;
  width: 100%;
  background: transparent;
  text-align: left;
  font-weight: 500;
  font-size: 20px;
  line-height: 29px;
  letter-spacing: -0.4px;
  color: #222222;
}
.mobile-board-nav .left button i {
  position: absolute;
  left: 84px;
  top: 6px;
  width: 17px;
  height: 17px;
}
.mobile-board-nav .left button i.down {
  background: url('/assets/img/board/ic-round-down.svg') left center no-repeat;
}
.mobile-board-nav .left button i.up {
  background: url('/assets/img/board/ic-round-up.svg') left center no-repeat;
}
.mobile-board-nav .left button i.help {
  left: unset;
  top: 6px;
  width: 17px;
  height: 17px;
  margin-left: 10px;
}
.mobile-board-nav .left ul {
  position: absolute;
  width: 157px;
  background: #FFFFFF;
  left: 0;
  z-index: 60;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  top: 45px;
}
.mobile-board-nav .left ul li {
  border-top: 1px solid #EEEEEE;
  padding-left: 14px;
}
.mobile-board-nav .left ul li a {
  font-weight: 400;
  font-size: 16px;
  line-height: 50px;
  color: #222222;
}
.mobile-board-nav .left ul li.on a {
  color: #5C19DD;
  font-weight: 700;
}
.mobile-board-nav .left.friend {
  width: 50% !important;
}
.mobile-board-nav .left.friend button i {
  left: 145px;
}
.mobile-board-nav .right {
  padding-left: 10px;
  padding-right: 20px;
  border-left: 1px solid #eeeeee;
  position: relative;
  height: 20px;
  top: 3px;
}
.mobile-board-nav .right.width-60 {
  width: 60% !important;
}
.mobile-board-nav .right.width-50 {
  width: 50% !important;
  padding-right: 0px;
}
.mobile-board-nav .right .search input {
  height: 30px;
  background: transparent;
  border: 0;
  padding-left: 17px;
  width: 100%;
  color: #222222;
  position: relative;
  top: -5px;
}
.mobile-board-nav .right .search input:focus {
  background: transparent !important;
}
.mobile-board-nav .right .search button {
  position: absolute;
  background: transparent;
  padding: 0;
  border: 0;
  left: 10px;
  height: 30px;
  line-height: (30px)-6;
  top: -5px;
  color: #222222;
}
.mobile-board-nav.dark {
  background: #232228;
}
.mobile-board-nav.dark.customer {
  background: #15141C;
}
.mobile-board-nav.dark.customer .left ul {
  background: #2A2930;
  border-right: 1px solid #33313B;
  border-left: 1px solid #33313B;
}
.mobile-board-nav.dark.board .left ul {
  background: #2A2930;
  border-right: 1px solid #33313B;
  border-left: 1px solid #33313B;
}
.mobile-board-nav.dark button {
  color: #eeeeee;
}
.mobile-board-nav.dark button i {
  opacity: 0.8;
}
.mobile-board-nav.dark .search input {
  color: #575757;
}
.mobile-board-nav.dark .search input:focus {
  color: #eeeeee;
}
.mobile-board-nav.dark .left {
  border-right: none;
}
.mobile-board-nav.dark .left ul {
  background: #15141C;
}
.mobile-board-nav.dark .right {
  border-left: 1px solid #444;
}
.mobile-board-nav .mobile-tooltip {
  position: absolute;
  background-color: #ffffff;
  width: 201px;
  height: 40px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.14);
  border-radius: 5px;
  padding: 10px 0 10px 15px;
  z-index: 99;
  top: 35px;
  line-height: 20px;
  color: #5C19DD;
  border: 1px solid #874CFB;
}
.mobile-board-nav .mobile-tooltip .arrow {
  position: absolute;
  top: -7px;
  left: 30px;
  background: url(/assets/img/board/ic-arrow-tooltip.svg) no-repeat center;
  width: 10px;
  height: 10px;
}
.mobile-board-nav .mobile-tooltip .close {
  position: relative;
  width: 19px;
  height: 19px;
  top: -9px;
  right: 1px;
  line-height: unset;
  opacity: 1 !important;
}
.mobile-board-nav .mobile-tooltip .close img {
  height: 9px;
  width: 9px;
}
.mobile-board-prefix-item {
  height: 52px;
  line-height: 52px;
  position: relative;
  margin-bottom: 8px;
}
.mobile-board-prefix-item .col-xs-12 {
  padding: 0;
}
.mobile-board-prefix-item button {
  width: 100%;
  height: 52px;
  color: #999;
  text-align: left;
  position: relative;
  padding: 0 15px;
  border-radius: 3px;
  border: 1px solid #DDD;
  background: #F8F8F9;
}
.mobile-board-prefix-item button.on {
  color: #222;
}
.mobile-board-prefix-item button img {
  position: absolute;
  width: 10px;
  height: 8px;
  top: 23px;
  right: 14px;
}
.mobile-board-prefix-item button img.up {
  transform: rotate(-180deg);
}
.mobile-board-prefix-item ul {
  margin-bottom: 62px;
  position: absolute;
  width: 100%;
  border-radius: 3px;
  border: 1px solid #DDD;
  background: #FFF;
  z-index: 2;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-top: 5px;
}
.mobile-board-prefix-item ul.long {
  padding-bottom: 60px;
}
.mobile-board-prefix-item ul li {
  color: #222;
  line-height: 21px;
}
.mobile-board-prefix-item ul li a {
  color: #000;
}
.mobile-board.list {
  border-top: 1px solid #222222;
}
.mobile-board .mobile-board-item {
  clear: both;
  position: relative;
}
.mobile-board .mobile-board-item:hover {
  background: #fafbfb;
}
.mobile-board .mobile-board-item a {
  color: #666;
}
.mobile-board .mobile-board-item a.link {
  display: block;
  width: 100%;
  height: 100%;
}
.mobile-board .mobile-board-content .mobile-board-row,
.mobile-board .mobile-board-item .mobile-board-row {
  position: relative;
}
.mobile-board .mobile-board-content .mobile-board-row.subject,
.mobile-board .mobile-board-item .mobile-board-row.subject {
  font-size: 18px;
  padding: 30px 0px 10px 0px;
  color: #000;
  margin-bottom: 10px;
}
@media (max-width: 799px) {
  .mobile-board .mobile-board-content .mobile-board-row.subject,
  .mobile-board .mobile-board-item .mobile-board-row.subject {
    font-size: 16px;
  }
}
.mobile-board .mobile-board-content .mobile-board-row.subject .prefix,
.mobile-board .mobile-board-item .mobile-board-row.subject .prefix {
  color: #5c19dd;
}
@media (max-width: 799px) {
  .mobile-board .mobile-board-content .mobile-board-row.subject .prefix,
  .mobile-board .mobile-board-item .mobile-board-row.subject .prefix {
    font-size: 13px;
  }
}
.mobile-board .mobile-board-content .mobile-board-row.subject .category,
.mobile-board .mobile-board-item .mobile-board-row.subject .category {
  color: #5c19dd;
}
.mobile-board .mobile-board-content .mobile-board-row.subject .category span,
.mobile-board .mobile-board-item .mobile-board-row.subject .category span {
  display: inline-block;
  padding: 0 10px;
  height: 24px;
  line-height: 22px;
  border-radius: 12.5px;
  margin-bottom: 8px;
  border: 1px solid #ddd;
  font-size: 12px;
  font-weight: 500;
  color: #666;
  vertical-align: top;
}
.mobile-board .mobile-board-content .mobile-board-col.view {
  padding-top: 10px;
}
.mobile-board .mobile-board-content .mobile-board-col.view .author {
  font-size: 12px !important;
  line-height: 22px !important;
}
.mobile-board .mobile-board-content .mobile-board-col.view .author img.grade {
  margin-top: 3px !important;
}
.mobile-board .mobile-board-content .mobile-board-col.view .description {
  margin-top: 2px !important;
  margin-left: 8px;
}
.mobile-board .mobile-board-content .mobile-board-col.avatar {
  width: 22px;
}
.mobile-board .mobile-board-content .mobile-board-col.avatar img {
  width: 22px;
}
.mobile-board .mobile-board-content .mobile-board-col.avatar.view {
  padding-top: 0;
  padding-bottom: 20px;
}
.mobile-board .mobile-board-content .mobile-board-col.comment-count {
  position: absolute;
  right: 14px;
  top: 20px;
  text-align: center;
  font-weight: 500;
  border: 1px solid #D7C3FF;
  height: 21px;
  line-height: 19px;
  padding: 0px 7px;
  font-size: 11px;
  border-radius: 11px;
  border-bottom-right-radius: 0;
  min-width: 21px;
  color: #773aec;
}
.mobile-board .mobile-board-content .mobile-board-col.comment-count.bottom {
  top: inherit;
  bottom: 34px;
}
.mobile-board .mobile-board-content .mobile-board-col.summary {
  position: absolute;
  top: 0;
  padding-left: 30px;
  width: 100%;
  padding-top: 1px;
}
.mobile-board .mobile-board-content .mobile-board-col.summary .subject {
  display: inline-block;
  font-size: 14px;
  padding-top: 16px;
  max-width: 94%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #000;
}
.mobile-board .mobile-board-content .mobile-board-col.summary .subject .prefix {
  color: #5c19dd;
}
.mobile-board .mobile-board-content .mobile-board-col.summary .new img {
  width: 9px;
  height: 9px;
  position: relative;
  top: -7px;
}
.mobile-board .mobile-board-content .mobile-board-col.summary .author {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: -0.4px;
  color: #222222;
}
.mobile-board .mobile-board-content .mobile-board-col.summary .author img.grade {
  vertical-align: top;
  max-width: 15px;
  max-height: 15px;
}
@media (max-width: 320px) {
  .mobile-board .mobile-board-content .mobile-board-col.summary .author:not(.full) {
    max-width: 70px;
  }
}
.mobile-board .mobile-board-content .mobile-board-col.summary .description {
  display: inline-block;
  position: absolute;
  font-size: 12px;
}
.mobile-board .mobile-board-content .mobile-board-col.summary .description .view-count {
  display: inline-block;
  color: #999;
}
.mobile-board .mobile-board-content .mobile-board-col.summary .description .date {
  display: inline-block;
  color: #999;
}
.mobile-board .mobile-board-content .mobile-board-col.summary .description span + span:before {
  color: #eee;
  z-index: 1;
  content: '|';
  padding: 0 6px 0 6px;
}
.mobile-board.dark {
  background: #232228;
  border-top: 1px solid #2C2B34;
}
.mobile-board.dark .mobile-board-item.notice,
.mobile-board.dark .mobile-board-item:hover {
  background: #232228;
}
.mobile-board.dark .mobile-board-item a {
  color: #666;
}
.mobile-board.dark .mobile-board-item a.link {
  display: block;
  width: 100%;
  height: 100%;
}
.mobile-board.dark .mobile-board-item .mobile-board-col .subject {
  color: #eeeeee;
}
.mobile-board.dark .mobile-board-item .author {
  color: #64c9ea !important;
}
.mobile-board.dark .author {
  color: #EEEEEE !important;
}
.mobile-board.dark .view-count,
.mobile-board.dark .comment-count,
.mobile-board.dark .like-count {
  color: #EEEEEE !important;
}
.mobile-board.dark .like-count .like-img {
  background: url(/assets/img/board/ic-like-dark.svg) no-repeat center;
}
.mobile-board.dark .summary .description span + span:before {
  color: #444444 !important;
}
.mobile-board.dark .subject {
  color: #eeeeee !important;
}
.mobile-board.dark .subject .prefix {
  color: #9584FF !important;
}
.mobile-board.dark .subject .category {
  color: #5c19dd;
}
.mobile-board.dark .subject .category span {
  border: 1px solid #444444 !important;
  color: #808080 !important;
}
.mobile-board.dark .mobile-board-content {
  color: #eeeeee;
}
.mobile-board .board-item-bottom {
  border-top: 1px solid #EEEEEE;
  padding-top: 15px;
  padding-bottom: 40px;
  height: 50px;
}
.mobile-board-write-icon {
  background: url(/assets/img/board/ic-write.svg) no-repeat center;
  display: block;
  width: 32px;
  height: 32px;
}
.mobile-board-write-icon.has-penalty {
  background: url(/assets/img/board/ic-write-disabled.svg) no-repeat center;
}
.mobile-board-write-icon.dark {
  background: url(/assets/img/board/ic-write-dark.svg) no-repeat center;
}
.mobile-board-content p {
  margin: 0;
  padding: 0;
}
.mobile-board-content ul,
.mobile-board-content li,
.mobile-board-content div,
.mobile-board-content table,
.mobile-board-content img {
  max-width: 100%;
}
.mobile-board-content img {
  height: auto !important;
}
.mobile-board-content .content {
  padding: 40px 0px 80px 0px;
}
.mobile-board-content .management {
  border-top: 1px solid #e5e5e5;
}
.mobile-board-content .management a {
  float: left;
  width: 50%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  text-decoration: none;
  color: #353535;
  border-left: 1px solid #e5e5e5;
}
.mobile-board-content .management a.edit {
  color: #353535;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.mobile-board-content .management:after {
  display: block;
  content: '';
  clear: left;
}
.inquiry-mobile-button {
  background: #222;
  color: #fff;
  width: 100%;
  border-radius: 0;
  height: 48px;
  line-height: 46px;
  font-size: 16px;
  display: block;
  border: none;
  padding: 0;
  margin: 10px 0;
  font-weight: bold;
}
.inquiry-mobile-button[disabled] {
  background: #E5E5E5 !important;
  color: #fff;
}
@media (max-width: 799px) {
  .mobile-bottom-button {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    font-size: 18px;
  }
}
.mobile-bottom-menu {
  border-top: 1px solid #ccc;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 50;
  left: 0;
  display: none;
  transition: all, .3s;
}
.mobile-bottom-menu.up {
  bottom: -60px;
}
@media (max-width: 799px) {
  .mobile-bottom-menu {
    display: block;
    z-index: 100;
    background: #fff;
  }
}
.mobile-bottom-menu ul {
  width: 100%;
}
.mobile-bottom-menu li {
  float: left;
  background: #fff;
  width: 20%;
  text-align: center;
}
.mobile-bottom-menu li a {
  display: block;
  height: 60px;
  font-size: 12px;
  color: #444;
  padding-top: 10px;
}
.mobile-bottom-menu li a.on {
  color: #5c19dd;
}
.mobile-bottom-menu li a:hover {
  text-decoration: none;
}
.mobile-bottom-menu li a img {
  margin: 0 auto 3px auto;
  display: block;
  height: 23px;
}
@media (max-width: 799px) {
  :root .mobile-bottom-menu {
    display: none\9;
  }
}
section.category .mobile-category {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  margin: 0 -10px 0 -10px;
}
section.category .mobile-category .category-group-wrap {
  position: relative;
  z-index: 1;
  transition: 0.5s;
  padding: 10px;
}
section.category .mobile-category .category-group-wrap.ng-leave {
  transform: translateY(0);
}
section.category .mobile-category .category-group-wrap.ng-leave.ng-leave-active {
  transform: translateY(-100%);
}
section.category .mobile-category .category-group-wrap.ng-enter {
  transform: translateY(-100%);
}
section.category .mobile-category .category-group-wrap.ng-enter.ng-enter-active {
  transform: translateY(0);
}
section.category .mobile-category .btn-extend {
  position: relative;
  z-index: 2;
  background: #5c19dd;
  color: #fff;
  height: 40px;
  line-height: 40px;
  border: 0;
  display: block;
  width: 100%;
  text-align: left;
  padding: 0 0 0 20px;
}
section.category .mobile-category .btn-extend i.icon {
  margin-left: 10px;
}
section.category .mobile-category .btn-extend i.arrow {
  float: right;
  font-size: 20px;
  margin-right: 10px;
  height: 40px;
  line-height: 40px;
}
.mobile-category-banner {
  width: 100%;
}
.mobile-category-banner img {
  width: 100%;
  border-radius: 3px;
  margin-top: 24px;
}
.mobile-category .category-group {
  zoom: 1;
  margin: 10px 0 15px 0;
}
.mobile-category .category-group:before,
.mobile-category .category-group:after {
  content: "";
  display: table;
}
.mobile-category .category-group:after {
  clear: both;
}
.mobile-category .category-group h4 {
  border-bottom: 1px solid #444;
  padding: 0 0 5px 0;
}
.mobile-category .category-group h4 a {
  font-size: 16px;
  color: #111;
}
.mobile-category .category-group h4 img {
  vertical-align: middle;
}
.mobile-category .category-group .sub-category-col {
  padding: 8px 0 7px 0;
  font-size: 14px;
  color: #555;
  border-bottom: 1px solid #ddd;
}
.mobile-category .category-group .sub-category-col:nth-child(even) {
  border-right: 1px solid #ddd;
}
.mobile-category .category-group .sub-category-col .sub-category {
  height: 20px;
}
.mobile-category .category-group .sub-category-col .sub-category i {
  margin: 0 5px 0 10px;
}
.mobile-category .category-group .sub-category-col .sub-category a {
  color: #444;
  margin-left: 10px;
}
.mobile-category .category-group .sub-category-col .sub-category a:hover {
  text-decoration: none;
}
.mobile-category .etc-menu {
  zoom: 1;
  margin: 30px -15px -15px -15px;
  background: #222 url('/assets/img/category/m-bg-category.jpg') no-repeat;
}
.mobile-category .etc-menu:before,
.mobile-category .etc-menu:after {
  content: "";
  display: table;
}
.mobile-category .etc-menu:after {
  clear: both;
}
.mobile-category .etc-menu .item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.mobile-category .etc-menu .item:nth-child(odd) {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.mobile-category .etc-menu .item a {
  display: block;
  text-align: center;
  font-size: 13px;
  padding: 19px 0 17px 0;
  color: rgba(255, 255, 255, 0.9);
}
.mobile-category .etc-menu img {
  width: 100%;
  height: 70px;
}
.nh-myon arrow-icon,
.nh-myon media-icon,
.nh-myon common-icon,
.nh-myon revu-icon,
.nh-myon none-icon,
.nh-myon chat-icon {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.nh-myon-backdrop {
  position: fixed;
  inset: 0;
  z-index: 999;
  background: transparent;
  pointer-events: none;
}
.nh-myon-backdrop.is-active {
  pointer-events: auto;
}
.nh-myon {
  position: absolute;
  top: 100%;
  right: 58px;
  width: 450px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 25px;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 25px;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s linear 0.25s;
}
.nh-myon.is-open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s;
}
.nh-myon-user {
  display: flex;
  align-items: center;
  gap: 10px;
}
.nh-myon-avatar-wrap {
  position: relative;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  cursor: pointer;
  text-decoration: none;
}
.nh-myon-avatar {
  width: 64px;
  height: 64px;
  border-radius: 999px;
  object-fit: cover;
  display: block;
}
.nh-myon-avatar-cam-btn {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: #FFFFFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
}
.nh-myon-info {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.nh-myon-greeting {
  font-family: 'Pretendard';
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  color: #000000;
  margin: 0;
}
.nh-myon-nick {
  font-family: 'Pretendard';
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  color: #000000;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.nh-myon-nick:hover {
  color: #000000;
}
.nh-myon-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.nh-myon-section a:hover {
  color: #222222;
}
.nh-myon-title {
  font-family: 'Pretendard';
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  color: #222222;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.nh-myon-media {
  background: #f6f8fb;
  border-radius: 12px;
  padding: 20px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.nh-myon-media-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: 80px;
  text-decoration: none;
}
.nh-myon-media-item span {
  font-family: 'Pretendard';
  font-size: 11px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.005em;
  text-transform: none;
  color: #222222;
  text-align: center;
  word-break: break-all;
  text-decoration: none;
}
.nh-myon-media-item span.is-none {
  color: #999999;
}
.nh-myon-campaign-box {
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  overflow: hidden;
}
.nh-myon-campaign-box.none {
  border: none;
}
.nh-myon-stats {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  padding: 20px 20px 15px;
  border-bottom: 1px solid #DDDDDD;
}
.nh-myon-stat {
  display: flex;
  flex-direction: column;
  gap: 3px;
  flex-shrink: 0;
  padding-right: 30px;
  border-right: 1px solid #EEEEEE;
  cursor: pointer;
  text-decoration: none;
  position: relative;
}
.nh-myon-stat.is-active::after {
  content: '';
  position: absolute;
  bottom: -16px;
  left: -15px;
  right: 0;
  height: 2px;
  background: #222222;
}
.nh-myon-stat:first-child.is-active::after {
  left: 0;
}
.nh-myon-stat:last-child.is-active::after {
  right: -15px;
}
.nh-myon-stat:last-child {
  border-right: none;
  padding-right: 0;
}
.nh-myon-stat span {
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  color: #333333;
}
.nh-myon-stat strong {
  font-family: 'Pretendard';
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  color: #5C19DD;
}
.nh-myon-campaign-list {
  list-style: none;
  padding: 15px 20px 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.nh-myon-campaign-item {
  display: flex;
  align-items: stretch;
  gap: 15px;
  text-decoration: none;
  padding-bottom: 15px;
  border-bottom: 1px solid #EEEEEE;
}
.nh-myon-thumb {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 12px;
  background: #F8F8F9;
  flex-shrink: 0;
  display: block;
}
.nh-myon-thumb-placeholder {
  width: 100%;
  height: 100%;
  background: #EEEEEE;
  border-radius: 12px;
}
.nh-myon-thumb-cover {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));
  pointer-events: none;
  border-radius: 12px;
}
.nh-myon-thumb-dim {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.4);
  pointer-events: none;
  border-radius: 12px;
}
.nh-myon-thumb-media-icons {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 2;
  display: flex;
  gap: 1px;
}
.nh-myon-campaign-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  width: 100%;
  margin-bottom: 8px;
}
.nh-myon-campaign-name {
  display: block;
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.005em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nh-myon-campaign-sub {
  display: block;
  font-family: 'Pretendard';
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #666666;
}
.nh-myon-campaign-data {
  display: flex;
  align-items: center;
  gap: 10px;
}
.nh-myon-campaign-status,
.nh-myon-campaign-data .is-urgent {
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
}
.nh-myon-campaign-status {
  color: #222222;
}
.nh-myon-campaign-status.is-over {
  color: #E73333;
}
.nh-myon-campaign-data .is-urgent {
  color: #E73333;
}
.nh-myon-campaign-users,
.nh-myon-content-count {
  font-family: 'Pretendard';
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  border-left: 1px solid #DDDDDD;
  padding-left: 8px;
}
.nh-myon-campaign-users em,
.nh-myon-content-count em {
  font-family: 'Pretendard';
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  font-style: normal;
  color: #999999;
}
.nh-myon-campaign-users {
  color: #222222;
}
.nh-myon-content-count {
  color: #333333;
}
.nh-myon-more {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 50px;
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  color: #222222;
  text-decoration: none;
  width: 100%;
}
.nh-myon-point-box {
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  padding: 20px;
  display: flex;
  align-items: flex-start;
}
.nh-myon-point {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
}
.nh-myon-point + .nh-myon-point {
  border-left: 1px solid #EEEEEE;
  padding-left: 30px;
}
.nh-myon-point span {
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
}
.nh-myon-point strong {
  font-family: 'Pretendard';
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  color: #5C19DD;
}
.nh-myon-link {
  display: flex;
  align-items: center;
  gap: 2px;
  font-family: 'Pretendard';
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  color: #222222;
  text-decoration: none;
  padding-bottom: 20px;
}
.nh-myon-link:hover {
  color: #222222;
}
.nh-myon-link.is-border {
  border-bottom: 1px solid #EEEEEE;
}
.nh-myon-media-none {
  background: #f6f8fb;
  border-radius: 12px;
  padding: 32px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  width: 100%;
  box-sizing: border-box;
}
.nh-myon-media-none-title {
  display: block;
  font-family: 'Pretendard';
  font-size: 13px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #333333;
}
.nh-myon-media-none-sub {
  display: block;
  font-family: 'Pretendard';
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #999999;
}
.nh-myon-campaign-none {
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  background: #f6f8fb;
}
.nh-myon-campaign-none-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}
.nh-myon-campaign-none-title {
  display: block;
  font-family: 'Pretendard';
  font-size: 13px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #333333;
  text-align: center;
}
.nh-myon-campaign-none-sub {
  display: block;
  font-family: 'Pretendard';
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #999999;
  text-align: center;
}
.nh-myon-guide-btn {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 12px 80px;
  border: 1px solid #DDDDDD;
  border-radius: 6px;
  background: #FFFFFF;
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  color: #333333;
  cursor: pointer;
  text-decoration: none;
}
.nh-myon-guide-btn:hover {
  border: 1px solid #999999;
}
.nh-myon-campaign-loading {
  min-height: 333px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nh-myon-campaign-empty {
  min-height: 333px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.nh-myon-campaign-empty span {
  font-family: 'Pretendard';
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #999999;
}
.nh-myon-campaign-item--empty {
  height: 96px;
  border-bottom: 1px solid #EEEEEE;
}
.nh-myon-campaign-item--empty:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.nh-myon-thumb-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}
.mypage-campaign-request-modal p {
  line-height: 19px;
}
.mypage-campaign-request-modal .campaign-info {
  display: flex;
  gap: 15px;
}
.mypage-campaign-request-modal .campaign-image {
  width: 50px;
  height: 50px;
}
.mypage-campaign-request-modal .campaign-image .cover img {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 3px;
  object-fit: cover;
}
.mypage-campaign-request-modal .campaign-details {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.mypage-campaign-request-modal .campaign-details .campaign-title {
  margin-bottom: 0;
  color: #222;
  font-size: 15px;
  font-weight: 400;
}
.mypage-campaign-request-modal .campaign-details .campaign-reward {
  color: #666;
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
}
.mypage-campaign-request-modal .label-list .label {
  border-radius: 0;
  font-weight: normal;
  margin-right: 0;
  padding: 2px 4px 3px;
  font-size: 11px;
  display: inline-block;
}
@media (max-width: 799px) {
  .mypage-campaign-request-modal .label-list .label {
    font-size: 11px;
    margin-right: 3px;
  }
}
.mypage-campaign-request-modal .label-list .label.point {
  border: 1px solid #999;
  color: #333;
}
.mypage-campaign-request-modal .label-list .label.reward {
  border: 1px solid #ddd;
  color: #666;
}
.mypage-campaign-request-modal .label-list .label.able {
  border: 1px solid #ddd;
  color: #666;
  margin-right: 3px;
}
.mypage-campaign-request-modal hr {
  margin: 25px 0;
}
@media (max-width: 799px) {
  .mypage-campaign-request-modal hr {
    margin: 20px 0;
  }
}
.mypage-campaign-request-modal hr:nth-of-type(2) {
  margin: 40px 0 25px;
}
@media (max-width: 799px) {
  .mypage-campaign-request-modal hr:nth-of-type(2) {
    margin: 30px 0 20px;
  }
}
.mypage-campaign-request-modal .campaign-option {
  margin-bottom: 20px;
}
.mypage-campaign-request-modal .campaign-option .trial-info {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.mypage-campaign-request-modal .campaign-option p {
  color: #222;
  font-size: 16px;
  font-weight: 700;
}
.mypage-campaign-request-modal .campaign-option p.trial-label {
  font-size: 13px;
  font-weight: 400;
  color: #999;
  margin-bottom: 4px;
}
.mypage-campaign-request-modal .campaign-option p.trial-value {
  font-size: 14px;
  color: #333;
  margin: 0;
  font-weight: 400;
  white-space: pre-line;
  word-break: break-word;
}
.mypage-campaign-request-modal .campaign-option p.trial-value.b {
  font-weight: 700;
}
.mypage-campaign-request-modal .campaign-option span {
  color: #333;
  font-size: 14px;
  font-weight: 400;
}
.mypage-campaign-request-modal .campaign-option .empty-content {
  color: #333;
  font-size: 14px;
}
.mypage-campaign-request-modal .trial-divider {
  margin: 40px 0 25px 0;
}
.mypage-campaign-request-modal button {
  width: 275px;
  margin: 0 auto;
}
@media (max-width: 799px) {
  .mypage-campaign-request-modal button {
    width: 100%;
  }
}
.mypage-campaign .v5-campaign-card-list > div:first-child {
  margin-left: -5px;
  margin-right: -5px;
}
@media (max-width: 799px) {
  .mypage-campaign .v5-campaign-card-list > div:first-child {
    margin: 0;
  }
}
.mypage-campaign .v5-campaign-card-list ul {
  padding-top: 10px;
}
@media (max-width: 799px) {
  .mypage-campaign .v5-campaign-card-list ul {
    padding-top: 0;
  }
}
@media (max-width: 799px) {
  .mypage-campaign .v5-campaign-card-list {
    margin: 0px 10px;
  }
  .mypage-campaign .v5-campaign-card-list.my-campaign-margin {
    margin: 0px;
  }
}
.mypage-campaign .v5-campaign-card-list .description .delivery {
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  text-decoration-line: underline;
  float: right;
  color: #777777;
}
@media (max-width: 799px) {
  .mypage-campaign .v5-campaign-card-list .description .delivery {
    font-size: 11px;
  }
}
.mypage-campaign .v5-campaign-card-list .description .delivery span {
  cursor: pointer;
}
.mypage-campaign .v5-campaign-card-list .description .delivery .delivery-card {
  min-width: 160px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 17px;
  color: #999999;
  position: absolute;
  right: -10px;
  background-color: #ffffff;
  border: 1px solid #DDDDDD;
  text-align: left;
  border-radius: 3px;
  padding: 15px 25px 15px 15px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
  margin: 10px 5px;
  display: none;
}
@media (max-width: 799px) {
  .mypage-campaign .v5-campaign-card-list .description .delivery .delivery-card {
    font-size: 11px;
    padding: 15px 20px 10px 10px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    right: -1px;
  }
}
.mypage-campaign .v5-campaign-card-list .description .delivery .delivery-card strong {
  color: #222222;
  margin-left: 5px;
  font-weight: 400;
}
@media (max-width: 799px) {
  .mypage-campaign .v5-campaign-card-list .description .delivery .delivery-card strong {
    margin-left: 3px;
  }
}
.mypage-campaign .v5-campaign-card-list .description .delivery .delivery-card .close {
  width: 8px;
  height: 8px;
  float: right;
  position: relative;
  border-radius: unset;
  opacity: 1;
  left: 15px;
  top: -22px;
}
@media (max-width: 799px) {
  .mypage-campaign .v5-campaign-card-list .description .delivery .delivery-card .close {
    left: 12px;
  }
}
.mypage-campaign .v5-campaign-card-list .description .delivery .delivery-card .arrow {
  position: absolute;
  top: -7px;
  right: 16px;
  background: url(/assets/img/mypage/ic-arrow-tooltip-black.svg) no-repeat center;
  width: 10px;
  height: 10px;
}
.mypage-campaign .v5-campaign-card-list.dashboard .media-type img {
  width: 18px;
}
.mypage-campaign .v5-campaign-card-list.dashboard .media-type img.youtube-inspect-size {
  width: 25px !important;
  height: 18px !important;
  margin-top: 2px;
}
.mypage-campaign .v5-campaign-card-list.dashboard .shopping-type.icon {
  width: 18px !important;
  height: 18px !important;
}
.mypage-campaign .v5-campaign-card-list.dashboard .shopping-type.icon img {
  width: 100%;
  height: 100%;
}
@media (max-width: 799px) {
  .mypage-campaign .v5-campaign-card-list.dashboard {
    margin: 0;
  }
  .mypage-campaign .v5-campaign-card-list.dashboard .my-campaigns .slick-list {
    width: 92%;
    overflow: visible;
  }
  .mypage-campaign .v5-campaign-card-list.dashboard .my-campaigns .label-list,
  .mypage-campaign .v5-campaign-card-list.dashboard .my-campaigns .applicant-cnt,
  .mypage-campaign .v5-campaign-card-list.dashboard .my-campaigns .reward {
    display: none;
  }
  .mypage-campaign .v5-campaign-card-list.dashboard .my-campaigns .card {
    margin: 15px 4px 4px 4px;
  }
  .mypage-campaign .v5-campaign-card-list.dashboard .my-campaigns .card .campaign-favorite {
    background-size: contain;
    width: 15px;
    height: 15px;
    top: 6px;
    right: 6px;
  }
  .mypage-campaign .v5-campaign-card-list.dashboard ul {
    padding-top: 0;
  }
  .mypage-campaign .v5-campaign-card-list.dashboard.no-result {
    height: auto;
    overflow-x: hidden;
    white-space: nowrap;
    overflow-y: hidden;
  }
  .mypage-campaign .v5-campaign-card-list.dashboard .description {
    padding-top: 2px;
  }
  .mypage-campaign .v5-campaign-card-list.dashboard .description .card-type {
    margin: 5px 0;
  }
  .mypage-campaign .v5-campaign-card-list.dashboard .description dl dt .shopping-type-wrap {
    top: 1px;
  }
  .mypage-campaign .v5-campaign-card-list.dashboard .description dl dt .shopping-type-wrap .shopping-type.icon {
    width: 12px !important;
    height: 12px !important;
  }
  .mypage-campaign .v5-campaign-card-list.dashboard .description dl dt .shopping-type-wrap .shopping-type.icon.with-shorts {
    margin-right: 0px;
  }
  .mypage-campaign .v5-campaign-card-list.dashboard .description dl dt .shopping-type-wrap .shopping-type.icon.with-shorts img {
    width: 14px !important;
    top: -3px;
  }
  .mypage-campaign .v5-campaign-card-list.dashboard .description dl dt .media-type img {
    width: 12px !important;
    height: 12px !important;
    top: 6px;
  }
  .mypage-campaign .v5-campaign-card-list.dashboard .description dl dt .media-type.youtube-icon img {
    width: 14px !important;
    top: 4px;
  }
  .mypage-campaign .v5-campaign-card-list.dashboard .description dl dt.offer {
    font-size: 11px;
    line-height: 16px;
    padding-top: 1px;
  }
  .mypage-campaign .v5-campaign-card-list.dashboard .description dl dt strong div :first-child {
    font-size: 10px;
  }
  .mypage-campaign .v5-campaign-card-list.dashboard .description dl dt strong div :first-childstrong {
    margin-left: 15px !important;
  }
  .mypage-campaign .v5-campaign-card-list.dashboard .description dl dt strong.add-campaign-icon {
    margin-left: 32px !important;
  }
  .mypage-campaign .v5-campaign-card-list.dashboard .description dl dt strong.add-campaign-icon.youtube {
    margin-left: 36px !important;
  }
}
.mypage-campaign .v5-campaign-card-list.dashboard .new-campaign-card .description dt strong:last-child.youtube {
  padding: 0 !important;
  margin-left: 28px;
}
@media (max-width: 799px) {
}
@media (max-width: 799px) {
  .mypage-campaign h4.snb-title {
    margin-bottom: 0;
    display: none;
  }
}
.mypage-campaign .new-campaign-card .card {
  padding: 0;
}
@media (max-width: 799px) {
  .mypage-campaign .new-campaign-card .card {
    padding: 0;
    margin: 10px 5px !important;
  }
}
.mypage-campaign .nav-tabs-wrap ul {
  height: auto;
}
@media (max-width: 799px) {
  .mypage-campaign .nav-tabs-wrap ul {
    margin: 0px;
  }
}
.mypage-campaign .nav-tabs-wrap ul li {
  width: 25%;
  text-align: center;
}
.mypage-campaign .nav-tabs-wrap .nav.nav-tabs li:hover a,
.mypage-campaign .nav-tabs-wrap .nav.nav-tabs li:hover strong {
  color: #444;
}
.mypage-campaign .nav-tabs-wrap .nav.nav-tabs li a {
  font-weight: 400;
  font-size: 16px;
}
@media (max-width: 799px) {
  .mypage-campaign .nav-tabs-wrap .nav.nav-tabs li a {
    font-size: 14px;
  }
}
.mypage-campaign .nav-tabs-wrap .nav.nav-tabs li a strong {
  color: #999999;
  font-weight: 700 !important;
}
.mypage-campaign .nav-tabs-wrap .nav.nav-tabs li a > strong {
  font-weight: 500;
  font-size: 18px;
}
@media (max-width: 799px) {
  .mypage-campaign .nav-tabs-wrap .nav.nav-tabs li a > strong {
    font-weight: 400;
  }
}
.mypage-campaign .nav-tabs-wrap .nav.nav-tabs li.active {
  pointer-events: none;
  border-bottom: 1px solid #dddddd !important;
}
.mypage-campaign .nav-tabs-wrap .nav.nav-tabs li.active a {
  font-weight: 500;
  color: #222222;
}
.mypage-campaign .nav-tabs-wrap .nav.nav-tabs li.active a strong {
  font-weight: 500;
  color: #5c19dd;
}
@media (max-width: 799px) {
  .mypage-campaign .nav-tabs-wrap .nav.nav-tabs.mypage-detail li a {
    padding: 0px;
    line-height: 40px;
    height: 40px;
    font-size: 14px;
    color: #999999;
    font-weight: 400;
  }
  .mypage-campaign .nav-tabs-wrap .nav.nav-tabs.mypage-detail li strong {
    font-size: 14px;
    font-weight: 400;
  }
  .mypage-campaign .nav-tabs-wrap .nav.nav-tabs.mypage-detail li.active {
    border-bottom: 2px solid #222222 !important;
  }
  .mypage-campaign .nav-tabs-wrap .nav.nav-tabs.mypage-detail li.active a {
    color: #222222;
    font-weight: 700;
  }
  .mypage-campaign .nav-tabs-wrap .nav.nav-tabs.mypage-detail li.active strong {
    font-weight: 700;
  }
}
@media (max-width: 799px) {
  .mypage-campaign .nav-tabs-wrap.detail {
    padding: 0px 15px;
    min-width: 358px;
    border-bottom: 1px solid #E5E5E5;
  }
  .mypage-campaign .nav-tabs-wrap.detail .nav-tabs {
    border-bottom: 0px;
  }
}
.mypage-campaign .request-no-found {
  padding: 120px 0;
  line-height: 1.63;
  color: #AEB3C2;
  font-size: 14px;
  font-weight: 400;
}
.mypage-campaign .request-no-found.dashboard {
  padding: 80px 0;
}
@media (max-width: 799px) {
  .mypage-campaign .request-no-found.dashboard {
    padding: 40px 0;
    font-size: 13px;
  }
}
.mypage-campaign .request-no-found .nickname {
  color: #5c19dd;
}
.mypage-campaign .request-no-found .campaign-view-button-area {
  margin-top: 30px;
}
.mypage-campaign .request-no-found .campaign-view-button-area a {
  width: 200px;
  padding: 12px;
  font-size: 16px;
  color: #666666;
  margin: 0 3px;
}
@media (max-width: 799px) {
  .mypage-campaign .request-no-found .campaign-view-button-area a {
    width: 29%;
    margin: 0;
    font-size: 11px;
    padding: 8px;
    min-width: 103px;
  }
}
@media (max-width: 799px) {
  .mypage-campaign .request-no-found .campaign-view-button-area {
    margin: 30px 15px 0;
  }
}
.mypage-campaign .request-no-found img {
  margin-bottom: 20px;
}
@media (max-width: 799px) {
  .mypage-campaign .request-no-found {
    padding: 80px 0;
  }
}
.mypage-campaign .sub-tabs {
  margin: 18px 0 5px;
}
.mypage-campaign .sub-tabs:before,
.mypage-campaign .sub-tabs:after {
  content: " ";
  display: table;
}
.mypage-campaign .sub-tabs:after {
  clear: both;
}
.mypage-campaign .sub-tabs:before,
.mypage-campaign .sub-tabs:after {
  content: " ";
  display: table;
}
.mypage-campaign .sub-tabs:after {
  clear: both;
}
@media (max-width: 799px) {
  .mypage-campaign .sub-tabs {
    margin: 0;
    padding: 10px 0px;
  }
}
.mypage-campaign .sub-tabs a {
  color: #666;
  margin: 0 10px;
}
.mypage-campaign .sub-tabs a:hover {
  text-decoration: none;
}
.mypage-campaign .sub-tabs a.on {
  font-weight: normal;
  color: #222;
}
.mypage-campaign .sub-tabs a:first-child {
  margin-left: 0px;
}
.mypage-campaign .campaign-item .new-campaign-card .card {
  margin: 10px;
  padding: 0;
}
@media (min-width: 768px) {
  .mypage-campaign .campaign-item {
    width: 25% !important;
  }
}
.mypage-campaign .campaign-item-list {
  display: block;
  width: 100%;
}
.mypage-campaign.dashboard {
  margin-bottom: 80px;
}
@media (max-width: 799px) {
  .mypage-campaign.dashboard {
    margin-bottom: 45px;
  }
}
.mypage-campaign.dashboard .nav-tabs li a {
  padding: 22px 20px;
  color: #C3C3C3;
}
@media (max-width: 799px) {
  .mypage-campaign.dashboard .nav-tabs li a {
    height: 75px;
    line-height: 24px;
    padding: 14px 20px;
  }
}
.mypage-campaign.dashboard .nav-tabs li.active a {
  color: #222222 !important;
}
.mypage-campaign.dashboard .nav-tabs-wrap ul {
  border-top: 1px solid #222222;
}
.mypage-campaign.mypage-detail {
  border-top: 1px solid #222222;
}
.mypage-campaign.mypage-detail .nav-tabs li a {
  padding: 22px 20px;
  color: #999999;
}
.mypage-campaign.mypage-detail .nav-tabs li a:hover {
  color: #444 !important;
}
.mypage-campaign.mypage-detail .nav-tabs li a:hover strong {
  color: #444;
}
@media (max-width: 799px) {
  .mypage-campaign.mypage-detail .nav-tabs li a {
    height: 75px;
    line-height: 24px;
    padding: 14px 20px;
  }
}
.mypage-campaign.mypage-detail .nav-tabs li.active {
  pointer-events: none;
}
.mypage-campaign.mypage-detail .nav-tabs li.active a {
  color: #222222 !important;
}
@media (max-width: 799px) {
  .mypage-campaign.mypage-detail {
    border-top: 0px;
  }
}
.mypage-campaign.favorite-section {
  margin-top: 15px;
}
.mypage-campaign.favorite-section .campaign-card-list,
.mypage-campaign.dashboard.favorite .campaign-card-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  row-gap: 40px;
  list-style: none;
  padding: 0;
  margin: 25px 0 40px;
  min-height: unset;
}
.mypage-campaign.favorite-section .campaign-card .new-campaign-card-v2.size-md .card-thumb,
.mypage-campaign.dashboard.favorite .campaign-card .new-campaign-card-v2.size-md .card-thumb {
  width: 100%;
  aspect-ratio: 1 / 1;
  height: auto;
}
.mypage-campaign.favorite-section .campaign-card .new-campaign-card-v2.size-md .card-info,
.mypage-campaign.dashboard.favorite .campaign-card .new-campaign-card-v2.size-md .card-info {
  width: 100%;
}
@media (max-width: 799px) {
  .mypage-campaign.favorite-section .campaign-card {
    flex: none;
    width: auto;
    min-width: 0;
  }
}
@media (max-width: 799px) and (max-width: 320px) {
  .mypage-campaign.favorite-section .campaign-card-list {
    grid-template-columns: repeat(2, minmax(140px, 1fr));
    overflow-x: auto;
    gap: 30px 9px;
    margin-top: 16px;
  }
  .mypage-campaign.favorite-section .campaign-card .new-campaign-card-v2.size-sm .card-thumb {
    width: 100%;
    aspect-ratio: 1/1;
    height: auto;
  }
  .mypage-campaign.favorite-section .campaign-card .new-campaign-card-v2.size-sm .card-info {
    width: 100%;
  }
  .mypage-campaign.favorite-section .campaign-card .new-campaign-card-v2.size-sm .card-data .card-users em {
    word-break: keep-all;
  }
}
@media (max-width: 799px) and (min-width: 321px) and (max-width: 551px) {
  .mypage-campaign.favorite-section .campaign-card-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 9px;
    margin-top: 16px;
  }
  .mypage-campaign.favorite-section .campaign-card .new-campaign-card-v2.size-sm .card-thumb {
    width: 100%;
    aspect-ratio: 1/1;
    height: auto;
  }
  .mypage-campaign.favorite-section .campaign-card .new-campaign-card-v2.size-sm .card-info {
    width: 100%;
  }
}
@media (max-width: 799px) and (min-width: 552px) and (max-width: 727px) {
  .mypage-campaign.favorite-section .campaign-card-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 9px;
    margin-top: 16px;
  }
  .mypage-campaign.favorite-section .campaign-card .new-campaign-card-v2.size-sm .card-thumb {
    width: 100%;
    aspect-ratio: 1/1;
    height: auto;
  }
  .mypage-campaign.favorite-section .campaign-card .new-campaign-card-v2.size-sm .card-info {
    width: 100%;
  }
}
@media (max-width: 799px) and (min-width: 728px) {
  .mypage-campaign.favorite-section .campaign-card-list {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 9px;
    margin-top: 16px;
  }
  .mypage-campaign.favorite-section .campaign-card .new-campaign-card-v2.size-sm .card-thumb {
    width: 100%;
    aspect-ratio: 1/1;
    height: auto;
  }
  .mypage-campaign.favorite-section .campaign-card .new-campaign-card-v2.size-sm .card-info {
    width: 100%;
  }
}
@media (max-width: 799px) {
  .mypage-campaign.dashboard.favorite {
    overflow-x: auto;
  }
  .mypage-campaign.dashboard.favorite .campaign-card-list {
    display: flex;
    flex-wrap: nowrap;
    gap: 9px;
    margin-top: 16px;
    margin-bottom: 20px;
    padding: 0;
    min-height: unset;
  }
  .mypage-campaign.dashboard.favorite .campaign-card {
    flex: 1 1 100px;
    min-width: 100px;
  }
  .mypage-campaign.dashboard.favorite .campaign-card .new-campaign-card-v2.size-sm .card-thumb {
    width: 100%;
    aspect-ratio: 1/1;
    height: auto;
  }
  .mypage-campaign.dashboard.favorite .campaign-card .new-campaign-card-v2.size-sm .card-info {
    width: 100%;
  }
}
@media (max-width: 799px) {
  .mypage-campaign.review .slick-list {
    width: 90%;
    overflow: visible;
  }
  .mypage-campaign.review .slick-list .slick-slide {
    width: 150px !important;
  }
  .mypage-campaign.review .reviews-wrap {
    padding-top: 10px;
    margin: 0px -7px;
  }
  .mypage-campaign.review .reviews-wrap .review-card-wrap {
    padding: 4px;
  }
  .mypage-campaign.review .reviews-wrap .review-card-wrap .review-card {
    width: 100% !important;
    height: auto;
    margin: 4px;
  }
  .mypage-campaign.review .reviews-wrap .review-card-wrap .review-card a {
    background: #00b3ee;
    width: 100%;
    height: 103px;
  }
  .mypage-campaign.review .reviews-wrap .review-card-wrap .review-card a.shorts {
    height: 184px;
  }
  .mypage-campaign.review .reviews-wrap .review-card-wrap .review-card .user-date {
    display: none;
  }
}
.coupon-list .w {
  display: inline-block;
}
.coupon-list .sort-tab .w {
  display: inline-block;
}
.coupon-list .sort-tab .arrow-box {
  right: -22px;
}
.coupon-list .sort-tab .arrow-box .arrow {
  right: 59px;
}
@media (max-width: 799px) {
  .coupon-list {
    margin-right: 15px;
  }
  .coupon-list .sort-tab .w {
    display: none;
  }
  .coupon-list .sort-tab .arrow-box {
    right: -11px;
  }
  .coupon-list .sort-tab .arrow-box .arrow {
    right: 31px;
  }
  .coupon-list .w {
    display: none;
  }
}
.coupon-timeline {
  margin-top: 15px;
  margin-left: 10px;
  border-left: 1px dotted #e5e5e5;
  padding-left: 25px;
}
.coupon-timeline div:first-child h2 {
  margin-top: 0px;
}
.coupon-timeline h2 {
  font-size: 16px;
  color: #222;
  position: relative;
  padding-bottom: 20px;
  margin-top: 35px;
}
.coupon-timeline h2 .dot {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  position: absolute;
  background: #fff;
  left: -33px;
  top: 0;
}
.coupon-timeline h2 .count {
  margin-left: 10px;
  font-size: 12px;
}
.coupon-timeline h2 .count span {
  color: #999999;
  font-weight: normal;
}
@media (max-width: 799px) {
  .coupon-timeline {
    margin: 20px 0px 0 22px;
    padding-left: 15px;
  }
  .coupon-timeline h2 {
    padding-bottom: 15px;
  }
  .coupon-timeline h2 .dot {
    left: -22px;
  }
}
.coupon-timeline > div ul {
  border-top: 1px solid #eee;
  margin-bottom: 35px;
}
.coupon-timeline > div ul.removeBottom {
  border-top: 1px solid #eee;
  margin-bottom: -1px;
}
.coupon-timeline > div ul li {
  padding: 20px 10px;
  border-bottom: 1px solid #eee;
}
@media (max-width: 799px) {
  .coupon-timeline > div ul li {
    padding: 22px 0px;
  }
}
.coupon-card {
  position: relative;
}
.coupon-card .thumb-wrap {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 799px) {
  .coupon-card .thumb-wrap {
    float: left;
    margin-right: 15px;
  }
  .coupon-card .thumb-wrap .cover {
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    opacity: .4;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 3px;
  }
}
.coupon-card .thumb-wrap .message {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  padding: 40px 15px;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  color: #fff;
  letter-spacing: normal;
}
.coupon-card .thumb-wrap .message.no-review {
  margin-top: 15px;
}
.coupon-card .thumb-wrap .message-end {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  z-index: 10;
  width: 39px;
  height: 39px;
  background-color: #ee3131;
  text-align: center;
  margin: 3px;
  line-height: 39px;
  font-size: 11px;
  font-weight: 500;
}
.coupon-card img.thumb {
  width: 130px;
  height: 130px;
  background: #ddd;
  border-radius: 3px;
}
@media (max-width: 799px) {
  .coupon-card img.thumb {
    width: 102px;
    height: 102px;
  }
}
.coupon-card .description {
  display: inline-block;
  padding-left: 18px;
}
@media (max-width: 799px) {
  .coupon-card .description {
    display: block;
  }
}
.coupon-card .description dl {
  margin-bottom: 0;
}
.coupon-card .description .card-type strong {
  font-size: 13px;
}
.coupon-card .description .card-type strong.instagram {
  color: #f247cb;
}
.coupon-card .description .card-type strong.youtube {
  color: #ff2c00;
}
.coupon-card .description .card-type strong.blog {
  color: #00cdc5;
}
@media (max-width: 799px) {
  .coupon-card .description .card-type strong {
    font-size: 11px;
  }
}
.coupon-card .description .offer {
  margin-top: 5px;
  font-size: 16px;
  letter-spacing: -0.4px;
  max-width: 448px;
  font-weight: 500;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 799px) {
  .coupon-card .description .offer {
    font-size: 13px;
    margin-top: 3px;
    max-width: auto;
    height: 20px;
    width: auto;
  }
}
.coupon-card .description dd.info {
  margin-top: 5px;
  color: #999999;
  font-size: 14px;
  letter-spacing: -0.47px;
  line-height: 20px;
  width: 420px;
}
@media (max-width: 799px) {
  .coupon-card .description dd.info {
    font-size: 12px;
    letter-spacing: -0.4px;
    line-height: 16px;
    height: 32px;
    margin-top: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: inherit;
  }
}
.coupon-card .description dd.price {
  font-size: 18px;
  color: #222;
  margin-top: 10px;
  font-weight: 600;
}
.coupon-card .description dd.price .btn.small-inline-btn {
  height: 24px;
  width: 84px;
  line-height: 22px;
  padding: 0;
  margin-left: 15px;
  background-color: white;
}
@media (max-width: 799px) {
  .coupon-card .description dd.price {
    font-size: 16px;
    margin-top: 5px;
  }
}
.coupon-card .description dd.price .time {
  font-size: 11px;
  opacity: .7;
  font-weight: normal;
  color: #999;
}
.coupon-card .description dd.price .time > strong {
  padding-left: 5px;
  color: #222;
}
.coupon-card .description dd.price .time > strong:before {
  content: ' | ';
  color: #e5e5e5;
  padding-right: 5px;
}
.coupon-card .coupon-btn-wrap {
  display: inline-block;
  width: 120px;
  vertical-align: top;
  padding-top: 25px;
  position: absolute;
  text-align: center;
  right: 0;
}
.coupon-card .coupon-btn-wrap strong {
  font-size: 16px;
  display: inline-block;
}
.coupon-card .coupon-btn-wrap strong.pass {
  color: #999;
}
@media (max-width: 799px) {
  .coupon-card .coupon-btn-wrap {
    display: block;
    position: relative;
    padding-top: 0;
    width: 100%;
  }
  .coupon-card .coupon-btn-wrap:before,
  .coupon-card .coupon-btn-wrap:after {
    content: " ";
    display: table;
  }
  .coupon-card .coupon-btn-wrap:after {
    clear: both;
  }
  .coupon-card .coupon-btn-wrap:before,
  .coupon-card .coupon-btn-wrap:after {
    content: " ";
    display: table;
  }
  .coupon-card .coupon-btn-wrap:after {
    clear: both;
  }
  .coupon-card .coupon-btn-wrap strong {
    display: none;
  }
}
.coupon-card .coupon-btn-wrap small {
  font-size: 12px;
  color: #222222;
}
.coupon-card .coupon-btn-wrap small .cnt {
  color: #999999;
}
.coupon-card .coupon-btn-wrap .btn.coupon-btn {
  margin-top: 15px;
  background: #222;
  color: #fff;
  font-size: 14px;
  width: 120px;
  height: 36px;
  line-height: 34px;
  padding: 0;
}
.coupon-card .coupon-btn-wrap .btn.coupon-btn:hover {
  background: #000;
}
.coupon-card .coupon-btn-wrap .btn.coupon-btn.cancel {
  background: #f8f8f8;
  font-size: 14px;
  color: #999;
  pointer-events: none;
}
.coupon-card .coupon-btn-wrap .btn.coupon-btn.end {
  pointer-events: none;
}
.coupon-card .coupon-btn-wrap .btn.coupon-btn.review-ing {
  background: #6819ff;
}
.coupon-card .coupon-btn-wrap .btn.coupon-btn.review-ing:hover {
  background: #762eff;
}
.coupon-card .coupon-btn-wrap .btn.coupon-btn.review-done {
  background: #f8f8f8;
  font-size: 14px;
  color: #999;
  cursor: pointer;
}
@media (max-width: 799px) {
  .coupon-card .coupon-btn-wrap .btn.coupon-btn {
    width: 48%;
    float: left;
  }
  .coupon-card .coupon-btn-wrap .btn.coupon-btn.m {
    border: 1px solid #eeeeee;
    color: #666;
    background: none;
    margin-right: 1%;
  }
}
section.no-coupon-list .coupon-list-none {
  margin: 140px 0;
}
section.no-coupon-list .coupon-list-none p {
  margin: 18px 0 35px;
  font-size: 16px;
  letter-spacing: -0.32px;
}
section.no-coupon-list .coupon-list-none p ~ .btn-wrap a {
  color: #666;
  border-color: #ddd;
  padding: 13px 12px;
  min-width: 230px;
  font-size: 16px;
}
@media (max-width: 799px) {
  section.no-coupon-list .coupon-list-none p ~ .btn-wrap {
    display: block;
    width: 100%;
  }
  section.no-coupon-list .coupon-list-none p ~ .btn-wrap a {
    display: block;
    margin: 0 15px;
    min-width: auto;
  }
}
.design-select-wrap.coupon li {
  padding: 0 12px;
}
.design-select-wrap.coupon li > div {
  border-bottom: 1px solid #eee;
}
.design-select-wrap.coupon li:last-child > div {
  border-bottom: none;
}
.mypage-dashboard a:hover {
  text-decoration: none !important;
}
.mypage-dashboard .aside-me {
  background: #333 url('/assets/img/mypage/m-bg-profile.jpg') center center no-repeat;
  background-size: cover;
  border-radius: 0;
  margin: -2px 0 0 0;
  padding: 20px 30px;
}
.mypage-dashboard .aside-me hr {
  display: none;
}
.mypage-dashboard .aside-me .show-dashboard {
  display: block;
}
.mypage-dashboard .aside-me .hide-dashboard {
  display: none;
}
.mypage-dashboard .aside-me div.avatar {
  margin-top: 20px;
  text-align: center;
}
.mypage-dashboard .aside-me div.avatar .mypage {
  float: none;
  margin-right: 0px;
}
.mypage-dashboard .aside-me div.avatar .avatar-wrap {
  height: auto;
  margin-bottom: 0;
}
.mypage-dashboard .aside-me div.avatar .user-info {
  margin-left: 0;
  padding-top: 0;
}
.mypage-dashboard .aside-me div.avatar .user-info .penalty-noti {
  display: none;
}
.mypage-dashboard .aside-me .nickname {
  height: 24px;
  line-height: 22px;
  font-size: 20px;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 10px;
  display: block;
}
.mypage-dashboard .aside-me .social {
  height: 22px;
  line-height: 18px;
  text-align: center;
}
.mypage-dashboard .aside-me .social a {
  font-size: 12px;
  color: #aaa;
}
.mypage-dashboard .aside-me .grade {
  position: absolute;
  top: 10px;
  right: 10px;
}
.mypage-dashboard .aside-me .attendance {
  display: none;
}
.mypage-dashboard .aside-me .quick-link {
  display: block;
}
.mypage-dashboard hr.divide {
  margin: 0;
  border-width: 5px;
  border-color: #eee;
}
@media (max-width: 799px) {
  .mypage-dashboard .panel {
    margin: 0 -10px;
  }
}
.mypage-dashboard .group {
  padding: 20px 15px;
}
.mypage-dashboard .group h5 {
  text-align: left;
  color: #333;
  font-size: 15px;
  height: 24px;
  line-height: 24px;
  margin-bottom: 15px;
  position: relative;
}
@media (max-width: 799px) {
  .mypage-dashboard .group h5 {
    text-align: left;
  }
}
.mypage-dashboard .group h5 a {
  position: absolute;
  right: 0;
  color: #222222;
  font-size: 24px;
  height: 24px;
  line-height: 24px;
}
.mypage-dashboard .group-my-campaign .item {
  text-align: center;
  font-size: 14px;
  color: #999;
}
.mypage-dashboard .group-my-campaign .item strong {
  display: block;
  color: #5c19dd;
  font-size: 22px;
  height: 22px;
  line-height: 22px;
  margin-bottom: 5px;
  font-weight: 500;
}
.mypage-dashboard .group-my-campaign .item:after {
  content: url(/assets/img/mypage/ic-arrow-step.svg);
  position: absolute;
  top: 20%;
  width: 15px;
  height: 15px;
  right: 0;
  transform: translateY(-50%) translateX(-100%);
}
@media (max-width: 799px) {
  .mypage-dashboard .group-my-campaign .item:after {
    top: auto;
    right: 5px;
    bottom: -5px;
    transform: translateY(-50%) translateX(100%);
  }
}
.mypage-dashboard .group-my-campaign .item:last-child:after {
  display: none;
}
.mypage-dashboard .group-my-review h5 {
  margin-bottom: 0;
}
.mypage-dashboard .group-my-review .item {
  text-align: center;
  font-size: 14px;
  color: #999999;
}
.mypage-dashboard .group-my-review .item strong {
  color: #111;
  font-size: 22px;
  height: 22px;
  line-height: 21px;
  margin-bottom: 5px;
}
.mypage-dashboard .group-my-review .review-count {
  padding-right: 28px;
  margin-bottom: 3px;
  float: right;
  display: inline-block;
  font-size: 14px;
  color: #999;
  line-height: 28px;
  font-weight: normal;
}
.mypage-dashboard .group-my-review .review-count strong {
  font-size: 18px;
  padding-left: 10px;
  color: #222222;
}
.mypage-dashboard .group-my-coupon .con {
  text-align: center;
  font-size: 14px;
  color: #999999;
  line-height: 100px;
}
.mypage-dashboard .group-my-coupon .mobile-thumb img {
  width: 100px;
  height: 100px;
  border-radius: 3px;
  float: left;
}
.mypage-dashboard .group-my-coupon .description {
  margin-left: 115px;
}
.mypage-dashboard .group-my-coupon .description dl {
  margin-bottom: 12px;
}
.mypage-dashboard .group-my-coupon .description dt {
  font-size: 15px;
  font-weight: 500;
}
.mypage-dashboard .group-my-coupon .description dd p {
  font-size: 12px;
  color: #888;
  margin-top: 5px;
}
.mypage-dashboard .group-my-coupon .description .card-type strong {
  font-size: 12px;
  margin-bottom: 3px;
  display: inline-block;
  font-weight: bold;
}
.mypage-dashboard .group-my-coupon .description .card-type strong.instagram {
  color: #f247cb;
}
.mypage-dashboard .group-my-coupon .description .card-type strong.youtube {
  color: #ff2c00;
}
.mypage-dashboard .group-my-coupon .description .card-type strong.blog {
  color: #00cdc5;
}
.mypage-dashboard .group-my-coupon .description .price {
  font-weight: bold;
  font-size: 16px;
}
.mypage-dashboard .group-my-point .item {
  background: #666;
  border-radius: 2px;
  padding: 15px;
  font-size: 14px;
  color: #eee;
}
.mypage-dashboard .group-my-point .item a {
  color: #eee;
}
.mypage-dashboard .group-my-point .item.available {
  margin-right: -5px;
  background: #6819ff;
  letter-spacing: -0.5px;
}
.mypage-dashboard .group-my-point .item.total {
  margin-left: -5px;
  background: #39424e;
}
.mypage-dashboard .group-my-point .item .point {
  margin-top: 15px;
  text-align: right;
}
.mypage-dashboard .group-my-point .item .point strong {
  margin-right: 5px;
  color: #fff;
  font-size: 22px;
  height: 22px;
  line-height: 22px;
}
.mypage-dashboard .group-my-badge .item img {
  max-width: 100%;
  padding: 9px;
}
@media (max-width: 799px) {
  .mypage-dashboard .group-my-badge .item img {
    padding: 0;
    min-width: 100%;
  }
}
.mypage-dashboard .group-my-review h5,
.mypage-dashboard .group-penalty h5,
.mypage-dashboard .group-premier h5 {
  margin-bottom: 0;
  text-align: left;
}
.mypage-dashboard .group-my-review .item,
.mypage-dashboard .group-penalty .item,
.mypage-dashboard .group-premier .item {
  line-height: inherit;
}
.mypage-dashboard .group-my-review .item img.card,
.mypage-dashboard .group-penalty .item img.card,
.mypage-dashboard .group-premier .item img.card {
  width: 17px;
}
.mypage-dashboard .group-my-review .item a,
.mypage-dashboard .group-penalty .item a,
.mypage-dashboard .group-premier .item a {
  padding-left: 15px;
}
.mypage-dashboard .group-my-review .item strong,
.mypage-dashboard .group-penalty .item strong,
.mypage-dashboard .group-premier .item strong {
  color: #f63e2d;
}
.mypage-dashboard .group-my-review .item strong.large,
.mypage-dashboard .group-penalty .item strong.large,
.mypage-dashboard .group-premier .item strong.large {
  font-size: 18px;
  color: #222;
  line-height: 18px;
  padding-left: 10px;
}
.mypage-dashboard .group-premier h5 .premier-icon {
  position: absolute;
  right: 26px;
}
.mypage-dashboard .group-premier h5 .premier-icon img {
  width: 26px;
  height: 26px;
}
.mypage-dashboard .group-premier h5 .go-modal img {
  position: absolute;
  right: 0;
  top: 5px;
}
.mypage-dashboard.container {
  background: url(/assets/img/mypage/mypage-dashboard-bg.png) center top no-repeat;
  background-size: cover;
}
.container.mypage .attendance-wrap {
  position: relative;
  text-align: left;
  padding-left: 0;
}
.container.mypage .attendance-wrap .gif-wrap {
  display: none;
  position: absolute;
  top: -12px;
  right: -6px;
  width: 120px;
  height: 100%;
}
.container.mypage .attendance-wrap .gif-wrap img {
  width: 100%;
}
.mypage-pending-modal {
  color: #222;
}
.mypage-pending-modal h2 {
  font-weight: 500;
  font-size: 20px;
  line-height: 29px;
  color: #222222;
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.mypage-pending-modal h2 .bottom-title {
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 799px) {
  .mypage-pending-modal h2 .bottom-title {
    flex-direction: column;
  }
}
.mypage-pending-modal h2 .bottom-title .pending-point {
  font-weight: 500;
  font-size: 22px;
  line-height: 32px;
  color: #5C19DD;
}
.mypage-pending-modal h2 .bottom-title .pending-point span {
  font-size: 15px;
}
.mypage-pending-modal h2 .bottom-title .pending-point-notice {
  display: block;
  align-items: end;
  font-size: 11px;
  color: #666666;
  font-weight: 400;
  line-height: normal;
  text-align: right;
}
@media (max-width: 799px) {
  .mypage-pending-modal h2 .bottom-title .pending-point-notice {
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 15px;
    margin-bottom: 0px;
    margin-top: 20px;
    line-height: normal;
    word-break: keep-all;
  }
}
.mypage-pending-modal table {
  border-collapse: collapse;
  width: 100%;
  margin: 0 0 5px 0;
}
.mypage-pending-modal table th,
.mypage-pending-modal table td {
  border-bottom: 1px solid #EEEEEE;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #222222;
  padding: 20px;
}
.mypage-pending-modal table th.padding-right-15,
.mypage-pending-modal table td.padding-right-15 {
  padding-right: 15px;
}
.mypage-pending-modal table th.padding-right,
.mypage-pending-modal table td.padding-right {
  padding-right: 30px;
}
.mypage-pending-modal table th.brief,
.mypage-pending-modal table td.brief {
  padding-left: 10px;
}
.mypage-pending-modal table th.brief span,
.mypage-pending-modal table td.brief span {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.mypage-pending-modal table th.td-ip-check span,
.mypage-pending-modal table td.td-ip-check span {
  display: block;
  font-size: 13px;
  font-weight: 400;
}
.mypage-pending-modal table th.td-ip-check span.desc,
.mypage-pending-modal table td.td-ip-check span.desc {
  color: #5C19DD;
}
.mypage-pending-modal table th {
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #666666;
  padding: 10px;
  background: #F5F5F5;
}
.mypage-pending-modal table th.marketplace {
  text-align: left;
  padding-left: 20px;
}
.mypage-pending-modal table td.date {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #999999;
}
.mypage-pending-modal table td.point,
.mypage-pending-modal table td.cancel,
.mypage-pending-modal table td.partial-cancel {
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  text-align: right;
  letter-spacing: -0.4px;
}
.mypage-pending-modal table td.cancel {
  color: #F44336;
}
.mypage-pending-modal table td.partial-cancel {
  color: #222222;
}
.mypage-pending-modal table td.cancel span,
.mypage-pending-modal table td.partial-cancel span {
  display: block;
}
.mypage-pending-modal table td.cancel span:last-child,
.mypage-pending-modal table td.partial-cancel span:last-child {
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  color: #777777;
}
.mypage-pending-modal table td.marketplace {
  font-weight: bold;
  color: #222222;
  text-align: left;
}
.mypage-pending-modal table:not(:first-child) {
  margin-top: 10px;
}
.mypage-pending-modal strong {
  color: #5c19dd;
}
.mypage-pending-modal .terms div {
  font-weight: 400;
  font-size: 13px;
  line-height: 22px;
  letter-spacing: -0.004em;
  color: #666666;
  margin-bottom: 10px;
}
@media (max-width: 799px) {
  .mypage-pending-modal .terms div {
    font-size: 12px;
  }
}
.mypage-pending-modal .terms div span {
  color: #333333;
  font-weight: 700;
}
.mypage-pending-modal .terms div:first-child {
  margin-top: 20px;
}
.mypage-pending-modal .terms div:last-child {
  margin-bottom: 0;
}
.mypage-pending-modal .pending-pagination {
  clear: both;
  display: block;
  text-align: center;
  padding: 20px 0;
}
@media (max-width: 799px) {
  .mypage-pending-modal .pending-pagination {
    padding: 20px 0;
  }
}
.mypage-pending-modal .pending-pagination .pagination {
  margin: 0;
}
.mypage-pending-modal .pending-pagination .pagination a {
  color: #999 !important;
  background: transparent !important;
  border: none !important;
  font-size: 14px !important;
  padding: 5px 15px !important;
}
@media (max-width: 799px) {
  .mypage-pending-modal .pending-pagination .pagination a {
    padding: 5px 10px !important;
    width: 30px;
  }
}
.mypage-pending-modal .pending-pagination .pagination a:hover {
  text-decoration: underline;
}
.mypage-pending-modal .pending-pagination .pagination li.active a {
  color: #5C19DD !important;
  font-weight: bold;
}
.mypage-pending-modal .pending-pagination .pagination li.active a:hover {
  text-decoration: none;
}
.mypage-pending-modal .pending-pagination .pagination-prev a {
  text-decoration: none !important;
  background: url(/assets/img/board/btn-prev.svg) left bottom no-repeat !important;
  background-position-y: 6px !important;
}
.mypage-pending-modal .pending-pagination .pagination-prev a:hover {
  background-image: url(/assets/img/board/btn-prev-on.svg) !important;
}
.mypage-pending-modal .pending-pagination .pagination-prev.disabled a {
  background: url(/assets/img/board/btn-prev.svg) left bottom no-repeat !important;
  background-position-y: 6px !important;
}
.mypage-pending-modal .pending-pagination .pagination-next a {
  text-decoration: none !important;
  background: url(/assets/img/board/btn-next.svg) left bottom no-repeat !important;
  background-position-y: 6px !important;
  background-position-x: 6px !important;
}
.mypage-pending-modal .pending-pagination .pagination-next a:hover {
  background-image: url(/assets/img/board/btn-next-on.svg) !important;
}
.mypage-pending-modal .pending-pagination .pagination-next.disabled a {
  background: url(/assets/img/board/btn-next.svg) left bottom no-repeat !important;
  background-position-y: 6px !important;
  background-position-x: 6px !important;
}
.mypage-pending-modal.dark {
  color: #808080;
}
.mypage-pending-modal.dark h2 {
  color: #EEEEEE;
}
.mypage-pending-modal.dark h2 .pending-point {
  color: #9584FF;
}
.mypage-pending-modal.dark label {
  color: #CCCCCC;
}
.mypage-pending-modal.dark strong {
  color: #9584FF;
}
.mypage-pending-modal.dark hr {
  border-top: 1px solid #2C2B34;
}
.mypage-pending-modal.dark table th {
  background: #28272F;
}
.mypage-pending-modal.dark table th,
.mypage-pending-modal.dark table td {
  border: 1px solid #33313B;
}
.mypage-pending-modal.dark .pending-point-notice {
  color: #999999 !important;
  border-bottom: 1px solid #2C2B34 !important;
}
.mypage-pending-modal.dark .mypage-point-mobile-card {
  color: #EEEEEE;
  border-bottom: 1px solid #2C2B34;
}
.mypage-pending-modal.dark .mypage-point-mobile-card .info .brief-text {
  color: #EEEEEE;
}
.mypage-pending-modal.dark .mypage-point-mobile-card .marketplace {
  color: #EEEEEE;
}
.mypage-pending-modal.dark .mypage-point-mobile-card .date {
  color: #999999 !important;
}
.mypage-pending-modal.dark .mypage-point-mobile-card .split {
  background: #555;
}
.mypage-pending-modal.dark .pending-pagination li {
  color: #808080;
}
.mypage-pending-modal.dark .pending-pagination li.active a {
  color: #EEEEEE !important;
}
.mypage-pending-modal.dark .pending-pagination .pagination-prev a {
  background: url(/assets/img/board/btn-prev-dark.svg) left bottom no-repeat !important;
  background-position-y: 6px !important;
}
.mypage-pending-modal.dark .pending-pagination .pagination-prev.disabled a {
  background: url(/assets/img/board/btn-prev-dark.svg) left bottom no-repeat !important;
  background-position-y: 6px !important;
}
.mypage-pending-modal.dark .pending-pagination .pagination-next a {
  background: url(/assets/img/board/btn-next-dark.svg) left bottom no-repeat !important;
  background-position-y: 6px !important;
  background-position-x: 6px !important;
}
.mypage-pending-modal.dark .pending-pagination .pagination-next.disabled a {
  background: url(/assets/img/board/btn-next-dark.svg) left bottom no-repeat !important;
  background-position-y: 6px !important;
  background-position-x: 6px !important;
}
.mypage-pending-modal.dark .terms div {
  color: #808080;
}
.mypage-pending-modal.dark .terms div span {
  color: #CCCCCC;
}
@media (max-width: 799px) {
  .mypage-pending-modal .control-label {
    padding-bottom: 15px;
  }
  .mypage-pending-modal .price .point,
  .mypage-pending-modal .price .cancel {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
  }
  .mypage-pending-modal .price .cancel span {
    color: #F44336;
  }
  .mypage-pending-modal .price .cancel div {
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #777777;
  }
}
.mobile-deposit li .mypage-point-mobile-card {
  border-bottom: 1px solid #EEEEEE;
}
.mobile-deposit li:last-child .mypage-point-mobile-card {
  border-bottom: none;
}
.mypage-point-mobile-card {
  padding: 15px 5px 20px 5px;
}
@media (max-width: 799px) {
  .mypage-point-mobile-card {
    padding: 15px 0px 20px;
    border-bottom: 1px solid #E5E5E5;
    display: flex;
    align-items: center;
  }
}
.mypage-point-mobile-card .info .created-at {
  font-size: 12px;
  color: #999999;
}
.mypage-point-mobile-card .info .status-text {
  font-size: 14px;
  line-height: 22px;
  margin-top: 5px;
  font-weight: 500;
  margin-bottom: 5px;
}
.mypage-point-mobile-card .info .brief-text {
  color: #222222;
}
.mypage-point-mobile-card .info .brief {
  text-overflow: ellipsis;
}
@media (max-width: 799px) {
  .mypage-point-mobile-card .info {
    padding-left: 0px;
  }
}
.mypage-point-mobile-card .info .date {
  color: #666;
  font-size: 11px;
  font-weight: 400;
}
.mypage-point-mobile-card .info .marketplace {
  color: #222;
  font-size: 11px;
  font-weight: 700;
}
.mypage-point-mobile-card .price {
  padding-top: 27px;
  font-size: 14px;
}
.mypage-point-mobile-card .price .highlight {
  font-weight: 500;
  color: #222;
  font-size: 18px;
}
.mypage-point-mobile-card .price .highlight.debit {
  color: #F44336;
}
.mypage-point-mobile-card .price .cancel-button {
  position: absolute;
  margin-right: 9px;
  right: 0;
  top: -25px;
  width: 69px;
  height: 24px;
  font-size: 12px;
  padding-top: 3px;
}
@media (max-width: 799px) {
  .mypage-point-mobile-card .price {
    padding-right: 10px;
    padding-top: 0px;
  }
}
.mypage-point-mobile-card .price .ip-check {
  font-size: 12px;
  color: #5C19DD;
}
.mypage-point-mobile-card .price .ip-check.dark {
  color: #9584FF;
}
.mypage-point-mobile-card .split {
  width: 1px;
  height: 10px;
  display: inline-block;
  background-color: #dddddd;
  margin-left: 2px;
  margin-right: 2px;
}
.mypage-setting-wrap {
  background: #f6f6f6;
}
.mypage-setting .panel {
  margin: 0 -10px;
  background: #f6f6f6;
  border-radius: 0;
}
.mypage-setting .font-bold {
  font-weight: bold;
}
.mypage-setting h5 {
  margin: 20px 0 5px 10px;
  font-size: 13px;
  color: #666;
  font-weight: bold;
}
.mypage-setting ul {
  border-top: 1px solid #eee;
  margin: 0;
}
.mypage-setting ul li a {
  color: #333;
  display: block;
  height: 45px;
  line-height: 45px;
  border-bottom: 1px solid #eee;
  background: #FFF;
  padding: 0 20px;
}
.mypage-setting ul li a:hover {
  text-decoration: none;
}
.mypage-setting ul li a .icon {
  float: right;
  margin-top: 14px;
}
.mypage-summary {
  background: #FFFFFF;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 30px 40px;
}
@media (max-width: 799px) {
  .mypage-summary {
    padding: 20px;
    margin-top: 20px;
    position: relative;
    z-index: 999;
    height: 260px;
  }
}
.mypage-summary .summary-bg {
  background-image: url(/assets/img/mypage/mypage-dashboard-bg.png);
  background-size: cover;
  position: absolute;
  top: 128px;
  z-index: -1;
  height: 250px;
  width: 100%;
  left: 0;
}
@media (max-width: 799px) {
  .mypage-summary .summary-bg {
    height: 140px;
    width: 100%;
    margin-left: -15px;
    position: absolute;
    z-index: 1;
    margin-top: -20px;
    background-image: url(/assets/img/mypage/mypage-dashboard-m-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
  }
}
.mypage-summary.mini {
  height: 110px;
  margin-top: 35px;
}
.mypage-summary.mini .summary-bg {
  background-image: url(/assets/img/mypage/mypage-dashboard-bg-mini.png);
  background-size: cover;
  height: 130px;
}
.mypage-summary.mini .avatar {
  height: 60px;
}
.mypage-summary.mini .avatar .mypage {
  width: 60px;
  height: 60px;
  float: left;
  margin-right: 15px;
  margin-bottom: 10px;
  position: relative;
  top: -5px;
}
.mypage-summary.mini .summary:nth-child(even) {
  height: 60px;
  border-left: none;
  border-right: none;
}
.mypage-summary.mini .summary:nth-child(3) {
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  height: 60px;
}
.mypage-summary.mini .summary:nth-child(4) {
  border-right: 1px solid #eeeeee;
  height: 60px;
}
.mypage-summary.mini .summary:nth-child(1) {
  width: 370px;
}
.mypage-summary.mini .summary:nth-child(2) {
  width: 230px;
  padding-left: 25px;
  padding-right: 50px;
}
.mypage-summary.mini .summary:nth-child(3),
.mypage-summary.mini .summary:nth-child(4),
.mypage-summary.mini .summary:nth-child(5) {
  width: 200px;
  padding-left: 25px;
  padding-right: 25px;
}
.mypage-summary.mini .summary .attendance {
  background: #9773FD;
  border-radius: 3px !important;
  color: #FFFFFF;
  height: 28px;
  width: 73px;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: -0.52px;
  line-height: 13px;
  padding: 0;
  display: inline-block !important;
}
.mypage-summary.mini .summary .attendance:hover {
  background: #5FA4F4;
}
.mypage-summary.mini .summary .attendance.checked {
  border: 1px solid #DDD;
  background: #FFF;
  color: #333333;
}
.mypage-summary.mini .summary .attendance.confirm {
  color: #A7B1BD;
  background: #ECEFF4;
}
.mypage-summary.mini .summary .attendance .gif-wrap {
  display: none;
  position: absolute;
  top: -11px;
  right: -17px;
  width: 120px;
  height: 100%;
}
.mypage-summary.mini .summary .attendance .gif-wrap img {
  width: 100%;
}
.mypage-summary.mini .summary .attendance.checked:hover {
  color: #222222;
  border: 1px solid #999;
  background: #FFFFFF !important;
}
.mypage-summary.mini .summary .attendance.confirm:hover {
  background: #ECEFF4 !important;
}
.mypage-summary.mini .grade button {
  margin-top: 10px;
}
.mypage-summary.mini .grade .content {
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 799px) {
  .mypage-summary.mini .grade .content {
    font-size: 14px;
  }
}
.mypage-summary.mini .grade .content img {
  width: 22px;
  position: relative;
  top: -2px;
}
.mypage-summary.mini .avatar .avatar-wrap .user-info {
  display: flex;
  margin-left: 80px;
  padding-top: 6px;
}
.mypage-summary.mini .avatar .avatar-wrap .user-info .attendance {
  position: relative;
  top: -2px;
  margin-left: 20px;
}
.mypage-summary.mini .avatar .avatar-wrap .user-info .attendance .gif-wrap {
  display: none;
  position: absolute;
  top: -11px;
  right: -17px;
  width: 120px;
  height: 100%;
}
.mypage-summary.mini .avatar .avatar-wrap .user-info .attendance .gif-wrap img {
  width: 100%;
}
.mypage-summary.mini .avatar .avatar-wrap .user-info .already-sso {
  margin-left: 8px;
  font-size: 20px;
  vertical-align: text-top;
}
.mypage-summary.mini .avatar .avatar-wrap .user-info .do-sso {
  position: relative;
  top: -3px;
  left: -4px;
}
.mypage-summary.mini .media {
  font-size: 14px;
}
.mypage-summary.mini .media .media-list {
  margin-top: 10px;
}
.mypage-summary.mini .media .media-list img {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
@media (max-width: 799px) {
  .mypage-summary.mini .media .media-list {
    width: 18px;
    height: 18px;
  }
}
.mypage-summary.mini .point {
  margin-top: 10px;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.52px;
  color: #222222;
  cursor: pointer;
}
.mypage-summary.mini .point span {
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
}
.mypage-summary .summary {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 799px) {
  .mypage-summary .summary {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.mypage-summary .summary:nth-child(1) {
  width: 580px;
  padding-left: 0px;
  padding-right: 0px;
}
.mypage-summary .summary:nth-child(even) {
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  width: 320px;
}
@media (max-width: 799px) {
  .mypage-summary .summary {
    float: left;
    height: 60px;
    width: 33.333% !important;
  }
  .mypage-summary .summary .point {
    margin-top: 15px;
    font-weight: 500;
    font-size: 16px;
    color: #222222;
  }
  .mypage-summary .summary .point span {
    font-size: 12px;
  }
  .mypage-summary .summary:nth-child(2),
  .mypage-summary .summary:nth-child(3) {
    padding-left: 10px;
  }
}
@media (max-width: 799px) {
  .mypage-summary .summary .ic-premier {
    cursor: pointer;
    margin-top: 15px;
  }
  .mypage-summary .summary .ic-premier img {
    width: 18px;
  }
}
.mypage-summary .inline-item-common {
  height: 32px;
  line-height: 32px;
}
.mypage-summary .inline-item-common * {
  vertical-align: middle;
}
.mypage-summary hr {
  margin: 10px 0;
  border-top: 1px solid #eeeeee;
}
.mypage-summary .show-dashboard {
  display: none;
}
.mypage-summary .hide-dashboard {
  display: block;
}
.mypage-summary .avatar {
  height: 130px;
}
@media (max-width: 799px) {
  .mypage-summary .avatar {
    height: 160px;
  }
  .mypage-summary .avatar .already-sso,
  .mypage-summary .avatar .do-sso {
    margin-top: 15px;
    margin-left: 0px;
  }
  .mypage-summary .avatar .already-sso img,
  .mypage-summary .avatar .do-sso img {
    margin-top: 16px;
  }
}
.mypage-summary .avatar .mypage {
  float: left;
  margin-right: 15px;
  margin-bottom: 10px;
  width: 115px;
  height: 115px;
}
@media (max-width: 799px) {
  .mypage-summary .avatar .mypage {
    margin-bottom: 4px;
    float: right;
    width: 80px;
    height: 80px;
    top: -32px;
    position: relative;
    margin-right: 0px;
  }
}
.mypage-summary .avatar .avatar-wrap {
  position: relative;
  height: 70px;
  margin-bottom: 20px;
}
.mypage-summary .avatar .avatar-wrap:before,
.mypage-summary .avatar .avatar-wrap:after {
  content: " ";
  display: table;
}
.mypage-summary .avatar .avatar-wrap:after {
  clear: both;
}
.mypage-summary .avatar .avatar-wrap:before,
.mypage-summary .avatar .avatar-wrap:after {
  content: " ";
  display: table;
}
.mypage-summary .avatar .avatar-wrap:after {
  clear: both;
}
@media (max-width: 799px) {
  .mypage-summary .avatar .avatar-wrap {
    text-align: center;
    margin-bottom: 10px;
  }
}
.mypage-summary .avatar .avatar-wrap file-upload {
  position: absolute;
  top: 84px;
  left: 83px;
}
.mypage-summary .avatar .avatar-wrap file-upload img {
  idth: 100%;
  height: 35px;
}
@media (max-width: 799px) {
  .mypage-summary .avatar .avatar-wrap file-upload {
    top: 45px;
    right: -8px;
    left: unset;
  }
}
.mypage-summary .avatar .avatar-wrap file-upload button {
  background: none;
  border: none;
  padding: 0;
}
.mypage-summary .avatar .avatar-wrap .user-info {
  color: #222222;
  font-size: 22px;
  margin-left: 140px;
  font-weight: 200;
}
@media (max-width: 799px) {
  .mypage-summary .avatar .avatar-wrap .user-info {
    margin-left: 0px;
    text-align: left;
    font-size: 20px;
    line-height: 1.3;
  }
}
.mypage-summary .avatar .avatar-wrap .user-info .nickname {
  font-weight: 500;
  float: left;
}
.mypage-summary .avatar .avatar-wrap .user-info .nickname span a {
  color: #222222;
  text-decoration: none !important;
}
.mypage-summary .avatar .avatar-wrap .user-info .attendance-list {
  font-weight: 500 !important;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.52px;
  color: #666666;
  position: relative;
  top: -4px;
  left: 20px;
  cursor: pointer;
  margin-right: 30px;
}
.mypage-summary .avatar .avatar-wrap .user-info .attendance-list img {
  position: relative;
  top: -2px;
  left: 5px;
  width: 7px;
}
.mypage-summary .avatar .avatar-wrap .user-info .penalty-noti {
  margin-top: 3px;
  display: block;
  font-size: 12px;
  color: #666;
  cursor: pointer;
}
@media (max-width: 799px) {
  .mypage-summary .avatar .avatar-wrap .user-info .penalty-noti {
    margin-top: 0px;
  }
}
.mypage-summary .avatar .avatar-wrap .user-info .penalty-noti.black {
  color: #222;
}
.mypage-summary .avatar .avatar-wrap .user-info .penalty-noti img.penalty-card {
  display: inline-block;
  width: 15px;
  height: 20px;
  border-radius: 0;
  margin-bottom: 0;
}
@media (max-width: 799px) {
  .mypage-summary .avatar .avatar-wrap .user-info .penalty-noti img.penalty-card {
    width: 16px;
    height: 21px;
  }
}
.mypage-summary .avatar .avatar-wrap .user-info .penalty-noti strong {
  color: #f63e2d;
}
.mypage-summary .avatar .avatar-wrap .user-info .attendance {
  background: #9773FD;
  border-radius: 3px !important;
  color: #FFFFFF;
  height: 28px;
  width: 86px;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: -0.52px;
  line-height: 13px;
  padding: 0;
  display: inline-block !important;
}
.mypage-summary .avatar .avatar-wrap .user-info .attendance:hover {
  background: #5FA4F4;
}
.mypage-summary .avatar .avatar-wrap .user-info .penalty {
  border: 1px solid #DDDDDD;
  border-radius: 21px;
  width: 92px;
  text-align: center;
  height: 30px;
  line-height: 1.9;
  margin-top: 3px;
  margin-left: 10px;
  float: left;
}
@media (max-width: 799px) {
  .mypage-summary .avatar .avatar-wrap .user-info .penalty {
    border: none;
    text-align: left !important;
    width: 16px;
    height: 21px;
  }
}
.mypage-summary .avatar .avatar-wrap .user-info .penalty span {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.185714px;
  color: #222222;
}
.mypage-summary .avatar .grade {
  margin-left: 140px;
  margin-top: -10px;
  font-size: 16px;
  font-weight: 700;
}
.mypage-summary .avatar .grade .content img {
  width: 22px;
  position: relative;
  top: -2px;
}
@media (max-width: 799px) {
  .mypage-summary .avatar .grade {
    font-size: 14px;
    margin-left: 0px;
  }
  .mypage-summary .avatar .grade .attendance-list {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.52px;
    color: #666666;
    margin-left: 10px;
    cursor: pointer;
    margin-right: 10px;
    display: inline-block;
  }
  .mypage-summary .avatar .grade .attendance-list img {
    position: relative;
    top: -1px;
    left: 3px;
    width: 6px;
  }
}
.mypage-summary .user-status {
  margin-left: 130px;
  margin-top: 26px;
}
.mypage-summary .user-status > div:nth-child(even) {
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  height: 80px;
}
.mypage-summary .user-status > div:nth-child(2),
.mypage-summary .user-status div:nth-child(3) {
  padding-left: 20px;
}
.mypage-summary .user-status .title {
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.52px;
  color: #222222;
  margin-bottom: 7px;
  margin-top: 5px;
}
.mypage-summary .user-status .content {
  margin-top: 16px;
  font-weight: 500;
  font-size: 20px;
  line-height: 29px;
  letter-spacing: -0.52px;
  color: #222222;
  cursor: pointer;
}
.mypage-summary .user-status .content span {
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
}
.mypage-summary .user-status .ic-premier {
  cursor: pointer;
}
.mypage-summary .user-status .ic-premier img {
  width: 22px;
  margin-top: 15px;
}
.mypage-summary .user-status .non-premier {
  text-align: left;
  margin-top: 8px;
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: -0.4px;
  color: #979797;
}
.mypage-summary .media {
  font-size: 16px;
}
@media (max-width: 799px) {
  .mypage-summary .media {
    font-size: 14px;
  }
}
.mypage-summary .media .media-list {
  margin-top: 15px;
  font-size: 13px;
}
.mypage-summary .media .media-list .connect-media {
  padding: 15px 0 8px 0;
}
.mypage-summary .media .media-list .connect-media:nth-child(2) {
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid #eeeeee;
}
.mypage-summary .media .media-list .connect-media:nth-child(4) {
  border-top: 1px solid #eeeeee;
}
.mypage-summary .media .media-list .connect-media.youtube .icon {
  width: 25px;
  height: 18px;
  margin-right: -3px;
}
.mypage-summary .media .media-list .connect-media a {
  color: #999999;
}
.mypage-summary .media .media-list .connect-media a span {
  padding-left: 7px;
}
.mypage-summary .media .media-list .connect-media a span.has {
  font-weight: 500;
  color: #222222;
  display: inline-block;
  word-wrap: break-word;
  width: 223px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mypage-summary .media .media-list .connect-media a .icon {
  width: 18px;
  height: 18px;
  position: relative;
  top: -5px;
}
.mypage-summary .media .media-list .connect-media a .icon.off {
  top: -1px;
}
.mypage-summary .media .media-list .connect-media .arrow {
  float: right;
}
@media (max-width: 799px) {
  .mypage-summary .media .media-list img {
    margin-right: 3px;
  }
  .mypage-summary .media .media-list img.clip {
    width: 16px;
    height: 16px;
  }
}
.mypage-summary .social {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 32px;
  line-height: 32px;
  color: #aaa;
}
.mypage-summary .social * {
  vertical-align: middle;
}
.mypage-summary .social div {
  display: block;
  width: 100%;
  font-size: 14px;
  text-decoration: none;
  color: #222222;
}
.mypage-summary .social div .arrow {
  position: absolute;
  right: 3px;
  margin-top: 6px;
  margin-right: 2px;
}
.mypage-summary .social div.not-connect {
  color: #999;
}
.mypage-summary .social div .connect-media {
  float: right;
  margin-right: 14px;
  vertical-align: top;
}
.mypage-summary .social div .connect-media span {
  vertical-align: top !important;
}
.mypage-summary .social div .none {
  float: right;
  margin-right: 14px;
  font-size: 13px;
  color: #aaaaaa;
}
@media (max-width: 799px) {
  .mypage-summary .social .connect-media span {
    vertical-align: top !important;
  }
}
.mypage-summary .social img {
  vertical-align: text-top;
}
.mypage-summary .bold {
  font-weight: 700;
}
.mypage-summary .favorite {
  cursor: pointer;
}
.mypage-summary .favorite .info-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: -0.52px;
  color: #222222;
}
.mypage-summary .favorite .info-title strong {
  font-weight: 700;
}
.mypage-summary .favorite .desc {
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: -0.3px;
  color: #979797;
  margin-top: 13px;
  margin-bottom: 50px;
}
.mypage-summary .favorite .interest {
  font-size: 16px;
}
.mypage-summary .favorite .progress {
  width: 254px;
  height: 7px;
  margin-top: 20px;
  margin-bottom: 5px;
  background: #DDDFF7;
}
.mypage-summary .favorite .progress .progress-bar {
  background-color: #5C19DD;
}
.mypage-summary .favorite .percent {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.52px;
  color: #5C19DD;
  margin-top: 10px;
}
.mypage-summary .favorite .block {
  text-align: center;
  vertical-align: middle;
}
.mypage-summary .favorite .circle {
  background: red;
  border-radius: 200px;
  color: white;
  height: 200px;
  width: 200px;
  display: table;
  margin: 15px auto;
  position: absolute;
  font-weight: 500;
}
.mypage-summary .favorite .circle.one {
  width: 90px;
  height: 90px;
  background: #EDF4FF;
  color: #4383FF;
  top: 0px;
  left: 50px;
}
.mypage-summary .favorite .circle.one p {
  font-size: 18px;
}
.mypage-summary .favorite .circle.two {
  width: 70px;
  height: 70px;
  background: #E4FFFA;
  color: #00BF81;
  top: 80px;
  left: 10px;
}
.mypage-summary .favorite .circle.two p {
  font-size: 14px;
}
.mypage-summary .favorite .circle.three {
  width: 75px;
  height: 75px;
  background: #FFF4FB;
  color: #FB5CCE;
  top: 70px;
  left: 130px;
}
.mypage-summary .favorite .circle.three p {
  font-size: 15px;
}
.mypage-summary .favorite .circle.four {
  width: 60px;
  height: 60px;
  background: #FFF4F1;
  color: #E76F00;
  left: 176px;
}
.mypage-summary .favorite .circle.four p {
  font-size: 12px;
}
.mypage-summary .favorite .circle p {
  vertical-align: middle;
  display: table-cell;
}
.mypage-summary .loading {
  height: 208px;
}
@media (max-width: 799px) {
  .mypage-summary .loading {
    height: 246px;
  }
}
.mypage-summary .no-margin {
  margin: 0px;
}
.mypage-summary .already-sso {
  margin-left: 12px;
}
.mypage-summary .do-sso {
  margin-left: 5px;
  padding: 5px 6px 6px 6px;
  border-radius: 4px;
  border: 1px solid #DDD;
  background: #F8F8F9;
  color: #666;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.4px;
  width: 118px;
  height: 28px;
  line-height: 17px;
}
.mypage-summary .do-sso:hover {
  background: #EEEEEE;
}
naver-id-connect-account-modal h3 {
  font-size: 24px;
  color: #222;
  margin: 10px 0;
}
naver-id-connect-account-modal p {
  margin-bottom: 10px;
}
naver-id-connect-account-modal th {
  background: #F4F4F4;
}
.new-campaign-card-v2-inline {
  position: relative;
  display: block;
}
.new-campaign-card-v2-inline > a {
  display: flex;
  gap: 12px;
  text-decoration: none;
  color: inherit;
  padding: 12px 16px;
  padding-right: 44px;
  align-items: flex-start;
}
.new-campaign-card-v2-inline .inline-thumb {
  position: relative;
  flex-shrink: 0;
  width: 90px;
  height: 90px;
  border-radius: 5px;
  overflow: hidden;
  background: #EEEEEE;
}
.new-campaign-card-v2-inline .inline-thumb .inline-thumb-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.new-campaign-card-v2-inline .inline-thumb .inline-thumb-placeholder {
  width: 100%;
  height: 100%;
  background: #EEEEEE;
}
.new-campaign-card-v2-inline .inline-thumb .inline-media-icons {
  position: absolute;
  bottom: 5px;
  left: 5px;
  display: flex;
  align-items: center;
  gap: 2px;
}
.new-campaign-card-v2-inline .inline-content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.new-campaign-card-v2-inline .inline-data {
  display: flex;
  align-items: center;
  gap: 6px;
}
.new-campaign-card-v2-inline .inline-status {
  font-family: 'Pretendard';
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
}
.new-campaign-card-v2-inline .inline-status .type1 strong {
  color: #5C19DD;
}
.new-campaign-card-v2-inline .inline-status .type2 {
  color: #222222;
}
.new-campaign-card-v2-inline .inline-status .type3 {
  color: #6A8BFF;
}
.new-campaign-card-v2-inline .inline-status .type4 {
  color: #E45200;
}
.new-campaign-card-v2-inline .inline-status .type5 {
  color: #999999;
}
.new-campaign-card-v2-inline .inline-status .type6 {
  color: #6A8BFF;
}
.new-campaign-card-v2-inline .inline-status .type7 {
  color: #E73333;
}
.new-campaign-card-v2-inline .inline-status .type8 {
  color: #666666;
}
.new-campaign-card-v2-inline .inline-status .type9 {
  color: #6FB4FF;
}
.new-campaign-card-v2-inline .inline-users {
  font-family: 'Pretendard';
  font-size: 11px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.005em;
  text-transform: none;
  text-decoration: none;
  color: #666666;
  border-left: 1px solid #DDDDDD;
  padding-left: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-campaign-card-v2-inline .inline-users em {
  font-style: normal;
  color: #999999;
}
.new-campaign-card-v2-inline .inline-title {
  font-family: 'Pretendard';
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.005em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.new-campaign-card-v2-inline .inline-reward {
  font-family: 'Pretendard';
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  color: #666666;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.new-campaign-card-v2-inline .inline-labels {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 2px;
}
.new-campaign-card-v2-inline .inline-bookmark {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  line-height: 0;
  opacity: 0.7;
  transition: opacity .15s ease;
}
.new-campaign-card-v2-inline .inline-bookmark:hover,
.new-campaign-card-v2-inline .inline-bookmark.is-starred {
  opacity: 1;
}
.new-campaign-card-v2-inline .inline-bookmark common-icon img {
  width: 20px;
  height: 20px;
}
.new-campaign-card-v2 {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.new-campaign-card-v2 p {
  margin: 0;
}
.new-campaign-card-v2 a {
  display: flex;
  flex-direction: column;
  gap: 15px;
  text-decoration: none;
  color: inherit;
  padding: 0;
}
.new-campaign-card-v2 .card-thumb {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  flex-shrink: 0;
  background: #EEEEEE;
}
.new-campaign-card-v2 .card-thumb .thumb-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s;
}
.new-campaign-card-v2 .card-thumb:hover .thumb-img {
  transform: scale(1.05);
}
.new-campaign-card-v2 .card-thumb .thumb-placeholder {
  width: 100%;
  height: 100%;
  background: #EEEEEE;
}
.new-campaign-card-v2 .card-thumb .thumb-cover {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));
  pointer-events: none;
}
.new-campaign-card-v2 .card-thumb .thumb-dim {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.4);
  pointer-events: none;
}
.new-campaign-card-v2 .card-thumb .thumb-media-icons {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 2px;
}
.new-campaign-card-v2 .card-thumb .thumb-bookmark {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  line-height: 0;
  opacity: 0.8;
  transition: opacity 0.15s ease;
}
.new-campaign-card-v2 .card-thumb .thumb-bookmark:hover,
.new-campaign-card-v2 .card-thumb .thumb-bookmark.is-starred {
  opacity: 1;
}
.new-campaign-card-v2 .card-thumb .thumb-bookmark .bookmark-white-lottie {
  padding: 5px;
}
.new-campaign-card-v2 .card-info {
  display: flex;
  flex-direction: column;
}
.new-campaign-card-v2 .card-text {
  display: flex;
  flex-direction: column;
}
.new-campaign-card-v2 .card-title-sub {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.new-campaign-card-v2 .card-title-sub .card-title {
  color: #222222;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.new-campaign-card-v2 .card-title-sub .card-desc {
  color: #666666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.new-campaign-card-v2 .card-data {
  display: flex;
  align-items: center;
}
.new-campaign-card-v2 .card-data .card-status {
  color: #222222;
  white-space: nowrap;
  flex-shrink: 0;
}
.new-campaign-card-v2 .card-data .card-status .type1 strong {
  color: #5C19DD;
}
.new-campaign-card-v2 .card-data .card-status .type2 {
  color: #222222;
}
.new-campaign-card-v2 .card-data .card-status .type3 {
  color: #6A8BFF;
}
.new-campaign-card-v2 .card-data .card-status .type4 {
  color: #E45200;
}
.new-campaign-card-v2 .card-data .card-status .type5 {
  color: #999999;
}
.new-campaign-card-v2 .card-data .card-status .type6 {
  color: #6A8BFF;
}
.new-campaign-card-v2 .card-data .card-status .type7 {
  color: #E73333;
}
.new-campaign-card-v2 .card-data .card-status .type8 {
  color: #666666;
}
.new-campaign-card-v2 .card-data .card-status .type9 {
  color: #6FB4FF;
}
.new-campaign-card-v2 .card-data .card-users {
  border-left: 1px solid #DDDDDD;
  color: #333333;
}
.new-campaign-card-v2 .card-data .card-users em {
  font-style: normal;
  color: #999999;
  font-weight: 400;
}
.new-campaign-card-v2 .card-labels {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.new-campaign-card-v2.size-lg {
  width: 240px;
}
.new-campaign-card-v2.size-lg .card-thumb {
  width: 240px;
  height: 240px;
}
.new-campaign-card-v2.size-lg .card-thumb .thumb-bookmark common-icon img,
.new-campaign-card-v2.size-lg .card-thumb .thumb-bookmark ui-lottie img {
  width: 26px;
  height: 26px;
}
.new-campaign-card-v2.size-lg .card-info {
  gap: 15px;
  width: 240px;
}
.new-campaign-card-v2.size-lg .card-text {
  gap: 20px;
}
.new-campaign-card-v2.size-lg .card-title-sub .card-title {
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
}
.new-campaign-card-v2.size-lg .card-title-sub .card-desc {
  font-family: 'Pretendard';
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
}
.new-campaign-card-v2.size-lg .card-data {
  gap: 8px;
}
.new-campaign-card-v2.size-lg .card-data .card-status {
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
}
.new-campaign-card-v2.size-lg .card-data .card-users {
  font-family: 'Pretendard';
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  padding-left: 8px;
}
.new-campaign-card-v2.size-md .card-thumb {
  width: 200px;
  height: 200px;
}
.new-campaign-card-v2.size-md .card-thumb .thumb-bookmark common-icon img {
  width: 24px;
  height: 24px;
}
.new-campaign-card-v2.size-md .card-info {
  gap: 15px;
  width: 200px;
}
.new-campaign-card-v2.size-md .card-text {
  gap: 20px;
}
.new-campaign-card-v2.size-md .card-title-sub .card-title {
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
}
.new-campaign-card-v2.size-md .card-title-sub .card-desc {
  font-family: 'Pretendard';
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
}
.new-campaign-card-v2.size-md .card-data {
  gap: 8px;
}
.new-campaign-card-v2.size-md .card-data .card-status {
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
}
.new-campaign-card-v2.size-md .card-data .card-users {
  font-family: 'Pretendard';
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
  padding-left: 8px;
}
.new-campaign-card-v2.size-sm a {
  gap: 8px;
}
.new-campaign-card-v2.size-sm .card-thumb {
  width: 168px;
  height: 168px;
}
.new-campaign-card-v2.size-sm .card-thumb .thumb-media-icons {
  top: 8px;
  left: 8px;
}
.new-campaign-card-v2.size-sm .card-thumb .thumb-bookmark {
  top: 8px;
  right: 8px;
}
.new-campaign-card-v2.size-sm .card-thumb .thumb-bookmark common-icon img {
  width: 24px;
  height: 24px;
}
.new-campaign-card-v2.size-sm .card-info {
  gap: 12px;
  width: 168px;
}
.new-campaign-card-v2.size-sm .card-text {
  gap: 15px;
}
.new-campaign-card-v2.size-sm .card-title-sub .card-title {
  font-family: 'Pretendard';
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.005em;
  text-transform: none;
  text-decoration: none;
}
.new-campaign-card-v2.size-sm .card-title-sub .card-desc {
  font-family: 'Pretendard';
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
}
.new-campaign-card-v2.size-sm .card-data {
  gap: 6px;
}
.new-campaign-card-v2.size-sm .card-data .card-status {
  font-family: 'Pretendard';
  font-size: 13px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
}
.new-campaign-card-v2.size-sm .card-data .card-users {
  font-family: 'Pretendard';
  font-size: 11px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.005em;
  text-transform: none;
  text-decoration: none;
  padding-left: 6px;
}
.new-campaign-list .ncl-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  row-gap: 40px;
  column-gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.new-campaign-list .ncl-item {
  min-width: 0;
}
.new-campaign-list .ncl-loading {
  padding: 40px 0;
}
.new-campaign-list.size-md .ncl-grid {
  grid-template-columns: repeat(6, 1fr);
  column-gap: 16px;
}
.new-campaign-list .more-button-area {
  margin: 60px 0 100px 0;
  display: flex;
  justify-content: center;
}
.new-campaign-list .more-button-area button {
  width: 416px;
  height: 50px;
  padding: 0 12px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.01em;
  text-transform: none;
  text-decoration: none;
}
@media (max-width: 799px) {
  .new-campaign-list {
    padding: 0 10px;
  }
  .new-campaign-list .more-button-area {
    margin: 30px 0 0 0;
  }
  .new-campaign-list .more-button-area button {
    width: 100%;
    margin: 24px 0 20px 0;
  }
}
@media (max-width: 799px) and (max-width: 320px) {
  .new-campaign-list .ncl-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(140px, 1fr));
    overflow-x: auto;
    gap: 30px 9px;
  }
  .new-campaign-list .ncl-item {
    min-width: 0;
  }
  .new-campaign-list .ncl-item .new-campaign-card-v2.size-sm .card-thumb {
    width: 100%;
    aspect-ratio: 1/1;
    height: auto;
  }
  .new-campaign-list .ncl-item .new-campaign-card-v2.size-sm .card-info {
    width: 100%;
  }
  .new-campaign-list .ncl-item .new-campaign-card-v2 .card-data .card-users em {
    word-break: keep-all;
  }
}
@media (max-width: 799px) and (min-width: 321px) and (max-width: 551px) {
  .new-campaign-list .ncl-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 9px;
  }
  .new-campaign-list .ncl-item {
    min-width: 0;
  }
  .new-campaign-list .ncl-item .new-campaign-card-v2.size-sm .card-thumb {
    width: 100%;
    aspect-ratio: 1/1;
    height: auto;
  }
  .new-campaign-list .ncl-item .new-campaign-card-v2.size-sm .card-info {
    width: 100%;
  }
}
@media (max-width: 799px) and (min-width: 552px) and (max-width: 727px) {
  .new-campaign-list .ncl-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 9px;
  }
  .new-campaign-list .ncl-item {
    min-width: 0;
  }
  .new-campaign-list .ncl-item .new-campaign-card-v2.size-sm .card-thumb {
    width: 100%;
    aspect-ratio: 1/1;
    height: auto;
  }
  .new-campaign-list .ncl-item .new-campaign-card-v2.size-sm .card-info {
    width: 100%;
  }
}
@media (max-width: 799px) and (min-width: 728px) {
  .new-campaign-list .ncl-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 9px;
  }
  .new-campaign-list .ncl-item {
    min-width: 0;
  }
  .new-campaign-list .ncl-item .new-campaign-card-v2.size-sm .card-thumb {
    width: 100%;
    aspect-ratio: 1/1;
    height: auto;
  }
  .new-campaign-list .ncl-item .new-campaign-card-v2.size-sm .card-info {
    width: 100%;
  }
}
.campaign-item-list:last-child {
  border-bottom: 1px solid #DDDDDD;
}
.campaign-item-list:first-child .new-mypage-campaign-list .campaign-list .campaign-item {
  border-top: none;
}
.new-mypage-campaign-list a {
  text-decoration: none;
}
.new-mypage-campaign-list .campaign-list .campaign-item {
  border-top: 1px solid #DDDDDD;
  background-color: #ffffff;
  width: 100% !important;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* 캠페인 정보 영역 */
  /* 체험권 미사용 및 등록하기 버튼 영역 */
  /* 캠페인 버튼들 영역 */
}
@media (max-width: 799px) {
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container {
    display: block;
    padding: 25px 0px 20px 0px;
  }
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign {
  display: flex;
  flex: 2;
  align-items: center;
}
@media (max-width: 799px) {
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign {
    flex: 3;
    align-items: flex-start;
  }
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign.request {
  flex: 3;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign.covered {
  opacity: 0.5;
  padding: 30px 0;
  flex: 7;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign.covered.posted {
  border-right: none;
}
@media (max-width: 799px) {
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign.covered {
    border-right: unset;
    padding: 0px;
    margin-bottom: 0px;
  }
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign.entry-deny {
  padding: 30px 0;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info {
  display: flex;
  flex: 2;
  align-items: flex-start;
}
@media (max-width: 799px) {
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info {
    margin-right: 25px;
    align-items: flex-start;
  }
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-image {
  flex: 0 0 80px;
  margin-right: 20px;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-image .campaign-image {
  position: relative;
  width: 90px;
  /* 이미지의 크기를 부모 컨테이너에서 설정 */
  height: 90px;
  overflow: hidden;
  /* 이미지 넘침 방지 */
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-image .cover {
  position: relative;
  width: 100%;
  height: 100%;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-image .cover img {
  display: block;
  width: 90px;
  height: 90px;
  border-radius: 12px;
  object-fit: cover;
  /* 이미지 비율 유지하며 채우기 */
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-image .gradient-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0));
  pointer-events: none;
  /* 이벤트 방해 방지 */
}
@media (max-width: 799px) {
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-image {
    flex: 0 0 72px;
    margin-right: 12px;
  }
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-image .cover img {
    width: 72px;
    height: 72px;
    margin-right: 0px;
  }
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-details strong {
  color: #222222;
  font-weight: 700;
  font-size: 15px;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-details strong div {
  margin-bottom: 6px;
  margin-top: 3px;
}
@media (max-width: 799px) {
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-details strong div {
    margin-bottom: 5px;
    margin-top: 0px;
  }
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-details strong .red {
  color: #ED1D1D;
}
@media (max-width: 799px) {
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-details strong {
    font-size: 14px;
  }
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-details strong .date {
  font-weight: 500;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-details .deadline {
  font-size: 14px;
  color: #ff4d4f;
  margin-bottom: 4px;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-details .campaign-title {
  font-size: 15px;
  margin-bottom: 12px;
  font-weight: 400;
  color: #222222;
}
@media (max-width: 799px) {
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-details .campaign-title {
    font-size: 13px;
    margin-bottom: 5px;
  }
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-details .campaign-stats {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-details .campaign-stats.accepted,
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-details .campaign-stats.complete {
  margin-top: 10px;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-details .campaign-stats .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-details .campaign-stats .price {
  font-weight: bold;
  margin-right: 12px;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-details .campaign-stats .availability {
  color: #4caf50;
  margin-right: 12px;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-details .campaign-stats .applicants {
  color: #888;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-details .campaign-stats .label-list {
  display: contents;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-details .type7 {
  color: #5C19DD;
  font-weight: 700;
  font-size: 15px;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-details .request-campaign {
  font-weight: 400;
  font-size: 12px;
  color: #222222;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-details .request-campaign .cnt {
  color: #999999;
}
@media (max-width: 799px) {
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-details .request-campaign {
    font-size: 11px;
    margin-bottom: 10px;
  }
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-details .request-modal {
  color: #5C19DD;
  font-size: 12px;
  font-weight: 500;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-details .request-modal.m {
  display: inline-block;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-details .request-modal .split {
  width: 1px;
  height: 10px;
  display: inline-block;
  border-left: 1px solid #dddddd;
  position: relative;
  top: 1px;
  margin-left: 4px;
  margin-right: 8px;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-details .request-modal img {
  vertical-align: baseline;
  margin-left: -2px;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-details .trial-info-modal {
  color: #ff3434;
  font-size: 12px;
  font-weight: 500;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-details .trial-info-modal.m {
  display: inline-block;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-details .trial-info-modal .split {
  width: 1px;
  height: 10px;
  display: inline-block;
  border-left: 1px solid #dddddd;
  position: relative;
  top: 1px;
  margin-left: 4px;
  margin-right: 8px;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .campaign-info .campaign-details .trial-info-modal img {
  vertical-align: baseline;
  margin-left: -2px;
}
@media (max-width: 799px) {
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .more {
    position: relative;
  }
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .more img {
    margin-top: -11px;
  }
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .more-card {
  width: 119px;
  font-size: 13px;
  color: #222222;
  position: absolute;
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  text-align: left;
  border-radius: 3px;
  padding: 5px 20px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
  margin-left: 7px;
  display: none;
  left: -100px;
  z-index: 9999;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .more-card .more-btns div {
  padding: 10px 0;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .more-card .more-btns .disabled {
  color: #999999;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign .more-card .more-btns button {
  border: none;
  background-color: #ffffff;
  padding: 0px;
  font-size: 13px;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  text-align: center;
  padding-right: 30px;
}
@media (max-width: 799px) {
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions {
    justify-content: flex-start;
    padding-right: 0px;
    margin-top: 18px;
    gap: 5px;
  }
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .action-group {
  display: contents;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .button-primary {
  color: #5C19DD;
  width: 120px;
  padding: 10px 0;
  box-sizing: border-box;
  border-radius: 3px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
  border: 1px solid #8053FF;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .button-primary.delivery {
  position: relative;
  border: 1px solid #dddddd;
  background-color: #FFFFFF;
  font-size: 13px;
  font-weight: 400;
  color: #222222;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .button-primary.delivery:hover {
  border: 1px solid #C5C5C5;
  font-weight: 500;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .button-secondary {
  color: #222222;
  border-radius: 3px;
  width: 120px;
  padding: 10px 0;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: 500;
  font-size: 13px;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .button-secondary.write {
  margin: auto 0 0 auto;
  border: 1px solid #999999;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .button-secondary.write:hover {
  border: 1px solid #222222;
  font-weight: 700;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .button-secondary.write.disabled {
  background-color: #F6F6F6;
  color: #222222;
  border: none;
  font-weight: 400;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .button-secondary.write.disabled:hover {
  background-color: #f1f1f1;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .button-third {
  color: #5C19DD;
  border-radius: 3px;
  border: 1px solid #8053FF;
  width: 120px;
  padding: 10px 0;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: 500;
  font-size: 13px;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .button-third.write {
  margin: auto 0 0 auto;
  border: 1px solid #8053FF;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .button-third.write:hover {
  border: 1px solid #5C19DD;
  font-weight: 700;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .button-third.write.disabled {
  background-color: #F6F6F6;
  color: #222222;
  border: none;
  font-weight: 400;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .button-third.write.disabled:hover {
  background-color: #f1f1f1;
}
@media (max-width: 799px) {
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .button-primary,
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .button-secondary,
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .button-third {
    width: auto;
    flex: 1;
  }
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .delivery-card {
  min-width: 220px;
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  color: #FFFFFF;
  position: absolute;
  top: 40px;
  left: 110px;
  transform: translateX(-50%);
  z-index: 999;
  background-color: #1E1E1E;
  border: 1px solid #1E1E1E;
  text-align: left;
  border-radius: 5px;
  padding: 10px 25px 10px 15px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
  margin-top: 5px;
  display: none;
}
@media (max-width: 799px) {
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .delivery-card {
    font-size: 13px;
    padding: 10px 15px 15px 15px;
    line-height: 18px;
    z-index: 99999;
  }
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .delivery-card strong {
  color: #FFFFFF;
  margin-left: 5px;
  font-weight: 700;
  margin-right: 10px;
}
@media (max-width: 799px) {
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .delivery-card strong {
    margin-left: 3px;
    margin-right: 15px;
  }
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .delivery-card .close {
  width: 10px;
  height: 10px;
  float: right;
  position: relative;
  border-radius: unset;
  opacity: 1;
  left: 11px;
  top: -17px;
}
@media (max-width: 799px) {
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .delivery-card .close {
    left: 5px;
    top: -14px;
  }
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .delivery-card .arrow {
  position: absolute;
  top: -7px;
  right: 16px;
  background: url(/assets/img/mypage/ic-arrow-tooltip-black.svg) no-repeat center;
  width: 10px;
  height: 10px;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .ticket-card {
  min-width: 195px;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 17px;
  color: #FFFFFF;
  position: absolute;
  top: 40px;
  left: 24px;
  transform: translateX(-50%);
  background-color: #8053FF;
  border: 1px solid #8053FF;
  text-align: left;
  border-radius: 5px;
  padding: 10px 15px 10px 15px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
  margin-top: 10px;
}
@media (max-width: 799px) {
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .ticket-card {
    top: auto;
    left: unset;
    transform: none;
    padding: 10px 15px 10px 15px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    font-size: 14px;
    min-width: 206px;
    height: 40px;
    font-weight: 500;
    margin-top: -90px;
  }
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .ticket-card strong {
  color: #FFFFFF;
  margin-left: 5px;
  font-weight: 700;
}
@media (max-width: 799px) {
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .ticket-card strong {
    margin-left: 3px;
  }
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .ticket-card .close {
  width: 10px;
  height: 10px;
  float: right;
  position: relative;
  border-radius: unset;
  opacity: 1;
  left: 5px;
  top: 4px;
}
@media (max-width: 799px) {
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .ticket-card .close {
    left: 0px;
  }
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .ticket-card .arrow {
  position: absolute;
  top: -7px;
  right: 10px;
  background: url(/assets/img/campaign/ic-arrow-tooltip-purple.svg) no-repeat center;
  width: 15px;
  height: 8px;
}
@media (max-width: 799px) {
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .ticket-card .arrow {
    top: 37px;
    left: 19px;
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .ticket-used {
  color: #999999;
  background-color: #F6F6F6;
  font-size: 13px;
  font-weight: 400;
  border: 1px solid #F6F6F6;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions.reward {
  font-size: 13px;
  font-weight: 400;
  color: #222222;
  display: block;
  text-align: left;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions.reward div {
  color: #999;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 2px;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions.posted {
  font-size: 14px;
  gap: 0;
  padding-right: 80px;
  display: block;
  text-align: left;
  font-weight: 500;
}
@media (max-width: 799px) {
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions.posted {
    padding-right: 0px;
    margin-left: 0px;
    font-size: 11px;
    color: #222222;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 0px;
  }
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions.posted .cnt {
  color: #999999;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions.posted .date {
  color: #666666;
  font-size: 13px;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions.posted .content-cnt {
  margin-bottom: 5px;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions.completed {
  text-align: left;
  display: block;
  padding-right: 0px;
  color: #666666;
  font-weight: 400;
  font-size: 13px;
  padding-left: 100px;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions.completed .date {
  color: #333333;
  font-size: 15px;
  font-weight: 500;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions.completed div {
  margin-bottom: 5px;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .ticket-wrap {
  position: relative;
  width: 120px;
}
@media (max-width: 799px) {
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .ticket-wrap {
    width: auto;
    flex: 1;
  }
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .ticket-wrap .ticket {
  font-weight: 500;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .ticket-wrap .ticket:hover {
  border: 1px solid #5C19DD;
  font-weight: 700;
}
@media (max-width: 799px) {
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .ticket-wrap .ticket {
    width: 100%;
    border: 1px solid #B0A3FF;
  }
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .applicant-cnt {
  width: 120px;
}
@media (max-width: 799px) {
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .applicant-cnt {
    width: auto;
    flex: 1;
  }
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions .applicant-cnt .button-secondary {
    width: 100%;
  }
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions.zero {
  flex: 0;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions.invoice {
  gap: 10px;
}
@media (max-width: 799px) {
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-actions.invoice {
    justify-content: center;
    gap: 5px;
  }
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-queries {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  border-left: 1px solid #EEEEEE;
  padding: 25px;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-queries div {
  border: 1px solid #DDDDDD;
  color: #333333;
  cursor: pointer;
  width: 90px;
  height: 29px;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  padding: 4px 0;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-queries div:hover {
  font-weight: 500;
  border: 1px solid #C5C5C5;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-queries div.disabled {
  color: #999999;
  font-weight: 400;
  background-color: #F6F6F6;
  border: 1px solid #F6F6F6;
  cursor: default;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-queries div.disabled:hover {
  background-color: #f1f1f1;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-queries .request-cancel-card {
  min-width: 182px;
  height: 58px;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 17px;
  color: #FFFFFF;
  position: absolute;
  background-color: #222222;
  border: 1px solid #222222;
  text-align: left;
  border-radius: 5px;
  padding: 10px 15px 10px 15px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
  margin: 40px -1px;
  display: none;
}
@media (max-width: 799px) {
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-queries .request-cancel-card {
    font-size: 11px;
    padding: 15px 20px 10px 10px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    right: -1px;
  }
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-queries .request-cancel-card strong {
  color: #FFFFFF;
  margin-left: 5px;
  font-weight: 400;
}
@media (max-width: 799px) {
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-queries .request-cancel-card strong {
    margin-left: 3px;
  }
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-queries .request-cancel-card .close {
  width: 10px;
  height: 10px;
  float: right;
  position: relative;
  border-radius: unset;
  opacity: 1;
  left: 0px;
  top: -17px;
}
@media (max-width: 799px) {
  .new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-queries .request-cancel-card .close {
    left: 12px;
  }
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-queries.button-1 {
  padding: 60px 25px;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-queries .stop {
  color: #999999;
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  border: none;
  cursor: default;
}
.new-mypage-campaign-list .campaign-list .campaign-item .campaign-container .campaign-queries.stop-failed div {
  visibility: hidden;
}
.new-mypage-campaign-list .campaign-list .posted-completed-box {
  background-color: #F6F6F9;
  height: 43px;
  text-align: center;
  padding: 12px;
  margin-bottom: 25px;
  font-size: 13px;
  font-weight: 500;
  color: #444444;
}
.new-mypage-campaign-list .campaign-list .posted-completed-box .date {
  font-weight: 700;
  margin-left: 5px;
}
@keyframes offerwall-shimmer {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
@keyframes offerwall-btn-loading {
  0% {
    transform: translateX(-120%);
  }
  100% {
    transform: translateX(220%);
  }
}
.offerwall-page .revu-color {
  color: #5C19DD !important;
}
.offerwall-page .font-400 {
  font-weight: 400;
}
.offerwall-page .font-500 {
  font-weight: 500;
}
.offerwall-page .font-700 {
  font-weight: 700;
}
.offerwall-page ul.type-recommend li {
  margin: 0;
}
.offerwall-page ul li {
  list-style: disc;
  margin: 0 0 2px 20px;
}
.offerwall-page b {
  font-weight: 700;
}
.offerwall-page h3 {
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -0.3px;
  color: #222222;
}
@media (max-width: 799px) {
  .offerwall-page h3 {
    font-size: 18px;
  }
}
.offerwall-page h4 {
  text-align: left;
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 25px;
}
@media (max-width: 799px) {
  .offerwall-page h4 {
    font-size: 15px;
    margin-bottom: 15px;
  }
}
.offerwall-page section.top {
  display: flex;
  justify-content: center;
  background: linear-gradient(0deg, #F0E1E1 0%, #E9E8F8 100%), linear-gradient(0deg, #F1E9D8 -5.74%, #E1F0F0 81.06%);
}
.offerwall-page section.top .top_inner {
  width: 1280px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 471px;
}
@media (max-width: 799px) {
  .offerwall-page section.top .top_inner {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    height: fit-content;
    padding: 40px 15px 22px 15px;
  }
}
.offerwall-page section.top .top_inner .left-area .title-area h2 {
  margin: 0;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: -0.9px;
  color: #222222;
}
.offerwall-page section.top .top_inner .left-area .title-area h2 .point {
  color: #5C19DD;
}
@media (max-width: 799px) {
  .offerwall-page section.top .top_inner .left-area .title-area h2 {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
  }
}
.offerwall-page section.top .top_inner .left-area .title-area .sub {
  margin: 16px 0 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: -0.28px;
  color: #666666;
}
@media (max-width: 799px) {
  .offerwall-page section.top .top_inner .left-area .title-area .sub {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: -0.06px;
    color: #333333;
    text-align: center;
  }
}
.offerwall-page section.top .top_inner .left-area .my-point-box {
  margin-top: 24px;
  width: 441px;
  background: #FBFBFB;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 799px) {
  .offerwall-page section.top .top_inner .left-area .my-point-box {
    width: 100%;
    margin-top: 0px;
    border-radius: 16px;
    padding: 14px;
    gap: 22px;
  }
}
.offerwall-page section.top .top_inner .left-area .my-point-box .inner-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 799px) {
  .offerwall-page section.top .top_inner .left-area .my-point-box .inner-container {
    gap: 17px;
  }
}
.offerwall-page section.top .top_inner .left-area .my-point-box .user {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.offerwall-page section.top .top_inner .left-area .my-point-box .user .profile {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 799px) {
  .offerwall-page section.top .top_inner .left-area .my-point-box .user .profile {
    gap: 7px;
  }
}
.offerwall-page section.top .top_inner .left-area .my-point-box .user .profile .avatarImg {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
}
@media (max-width: 799px) {
  .offerwall-page section.top .top_inner .left-area .my-point-box .user .profile .avatarImg {
    width: 20px;
    height: 20px;
  }
}
.offerwall-page section.top .top_inner .left-area .my-point-box .user .profile p {
  margin: 0;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -0.2px;
  color: #222222;
}
.offerwall-page section.top .top_inner .left-area .my-point-box .user .profile p b {
  font-weight: 700;
}
@media (max-width: 799px) {
  .offerwall-page section.top .top_inner .left-area .my-point-box .user .profile p {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.28px;
  }
}
.offerwall-page section.top .top_inner .left-area .my-point-box .user .ic-arrow {
  flex-shrink: 0;
}
@media (max-width: 799px) {
  .offerwall-page section.top .top_inner .left-area .my-point-box .user .ic-arrow {
    width: 16px;
    height: 16px;
  }
}
.offerwall-page section.top .top_inner .left-area .my-point-box .point {
  display: flex;
}
.offerwall-page section.top .top_inner .left-area .my-point-box .point .text {
  flex: 1 0 0;
  min-width: 0;
  padding: 0 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 799px) {
  .offerwall-page section.top .top_inner .left-area .my-point-box .point .text {
    gap: 6px;
  }
}
.offerwall-page section.top .top_inner .left-area .my-point-box .point .text .label {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.28px;
  color: #222222;
  text-align: left;
  padding-left: 0px;
}
@media (max-width: 799px) {
  .offerwall-page section.top .top_inner .left-area .my-point-box .point .text .label {
    font-size: 11px;
    letter-spacing: -0.055px;
    font-weight: 700;
  }
}
.offerwall-page section.top .top_inner .left-area .my-point-box .point .text .num {
  margin: 0;
  min-height: 24px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.2px;
  color: #222222;
  cursor: pointer;
}
@media (max-width: 799px) {
  .offerwall-page section.top .top_inner .left-area .my-point-box .point .text .num {
    min-height: 18px;
    font-size: 15px;
    letter-spacing: -0.3px;
  }
}
.offerwall-page section.top .top_inner .left-area .my-point-box .btn-group {
  display: flex;
  gap: 10px;
}
@media (max-width: 799px) {
  .offerwall-page section.top .top_inner .left-area .my-point-box .btn-group {
    gap: 7px;
  }
}
.offerwall-page section.top .top_inner .left-area .my-point-box .btn-group .btn-md {
  flex: 1 0 0;
  min-width: 0;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  background: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.14px;
  color: #222222;
  text-align: center;
}
.offerwall-page section.top .top_inner .left-area .my-point-box .btn-group .btn-md:hover {
  border-color: #999999;
}
@media (max-width: 799px) {
  .offerwall-page section.top .top_inner .left-area .my-point-box .btn-group .btn-md {
    height: 38px;
    border-radius: 5px;
    font-size: 12px;
    letter-spacing: -0.12px;
    font-weight: 700;
  }
}
.offerwall-page section.top .top_inner .left-area lottie-player.m {
  display: none;
}
@media (max-width: 799px) {
  .offerwall-page section.top .top_inner .left-area lottie-player.m {
    display: block;
    width: 100%;
    max-width: 375px;
    height: auto;
    margin: 8px auto 0px;
    background-image: url(/assets/img/offerwall-page/pig-bg-m.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
}
.offerwall-page section.top .top_inner .right-area {
  position: relative;
}
@media (max-width: 799px) {
  .offerwall-page section.top .top_inner .right-area {
    display: none;
  }
}
.offerwall-page section.top .top_inner .right-area lottie-player.w {
  display: block;
  width: 632px;
  height: 471px;
  background-image: url(/assets/img/offerwall-page/pig-bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.offerwall-page section.middle {
  width: 100%;
  padding: 80px 0 100px 0;
  text-align: center;
}
.offerwall-page section.middle.middle-2 {
  background-color: #1A1531;
  padding: 80px 0 110px 0;
}
@media (max-width: 799px) {
  .offerwall-page section.middle.middle-2 {
    padding: 40px 20px 15px 20px;
  }
}
.offerwall-page section.middle.middle-2 .middle-inner {
  align-items: flex-start;
}
.offerwall-page section.middle.middle-2 .middle-inner h3 {
  color: #FFFFFF;
  font-size: 26px;
  letter-spacing: -0.78px;
}
.offerwall-page section.middle.middle-2 .middle-inner .text-wrap .middle-title div {
  display: none;
}
.offerwall-page section.middle.middle-2 .middle-inner .text-wrap p {
  color: #FFFFFF;
}
.offerwall-page section.middle.middle-2 .middle-inner .text-wrap small {
  color: #FFFFFF;
}
.offerwall-page section.middle.middle-2 .middle-inner .middle-coupang-wrap img {
  width: 340px;
}
@media (max-width: 799px) {
  .offerwall-page section.middle.middle-2 .middle-inner .middle-coupang-wrap img {
    width: 258px;
  }
}
.offerwall-page section.middle.middle-2 .btn-coupang button {
  background: #FFFFFF;
  color: #222222;
  border: none;
  border-radius: 5px;
}
.offerwall-page section.middle.middle-2 .btn-coupang .btn-link-copy {
  background: transparent;
  color: #FFFFFF;
  border: 1px solid #DDDDDD;
}
@media (max-width: 799px) {
  .offerwall-page section.middle {
    padding: 40px 20px 15px 20px;
    background-color: #FFFFFF;
  }
}
.offerwall-page section.middle .middle-inner {
  display: inline-flex;
  margin: 0 auto;
  width: 1280px;
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner {
    display: block;
    width: 100%;
  }
  .offerwall-page section.middle .middle-inner ul {
    margin-left: -2px;
  }
}
.offerwall-page section.middle .middle-inner h3 {
  color: #222222;
  margin-bottom: 20px;
  font-weight: 700;
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner h3 {
    margin-bottom: 16px;
  }
}
.offerwall-page section.middle .middle-inner p {
  color: #666666;
  font-size: 15px;
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner p {
    font-size: 12px;
  }
}
.offerwall-page section.middle .middle-inner .img-wrap {
  width: 394px;
  height: 278px;
  margin-right: 100px;
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner .img-wrap {
    width: 294px;
    height: auto;
    margin: 0 auto;
  }
}
.offerwall-page section.middle .middle-inner .img-wrap img {
  width: 100%;
}
.offerwall-page section.middle .middle-inner .text-wrap {
  text-align: left;
  color: #FFFFFF;
  margin: auto;
}
.offerwall-page section.middle .middle-inner .text-wrap .middle-text {
  margin-top: 0px;
  margin-left: -205px;
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner .text-wrap .middle-text {
    margin-top: 0;
    margin-left: 0px;
  }
}
.offerwall-page section.middle .middle-inner .text-wrap .middle-title h3 {
  display: inline-block;
}
.offerwall-page section.middle .middle-inner .text-wrap .middle-title div {
  display: inline-block;
}
.offerwall-page section.middle .middle-inner .text-wrap img {
  vertical-align: unset;
  position: relative;
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner .text-wrap img {
    top: 2px;
  }
}
.offerwall-page section.middle .middle-inner .text-wrap p {
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 400;
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner .text-wrap p {
    font-size: 12px;
  }
  .offerwall-page section.middle .middle-inner .text-wrap p.coupang-p {
    font-size: 13px;
    line-height: 19.5px;
  }
}
.offerwall-page section.middle .middle-inner .text-wrap small {
  font-size: 12px;
  color: #ffffff;
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner .text-wrap small {
    font-size: 11px;
  }
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner .text-wrap {
    margin-top: 10px;
  }
}
.offerwall-page section.middle .middle-inner .text-wrap ul li {
  word-break: keep-all;
  font-size: 13px;
  font-weight: 400;
  line-height: 19.5px;
  color: #666666;
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner .text-wrap ul li {
    font-size: 11px;
    line-height: 16px;
  }
}
.offerwall-page section.middle .middle-inner .text-wrap ul li a {
  color: #FFFFFF;
  font-weight: 700;
  text-decoration-line: underline;
}
.offerwall-page section.middle .middle-inner .text-wrap .btn-wrap {
  margin-top: 35px;
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner .text-wrap .btn-wrap {
    margin-top: 40px;
  }
}
.offerwall-page section.middle .middle-inner .text-wrap .btn-wrap button {
  width: calc(50% - 7px);
  height: 49px;
  align-items: center;
  border-radius: 5px;
  font-weight: 500;
  font-size: 16px;
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner .text-wrap .btn-wrap button {
    width: calc(50% - 4px);
    height: 40px;
    font-size: 14px;
  }
}
.offerwall-page section.middle .middle-inner .text-wrap .btn-wrap button.left {
  background-color: #8F7EF6;
  border: 1px solid #DDD;
  margin-right: 10px;
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner .text-wrap .btn-wrap button.left {
    margin-right: 5px;
  }
}
.offerwall-page section.middle .middle-inner .text-wrap .btn-wrap button.left:hover {
  background-color: #9483FE;
}
.offerwall-page section.middle .middle-inner .text-wrap .btn-wrap button.right {
  border: none;
  background-color: #222222;
  font-weight: 700;
}
.offerwall-page section.middle .middle-inner .middle-coupang-wrap {
  margin-left: 60px;
  top: 22px;
  position: relative;
  left: -155px;
}
.offerwall-page section.middle .middle-inner .middle-coupang-wrap img {
  width: 395px;
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner .middle-coupang-wrap img {
    top: 0px;
    width: 258px;
  }
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner .middle-coupang-wrap {
    margin-left: 0;
    top: -1px;
    left: 0px;
    text-align: center;
  }
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  margin-top: 30px;
  width: 1280px;
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner .shopping-group-wrap {
    margin-top: 30px;
    width: 100%;
  }
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card {
  padding: 0;
  height: 340px;
  width: 290px;
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 10px;
  position: relative;
  z-index: 99;
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card:hover {
  box-shadow: 0px 4px 8px 0px #00000026;
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card .shopping-mall {
  height: 190px;
  cursor: pointer;
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner .shopping-group-wrap .card .shopping-mall {
    display: inline-block;
    background-size: cover;
    width: 100px;
    height: 74px;
    border-radius: 5px;
  }
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card:last-child {
  margin-right: 0px;
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card.ohou {
  background-image: url(/assets/img/offerwall-page/card-ohou.png);
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner .shopping-group-wrap .card.ohou .shopping-mall {
    background-image: url(/assets/img/offerwall-page/card-ohou-m.png);
  }
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card.coupang {
  background-image: url(/assets/img/offerwall-page/card-coupang.png);
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner .shopping-group-wrap .card.coupang .shopping-mall {
    background-image: url(/assets/img/offerwall-page/card-coupang-m.png);
  }
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card.ssg {
  background-image: url(/assets/img/offerwall-page/card-ssg.png);
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner .shopping-group-wrap .card.ssg .shopping-mall {
    background-image: url(/assets/img/offerwall-page/card-ssg-m.png);
  }
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card.nstore {
  background-image: url(/assets/img/offerwall-page/card-nStore.png);
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner .shopping-group-wrap .card.nstore .shopping-mall {
    background-image: url(/assets/img/offerwall-page/card-nStore-m.png);
  }
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card.emart {
  background-image: url(/assets/img/offerwall-page/card-emart.png);
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner .shopping-group-wrap .card.emart .shopping-mall {
    background-image: url(/assets/img/offerwall-page/card-emart-m.png);
  }
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card.eleven-st {
  background-image: url(/assets/img/offerwall-page/card-11st.png);
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner .shopping-group-wrap .card.eleven-st .shopping-mall {
    background-image: url(/assets/img/offerwall-page/card-11st-m.png);
  }
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card.gmarket {
  background-image: url(/assets/img/offerwall-page/card-gmarket.png);
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner .shopping-group-wrap .card.gmarket .shopping-mall {
    background-image: url(/assets/img/offerwall-page/card-gmarket-m.png);
  }
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card.kurly {
  background-image: url(/assets/img/offerwall-page/card-kurly.png);
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner .shopping-group-wrap .card.kurly .shopping-mall {
    background-image: url(/assets/img/offerwall-page/card-kurly-m.png);
  }
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card .desc {
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 20px;
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner .shopping-group-wrap .card .desc {
    display: inline-block;
    width: 100%;
    position: unset;
  }
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card .desc h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
  letter-spacing: -0.36px;
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner .shopping-group-wrap .card .desc h3 {
    font-size: 15px;
  }
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card .desc .btn {
  border: 1px solid #DDDDDD;
  color: #222222;
  width: 100%;
  height: 45px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card .desc .btn:hover {
  border: 1px solid #999999;
  font-weight: 700;
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner .shopping-group-wrap .card .desc .btn {
    width: 97px;
    height: 40px;
    display: inline-block;
    float: right;
    border: 1px solid #CCCCCC;
    border-radius: 5px !important;
    font-size: 13px;
    font-weight: 500;
    margin-top: 20px;
    line-height: 21px;
  }
  .offerwall-page section.middle .middle-inner .shopping-group-wrap .card .desc .btn.inspection {
    width: 86px;
  }
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card .desc .btn:active {
  box-shadow: none !important;
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card .desc .btn.disabled {
  border: 1px solid #DDDDDD;
  color: #999999;
  cursor: default;
  pointer-events: none;
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card .desc .btn.disabled:hover {
  border: 1px solid #DDDDDD;
  font-weight: 500;
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card .desc p {
  color: #666666;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 0px;
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner .shopping-group-wrap .card .desc p {
    font-size: 13px;
  }
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card .desc .link {
  border-radius: 22px;
  background-color: #F0F4FF;
  color: #4E73FB;
  padding: 8px 14px;
  font-weight: 500;
  font-size: 13px;
  position: absolute;
  right: 0px;
  top: 4px;
  cursor: pointer;
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card .desc .link:hover {
  background-color: #E3EBFF;
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner .shopping-group-wrap .card .desc .link {
    position: relative;
    font-size: 11px;
    width: 60px;
    top: 12px;
    right: unset;
    padding: 3px 10px;
  }
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card .desc .link,
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card .desc .save {
  display: inline-block;
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card .desc .save {
  margin-bottom: 20px;
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner .shopping-group-wrap .card .desc .save {
    display: inline-block;
    margin-bottom: 0px;
    position: relative;
    top: -20px;
    margin-left: 10px;
  }
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .shimmer {
  background: linear-gradient(90deg, #EEEEEE 25%, #F5F5F5 37%, #EEEEEE 63%);
  background-size: 400% 100%;
  animation: offerwall-shimmer 1.4s ease infinite;
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card-skeleton {
  cursor: default;
  overflow: hidden;
  background-image: none !important;
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card-skeleton:hover {
  box-shadow: none;
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card-skeleton .skeleton-thumb {
  height: 190px;
  border-radius: 10px 10px 0 0;
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner .shopping-group-wrap .card-skeleton .skeleton-thumb {
    display: inline-block;
    width: 100px;
    height: 74px;
    border-radius: 5px;
  }
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card-skeleton .desc .skeleton-line {
  height: 16px;
  border-radius: 4px;
  margin-bottom: 10px;
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card-skeleton .desc .skeleton-title {
  width: 50%;
  height: 18px;
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card-skeleton .desc .skeleton-rate {
  width: 75%;
}
.offerwall-page section.middle .middle-inner .shopping-group-wrap .card-skeleton .desc .skeleton-btn {
  height: 45px;
  border-radius: 8px;
  margin-top: 20px;
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner .shopping-group-wrap .card-skeleton .desc {
    display: flex;
    align-items: center;
  }
  .offerwall-page section.middle .middle-inner .shopping-group-wrap .card-skeleton .desc .skeleton-thumb {
    flex: 0 0 100px;
    width: 100px;
    height: 74px;
    margin-right: 12px;
  }
  .offerwall-page section.middle .middle-inner .shopping-group-wrap .card-skeleton .desc .save {
    flex: 1 1 auto;
    display: block;
    width: auto;
    top: 0;
    margin: 0;
  }
  .offerwall-page section.middle .middle-inner .shopping-group-wrap .card-skeleton .desc .skeleton-title {
    width: 100px;
    height: 16px;
  }
  .offerwall-page section.middle .middle-inner .shopping-group-wrap .card-skeleton .desc .skeleton-rate {
    width: 70px;
    margin-bottom: 0;
  }
  .offerwall-page section.middle .middle-inner .shopping-group-wrap .card-skeleton .desc .skeleton-btn {
    flex: 0 0 97px;
    height: 40px;
    float: none;
    margin: 0 0 0 12px;
    border-radius: 5px;
  }
}
@media (max-width: 799px) {
  .offerwall-page section.middle .middle-inner .shopping-group-wrap {
    display: block;
  }
  .offerwall-page section.middle .middle-inner .shopping-group-wrap .card {
    box-shadow: none;
    width: 100%;
    height: auto;
    background-image: none !important;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #EEEEEE;
    padding: 25px 0px;
    margin-top: 0px;
    border-radius: unset;
  }
  .offerwall-page section.middle .middle-inner .shopping-group-wrap .card:hover {
    box-shadow: none;
  }
  .offerwall-page section.middle .middle-inner .shopping-group-wrap .card:last-child {
    border: none;
  }
  .offerwall-page section.middle .middle-inner .shopping-group-wrap .card.coupang {
    border-top: 1px solid #EEEEEE;
  }
}
.offerwall-page section.bottom {
  padding: 0 54px;
}
@media (max-width: 799px) {
  .offerwall-page section.bottom {
    padding: 0 15px;
  }
}
.offerwall-page section.bottom .text-wrap {
  text-align: center;
}
.offerwall-page section.bottom .text-wrap h3 {
  margin-top: 70px;
}
@media (max-width: 799px) {
  .offerwall-page section.bottom .text-wrap h3 {
    font-weight: 500;
    margin-top: 40px;
    padding: 0;
  }
}
.offerwall-page section.bottom .text-wrap p.desc {
  font-weight: 400;
  font-size: 16px;
  color: #999999;
}
@media (max-width: 799px) {
  .offerwall-page section.bottom .text-wrap p.desc {
    font-size: 12px;
  }
}
.offerwall-page section.bottom .line-category {
  border-bottom: 1px solid #ddd;
  margin: 50px 0 20px 0;
  text-align: center;
}
@media (max-width: 799px) {
  .offerwall-page section.bottom .line-category {
    margin: 30px 0 20px 0 !important;
  }
}
.offerwall-page section.bottom .line-category ul {
  display: inline-block;
}
@media (max-width: 799px) {
  .offerwall-page section.bottom .line-category ul {
    display: block;
    white-space: nowrap;
    overflow-y: hidden;
    border-bottom: 1px solid #ddd;
  }
  .offerwall-page section.bottom .line-category ul ::-webkit-scrollbar {
    width: 0px;
    /* remove scrollbar space */
    background: transparent;
    /* optional: just make scrollbar invisible */
  }
}
.offerwall-page section.bottom .line-category li {
  display: inline-block;
}
.offerwall-page section.bottom .line-category li a {
  display: block;
  text-align: center;
  font-size: 16px;
  letter-spacing: -0.3px;
  color: #666;
  padding: 8px 20px;
}
.offerwall-page section.bottom .line-category li a:hover,
.offerwall-page section.bottom .line-category li a.on {
  color: #222;
  border-bottom: 2px solid #6a1cff;
  font-weight: bold;
}
@media (max-width: 799px) {
  .offerwall-page section.bottom .line-category li a {
    padding: 10px 12px 8px 10px;
    font-size: 14px;
  }
}
@media (max-width: 799px) {
  .offerwall-page section.bottom .line-category {
    border-bottom: 0;
    margin-bottom: 10px;
  }
}
.offerwall-page .offerwall-link-page {
  width: 1280px;
  margin: 0 auto;
  text-align: center;
  padding: 0 0 100px 0;
}
@media (max-width: 799px) {
  .offerwall-page .offerwall-link-page {
    width: 100%;
    padding: 40px 20px 50px 20px;
    background: #FFFFFF;
    border-radius: 16px 16px 0 0;
    position: relative;
    z-index: 2;
    margin-top: -16px;
  }
}
.offerwall-page .offerwall-link-page .link-top .link-make-card {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 18px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  padding: 36px 49px 36px 0;
  margin-top: -107px;
  position: relative;
  z-index: 5;
  text-align: left;
}
@media (max-width: 799px) {
  .offerwall-page .offerwall-link-page .link-top .link-make-card {
    display: block;
    background: transparent;
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    margin-top: 0;
  }
}
.offerwall-page .offerwall-link-page .link-top .coupang-ic {
  width: 198px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.offerwall-page .offerwall-link-page .link-top .coupang-ic img {
  width: 108px;
  height: auto;
  margin-left: 25px;
  margin-top: 10px;
}
@media (max-width: 799px) {
  .offerwall-page .offerwall-link-page .link-top .coupang-ic {
    display: none;
  }
}
.offerwall-page .offerwall-link-page .link-top .link-make-cont {
  flex: 1;
  min-width: 0;
  width: 100%;
}
.offerwall-page .offerwall-link-page .link-top h3 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.72px;
  color: #222222;
  margin-bottom: 10px;
}
@media (max-width: 799px) {
  .offerwall-page .offerwall-link-page .link-top h3 {
    font-size: 18px;
    font-weight: 700;
  }
}
.offerwall-page .offerwall-link-page .link-top p {
  font-size: 14px;
  color: #333333;
  line-height: 1.45;
  letter-spacing: -0.28px;
  word-break: keep-all;
}
@media (max-width: 799px) {
  .offerwall-page .offerwall-link-page .link-top p {
    font-size: 13px;
    line-height: 19.50px;
    color: #666666;
  }
}
.offerwall-page .offerwall-link-page .link-top .input-group {
  width: 100%;
  margin: 28px 0 0 !important;
  display: flex;
  gap: 10px;
  position: relative;
}
@media (max-width: 799px) {
  .offerwall-page .offerwall-link-page .link-top .input-group {
    display: block;
    width: 100%;
    margin: 20px 0 0 !important;
  }
}
.offerwall-page .offerwall-link-page .link-top .input-group input {
  flex: 1;
  width: auto;
  min-width: 0;
  height: 59px !important;
  border: 1.3px solid #222;
  border-radius: 8px !important;
  padding: 0 0 0 18px;
  font-size: 16px;
}
@media (max-width: 799px) {
  .offerwall-page .offerwall-link-page .link-top .input-group input {
    width: 100%;
    font-size: 15px;
  }
}
.offerwall-page .offerwall-link-page .link-top .input-group input.input-text-m {
  height: 50px !important;
  border: 1px solid #222222;
  border-radius: 8px !important;
  padding: 0 16px;
}
.offerwall-page .offerwall-link-page .link-top .input-group input.input-text-m.on {
  border: 1px solid #222;
}
.offerwall-page .offerwall-link-page .link-top .input-group .input-group-btn {
  width: auto;
  flex-shrink: 0;
}
.offerwall-page .offerwall-link-page .link-top .input-group .input-group-btn button {
  width: 187px;
  height: 59px;
  border-radius: 8px !important;
  position: static;
  font-size: 16px;
  font-weight: 600;
  color: #FFFFFF;
  border: 1px solid #222222;
  padding: 0;
  background-color: #222222;
}
.offerwall-page .offerwall-link-page .link-top .input-group .input-group-btn button.on {
  font-weight: 600;
  color: #FFFFFF;
  border: 1px solid #222;
}
.offerwall-page .offerwall-link-page .link-top .link-error {
  display: none;
  width: 100%;
  margin: 10px 0 0;
  color: #5C19DD;
  font-weight: 400;
  font-size: 13px;
  text-align: left;
}
@media (max-width: 799px) {
  .offerwall-page .offerwall-link-page .link-top .link-error {
    font-size: 11px;
  }
}
.offerwall-page .offerwall-link-page .link-top .link-error.on {
  display: block;
}
.offerwall-page .offerwall-link-page .link-middle {
  padding-left: 32px;
  padding-right: 32px;
}
@media (max-width: 799px) {
  .offerwall-page .offerwall-link-page .link-middle {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.offerwall-page .offerwall-link-page .link-middle .link-list-wrap {
  padding-top: 50px;
}
.offerwall-page .offerwall-link-page .link-middle .link-list-wrap .link-list-table {
  border: none;
  border-top: 1px solid #222222;
}
.offerwall-page .offerwall-link-page .link-middle .link-list-wrap .link-list-table tr td {
  padding: 0 15px;
  line-height: 80px;
  color: #333333;
  border: none;
  border-bottom: 1px solid #EEEEEE;
  -webkit-user-select: none;
}
.offerwall-page .offerwall-link-page .link-middle .link-list-wrap .link-list-table tr td.date {
  font-size: 14px;
  color: #999999;
}
@media (max-width: 799px) {
  .offerwall-page .offerwall-link-page .link-middle .link-list-wrap .link-list-table tr td {
    display: block;
    padding: 0;
    width: 100%;
    text-align: left;
    border: none;
    line-height: initial;
  }
  .offerwall-page .offerwall-link-page .link-middle .link-list-wrap .link-list-table tr td.td-input .input-link-title {
    margin-top: 15px;
    font-size: 14px;
  }
  .offerwall-page .offerwall-link-page .link-middle .link-list-wrap .link-list-table tr td.td-link {
    margin: 5px 0;
    font-size: 12px;
    font-weight: 400;
  }
  .offerwall-page .offerwall-link-page .link-middle .link-list-wrap .link-list-table tr td.date {
    font-size: 12px;
    font-weight: 400;
  }
  .offerwall-page .offerwall-link-page .link-middle .link-list-wrap .link-list-table tr td.td-btn-wrap {
    text-align: right;
    border-bottom: 1px solid #EEEEEE !important;
  }
  .offerwall-page .offerwall-link-page .link-middle .link-list-wrap .link-list-table tr td.td-btn-wrap button {
    font-size: 12px;
    margin-bottom: 15px;
    width: 82px;
    line-height: 30px;
  }
}
.offerwall-page .offerwall-link-page .link-middle .link-list-wrap .link-list-table tr td .input-link-title {
  border: none;
  padding: 0 10px;
  width: 200px;
  line-height: 40px;
  caret-color: transparent;
  text-overflow: ellipsis;
}
.offerwall-page .offerwall-link-page .link-middle .link-list-wrap .link-list-table tr td .input-link-title::placeholder {
  color: #222222;
}
@media (max-width: 799px) {
  .offerwall-page .offerwall-link-page .link-middle .link-list-wrap .link-list-table tr td .input-link-title {
    width: 100%;
    padding: 0;
  }
}
.offerwall-page .offerwall-link-page .link-middle .link-list-wrap .link-list-table tr td .input-link-title.on-title {
  border: 1px solid #DCDCDC;
  border-radius: 5px;
  color: #222222;
  caret-color: #222222;
  margin-bottom: 10px;
}
@media (max-width: 799px) {
  .offerwall-page .offerwall-link-page .link-middle .link-list-wrap .link-list-table tr td .input-link-title.on-title {
    padding: 0 10px;
  }
}
.offerwall-page .offerwall-link-page .link-middle .link-list-wrap .link-list-table tr td .tooltip-title {
  display: none;
}
.offerwall-page .offerwall-link-page .link-middle .link-list-wrap .link-list-table tr td button {
  width: 84px;
  line-height: 36px;
  background: #FFFFFF;
  color: #666666;
  border: 1px solid #DDDDDD;
  border-radius: 5px;
}
.offerwall-page .offerwall-link-page .link-middle .link-list-wrap .link-list-table tr td button:hover {
  background: #222222;
  color: #FFFFFF;
}
.offerwall-page .offerwall-link-page .link-middle .link-list-wrap .link-list-table tr:first-child td .div-input-wrap {
  position: relative;
}
.offerwall-page .offerwall-link-page .link-middle .link-list-wrap .link-list-table tr:first-child td .div-input-wrap .input-link-title.on-first {
  caret-color: #222222;
  border: 1px solid #DCDCDC;
  border-radius: 5px;
  color: #999999;
  margin-bottom: 10px;
}
@media (max-width: 799px) {
  .offerwall-page .offerwall-link-page .link-middle .link-list-wrap .link-list-table tr:first-child td .div-input-wrap .input-link-title.on-first {
    padding: 0 10px;
  }
}
.offerwall-page .offerwall-link-page .link-middle .link-list-wrap .link-list-table tr:first-child td .div-input-wrap .tooltip-title {
  width: 166px;
  position: absolute;
  bottom: -47px;
  left: 0;
  z-index: 999;
}
.offerwall-page .offerwall-link-page .link-middle .link-list-wrap .link-list-table tr:first-child td .div-input-wrap .tooltip-title.active {
  display: block;
}
.offerwall-page .offerwall-link-page .link-middle .link-list-wrap .link-list-table tr:first-child td .div-input-wrap .tooltip-title img {
  width: 100%;
}
@media (max-width: 799px) {
  .offerwall-page .offerwall-link-page .link-middle .link-list-wrap .link-list-table tr:first-child td .div-input-wrap .tooltip-title {
    left: -3px;
    bottom: -46px;
  }
}
@media (max-width: 799px) {
  .offerwall-page .offerwall-link-page .link-middle .link-list-wrap {
    padding-top: 90px;
  }
}
.offerwall-page .offerwall-link-page .link-middle .link-list-wrap .link-list-none-box {
  width: 100%;
  height: 200px;
  background-color: #F8F8F8;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 799px) {
  .offerwall-page .offerwall-link-page .link-middle .link-list-wrap .link-list-none-box {
    height: 120px;
  }
}
.offerwall-page .offerwall-link-page .link-middle .link-list-wrap .link-list-none-box p {
  text-align: center;
  font-size: 14px;
  color: #999999;
}
.offerwall-page .offerwall-link-page .link-middle .link-list-wrap h4 {
  font-size: 16px;
}
.offerwall-page .offerwall-link-page hr {
  margin: 80px 0 40px 0;
  border-color: #E5E5E5;
}
@media (max-width: 799px) {
  .offerwall-page .offerwall-link-page hr {
    margin: 10px 0 30px 0;
  }
}
.offerwall-page .offerwall-link-page .link-bottom {
  margin-top: 62px;
  padding-left: 32px;
  padding-right: 32px;
}
@media (max-width: 799px) {
  .offerwall-page .offerwall-link-page .link-bottom {
    margin-top: 126px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.offerwall-page .offerwall-link-page .link-bottom .text-wrap {
  text-align: left;
  word-break: keep-all;
}
.offerwall-page .offerwall-link-page .link-bottom .text-wrap ul li {
  color: #666666;
  font-size: 13px;
  line-height: 19.50px;
}
@media (max-width: 799px) {
  .offerwall-page .offerwall-link-page .link-bottom .text-wrap ul li {
    font-size: 13px;
  }
}
.offerwall-page .offerwall-link-page .link-bottom .text-wrap ul li a {
  font-weight: 500;
  color: #333333;
  text-decoration-line: underline;
}
.offerwall-page .sponsor-banner-wrap,
.offerwall-page-infomation .sponsor-banner-wrap {
  margin-top: 50px;
}
.offerwall-page .sponsor-banner-wrap .sponsor-banner,
.offerwall-page-infomation .sponsor-banner-wrap .sponsor-banner {
  width: 450px;
  border: 1px solid #DDDDDD;
}
@media (max-width: 799px) {
  .offerwall-page .sponsor-banner-wrap .sponsor-banner,
  .offerwall-page-infomation .sponsor-banner-wrap .sponsor-banner {
    width: 100%;
    height: 100%;
  }
}
.offerwall-page .sponsor-banner-wrap .sponsor-banner img,
.offerwall-page-infomation .sponsor-banner-wrap .sponsor-banner img {
  width: 100%;
}
.offerwall-page .sponsor-banner-wrap .btn-sponsor-copy,
.offerwall-page-infomation .sponsor-banner-wrap .btn-sponsor-copy {
  width: 450px;
  height: 35px;
  background: #F4F4F4;
  color: #222222;
  font-size: 12px;
  font-weight: 500;
  border: none;
  margin: 5px 0 20px 0;
}
@media (max-width: 799px) {
  .offerwall-page .sponsor-banner-wrap .btn-sponsor-copy,
  .offerwall-page-infomation .sponsor-banner-wrap .btn-sponsor-copy {
    width: 100%;
  }
}
.offerwall-page .sponsor-banner-wrap .btn-sponsor-copy:hover,
.offerwall-page-infomation .sponsor-banner-wrap .btn-sponsor-copy:hover {
  background: #EEEEEE;
}
.offerwall-page-infomation .btn-loading {
  position: relative;
  overflow: hidden;
  background: #D8D8D8 !important;
  border: none !important;
  color: transparent !important;
  pointer-events: none;
  cursor: default;
}
.offerwall-page-infomation .btn-loading::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 60%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0) 100%);
  animation: offerwall-btn-loading 1.2s ease-in-out infinite;
}
.offerwall-page-infomation .aside-campaign .btn-loading {
  min-height: 52px;
}
.offerwall-page-infomation .btn-inspection {
  pointer-events: none;
  cursor: default;
}
.offerwall-page-infomation .sponsor-banner-wrap {
  margin-top: 0px;
}
.offerwall-page-infomation .sponsor-banner-wrap ul li {
  color: #999999;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
@media (max-width: 799px) {
  .offerwall-page-infomation .sponsor-banner-wrap ul li {
    font-size: 12px;
  }
}
.offerwall-page-infomation .aside-campaign {
  padding-top: 40px;
}
.offerwall-page-infomation .aside-campaign h3 {
  font-size: 18px;
  margin-bottom: 10px;
}
.offerwall-page-infomation .aside-campaign p {
  color: #666666;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.30000001px;
  padding-bottom: 30px;
}
.offerwall-page-infomation .aside-campaign .btn-shopping,
.offerwall-page-infomation .aside-campaign .btn-link-copy {
  width: 300px;
  border-radius: 8px;
}
.offerwall-page-infomation .aside-campaign .btn-link-copy {
  background-color: #FFFFFF;
  color: #222222;
  border: 1px solid #dddddd;
}
.offerwall-page-infomation .aside-campaign .btn-link-copy:hover {
  border: 1px solid #999999;
}
.offerwall-page-infomation .campaign-head {
  margin-bottom: 5px !important;
  display: inline-flex;
}
.offerwall-page-infomation .campaign-head .shopping-ic {
  width: 62px;
  height: 62px;
}
@media (max-width: 799px) {
  .offerwall-page-infomation .campaign-head .shopping-ic {
    width: 50px;
    height: 50px;
  }
}
.offerwall-page-infomation .campaign-head .shopping-ic.coupang {
  border: 1px solid #DDDDDD;
  border-radius: 15px;
}
.offerwall-page-infomation .campaign-head h2 {
  padding-left: 20px;
  font-weight: 500;
  font-size: 28px;
  line-height: 0.7;
  padding-top: 8px;
}
@media (max-width: 799px) {
  .offerwall-page-infomation .campaign-head h2 {
    padding-left: 15px;
  }
}
.offerwall-page-infomation .campaign-head h2 p {
  color: #666666;
  font-size: 16px;
  font-weight: 400;
}
@media (max-width: 799px) {
  .offerwall-page-infomation .campaign-head h2 p {
    color: #222222;
    margin: 15px 0 0;
  }
}
.offerwall-page-infomation .campaign-content {
  margin-top: 10px !important;
  padding-top: 10px;
  border-top: 1px solid #DDDDDD;
}
@media (max-width: 799px) {
  .offerwall-page-infomation .campaign-content {
    border-top: none;
    margin-top: 0px !important;
    padding-top: 0px !important;
  }
}
.offerwall-page-infomation .campaign-content dl:first-child dt {
  margin-bottom: 25px;
}
.offerwall-page-infomation .campaign-content dd {
  font-size: 14px;
}
@media (max-width: 799px) {
  .offerwall-page-infomation .campaign-content dd {
    padding-bottom: 25px !important;
    font-size: 13px !important;
  }
}
.offerwall-page-infomation .campaign-content dd p {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.offerwall-page-infomation .campaign-content dd a {
  font-weight: 500;
  color: #333333;
  text-decoration-line: underline;
}
.offerwall-page-infomation .campaign-content dd .saving {
  display: block;
  width: 327px;
  margin-bottom: 35px;
}
.offerwall-page-infomation .campaign-content dd .saving.ssg {
  width: 433px;
}
@media (max-width: 799px) {
  .offerwall-page-infomation .campaign-content dd .saving {
    width: 229px;
    margin-bottom: 30px;
  }
  .offerwall-page-infomation .campaign-content dd .saving.ssg {
    width: 100%;
    max-width: 354px;
  }
}
.offerwall-page-infomation .campaign-content dd .sub-desc {
  color: #999;
  font-size: 14px;
  font-weight: 400;
}
.offerwall-page-infomation .campaign-content dd.condition {
  font-size: 16px;
}
.offerwall-page-infomation .campaign-content dd.condition a {
  font-weight: 500;
  color: #5C19DD;
  text-decoration-line: none;
}
.offerwall-page-infomation .campaign-content dd.caution {
  letter-spacing: -0.3px;
  line-height: 28px;
}
.offerwall-page-infomation .campaign-content dd.gmarket {
  letter-spacing: -0.5px;
}
.offerwall-page-infomation .campaign-detail .mobile-aside {
  border-top: none;
}
.offerwall-page-infomation .campaign-detail .description {
  font-size: 13px;
  font-weight: 400;
  color: #666666;
  border-top: 1px solid #EEEEEE;
  padding-top: 15px;
  margin-top: 5px;
}
@media (max-width: 799px) {
  .offerwall-page-infomation .btn-shopping {
    background-color: #222222;
    color: #FFFFFF;
    margin-bottom: 20px;
  }
  .offerwall-page-infomation .btn-link-copy {
    background-color: #FFFFFF;
    color: #222222;
    border: 1px solid #dddddd;
  }
  .offerwall-page-infomation .btn-shopping,
  .offerwall-page-infomation .btn-link-copy {
    height: 48px;
  }
}
@media (max-width: 799px) {
  .btn-coupang {
    display: flex;
    gap: 8px;
  }
}
.btn-coupang .btn-link-copy {
  background: #fff;
  color: #222;
  border: 1px solid #D4D4EE;
  margin-left: 3px;
}
@media (max-width: 799px) {
  .btn-coupang .btn-link-copy {
    margin-left: 0;
  }
}
.btn-coupang button {
  background: #222;
  color: #fff;
  width: 190px;
  height: 52px;
  line-height: 46px;
  font-size: 16px;
  display: inline-block;
  border: none;
  padding: 0;
  margin: 25px 0;
  font-weight: 500;
}
@media (max-width: 799px) {
  .btn-coupang button {
    border-radius: 3px;
    flex: 1;
    width: 49%;
    height: 45px;
    margin: 25px 0 10px 0;
    font-size: 15px;
    font-weight: 600;
  }
}
pagination {
  clear: both;
  display: block;
  text-align: center;
  padding: 20px 0;
}
@media (max-width: 799px) {
  pagination {
    padding: 20px 0;
  }
  pagination.none {
    margin-bottom: 50px;
  }
}
pagination .pagination {
  margin: 0;
}
pagination .pagination a {
  color: #999 !important;
  background: transparent !important;
  border: none !important;
  font-size: 14px !important;
  padding: 5px 15px !important;
}
@media (max-width: 799px) {
  pagination .pagination a {
    padding: 5px 10px !important;
    width: 30px;
  }
}
pagination .pagination a:hover {
  text-decoration: underline;
}
pagination .pagination li.active a {
  color: #5C19DD !important;
  font-weight: bold;
}
pagination .pagination li.active a:hover {
  text-decoration: none;
}
pagination .pagination-prev a {
  text-decoration: none !important;
  background: url(/assets/img/board/btn-prev.svg) left bottom no-repeat !important;
  background-position-y: 6px !important;
}
pagination .pagination-prev a:hover {
  background-image: url(/assets/img/board/btn-prev-on.svg) !important;
}
pagination .pagination-prev.disabled a {
  background: url(/assets/img/board/btn-prev.svg) left bottom no-repeat !important;
  background-position-y: 6px !important;
}
pagination .pagination-next a {
  text-decoration: none !important;
  background: url(/assets/img/board/btn-next.svg) left bottom no-repeat !important;
  background-position-y: 6px !important;
  background-position-x: 6px !important;
}
pagination .pagination-next a:hover {
  background-image: url(/assets/img/board/btn-next-on.svg) !important;
}
pagination .pagination-next.disabled a {
  background: url(/assets/img/board/btn-next.svg) left bottom no-repeat !important;
  background-position-y: 6px !important;
  background-position-x: 6px !important;
}
.panel {
  zoom: 1;
  background: #fff;
  border: 1px solid #ddd;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 2px;
}
.panel:before,
.panel:after {
  content: "";
  display: table;
}
.panel:after {
  clear: both;
}
@media (max-width: 799px) {
  .panel {
    border: 0;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
  }
}
.panel.no-margin {
  margin-bottom: 0;
}
@media (max-width: 799px) {
  .modal-dialog.modal-md-custom {
    width: 355px !important;
    vertical-align: middle !important;
  }
}
.modal-dialog.modal-md-custom .modal-content.password .modal-body {
  padding: 30px 40px !important;
}
@media (max-width: 799px) {
  .modal-dialog.modal-md-custom .modal-content.password .modal-body {
    padding: 20px !important;
    min-height: 555px;
  }
}
.modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal h2 {
  margin-bottom: 0;
  font-size: 20px;
  border: none;
  font-weight: 400;
}
@media (max-width: 799px) {
  .modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal h2 {
    font-size: 18px;
    line-height: 26.06px;
  }
}
@media (max-width: 799px) {
  .modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal p {
    line-height: 18.82px;
  }
}
.modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal .error-message * {
  color: #E23535 !important;
}
.modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal error-message.password-error-msg .error-message {
  padding-left: 139px;
}
@media (max-width: 799px) {
  .modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal error-message.password-error-msg .error-message {
    padding-left: 0;
  }
}
.modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal .password-error-msg {
  color: #E23535;
  font-size: 12px;
  font-weight: 400;
  padding-left: 140px;
  margin-top: 7px;
}
@media (max-width: 799px) {
  .modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal .password-error-msg {
    padding-left: 0px;
    margin-top: 5px;
  }
}
.modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal p {
  color: #999;
  font-size: 13px;
}
.modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal p.p-password-error-msg {
  color: #E23535;
  margin-bottom: 30px;
  padding-left: 139px;
  font-size: 12px;
}
.modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal hr {
  margin-top: 40px;
}
.modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal .div-input-wrap {
  padding-top: 5px;
}
@media (max-width: 799px) {
  .modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal .div-input-wrap {
    padding: 0;
  }
}
.modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal .div-input-wrap .form-group {
  margin-top: 15px;
  margin-bottom: 0;
}
@media (max-width: 799px) {
  .modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal .div-input-wrap .form-group {
    margin-top: 17px;
  }
}
.modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal .div-input-wrap .form-group label {
  width: 134px;
  line-height: 40px;
  text-align: left;
  color: #777;
  font-weight: 500;
}
@media (max-width: 799px) {
  .modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal .div-input-wrap .form-group label {
    font-size: 13px;
    color: #222;
    line-height: 20px;
  }
}
.modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal .div-input-wrap .form-group .div-input-password {
  display: inline-block;
  max-width: 300px;
  width: 100%;
}
@media (max-width: 799px) {
  .modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal .div-input-wrap .form-group .div-input-password {
    display: block;
    max-width: inherit;
  }
}
.modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal .div-input-wrap .form-group .div-input-password.m-span-email {
  display: block;
}
.modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal .div-input-wrap .form-group .div-input-password input[type="password"] {
  line-height: 46px;
  border-color: #ddd;
  font-weight: 400;
}
.modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal .div-input-wrap .form-group .div-input-password input[type="password"].border-radius {
  border-radius: 5px !important;
}
@media (max-width: 799px) {
  .modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal .div-input-wrap .form-group .div-input-password input[type="password"] {
    padding: 0;
    border: none;
    border-bottom: 1px solid #ddd;
    line-height: 36px;
    border-radius: 0px;
  }
  .modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal .div-input-wrap .form-group .div-input-password input[type="password"].error-under {
    border-bottom: 1px solid #DE8282;
  }
}
.modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal .input-group {
  padding: 0 65px;
}
@media (max-width: 799px) {
  .modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal .input-group {
    padding: 0;
    margin-top: 32px;
  }
}
.modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal .input-group .btn.btn-custom {
  width: 240px;
  height: 52px;
  display: inline-block;
  line-height: 52px;
  font-size: 15px;
  box-shadow: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 799px) {
  .modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal .input-group .btn.btn-custom {
    width: calc(50% - 4px);
    height: 52px;
    font-size: 16px;
  }
}
.modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal .input-group .btn.btn-custom.password-change-next {
  border: 1px solid #ddd;
  background: #fff;
  color: #666;
  font-weight: 400;
  margin-right: 10px;
}
@media (max-width: 799px) {
  .modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal .input-group .btn.btn-custom.password-change-next {
    margin-right: 5px;
  }
}
.modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal .input-group .btn.btn-custom.password-change-next:hover {
  border-color: #999;
  color: #666;
}
.modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal .input-group .btn.btn-custom.password-change-submit {
  background: #222;
  color: #fff;
  border: none;
}
.modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal .input-group .btn.btn-custom.password-change-submit:hover {
  background-color: #000;
}
.modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal .input-group .btn.btn-custom.password-change-submit.disabled {
  background-color: #dddddd;
}
@media (max-width: 799px) {
  .modal-dialog.modal-md-custom .modal-content.password .modal-body .password-change-modal .input-group .btn.btn-custom.password-change-submit {
    font-size: 16px;
    width: 100%;
  }
}
.penalty-info-modal .modal-title {
  width: 100%;
  font-weight: 500;
  font-size: 20px;
  line-height: 29px;
  letter-spacing: -0.2px;
  color: #222222;
}
@media (max-width: 799px) {
  .penalty-info-modal .modal-title {
    font-size: 15px;
  }
}
.penalty-info-modal .modal-title .question {
  font-weight: 400;
  font-size: 28px;
  line-height: 33px;
  letter-spacing: -0.2px;
  color: #4168F2;
}
@media (max-width: 799px) {
  .penalty-info-modal .modal-title .question {
    font-size: 20px;
  }
}
.penalty-info-modal .desc {
  margin-top: 35px;
  margin-bottom: 40px;
}
.penalty-info-modal .middle-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #222222;
  border-bottom: 1px solid #444444;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
@media (max-width: 799px) {
  .penalty-info-modal .middle-title {
    font-size: 14px;
  }
}
.penalty-info-modal .middle-content {
  margin-bottom: 60px;
}
@media (max-width: 799px) {
  .penalty-info-modal .middle-content {
    font-size: 13px;
  }
}
.penalty-info-modal .middle-content.system {
  margin-bottom: 26px;
}
.penalty-info-modal .middle-content table {
  margin-top: 20px;
  text-align: center;
  width: 100%;
  border: 1px solid #DDDDDD;
}
.penalty-info-modal .middle-content table thead {
  background: #F8F8F9;
}
.penalty-info-modal .middle-content table thead th {
  border: 1px solid #DDDDDD;
  text-align: center;
  padding: 15px;
}
@media (max-width: 799px) {
  .penalty-info-modal .middle-content table thead th {
    font-size: 11px;
    color: #666666;
    padding: 9px;
  }
}
.penalty-info-modal .middle-content table tbody td {
  border: 1px solid #DDDDDD;
  padding: 15px;
}
@media (max-width: 799px) {
  .penalty-info-modal .middle-content table tbody td {
    font-size: 11px;
    color: #222222;
    padding: 9px;
  }
}
.penalty-info-modal .middle-content.check strong {
  text-decoration: underline;
}
.penalty-info-modal .penalty-btn {
  margin-bottom: 55px;
}
.penalty-info-modal .penalty-btn a {
  background: #222222;
  border-radius: 3px;
  color: #ffffff;
  padding: 10px 15px;
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: -0.2px;
}
.penalty-info-modal .penalty-btn a.bg-wh {
  color: #444444;
  background: #ffffff;
  border: 1px solid #999999;
}
.penalty-info-modal.dark .modal-title {
  color: #EEEEEE;
}
.penalty-info-modal.dark .modal-title .question {
  color: #708FFF;
}
.penalty-info-modal.dark .middle-title {
  border-bottom: 1px solid #302E3E;
}
.penalty-info-modal.dark .desc,
.penalty-info-modal.dark .middle-title,
.penalty-info-modal.dark .middle-content {
  color: #EEEEEE;
}
.penalty-info-modal.dark .middle-content table thead {
  background: #29282F;
}
.penalty-info-modal.dark .middle-content table thead th {
  border: 1px solid #302E3E;
  color: #808080;
}
.penalty-info-modal.dark .middle-content table tbody td {
  border: 1px solid #302E3E;
  color: #EEEEEE;
}
.penalty-info-modal.dark .penalty-btn a {
  background: #8053FF;
  color: #FFFFFF;
}
.penalty-info-modal.dark .penalty-btn a.bg-wh {
  color: #999999;
  background: #232228;
  border: 1px solid #999999;
}
.post-card-list ul {
  width: 100%;
}
.post-card-list ul li {
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 799px) {
  .post-card-list ul li {
    width: 100%;
  }
}
@media (min-width: 800px) and (max-width: 1023px) {
  .post-card-list ul li {
    width: 25%;
  }
}
@media (min-width: 1024px) {
  .post-card-list ul li {
    width: 25%;
  }
}
@media (min-width: 1280px) {
  .post-card-list ul li {
    width: 20%;
  }
}
@media (min-width: 1600px) {
  .post-card-list ul li {
    width: 16.666%;
  }
}
@media (min-width: 1920px) {
  .post-card-list ul li {
    width: 14.285714285%;
  }
}
.post-card {
  position: relative;
  margin: 10px;
}
@media (max-width: 799px) {
  .post-card {
    margin: 0 0 15px 0;
  }
}
.post-card a {
  position: relative;
  overflow: hidden;
  display: block;
  padding-bottom: 100%;
}
.post-card a img {
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 3px;
}
@media (max-width: 799px) {
  .post-card a img {
    border-radius: 0;
  }
}
.post-card .description {
  padding: 15px 0 20px;
  display: block;
}
.post-card .description .offer {
  max-height: 54px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  color: #666;
  font-size: 12px;
  line-height: 1.5;
  overflow: hidden;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
}
@media (max-width: 799px) {
  .post-card .description .offer {
    height: auto;
  }
}
.post-card .description .user-info {
  margin-top: 15px;
  font-size: 12px;
  color: #666666;
}
@media (max-width: 799px) {
  .post-card .description {
    padding: 15px;
  }
}
.post-view .container {
  background: #fff;
  margin-top: 20px;
  margin-bottom: 50px;
  padding: 30px;
  color: #444;
}
.post-view .container h1 {
  color: #222;
}
.post-view .container img {
  max-width: 100%;
  height: auto !important;
}
.post-view .loading {
  padding-top: 50px;
  color: #aaa;
  text-align: center;
}
section.post-wide {
  margin-left: -10px;
  margin-right: -10px;
}
@media (max-width: 799px) {
  section.post-wide {
    margin: 6px -10px 0;
  }
}
.line-post .sort-tab.post {
  margin-top: 0;
}
.line-post .sort-tab.post .arrow-box ul {
  width: 146px;
}
@media (max-width: 799px) {
  .line-post .sort-tab.post .arrow-box li {
    color: #222;
  }
}
@media (max-width: 799px) {
  .line-post .sort-tab.post {
    margin-top: 6px;
  }
}
@media (max-width: 799px) {
  .line-post {
    margin-bottom: 0;
  }
}
@media (max-width: 799px) {
  .post-campaign {
    margin: 0 -15px;
  }
}
.premier-category-banner {
  background-color: #f6b041;
  width: 100%;
  height: 100%;
  max-height: 280px;
  text-align: center;
}
.premier-category-banner img {
  width: 100%;
  max-width: 960px;
}
.premier-modal .box {
  background: url(/assets/img/mypage/bg-prm-modal.png) no-repeat;
  background-size: cover;
  width: 100%;
  padding: 50px 40px 40px 40px;
}
@media (max-width: 799px) {
  .premier-modal .box {
    padding: 40px 20px;
  }
}
.premier-modal .box .title {
  font-family: WorkSans;
  font-size: 36px;
  font-weight: bold;
  color: #ffffff;
}
@media (max-width: 799px) {
  .premier-modal .box .title {
    font-size: 30px;
  }
}
.premier-modal .box .desc {
  font-size: 14px;
  letter-spacing: -0.35px;
  color: #ffffff;
}
.premier-modal .box .desc .has {
  font-weight: bold;
}
.premier-modal .box .check {
  margin-top: 15px;
  width: 171px;
  padding: 3px 12px 5px;
  border-radius: 10em;
  border: solid 1px #b587ff;
}
.premier-modal .box .check a {
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
}
.premier-modal .box .check a:hover {
  text-decoration: none;
}
.premier-modal hr {
  margin: 15px 0;
}
.premier-modal .summary {
  padding: 30px 20px 40px 20px;
  text-align: center;
}
@media (max-width: 799px) {
  .premier-modal .summary {
    padding: 0 20px;
  }
}
.premier-modal .summary .instagram {
  border-right: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
}
@media (max-width: 799px) {
  .premier-modal .summary .instagram {
    border-right: none;
    border-left: none;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
  }
}
.premier-modal .summary .title {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #222222;
  padding-bottom: 20px;
}
@media (max-width: 799px) {
  .premier-modal .summary .title {
    padding-bottom: 0px;
  }
}
.premier-modal .summary .title.none {
  color: #cccccc;
}
.premier-modal .summary .content .request {
  padding-top: 30px;
}
.premier-modal .summary .content .request a {
  font-size: 13px;
  text-align: center;
  color: #999999;
}
.premier-modal .summary .content .date {
  font-weight: bold;
  color: #666666;
  padding-top: 20px;
  font-size: 13px;
}
.premier-modal .summary .content .date span {
  font-weight: normal;
}
.premier-modal .summary .mobile-content {
  padding: 25px 0;
}
.premier-modal .summary .mobile-content .premier-img {
  width: 50px;
  height: 50px;
  float: left;
}
.premier-modal .summary .mobile-content .status {
  text-align: left;
  margin-left: 61px;
  line-height: 24px;
}
.premier-modal .summary .mobile-content .status .title {
  text-align: left;
}
.premier-modal .summary .mobile-content .status .date {
  font-weight: bold;
  color: #666666;
  font-size: 13px;
}
.premier-modal .summary .mobile-content .status .date span {
  font-weight: normal;
}
.premier-modal .summary .mobile-content .status .request a {
  font-size: 13px;
  text-align: center;
  color: #999999;
}
.premier-request-form {
  margin: 10px auto 0px auto;
  border: none;
  max-width: 700px;
  background: #fff;
  text-align: left;
  webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
@media (max-width: 799px) {
  .premier-request-form {
    margin: 0px;
    padding: 0px;
    padding-top: 5px;
  }
}
.premier-request-form input:focus {
  border-color: #222;
}
.premier-request-form input::placeholder {
  color: #C5C5C5;
}
.premier-request-form .error-message * {
  margin: 0 0 -1px 0;
}
.premier-request-form .title {
  font-size: 26px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.56px;
  color: #222222;
  margin-bottom: 40px;
}
.premier-request-form .title img {
  width: 46px;
  height: 46px;
  margin-top: -6px;
}
@media (max-width: 799px) {
  .premier-request-form .title {
    font-size: 20px;
    margin-top: -5px;
  }
  .premier-request-form .title img {
    width: 30px;
    height: 30px;
    margin-top: -4px;
  }
}
.premier-request-form .step-title {
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.36px;
  color: #222222;
  margin-bottom: 8px;
}
@media (max-width: 799px) {
  .premier-request-form .step-title {
    font-size: 16px;
  }
}
.premier-request-form p.step-description {
  margin-bottom: 30px;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: -0.2px;
  color: #999999;
}
@media (max-width: 799px) {
  .premier-request-form p.step-description {
    font-size: 12px;
    margin-bottom: 0;
  }
}
.premier-request-form label {
  cursor: default;
}
.premier-request-form input {
  padding: 10px 10px 11px;
}
.premier-request-form select {
  padding-left: 10px;
  background-position: 97.4% 54%;
}
.premier-request-form ul.terms {
  margin: 15px 0 30px 18px;
  font-size: 13px;
}
@media (max-width: 799px) {
  .premier-request-form ul.terms {
    font-size: 11px;
    margin: 10px 0 15px 18px;
  }
}
.premier-request-form ul.terms li {
  list-style: disc;
  line-height: 20px;
  color: #ccc;
}
.premier-request-form ul.terms li span {
  color: #999;
  margin-left: -3px;
}
@media (max-width: 799px) {
  .premier-request-form ul.terms li span {
    margin-left: 0px;
  }
}
.premier-request-form ul.terms li.color-red {
  color: red;
}
.premier-request-form ul.terms.auth-status-msg {
  margin: 5px 0;
}
.premier-request-form ul.terms.auth-status-msg li {
  color: #999;
  list-style: none;
  font-size: 12px;
}
.premier-request-form ul.terms.auth-status-msg li.auth-error {
  color: #f63e2d;
}
.premier-request-form ul.terms.auth-status-msg li.auth-finish .finish {
  color: #609BED;
  font-size: 12px;
  font-weight: 500;
}
@media (max-width: 799px) {
  .premier-request-form ul.terms.auth-status-msg li.auth-finish .finish {
    margin-bottom: 10px;
  }
}
.premier-request-form .step1 {
  margin-bottom: 30px;
}
@media (max-width: 799px) {
  .premier-request-form .step1 {
    margin-bottom: 20px;
  }
}
.premier-request-form .step1 h2 {
  margin-bottom: 10px;
}
.premier-request-form .step1 .name,
.premier-request-form .step1 .phone {
  width: 200px;
}
@media (max-width: 799px) {
  .premier-request-form .step1 .name,
  .premier-request-form .step1 .phone {
    width: 100%;
  }
}
.premier-request-form .step1 .birth-year {
  width: 200px;
}
@media (max-width: 799px) {
  .premier-request-form .step1 .birth-year {
    width: 100%;
    padding-right: 0;
  }
}
.premier-request-form .step1 .gender {
  width: 200px;
}
@media (max-width: 799px) {
  .premier-request-form .step1 .gender .selected.short {
    padding: 0;
    border: none;
    border-bottom: 1px solid #ddd;
    background: #fff url(/assets/img/form/arrow_down_g.svg) 99% no-repeat !important;
  }
  .premier-request-form .step1 .gender .design-select {
    margin-top: 2px;
  }
}
@media (max-width: 799px) {
  .premier-request-form .step1 .gender {
    margin-left: 0;
    width: 100%;
  }
}
.premier-request-form .step2 h2 {
  margin-bottom: 20px;
}
@media (max-width: 799px) {
  .premier-request-form .step2 h2 {
    margin: 40px 0 10px 0;
  }
}
.premier-request-form .step2 .step-form-label {
  margin-bottom: 5px;
}
.premier-request-form .step2 .step-title {
  margin-bottom: 10px;
}
.premier-request-form .step2 .step2-desc {
  font-size: 13px;
  font-weight: normal;
  color: #999999;
  margin-left: -7px;
}
.premier-request-form .step2 .step2-desc.last {
  margin-bottom: 30px;
}
@media (max-width: 799px) {
  .premier-request-form .step2 .step2-desc {
    font-size: 12px;
    letter-spacing: -0.6px;
  }
  .premier-request-form .step2 .step2-desc.last {
    margin-bottom: 20px;
  }
}
.premier-request-form .step2 .premier-posts {
  margin-top: 30px;
}
.premier-request-form .step2 .premier-posts label {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  color: #222222;
  font-weight: normal;
}
.premier-request-form .step2 .premier-posts label.media .terms {
  margin: 0px 0px 0px 20px;
}
.premier-request-form .step2 .premier-posts label.media .terms li {
  font-size: 13px;
  color: #CCC;
  font-weight: 400;
}
@media (max-width: 799px) {
  .premier-request-form .step2 .premier-posts label.media {
    margin-bottom: 32px;
  }
  .premier-request-form .step2 .premier-posts label.media .about-category {
    width: 35px;
    height: 16px;
    line-height: 11px;
    position: absolute;
    right: 0px;
    margin-top: 0px;
  }
  .premier-request-form .step2 .premier-posts label.media .about-category-explain {
    width: 100%;
    bottom: 535px;
    right: 0;
    margin-left: 0px;
  }
}
@media (max-width: 799px) {
  .premier-request-form .step2 .premier-posts label.media.naver {
    margin-bottom: 32px;
  }
  .premier-request-form .step2 .premier-posts label.media.naver .about-category {
    width: 35px;
    height: 16px;
    line-height: 11px;
    position: absolute;
    right: 0px;
    margin-top: 20px;
  }
  .premier-request-form .step2 .premier-posts label.media.naver .about-category-explain {
    width: 100%;
    right: 0;
    height: 156px;
    top: 1150px;
  }
}
@media (max-width: 799px) {
  .premier-request-form .step2 .premier-posts .pull-left {
    width: 100%;
  }
}
.premier-request-form .step2 .premier-posts .premier-post:after {
  display: block;
  content: '';
  clear: both;
}
.premier-request-form .step2 .premier-posts .category {
  width: 200px;
}
@media (max-width: 799px) {
  .premier-request-form .step2 .premier-posts .category {
    margin-bottom: 10px;
    width: 100% !important;
    margin-left: 0px !important;
  }
  .premier-request-form .step2 .premier-posts .category.naver {
    padding-left: 51px;
  }
}
.premier-request-form .step2 .premier-posts .post-url {
  margin-left: 10px;
  padding-right: 0;
  width: 410px;
}
.premier-request-form .step2 .premier-posts .post-url .btn-remove-post {
  position: absolute;
  bottom: 10px;
  right: 15px;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
}
@media (max-width: 799px) {
  .premier-request-form .step2 .premier-posts .post-url {
    margin-left: 0;
    width: 100% !important;
  }
  .premier-request-form .step2 .premier-posts .post-url.naver {
    padding-left: 51px;
  }
}
@media (max-width: 799px) {
  .premier-request-form .step2 .premier-posts {
    margin-bottom: 0px;
  }
  .premier-request-form .step2 .premier-posts .premier-post:not(:last-child) {
    margin-bottom: 10px;
  }
}
.premier-request-form .step2 .premier-posts .design-radio {
  width: 17px;
}
.premier-request-form .step2 .premier-posts .about-category-explain.naver {
  padding: 20px 15px;
  border: solid 1px #9f7edd;
  background-color: #ffffff;
  position: absolute;
  width: 430px;
  right: 20px;
  margin-left: -67px;
  z-index: 10;
  margin-top: -10px;
}
@media (max-width: 799px) {
  .premier-request-form .step2 .premier-posts .about-category-explain.naver {
    width: 100%;
    right: 0px;
  }
}
.premier-request-form .link-mypage {
  font-weight: 500;
  color: #666666;
  text-decoration: underline;
}
.premier-request-form .step-form-group {
  padding: 5px 0;
}
@media (max-width: 799px) {
  .premier-request-form .step-form-group {
    padding: 0;
  }
}
.premier-request-form .step-form-group .step-form-label,
.premier-request-form .step-form-group .step-form-category,
.premier-request-form .step-form-group .step-form-content {
  float: left;
}
@media (max-width: 799px) {
  .premier-request-form .step-form-group .step-form-label,
  .premier-request-form .step-form-group .step-form-category,
  .premier-request-form .step-form-group .step-form-content {
    float: none;
  }
}
@media (max-width: 799px) {
  .premier-request-form .step-form-group .step-form-label .name,
  .premier-request-form .step-form-group .step-form-category .name,
  .premier-request-form .step-form-group .step-form-content .name,
  .premier-request-form .step-form-group .step-form-label .phone,
  .premier-request-form .step-form-group .step-form-category .phone,
  .premier-request-form .step-form-group .step-form-content .phone,
  .premier-request-form .step-form-group .step-form-label .birth-year,
  .premier-request-form .step-form-group .step-form-category .birth-year,
  .premier-request-form .step-form-group .step-form-content .birth-year {
    width: 100%;
    border: none;
    border-bottom: 1px solid #ddd;
    padding-left: 0;
  }
}
.premier-request-form .step-form-group .step-form-label {
  width: 100px;
  line-height: 38px;
  font-size: 14px;
  font-weight: 500;
}
.premier-request-form .step-form-group .step-form-label.full {
  width: 100%;
}
.premier-request-form .step-form-group .step-form-label.gender-label,
.premier-request-form .step-form-group .step-form-label.phone-label {
  margin-left: 20px;
}
@media (max-width: 799px) {
  .premier-request-form .step-form-group .step-form-label.gender-label,
  .premier-request-form .step-form-group .step-form-label.phone-label {
    margin-left: 0px;
  }
}
@media (max-width: 799px) {
  .premier-request-form .step-form-group .step-form-label {
    width: 100%;
    line-height: 14px;
    margin: 20px 0 6px;
    font-size: 13px;
  }
}
.premier-request-form .step-form-group .step-form-content {
  position: relative;
  margin-bottom: 10px;
  max-width: 520px;
}
.premier-request-form .step-form-group .step-form-content.phone-auth {
  width: 100%;
  margin-bottom: 5px;
}
.premier-request-form .step-form-group .step-form-content.phone-auth .phone-auth-inner {
  width: 300px;
  position: relative;
}
@media (max-width: 799px) {
  .premier-request-form .step-form-group .step-form-content.phone-auth .phone-auth-inner {
    width: 100%;
  }
}
.premier-request-form .step-form-group .step-form-content.naver-influ {
  margin: 0 0 10px 40px;
}
.premier-request-form .step-form-group .step-form-content.naver-influ :first-child input {
  margin-bottom: 8px;
}
@media (max-width: 799px) {
  .premier-request-form .step-form-group .step-form-content.naver-influ {
    margin: 10px 0 10px 51px;
  }
  .premier-request-form .step-form-group .step-form-content.naver-influ:first-child {
    margin: 0 0 10px 51px;
  }
}
.premier-request-form .step-form-group .step-form-content.naver-influ input {
  width: 563px;
}
@media (max-width: 799px) {
  .premier-request-form .step-form-group .step-form-content.naver-influ input {
    width: 100%;
  }
}
.premier-request-form .step-form-group .step-form-content.naver-influ button {
  width: 104px;
}
@media (max-width: 799px) {
  .premier-request-form .step-form-group .step-form-content.naver-influ button {
    width: 62px;
  }
}
.premier-request-form .step-form-group .step-form-full {
  margin: 0 0 10px 100px;
}
@media (max-width: 799px) {
  .premier-request-form .step-form-group .step-form-full {
    margin: 0 0 10px;
  }
}
.premier-request-form .step-form-group:after {
  display: block;
  content: '';
  clear: both;
}
.premier-request-form .step-form-group.phone-form input[type='text'] {
  width: 300px;
  height: 46px;
}
@media (max-width: 799px) {
  .premier-request-form .step-form-group.phone-form input[type='text'] {
    width: 100%;
    background: none;
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0px !important;
  }
}
.premier-request-form .step-form-group.phone-form input[type='text'] :disabled {
  background: #00b3ee;
}
.premier-request-form .step-form-group.phone-form .user-auth-btn {
  width: 89px;
  height: 40px;
  border-radius: 0 !important;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 799px) {
  .premier-request-form .step-form-group.phone-form .user-auth-btn {
    border-radius: 5px !important;
    width: 64px;
    height: 30px;
    font-size: 12px;
  }
}
.premier-request-form .step-form-group.phone-form .btn-step2-area {
  margin-top: 10px;
  padding-bottom: 5px;
}
@media (max-width: 799px) {
  .premier-request-form .step-form-group.phone-form .btn-step2-area {
    margin-top: 15px;
    padding-bottom: 0;
  }
}
.premier-request-form .step-form-group .user-information {
  padding-top: 10px;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  padding-bottom: 20px;
}
@media (max-width: 799px) {
  .premier-request-form .step-form-group .user-information {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 0px;
  }
}
.premier-request-form .step-form-group .user-information .name:after,
.premier-request-form .step-form-group .user-information .sex:after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #dddddd;
  margin: 0 10px;
  vertical-align: middle;
}
.premier-request-form .about-category {
  width: 36px;
  height: 18px;
  line-height: 13px;
  padding: 2px 9px 2px 9px;
  border: solid 1px #b19bff;
  float: right;
  font-size: 12px;
  color: #612bf4;
  margin-top: -20px;
}
.premier-request-form .about-category-explain {
  padding: 20px 15px;
  border: solid 1px #9f7edd;
  background-color: #ffffff;
  position: absolute;
  width: 430px;
  right: 20px;
  margin-left: -120px;
  z-index: 10;
  margin-top: 7px;
}
.premier-request-form .about-category-explain img {
  position: absolute;
  top: -23px;
  right: 0px;
}
.premier-request-form .about-category-explain div {
  color: #222222;
  font-size: 12px;
  margin-bottom: 10px;
}
.premier-request-form .about-category-explain div:last-child {
  margin-bottom: 0;
}
.premier-request-form .about-category-explain span {
  color: #888888;
  font-size: 12px;
  margin-bottom: 10px;
  display: block;
}
.premier-request-form .button-area .btn-premier-request {
  padding: 16px 0 15px;
  max-width: 360px;
  font-size: 16px;
  color: #fff;
  background-color: #222222;
  margin: 0 auto;
}
@media (max-width: 799px) {
  .premier-request-form .button-area .btn-premier-request {
    font-size: 14px;
    padding: 14px 0;
  }
}
.premier-request-form .notice-title {
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.36px;
  color: #222222;
}
@media (max-width: 799px) {
  .premier-request-form .notice-title {
    font-size: 16px;
  }
}
.premier-request-form .notice {
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.69;
  letter-spacing: -0.19px;
  color: #666666;
}
.premier-request-form .button-area .btn.disabled,
.premier-request-form .button-area .btn[disabled],
.premier-request-form .button-area fieldset[disabled] .btn {
  opacity: 0.3;
}
.premier-request-form .design-checkbox span {
  font-size: 14px;
  color: #222222;
}
@media (max-width: 799px) {
  .premier-request-form .design-checkbox span {
    font-size: 13px;
  }
}
.premier-request-result {
  margin: 30px auto 50px auto;
  padding: 0;
  max-width: 1140px;
  background: #fff;
  text-align: center;
}
.premier-request-result h2.result-title {
  color: #333;
  font-weight: 600;
  font-size: 30px;
  margin-bottom: 15px;
}
.premier-request-result p.result-desctiption {
  margin: 0;
  color: #333;
  font-size: 14px;
  line-height: 20px;
}
@media (max-width: 799px) {
  .premier-request-result {
    margin: 15px;
  }
  .premier-request-result h2.result-title {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .premier-request-result p.result-desctiption {
    font-size: 12px;
    line-height: 17px;
  }
}
.premier-request-result .premier-request-in-review {
  padding: 99px 0;
  background: url(/assets/img/premier/img-evaluate.jpg) no-repeat center center;
}
@media (max-width: 799px) {
  .premier-request-result .premier-request-in-review {
    padding: 49px 0;
    background: url(/assets/img/premier/img-evaluate-m.jpg) no-repeat center center;
  }
}
.premier-request-result .premier-request-in-review-complete {
  padding: 79px 19px;
}
.premier-request-result .premier-request-in-review-complete.congrats {
  background: url(/assets/img/premier/img-congrats.jpg) no-repeat center center;
}
@media (max-width: 799px) {
  .premier-request-result .premier-request-in-review-complete {
    padding: 49px 19px 29px;
  }
  .premier-request-result .premier-request-in-review-complete.congrats {
    background: url(/assets/img/premier/img-congrats-m.jpg) no-repeat center center;
  }
}
.premier-request-result .btn-premier-result {
  padding: 16px 0 15px;
  max-width: 580px;
  background: #222;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}
.premier-request-result .btn-premier-result.campaign {
  margin: 50px auto 0;
}
.premier-request-result .btn-premier-result.condition {
  margin: 40px auto 0;
}
@media (max-width: 799px) {
  .premier-request-result .btn-premier-result {
    font-size: 14px;
    padding: 14px 0;
  }
  .premier-request-result .btn-premier-result.campaign {
    margin-top: 30px;
  }
  .premier-request-result .btn-premier-result.condition {
    margin-top: 20px;
  }
}
div.premier {
  text-align: center;
}
div.premier .form-control {
  border-color: #ddd;
}
@media (max-width: 799px) {
  div.premier {
    margin: 0;
    height: 100%;
  }
}
div.premier img {
  max-width: 100%;
}
div.premier legend {
  display: none;
}
div.premier header {
  position: relative;
  background: #F6B041;
}
div.premier header .button-area {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 118px;
}
div.premier header .button-area .move {
  width: 220px;
  padding: 12px 10px;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  border: 2px solid #fff;
}
div.premier header .button-area .move img {
  margin: 0 0 2px 16px;
}
@media (max-width: 799px) {
  div.premier header .button-area {
    padding-right: 3px;
    bottom: 26.8%;
  }
  div.premier header .button-area .move {
    width: 29.5%;
    font-size: 10px;
    border: 1px solid #fff;
    padding: 5px 0;
  }
  div.premier header .button-area .move img {
    width: 9px;
    margin: 0 0 2px 6px;
  }
}
@media (min-width: 768px) and (max-width: 799px) {
  div.premier header .button-area .move {
    width: 220px;
    padding: 12px 10px;
    font-size: 18px;
    border: 2px solid #fff;
  }
  div.premier header .button-area .move img {
    width: 16px;
    margin: 0 0 2px 16px;
  }
}
@media (max-width: 374px) {
  div.premier header .button-area {
    bottom: 27%;
  }
  div.premier header .button-area .move {
    width: 90px;
  }
}
div.premier h2 {
  color: #333;
  font-weight: 600;
  font-size: 30px;
  margin-bottom: 20px;
}
@media (max-width: 799px) {
  div.premier h2 {
    font-size: 26px;
    margin-bottom: 15px;
  }
}
div.premier p {
  color: #333;
  font-size: 14px;
}
div.premier span.description {
  display: block;
  color: #888;
  font-size: 12px;
  margin-top: 15px;
}
div.premier span.description.login {
  margin-top: 60px;
}
div.premier img.process-step {
  margin: 70px 0 0 0;
}
div.premier label.required:after {
  padding-left: 4px;
  content: "*";
  color: #ff6c11;
  font-weight: 600;
  font-size: 15px;
}
div.premier section {
  word-break: keep-all;
}
div.premier .premier-description,
div.premier .premier-process {
  margin: 0 auto;
  padding: 70px 20px;
  background: #fff;
}
@media (max-width: 799px) {
  div.premier .premier-description,
  div.premier .premier-process {
    padding: 40px 20px;
  }
}
div.premier .premier-process {
  padding: 180px 20px 120px 20px;
  background-color: #fafafb;
}
@media (max-width: 799px) {
  div.premier .premier-process {
    padding-top: 80px;
    padding-bottom: 65px;
  }
}
div.premier .premier-process .process-title {
  font-family: WorkSans;
  font-size: 34px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #222222;
}
@media (max-width: 799px) {
  div.premier .premier-process .process-title {
    font-size: 22px;
  }
}
div.premier .premier-process .process-sub {
  font-size: 28px;
  text-align: center;
  color: #222222;
  padding-bottom: 30px;
}
@media (max-width: 799px) {
  div.premier .premier-process .process-sub {
    font-size: 18px;
    padding-bottom: 15px;
  }
}
div.premier .premier-process .process-desc {
  font-size: 15px;
  text-align: center;
  color: #666666;
}
@media (max-width: 799px) {
  div.premier .premier-process .process-desc {
    font-size: 13px;
  }
}
div.premier .premier-process .media {
  display: inline-flex;
  align-items: center;
  margin-top: 60px;
  overflow: visible;
}
div.premier .premier-process .media .box {
  width: 340px;
  height: auto;
  margin: 15px 30px 15px 0;
  padding: 40px 30px 50px;
  border-radius: 5px;
  box-shadow: 5px 10px 15px 0 rgba(29, 31, 43, 0.02);
  background-color: #ffffff;
  text-align: left;
  word-break: break-all;
}
@media (max-width: 799px) {
  div.premier .premier-process .media .box {
    padding: 30px 20px;
  }
}
div.premier .premier-process .media .box:hover {
  box-shadow: 5px 10px 30px 0 rgba(35, 35, 37, 0.1);
  transform: scale(1.04);
  -ms-transform: scale(1.04);
  transition: .3s all;
}
div.premier .premier-process .media .box .title {
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: -0.4px;
  color: #222222;
  text-align: left;
  padding: 0 10px 60px 10px;
}
@media (max-width: 799px) {
  div.premier .premier-process .media .box .title {
    padding: 0 0px 20px 0px;
  }
  div.premier .premier-process .media .box .title img {
    margin-top: -7px !important;
    width: 46px;
    height: 46px;
  }
}
div.premier .premier-process .media .box .title img {
  float: right;
  margin-top: -30px;
}
div.premier .premier-process .media .box .content {
  padding-left: 10px;
}
div.premier .premier-process .media .box .content.naver {
  height: 237px;
}
div.premier .premier-process .media .box .content.naver .condition {
  margin-top: 50px;
}
div.premier .premier-process .media .box .content div {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.37px;
  color: #222222;
  margin-bottom: 8px;
  width: 275px;
}
div.premier .premier-process .media .box .content p {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 21px;
  letter-spacing: -0.2px;
  color: #666666;
}
div.premier .premier-process .media .box .content .sec {
  word-break: keep-all;
  font-size: 13px;
  line-height: 22px;
  height: 88px;
}
div.premier .premier-process .media .box .condition {
  margin-top: 30px;
}
@media (max-width: 799px) {
  div.premier .premier-process .media .box .condition {
    margin-top: 0px;
    font-size: 13px;
  }
  div.premier .premier-process .media .box .condition p {
    font-size: 13px;
    color: #666666;
  }
}
div.premier .premier-process .media .box .new {
  width: 280px;
  height: 54px;
  background-color: #f8f8f8;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 54px;
  letter-spacing: -0.4px;
  text-align: center;
  color: #999999;
  margin-top: 70px;
}
div.premier .premier-process .media .box .new.naver {
  margin-top: 40px;
}
@media (max-width: 799px) {
  div.premier .premier-process .media .box .new.naver {
    margin-top: 30px;
  }
}
div.premier .premier-process .media .box .reject {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: -0.4px;
  color: #888888;
  padding-top: 33px;
  border-top: 1px solid #eeeeee;
  margin-top: 50px;
}
div.premier .premier-process .media .box .reject.naver {
  margin-top: 70px;
}
div.premier .premier-process .media .box .reject .date {
  font-size: 12px;
  color: #999999;
  font-weight: normal;
}
div.premier .premier-process .media .box .already {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: -0.4px;
  color: #888888;
  padding-top: 19px;
  border-top: 1px solid #eeeeee;
  margin-top: 20px;
  line-height: 54px;
}
div.premier .premier-process .media .box .already.naver {
  margin-top: 20px;
}
div.premier .premier-process .media .box facebook-id-login-button.web button span span {
  font-size: 0px;
}
div.premier .premier-process .media .box facebook-id-login-button.web button span span:before {
  content: "\C778\C2A4\D0C0\ADF8\B7A8   \D504\B9AC\BBF8\C5B4   \C2E0\CCAD\D558\AE30";
  font-size: 15px;
}
div.premier .premier-process .media .box facebook-id-login-button img {
  display: none;
}
@media (max-width: 799px) {
  div.premier .premier-process .media {
    display: inline;
  }
  div.premier .premier-process .media .box {
    width: 100%;
  }
  div.premier .premier-process .media .box .title {
    font-size: 18px;
  }
}
div.premier .premier-important {
  padding: 60px 0px;
  text-align: left;
  width: 1140px;
  margin: 0 auto;
}
@media (max-width: 799px) {
  div.premier .premier-important {
    padding: 40px 20px 40px 20px;
    width: 100%;
  }
}
div.premier .premier-important ol {
  text-align: left;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: -0.4px;
  color: #888888;
  padding-left: 15px;
}
div.premier .premier-important ol li {
  list-style: decimal;
}
@media (max-width: 799px) {
  div.premier .premier-important ol {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.2px;
  }
}
div.premier .premier-benefit {
  margin: 0 auto;
  padding: 180px 0;
  background: #1a1a1a;
}
@media (max-width: 799px) {
  div.premier .premier-benefit {
    padding: 80px 0;
  }
}
div.premier .premier-benefit .benefit-title {
  font-family: WorkSans;
  font-size: 34px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}
@media (max-width: 799px) {
  div.premier .premier-benefit .benefit-title {
    font-size: 22px;
  }
}
div.premier .premier-benefit .desc {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: -0.19px;
  text-align: center;
  color: #bbbbbb;
  padding-bottom: 80px;
  padding-top: 30px;
}
@media (max-width: 799px) {
  div.premier .premier-benefit .desc {
    padding-bottom: 40px;
    padding-top: 0px;
  }
}
div.premier .premier-benefit h2 {
  color: #fff;
}
div.premier .premier-benefit h3 {
  font-size: 21px;
  margin: 52px 0 15px 0;
}
div.premier .premier-benefit > div {
  margin: 0 auto;
  max-width: 1140px;
}
div.premier .premier-benefit > div .box {
  float: left;
  margin-right: 22px;
}
@media (max-width: 799px) {
  div.premier .premier-benefit > div .box {
    width: 100%;
    padding: 0 20px 0 20px;
  }
}
div.premier .premier-benefit > div .benefit {
  position: relative;
  height: 280px;
  background: #1e1e1e;
  width: 210px;
  padding: 12px 20px 0;
}
div.premier .premier-benefit > div .benefit img {
  width: 66px;
  height: 60px;
}
div.premier .premier-benefit > div .card {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  color: #fff;
  transform: translate(-50%, -50%);
}
div.premier .premier-benefit > div .card p {
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.4px;
  text-align: center;
  color: #666666;
  padding: 12px 19px 0;
}
div.premier .premier-benefit > div .card .title {
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  padding-top: 50px;
}
@media (max-width: 799px) {
  div.premier .premier-benefit > div h3 {
    margin: 30px 0 0 0;
    font-size: 14px;
  }
  div.premier .premier-benefit > div img {
    width: 46px !important;
    height: 41px !important;
    float: left;
    margin: 20px 34px 20px 30px;
  }
  div.premier .premier-benefit > div .benefit {
    height: 82px;
    margin-bottom: 10px;
    width: 100%;
  }
  div.premier .premier-benefit > div .benefit .card .title {
    font-size: 14px;
    padding-top: 20px;
    text-align: left;
  }
  div.premier .premier-benefit > div .card p {
    font-size: 11px;
    text-align: left;
    padding: 2px 15px 0;
  }
  div.premier .premier-benefit > div.desc {
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    color: #999999;
  }
  div.premier .premier-benefit > div.desc span {
    display: none;
  }
  div.premier .premier-benefit > div.title {
    font-size: 22px;
    font-weight: 500;
    color: #ffffff;
  }
}
div.premier .btn-premier {
  margin: 18px auto 0;
  padding: 16px 0 15px;
  font-size: 15px;
  background: transparent;
}
div.premier .btn-premier.request {
  max-width: 580px;
  border-color: #cccccc;
  color: #444444;
  background: #fff;
  margin-top: 40px;
}
div.premier .btn-premier.request.naver {
  margin-top: 40px;
}
@media (max-width: 799px) {
  div.premier .btn-premier.request.naver {
    margin-top: 30px;
  }
}
div.premier .btn-premier.request:hover {
  color: #fff;
  background-color: #222;
  border-color: #222;
}
@media (max-width: 799px) {
  div.premier .btn-premier.request {
    margin-top: 30px;
  }
}
@media (max-width: 799px) {
  div.premier .btn-premier {
    font-size: 14px;
    padding: 14px 0;
  }
}
div.premier .header-banner {
  background: linear-gradient(-45deg, #62F2E8, #7057FF, #912FED);
  background-size: 200% 100%;
  -webkit-animation: gradient 5s ease infinite;
  animation: gradient 5s ease infinite;
  padding: 0;
}
div.premier .header-banner .box {
  width: 100%;
  height: 600px;
  background: url(/assets/img/premier/bg-premier-top.png) no-repeat center center;
  background-size: cover;
}
@media (max-width: 799px) {
  div.premier .header-banner .box {
    height: 300px;
    background: url(/assets/img/premier/bg-premier-top-m.png) center top no-repeat;
    background-size: cover;
  }
}
div.premier .header-banner .box .pc-title {
  text-shadow: 0 3px 4px rgba(0, 0, 0, 0.05);
  padding-top: 200px;
  font-family: WorkSans;
  font-size: 80px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}
div.premier .header-banner .box .pc-desc {
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.4px;
  text-align: center;
  color: #ffffff;
  margin-top: 4px;
}
div.premier .header-banner .box .pc-media {
  font-family: WorkSans;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
  opacity: 0.5;
  margin-top: 74px;
}
@-webkit-keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
div.premier .header-banner .title {
  text-shadow: 0 3px 4px rgba(0, 0, 0, 0.05);
  font-family: WorkSans;
  font-size: 80px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}
div.premier .header-banner .desc {
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.4px;
  text-align: center;
  color: #ffffff;
}
div.premier .header-banner .media {
  font-family: WorkSans;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #c6baff;
}
div.premier .header-banner .media .split {
  width: 1px;
  height: 10px;
  display: inline-block;
  background-color: #927cff;
  margin-left: 10px;
  margin-right: 10px;
}
div.premier .error {
  border: 1px solid indianred;
}
div.premier .modal-cancel-headless {
  top: 16px;
}
div.premier .modal-cancel-headless img {
  width: 14px;
  height: 14px;
}
.report-blogger-list {
  background: #fff;
  border: 1px solid #ddd;
  padding: 40px;
  margin-bottom: 20px;
  border-radius: 2px;
  box-shadow: none;
}
.report-blogger-list h2 {
  margin-bottom: 10px;
  font-size: 20px;
  color: #666;
}
.report-blogger-list table {
  width: 100%;
  border-collapse: collapse;
  border-color: #eee;
  margin-bottom: 20px;
  border-top: 1px solid #4d4a51;
  font-size: 16px;
}
.report-blogger-list table td,
.report-blogger-list table th {
  text-align: center;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 8px 0;
}
.report-blogger-list table th {
  color: #666;
  font-weight: normal;
  color: #666666;
}
.report-blogger-list table td a {
  color: #1c1c1c;
}
.report-blogger-list table td a:hover {
  color: #5c19dd;
  text-decoration: underline;
}
.report-blogger-list table thead > tr > th {
  border-bottom: 1px solid #ddd;
}
.report-blogger-list table .col-mobile-2 {
  float: left;
  width: 50%;
}
@media screen and (max-width: 799px) {
  .report-blogger-list table .col-mobile-2 {
    width: 100%;
  }
}
.report-blogger-list dl.description {
  margin: 40px 0 0 0;
  font-size: 14px;
}
.report-blogger-list dl.description dt {
  font-weight: bold;
  font-size: 18px;
}
.report-blogger-list dl.description ul {
  margin-top: 10px;
}
.report-blogger-list dl.description li {
  color: #666;
  margin-left: 17px;
  list-style: square;
  line-height: 20px;
  color: #666666;
}
.report-blogger-list dl.description li strong {
  font-weight: normal;
  color: #5c19dd;
}
@media screen and (max-width: 799px) {
  .report-blogger-list {
    padding: 30px 15px;
  }
  .report-blogger-list td,
  .report-blogger-list th {
    padding: 4px;
  }
}
.report-blogger-list .campaign-result-status-fail td,
.report-blogger-list .campaign-result-status-fail a,
.report-blogger-list .campaign-result-status-fail span {
  text-decoration: line-through !important;
}
.report-campaign-combine-statistics {
  background: #fff;
  border: 1px solid #ddd;
  padding: 40px;
  margin-bottom: 20px;
  border-radius: 2px;
  box-shadow: none;
  color: #1c1c1c;
}
.report-campaign-combine-statistics h2 {
  border-bottom: 1px solid #4d4a51;
  padding-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
}
.report-campaign-combine-statistics h3 {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 18px;
}
.report-campaign-combine-statistics ul.description > li {
  margin-left: 17px;
  color: #666;
  list-style: disc;
}
.report-campaign-combine-statistics ul.description > li strong {
  font-weight: normal;
}
.report-campaign-combine-statistics .top-info {
  text-align: center;
  margin: 30px 0;
}
.report-campaign-combine-statistics .top-info li {
  border-right: 1px solid #eee;
  padding: 8px 0 10px;
}
.report-campaign-combine-statistics .top-info li:last-child {
  border-right: none;
}
.report-campaign-combine-statistics .top-info li img {
  vertical-align: top;
}
.report-campaign-combine-statistics .top-info dl {
  display: inline-block;
  margin-bottom: 0;
  margin-left: 10px;
  text-align: left;
}
.report-campaign-combine-statistics .top-info dl dt {
  padding-top: 5px;
  font-size: 24px;
}
.report-campaign-combine-statistics .top-info dl dd {
  font-size: 16px;
}
.report-campaign-combine-statistics table {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  font-size: 16px;
}
.report-campaign-combine-statistics table td,
.report-campaign-combine-statistics table th {
  text-align: center;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 8px 0;
}
.report-campaign-combine-statistics table td {
  padding: 12px 8px;
}
.report-campaign-combine-statistics table th {
  font-weight: normal;
  color: #666;
}
.report-campaign-combine-statistics table thead > tr > th {
  border-bottom: 1px solid #ddd;
}
.report-campaign-combine-statistics table td a:hover {
  text-decoration: underline;
}
.report-campaign-combine-statistics div.sub-content {
  margin-top: 30px;
}
.report-campaign-combine-statistics div.sub-content .description strong {
  color: #5c19dd;
}
.report-campaign-combine-statistics div.sub-content .button-area {
  text-align: right;
}
.report-campaign-combine-statistics div.sub-content .button-area li {
  display: inline-block;
  text-align: center;
}
.report-campaign-combine-statistics div.sub-content .button-area li a {
  display: block;
  padding-bottom: 15px;
}
.report-campaign-combine-statistics div.sub-content .button-area li:first-child {
  border-right: 1px solid #eee;
}
.report-campaign-combine-statistics div.sub-content .button-area li strong {
  font-size: 18px;
  letter-spacing: 0.59px;
}
@media (max-width: 799px) {
  .report-campaign-combine-statistics div.sub-content .button-area {
    margin-bottom: 30px;
    text-align: left;
  }
  .report-campaign-combine-statistics div.sub-content .button-area li {
    width: 50%;
    border-right: none;
    padding: 0;
  }
}
.report-campaign-combine-statistics hr {
  border-color: #4d4a51;
  margin-bottom: 40px;
}
.report-campaign-combine-statistics .latest-bar-chart {
  margin: 20px 0;
  height: 360px;
}
.report-campaign-combine-statistics .youtube-chart {
  margin: 20px 0;
  height: 360px;
}
.report-campaign-combine-statistics .email-content {
  margin: 10px 0;
}
@media screen and (max-width: 799px) {
  .report-campaign-combine-statistics {
    padding: 20px;
  }
  .report-campaign-combine-statistics td,
  .report-campaign-combine-statistics th {
    padding: 4px;
  }
  .report-campaign-combine-statistics .top-info {
    text-align: left;
    margin-bottom: 0;
  }
  .report-campaign-combine-statistics .top-info li {
    border-right: none;
    padding: 0;
    margin-bottom: 30px;
  }
  .report-campaign-combine-statistics .top-info li img {
    padding: 0 10px 0 20px;
  }
  .report-campaign-combine-statistics .top-info li dd {
    margin-bottom: 0;
  }
  .report-campaign-combine-statistics .top-info li:last-child {
    padding-bottom: 0;
  }
  .report-campaign-combine-statistics .top-info li:last-child img {
    padding-bottom: 0;
  }
}
@media print {
  .report-campaign-combine-statistics .hidden-xs,
  .report-campaign-combine-statistics .hidden-md {
    display: table-cell !important;
  }
}
.report-campaign-result {
  background: #fff;
  border: 1px solid #eee;
  padding: 40px;
  margin-bottom: 20px;
  border-radius: 2px;
  box-shadow: none;
}
.report-campaign-result h2 {
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 24px;
}
.report-campaign-result .report-campaign-result-tab {
  position: relative;
  margin-bottom: 40px;
}
.report-campaign-result .report-campaign-result-tab .nav.nav-tabs {
  height: 44px;
}
.report-campaign-result .report-campaign-result-tab .nav.nav-tabs li.active {
  border-bottom: 2px solid #6819ff;
}
.report-campaign-result .report-campaign-result-tab .nav.nav-tabs li.active a {
  color: #666666;
}
.report-campaign-result .report-campaign-result-tab .print {
  position: absolute;
  right: 0;
  bottom: 10px;
  padding: 8px 20px;
  color: #666;
  font-weight: bold;
}
.report-campaign-result .btn.transparent {
  padding: 8px 20px;
  float: right;
}
.report-campaign-result .file-upload {
  padding: 0 10px;
}
.report-campaign-result .last-btn {
  background: #1c1c1c;
  color: #fff;
  font-size: 16px;
  padding: 8px 20px;
}
@media screen and (max-width: 799px) {
  .report-campaign-result {
    padding: 20px;
  }
  .report-campaign-result h2 {
    font-size: 20px;
    padding-bottom: 10px;
  }
  .report-campaign-result hr {
    border-color: #eee;
  }
  .report-campaign-result .report-campaign-result-tab {
    margin-bottom: 30px;
  }
  .report-campaign-result .nav.nav-tabs {
    height: 42px;
  }
  .report-campaign-result .nav.nav-tabs li {
    width: 25%;
  }
  .report-campaign-result .nav.nav-tabs li a {
    font-size: 14px;
    padding: 11px 0;
    text-align: center;
  }
}
.report-capture-image-list {
  width: 100%;
  max-width: 1024px;
  margin: 10px auto;
  background: #f2f2f2;
}
@media (max-width: 799px) {
  .report-capture-image-list {
    margin: 0;
    background: #f6f6f6;
  }
}
.report-capture-image-list h1 {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 36px;
  height: 34px;
  color: #404040;
  background: #fff;
}
.report-capture-image-list ul li {
  float: left;
  padding: 10px 10px 40px 10px;
}
@media print {
  .report-capture-image-list ul li {
    padding: 10px 10px 40px 10px !important;
    float: left !important;
    width: 33.3%;
  }
}
@media (max-width: 799px) {
  .report-capture-image-list ul li {
    float: none;
    padding: 0 0 20px 0;
  }
  .report-capture-image-list ul li:last-child {
    padding: 0;
  }
  .report-capture-image-list ul li img {
    width: 100%;
  }
}
.report-capture-image-list ul li .capture {
  overflow: hidden;
  height: 350px;
}
.report-capture-image-list ul li .capture.open {
  height: auto;
}
.report-capture-image-list ul li .capture img {
  max-width: 100%;
}
.report-capture-image-list ul li .button-area {
  position: relative;
}
.report-capture-image-list ul li .button-area button {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 10;
  font-weight: 600;
}
.report-capture-image-list .report-loading {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f2f2f2;
}
.report-capture-image-list .report-loading > div {
  position: fixed;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.report-capture-image-list .report-loading > div img {
  width: 40px;
  height: 40px;
  margin: 10px;
}
.report-capture-statistics.transparent {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
}
.report-capture-statistics h3 {
  margin: 30px 0;
  font-size: 18px;
  color: #1C1C1C;
}
.report-capture-statistics .keywords li {
  padding-top: 10px;
  position: relative;
}
.report-capture-statistics .bar-chart {
  width: 100%;
  height: 200px;
}
.report-capture-statistics .capture-print {
  margin: 30px 0 0 0;
  page-break-before: always;
}
.report-capture-statistics .capture-print:after {
  display: block;
  content: '';
  clear: left;
}
.report-capture-statistics .capture-print h3 {
  margin: 0;
}
.report-capture-statistics .partial {
  float: left;
  overflow: hidden;
  padding: 8px;
  width: 20%;
  *width: 19.5%;
}
.report-capture-statistics .partial h4 {
  padding: 16px 0;
  font-size: 14px;
  font-weight: normal;
  color: #666;
}
.report-capture-statistics .partial h4:before {
  content: "\2219   ";
}
.report-capture-statistics .partial img {
  max-width: 100%;
}
@media (max-width: 799px) {
  .report-capture-statistics .partial {
    width: 50%;
    *width: 49.5%;
  }
}
.report-capture-statistics .no-results-found {
  padding: 40px;
  border: 1px solid #eee;
  margin: 5px 0;
}
.report-capture-statistics .button-area {
  text-align: right;
}
.report-capture-statistics .button-area a {
  font-size: 16px;
  font-weight: bold;
}
@media (max-width: 799px) {
  .report-capture-statistics .button-area a {
    font-size: 14px;
  }
}
.report-capture-statistics .row {
  margin-bottom: 15px;
}
.report-capture-statistics .row > div.title {
  padding-top: 10px;
}
.report-capture-statistics .row > div.title h3 {
  margin: 0;
}
.report-capture-statistics .keyword-area {
  margin: 23px 0px 16px;
  line-height: 36px;
}
.report-capture-statistics .keyword-area span {
  margin: 30px 0;
  font-size: 18px;
  color: #1C1C1C;
  font-weight: bold;
}
.report-delivery-list {
  background: #fff;
  border: 1px solid #ddd;
  padding: 40px;
  margin-bottom: 20px;
  box-shadow: none;
}
.report-delivery-list .bg-gray {
  background: #f9f9f9;
}
.report-delivery-list h2 {
  margin-bottom: 10px;
  font-size: 20px;
  color: #666;
}
.report-delivery-list table {
  min-width: 100%;
  margin-bottom: 10px;
  border-collapse: collapse;
  table-layout: fixed;
}
.report-delivery-list table td,
.report-delivery-list table th {
  text-align: center;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 8px 12px;
}
.report-delivery-list table th {
  font-weight: normal;
}
.report-delivery-list table td a:hover {
  text-decoration: underline;
}
.report-delivery-list table select.input-sm {
  padding-right: 26px;
  padding-right: 10px\0;
}
.report-delivery-list table tbody tr:last-child td {
  border-bottom: none;
}
.report-delivery-list table .user-info {
  box-sizing: content-box;
  width: 180px;
}
.report-delivery-list table .user-info .name {
  float: left;
  width: 40%;
}
.report-delivery-list table .user-info .tel {
  float: left;
  padding-left: 8px;
  width: 60%;
}
@media (max-width: 799px) {
  .report-delivery-list table .user-info {
    width: 110px;
  }
  .report-delivery-list table .user-info .name,
  .report-delivery-list table .user-info .tel {
    width: 100%;
  }
  .report-delivery-list table .user-info .tel {
    padding-left: 0;
  }
}
.report-delivery-list table .text-left {
  text-align: left;
}
@media (max-width: 799px) {
  .report-delivery-list table .text-left-md {
    text-align: left;
  }
}
.report-delivery-list .file-upload {
  padding: 0 10px;
}
.report-delivery-list .btn {
  padding: 8px 20px;
}
.report-delivery-list .btn.last-btn {
  background: #000;
  padding: 10px 20px;
  color: #fff;
}
.report-delivery-list error-message p {
  position: absolute;
  width: 400px;
  top: -10px;
  left: 230px;
  text-align: left;
}
@media (max-width: 799px) {
  .report-delivery-list {
    padding: 10px;
  }
  .report-delivery-list td,
  .report-delivery-list th {
    border-right: 1px solid #eee;
    padding: 4px;
  }
}
header.report-header h1 {
  margin-top: 20px;
}
header.report-header .container {
  zoom: 1;
  max-width: 960px !important;
  position: relative;
  margin: 0 auto;
}
header.report-header .container .logo_img {
  width: 120px;
  height: 24px;
}
.report-instagram .container {
  zoom: 1;
  max-width: 960px !important;
  position: relative;
  margin: 0 auto;
}
.report-instagram .container .vert-align {
  vertical-align: middle;
}
.report-instagram .container .instagram-card {
  margin-bottom: 13px;
  margin-top: 10px;
  position: relative;
  transition: .3s;
}
.report-instagram .container .instagram-card img {
  width: 100%;
  height: 220px;
}
.report-instagram .container .post-info {
  padding: 10px;
  text-align: center;
}
.report-instagram .container .color-red {
  color: #ff0000;
}
.report-instagram .container .color-red a {
  color: #ff0000;
}
.report-instagram .container .week-summary-chart {
  margin: 20px 0px 50px 0px;
}
.report-instagram .container .week-summary-chart .instagram-chart {
  position: relative;
  margin: auto;
  height: 300px;
}
.report-instagram .container .theme-reviewer-status-fail-1 {
  text-decoration: line-through;
}
.report-instagram .container .theme-reviewer-status-fail-2 {
  text-decoration: line-through;
}
.report-instagram .container .theme-reviewer-status-fail-3 {
  text-decoration: line-through;
}
.report-instagram .campaign-info .detail-title {
  font-size: 20px;
  color: #222;
  margin: 30px 0;
  text-align: center;
}
.report-instagram .campaign-info .campaign-detail-title {
  display: block;
  border-bottom: 2px solid #222;
  padding-bottom: 10px;
  margin-bottom: 5px;
  margin-top: 30px;
  color: #222222;
  font-size: 18px;
}
.report-instagram .campaign-info .dl-horizontal {
  border-bottom: 1px solid #EFEFEF;
  margin-bottom: 0px;
}
.report-instagram .campaign-info .dl-horizontal dt,
.report-instagram .campaign-info .dl-horizontal dd {
  word-break: break-all;
  padding: 5px 0;
  display: table;
}
.report-instagram .campaign-info .dl-horizontal dt {
  float: left;
  text-align: left;
  width: 100px;
  font-weight: normal;
}
.report-instagram .campaign-info .dl-horizontal dt.long {
  width: 200px;
}
.report-instagram .campaign-info .dl-horizontal dd {
  margin-left: 0;
}
.report-instagram .campaign-info .dl-horizontal.right dd {
  text-align: right;
}
.report-footer {
  margin-top: 80px;
}
.report-post-statistics h2 {
  border-bottom: 1px solid #4d4a51;
  padding-bottom: 10px;
}
.report-post-statistics .view-info {
  float: right;
  color: #1c1c1c;
  font-size: 16px;
  font-weight: normal;
}
.report-post-statistics .post-statistics {
  margin: 40px 0;
}
.report-post-statistics .post-statistics:after {
  content: " ";
  clear: both;
  display: block;
}
.report-post-statistics .post-statistics li {
  text-align: center;
  padding: 8px 0 10px;
}
.report-post-statistics .post-statistics li img {
  vertical-align: top;
}
.report-post-statistics .post-statistics li:first-child {
  border-right: 1px solid #eee;
}
.report-post-statistics .post-statistics li:nth-child(3) {
  border-left: 1px solid #eee;
}
.report-post-statistics .post-statistics li dl {
  display: inline-block;
  margin-bottom: 0;
  margin-left: 10px;
  text-align: left;
}
.report-post-statistics .post-statistics li dl dt {
  padding-top: 5px;
  font-size: 24px;
}
.report-post-statistics .post-statistics li dl dd {
  font-size: 16px;
}
@media (max-width: 799px) {
  .report-post-statistics .post-statistics li {
    text-align: left;
    padding-left: 20px;
  }
  .report-post-statistics .post-statistics li:first-child {
    border: none;
  }
}
.report-post-statistics table {
  width: 100%;
  border-collapse: collapse;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  font-size: 16px;
}
.report-post-statistics table td,
.report-post-statistics table th {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.report-post-statistics table th {
  text-align: center;
  font-weight: normal;
  color: #666;
}
.report-post-statistics table td a:hover {
  text-decoration: underline;
}
.report-post-statistics table dt,
.report-post-statistics table dd,
.report-post-statistics table li {
  line-height: 22px;
}
.report-post-statistics table dt .post-title,
.report-post-statistics table dd .post-title,
.report-post-statistics table li .post-title {
  color: #1C1C1C;
}
.report-post-statistics table dt .post-link,
.report-post-statistics table dd .post-link,
.report-post-statistics table li .post-link {
  color: #8888;
  font-size: 14px;
}
@media screen and (max-width: 799px) {
  .report-post-statistics table dt,
  .report-post-statistics table dd,
  .report-post-statistics table li {
    max-width: 130px;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}
.report-post-statistics .view-info {
  text-align: right;
  line-height: 30px;
}
.report-post-statistics .youtube-table td,
.report-post-statistics .youtube-table th {
  vertical-align: middle;
  font-size: 14px;
}
.report-post-statistics .youtube-table .more {
  cursor: pointer;
  color: #666;
}
.report-post-statistics .youtube-chart {
  width: 100%;
  height: 200px;
}
.report-post-statistics div.sub-content {
  margin-top: 30px;
  margin-bottom: 30px;
}
.report-post-statistics div.sub-content h3 {
  margin-bottom: 30px;
}
.report-post-statistics div.sub-content h2 {
  border-bottom: none !important;
}
.report-post-statistics .youtube-tooltip {
  font-size: 16px;
  color: #999999;
}
.report-post-statistics .youtube-tooltip:hover ~ .popup {
  display: block;
}
@media (max-width: 799px) {
  .report-post-statistics .youtube-tooltip:hover ~ .mobile-arrow {
    display: block;
  }
}
.report-post-statistics .popup.popup-tooltip {
  min-width: 200px;
}
@media (max-width: 799px) {
  .report-post-statistics .popup.popup-tooltip {
    min-width: 100%;
  }
}
.report-post-statistics .popup.popup-tooltip strong {
  font-weight: bold;
  font-size: 18px;
  padding-left: 20px;
  margin: 7px 0;
  display: block;
}
.report-post-statistics .popup {
  zoom: 1;
  display: none;
  position: absolute;
  top: 41px;
  left: 40%;
  transform: translateX(-50%);
  z-index: 200;
}
.report-post-statistics .popup:before,
.report-post-statistics .popup:after {
  content: "";
  display: table;
}
.report-post-statistics .popup:after {
  clear: both;
}
@media (max-width: 799px) {
  .report-post-statistics .popup {
    left: 0px;
    transform: none;
  }
}
.report-post-statistics .popup .arrow {
  position: absolute;
  top: -10px;
  background: url(/assets/img/header/ic-arrow-gnb.svg) no-repeat center;
  width: 100%;
  height: 11px;
  left: -179px;
  z-index: 200;
}
.report-post-statistics .popup .arrow ~ ul {
  padding: 10px 0;
}
@media (max-width: 799px) {
  .report-post-statistics .popup .arrow {
    left: -6px;
    top: -17px;
  }
}
.report-post-statistics .popup .tooltip-content {
  padding: 25px;
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 20px;
  min-width: 500px;
  position: absolute;
  background: #FFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  left: -73px;
  transform: translateX(-50%);
  border-radius: 2px;
  border: 1px solid #ddd;
  font-weight: 400;
}
@media (max-width: 799px) {
  .report-post-statistics .popup .tooltip-content {
    transform: none;
    padding: 15px;
    min-width: 100%;
    top: -7px;
    font-size: 12px;
    left: 0px;
    z-index: 200;
  }
}
.report-post-statistics .mobile-arrow {
  display: none;
  position: absolute;
  top: 25px;
  background: url(/assets/img/header/ic-arrow-gnb.svg) no-repeat center;
  width: 16px;
  height: 10px;
  left: 197px;
  z-index: 201;
}
.report-print {
  margin: 10px auto;
}
.report-print .report-request-statistics,
.report-print .report-post-statistics,
.report-print .report-capture-statistics,
.report-print .report-search-keyword-list {
  background: #fff;
  border: 1px solid #ddd;
  padding: 40px;
  margin-bottom: 20px;
  border-radius: 2px;
  box-shadow: none;
}
.report-print .report-request-statistics h2,
.report-print .report-post-statistics h2,
.report-print .report-capture-statistics h2,
.report-print .report-search-keyword-list h2 {
  margin-bottom: 10px;
  font-size: 20px;
  color: #666;
}
.report-print .report-loading {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f2f2f2;
}
.report-print .report-loading > div {
  position: fixed;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.report-print .report-loading > div img {
  width: 40px;
  height: 40px;
  margin: 10px;
}
@media print {
  .report-print {
    max-width: 100%;
    min-width: 1024px;
  }
  .report-print a:after {
    content: '';
  }
  .report-print a[href]:after {
    content: none !important;
  }
  .report-print .report-capture-statistics,
  .report-print .report-search-keyword-list {
    page-break-before: always;
  }
}
@media print {
  body {
    -webkit-print-color-adjust: exact;
  }
  .chart-area > ul,
  .chart-area > div {
    width: 25% !important;
    float: left !important;
    height: 284px !important;
    padding: 30px 10px !important;
    border-right: 1px solid #eee !important;
  }
  .chart-area > ul:last-child,
  .chart-area > div:last-child {
    border-right: none !important;
  }
  .chart-area hr {
    display: none !important;
    color: #eee;
  }
  .chart-area .gender-chart {
    margin: 0 auto !important;
  }
  .chart-area .gender-chart .chart-man {
    content: url('/assets/img/report/chart-man-full.svg');
  }
  .chart-area .gender-chart .chart-man .mask {
    content: url('/assets/img/report/chart-man.svg');
  }
  .chart-area .gender-chart .chart-woman {
    content: url('/assets/img/report/chart-woman-full.svg');
    width: 61px;
  }
  .chart-area .gender-chart .chart-woman .mask {
    content: url('/assets/img/report/chart-woman.svg');
  }
  .chart-area .bar-chart .chart-bar {
    height: 134px;
    width: 24px;
    margin: 0 auto;
    background-color: #874ef4 !important;
  }
  .chart-area .bar-chart .chart-bar .mask {
    background-color: #F5F5F5 !important;
  }
  .youtube-chart {
    width: 900px !important;
  }
  .youtube-chart canvas {
    width: 100% !important;
  }
  .post-statistics {
    margin: 40px 0 !important;
  }
  .post-statistics.youtube li {
    text-align: center;
    float: left;
    width: 33.33333333% !important;
  }
  .post-statistics.youtube li:first-child {
    border-right: 1px solid #eee;
  }
  .post-statistics.youtube li:nth-child(3) {
    border-left: 1px solid #eee;
  }
  .post-statistics.blog li {
    text-align: center;
    float: left;
    width: 50% !important;
  }
  .post-statistics.blog li:first-child {
    border-right: 1px solid #eee;
  }
  .youtube-table img {
    max-width: 125px !important;
  }
  .youtube-table thead tr th:last-child {
    display: none;
  }
  .youtube-table tbody tr:nth-child(odd) td:last-child {
    display: none;
  }
  .report-request-statistics .table-striped span:after {
    content: "/ ";
    display: inline-block;
  }
}
.report-request-statistics h2 {
  border-bottom: 1px solid #4d4a51;
  padding-bottom: 20px;
}
.report-request-statistics .post-statistics {
  margin: 37px 0 30px;
  width: 100%;
  padding: 8px 0 10px;
  text-align: center;
}
.report-request-statistics .post-statistics img {
  vertical-align: top;
}
.report-request-statistics .post-statistics dl {
  display: inline-block;
  margin-bottom: 0;
  margin-left: 10px;
  text-align: left;
}
.report-request-statistics .post-statistics dl dt {
  padding-top: 5px;
  font-size: 24px;
}
.report-request-statistics .post-statistics dl dd {
  font-size: 16px;
}
@media (max-width: 799px) {
  .report-request-statistics .post-statistics {
    margin-bottom: 20px;
  }
}
.report-request-statistics .chart-area > ul,
.report-request-statistics .chart-area > div {
  height: 284px;
  padding: 30px 10px;
  border-right: 1px solid #eee;
}
.report-request-statistics .chart-area > ul:last-child,
.report-request-statistics .chart-area > div:last-child {
  border-right: none;
}
@media (max-width: 799px) {
  .report-request-statistics .chart-area > ul,
  .report-request-statistics .chart-area > div {
    padding: 0;
    border-right: 0;
    height: auto;
  }
  .report-request-statistics .chart-area > ul.gender-chart,
  .report-request-statistics .chart-area > div.gender-chart {
    margin-top: -25px;
    height: 204px;
  }
}
.report-request-statistics .chart-area hr {
  display: none;
  color: #eee;
}
@media (max-width: 799px) {
  .report-request-statistics .chart-area hr {
    display: block;
  }
}
.report-request-statistics .percentage {
  color: #444444;
}
.report-request-statistics .gender-chart {
  text-align: center;
}
.report-request-statistics .gender-chart .chart-man,
.report-request-statistics .gender-chart .chart-woman {
  height: 134px;
  width: 58px;
  margin: 0 auto;
}
.report-request-statistics .gender-chart .chart-man .mask,
.report-request-statistics .gender-chart .chart-woman .mask {
  width: 100%;
}
.report-request-statistics .gender-chart .chart-man {
  background: url('/assets/img/report/chart-man-full.svg') no-repeat;
}
.report-request-statistics .gender-chart .chart-man .mask {
  background: url('/assets/img/report/chart-man.svg') no-repeat;
}
.report-request-statistics .gender-chart .chart-woman {
  background: url('/assets/img/report/chart-woman-full.svg') no-repeat;
  width: 61px;
}
.report-request-statistics .gender-chart .chart-woman .mask {
  background: url('/assets/img/report/chart-woman.svg') no-repeat;
}
.report-request-statistics .gender-chart li:last-child .percentage {
  color: #444444;
}
.report-request-statistics .gender-chart strong {
  display: block;
  margin-top: 15px;
}
.report-request-statistics .doughtnut-chart {
  margin-top: 22px;
}
.report-request-statistics .legend {
  margin-top: 30px;
}
.report-request-statistics .legend li {
  text-align: center;
}
.report-request-statistics .legend li span {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #874ef4;
}
.report-request-statistics .legend li:nth-child(2) span {
  background: #6FDBD8;
}
.report-request-statistics .legend li:nth-child(3) span {
  background: #AEB4BE;
}
.report-request-statistics .legend li:nth-child(4) span {
  background: #CDD1D9;
}
@media (max-width: 799px) {
  .report-request-statistics .legend:after {
    clear: both;
    content: '';
    display: block;
  }
}
.report-request-statistics .legend.blog {
  margin-top: 30px;
}
.report-request-statistics .legend.blog li {
  text-align: center;
}
.report-request-statistics .legend.blog li span {
  display: inline-block;
  width: 10px;
  height: 10px;
}
.report-request-statistics .legend.blog span.naver {
  background: #03bf35;
}
.report-request-statistics .legend.blog span.youtube {
  background: #ff6c46;
}
.report-request-statistics .legend.blog span.tistory {
  background: #AEB4BE;
}
.report-request-statistics .legend.blog span.etc {
  background: #f5f5f5;
}
.report-request-statistics .bar-chart li {
  font-size: 14px;
  color: #222;
}
.report-request-statistics .bar-chart li .chart-bar {
  height: 134px;
  width: 24px;
  margin: 0 auto;
}
.report-request-statistics .bar-chart li .chart-bar .mask {
  background: #F5F5F5;
}
.report-request-statistics .bar-chart li:nth-child(1) .chart-bar {
  background: #874ef4;
}
.report-request-statistics .bar-chart li:nth-child(1) .percentage {
  color: #5c19dd;
}
.report-request-statistics .bar-chart li:nth-child(2) .chart-bar {
  background: #6FDBD8;
}
.report-request-statistics .bar-chart li:nth-child(3) .chart-bar {
  background: #AEB4BE;
}
.report-request-statistics .bar-chart li:nth-child(4) .chart-bar {
  background: #CDD1D9;
}
.report-request-statistics .bar-chart .percentage {
  margin-top: 15px;
  font-size: 13px;
  display: block;
  text-align: center;
  margin-bottom: 5px;
}
.report-request-statistics .bar-chart strong {
  margin-top: 15px;
  font-size: 12px;
  display: block;
  text-align: center;
}
@media (max-width: 799px) {
  .report-request-statistics .bar-chart:after {
    content: '';
    clear: both;
    display: block;
  }
}
.report-request-statistics table {
  margin: 25px 0 20px;
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
}
.report-request-statistics table td,
.report-request-statistics table th {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.report-request-statistics table th {
  text-align: center;
  font-weight: normal;
  color: #666;
}
.report-request-statistics table td a:hover {
  text-decoration: underline;
}
.report-request-statistics table td span:after {
  content: "/ ";
  display: inline-block;
}
@media (max-width: 799px) {
  .report-request-statistics table td span:after {
    content: '\A';
    white-space: pre;
    display: inline;
  }
}
.report-request-statistics table td span:last-child:after {
  content: '';
}
.report-request-statistics table .title {
  width: 200px;
  text-align: center;
}
@media screen and (max-width: 799px) {
  .report-request-statistics table .title {
    width: 80px;
    vertical-align: middle;
  }
}
.report-request-statistics ul.description {
  margin-left: 15px;
  font-size: 14px;
}
.report-request-statistics ul.description li {
  margin-left: 15px;
  list-style: square;
  line-height: 20px;
}
.report-request-statistics .pie-chart {
  float: left;
  width: 25%;
  height: 25%;
  padding: 10px;
}
@media screen and (max-width: 799px) {
  .report-request-statistics .pie-chart {
    float: left;
    width: 100%;
    height: inherit;
  }
}
.report-search-keyword-list .keyword-etc {
  margin: 1px;
}
.report-search-keyword-list .keyword-etc span {
  color: #666666;
  font-size: 14px;
}
.report-search-keyword-list .keyword-etc h3 {
  margin: 40px 0 10px;
}
.report-search-keyword-list .description {
  margin-bottom: 40px;
  font-size: 14px;
}
.report-search-keyword-list .description li {
  color: #666;
  margin-left: 17px;
  list-style: square;
  line-height: 20px;
  color: #666666;
}
.report-search-keyword-list .description li strong {
  color: #5c19dd;
}
@media screen and (min-width: 799px) {
  .report-search-keyword-list .keyword-graph ul {
    margin: 0 50px 0 150px !important;
    padding: 1px 0 0 0;
    border-left: 1px solid #ddd;
    font-size: 14px;
  }
  .report-search-keyword-list .keyword-graph ul li {
    position: relative;
    margin: 10px 0;
    vertical-align: top;
    list-style: none;
  }
  .report-search-keyword-list .keyword-graph ul li:first-child .bar strong {
    font-size: 20px;
    color: #222222;
  }
  .report-search-keyword-list .keyword-graph ul li .title {
    position: absolute;
    width: 140px;
    top: 0;
    left: -150px;
    line-height: 20px;
    text-align: right;
    color: #666;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .report-search-keyword-list .keyword-graph ul li .bar {
    position: relative;
    display: block;
    height: 20px;
    border-left: 0;
    background: #bcbfd9;
  }
  .report-search-keyword-list .keyword-graph ul li .bar strong {
    position: absolute;
    width: 40px;
    line-height: 15px;
    top: 0;
    right: -50px;
    color: #666;
  }
}
@media (max-width: 799px) {
  .report-search-keyword-list .keyword-graph {
    font-size: 13px;
    color: #767676;
  }
  .report-search-keyword-list .keyword-graph li {
    margin-left: 18px;
    list-style-type: square;
  }
  .report-search-keyword-list .keyword-graph .bar strong {
    font-weight: bold;
    font-size: 14px;
    color: #666;
  }
  .report-search-keyword-list .keyword-etc span {
    font-size: 13px;
  }
}
.report-top-banner {
  background-color: #050424;
  text-align: center;
  position: relative;
}
.report-top-banner .report-banner-img-m {
  display: none;
}
@media (max-width: 799px) {
  .report-top-banner .report-banner-img-m {
    display: block;
  }
  .report-top-banner .report-banner-img {
    display: none;
  }
}
.report-top-banner img {
  height: 70px;
}
.report-top-banner a {
  display: block;
  background: no-repeat center transparent;
  margin: 0 auto;
}
.report-top-banner button {
  background: url('/assets/img/top-banner/btn-close.png') no-repeat center transparent;
  border: 0;
  padding: 0;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 28px;
  right: 60px;
}
.report {
  width: 100%;
  max-width: 1160px;
  background: #f6f6f6;
  color: #1c1c1c;
}
.report.report-auth {
  width: 450px;
}
.report.report-auth .header {
  padding: 0px;
  margin-top: 60px;
  margin-bottom: 30px;
}
@media (max-width: 799px) {
  .report.report-auth .header {
    margin-top: 45px;
  }
}
@media (max-width: 799px) {
  .report.report-auth {
    width: 100%;
    margin: 0px;
  }
}
.report h1 {
  margin: 70px 8px 30px;
  font-weight: bold;
  text-align: center;
}
.report h1 .logo {
  width: 120px;
  height: 24px;
  vertical-align: bottom;
}
@media screen and (max-width: 799px) {
  .report h1 {
    margin: 50px 8px 25px;
    font-size: 22px;
  }
  .report h1 .logo {
    width: 110px;
    height: 26.7px;
    margin-right: 12px;
  }
}
.report .header {
  padding: 0 160px 50px;
}
.report .header .campaign-list {
  padding-left: 0;
}
.report .header .campaign-list .form-control {
  height: 46px;
  padding: 0 40px 0 14px;
  line-height: 46px;
}
.report .header .auth-title {
  font-size: 18px;
  color: #000000;
}
.report .header .auth-title .phone {
  font-size: 22px;
  color: #000000;
}
.report .header .auth-title .change-phone {
  position: relative;
  top: -3px;
  margin-left: 10px;
  font-size: 12px;
  color: #999999;
  letter-spacing: -0.1px;
  border-radius: 15px;
  padding: 2px 10px;
  border: 1px solid #ccc;
  font-weight: normal;
}
@media (max-width: 799px) {
  .report .header .auth-title {
    padding-top: 15px;
  }
}
.report .header .btn.btn-custom.report-black {
  height: 46px;
  line-height: 46px;
  padding: 0;
  font-size: 16px;
  text-align: center;
}
@media (max-width: 799px) {
  .report .header .btn.btn-custom.report-black {
    font-size: 14px;
  }
}
.report .header:after {
  content: '';
  display: block;
  clear: both;
}
@media (max-width: 799px) {
  .report .header {
    padding: 0 0 15px;
  }
  .report .header .campaign-list {
    padding: 0;
  }
}
.report .auth-form {
  margin-top: 15px;
}
.report .auth-form input {
  padding: 20px 15px;
}
.report .auth-form button {
  height: 45px !important;
}
.report .auth-form .auth-call-btn {
  margin-top: 10px;
  background: #222222;
  color: #ffffff;
  font-weight: normal;
}
.report .auth-form .auth-call-btn:disabled,
.report .auth-form .auth-call-btn:disabled:hover {
  background: #bbb !important;
}
.report .auth-form .error-msg {
  margin: 10px 0px;
  font-size: 14px;
  color: #ff0000;
}
.report .auth-form .auth-form-help {
  margin-top: 20px;
  padding: 0px;
}
.report .auth-form .auth-form-help div {
  padding: 0px;
  font-size: 14px;
}
.report .auth-form .auth-form-help div.help-left {
  text-align: left;
  color: #999999;
}
.report .auth-form .auth-form-help div.help-right {
  text-align: right;
}
.report .auth-form .auth-form-help div.help-right a {
  color: #000000;
  border-bottom: 1px solid #222222;
}
.report .auth-footer {
  margin-top: 40px;
  border-top: 1px solid #e5e5e5;
}
.report .auth-footer .footer-text {
  margin-top: 20px;
  text-align: center;
  font-size: 12px;
  color: #777777;
}
.report .category {
  margin-bottom: 0;
  font-size: 0;
}
.report .category .sub-category {
  border-radius: 0;
  background: none;
}
.report .category .sub-category li {
  margin-right: 5px;
  min-width: 170px;
}
.report .category .sub-category a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 14px 29px 11px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-bottom: 0;
  color: #666666;
}
.report .category .sub-category a:hover,
.report .category .sub-category a.on {
  background: #4d4a51;
  color: #fff;
}
@media (max-width: 799px) {
  .report .category .sub-category li {
    width: 33.333%;
    min-width: auto;
  }
  .report .category .sub-category li a {
    font-size: 14px;
    padding: 10px 0 !important;
  }
}
.report .table-responsive {
  border: 0;
}
.report .table-responsive .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f8f8f8;
}
.report .table thead > tr > th {
  border-width: 1px;
}
.report .table td,
.report .table th {
  padding: 12px 10px;
}
.report h2 {
  color: #1c1c1c;
}
.report h3 {
  color: #1c1c1c;
  font-size: 18px;
  font-weight: bold;
}
.report .point {
  color: #5c19dd;
}
@media print {
  .report {
    max-width: 100%;
    min-width: 1024px;
  }
  .report a:after {
    content: '';
  }
  .report a[href]:after {
    content: none !important;
  }
}
.reviews-wrap {
  margin-left: -10px;
  margin-right: -10px;
  padding-top: 20px;
}
@media (max-width: 799px) {
  .reviews-wrap {
    margin: 0;
    padding-top: 0;
  }
  .reviews-wrap.review-detail {
    margin: 0px;
  }
}
.review-card-wrap {
  margin-bottom: 20px;
  width: 33.333%;
  padding: 0 10px;
  min-height: 264px;
}
@media (max-width: 799px) {
  .review-card-wrap {
    padding: 0;
    min-height: auto;
  }
  .review-card-wrap.contents {
    padding: 0 15px;
  }
  .review-card-wrap:first-child {
    padding-top: 15px;
  }
}
.review-card-wrap .review-card a {
  display: block;
  position: relative;
}
.review-card-wrap .review-card a.instagram {
  height: 216px;
}
.review-card-wrap .review-card a.youtube {
  height: 160px;
  overflow: hidden;
}
.review-card-wrap .review-card a.shorts,
.review-card-wrap .review-card a.clip {
  height: 280px;
}
@media (max-width: 799px) {
  .review-card-wrap .review-card a.shorts,
  .review-card-wrap .review-card a.clip {
    height: 380px;
  }
}
.review-card-wrap .review-card a .review-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0) 50%);
  z-index: 1;
  border-radius: 3px;
}
.review-card-wrap .review-card a .best-review {
  background: url("/assets/img/post/img-bestreview.svg") no-repeat;
  width: 46px;
  height: 46px;
  position: absolute;
  border: none;
  padding: 0;
  top: 14px;
  right: 14px;
  z-index: 10;
  transition: .1s;
}
.review-card-wrap .review-card a .best-review img {
  width: 46px;
  height: 46px;
}
.review-card-wrap .review-card a .duration {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 8px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  padding: 2px 4px;
  border-radius: 2px;
  letter-spacing: .5px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.2rem;
  align-items: center;
  display: inline-flex;
}
.review-card-wrap .review-card a .review-img {
  width: 100%;
  height: 100%;
  border-radius: 3px;
  object-fit: cover;
}
.review-card-wrap .review-card a .reels-icon {
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 20px;
  height: 20px;
  z-index: 99;
}
@media (max-width: 799px) {
  .review-card-wrap .review-card a .reels-icon {
    bottom: 5px;
    right: 5px;
    width: 16px;
    height: 16px;
  }
  .review-card-wrap .review-card a .reels-icon.clip {
    bottom: 15px;
    right: 15px;
    width: 22px;
    height: 22px;
  }
}
.review-card-wrap .review-card img {
  width: 100%;
  border-radius: 3px;
}
@media (max-width: 799px) {
  .review-card-wrap .review-card img {
    width: 100%;
    border-radius: 0;
  }
}
@media (max-width: 799px) {
  .review-card-wrap {
    margin-bottom: 10px;
    width: 100%;
    float: left;
  }
  .review-card-wrap:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 799px) {
  .review-card-wrap.mypage {
    width: 50%;
    padding: 0 5px;
    min-height: 189px;
    margin-top: 20px;
    margin-bottom: 0px;
  }
}
@media (max-width: 799px) and (max-width: 451px) {
  .review-card-wrap.mypage {
    min-height: 205px;
  }
}
@media (max-width: 799px) and (min-width: 450px) {
  .review-card-wrap.mypage {
    min-height: 205px;
  }
}
.review-card-wrap.mypage .review-card a {
  width: 286px;
  height: 216px;
}
@media (max-width: 799px) {
  .review-card-wrap.mypage .review-card a {
    width: 100%;
  }
}
@media (max-width: 799px) {
  .review-card-wrap.mypage .review-card a.instagram {
    height: 168px;
  }
}
.review-card-wrap.mypage .review-card a.youtube {
  height: 160px;
  overflow: hidden;
}
@media (max-width: 799px) {
  .review-card-wrap.mypage .review-card a.youtube {
    height: 120px;
  }
}
.review-card-wrap.mypage .review-card a.shorts,
.review-card-wrap.mypage .review-card a.clip {
  height: 320px;
}
@media (max-width: 799px) {
  .review-card-wrap.mypage .review-card a.shorts,
  .review-card-wrap.mypage .review-card a.clip {
    height: 220px;
  }
}
.review-card-wrap.mypage .review-card a.shorts .duration,
.review-card-wrap.mypage .review-card a.clip .duration {
  display: none;
}
@media (max-width: 799px) {
  .review-card-wrap.mypage .review-card a .review-img {
    width: 100%;
  }
}
.review-card-wrap.mypage .review-card .description .media-type {
  color: #666;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.4px;
  padding: 0 0 9px;
}
@media (max-width: 799px) {
  .review-card-wrap.mypage .review-card .description {
    padding: 10px 0 0;
  }
  .review-card-wrap.mypage .review-card .description .offer {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.3px;
    color: #222222;
    margin-bottom: 5px;
  }
  .review-card-wrap.mypage .review-card .description .user-date {
    font-weight: 400;
    font-size: 11px;
    line-height: 16px;
    color: #999999;
  }
  .review-card-wrap.mypage .review-card .description .media-type {
    font-size: 11px;
    color: #666666;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-bottom: 0px;
  }
}
@media (max-width: 799px) and (max-width: 799px) {
  .review-card-wrap.mypage .review-card .description .media-type img.blog,
  .review-card-wrap.mypage .review-card .description .media-type img.instagram,
  .review-card-wrap.mypage .review-card .description .media-type img.clip {
    width: 13px;
    height: 13px;
  }
}
@media (max-width: 799px) and (max-width: 799px) {
  .review-card-wrap.mypage .review-card .description .media-type img.youtube {
    width: 13.8px;
    height: 9.93px;
  }
}
.review-card-wrap.mypage.detail .review-card {
  height: auto;
  width: 100%;
}
@media (max-width: 799px) {
}
@media (max-width: 799px) {
  .review-card-wrap.dashboard {
    width: 180px;
  }
}
.review-card-wrap.dashboard .review-card {
  position: relative;
}
@media (max-width: 799px) {
  .review-card-wrap.dashboard .review-card a {
    width: 150px;
    height: 103px;
  }
  .review-card-wrap.dashboard .review-card a.short {
    height: 184px;
  }
}
.review-card-wrap.dashboard .review-card img {
  width: 100%;
  border-radius: 3px;
  object-fit: cover;
}
@media (max-width: 799px) {
  .review-card-wrap.dashboard .review-card img {
    width: 100%;
  }
}
.review-card-wrap.dashboard .review-card img.reels-icon {
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 20px;
  height: 20px;
  z-index: 99;
}
@media (max-width: 799px) {
  .review-card-wrap.dashboard .review-card img.reels-icon {
    bottom: 5px;
    right: 5px;
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 799px) {
  .review-card-wrap.dashboard .review-card {
    width: 160px;
    height: 153px;
  }
}
.review-card-wrap.dashboard .review-card .description {
  padding: 0px;
}
.review-card-wrap.dashboard .review-card .description .media-type {
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.4px;
  color: #666666;
  padding: 12px 0 10px;
}
@media (max-width: 799px) {
  .review-card-wrap.dashboard .review-card .description .offer.title {
    min-height: inherit;
  }
}
.review-card-wrap.dashboard .review-card .description .user-info {
  margin: 11px 0 0 0;
  font-size: 12px;
  color: #666666;
}
@media (max-width: 799px) {
  .review-card-wrap.dashboard .review-card .description {
    padding: 0;
  }
  .review-card-wrap.dashboard .review-card .description .offer {
    font-weight: 400;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.3px;
    color: #222222;
  }
  .review-card-wrap.dashboard .review-card .description .user-date:before,
  .review-card-wrap.dashboard .review-card .description .user-date:after {
    content: "";
  }
  .review-card-wrap.dashboard .review-card .description .media-type {
    font-size: 10px;
    color: #666666;
    padding: 10px 0 5px;
  }
}
@media (max-width: 799px) and (max-width: 799px) {
  .review-card-wrap.dashboard .review-card .description .media-type img.blog,
  .review-card-wrap.dashboard .review-card .description .media-type img.instagram,
  .review-card-wrap.dashboard .review-card .description .media-type img.clip {
    width: 11px;
    height: 11px;
    display: inline-block;
  }
}
@media (max-width: 799px) and (max-width: 799px) {
  .review-card-wrap.dashboard .review-card .description .media-type img.youtube {
    width: 10.8px;
    height: 8.4px;
    display: inline-block;
  }
}
.review-card .description {
  padding: 10px 0 0;
  display: block;
}
@media (max-width: 799px) {
  .review-card .description {
    padding-top: 15px;
  }
}
.review-card .description .offer {
  max-height: 42px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 21px;
  overflow: hidden;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
}
@media (max-width: 799px) {
  .review-card .description .offer {
    height: auto;
  }
}
.review-card .description .offer .media-type img {
  position: relative;
  margin-right: 5px;
}
.review-card .description .offer .media-type img.blog,
.review-card .description .offer .media-type img.instagram,
.review-card .description .offer .media-type img.clip {
  width: 18px;
  height: 18px;
  top: -2px;
}
.review-card .description .offer .media-type img.youtube {
  width: 18px;
  height: 13.75px;
  top: -3px;
}
.review-card .description .user-date {
  margin: 3px 0 0 0;
  font-size: 12px;
  color: #999999;
}
.review-card .description .user-info {
  margin: 11px 0 0 0;
  font-size: 12px;
  line-height: 24px;
  color: #666666;
}
.review-card .description .user-info.me {
  font-weight: bold;
  color: #00BFB7 !important;
}
.review-card .description .user-info .avatar.default {
  width: 24px !important;
  height: 24px !important;
}
.review-card .description .user-info .btn-default {
  color: #999;
  font-size: 12px;
  font-weight: 400;
}
@media (max-width: 799px) {
  .review-card .description .user-info .btn-default {
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media (max-width: 799px) {
  .review-card .description .user-info.new {
    position: relative;
    margin: 0;
    display: flex;
    flex-direction: column;
  }
  .review-card .description .user-info .info-wrap {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
  }
  .review-card .description .user-info .info-wrap img {
    width: 40px !important;
    height: 40px;
  }
  .review-card .description .user-info .pull-right {
    margin-left: 12px;
  }
  .review-card .description .user-info .pull-right .nick {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
  }
  .review-card .description .user-info .pull-right .user-date {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin: 2px 0;
  }
  .review-card .description .user-info .offer.title {
    color: #222;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 10px !important;
  }
}
.new-search .ns-inner {
  width: 1280px;
  margin: 0 auto;
}
.new-search .ns-title {
  padding-top: 60px;
  padding-bottom: 30px;
  border-bottom: 1.3px solid #222222;
}
.new-search .ns-title-text {
  font-family: 'Pretendard';
  font-size: 26px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.03em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
  margin: 0;
  white-space: nowrap;
}
.new-search .ns-title-keyword {
  color: #5C19DD;
}
.new-search .ns-section {
  padding-bottom: 60px;
}
.new-search .ns-section:last-child {
  padding-bottom: 100px;
}
.new-search .ns-section .more-button-area {
  margin: 60px 0 0 0;
}
.new-search .ns-section-title {
  font-family: 'Pretendard';
  font-size: 22px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.03em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
  margin: 0 0 20px 0;
}
.new-search .ns-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 40px 0 100px 0;
}
.new-search .ns-empty-text {
  font-family: 'Pretendard';
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  color: #C5C5C5;
  margin: 0;
  text-align: center;
}
@media (max-width: 799px) {
  .new-search .ns-inner {
    width: 100%;
    margin: 0;
    padding: 0 15px;
  }
  .new-search .ns-title {
    padding-top: 30px;
    padding-bottom: 10px;
    border: none;
  }
  .new-search .ns-title-text {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.02em;
    text-transform: none;
    text-decoration: none;
    white-space: normal;
  }
  .new-search .ns-section {
    padding-bottom: 40px;
  }
  .new-search .ns-section:last-child {
    padding-bottom: 60px;
  }
  .new-search .ns-section-title {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.02em;
    text-transform: none;
    text-decoration: none;
    margin: 0 0 15px 0;
  }
  .new-search .ns-empty {
    padding: 40px 0 60px 0;
  }
  .new-search .ns-empty-text {
    font-family: 'Pretendard';
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.01em;
    text-transform: none;
    text-decoration: none;
  }
}
section.category > .location-category {
  position: relative;
}
section.category > .location-category .btn-all {
  border: 1px solid #d3d3d3;
  border-radius: 2px;
  color: #555;
  font-size: 18px;
  padding: 12px 20px;
  background: transparent;
  min-width: 180px;
  text-align: center;
}
section.category > .location-category .btn-all:hover {
  background: rgba(0, 0, 0, 0.03);
}
section.category > .location-category .btn-all > i {
  color: rgba(0, 0, 0, 0.3);
  font-size: 18px;
  margin-right: 5px;
}
section.category > .location-category .btn-sub {
  border: none;
  border-bottom: 1px solid #d3d3d3;
  color: #555;
  width: 100%;
  font-size: 16px;
  text-align: left;
  padding: 12px 5px 12px 20px;
  background: transparent;
  min-width: 180px;
  position: relative;
}
section.category > .location-category .btn-sub:hover {
  background: rgba(0, 0, 0, 0.01);
}
section.category > .location-category .btn-sub > i {
  float: right;
  margin-top: 5px;
}
section.category > .location-category .sub-popup {
  left: 0;
  top: 45px;
  width: 100%;
  position: absolute;
  z-index: 11;
  background: #fff;
  border: 1px solid #e2e2e2;
  border-top: 2px solid #5c19dd;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
section.category > .location-category .sub-popup:before {
  font-family: FontAwesome;
  content: "\F0D8";
  position: absolute;
  top: -19px;
  font-size: 20px;
  height: 20px;
  left: 0;
  width: 100%;
  color: #5c19dd;
  text-align: center;
  z-index: 1;
}
section.category > .location-category .sub-popup li a {
  font-size: 15px;
  display: block;
  padding: 8px 10px;
  color: #777;
  text-decoration: none;
}
section.category > .location-category .sub-popup li a:hover {
  color: #5c19dd;
  background: rgba(0, 0, 0, 0.05);
}
section.category > .location-category .extend {
  max-width: 600px;
  min-width: 50%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 2px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
}
section.category > .location-category .extend .btn-all {
  background: #e2e2e2;
  display: block;
  border: none;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #d3d3d3;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
section.category > .location-category .extend dl {
  zoom: 1;
  margin: 20px 20px 5px 20px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #dedede;
}
section.category > .location-category .extend dl:before,
section.category > .location-category .extend dl:after {
  content: "";
  display: table;
}
section.category > .location-category .extend dl:after {
  clear: both;
}
section.category > .location-category .extend dl:last-child {
  border: none;
}
section.category > .location-category .extend dl dt {
  font-size: 16px;
  margin-bottom: 5px;
}
section.category > .location-category .extend dl dd {
  width: 25%;
  padding: 2px 0;
  float: left;
}
section.category > .location-category .extend dl a {
  color: #333;
}
section.category > .sub-category {
  zoom: 1;
  border-radius: 2px;
  overflow: hidden;
  width: 100%;
  background: #39414d;
}
section.category > .sub-category:before,
section.category > .sub-category:after {
  content: "";
  display: table;
}
section.category > .sub-category:after {
  clear: both;
}
section.category > .sub-category li {
  display: inline-block;
}
section.category > .sub-category li a {
  display: block;
  padding: 10px 46px;
  text-align: center;
  color: #cbccce;
  text-decoration: none;
}
section.category > .sub-category li a.on {
  background: #5c19dd;
  color: #fff;
}
section.category > .sub-category li a:hover {
  background: #4914af;
  color: #fff;
}
.mypage-account-wrapper .w {
  display: inline-block;
}
@media (max-width: 799px) {
  .mypage-account-wrapper .w {
    display: none;
  }
}
.mypage-account-wrapper .row {
  margin-left: 0;
  margin-right: 0;
}
.mypage-account-wrapper i.required {
  color: #5c19dd;
  vertical-align: top;
}
.mypage-account-wrapper label {
  font-weight: normal;
}
@media (max-width: 799px) {
  .mypage-account-wrapper label {
    margin-bottom: 10px;
    margin-top: 10px;
  }
}
@media (max-width: 799px) {
}
.mypage-account-wrapper form {
  padding: 0;
}
@media (max-width: 799px) {
}
.mypage-account-wrapper .nav-tabs {
  height: auto;
}
.mypage-account-wrapper .nav-tabs li:hover a,
.mypage-account-wrapper .nav-tabs li:hover .desc {
  font-weight: 500;
  color: #444 !important;
}
.mypage-account-wrapper .nav-tabs li a {
  padding: 10px 40px;
  color: #999999;
}
.mypage-account-wrapper .nav-tabs li.active {
  pointer-events: none;
  border-bottom: 2px solid #6a1cff;
}
@media (max-width: 799px) {
  .mypage-account-wrapper .nav-tabs li {
    width: 33.333%;
  }
}
@media (max-width: 799px) {
  .mypage-account-wrapper .nav-tabs {
    padding: 0px 15px;
  }
  .mypage-account-wrapper .nav-tabs li {
    width: 25%;
    padding: 0;
    min-width: 82px;
    text-align: center;
  }
  .mypage-account-wrapper .nav-tabs li.active {
    border-bottom: 2px solid #222222;
  }
  .mypage-account-wrapper .nav-tabs li a {
    font-size: 14px;
    padding: 10px 0;
  }
}
.mypage-account-wrapper .panel {
  margin-bottom: 50px;
  padding: 30px 20px;
}
.mypage-account-wrapper .panel.mypage-panel {
  padding-top: 10px;
}
@media (max-width: 799px) {
  .mypage-account-wrapper .panel {
    padding: 0;
    overflow-x: hidden;
  }
  .mypage-account-wrapper .panel.blog {
    margin-bottom: 30px;
  }
  .mypage-account-wrapper .panel.blog ~ .m {
    margin: 30px 0;
  }
}
.mypage-account-wrapper .heading-info {
  margin: -10px 0 30px;
}
.mypage-account-wrapper .heading-info img {
  width: 100%;
}
@media (max-width: 799px) {
  .mypage-account-wrapper .heading-info {
    margin: -10px 15px 30px;
  }
}
@media (max-width: 799px) {
  .mypage-account-wrapper .heading-info ~ form h4 {
    padding: 0px;
  }
}
.mypage-account-wrapper p.desc {
  font-size: 12px;
  color: #999;
}
.mypage-account-wrapper p.desc:before {
  content: "*";
  display: inline-block;
  color: #a034ff;
  margin-right: 3px;
  font-size: 15px;
  vertical-align: middle;
}
@media (max-width: 799px) {
  .mypage-account-wrapper p.desc:before {
    font-size: 12px;
  }
}
.mypage-account-wrapper h4 {
  margin-bottom: 20px;
  color: #222;
  font-size: 20px;
  font-weight: 500;
}
@media (max-width: 799px) {
  .mypage-account-wrapper h4 {
    margin: 30px 0;
    padding: 0px 15px;
  }
}
.mypage-account-wrapper .login-account-wrap {
  margin-top: 50px;
}
@media (max-width: 799px) {
  .mypage-account-wrapper .login-account-wrap {
    margin-top: 15px;
  }
}
.mypage-account-wrapper .login-account-wrap .mypage-account form {
  border: 1px solid #E5E5E5;
  border-radius: 10px;
  padding: 14px 30px;
}
@media (max-width: 799px) {
  .mypage-account-wrapper .login-account-wrap .mypage-account form {
    border-radius: 0px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 1px solid #F6F6F6;
    padding: 6px 26px;
  }
  .mypage-account-wrapper .login-account-wrap .mypage-account form:nth-child(2) {
    height: 61px;
    padding: 2px 26px;
  }
  .mypage-account-wrapper .login-account-wrap .mypage-account form:last-child {
    border-bottom: 0px;
    margin-bottom: 100px;
  }
}
.mypage-account-wrapper .login-account-wrap .mypage-account form .form-group {
  margin-bottom: 0px;
}
.mypage-account-wrapper .login-account-wrap.media {
  border-top: 1px solid #EEEEEE;
}
.mypage-account-wrapper .login-account-wrap h4 {
  padding-left: 15px;
}
.mypage-account-wrapper hr.divide {
  margin: 0;
  border-width: 8px;
  border-color: #eee;
}
.mypage-account-wrapper hr {
  border-color: #eeeeee;
  margin: 30px 0;
}
@media (max-width: 799px) {
  .mypage-account-wrapper hr {
    margin-left: -50px;
    margin-right: -15px;
  }
  .mypage-account-wrapper hr.wide {
    background: #F6F6F6;
    height: 6px;
    border-color: #ffffff;
  }
}
@media (max-width: 799px) {
  .mypage-account-wrapper hr.devide {
    border-width: 8px;
  }
}
.mypage-account-wrapper hr.compact {
  margin: 20px 0;
}
.mypage-account-wrapper .form-control {
  border: 1px solid #ddd;
  padding: 15px;
  color: #333;
  box-shadow: none;
  height: 46px;
}
@media (max-width: 799px) {
  .mypage-account-wrapper .form-control.border-none {
    border-bottom: 1px solid #ddd;
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0px !important;
    width: 100%;
    padding-left: 0px;
    font-size: 15px;
    color: #222222;
    background: #FFFFFF;
  }
}
.mypage-account-wrapper .form-control.addition-border-none {
  border-bottom: 1px solid #ddd;
  border-left: none;
  border-right: none;
  border-top: none;
  width: 345px;
  border-radius: 0px !important;
}
.mypage-account-wrapper .form-control.border-radius {
  border-radius: 5px !important;
}
.mypage-account-wrapper .form-control:not(.border-radius).border-none:not([readonly]):focus {
  border-bottom: 1px solid #222222 !important;
}
.mypage-account-wrapper .phone-form .form-control .mobile-input-box-step2 {
  width: 100%;
  display: inline-block;
  border-top: 0px !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-radius: 0px !important;
}
.mypage-account-wrapper select::-ms-expand {
  display: none;
}
.mypage-account-wrapper .form-horizontal .control-label {
  word-break: keep-all;
  color: #777777;
}
@media (max-width: 799px) {
  .mypage-account-wrapper .form-horizontal .control-label {
    font-size: 12px;
    color: #666666;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
.mypage-account-wrapper .form-horizontal .control-label.subject {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #222222;
  margin-bottom: 20px;
}
.mypage-account-wrapper .form-horizontal .control-label.subject.mb-2 {
  margin-bottom: 2px;
}
.mypage-account-wrapper .form-horizontal .control-label.subject.mb-5 {
  margin-bottom: 2px;
}
.mypage-account-wrapper .form-horizontal .control-label.subject .media-icon {
  vertical-align: middle;
}
.mypage-account-wrapper .form-horizontal .control-label.subject .media-icon.blog,
.mypage-account-wrapper .form-horizontal .control-label.subject .media-icon.clip,
.mypage-account-wrapper .form-horizontal .control-label.subject .media-icon.instagram {
  width: 21px;
  height: 21px;
}
@media (max-width: 799px) {
  .mypage-account-wrapper .form-horizontal .control-label.subject .media-icon.blog,
  .mypage-account-wrapper .form-horizontal .control-label.subject .media-icon.clip,
  .mypage-account-wrapper .form-horizontal .control-label.subject .media-icon.instagram {
    width: 15px;
    height: 15px;
  }
}
.mypage-account-wrapper .form-horizontal .control-label.subject .media-icon.youtube {
  width: 18px;
  height: 18px;
}
.mypage-account-wrapper .form-horizontal .control-label.subject .media-icon-label {
  vertical-align: middle;
  padding-left: 5px;
}
.mypage-account-wrapper .form-horizontal .control-label.subject .media-icon-label.instagram,
.mypage-account-wrapper .form-horizontal .control-label.subject .media-icon-label.youtube {
  padding-left: 3px;
}
.mypage-account-wrapper .form-horizontal .control-label.password {
  color: #222222;
}
.mypage-account-wrapper .form-control[disabled] {
  background-color: #f9f9f9;
}
.mypage-account-wrapper .design-radio {
  padding-left: 0px;
  padding-top: 10px;
}
@media (max-width: 799px) {
  .mypage-account-wrapper .design-radio {
    padding-top: 0;
    padding-left: 0;
  }
  .mypage-account-wrapper .design-radio input[type="radio"] + label {
    margin-bottom: 0;
  }
}
.mypage-account-wrapper .design-checkbox.camera {
  padding-left: 0px;
  padding-top: 10px;
  padding-bottom: 3px;
}
@media (max-width: 799px) {
  .mypage-account-wrapper .design-checkbox.camera {
    width: 100%;
    padding: 0px;
  }
  .mypage-account-wrapper .design-checkbox.camera label {
    margin-bottom: 0px;
  }
}
.mypage-account-wrapper design-select .design-select-wrap .selected {
  border-radius: 5px;
}
@media (max-width: 799px) {
  .mypage-account-wrapper design-select .design-select-wrap .selected {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0px;
  }
}
.mypage-account-wrapper .size design-select.null .selected {
  color: #C5C5C5;
}
.mypage-account-wrapper .skin-type .design-select-wrap.null .selected,
.mypage-account-wrapper .job .design-select-wrap.null .selected {
  color: #C5C5C5;
}
@media (max-width: 799px) {
  .mypage-account-wrapper .m-mgb10 {
    margin-bottom: 10px;
  }
}
.mypage-account-wrapper .nav.nav-tabs.pc {
  border-top: 1px solid #222222;
  border-bottom: 1px solid #DDDDDD;
}
.mypage-account-wrapper .nav.nav-tabs.pc li.active {
  border-bottom: none;
}
.mypage-account-wrapper .nav.nav-tabs.pc a {
  text-align: left;
  margin: 20px 7px 20px 0px;
  padding: 0px 45px 0px 0px;
}
.mypage-account-wrapper .nav.nav-tabs.pc li:nth-child(n+1):nth-child(-n+3) a {
  border-right: 1px solid #DDDDDD !important;
}
.mypage-account-wrapper .nav.nav-tabs.pc li:nth-child(n+2):nth-child(-n+4) a {
  padding-left: 20px;
}
.mypage-account-wrapper .nav.nav-tabs.pc .desc {
  width: 150px;
  text-align: left;
  font-weight: 400;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: -0.3px;
  color: #999999;
  padding-top: 10px;
}
.mypage-account-wrapper .nav.nav-tabs.pc .desc.active {
  color: #222222;
}
.mypage-account-wrapper .nav.nav-tabs.pc .progress {
  width: 176px;
  height: 2px;
  margin-top: 20px;
  margin-bottom: 5px;
  background: #DDDFF7;
}
.mypage-account-wrapper .nav.nav-tabs.pc .progress .progress-bar {
  background-color: #5C19DD;
}
.mypage-account-wrapper.mypage-account-margin-top {
  margin-top: 50px;
}
@media (max-width: 799px) {
  .mypage-account-wrapper.mypage-account-margin-top {
    margin-top: 30px;
  }
}
.mypage-account-wrapper .media-check {
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #222222;
}
.mypage-account-wrapper .media-check storng {
  font-weight: 700;
}
@media (max-width: 799px) {
  .mypage-account-wrapper .media-check {
    padding-left: 10px;
    padding-top: 30px;
    min-width: 375px;
  }
}
.mypage-account-wrapper .list-desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.4px;
  color: #999999;
  margin-top: 3px;
}
@media (max-width: 799px) {
  .mypage-account-wrapper .list-desc {
    padding-left: 10px;
    padding-bottom: 15px;
  }
}
.mypage-account-wrapper .percent {
  color: #777777;
  text-align: right;
  font-weight: 400;
  font-size: 11px;
}
.mypage-account-wrapper .popup {
  zoom: 1;
  display: block;
  position: absolute;
  background: #FFF;
  min-width: 169px;
  max-width: 370px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  left: 337px;
  top: 170px;
  transform: translateX(-50%);
  border-radius: 5px;
  border: 1px solid #ddd;
  z-index: 200;
  padding: 15px;
  text-align: left;
}
.mypage-account-wrapper .popup .arrow {
  position: absolute;
  top: -11px;
  left: -50px;
  background: url(/assets/img/header/ic-arrow-gnb.svg) no-repeat center;
  width: 100%;
  height: 11px;
}
.mypage-account-wrapper .popup .popup-tooltip {
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: -0.3px;
  color: #222222;
}
.mypage-account-wrapper .popup .popup-tooltip b {
  font-weight: 500;
}
.mypage-account-wrapper .popup.wd-50 {
  width: 171px;
}
.mypage-account-wrapper .popup.wd-50 .arrow {
  left: -65px;
}
.mypage-account-wrapper .popup.wd-55 {
  width: 304px;
  left: 403px;
}
.mypage-account-wrapper .popup.wd-55 .arrow {
  left: -123px;
}
.mypage-account-wrapper .popup.wd-65 {
  width: 220px;
  left: 362px;
}
.mypage-account-wrapper .popup.wd-65 .arrow {
  left: -89px;
}
.mypage-account-wrapper .popup.wd-70 {
  width: 278px;
  left: 391px;
}
.mypage-account-wrapper .popup.wd-70 .arrow {
  left: -118px;
}
.mypage-account-wrapper .popup.wd-85 {
  width: 265px;
  left: 385px;
}
.mypage-account-wrapper .popup.wd-85 .arrow {
  left: -102px;
}
.mypage-account-wrapper .popup.wd-95 {
  width: 286px;
  left: 396px;
}
.mypage-account-wrapper .popup.wd-95 .arrow {
  left: -123px;
}
.mypage-account-wrapper .popup .close-btn {
  float: right;
  margin-top: -45px;
  cursor: pointer;
  margin-right: -4px;
}
.mypage-account-wrapper .popup .close-btn img {
  width: 7px;
}
@media (max-width: 799px) {
  .mypage-account-wrapper.nav-space {
    padding: 0px 10px;
    border-bottom: 0px;
    min-width: 358px;
    width: 109%;
    margin-inline-start: -15px;
  }
}
section.mypage-account .avatar-wrap {
  position: relative;
  margin-bottom: 10px;
}
@media (max-width: 799px) {
  section.mypage-account .avatar-wrap {
    text-align: center;
  }
}
section.mypage-account.user-form {
  margin-top: 50px;
}
@media (max-width: 799px) {
  section.mypage-account.user-form {
    margin-top: 30px;
  }
}
section.mypage-account.user-form .form-group.mb-20 {
  margin-bottom: 20px;
}
section.mypage-account.user-form .form-group.mb-30 {
  margin-bottom: 30px;
}
section.mypage-account.user-form .form-group.mb-0 {
  margin-bottom: 0px;
}
section.mypage-account file-upload {
  position: absolute;
  top: 54px;
  left: 54px;
}
@media (max-width: 799px) {
  section.mypage-account file-upload {
    left: 54%;
    top: 44px;
  }
}
section.mypage-account file-upload button {
  background: none;
  border: none;
  padding: 0;
}
section.mypage-account .user-information {
  padding-top: 10px;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}
@media (max-width: 799px) {
  section.mypage-account .user-information {
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 20px;
  }
}
section.mypage-account .user-information .name:after,
section.mypage-account .user-information .sex:after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #dddddd;
  vertical-align: middle;
  margin-top: -3px;
  margin-left: 10px;
  margin-right: 5px;
}
section.mypage-account .information-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #222222;
  border-bottom: 1px solid #222222;
  margin-bottom: 20px;
  padding-bottom: 10px;
  margin-top: 60px;
}
section.mypage-account .information-title.term3 {
  margin-top: 40px;
}
section.mypage-account .information-title .desc {
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  padding-top: 10px;
}
@media (max-width: 799px) {
  section.mypage-account .information-title .desc {
    line-height: normal;
  }
}
@media (max-width: 799px) {
  section.mypage-account .information-title {
    padding-bottom: 0px;
    border-bottom: none;
    color: #222222;
    margin-bottom: 4px;
    margin-top: 40px;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.4px;
  }
  section.mypage-account .information-title.basic {
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 500;
  }
  section.mypage-account .information-title span {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: #999999;
  }
}
section.mypage-account .select-custom-outline .selected {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-radius: 0px !important;
  background-image: url(/assets/img/category/ic-sort.svg);
  padding-left: 0px;
}
section.mypage-account .select-custom-outline .design-select-wrap.on .selected {
  background-image: url(/assets/img/category/ic-sort-up.svg) !important;
}
@media (max-width: 799px) {
  section.mypage-account label[for="terms1"] {
    margin-bottom: 10px;
  }
}
@media (max-width: 799px) {
  section.mypage-account label[for="terms1"],
  section.mypage-account label[for="terms2"],
  section.mypage-account label[for="terms3"] {
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: -0.2px;
    color: #666666;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
  }
}
@media (max-width: 799px) {
  section.mypage-account label[for="terms2"] {
    margin-top: 10px !important;
  }
}
section.mypage-account span.instagramAccount {
  display: inline-block;
  font-size: 12px;
  margin-bottom: 10px;
}
section.mypage-account .instagramGuide {
  margin-top: 8px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.34px;
  color: #5c19dd;
}
section.mypage-account ul.terms {
  font-size: 12px;
  color: #666666;
}
section.mypage-account ul.terms li {
  list-style: none;
  margin: 0 0 3px 0px;
}
section.mypage-account .leave-message {
  margin-top: 10px;
  font-size: 13px;
  color: red;
}
section.mypage-account .collect-agreement .design-checkbox input[type="checkbox"] + label {
  color: #666666;
  margin-bottom: 8px;
}
@media (max-width: 799px) {
  section.mypage-account .collect-agreement .design-checkbox input[type="checkbox"] + label {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    margin-bottom: 7px;
    margin-top: 7px;
  }
  section.mypage-account .collect-agreement .design-checkbox input[type="checkbox"] + label i {
    float: left;
    margin: 3px 8px 10px 0px;
    position: relative;
    top: -3px;
  }
}
@media (max-width: 799px) and (max-width: 799px) {
  section.mypage-account .collect-agreement .design-checkbox input[type="checkbox"] + label i {
    margin: 3px 8px 0px 0px;
  }
}
section.mypage-account .collect-agreement .design-checkbox input[type="checkbox"]:checked + label {
  color: #222222;
}
section.mypage-account .collect-agreement .event {
  padding-left: 24px;
}
@media (max-width: 799px) {
  section.mypage-account .collect-agreement .event {
    padding-left: 27px;
  }
}
section.mypage-account .collect-agreement .event .allowed {
  width: 100px;
}
@media (max-width: 799px) {
  section.mypage-account .collect-agreement .event .allowed {
    width: 100%;
  }
}
section.mypage-account .collect-agreement .event .allowed-push span {
  margin-left: 5px;
}
section.mypage-account .collect-agreement .event .allowed-push i.disabled {
  background-image: url(/assets/img/form/new-btns-disabled.svg);
}
@media (max-width: 799px) {
  section.mypage-account .collect-agreement .event .allowed-push {
    width: 100%;
  }
}
section.mypage-account .collect-agreement .event.none-checkbox {
  margin-bottom: 20px;
}
@media (max-width: 799px) {
  section.mypage-account .collect-agreement .event.none-checkbox {
    margin-bottom: 0px;
  }
}
section.mypage-account .collect-agreement .date {
  margin-left: 3px;
}
section.mypage-account .collect-agreement .date,
section.mypage-account .collect-agreement .desc {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
section.mypage-account .collect-agreement .link {
  text-decoration-line: underline;
  color: #5C19DD;
  font-size: 12px;
  font-weight: 400;
  margin-left: 3px;
}
section.mypage-account .privacy.design-checkbox input[type="checkbox"] + label {
  color: #222222;
}
section.mypage-account .btn-leave {
  margin: 15px 0px 50px 0;
  font-weight: 400;
  text-decoration: underline;
  display: block;
  float: right;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.4px;
  color: #222222;
}
@media (max-width: 799px) {
  section.mypage-account .btn-leave {
    margin-top: 0px;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: -0.2px;
    color: #999999;
  }
}
section.mypage-account hr.padding {
  border: none;
  padding: 0;
  margin: 0 0 20px 0;
}
section.mypage-account hr.padding:before,
section.mypage-account hr.padding:after {
  content: " ";
  display: table;
}
section.mypage-account hr.padding:after {
  clear: both;
}
section.mypage-account hr.padding:before,
section.mypage-account hr.padding:after {
  content: " ";
  display: table;
}
section.mypage-account hr.padding:after {
  clear: both;
}
section.mypage-account table.common-table {
  border-top: 1px solid #e5e5e5;
  border-bottom: none;
  margin-bottom: 0;
  font-size: 12px;
  text-align: center;
}
section.mypage-account table.common-table th {
  padding: 10px 0 9px;
  text-align: center;
  color: #666;
  background: #f5f5f5;
  font-weight: normal;
  border-bottom: none;
}
section.mypage-account table.common-table th.fix {
  width: 113px;
}
@media (max-width: 799px) {
  section.mypage-account table.common-table th.fix {
    width: 70px;
  }
}
@media (max-width: 799px) {
  section.mypage-account table.common-table th.fix2 {
    width: 100px;
  }
}
section.mypage-account table.common-table td small {
  color: #5C19DD;
  background: #F1EAFF;
  border-radius: 25px;
  font-size: 11px;
  width: 69px;
  line-height: 2;
  height: 23px;
  display: block;
  position: relative;
  margin: 10px auto 0px auto;
}
section.mypage-account table.common-table td {
  vertical-align: middle;
}
section.mypage-account table.common-table td a.action,
section.mypage-account table.common-table td button {
  padding: 4px 10px 3px 10px;
  border: 1px solid #ddd;
  background: none;
  color: #555;
  display: inline-block;
  margin: 0;
}
@media (max-width: 799px) {
  section.mypage-account table.common-table td a.action,
  section.mypage-account table.common-table td button {
    padding: 4px 6px 3px 6px;
    margin: 0;
  }
}
section.mypage-account table.common-table td a.action:hover,
section.mypage-account table.common-table td button:hover {
  text-decoration: none;
}
section.mypage-account table.common-table td a.action.disabled,
section.mypage-account table.common-table td button.disabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
  pointer-events: none;
}
section.mypage-account table.common-table td.address {
  text-align: left;
  line-height: 18px;
  height: 124px;
}
section.mypage-account .first-add {
  border: 1px solid #666666;
  border-radius: 5px;
  width: 270px;
  height: 54px;
  display: inline-block;
  font-weight: 500;
  font-size: 14px;
  line-height: 52px;
  letter-spacing: -0.2px;
  color: #666666;
  margin: 50px auto;
}
@media (max-width: 799px) {
  section.mypage-account .first-add {
    width: 100%;
    margin: 20px auto;
  }
}
section.mypage-account .address-book {
  border-top: 0px !important;
}
section.mypage-account .address-book td {
  border-top: 0px;
  font-size: 14px;
}
section.mypage-account .address-book tr {
  border-bottom: 1px solid #EEEEEE;
}
section.mypage-account .address-book tr:last-child {
  border-bottom: 0px;
}
@media (max-width: 799px) {
  section.mypage-account .address-book {
    min-width: 358px;
    border-top: 0px !important;
  }
  section.mypage-account .address-book tr {
    text-align: left;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.4px;
    color: #222222;
  }
  section.mypage-account .address-book tr td {
    padding: 20px 0px;
  }
  section.mypage-account .address-book tr:first-child td {
    border-top: 0px;
  }
  section.mypage-account .address-book tr td:nth-child(2) {
    text-align: right;
    vertical-align: baseline;
    min-width: 100px;
  }
  section.mypage-account .address-book tr small {
    color: #5C19DD;
    background: #F1EAFF;
    border-radius: 25px;
    font-size: 11px;
    width: 69px;
    line-height: 2;
    height: 23px;
    display: inline-block !important;
    position: relative;
    text-align: center;
    font-weight: 400;
    top: -2px;
    left: 7px;
  }
  section.mypage-account .address-book tr div {
    margin-top: 5px;
  }
  section.mypage-account .address-book tr div.small {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: #999999;
  }
  section.mypage-account .address-book tr .split {
    width: 1px;
    height: 10px;
    display: inline-block;
    border-left: 1px solid #C5C5C5;
    position: relative;
    top: 2px;
  }
  section.mypage-account .address-book tr .border-none button {
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: -0.2px;
    color: #999999;
    border: 0px;
  }
}
section.mypage-account .btn-wrap {
  text-align: center;
}
@media (max-width: 799px) {
  section.mypage-account .btn-wrap {
    margin-left: -10px;
    margin-right: -10px;
  }
}
section.mypage-account .account-link {
  margin-bottom: 30px;
}
@media (max-width: 799px) {
  section.mypage-account .account-link {
    margin-bottom: 10px;
  }
  section.mypage-account .account-link.youtube {
    margin-bottom: 0px;
  }
}
@media (max-width: 799px) {
  section.mypage-account .account-link .form-group {
    margin-bottom: 10px;
  }
}
section.mypage-account .account-link img {
  width: 40px;
  height: 20px;
  max-height: 20px;
}
@media (max-width: 799px) {
  section.mypage-account .account-link img {
    width: 40px;
    height: 20px;
  }
}
section.mypage-account .account-link .instagram-desc {
  font-weight: 400;
  font-size: 10px;
  line-height: 15px;
  letter-spacing: -0.275px;
  color: #A4A4A4;
  top: -25px;
  position: relative;
}
section.mypage-account .account-link.youtube {
  margin-bottom: 0px;
}
section.mypage-account .account-link.youtube .control-label {
  padding-left: 0px;
}
section.mypage-account .account-link.youtube .control-label img {
  width: 30px;
  height: 30px;
  max-height: 30px;
}
section.mypage-account .account-link.youtube .control-label.modal-title {
  margin-left: -11px;
  margin-bottom: 40px;
}
@media (max-width: 799px) {
  section.mypage-account .account-link.youtube .control-label.modal-title {
    margin-left: 0px;
  }
}
section.mypage-account .account-link.youtube hr {
  border-top: 1px solid #EEEEEE;
}
section.mypage-account .account-link.clip {
  margin-bottom: 0px;
}
section.mypage-account .account-link.clip .control-label {
  padding-left: 0px;
}
section.mypage-account .account-link.clip .control-label img {
  width: 30px;
  height: 30px;
  max-height: 30px;
}
section.mypage-account .account-link.clip .control-label.modal-title {
  margin-left: -11px;
  margin-bottom: 0px;
}
@media (max-width: 799px) {
  section.mypage-account .account-link.clip .control-label.modal-title {
    margin-left: 0px;
  }
}
section.mypage-account .account-link.blog {
  margin-bottom: 0px;
}
section.mypage-account .account-link.blog .control-label {
  padding-left: 10px;
}
section.mypage-account .account-link.blog .control-label img {
  width: 30px;
  height: 30px;
  max-height: 30px;
}
section.mypage-account .account-link.blog .control-label.modal-title {
  margin-left: -9px;
}
@media (max-width: 799px) {
  section.mypage-account .account-link.blog .control-label.modal-title {
    margin-left: 0px;
  }
}
section.mypage-account .account-link.blog .thin {
  margin-bottom: 10px;
}
section.mypage-account .account-link.youtube .connect-modal .title {
  margin-top: 0px;
}
section.mypage-account .account-link.youtube .inquiry {
  margin-bottom: 35px;
}
@media (max-width: 799px) {
  section.mypage-account .account-link.youtube .inquiry {
    margin-bottom: 45px;
  }
}
section.mypage-account .account-link.blog .inquiry,
section.mypage-account .account-link.youtube .inquiry,
section.mypage-account .account-link.clip .inquiry {
  margin-top: 17px;
}
section.mypage-account .account-link.blog .inquiry a,
section.mypage-account .account-link.youtube .inquiry a,
section.mypage-account .account-link.clip .inquiry a {
  font-weight: 500;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #444444;
  text-decoration: none !important;
}
section.mypage-account .account-link.blog .inquiry a img,
section.mypage-account .account-link.youtube .inquiry a img,
section.mypage-account .account-link.clip .inquiry a img {
  position: relative;
  top: -1px;
}
section.mypage-account .account-link.clip .notice {
  font-size: 13px;
  background-color: #F8F8F9;
  border-radius: 6px;
  padding: 12px 15px;
  margin: 20px 0;
  color: #cccccc;
}
section.mypage-account .account-link.clip .notice ul li {
  list-style: inside;
}
section.mypage-account .account-link.clip .notice .title {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 6px;
  color: #222222;
}
section.mypage-account .account-link.clip .notice .desc {
  margin-left: -5px;
  color: #666;
}
section.mypage-account .account-link.clip .notice .link {
  margin-left: -5px;
  cursor: pointer;
  color: #333333;
  font-weight: 500;
  text-decoration: underline;
}
section.mypage-account .account-link.clip .notice .link img {
  width: 9px;
  height: 11px;
  margin-left: 3px;
  margin-top: -2px;
}
@media (max-width: 799px) {
  section.mypage-account .account-link.clip .connect-modal {
    margin-top: 20px;
  }
}
section.mypage-account .account-link.clip .connect-modal .title {
  margin-top: 0px;
}
section.mypage-account .account-link.clip .connect-modal .url {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
}
section.mypage-account .account-link.clip .inquiry {
  margin-bottom: 35px;
}
@media (max-width: 799px) {
  section.mypage-account .account-link.clip .inquiry {
    margin-bottom: 40px;
  }
}
section.mypage-account .account-link.instagram #error,
section.mypage-account .account-link.youtube #error,
section.mypage-account .account-link.clip #error,
section.mypage-account .account-link.blog #error {
  background: #FDEDEF;
  border-radius: 5px;
  padding: 20px;
  margin-top: 20px;
  font-weight: 400;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #222222;
  text-indent: -16px;
  padding-left: 36px;
  display: none;
}
section.mypage-account .account-link.instagram #error img,
section.mypage-account .account-link.youtube #error img,
section.mypage-account .account-link.clip #error img,
section.mypage-account .account-link.blog #error img {
  width: 12px;
}
section.mypage-account .account-link.instagram #error.blog,
section.mypage-account .account-link.youtube #error.blog,
section.mypage-account .account-link.clip #error.blog,
section.mypage-account .account-link.blog #error.blog,
section.mypage-account .account-link.instagram #error.instagram,
section.mypage-account .account-link.youtube #error.instagram,
section.mypage-account .account-link.clip #error.instagram,
section.mypage-account .account-link.blog #error.instagram,
section.mypage-account .account-link.instagram #error.youtube,
section.mypage-account .account-link.youtube #error.youtube,
section.mypage-account .account-link.clip #error.youtube,
section.mypage-account .account-link.blog #error.youtube,
section.mypage-account .account-link.instagram #error.clip,
section.mypage-account .account-link.youtube #error.clip,
section.mypage-account .account-link.clip #error.clip,
section.mypage-account .account-link.blog #error.clip {
  margin-top: -20px;
  margin-bottom: 15px;
}
section.mypage-account .account-link.instagram #error .mobile-error-message,
section.mypage-account .account-link.youtube #error .mobile-error-message,
section.mypage-account .account-link.clip #error .mobile-error-message,
section.mypage-account .account-link.blog #error .mobile-error-message {
  margin-top: -25px;
  text-indent: initial;
  word-wrap: break-word;
  color: #E23535 !important;
}
section.mypage-account .form-group {
  zoom: 1;
}
section.mypage-account .form-group:before,
section.mypage-account .form-group:after {
  content: "";
  display: table;
}
section.mypage-account .form-group:after {
  clear: both;
}
@media (max-width: 799px) {
  section.mypage-account .form-group.thin {
    margin-bottom: 10px;
  }
}
section.mypage-account .form-group .auth-error {
  color: #f63e2d;
}
section.mypage-account .form-group .auth-finish {
  color: #999999;
}
section.mypage-account .form-group .auth-finish > span {
  color: #609BED;
  background: url(/assets/img/mypage/ic-auth-check.svg) left center no-repeat;
  background-size: 11px 10px;
  padding-left: 16px;
}
section.mypage-account .form-group .finish {
  position: relative;
  top: 6px;
}
@media (max-width: 799px) {
  section.mypage-account .form-group .finish {
    top: 0px;
    font-weight: 500;
    font-size: 12px;
    color: #609BED;
  }
}
section.mypage-account .has-checkbox-wrap {
  z-index: 1;
}
section.mypage-account .has-checkbox-wrap.interest-wrap,
section.mypage-account .has-checkbox-wrap.topic-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
section.mypage-account .has-checkbox-wrap.fold {
  height: 89px;
  overflow: hidden;
}
@media (max-width: 799px) {
  section.mypage-account .has-checkbox-wrap {
    margin-left: 0;
  }
  section.mypage-account .has-checkbox-wrap.interest-wrap,
  section.mypage-account .has-checkbox-wrap.topic-wrap {
    min-width: calc(3 * 79px + 2 * 10px);
    overflow-x: auto;
  }
}
section.mypage-account .unfold-btn {
  z-index: 99;
  text-align: center;
}
section.mypage-account .unfold-btn div {
  height: 50px;
  background: linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0.6) 50.52%, rgba(255, 255, 255, 0) 100%);
  position: relative;
  top: -55px;
  left: -14px;
}
section.mypage-account .unfold-btn,
section.mypage-account .fold-btn {
  text-align: center;
}
section.mypage-account .unfold-btn span,
section.mypage-account .fold-btn span {
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  text-align: right;
  color: #666666;
  cursor: pointer;
}
section.mypage-account .unfold-btn span img,
section.mypage-account .fold-btn span img {
  position: relative;
  top: -2px;
  left: 3px;
}
section.mypage-account .blog-active-category {
  margin-bottom: 60px;
}
section.mypage-account .blog-active-category strong {
  font-weight: 500;
  color: #222222;
}
section.mypage-account .blog-active-category strong:nth-child(1),
section.mypage-account .blog-active-category strong:nth-child(2) {
  margin-top: 30px;
  margin-bottom: 15px;
}
section.mypage-account .blog-active-category strong.first {
  margin-top: 15px;
}
@media (max-width: 799px) {
  section.mypage-account .blog-active-category strong {
    color: #666;
    margin-bottom: 5px;
    margin-top: 15px;
  }
  section.mypage-account .blog-active-category strong.first {
    margin-top: 0;
  }
}
section.mypage-account .blog-active-category strong ~ div .checkbox-inline label {
  margin-bottom: 5px;
}
section.mypage-account .checkbox-inline label {
  position: relative;
}
section.mypage-account .checkbox-inline label .select-number {
  position: absolute;
  right: -6px;
  top: -10px;
  width: 21px;
  height: 21px;
  z-index: 100;
  background-repeat: no-repeat;
}
section.mypage-account .checkbox-inline label .select-number.ic-number-1 {
  background-image: url("/assets/img/mypage/ic-color-n-1.svg");
}
section.mypage-account .checkbox-inline label .select-number.ic-number-2 {
  background-image: url("/assets/img/mypage/ic-color-n-2.svg");
}
section.mypage-account .checkbox-inline label .select-number.ic-number-3 {
  background-image: url("/assets/img/mypage/ic-color-n-3.svg");
}
section.mypage-account .checkbox-has-icon {
  cursor: pointer;
  margin-bottom: 20px;
}
@media (max-width: 799px) {
  section.mypage-account .checkbox-has-icon {
    width: 79px;
    margin-right: 7px;
  }
}
section.mypage-account .checkbox-has-icon.preferred-media:nth-child(2n) {
  margin: 0px 30px;
}
@media (max-width: 799px) {
  section.mypage-account .checkbox-has-icon.preferred-media {
    margin: 0px 15px;
  }
  section.mypage-account .checkbox-has-icon.preferred-media:nth-child(2n) {
    margin: 0px 15px;
  }
}
section.mypage-account .checkbox-has-icon label {
  width: 40px;
  height: 40px;
  background-size: auto;
  position: relative;
}
section.mypage-account .checkbox-has-icon label .select-number {
  position: absolute;
  right: -8px;
  top: -7px;
  width: 21px;
  height: 21px;
  z-index: 100;
  background-repeat: no-repeat;
}
section.mypage-account .checkbox-has-icon label .select-number.ic-number-1 {
  background-image: url("/assets/img/mypage/ic-n-1.svg");
}
section.mypage-account .checkbox-has-icon label .select-number.ic-number-2 {
  background-image: url("/assets/img/mypage/ic-n-2.svg");
}
section.mypage-account .checkbox-has-icon label .select-number.ic-number-3 {
  background-image: url("/assets/img/mypage/ic-n-3.svg");
}
@media (max-width: 799px) {
  section.mypage-account .checkbox-has-icon strong {
    font-size: 12px;
  }
}
section.mypage-account .checkbox-has-icon input[type="checkbox"]:checked + label + strong {
  font-weight: 400;
}
section.mypage-account .checkbox-has-icon.user-info {
  width: 79px;
  height: 79px;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 15px;
  gap: 8px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #f7f7fb;
}
section.mypage-account .checkbox-has-icon.user-info input[type="checkbox"] {
  display: none;
}
section.mypage-account .checkbox-has-icon.user-info label {
  display: none;
}
section.mypage-account .checkbox-has-icon.user-info strong {
  font-size: 12px;
  line-height: 18px;
  color: #666;
  text-align: center;
  font-weight: 400;
}
section.mypage-account .checkbox-has-icon.user-info.on {
  background-color: #5C19DD;
}
section.mypage-account .checkbox-has-icon.user-info.on strong {
  color: #fff;
}
@media (max-width: 799px) {
  section.mypage-account .checkbox-has-icon.user-info {
    width: 79px;
    height: 79px;
    flex-shrink: 0;
  }
}
section.mypage-account .margin-bottom-password {
  margin-bottom: 90px;
}
@media (max-width: 799px) {
  section.mypage-account .margin-bottom-password {
    margin-bottom: 60px;
  }
}
section.mypage-account .connect-modal.blog {
  margin-bottom: 0px;
}
section.mypage-account .connect-modal.blog input,
section.mypage-account .connect-modal.clip input {
  border: 1px solid #DDDDDD;
}
section.mypage-account .connect-modal.blog .error-message *,
section.mypage-account .connect-modal.clip .error-message * {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.2px;
  color: #E23535;
}
section.mypage-account .connect-modal.clip .banner {
  margin: 20px 0 30px 0;
}
section.mypage-account .connect-modal.clip .banner img {
  width: 100%;
  height: 129px;
  max-height: unset;
}
@media (max-width: 799px) {
  section.mypage-account .connect-modal.clip .banner img {
    height: auto;
  }
}
section.mypage-account .connect-modal.clip .btn-custom {
  font-size: 16px;
}
section.mypage-account .connect-modal.blog .terms li::marker,
section.mypage-account .connect-modal.youtube .terms li::marker,
section.mypage-account .connect-modal.clip .terms li::marker {
  font-size: 10px;
}
@media (max-width: 799px) {
  section.mypage-account .connect-modal.blog {
    margin-bottom: -10px;
  }
  section.mypage-account .connect-modal .margin {
    margin-bottom: 50px;
  }
}
section.mypage-account .connect-modal input {
  margin: 30px 0 0px 0;
}
@media (max-width: 799px) {
  section.mypage-account .connect-modal input {
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    margin: 0px;
  }
  section.mypage-account .connect-modal input:focus {
    border-bottom: 1px solid #222222;
  }
}
section.mypage-account .connect-modal .title {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #222222;
  margin-bottom: 10px;
  margin-top: 40px;
}
section.mypage-account .connect-modal .terms {
  font-weight: 300;
  font-size: 14px;
  line-height: 26px;
  color: #999999;
}
section.mypage-account .connect-modal .terms li {
  list-style: disc;
  margin-left: 17px;
}
section.mypage-account .connect-modal .terms li::marker {
  font-size: 10px;
  color: #CCCCCC;
}
section.mypage-account .connect-modal .terms strong {
  font-weight: 400;
  color: #666666;
}
section.mypage-account .connect-modal hr {
  margin-top: 30px;
  border-top: 1px solid #EEEEEE;
}
section.mypage-account .connect-modal .btn-custom {
  width: 360px;
  height: 52px;
  background-color: #222222;
  color: #ffffff;
  font-weight: 700;
  border: none;
  font-size: 16px;
}
@media (max-width: 799px) {
  section.mypage-account .connect-modal .title {
    font-size: 13px;
  }
  section.mypage-account .connect-modal .terms {
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: -0.2px;
    color: #666666;
  }
  section.mypage-account .connect-modal .terms .inquiry {
    margin-top: 20px;
    padding-left: 20px;
  }
  section.mypage-account .connect-modal .terms .inquiry a {
    text-decoration: underline;
    color: #444444;
  }
  section.mypage-account .connect-modal .btn-custom {
    width: 100%;
  }
}
section.mypage-account .modal-title {
  font-weight: 500;
  font-size: 20px;
  padding-left: 0px;
  line-height: 1.5;
  color: #222222;
}
@media (max-width: 799px) {
  section.mypage-account .modal-title {
    margin-bottom: 30px;
  }
}
section.mypage-account .modal-title .question {
  font-weight: 400;
  font-size: 28px;
  line-height: 33px;
  letter-spacing: -0.2px;
  color: #4168F2;
}
@media (max-width: 799px) {
  section.mypage-account .modal-title .question {
    font-size: 20px;
  }
}
section.mypage-account youtube-connect-button button {
  margin: 0 auto;
  border: none;
}
section.mypage-account youtube-connect-button button span {
  font-size: 0px;
}
section.mypage-account youtube-connect-button button span:before {
  content: "\C5F0\ACB0\D558\AE30";
  width: 360px;
  height: 52px;
  background: #222222;
  line-height: 3.3;
  font-weight: 700;
  font-size: 16px;
  color: #ffffff;
}
@media (max-width: 799px) {
  section.mypage-account youtube-connect-button button span:before {
    width: 100%;
  }
}
section.mypage-account youtube-connect-button button span img {
  display: none !important;
}
section.mypage-account .form-group .password::placeholder {
  color: #C5C5C5;
  font-size: 15px;
}
@media (max-width: 799px) {
  section.mypage-account .form-group .password::placeholder {
    font-weight: 400;
  }
}
section.mypage-account .form-inline input::placeholder {
  color: #C5C5C5;
  font-size: 15px;
}
section.mypage-account .send-email-pw {
  text-align: center;
}
section.mypage-account .send-email-pw .title {
  font-size: 16px;
  font-weight: 500;
}
section.mypage-account .send-email-pw .email {
  padding: 40px 0;
  font-size: 16px;
}
@media (max-width: 799px) {
  section.mypage-account-penalty {
    padding: 15px;
  }
  section.mypage-account-penalty .no-results-found {
    margin-top: 15px;
    border-bottom: 1px solid #dddddd;
    padding: 30px 0 60px;
  }
}
section.mypage-account-penalty pagination {
  padding: 0;
}
section.mypage-account-penalty h4 {
  padding-bottom: 20px;
  color: #222;
  font-weight: 500;
  font-size: 24px;
}
section.mypage-account-penalty h4.mt-8 {
  margin-top: 8px;
}
section.mypage-account-penalty h4.bb {
  border-bottom: 1px solid #222222;
}
@media (max-width: 799px) {
  section.mypage-account-penalty h4 {
    margin: 20px 0;
    font-size: 16px;
  }
}
section.mypage-account-penalty p.text {
  margin: 15px 0 25px;
  font-size: 12px;
  font-weight: 400;
  color: #666666;
}
section.mypage-account-penalty p.text span {
  color: #222222;
}
section.mypage-account-penalty .show-step {
  float: right;
  position: relative;
  top: -30px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #444444;
  border: none;
  background: none;
}
section.mypage-account-penalty .show-step i {
  background: url(/assets/img/mypage/penalty/ic-step-tooltip-open.svg) right center no-repeat;
  display: inline-block;
  padding-left: 10px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-top: -5px;
  margin-left: 5px;
}
section.mypage-account-penalty .show-step.on i {
  background: url(/assets/img/mypage/penalty/ic-step-tooltip-close.svg) right center no-repeat;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .show-step {
    top: 20px;
    left: -4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: -0.2px;
    color: #444444;
  }
  section.mypage-account-penalty .show-step.in-penalty {
    top: 7px;
    left: 0px;
  }
  section.mypage-account-penalty .show-step i {
    background: url(/assets/img/mypage/penalty/ic-step-tooltip-grey-open.svg) right center no-repeat;
    margin-top: -3px;
    margin-left: 2px;
  }
  section.mypage-account-penalty .show-step.on i {
    background: url(/assets/img/mypage/penalty/ic-step-tooltip-grey-close.svg) right center no-repeat;
  }
}
@media (max-width: 799px) {
  section.mypage-account-penalty .warning {
    width: 100%;
  }
  section.mypage-account-penalty .warning .warning-noti {
    border-radius: 0px;
    padding: 30px 15px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
section.mypage-account-penalty .warning-noti {
  padding: 40px 0px 40px 30px;
  letter-spacing: -0.26px;
  text-align: left;
  line-height: normal;
  color: #FFFFFF;
  background: #2A3854;
  border-radius: 10px;
  font-size: 20px;
  margin-top: 10px;
}
section.mypage-account-penalty .warning-noti strong > img {
  padding-right: 3px;
  vertical-align: middle;
}
section.mypage-account-penalty .warning-noti p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.142857px;
  color: #A4ACB6;
  margin-top: 5px;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .warning-noti p {
    margin-top: 10px;
    margin-bottom: 0px;
    font-weight: 400;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: -0.142857px;
    color: #A4ACB6;
  }
}
section.mypage-account-penalty .warning-noti p strong {
  font-weight: 700;
  font-size: 20px;
  line-height: 29px;
  letter-spacing: -0.3px;
  color: #FFFFFF;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .warning-noti p {
    font-size: 12px;
  }
}
@media (max-width: 799px) {
  section.mypage-account-penalty .warning-noti {
    font-size: 18px;
    padding: 20px 0;
    margin-bottom: 20px;
  }
}
section.mypage-account-penalty .warning-noti-message {
  font-size: 12px;
  letter-spacing: -0.2px;
  color: #666666;
  margin-top: 15px;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .warning-noti-message {
    padding: 0px 15px;
  }
}
section.mypage-account-penalty .warning-noti-message hr {
  margin-top: 20px;
}
section.mypage-account-penalty .alarm-wrap {
  border: 1px solid #dddddd;
  border-radius: 10px;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.15);
  padding: 25px 25px 35px;
  position: relative;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .alarm-wrap {
    margin-top: 5px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
    padding: 22px 15px 25px;
  }
}
section.mypage-account-penalty .alarm-wrap .move-community {
  position: absolute;
  top: 30px;
  right: 20px;
  font-size: 12px;
  font-weight: 500;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px 10px;
  color: #222;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .alarm-wrap .move-community {
    top: 15px;
    right: 15px;
  }
}
section.mypage-account-penalty .alarm-wrap.mt-0 {
  margin-top: 0px;
}
section.mypage-account-penalty .alarm-wrap .alarm-message {
  font-size: 12px;
  color: #999999;
  margin-top: 40px;
}
section.mypage-account-penalty .alarm-wrap ~ hr {
  margin: 30px 0;
}
section.mypage-account-penalty .alarm-wrap ~ hr.has-paginate {
  margin-bottom: 20px;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .alarm-wrap ~ hr {
    margin: 30px 15px 20px;
  }
  section.mypage-account-penalty .alarm-wrap.wide {
    background: #F5F8FD;
    width: 100%;
    padding: 20px 25px 37px 20px;
    margin-top: 0px;
    height: 90px;
  }
  section.mypage-account-penalty .alarm-wrap.guide-open {
    height: 229px;
  }
}
section.mypage-account-penalty .alarm-wrap i {
  font-style: normal !important;
}
section.mypage-account-penalty .alarm-wrap .penalty {
  position: relative;
  width: 64px;
  height: 64px;
  padding-left: 40px;
  font-size: 26px;
  letter-spacing: -0.2px;
  color: #222;
  font-weight: bold;
  background: url(/assets/img/mypage/penalty/big-card-0.svg) no-repeat;
  background-size: contain;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .alarm-wrap .penalty {
    width: 48px;
    height: 48px;
    margin: 0 auto;
  }
}
section.mypage-account-penalty .alarm-wrap .penalty .gray {
  font-size: 16px;
  color: #999;
  letter-spacing: -0.24px;
  font-weight: normal;
}
section.mypage-account-penalty .alarm-wrap .penalty .gray strong {
  color: #222222;
}
section.mypage-account-penalty .alarm-wrap .penalty .gray .penalty-modal img {
  margin-top: -12px;
}
section.mypage-account-penalty .alarm-wrap .penalty.big-penalty1 {
  background: url(/assets/img/mypage/penalty/big-card-1.svg) no-repeat;
}
section.mypage-account-penalty .alarm-wrap .penalty.big-penalty2 {
  background: url(/assets/img/mypage/penalty/big-card-2.svg) no-repeat;
}
section.mypage-account-penalty .alarm-wrap .penalty.big-penalty3 {
  background: url(/assets/img/mypage/penalty/big-card-3.svg) no-repeat;
}
section.mypage-account-penalty .alarm-wrap .penalty.big-penalty4 {
  background: url(/assets/img/mypage/penalty/big-card-4.svg) no-repeat;
}
section.mypage-account-penalty .alarm-wrap .penalty.big-penalty5 {
  background: url(/assets/img/mypage/penalty/big-card-black.svg) no-repeat;
}
section.mypage-account-penalty .alarm-wrap .penalty.penalty1 {
  background: url(/assets/img/mypage/penalty/card-1.svg) left center no-repeat;
}
section.mypage-account-penalty .alarm-wrap .penalty.penalty2 {
  background: url(/assets/img/mypage/penalty/card-2.svg) left center no-repeat;
}
section.mypage-account-penalty .alarm-wrap .penalty.penalty3 {
  background: url(/assets/img/mypage/penalty/card-3.svg) left center no-repeat;
}
section.mypage-account-penalty .alarm-wrap .penalty.penalty4 {
  background: url(/assets/img/mypage/penalty/card-4.svg) left center no-repeat;
}
section.mypage-account-penalty .alarm-wrap .penalty.penalty5 {
  background: url(/assets/img/mypage/penalty/card-black.svg) left center no-repeat;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .alarm-wrap .penalty {
    background-size: 48px 48px !important;
  }
  section.mypage-account-penalty .alarm-wrap .penalty .gray {
    padding-top: 12px;
    font-size: 14px;
    letter-spacing: -0.2px;
  }
  section.mypage-account-penalty .alarm-wrap .penalty .gray .penalty-modal img {
    margin-top: -7px;
  }
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap {
  width: 100%;
  padding-left: 15px;
  padding-right: 30px;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .alarm-wrap .penalty-text-wrap {
    padding: 0;
    margin-top: 10px;
    text-align: center;
  }
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .penalty-status {
  font-weight: 700;
  font-size: 22px;
  line-height: 32px;
  letter-spacing: -0.185714px;
  color: #222222;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .penalty-status {
    font-size: 16px;
    font-weight: 700;
  }
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap p {
  margin-top: 3px;
  margin-bottom: 0;
  font-size: 15px;
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap p .expireOn {
  font-weight: 500;
  color: #5C19DD;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .alarm-wrap .penalty-text-wrap p {
    font-size: 13px;
  }
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .penalty-progress {
  width: 100%;
  padding: 0;
  margin: 25px 0 15px;
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .penalty-progress:before {
  clear: both;
  content: ' ';
  display: block;
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .penalty-progress .set {
  position: relative;
  width: 100%;
  float: left;
  margin-top: 16px;
  margin-bottom: 6px;
  display: block;
  margin-right: -1px;
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .penalty-progress .set span {
  height: 10px;
  background: #E1E6EF;
  display: block;
  border-radius: 20px;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .penalty-progress .set span {
    height: 5px;
  }
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .penalty-progress .set .desc {
  font-size: 11px;
  color: #cccccc;
  letter-spacing: -0.4px;
  padding-top: 6px;
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .penalty-progress .set .desc u,
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .penalty-progress .set .desc i {
  text-decoration: none;
  font-style: initial;
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .penalty-progress .set .progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  border-radius: 20px;
  box-shadow: none;
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .penalty-progress .set .progress-bar .icon-me {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -10px;
  right: -20px;
  z-index: 999;
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .penalty-progress .set .progress-bar .icon-me.step-0 {
  right: -30px;
  background: url(/assets/img/mypage/penalty/my-penalty-0.svg) no-repeat;
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .penalty-progress .set .progress-bar .icon-me.step-1 {
  background: url(/assets/img/mypage/penalty/my-penalty-1.svg) no-repeat;
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .penalty-progress .set .progress-bar .icon-me.step-2 {
  background: url(/assets/img/mypage/penalty/my-penalty-2.svg) no-repeat;
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .penalty-progress .set .progress-bar .icon-me.step-3 {
  background: url(/assets/img/mypage/penalty/my-penalty-3.svg) no-repeat;
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .penalty-progress .set .progress-bar .icon-me.step-4 {
  background: url(/assets/img/mypage/penalty/my-penalty-4.svg) no-repeat;
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .penalty-progress .set .progress-bar .icon-me.step-5 {
  background: url(/assets/img/mypage/penalty/my-penalty-5.svg) no-repeat;
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .penalty-progress.step1 .set .progress-bar {
  display: block;
  width: 160px;
  background: linear-gradient(270deg, #FFC401 8.07%, #FFFFFF 100%);
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .penalty-progress.step2 .set .progress-bar {
  display: block;
  width: 300px;
  background: linear-gradient(270deg, #FF6B00 8.06%, #FFC401 48.38%, #FFFFFF 100%);
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .penalty-progress.step3 .set .progress-bar {
  display: block;
  width: 445px;
  background: linear-gradient(270deg, #E73700 0%, #FF6B00 30.06%, #FFC401 64.63%, #FFFFFF 100%);
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .penalty-progress.step4 .set .progress-bar {
  display: block;
  width: 580px;
  background: linear-gradient(270deg, #F31A1A 0%, #EB4001 26.93%, #FF6B00 54.04%, #FFC401 75.22%, #FFFFFF 100%);
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .penalty-progress.step5 .set {
  width: 724px;
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .penalty-progress.step5 .set .progress-bar {
  display: block;
  width: 100%;
  background: linear-gradient(270deg, #000000 6.61%, #F31A1A 22.53%, #EB4001 42.37%, #FF6B00 62.57%, #FFC401 81.36%, #FFFFFF 100%);
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .penalty-progress.step-full .set {
  width: 724px;
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .penalty-progress.step-full .set .progress-bar {
  display: block;
  width: 100%;
  background: linear-gradient(270deg, #000000 6.61%, #F31A1A 22.53%, #EB4001 42.37%, #FF6B00 62.57%, #FFC401 81.36%, #FFFFFF 100%);
}
@media (max-width: 799px) {
  section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .penalty-progress {
    position: relative;
    top: -20px;
    left: 10px;
    padding-left: 42px;
  }
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .progress-detail {
  width: 100%;
  display: inline-flex;
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .progress-detail li {
  width: 22.5%;
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .progress-detail li.active p span {
  font-weight: 700;
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .progress-detail li:first-child {
  width: 15%;
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .progress-detail li:first-child p {
  text-align: left;
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .progress-detail li:last-child {
  width: 15%;
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .progress-detail li:last-child p {
  text-align: right;
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .progress-detail li p {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .progress-detail li p span {
  display: inline-block;
  font-size: 12px;
}
section.mypage-account-penalty .alarm-wrap .penalty-text-wrap .progress-detail li p span:last-child {
  font-size: 11px;
  color: #666;
}
section.mypage-account-penalty .alarm-wrap .penalty-guide:before {
  clear: both;
  content: ' ';
  display: block;
}
section.mypage-account-penalty .alarm-wrap .penalty-guide .set {
  width: 100%;
  float: left;
  margin-top: 16px;
  margin-bottom: 6px;
  display: block;
}
section.mypage-account-penalty .alarm-wrap .penalty-guide .set:nth-child(5) {
  margin-right: 0;
  width: 20%;
}
section.mypage-account-penalty .alarm-wrap .penalty-guide .set .bar {
  height: 12px;
  background: #E1E6EF;
  display: block;
  margin: 5px 0 8px 0;
}
section.mypage-account-penalty .alarm-wrap .penalty-guide .set .desc {
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.2px;
  color: #666666;
  padding-top: 6px;
}
section.mypage-account-penalty .alarm-wrap .penalty-guide .set .desc u,
section.mypage-account-penalty .alarm-wrap .penalty-guide .set .desc i {
  text-decoration: none;
  font-style: initial;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .alarm-wrap .penalty-guide .set .desc {
    font-size: 10px;
    line-height: 14px;
    letter-spacing: -0.3px;
  }
}
section.mypage-account-penalty .alarm-wrap .penalty-guide .set .restriction {
  font-weight: 700;
  font-size: 14px;
  line-height: 15px;
  letter-spacing: -0.2px;
  color: #222222;
}
section.mypage-account-penalty .alarm-wrap .penalty-guide .set .restriction span {
  font-weight: 400;
  color: #999999;
}
section.mypage-account-penalty .alarm-wrap .penalty-guide .set .restriction img {
  width: 13px;
  height: 16px;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .alarm-wrap .penalty-guide .set .restriction {
    font-size: 11px;
  }
  section.mypage-account-penalty .alarm-wrap .penalty-guide .set .restriction img {
    width: 12px;
    height: 16px;
  }
  section.mypage-account-penalty .alarm-wrap .penalty-guide .set .restriction span {
    font-size: 10px;
    color: #999999;
  }
}
section.mypage-account-penalty .alarm-wrap .penalty-guide .set:nth-child(1) .bar {
  border-radius: 50px 0% 0% 50px;
  background-image: linear-gradient(to right, #FFC401, #FFC401);
}
section.mypage-account-penalty .alarm-wrap .penalty-guide .set:nth-child(2) .bar {
  background-image: linear-gradient(to right, #FF9409, #FF9409);
}
section.mypage-account-penalty .alarm-wrap .penalty-guide .set:nth-child(3) .bar {
  background-image: linear-gradient(to right, #F04F02, #F04F02);
}
section.mypage-account-penalty .alarm-wrap .penalty-guide .set:nth-child(4) .bar {
  background-image: linear-gradient(to right, #DE3232, #DE3232);
}
section.mypage-account-penalty .alarm-wrap .penalty-guide .set:nth-child(5) .bar {
  border-radius: 0px 50px 50px 0px;
  background-image: linear-gradient(to right, #3E3E3E, #3E3E3E);
}
section.mypage-account-penalty .section-middle {
  margin-top: 80px;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .section-middle {
    margin-top: 20px;
  }
}
section.mypage-account-penalty .section-middle .timeline-header {
  border-bottom: 1px solid #222222;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .section-middle .timeline-header {
    border-bottom: 0px;
  }
  section.mypage-account-penalty .section-middle .timeline-header.type-release {
    padding-bottom: 15px;
    border-bottom: 1px solid #222222;
  }
}
section.mypage-account-penalty .section-middle .timeline-header h4 {
  float: left;
  margin-bottom: 0px;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #222222;
  padding-bottom: 15px;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .section-middle .timeline-header h4 {
    padding-bottom: 0px;
    font-size: 16px;
  }
}
section.mypage-account-penalty .section-middle .timeline-content-top {
  padding-top: 15px;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .section-middle .timeline-content-top {
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #222222;
  }
}
section.mypage-account-penalty .section-middle .timeline-content-top p {
  margin: 0;
}
section.mypage-account-penalty .section-middle .timeline-content-top p.text {
  font-size: 12px;
  font-weight: 400;
  color: #666666;
}
section.mypage-account-penalty .section-middle .timeline-content-top p.text span {
  color: #222222;
}
section.mypage-account-penalty .section-middle .timeline-content-top p.desc {
  font-size: 11px;
  font-weight: 400;
  color: #999999;
}
section.mypage-account-penalty .section-middle .timeline-content-top p.desc .open-issue-modal {
  cursor: pointer;
}
section.mypage-account-penalty .section-middle .timeline-wrap {
  padding-left: 0px;
  padding-right: 0px;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .section-middle .timeline-wrap {
    padding-bottom: 0px;
  }
  section.mypage-account-penalty .section-middle .timeline-wrap h4 {
    margin-bottom: 32px;
  }
}
section.mypage-account-penalty .section-middle .timeline-wrap .timeline {
  margin: 30px 0 0 0px;
  padding-left: 0px;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .section-middle .timeline-wrap .timeline {
    margin: 20px 0 0 0px;
  }
  section.mypage-account-penalty .section-middle .timeline-wrap .timeline ~ hr {
    display: block;
    margin: 30px 15px 0px;
  }
}
section.mypage-account-penalty .section-middle .timeline-wrap .timeline li {
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 10px;
  padding: 20px 20px 5px;
  margin-bottom: 10px;
  cursor: pointer;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .section-middle .timeline-wrap .timeline li {
    padding-right: 15px;
  }
}
section.mypage-account-penalty .section-middle .timeline-wrap .timeline h2 {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  color: #666;
}
section.mypage-account-penalty .section-middle .timeline-wrap .timeline h2.no-padding {
  padding: 0px;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .section-middle .timeline-wrap .timeline h2 {
    padding-bottom: 6px;
  }
}
section.mypage-account-penalty .section-middle .timeline-wrap .timeline h2 .dot {
  display: inline-block;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  position: absolute;
  background: #fff;
  left: -34px;
  top: 0;
}
section.mypage-account-penalty .section-middle .timeline-wrap .timeline h2 .dot .on {
  position: absolute;
  width: 9px;
  height: 9px;
  background: #5c19dd;
  border-radius: 50%;
  top: 3px;
  left: 3px;
}
section.mypage-account-penalty .section-middle .timeline-wrap .timeline .gray {
  margin-bottom: -3px;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: -0.3px;
  color: #666666;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .section-middle .timeline-wrap .timeline .gray {
    font-size: 12px;
  }
}
section.mypage-account-penalty .section-middle .timeline-wrap .timeline p {
  padding-bottom: 8px;
  font-size: 16px;
  letter-spacing: -0.3px;
  margin-bottom: 0;
  font-weight: 400;
}
section.mypage-account-penalty .section-middle .timeline-wrap .timeline p span {
  display: inline-block;
  color: #222;
  margin-right: 6px;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.35px;
  width: 42px;
  height: 20px;
  border-radius: 28px;
  text-align: center;
  position: relative;
  top: -2px;
}
section.mypage-account-penalty .section-middle .timeline-wrap .timeline p span.apply {
  color: #F63E2D;
  background: #FFEDE9;
}
section.mypage-account-penalty .section-middle .timeline-wrap .timeline p span.release {
  background: #F0F8FF;
  color: #3787FF;
}
section.mypage-account-penalty .section-middle .timeline-wrap .timeline p.penalty-release {
  color: #222;
}
section.mypage-account-penalty .section-middle .timeline-wrap .timeline p.penalty-release strong {
  color: #222;
}
section.mypage-account-penalty .section-middle .timeline-wrap .timeline p i {
  position: relative;
  height: 35px;
  width: 28px;
  padding-left: 21px;
  font-size: 16px;
  background-size: 28px;
  background-position: left center;
  background-repeat: no-repeat;
  float: right;
}
section.mypage-account-penalty .section-middle .timeline-wrap .timeline p i.card-orange {
  background-image: url(/assets/img/mypage/penalty/card-1.svg);
}
section.mypage-account-penalty .section-middle .timeline-wrap .timeline p i.card-black {
  background-image: url(/assets/img/mypage/penalty/card-black.svg);
}
section.mypage-account-penalty .section-middle .timeline-wrap .timeline p i.card-release {
  background-image: url(/assets/img/mypage/penalty/card-0.svg);
}
section.mypage-account-penalty .section-middle .timeline-wrap .timeline p i.release-penalty {
  background-image: url(/assets/img/mypage/penalty/ic-penalty-cancel.svg);
}
@media (max-width: 799px) {
  section.mypage-account-penalty .section-middle .timeline-wrap .timeline p {
    font-size: 14px;
  }
}
section.mypage-account-penalty .section-middle .timeline-wrap .timeline .penalty-date {
  font-size: 12px;
  color: #999999;
  margin-top: 5px;
  margin-bottom: 15px;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .section-middle .timeline-wrap .timeline .penalty-date {
    font-size: 11px;
  }
}
section.mypage-account-penalty .section-middle .timeline-wrap .timeline .inquiry {
  margin-top: 30px;
  margin-bottom: 15px;
}
section.mypage-account-penalty .section-middle .timeline-wrap .timeline .inquiry a {
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.3px;
  color: #666666;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .section-middle .timeline-wrap .timeline .inquiry a {
    font-size: 11px;
  }
}
section.mypage-account-penalty .section-middle .timeline-wrap .timeline .accordion {
  display: none;
}
section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty {
  margin-top: 15px;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty {
    margin: 0 0 15px 0;
  }
}
section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty .table-head {
  display: table;
  width: 100%;
  table-layout: fixed;
  background: #F5F5F5;
}
section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty .table-head div {
  display: table-cell;
  text-align: left;
  line-height: 15px;
  font-size: 13px;
  color: #444444;
  padding: 10px;
  vertical-align: middle;
  position: relative;
}
section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty .table-head div .show-tooltip-icon {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 5px;
}
section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty .table-head div .penalty-info-tooltip {
  position: absolute;
  bottom: -84px;
  left: 0;
  width: 312.5px;
  padding: 15px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
  font-size: 12px;
  line-height: 17.38px;
  font-weight: 400;
  color: #333333;
  letter-spacing: -0.40000001px;
}
section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty .table-head div:first-child,
section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty .table-head div:last-child {
  text-align: center;
}
section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty .table-row-list {
  margin-bottom: 20px;
}
section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty .table-row-list .table-row {
  display: table;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty .table-row-list .table-row .title-label {
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  color: #222222;
}
section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty .table-row-list .table-row .title-label.orange {
  color: #F5540F;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty .table-row-list .table-row .title-label {
    font-size: 14px;
  }
}
section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty .table-row-list .table-row .item {
  display: table-cell;
  text-align: left;
  font-size: 14px;
  color: #222222;
  vertical-align: middle;
  padding: 22px 10px;
  border: 1px solid #fff;
}
section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty .table-row-list .table-row .item:first-child,
section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty .table-row-list .table-row .item:last-child {
  padding: 10px;
  text-align: center;
}
section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty .table-row-list .table-row .item.exposure {
  font-size: 15px;
  font-weight: 500;
  color: #222222;
}
section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty .table-row-list .table-row .item.exposure .campaign-info {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  margin-top: 6px;
}
section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty .table-row-list .table-row .item .btn-open-modal {
  height: 28px;
  padding: 3px 10px 3px 10px;
  border-radius: 4px;
  border: 1px solid #dddddd;
  background: #FFFFFF;
  font-size: 13px;
  color: #333333;
}
section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty .table-row-list .table-row .item .btn-open-modal.issue-wait {
  background: #F6F6F6;
  border: none;
  font-weight: 500;
}
section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty .table-row-list .table-row .item .btn-open-modal.issue-success {
  font-weight: 500;
  color: #5C19DD;
  background: #F4EFFF;
  border: none;
}
section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty .table-row-list .table-row .m-table {
  padding: 20px 0;
  position: relative;
}
section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty .table-row-list .table-row .m-table .line {
  margin: 0 6px;
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 12px;
  background: #dddddd;
}
section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty .table-row-list .table-row .m-table .exposure {
  font-size: 14px;
  font-weight: 500;
}
section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty .table-row-list .table-row .m-table .penalty-info {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
}
section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty .table-row-list .table-row .m-table .penalty-info .campaign {
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: 400;
  color: #666666;
}
section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty .table-row-list .table-row .m-table .penalty-info .info {
  font-size: 12px;
  line-height: 20px;
}
section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty .table-row-list .table-row .m-table .penalty-info .info .title {
  color: #999999;
}
section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty .table-row-list .table-row .m-table .issue-btn {
  position: absolute;
  top: 20px;
  right: 0;
  padding: 2px 8px 2px 8px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 11px;
  color: #333;
  height: 26px;
}
section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty .table-row-list .table-row .m-table .issue-btn.open-modal {
  border: 1px solid #E5E5E5;
  background: #FFFFFF;
}
section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty .table-row-list .table-row .m-table .issue-btn.issue-wait {
  border: none;
  background: #F6F6F6;
}
section.mypage-account-penalty .section-middle .timeline-wrap .table-penalty .table-row-list .table-row .m-table .issue-btn.issue-success {
  border: none;
  background: #F4EFFF;
  color: #5C19DD;
}
section.mypage-account-penalty .section-middle.section-bottom {
  margin-top: 50px;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .section-middle.section-bottom {
    margin-top: 10px;
  }
}
section.mypage-account-penalty .section-middle.section-bottom .no-results-found {
  border-bottom: none;
  padding-bottom: 80px;
}
section.mypage-account-penalty .show-history-release {
  cursor: pointer;
  margin-top: 20px;
  font-size: 15px;
  text-align: right;
}
section.mypage-account-penalty .show-history-release span {
  margin-right: 6px;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .show-history-release {
    margin-top: 15px;
    font-size: 13px;
  }
  section.mypage-account-penalty .show-history-release span {
    margin-right: 3px;
  }
}
@media (max-width: 799px) {
  section.mypage-account-penalty pagination {
    padding-top: 0;
  }
}
section.mypage-account-penalty .btn-wrap {
  margin: 20px 0 60px;
}
section.mypage-account-penalty .btn-wrap .btn {
  width: 215px;
  height: 48px;
  padding: 0;
  line-height: 46px;
  font-size: 16px;
  letter-spacing: -0.4px;
  font-weight: 500;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .btn-wrap {
    margin: 20px 15px 30px;
  }
  section.mypage-account-penalty .btn-wrap .btn {
    display: block;
    width: 100%;
  }
}
section.mypage-account-penalty ol {
  padding-left: 0;
}
@media (max-width: 799px) {
  section.mypage-account-penalty ol {
    padding: 0 15px;
    margin-bottom: 30px;
  }
}
section.mypage-account-penalty ol > li {
  padding-bottom: 6px;
  color: #222;
}
section.mypage-account-penalty ol > li .point {
  color: #5c19dd;
  font-weight: 500;
}
section.mypage-account-penalty ol > li > ul > li {
  display: inline;
}
section.mypage-account-penalty ol > li > ul > li:after {
  content: " | ";
  display: inline-block;
  color: #ddd;
  padding: 0 0 0 5px;
}
section.mypage-account-penalty ol > li > ul > li:last-child:after {
  content: '';
}
section.mypage-account-penalty ol > li:last-child {
  padding-bottom: 0;
}
@media (max-width: 799px) {
  section.mypage-account-penalty ol > li {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.26px;
  }
}
section.mypage-account-penalty .tooltip-content {
  position: absolute;
  top: -19px;
  right: 135px;
  z-index: 40;
  width: 315px;
  padding: 15px;
  border-radius: 5px;
  border: solid 1px #eeeeee;
  background-color: #ffffff;
  box-shadow: 3px 3px 7px 0 rgba(0, 0, 0, 0.08);
  word-break: keep-all;
  line-height: 18px;
  letter-spacing: -0.22px;
  font-size: 12px;
  font-weight: normal;
}
section.mypage-account-penalty .tooltip-content.black {
  right: 175px;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .tooltip-content {
    top: 45px;
    right: -5px;
  }
  section.mypage-account-penalty .tooltip-content.black {
    top: 45px;
    right: -5px;
  }
}
section.mypage-account-penalty .tooltip-content div {
  margin-bottom: 10px;
}
section.mypage-account-penalty .tooltip-content div:last-child {
  margin-bottom: 0;
}
section.mypage-account-penalty .tooltip-content .point {
  color: #5c19dd;
}
section.mypage-account-penalty .tooltip-content:before {
  content: '';
  background: url(/assets/img/mypage/penalty/ic-tooltip-arrow.svg) no-repeat;
  width: 20px;
  height: 20px;
  left: -13px;
  top: 33px;
  position: absolute;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .tooltip-content:before {
    background: url(/assets/img/mypage/penalty/ic-tooltip-arrow-m.svg) no-repeat;
    top: -11px;
    left: auto;
    right: 3px;
  }
}
section.mypage-account-penalty .step-guide {
  height: 157px;
  background: #F6F7FB;
  border-radius: 6px;
  padding: 20px 30px 30px 30px;
  margin-top: -22px;
}
section.mypage-account-penalty .step-guide .title {
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: -0.142857px;
  color: #030303;
}
@media (max-width: 799px) {
  section.mypage-account-penalty .step-guide .title {
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    color: #030303;
  }
}
@media (max-width: 799px) {
  section.mypage-account-penalty .step-guide {
    margin-top: -10px;
    height: 140px;
    background: #FFFFFF;
    border-radius: 6px;
    padding: 15px 15px 20px 15px;
    margin-left: 11px;
    width: 96%;
    text-align: left;
  }
}
section.mypage-account-penalty pagination {
  margin-bottom: 60px;
}
section.mypage-account-penalty .margin-0-auto {
  margin: 0 auto;
}
section.mypage-account-penalty .no-result-penalty-timeline {
  padding: 0 5px;
}
section.mypage-account-penalty .no-result-penalty-timeline h4 {
  font-size: 16px !important;
}
section.mypage-account-penalty .no-result-penalty-timeline .arrow-box ul {
  text-align: left;
}
section.mypage-account-penalty .no-result-penalty-step {
  background: #F5F8FD;
  padding: 20px 15px;
}
section.mypage-account-penalty .no-result-penalty-step .title {
  float: left;
  font-weight: 700;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: -0.142857px;
  color: #222222;
}
section.mypage-account-penalty .no-result-penalty-step button {
  float: right;
  top: 3px;
  left: 0px;
}
section.mypage-account-penalty .no-result-penalty-step button i {
  margin-top: -2px;
}
section.mypage-account-penalty .no-result-penalty-step .step-guide {
  width: 100%;
  margin-left: 0px;
  margin-top: 13px;
}
section.mypage-account-penalty .no-result-penalty-step .step-guide .title {
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: -0.142857px;
  color: #030303;
}
section.mypage-account-media .media-connect-box {
  background: #FFFFFF;
  padding: 30px 0px;
  text-align: left;
  word-break: keep-all;
  height: 105px;
}
@media (max-width: 799px) {
  section.mypage-account-media .media-connect-box {
    width: auto;
  }
}
section.mypage-account-media .media-connect-box .half-box {
  width: 50%;
  cursor: pointer;
}
section.mypage-account-media .media-connect-box.already {
  padding: 30px 0px;
}
section.mypage-account-media .media-connect-box.already .title {
  color: #222222;
}
section.mypage-account-media .media-connect-box.already.instagram.auth-check {
  border: 1px dashed #F2A5FF;
}
section.mypage-account-media .media-connect-box.already.instagram.auth-check img.instagram {
  opacity: 0.5;
}
section.mypage-account-media .media-connect-box.already.instagram.auth-check .title,
section.mypage-account-media .media-connect-box.already.instagram.auth-check .media-title,
section.mypage-account-media .media-connect-box.already.instagram.auth-check .connect-date {
  opacity: 0.5;
}
section.mypage-account-media .media-connect-box.already.instagram facebook-id-login-button {
  float: unset;
  right: 4px;
  top: unset;
  left: unset;
}
section.mypage-account-media .media-connect-box.blog {
  border-bottom: 1px solid #EEEEEE;
}
section.mypage-account-media .media-connect-box.blog .error-message,
section.mypage-account-media .media-connect-box.youtube .error-message,
section.mypage-account-media .media-connect-box.clip .error-message {
  background: #FFFFFF;
  border-radius: 10px;
  position: absolute;
  width: 250px;
  right: 0px;
  padding: 6px 10px 6px 27px;
  text-align: left;
  box-shadow: 0 2px 10px rgba(143, 143, 143, 0.25);
}
@media (max-width: 799px) {
  section.mypage-account-media .media-connect-box.blog .error-message,
  section.mypage-account-media .media-connect-box.youtube .error-message,
  section.mypage-account-media .media-connect-box.clip .error-message {
    width: 91%;
    left: 40px;
    padding: 6px 10px 6px 27px;
    text-align: left;
  }
  section.mypage-account-media .media-connect-box.blog .error-message div,
  section.mypage-account-media .media-connect-box.youtube .error-message div,
  section.mypage-account-media .media-connect-box.clip .error-message div {
    width: 100% !important;
  }
}
section.mypage-account-media .media-connect-box.blog .error-message div,
section.mypage-account-media .media-connect-box.youtube .error-message div,
section.mypage-account-media .media-connect-box.clip .error-message div {
  width: 200px;
  color: #333333;
  font-size: 11px;
  font-weight: 500;
}
section.mypage-account-media .media-connect-box.blog .error-message .error-close,
section.mypage-account-media .media-connect-box.youtube .error-message .error-close,
section.mypage-account-media .media-connect-box.clip .error-message .error-close {
  display: block !important;
  margin: 0px;
}
section.mypage-account-media .media-connect-box.blog .error-message .error-close img,
section.mypage-account-media .media-connect-box.youtube .error-message .error-close img,
section.mypage-account-media .media-connect-box.clip .error-message .error-close img {
  width: 9px;
  margin-bottom: 0;
  float: right;
  margin-top: 5px;
  cursor: pointer;
}
section.mypage-account-media .media-connect-box.blog .error-message .caution,
section.mypage-account-media .media-connect-box.youtube .error-message .caution,
section.mypage-account-media .media-connect-box.clip .error-message .caution {
  position: absolute;
  left: 10px;
  top: 13px;
  display: block !important;
}
section.mypage-account-media .media-connect-box.blog,
section.mypage-account-media .media-connect-box.youtube,
section.mypage-account-media .media-connect-box.clip {
  border-top: 1px solid #EEEEEE;
}
@media (max-width: 799px) {
  section.mypage-account-media .media-connect-box.blog,
  section.mypage-account-media .media-connect-box.youtube,
  section.mypage-account-media .media-connect-box.clip {
    border-top: none;
  }
}
section.mypage-account-media .media-connect-box.blog .error-message,
section.mypage-account-media .media-connect-box.youtube .error-message,
section.mypage-account-media .media-connect-box.clip .error-message {
  width: 226px;
  height: 52px;
  margin-top: 8px;
  padding: 10px 10px 10px 30px;
  border-radius: 5px;
  z-index: 9;
  line-height: 16px;
  font-weight: 500;
}
section.mypage-account-media .media-connect-box.youtube .error-message {
  left: unset;
  top: unset;
  bottom: unset;
}
@media (max-width: 799px) {
  section.mypage-account-media .media-connect-box.youtube .error-message {
    left: 40px;
    margin-top: 7px;
  }
}
section.mypage-account-media .media-connect-box.clip {
  border-bottom: none;
}
@media (max-width: 799px) {
  section.mypage-account-media .media-connect-box.clip .error-message {
    margin-top: 30px;
  }
}
section.mypage-account-media .media-connect-box .title {
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #777777;
  cursor: pointer;
}
section.mypage-account-media .media-connect-box .title img {
  position: relative;
  top: -3px;
  width: 12px;
  height: 15px;
}
section.mypage-account-media .media-connect-box .title img.instagram {
  left: 82px;
}
@media (max-width: 799px) {
  section.mypage-account-media .media-connect-box .title img.instagram {
    left: unset;
  }
}
section.mypage-account-media .media-connect-box .desc {
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  color: #999999;
  margin-top: 2px;
}
@media (max-width: 799px) {
  section.mypage-account-media .media-connect-box .desc {
    margin-top: 5px;
  }
}
section.mypage-account-media .media-connect-box .connect {
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  color: #666666;
  text-align: right;
  position: relative;
  border: 1px solid #dddddd;
  padding: 8.5px 26px;
  border-radius: 6px;
  float: right;
  top: -45px;
}
section.mypage-account-media .media-connect-box .check-visit-widget {
  width: 260px;
  height: 52px;
  background: #F6F6F6;
  position: absolute;
  left: 18px;
  margin: 5px 0;
}
section.mypage-account-media .media-connect-box .check-visit-widget span {
  font-size: 12px;
  color: #666;
}
section.mypage-account-media .media-connect-box .widget-connect {
  position: relative;
  float: right;
  cursor: pointer;
  width: 120px;
  height: 36px;
  border-radius: 6px;
  line-height: 36px;
  font-weight: 700;
  border: 1px solid #999999;
  font-size: 13px;
  color: #333333;
  text-align: center;
  margin-right: 6px;
  top: -36px;
}
section.mypage-account-media .media-connect-box .disconnect {
  font-weight: 400;
  font-size: 13px;
  padding: 8.5px 26px;
  line-height: 17px;
  color: #666666;
  text-align: right;
  position: relative;
  border: 1px solid #dddddd;
  border-radius: 6px;
  right: unset;
  float: right;
  top: -36px;
  cursor: pointer;
}
section.mypage-account-media .media-connect-box .media-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
  color: #222222;
  word-break: break-all;
}
section.mypage-account-media .media-connect-box .connect-date {
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  color: #999999;
  margin-top: 2px;
}
@media (max-width: 799px) {
  section.mypage-account-media .media-connect-box .connect-date {
    margin-top: 5px;
    font-size: 11px;
  }
}
section.mypage-account-media .media-connect-box .auth {
  position: absolute;
}
section.mypage-account-media .media-connect-box .auth-check-tooltip,
section.mypage-account-media .media-connect-box .widget-check-tooltip {
  background-color: #333333;
  font-weight: 400;
  font-size: 11px;
  text-align: left;
  position: absolute;
  padding: 10px 10px 10px 30px;
  z-index: 999;
  top: -14px;
  width: 226px;
  height: 52px;
  border-radius: 5px;
  left: -10px;
  text-indent: -20px;
  color: #FFFFFF;
}
section.mypage-account-media .media-connect-box .auth-check-tooltip img,
section.mypage-account-media .media-connect-box .widget-check-tooltip img {
  margin-bottom: 0px;
  margin-right: 5px;
}
section.mypage-account-media .media-connect-box .auth-check-tooltip .btn-close,
section.mypage-account-media .media-connect-box .widget-check-tooltip .btn-close {
  width: 9px;
  height: 9px;
  right: 10px;
  margin-right: 0px;
  position: absolute;
  cursor: pointer;
  float: unset;
}
section.mypage-account-media .media-connect-box .auth-check-tooltip span,
section.mypage-account-media .media-connect-box .widget-check-tooltip span {
  font-width: 700;
  color: #BCACFF;
}
section.mypage-account-media .media-connect-box .auth-check-tooltip .up-triangle,
section.mypage-account-media .media-connect-box .widget-check-tooltip .up-triangle {
  position: absolute;
  top: -7px;
  left: 53px;
}
@media (max-width: 799px) {
  section.mypage-account-media .media-connect-box .auth-check-tooltip,
  section.mypage-account-media .media-connect-box .widget-check-tooltip {
    left: 0px;
    border-radius: 5px;
    top: unset;
    margin-top: 55px;
  }
}
section.mypage-account-media .media-connect-box .widget-check-tooltip {
  float: right;
  left: 227px;
  top: 8px;
  position: relative;
}
@media (max-width: 799px) {
  section.mypage-account-media .media-connect-box .widget-check-tooltip {
    position: absolute;
    margin-top: 11px;
    left: unset;
    bottom: unset;
    top: unset;
  }
}
section.mypage-account-media .media-connect-box .auth-check-tooltip {
  top: unset;
  left: 673px;
  margin-top: 6px;
}
@media (max-width: 799px) {
  section.mypage-account-media .media-connect-box .auth-check-tooltip {
    margin-top: 52px;
    left: 40px !important;
  }
}
section.mypage-account-media .media-connect-box .reconnect-btn-pc {
  position: relative;
  float: right;
  cursor: pointer;
  width: 120px;
  height: 36px;
  border-radius: 6px;
  line-height: 36px;
  font-weight: 700;
  border: 1px solid #999999;
  font-size: 13px;
  color: #333333;
  text-align: center;
  top: -39px;
  left: -53px;
}
section.mypage-account-media .media-connect-box .media-img {
  margin-bottom: 20px;
  float: left;
  margin-right: 15px;
  margin-top: 5px;
}
section.mypage-account-media .media-connect-box .media-connect-btn {
  float: right;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  color: #666666;
  text-align: right;
  position: relative;
  border: 1px solid #dddddd;
  padding: 8.5px 26px;
  border-radius: 6px;
}
section.mypage-account-media .media-connect-box youtube-connect-button button.disconnect-btn {
  border: none;
  width: 55px;
  height: 20px;
  float: right;
  position: relative;
  top: -45px;
  left: -52px;
}
section.mypage-account-media .media-connect-box youtube-connect-button button.disconnect-btn span {
  font-size: 0px;
}
section.mypage-account-media .media-connect-box youtube-connect-button button.disconnect-btn span:before {
  content: "\C5F0\ACB0\D574\C81C";
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  color: #666666;
  text-align: right;
  position: relative;
  border: 1px solid #dddddd;
  padding: 8.5px 26px;
  border-radius: 6px;
}
section.mypage-account-media .media-connect-box youtube-connect-button button.disconnect-btn img {
  display: none;
}
section.mypage-account-media .media-connect-box youtube-connect-button button.connect-btn {
  border: none;
  width: 55px;
  height: 20px;
  position: relative;
  top: -2px;
  left: -15px;
}
section.mypage-account-media .media-connect-box youtube-connect-button button.connect-btn span {
  font-size: 0px;
}
section.mypage-account-media .media-connect-box youtube-connect-button button.connect-btn span:before {
  content: "\C5F0\ACB0\D558\AE30";
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  color: #666666;
  text-align: right;
  position: relative;
  border: 1px solid #dddddd;
  padding: 8.5px 26px;
  border-radius: 6px;
  float: right;
}
section.mypage-account-media .media-connect-box youtube-connect-button button.connect-btn img {
  display: none;
}
section.mypage-account-media .media-connect-box clip-connect-button button.disconnect-btn {
  border: none;
  width: 55px;
  height: 20px;
  float: right;
  position: relative;
  top: -45px;
  left: -52px;
}
section.mypage-account-media .media-connect-box clip-connect-button button.disconnect-btn span {
  font-size: 0px;
}
section.mypage-account-media .media-connect-box clip-connect-button button.disconnect-btn span:before {
  content: "\C5F0\ACB0\D574\C81C";
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  color: #666666;
  text-align: right;
  position: relative;
  border: 1px solid #dddddd;
  padding: 8.5px 26px;
  border-radius: 6px;
}
section.mypage-account-media .media-connect-box clip-connect-button button.disconnect-btn img {
  display: none;
}
section.mypage-account-media .media-connect-box clip-connect-button button.connect-btn {
  border: none;
  width: 55px;
  height: 20px;
  position: relative;
  top: -2px;
  left: -15px;
}
section.mypage-account-media .media-connect-box clip-connect-button button.connect-btn span {
  font-size: 0px;
}
section.mypage-account-media .media-connect-box clip-connect-button button.connect-btn span:before {
  content: "\C5F0\ACB0\D558\AE30";
  width: 156px;
  height: 40px;
  background: #FFFFFF;
  box-shadow: 0px 4px 16px 5px rgba(0, 0, 0, 0.03);
  border-radius: 34px;
  line-height: 2.4;
  font-weight: 500;
  font-size: 16px;
  color: #333333;
}
section.mypage-account-media .media-connect-box clip-connect-button button.connect-btn img {
  display: none;
}
section.mypage-account-media .media-connect-box facebook-id-login-button {
  position: relative;
  top: 2px;
  left: 0px;
  float: left;
}
section.mypage-account-media .media-connect-box facebook-id-login-button button.disconnect-btn {
  border: none;
  width: 55px;
  height: 20px;
  float: right;
  position: relative;
  top: -45px;
  left: -52px;
}
section.mypage-account-media .media-connect-box facebook-id-login-button button.disconnect-btn span {
  font-size: 0px;
}
section.mypage-account-media .media-connect-box facebook-id-login-button button.disconnect-btn span span:before {
  content: "\C5F0\ACB0\D574\C81C";
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  color: #666666;
  text-align: right;
  position: relative;
  border: 1px solid #dddddd;
  padding: 8.5px 26px;
  border-radius: 6px;
}
section.mypage-account-media .media-connect-box facebook-id-login-button button.disconnect-btn img {
  display: none;
}
section.mypage-account-media .media-connect-box facebook-id-login-button button.connect-btn {
  border: none;
  width: 55px;
  height: 20px;
  position: relative;
  top: -2px;
  left: -8px;
}
section.mypage-account-media .media-connect-box facebook-id-login-button button.connect-btn span {
  font-size: 0px;
  width: 450px;
}
section.mypage-account-media .media-connect-box facebook-id-login-button button.connect-btn span span:before {
  content: "\C778\C2A4\D0C0\ADF8\B7A8   \C5F0\ACB0\D558\AE30";
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #777777;
  left: -2px;
  top: -12px;
  position: relative;
}
section.mypage-account-media .media-connect-box facebook-id-login-button button.connect-btn img {
  display: none;
}
section.mypage-account-media .media-connect-box facebook-id-login-button .error-message {
  background: #FFFFFF !important;
  border-radius: 5px !important;
  position: absolute;
  bottom: unset;
  width: 226px;
  height: 52px;
  left: 629px;
  padding: 6px 10px 6px 27px;
  box-shadow: 0 2px 10px rgba(143, 143, 143, 0.25);
  text-align: left;
}
section.mypage-account-media .media-connect-box facebook-id-login-button .error-message div {
  width: 200px;
  color: #333333;
  font-size: 11px;
}
section.mypage-account-media .media-connect-box facebook-id-login-button .error-message .error-close {
  display: block !important;
}
section.mypage-account-media .media-connect-box facebook-id-login-button .error-message .error-close img {
  width: 9px;
  margin-bottom: 0;
  float: right;
  margin-top: 5px;
  cursor: pointer;
}
section.mypage-account-media .media-connect-box facebook-id-login-button .error-message .caution {
  position: absolute;
  left: 10px;
  top: 13px;
  display: block !important;
}
section.mypage-account-media .media-connect-box facebook-id-login-button .reconnect-btn {
  position: absolute;
  left: -10px;
  top: 50px;
  cursor: pointer;
  font-size: 15px;
  width: 260px;
  height: 52px;
  color: #5C19DD;
  border-radius: 10px;
  border: 1px solid #9159FC;
  line-height: 50px;
  font-weight: 500;
}
section.mypage-account-media .media-connect-box youtube-connect-button .error-message,
section.mypage-account-media .media-connect-box facebook-id-login-button .error-message {
  background: #FFF4F6;
  border-radius: 10px;
  position: absolute;
  padding: 6px 10px 6px 27px;
  text-align: left;
  z-index: 15;
  height: auto !important;
}
section.mypage-account-media .media-connect-box youtube-connect-button .error-message div,
section.mypage-account-media .media-connect-box facebook-id-login-button .error-message div {
  width: 200px;
  color: #333333;
  font-size: 11px;
  font-weight: 500;
}
section.mypage-account-media .media-connect-box youtube-connect-button .error-message .error-close,
section.mypage-account-media .media-connect-box facebook-id-login-button .error-message .error-close {
  display: block !important;
}
section.mypage-account-media .media-connect-box youtube-connect-button .error-message .error-close img,
section.mypage-account-media .media-connect-box facebook-id-login-button .error-message .error-close img {
  width: 9px;
  margin-bottom: 0;
  float: right;
  margin-top: 5px;
  cursor: pointer;
}
section.mypage-account-media .media-connect-box youtube-connect-button .error-message .caution,
section.mypage-account-media .media-connect-box facebook-id-login-button .error-message .caution {
  position: absolute;
  left: 10px;
  top: 12px;
  display: block !important;
}
@media (max-width: 799px) {
  section.mypage-account-media .media-connect-box youtube-connect-button .error-message,
  section.mypage-account-media .media-connect-box facebook-id-login-button .error-message {
    bottom: inherit;
    left: 40px;
    margin-top: 50px;
    padding: 6px 10px 6px 27px;
    text-align: left;
  }
}
@media (max-width: 799px) {
  section.mypage-account-media .media-connect-box {
    text-align: left;
    padding: 20px 0px !important;
    border-bottom: 1px solid #EEEEEE;
    height: auto;
  }
  section.mypage-account-media .media-connect-box .media-img {
    width: 26px;
    margin-bottom: 0px;
    float: left;
    margin-right: 15px;
    position: relative;
    top: 2px;
  }
  section.mypage-account-media .media-connect-box .title {
    position: relative;
    top: 0px;
    color: #222222;
    margin-right: 20px;
    font-weight: 400;
  }
  section.mypage-account-media .media-connect-box .title img {
    width: 12px;
    height: 15px;
    margin: 0px 0px 4px 2px;
    float: unset;
    top: 0px;
  }
  section.mypage-account-media .media-connect-box .title img.instagram {
    margin-left: 4px;
    margin-bottom: 4px;
  }
  section.mypage-account-media .media-connect-box .media-title {
    font-weight: 400;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #999999;
  }
  section.mypage-account-media .media-connect-box .content .more {
    float: right;
    top: -31px;
    position: relative;
    width: 3px;
    margin-right: 5px;
  }
  section.mypage-account-media .media-connect-box.already .title {
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: -0.2px;
    color: #444444;
    margin-bottom: 0px;
    top: 3px;
    margin-right: 20px;
  }
  section.mypage-account-media .media-connect-box.already.blog {
    height: auto;
    padding: 20px 19px 20px 0px !important;
  }
  section.mypage-account-media .media-connect-box.already.instagram.auth-recon {
    height: 123px;
  }
  section.mypage-account-media .media-connect-box.already .content {
    padding-left: 40px;
  }
  section.mypage-account-media .media-connect-box.already .content .disconnect-m {
    display: none;
    width: 125px;
    position: absolute;
    top: 27px;
    float: right;
    right: -7px;
    z-index: 1;
  }
  section.mypage-account-media .media-connect-box.already .content facebook-id-login-button {
    width: 125px;
    z-index: 1;
    background: #ffffff;
    position: inherit;
    float: unset;
  }
  section.mypage-account-media .media-connect-box.already .content facebook-id-login-button .disconnect-btn {
    width: 80px;
    z-index: 1;
    position: inherit;
    background-size: contain;
    float: left;
    background: #ffffff;
    margin-left: 0px;
  }
  section.mypage-account-media .media-connect-box.already .content facebook-id-login-button button span span:before {
    content: "\C5F0\ACB0\D574\C81C";
    font-size: 12px;
    padding: 6.5px 18px;
  }
  section.mypage-account-media .media-connect-box.already .content youtube-connect-button {
    width: 125px;
    z-index: 1;
    background: #ffffff;
  }
  section.mypage-account-media .media-connect-box.already .content youtube-connect-button .disconnect-btn {
    height: 42px;
    width: 80px;
    z-index: 1;
    position: inherit;
    background-size: contain;
    float: unset;
    background: #ffffff;
  }
  section.mypage-account-media .media-connect-box.already .content youtube-connect-button button span:before {
    content: "\C5F0\ACB0\D574\C81C";
    font-size: 12px;
    padding: 6.5px 18px;
    margin-top: 4px;
  }
  section.mypage-account-media .media-connect-box.already .media-title {
    top: 5px;
    position: relative;
    margin-bottom: 15px;
  }
  section.mypage-account-media .media-connect-box facebook-id-login-button {
    position: relative;
    top: -11px;
    left: -9px;
    float: left;
  }
  section.mypage-account-media .media-connect-box facebook-id-login-button button.connect-btn-m {
    width: 55px;
    height: 20px !important;
    top: -7px;
    left: 7px;
    border: none;
    background: #FFFFFF !important;
    width: 25px !important;
    float: right;
  }
  section.mypage-account-media .media-connect-box facebook-id-login-button button.connect-btn-m span {
    font-size: 0px;
  }
  section.mypage-account-media .media-connect-box facebook-id-login-button button.connect-btn-m span span:before {
    content: "\C778\C2A4\D0C0\ADF8\B7A8   \C5F0\ACB0\D558\AE30";
    height: 29px;
    background: #FFFFFF;
    line-height: 2.4;
    font-weight: 400;
    font-size: 16px;
    color: #222222;
  }
  section.mypage-account-media .media-connect-box facebook-id-login-button button.connect-btn-m img {
    display: none;
  }
  section.mypage-account-media .media-connect-box .connect-m {
    float: right;
    width: 12px;
    position: relative;
    top: -26px;
    margin-right: 0px;
  }
  section.mypage-account-media .media-connect-box .reconnect-btn-m {
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    color: #333333;
    border-radius: 6px;
    border: 1px solid #999999;
    line-height: 32px;
    font-weight: 700;
    bottom: -60px;
    float: left;
    height: 32px;
    width: 100px;
    margin: 10px 5px 0px 0px;
  }
  section.mypage-account-media .media-connect-box.blog {
    padding-top: 25px !important;
  }
  section.mypage-account-media .media-connect-box.clip {
    border-bottom: unset;
  }
  section.mypage-account-media .media-connect-box .disconnect {
    font-weight: 400;
    font-size: 12px;
    padding: 6.5px 18px;
    line-height: 17px;
    color: #666666;
    text-align: right;
    position: relative;
    border: 1px solid #dddddd;
    border-radius: 6px;
    right: unset;
  }
  section.mypage-account-media .media-connect-box .disconnect.blog {
    top: unset;
  }
  section.mypage-account-media .media-connect-box .disconnect.clip {
    top: 13px;
    float: unset;
  }
  section.mypage-account-media .widget-connect-m {
    border-radius: 6px;
    font-weight: 700;
    font-size: 12px;
    color: #333333;
    padding: 6.5px 10px;
    cursor: pointer;
    height: 32px;
    width: 100px;
    text-align: center;
    border: 1px solid #999;
    line-height: 17px;
  }
}
@media (max-width: 799px) {
  section.mypage-account-media .clip-margin {
    margin-bottom: 50px;
  }
}
@media (max-width: 799px) {
  section.mypage-badge .badge-list ul {
    margin: 0 15px 40px;
  }
}
section.mypage-badge .badge-list li {
  position: relative;
}
section.mypage-badge .badge-list li:first-child p {
  position: absolute;
  left: 0;
}
section.mypage-badge .badge-list .item {
  margin: 10px 0;
  padding: 0;
  text-align: center;
  cursor: help;
}
section.mypage-badge .badge-list .item:hover p {
  display: block;
}
section.mypage-badge .badge-list .item img {
  margin: 0 auto 9px auto;
  display: block;
  padding: 9px;
  max-width: 100%;
}
section.mypage-badge .badge-list .item img.special {
  width: 100px;
  max-width: 100%;
  padding: 0;
}
@media (max-width: 799px) {
  section.mypage-badge .badge-list .item img {
    max-height: none;
    max-width: 100%;
    padding: 0;
  }
  section.mypage-badge .badge-list .item img.special {
    padding: 0 0 9px 0;
    margin: 0 auto;
  }
}
section.mypage-badge .badge-list .item strong {
  font-weight: normal;
  font-size: 14px;
}
@media (max-width: 799px) {
  section.mypage-badge .badge-list .item strong {
    display: block;
  }
}
section.mypage-badge .badge-list .item p {
  display: none;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='0.8 * 100')";
  filter: alpha(opacity=0.8 * 100);
  position: absolute;
  z-index: 10;
  background: #000;
  color: #fff;
  font-size: 12px;
  top: 60%;
  width: 95%;
  padding: 5px;
  border-radius: 2px;
  left: 3px;
}
@media (max-width: 799px) {
  section.mypage-badge .badge-list .item p {
    left: 2px;
  }
}
section.mypage-message .message-list .message-func {
  text-align: right;
  position: relative;
  top: -47px;
}
section.mypage-message .message-list .message-func button {
  color: #333;
  border: 1px solid #d2d2d2;
}
section.mypage-message .message-list li {
  padding: 20px;
  border-bottom: 1px dotted #eee;
}
@media (max-width: 799px) {
  section.mypage-message .message-list li {
    padding: 10px 15px;
  }
}
section.mypage-message .message-list li:hover {
  background: #fdfdfd;
}
section.mypage-message .message-list li:first-child {
  padding-top: 0;
}
section.mypage-message .message-list li:last-child {
  border: none;
}
section.mypage-message .message-list li:after:before,
section.mypage-message .message-list li:after:after {
  content: " ";
  display: table;
}
section.mypage-message .message-list li:after:after {
  clear: both;
}
section.mypage-message .message-list li:after:before,
section.mypage-message .message-list li:after:after {
  content: " ";
  display: table;
}
section.mypage-message .message-list li:after:after {
  clear: both;
}
section.mypage-message .message-list li .date {
  margin-top: 5px;
  float: right;
  color: #a5a5a5;
}
@media (max-width: 799px) {
  section.mypage-message .message-list li .date {
    margin-top: 5px;
    float: none;
    display: block;
    padding-left: 24px;
  }
}
section.mypage-message .message-list li a {
  text-decoration: none;
  color: #222;
  padding-left: 4px;
  width: 650px;
  display: inline-block;
}
@media (max-width: 799px) {
  section.mypage-message .message-list li a {
    width: 93%;
  }
}
section.mypage-message .message-list li a:hover {
  color: #5c19dd;
}
section.mypage-message .message-list li i {
  color: #5c19dd;
  vertical-align: top;
  margin-top: 2px;
}
section.mypage-message .message-list li .no-results-found {
  padding: 50px;
  text-align: center;
}
section.mypage-message .message-list li .read {
  color: #222;
}
section.mypage-point-deposit {
  color: #222;
}
section.mypage-point-deposit .account-name {
  line-height: 40px;
}
@media (max-width: 799px) {
  section.mypage-point-deposit .account-name {
    line-height: inherit;
    width: 100%;
    display: flex;
  }
}
section.mypage-point-deposit .design-select-wrap {
  margin-left: 10px;
}
@media (max-width: 799px) {
  section.mypage-point-deposit .design-select-wrap {
    margin-left: 0;
  }
}
section.mypage-point-deposit .bank-select-wrap {
  padding-left: 0;
}
@media (max-width: 799px) {
  section.mypage-point-deposit .bank-select-wrap {
    padding-left: 10px;
  }
}
section.mypage-point-deposit .m-b-10 {
  margin-bottom: 10px !important;
}
section.mypage-point-deposit .free {
  position: absolute;
  right: 30px;
  bottom: 0;
  font-weight: 700;
  font-size: 11px;
  background: linear-gradient(140.67deg, #5200FF 3.51%, #DB00FF 113.79%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
section.mypage-point-deposit .bank-select {
  position: relative;
}
section.mypage-point-deposit .bank-select .selected {
  color: #999;
}
section.mypage-point-deposit .bank-select .selected.on {
  color: #333;
}
section.mypage-point-deposit .label-img {
  display: block;
  width: 183px;
  height: 40px;
}
section.mypage-point-deposit .label-img img {
  width: 100%;
  height: 100%;
}
section.mypage-point-deposit h2 {
  font-size: 20px;
  border-bottom: 1px solid #222;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
section.mypage-point-deposit table {
  border-collapse: collapse;
  width: 100%;
  margin: 0 0 5px 0;
}
section.mypage-point-deposit table th,
section.mypage-point-deposit table td {
  border: 1px solid #ddd;
  font-size: 11px;
}
section.mypage-point-deposit table th {
  color: #333333;
  background: #F5F5F5;
  line-height: 19px;
  padding: 5px 10px;
  font-weight: 500;
}
section.mypage-point-deposit table td {
  color: #666666;
  padding: 12px 10px;
  vertical-align: top;
  font-weight: 400;
}
@media (max-width: 799px) {
  section.mypage-point-deposit table td {
    word-break: keep-all;
  }
}
section.mypage-point-deposit table:not(:first-child) {
  margin-top: 10px;
}
section.mypage-point-deposit strong {
  color: #5c19dd;
}
section.mypage-point-deposit ul.terms li {
  list-style-type: disc;
  margin-left: 20px;
  font-size: 11px;
  color: #666666;
}
@media (max-width: 799px) {
  section.mypage-point-deposit .request-amount {
    font-size: 12px;
  }
}
section.mypage-point-deposit .request-amount .now-point {
  border-bottom: 1px solid #ddd;
}
section.mypage-point-deposit .request-amount .now-point .txt {
  display: flex;
  flex-direction: row;
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 10px;
  color: #222222;
}
section.mypage-point-deposit .request-amount .now-point .txt.tax {
  font-size: 13px;
  font-weight: 400;
  color: #666666;
}
section.mypage-point-deposit .request-amount .now-point .txt span:first-child {
  margin-right: auto;
}
section.mypage-point-deposit .request-amount .now-point .txt span:last-child {
  margin-left: auto;
}
section.mypage-point-deposit .request-amount .real-point {
  display: flex;
  flex-direction: row;
  font-size: 14px;
  color: #222222;
  font-weight: 500;
  margin-top: 13px;
  line-height: 27px;
}
section.mypage-point-deposit .request-amount .real-point .txt {
  margin-right: auto;
}
section.mypage-point-deposit .request-amount .real-point .total-point {
  margin-left: auto;
}
section.mypage-point-deposit .request-amount .real-point .total-point strong {
  font-weight: 700;
  font-size: 18px;
  color: #5C19DD;
}
section.mypage-point-deposit label.terms {
  font-size: 13px;
  font-weight: normal;
}
section.mypage-point-deposit .btn {
  min-width: 340px;
  padding: 11px 0 13px;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 700;
  background: #222 !important;
}
section.mypage-point-deposit .btn:hover {
  background: #000 !important;
}
@media (max-width: 799px) {
  section.mypage-point-deposit .btn {
    width: 100%;
    min-width: inherit;
  }
}
section.mypage-point-deposit.dark {
  color: #999999;
}
section.mypage-point-deposit.dark .account-name {
  color: #EEEEEE;
}
section.mypage-point-deposit.dark .txt span {
  color: #cccccc;
}
section.mypage-point-deposit.dark .txt.tax span {
  color: #808080;
}
section.mypage-point-deposit.dark .free {
  background: linear-gradient(147.47deg, #6E2AFF -12.88%, #E859FF 99.56%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
section.mypage-point-deposit.dark .real-point .txt {
  color: #eeeeee;
}
section.mypage-point-deposit.dark .now-point {
  border-bottom: 1px solid #33313B;
}
section.mypage-point-deposit.dark .total-point {
  color: #eeeeee;
}
section.mypage-point-deposit.dark .total-point strong {
  color: #9584FF !important;
}
section.mypage-point-deposit.dark .terms li {
  color: #808080;
}
section.mypage-point-deposit.dark h2 {
  color: #EEEEEE;
  border-bottom: 1px solid #33313B;
}
section.mypage-point-deposit.dark label {
  color: #dddddd;
}
section.mypage-point-deposit.dark strong {
  color: #9584FF !important;
}
section.mypage-point-deposit.dark hr {
  border-top: 1px solid #2C2B34;
}
section.mypage-point-deposit.dark table th {
  background: #28272F;
  color: #808080;
}
section.mypage-point-deposit.dark table th,
section.mypage-point-deposit.dark table td {
  border: 1px solid #33313B;
}
section.mypage-point-deposit.dark .design-select-wrap .selected,
section.mypage-point-deposit.dark .design-select-wrap .design-select {
  color: #666666;
  background-color: #232228;
  border: none;
}
section.mypage-point-deposit.dark .design-select-wrap .selected.on {
  color: #EEEEEE !important;
}
section.mypage-point-deposit.dark .form-control {
  background-color: #232228 !important;
  border: none !important;
  color: #EEEEEE !important;
}
section.mypage-point-deposit.dark .form-control::placeholder {
  color: #666666;
}
section.mypage-point-deposit.dark .btn {
  background-color: #8053FF !important;
}
section.mypage-point-deposit.dark .design-checkbox label {
  color: #CCCCCC;
}
section.mypage-point-deposit.dark .design-checkbox input[type="checkbox"]:checked + label {
  color: #CCCCCC;
}
section.mypage-point-deposit.dark .design-checkbox input[type="checkbox"] + label i {
  background-image: url(/assets/img/form/new-btns-dark.svg);
}
@media (max-width: 799px) {
  section.mypage-point-deposit .control-label {
    padding-bottom: 6px;
    font-size: 13px;
  }
  section.mypage-point-deposit .bank-select-wrap .bank-select {
    width: 100%;
  }
  section.mypage-point-deposit .m-label-wrap {
    display: inline-block;
    padding-left: 5px !important;
  }
}
section.mypage-point-deposit .no-padding-l {
  padding-left: 0;
}
.mypage-point-wrap h4.snb-title {
  padding-bottom: 28px !important;
}
.mypage-point-wrap h4.snb-title span {
  position: relative;
  top: 5px;
}
.mypage-point-wrap h4.snb-title a {
  background: #8979EB;
  border-radius: 5px;
  padding: 10px 20px;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.52px;
  color: #FFFFFF;
}
.mypage-point-wrap h4.snb-title a:hover {
  background: #7765E4;
}
.mypage-point-wrap h4.snb-title .border-bottom {
  padding-bottom: 28px;
}
@media (max-width: 799px) {
  .mypage-point-wrap {
    padding: 15px 0 15px 0;
  }
  .mypage-point-wrap h4.snb-title {
    margin: 0;
  }
}
.mypage-point-wrap .no-results-found {
  padding: 100px 0 120px !important;
}
section.mypage-point .nav.nav-tabs {
  height: auto;
  border-bottom: 1px solid #222222;
}
@media (max-width: 799px) {
  section.mypage-point .nav.nav-tabs {
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 5px;
  }
}
section.mypage-point .nav.nav-tabs li {
  margin-bottom: 20px;
  margin-top: 7px;
}
@media (max-width: 799px) {
  section.mypage-point .nav.nav-tabs li {
    padding-left: 15px;
  }
}
section.mypage-point .nav.nav-tabs li:first-child {
  border-right: 1px solid #E5E5E5;
}
@media (max-width: 799px) {
  section.mypage-point .nav.nav-tabs li:first-child {
    padding-left: 0px;
    padding-right: 15px;
  }
}
section.mypage-point .nav.nav-tabs li a {
  font-weight: normal;
  font-size: 18px;
  color: #999;
  padding: 0px 15px !important;
}
@media (max-width: 799px) {
  section.mypage-point .nav.nav-tabs li a {
    font-weight: 400;
    font-size: 16px;
    padding: 0px 0px !important;
  }
}
section.mypage-point .nav.nav-tabs li.active {
  border-bottom: none;
}
section.mypage-point .nav.nav-tabs li.active a {
  font-weight: bold;
  color: #222;
}
@media (max-width: 799px) {
  section.mypage-point .nav.nav-tabs li.active a {
    font-weight: 700;
  }
}
section.mypage-point .pending-point {
  border: 1px solid #DDDDDD;
  border-radius: 5px;
  padding: 11px 15px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.4px;
  color: #222222;
  cursor: pointer;
  margin-bottom: 10px;
  height: 45px;
}
@media (max-width: 799px) {
  section.mypage-point .pending-point {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0px;
    margin-top: 5px;
    padding: 10px 0px;
  }
}
section.mypage-point .pending-point:hover {
  border: 1px solid #c5c5c5;
}
section.mypage-point .calendar {
  margin-top: 10px;
}
@media (max-width: 799px) {
  section.mypage-point .calendar {
    padding-left: 60px;
    margin-top: 0px;
  }
}
section.mypage-point .sub-tabs {
  margin: 15px 0;
}
@media (max-width: 799px) {
  section.mypage-point .sub-tabs {
    margin: 0px;
  }
  section.mypage-point .sub-tabs button {
    border: 1px solid #5C19DD;
    color: #5C19DD;
  }
  section.mypage-point .sub-tabs button i {
    background: url(/assets/img/category/ic-sort-on.svg) right center no-repeat;
  }
}
section.mypage-point .sub-tabs button.on {
  font-weight: 500;
}
section.mypage-point .sub-tabs button.has-dropdown {
  padding: 5px 12px;
  line-height: unset;
}
section.mypage-point .sort-tab .arrow-box {
  width: 100px;
  right: -40px;
}
@media (max-width: 799px) {
  section.mypage-point .sort-tab button {
    margin-left: 0px;
  }
}
section.mypage-point date-selector {
  z-index: 999;
}
section.mypage-point .mobile-point-info {
  padding: 15px 0;
}
@media (max-width: 799px) {
  section.mypage-point .mobile-point-info {
    padding-top: 10px;
    padding-bottom: 20px;
    margin-left: -15px;
    margin-right: -15px;
  }
  section.mypage-point .mobile-point-info .item {
    padding-bottom: 10px;
  }
}
@media (max-width: 799px) {
  section.mypage-point .mobile-point-log.earn {
    border-top: 1px solid #E5E5E5;
    margin-top: 15px;
  }
}
section.mypage-point .divide {
  margin: 10px -30px 20px -30px;
  border-width: 8px;
  border-color: #eee;
}
section.mypage-point .status {
  font-size: 16px;
  margin: 40px 0 80px;
}
section.mypage-point .status p {
  margin-bottom: 5px;
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #666;
}
section.mypage-point .status b,
section.mypage-point .status strong {
  font-size: 30px;
  color: #444;
}
section.mypage-point .status strong {
  color: #222;
  font-weight: 400;
  font-size: 32px;
  letter-spacing: -0.8px;
}
section.mypage-point .status strong.total {
  color: #c5c5c5;
}
section.mypage-point .status .row > div:nth-child(1) {
  border-right: 1px solid #e8e8e8;
}
section.mypage-point .status .left-border {
  border-left: 1px solid #e8e8e8;
}
section.mypage-point .status .fa-icon {
  font-size: 90%;
}
section.mypage-point .status .fa-icon .fa-circle {
  color: #DDD;
}
section.mypage-point .status .fa-icon.current .fa-circle {
  color: #FFBF00;
}
section.mypage-point .status .current span,
section.mypage-point .status .pending span {
  font-size: 16px;
  padding: 5px;
}
section.mypage-point .status .current strong {
  color: #5C19DD;
}
section.mypage-point .status .pending strong {
  color: #222;
}
section.mypage-point pagination {
  margin: 20px 0;
  padding: 0;
}
section.mypage-point .disabled-btn {
  padding: 12px 15px;
}
@media (max-width: 799px) {
  section.mypage-point .disabled-btn {
    width: 100%;
    margin-bottom: 20px;
  }
}
section.mypage-point .btn-custom.type1 {
  padding: 15px;
  min-width: 155px;
  border-radius: 5px !important;
  margin-left: 8px;
  height: 45px !important;
  font-size: 14px;
  font-weight: 700;
}
@media (max-width: 799px) {
  section.mypage-point .btn-custom.type1 {
    width: 100%;
  }
}
section.mypage-point table {
  border-collapse: collapse;
  width: 100%;
  margin: 20px 0;
}
section.mypage-point table th {
  padding: 10px 15px;
}
section.mypage-point table td {
  padding: 20px 15px;
}
section.mypage-point table th {
  background: #F5F5F5;
  text-align: center;
  color: #666666;
  font-weight: normal;
}
section.mypage-point table th.text-left {
  text-align: left;
}
section.mypage-point table th.text-right {
  text-align: right;
}
section.mypage-point table td {
  border-bottom: 1px dotted #eee;
}
section.mypage-point table td.date {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #999999;
}
section.mypage-point table td.type,
section.mypage-point table td.brief {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  color: #222222;
}
section.mypage-point table td.brief {
  font-weight: 400;
}
section.mypage-point table td.point {
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  color: #222222;
}
section.mypage-point table th.padding-right,
section.mypage-point table td.padding-right {
  padding-right: 45px;
}
section.mypage-point table .no-results-found {
  padding: 80px 0;
  text-align: center;
  color: #999;
}
section.mypage-point table .debit {
  color: #F44336 !important;
}
section.mypage-point ul.terms {
  font-size: 13px;
  margin-top: 40px;
  padding-top: 30px;
  color: #666666;
}
section.mypage-point ul.terms li {
  list-style: disc;
  margin: 0 0 2px 20px;
}
section.mypage-point ul.terms li b {
  color: #222;
}
section.mypage-point ul.terms li a {
  text-decoration: underline;
  color: #222;
}
@media (max-width: 799px) {
  section.mypage-point ul.terms {
    color: #666;
    font-size: 12px;
    margin: 0;
    padding: 30px 0px;
  }
  section.mypage-point ul.terms li > b {
    font-weight: normal;
  }
}
section.mypage-point .kbank-banner {
  margin-top: 40px;
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 55px;
}
section.mypage-point .kbank-banner img {
  width: 100%;
}
@media (max-width: 799px) {
  section.mypage-point .kbank-banner {
    border-bottom: none;
    padding-bottom: 0px;
  }
}
@media (max-width: 799px) {
  section.mypage-point .item {
    letter-spacing: -0.5px;
    font-size: 14px;
    color: #eee;
    text-align: center;
  }
  section.mypage-point .item p {
    margin-bottom: 0;
    font-size: 14px;
    color: #666;
  }
  section.mypage-point .item.total {
    border-top: 1px solid #eee;
    padding-top: 20px;
    padding-left: 15px;
    margin-top: 20px;
    text-align: left;
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    color: #666666;
    height: 117px;
  }
  section.mypage-point .item.total p {
    float: left;
    width: 100%;
  }
  section.mypage-point .item.total strong {
    float: right;
    padding-right: 15px;
    font-size: 16px;
    line-height: 23px;
    color: #222222;
  }
  section.mypage-point .item.total strong span {
    font-size: 12px;
    line-height: 17px;
    color: #666666;
  }
  section.mypage-point .item.total .daily {
    background: #8979EB;
    border-radius: 5px;
    padding: 10px 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    color: #FFFFFF;
    float: right;
    margin-right: 15px;
    margin-top: -6px;
  }
  section.mypage-point .item.total .left-box,
  section.mypage-point .item.total .right-box {
    width: 50%;
  }
  section.mypage-point .item.total .left-box {
    float: left;
    padding-right: 15px;
  }
  section.mypage-point .item.total .right-box {
    padding-left: 15px;
    float: right;
    border-left: 1px solid #EEEEEE;
  }
  section.mypage-point .item.total.offerwall {
    padding-right: 15px;
    margin-bottom: 15px;
  }
  section.mypage-point .item.total.offerwall strong {
    padding-right: 0px;
  }
  section.mypage-point .item.total .point-btn-group div {
    width: 49%;
  }
  section.mypage-point .item.total .point-btn-group .pending-point {
    margin-left: 0px;
    padding: 10px 0px;
    line-height: 24px;
    width: 49%;
    text-align: center;
    margin-top: 30px;
  }
  section.mypage-point .item.total .point-btn-group .pending-point.full-width {
    width: 100%;
  }
  section.mypage-point .item.total .point-btn-group .type1 {
    width: 100%;
    margin-top: 30px;
    margin-left: 0px;
  }
  section.mypage-point .item .point strong {
    color: #5c19dd;
    font-size: 28px;
    font-weight: 400;
  }
  section.mypage-point .item .point strong span {
    font-size: 16px;
    padding-left: 5px;
  }
  section.mypage-point .no-result-area {
    padding: 100px 0 80px;
    color: #c5c5c5;
  }
  section.mypage-point .panel-full-width {
    margin: 0 -15px;
  }
  section.mypage-point.dark {
    background-color: #15141C;
  }
  section.mypage-point.dark .item p {
    color: #999999;
  }
  section.mypage-point.dark .item.total {
    border-top: 1px solid #262432;
  }
  section.mypage-point.dark .item.total p strong,
  section.mypage-point.dark .item.total div strong {
    color: #EEEEEE;
  }
  section.mypage-point.dark .item.offerwall .right-box {
    border-left: 1px solid #262432;
  }
  section.mypage-point.dark .item .point strong {
    color: #9584FF;
  }
  section.mypage-point.dark .divide {
    border-color: #121117;
  }
  section.mypage-point.dark .nav.nav-tabs,
  section.mypage-point.dark .mypage-point-mobile-card {
    border-bottom: 1px solid #262432;
  }
  section.mypage-point.dark .nav.nav-tabs li > a,
  section.mypage-point.dark .mypage-point-mobile-card li > a {
    background: #15141C;
    color: #808080;
  }
  section.mypage-point.dark .nav.nav-tabs li.active a,
  section.mypage-point.dark .mypage-point-mobile-card li.active a {
    color: #EEEEEE;
  }
  section.mypage-point.dark .nav.nav-tabs .info,
  section.mypage-point.dark .mypage-point-mobile-card .info,
  section.mypage-point.dark .nav.nav-tabs .brief-text,
  section.mypage-point.dark .mypage-point-mobile-card .brief-text {
    color: #EEEEEE;
  }
  section.mypage-point.dark .nav.nav-tabs .debit,
  section.mypage-point.dark .mypage-point-mobile-card .debit {
    color: #F95E5E !important;
  }
  section.mypage-point.dark .pending-point {
    color: #999999;
    border: 1px solid #555555;
  }
  section.mypage-point.dark .nav.nav-tabs li:first-child {
    border-right: 1px solid #262432;
  }
  section.mypage-point.dark .sub-tabs .sort-tab div.has-dropdown,
  section.mypage-point.dark .sub-tabs .sort-tab button.has-dropdown {
    border: 1px solid #CCCCCC;
    color: #EEEEEE;
  }
  section.mypage-point.dark .sub-tabs .sort-tab div:hover,
  section.mypage-point.dark .sub-tabs .sort-tab button:hover {
    border-color: #CCCCCC;
  }
  section.mypage-point.dark .sub-tabs .sort-tab div i,
  section.mypage-point.dark .sub-tabs .sort-tab button i {
    background: url(/assets/img/category/ic-sort-off-dark.svg) right center no-repeat;
  }
  section.mypage-point.dark .sub-tabs .sort-tab .arrow-box {
    background: #232228;
    border: 1px solid #17161B;
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.0804461);
  }
  section.mypage-point.dark .sub-tabs .sort-tab .arrow-box input[type="radio"]:checked + label {
    color: #EEEEEE;
  }
  section.mypage-point.dark .sub-tabs .sort-tab .arrow-box label {
    color: #999999;
  }
  section.mypage-point.dark .sub-tabs .sort-tab .arrow-box input[type="radio"] + label span {
    background-image: url(/assets/img/form/new-btns-dark.svg);
  }
  section.mypage-point.dark .sort-tab button {
    border: 1px solid #555555;
  }
  section.mypage-point.dark .mobile-point-log.earn {
    border-top: 1px solid #2C2B34;
  }
  section.mypage-point.dark .datepicker-range-mobile .has-dropdown {
    color: #999999;
  }
  section.mypage-point.dark .datepicker-range-mobile .has-dropdown:hover {
    border-color: #555555;
  }
  section.mypage-point.dark .datepicker-range-mobile .has-dropdown.on {
    color: #EEEEEE !important;
    border-color: #CCCCCC !important;
  }
  section.mypage-point.dark .datepicker-range-mobile .has-dropdown.on i {
    background: url(/assets/img/category/ic-sort-on-dark.svg) right center no-repeat;
  }
  section.mypage-point.dark .datepicker-range-mobile .has-dropdown i {
    background: url(/assets/img/category/ic-sort-dark.svg) right center no-repeat;
  }
  section.mypage-point.dark .mobile-point-log .status-text,
  section.mypage-point.dark .mobile-point-log .highlight {
    color: #EEEEEE;
  }
  section.mypage-point.dark .mobile-point-log .status-text.cancel,
  section.mypage-point.dark .mobile-point-log .highlight.cancel {
    color: #F95E5E;
  }
  section.mypage-point.dark .mobile-point-log .status-text.complete,
  section.mypage-point.dark .mobile-point-log .highlight.complete {
    color: #4D9AFF;
  }
  section.mypage-point.dark .btn-custom.type1 {
    background: #8053FF;
  }
  section.mypage-point.dark ul.terms li b,
  section.mypage-point.dark ul.terms li a {
    color: #999;
  }
}
.panel.terms-wrapper {
  margin-top: 20px;
  border: none;
}
.panel.terms-wrapper.event {
  margin: 40px 0 100px;
}
@media (max-width: 799px) {
  .panel.terms-wrapper.event {
    margin: 20px 0 30px;
  }
}
.panel.terms-wrapper .nav.nav-tabs {
  height: 41px;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 50px;
}
.panel.terms-wrapper .nav.nav-tabs li {
  padding: 0 20px;
}
.panel.terms-wrapper .nav.nav-tabs li a {
  padding: 8px 0;
  color: #777;
  border: 0 !important;
  border-radius: 0;
}
.panel.terms-wrapper .nav.nav-tabs li.active a {
  color: #222;
}
@media (max-width: 799px) {
  .panel.terms-wrapper .nav.nav-tabs li {
    width: auto;
    padding: 0 15px;
  }
}
@media (max-width: 799px) {
  .panel.terms-wrapper .nav.nav-tabs {
    position: relative;
    left: -10px;
    width: 107%;
    margin-bottom: 30px;
  }
}
section.terms {
  padding: 0 20px;
}
@media (max-width: 799px) {
  section.terms {
    padding: 0 5px;
  }
}
section.terms h1 {
  color: #222;
  font-size: 34px;
  text-align: center;
  margin: 10px 0 30px;
}
@media (max-width: 799px) {
  section.terms h1 {
    font-size: 24px;
  }
}
section.terms h3 {
  margin: 25px 0 10px;
  color: #333;
}
@media (max-width: 799px) {
  section.terms h3 {
    font-size: 20px;
  }
}
section.terms ul,
section.terms ol {
  margin: 0 0 10px 30px;
  padding: 0;
}
section.terms ul ul,
section.terms ol ul {
  margin-top: 5px;
}
section.terms ul li,
section.terms ol li {
  margin-bottom: 5px;
  padding: 0;
}
section.terms ol li {
  list-style: decimal;
}
@media (max-width: 799px) {
  section.terms ol li {
    word-break: break-all;
  }
}
section.terms ul li {
  list-style: square;
}
section.terms table {
  margin-top: 10px;
  width: 100%;
  border-collapse: collapse;
}
section.terms table th,
section.terms table td {
  border: 1px solid #ddd;
  padding: 5px;
  font-size: 13px;
}
section.terms table th {
  background: #eee;
  width: 60px;
  text-align: center;
}
section.terms .client-btn {
  border: none;
  background: transparent;
}
section.terms.mobile-info .num {
  display: inline-block;
  min-width: 17px;
  vertical-align: top;
  margin-left: -17px;
}
section.terms.mobile-info p {
  margin: 0 0 5px;
  padding-left: 17px;
}
section.terms.mobile-info ul,
section.terms.mobile-info ol {
  margin: 10px 0 10px 20px;
}
section.terms.mobile-info ol li {
  list-style: none;
}
section.terms.mobile-info ul li {
  list-style: decimal;
}
section.terms.event h3 {
  margin: 30px 0 20px;
}
@media (max-width: 799px) {
  section.terms.event h3 {
    font-size: 18px;
    margin: 30px 0 15px;
  }
}
.service-guide-modal {
  display: flex;
  color: #222222;
}
.service-guide-modal .left-menu {
  border-right: 1px solid #EEEEEE;
}
@media (max-width: 1200px) {
  .service-guide-modal .left-menu {
    display: none;
  }
}
.service-guide-modal .left-menu .title {
  padding: 30px 48px 40px 30px;
  font-weight: 300;
  font-size: 22px;
  line-height: 32px;
  letter-spacing: -0.4px;
  color: #222222;
}
.service-guide-modal .left-menu .title span {
  color: #5C19DD;
  font-weight: 700;
}
.service-guide-modal .left-menu .title img {
  width: 30px;
  height: 30px;
}
.service-guide-modal .left-menu .step {
  color: #666666;
  padding-left: 40px;
  font-weight: 400;
  font-size: 13px;
}
.service-guide-modal .left-menu .step ul li {
  cursor: pointer;
  border-left: 1px solid #EBECF1;
  padding-bottom: 9px;
  padding-left: 29px;
}
.service-guide-modal .left-menu .step ul li:last-child {
  border-left: none;
}
.service-guide-modal .left-menu .step ul li.on {
  color: #222222;
}
.service-guide-modal .left-menu .step ul li.keep {
  border-left: 1px solid #6A1CFF;
}
.service-guide-modal .left-menu .step ul li.tail {
  padding-bottom: 25px;
}
.service-guide-modal .left-menu .step ul li.head {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.4px;
  padding-bottom: 11px;
  padding-left: 17px;
}
.service-guide-modal .left-menu .step ul li.head.on {
  font-weight: 700;
  color: #222222;
}
.service-guide-modal .left-menu .step ul li.head.keep {
  border-left: 1px solid #6A1CFF;
}
.service-guide-modal .left-menu .step ul li.head img {
  position: absolute;
}
.service-guide-modal .left-menu .step ul li.head img.img-off {
  left: 31px;
}
.service-guide-modal .left-menu .step ul li.head img.img-on {
  left: 28px;
  content: url(/assets/img/guide/step-on.svg);
  margin-top: -1px;
}
.service-guide-modal .left-menu .step ul li.head img.img-on.keep-1 {
  content: url(/assets/img/guide/step-keep-1.svg);
}
.service-guide-modal .left-menu .step ul li.head img.img-on.keep-2 {
  content: url(/assets/img/guide/step-keep-2.svg);
}
.service-guide-modal .left-menu .step ul li.head img.img-on.keep-3 {
  content: url(/assets/img/guide/step-keep-3.svg);
}
.service-guide-modal .left-menu .step ul li.head img.img-on.keep-4 {
  content: url(/assets/img/guide/step-keep-4.svg);
}
.service-guide-modal .left-menu .step ul li.head img.img-on.keep-1,
.service-guide-modal .left-menu .step ul li.head img.img-on.keep-2,
.service-guide-modal .left-menu .step ul li.head img.img-on.keep-3,
.service-guide-modal .left-menu .step ul li.head img.img-on.keep-4 {
  left: 31px;
  margin-top: 0px;
}
.service-guide-modal .left-menu .step ul li.head img.comment {
  width: 106px;
}
.service-guide-modal .left-menu .step ul li.head img.comment.one,
.service-guide-modal .left-menu .step ul li.head img.comment.two,
.service-guide-modal .left-menu .step ul li.head img.comment.three,
.service-guide-modal .left-menu .step ul li.head img.comment.four,
.service-guide-modal .left-menu .step ul li.head img.comment.five {
  left: -88px;
}
.service-guide-modal .left-menu .step ul li.head img.comment.one {
  top: 126px;
}
.service-guide-modal .left-menu .step ul li.head img.comment.two {
  top: 228px;
}
.service-guide-modal .left-menu .step ul li.head img.comment.three {
  top: 358px;
}
.service-guide-modal .left-menu .step ul li.head img.comment.four {
  top: 488px;
}
.service-guide-modal .left-menu .step ul li.head img.comment.five {
  top: 592px;
}
.service-guide-modal .right-content {
  padding-left: 30px;
  padding-right: 30px;
  width: 960px;
}
@media (max-width: 1200px) {
  .service-guide-modal .right-content {
    width: 100%;
  }
}
@media (max-width: 799px) {
  .service-guide-modal .right-content {
    padding: 0px;
  }
}
.service-guide-modal .right-content .title {
  padding: 30px 0 20px 0px;
  font-weight: 400;
  font-size: 18px;
  color: #222222;
}
.service-guide-modal .right-content .title span {
  font-weight: 700;
}
@media (max-width: 799px) {
  .service-guide-modal .right-content .title {
    padding: 15px 0 30px 15px;
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    color: #222222;
  }
  .service-guide-modal .right-content .title span {
    color: #5C19DD;
    font-weight: 700;
  }
  .service-guide-modal .right-content .title img {
    width: 23px;
    height: 23px;
  }
}
.service-guide-modal .right-content .content-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  color: #222222;
  padding-left: 10px;
}
.service-guide-modal .right-content .content-title img {
  width: 20px;
  height: 20px;
  position: relative;
  top: -2px;
}
.service-guide-modal .right-content .content-title span {
  padding-left: 6px;
}
@media (max-width: 799px) {
  .service-guide-modal .right-content .content-title {
    padding-left: 15px;
  }
}
.service-guide-modal .right-content .content-desc {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
  color: #999999;
  padding: 10px 0 0 40px;
}
@media (max-width: 799px) {
  .service-guide-modal .right-content .content-desc {
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    padding: 10px 0 0 45px;
  }
}
.service-guide-modal .right-content .extra-desc {
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.3px;
  color: #333333;
  margin-left: 10px;
}
@media (max-width: 799px) {
  .service-guide-modal .right-content .extra-desc {
    margin-left: 15px;
  }
}
.service-guide-modal .right-content .half-highlight {
  background: linear-gradient(to top, #ffffbb 10%, transparent 50%);
}
.service-guide-modal .right-content .profile-mp4 {
  padding: 0 0 40px 0px;
}
.service-guide-modal .right-content .profile-mp4 video {
  width: 900px;
}
@media (max-width: 1200px) {
  .service-guide-modal .right-content .profile-mp4 video {
    width: 100%;
  }
}
.service-guide-modal .right-content .profile .profile-1 {
  height: 200px;
  background-image: url(/assets/img/guide/img-profile-1.png);
}
@media (max-width: 799px) {
  .service-guide-modal .right-content .profile .profile-1 {
    height: auto;
    background-image: none;
  }
}
.service-guide-modal .right-content .profile .profile-2 {
  height: 302px;
}
.service-guide-modal .right-content .profile .profile-2.blog {
  background-image: url(/assets/img/guide/img-profile-2-blog.png);
}
.service-guide-modal .right-content .profile .profile-2.instagram {
  background-image: url(/assets/img/guide/img-profile-2-instagram.png);
}
.service-guide-modal .right-content .profile .profile-2.youtube {
  background-image: url(/assets/img/guide/img-profile-2-youtube.png);
}
@media (max-width: 799px) {
  .service-guide-modal .right-content .profile .profile-2 {
    height: auto;
  }
  .service-guide-modal .right-content .profile .profile-2.blog {
    background-image: none;
  }
  .service-guide-modal .right-content .profile .profile-2.instagram {
    background-image: none;
  }
  .service-guide-modal .right-content .profile .profile-2.youtube {
    background-image: none;
  }
}
.service-guide-modal .right-content .profile .profile-3 {
  height: 300px;
  background-image: url(/assets/img/guide/img-profile-3.png);
}
@media (max-width: 799px) {
  .service-guide-modal .right-content .profile .profile-3 {
    height: auto;
    background-image: none;
  }
}
.service-guide-modal .right-content .profile .profile-1,
.service-guide-modal .right-content .profile .profile-2,
.service-guide-modal .right-content .profile .profile-3 {
  background-position: right top;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 80px;
}
@media (min-width: 800px) and (max-width: 1200px) {
  .service-guide-modal .right-content .profile .profile-1,
  .service-guide-modal .right-content .profile .profile-2,
  .service-guide-modal .right-content .profile .profile-3 {
    background-size: 60%;
  }
}
@media (max-width: 799px) {
  .service-guide-modal .right-content .profile .profile-1,
  .service-guide-modal .right-content .profile .profile-2,
  .service-guide-modal .right-content .profile .profile-3 {
    background-position: left bottom;
    background-size: contain;
    margin-bottom: 65px;
  }
  .service-guide-modal .right-content .profile .profile-1:last-child,
  .service-guide-modal .right-content .profile .profile-2:last-child,
  .service-guide-modal .right-content .profile .profile-3:last-child {
    margin-bottom: 0px;
  }
}
.service-guide-modal .right-content .profile .profile-tooltip {
  padding: 40px 0 0px 40px;
}
.service-guide-modal .right-content .profile-top-m {
  background-color: #DDDFF4;
  height: 225px;
  width: 100%;
  text-align: center;
  padding: 20px;
}
.service-guide-modal .right-content .profile-top-m img {
  width: 315px;
}
.service-guide-modal .right-content .campaign-top-m {
  width: 100%;
  text-align: right;
}
.service-guide-modal .right-content .campaign-top-m img {
  width: 100%;
}
.service-guide-modal .right-content .posting-top-m {
  width: 100%;
  text-align: center;
}
.service-guide-modal .right-content .posting-top-m img {
  width: 100%;
  margin-top: -14px;
}
.service-guide-modal .right-content .money-top-m {
  width: 100%;
  text-align: center;
}
.service-guide-modal .right-content .money-top-m img {
  width: 100%;
  margin-top: -14px;
}
.service-guide-modal .right-content .mozzi {
  padding-left: 40px;
  margin-top: -1px;
}
.service-guide-modal .right-content .mozzi.campaign {
  padding-left: 10px;
}
.service-guide-modal .right-content .mozzi a {
  position: relative;
  top: 3px;
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
  color: #222222;
}
.service-guide-modal .right-content .mozzi a:hover {
  text-decoration: none;
}
.service-guide-modal .right-content .click-gif {
  width: 73px;
  position: absolute;
}
.service-guide-modal .right-content .click-gif.campaign {
  left: 456px;
  top: 499px;
}
@media (max-width: 1200px) {
  .service-guide-modal .right-content .click-gif.campaign {
    left: 215px;
  }
}
.service-guide-modal .right-content .click-gif.posting {
  left: 577px;
  top: 439px;
}
@media (max-width: 1200px) {
  .service-guide-modal .right-content .click-gif.posting {
    left: 340px;
  }
}
.service-guide-modal .right-content .fadeUp1 {
  animation: fadeInUp 0.7s;
  -moz-animation: fadeInUp 0.7s;
  /* Firefox */
  -webkit-animation: fadeInUp 0.7s;
  /* Safari and Chrome */
  -o-animation: fadeInUp 0.7s;
  /* Opera */
  margin-right: -3px;
  margin-top: -4px;
}
.service-guide-modal .right-content .fadeUp2 {
  animation: fadeInUp 0.9s;
  -moz-animation: fadeInUp 0.9s;
  /* Firefox */
  -webkit-animation: fadeInUp 0.9s;
  /* Safari and Chrome */
  -o-animation: fadeInUp 0.9s;
  /* Opera */
  margin-right: -3px;
  margin-top: -4px;
}
.service-guide-modal .right-content .fadeUp3 {
  animation: fadeInUp 1.1s;
  -moz-animation: fadeInUp 1.1s;
  /* Firefox */
  -webkit-animation: fadeInUp 1.1s;
  /* Safari and Chrome */
  -o-animation: fadeInUp 1.1s;
  /* Opera */
  margin-top: -4px;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 30%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@-moz-keyframes fadeInUp {
  /* Firefox */
  from {
    opacity: 0;
    transform: translate3d(0, 30%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@-webkit-keyframes fadeInUp {
  /* Safari and Chrome */
  from {
    opacity: 0;
    transform: translate3d(0, 30%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@-o-keyframes fadeInUp {
  /* Opera */
  from {
    opacity: 0;
    transform: translate3d(0, 30%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@media (max-width: 799px) {
  .service-guide-modal .right-content .campaign {
    margin-top: 33px;
    margin-bottom: 0px;
  }
  .service-guide-modal .right-content .campaign .background:last-child {
    margin-bottom: -2px;
  }
}
.service-guide-modal .right-content .campaign .campaign-card {
  background-color: #E9EBFA;
  width: 900px;
  height: 352px;
  margin-bottom: 70px;
  text-align: center;
  padding: 5px;
}
@media (max-width: 1200px) {
  .service-guide-modal .right-content .campaign .campaign-card {
    width: 100%;
  }
}
.service-guide-modal .right-content .campaign .campaign-title {
  font-weight: 400;
  font-size: 20px;
  line-height: 29px;
  color: #222222;
  padding: 15px 0 40px 0;
}
.service-guide-modal .right-content .campaign .campaign-title strong {
  font-weight: 700;
}
@media (max-width: 799px) {
  .service-guide-modal .right-content .campaign .campaign-title {
    padding-left: 15px;
    padding-bottom: 30px;
  }
}
.service-guide-modal .right-content .campaign .campaign-type-button span {
  padding: 3px 10px 4px 10px;
  border-radius: 30px;
  opacity: 0.18;
  color: #FFFFFF;
  cursor: pointer;
  font-weight: 700;
  font-size: 13px;
  line-height: 19px;
  margin-right: 2px;
}
.service-guide-modal .right-content .campaign .campaign-type-button span.on {
  opacity: 1;
}
.service-guide-modal .right-content .campaign .campaign-type-button .visit {
  background-color: #0075FF;
}
.service-guide-modal .right-content .campaign .campaign-type-button .delivery {
  background-color: #FF0EBB;
}
.service-guide-modal .right-content .campaign .campaign-type-button .reporter {
  background-color: #FF2517;
}
@media (max-width: 799px) {
  .service-guide-modal .right-content .campaign .campaign-type-button {
    padding-left: 15px;
  }
}
.service-guide-modal .right-content .campaign .visit-1 {
  height: 320px;
  background-image: url(/assets/img/guide/img-campaign-visit-1.png);
}
.service-guide-modal .right-content .campaign .visit-2 {
  height: 270px;
  background-image: url(/assets/img/guide/img-campaign-visit-2.png);
}
.service-guide-modal .right-content .campaign .visit-3 {
  height: 280px;
  background-image: url(/assets/img/guide/img-campaign-visit-3.png);
}
.service-guide-modal .right-content .campaign .delivery-1 {
  height: 330px;
  background-image: url(/assets/img/guide/img-campaign-del-1.png);
}
.service-guide-modal .right-content .campaign .delivery-2 {
  height: 280px;
  background-image: url(/assets/img/guide/img-campaign-del-2.png);
}
.service-guide-modal .right-content .campaign .delivery-3 {
  height: 331px;
  background-image: url(/assets/img/guide/img-campaign-del-3.png);
}
.service-guide-modal .right-content .campaign .reporter-1 {
  height: 290px;
  background-image: url(/assets/img/guide/img-campaign-report-1.png);
}
.service-guide-modal .right-content .campaign .reporter-2 {
  height: 280px;
  background-image: url(/assets/img/guide/img-campaign-report-2.png);
}
.service-guide-modal .right-content .campaign .reporter-3 {
  height: 316px;
  background-image: url(/assets/img/guide/img-campaign-report-3.png);
}
.service-guide-modal .right-content .campaign .campaign-tooltip {
  padding-top: 20px;
  padding-left: 10px;
}
.service-guide-modal .right-content .campaign .right-arrow {
  width: 82px;
  position: relative;
  top: -25px;
  left: 11px;
}
.service-guide-modal .right-content .posting .post-card-img {
  background-color: #E9EBFA;
  width: 900px;
  height: 250px;
  margin-bottom: 60px;
  text-align: center;
  padding: 4px;
}
@media (max-width: 1200px) {
  .service-guide-modal .right-content .posting .post-card-img {
    width: 100%;
  }
}
.service-guide-modal .right-content .posting .media-boxes {
  margin-bottom: 65px;
}
@media (max-width: 799px) {
  .service-guide-modal .right-content .posting .media-boxes {
    margin-bottom: 50px;
  }
}
.service-guide-modal .right-content .posting .post-title {
  font-weight: 400;
  font-size: 20px;
  line-height: 29px;
  letter-spacing: -0.4px;
  color: #222222;
  margin-bottom: 10px;
}
.service-guide-modal .right-content .posting .post-title strong {
  font-weight: 700;
}
@media (max-width: 799px) {
  .service-guide-modal .right-content .posting .post-title {
    padding-left: 15px;
    margin-top: 30px;
    font-size: 18px;
    line-height: 26px;
  }
}
.service-guide-modal .right-content .posting .posting-blog-1 {
  height: 315px;
  background-image: url(/assets/img/guide/img-posting-blog-1.png);
}
.service-guide-modal .right-content .posting .posting-blog-2 {
  height: 291px;
  background-image: url(/assets/img/guide/img-posting-blog-2.png);
}
.service-guide-modal .right-content .posting .posting-blog-3 {
  height: 250px;
  background-image: url(/assets/img/guide/img-posting-blog-3.png);
}
.service-guide-modal .right-content .posting .posting-blog-4 {
  height: 360px;
  background-image: url(/assets/img/guide/img-posting-blog-4.png);
}
.service-guide-modal .right-content .posting .posting-insta-1 {
  height: 315px;
  background-image: url(/assets/img/guide/img-posting-insta-1.png);
}
.service-guide-modal .right-content .posting .posting-insta-2 {
  height: 291px;
  background-image: url(/assets/img/guide/img-posting-insta-2.png);
}
.service-guide-modal .right-content .posting .posting-insta-3 {
  height: 342px;
  background-image: url(/assets/img/guide/img-posting-insta-3.png);
}
.service-guide-modal .right-content .posting .posting-insta-4 {
  height: 336px;
  background-image: url(/assets/img/guide/img-posting-insta-4.png);
}
.service-guide-modal .right-content .posting .posting-youtube-1 {
  height: 315px;
  background-image: url(/assets/img/guide/img-posting-youtube-1.png);
}
.service-guide-modal .right-content .posting .posting-youtube-2 {
  height: 291px;
  background-image: url(/assets/img/guide/img-posting-youtube-2.png);
}
.service-guide-modal .right-content .posting .posting-youtube-3 {
  height: 301px;
  background-image: url(/assets/img/guide/img-posting-youtube-3.png);
}
.service-guide-modal .right-content .posting .posting-youtube-4 {
  height: 310px;
  background-image: url(/assets/img/guide/img-posting-youtube-4.png);
}
.service-guide-modal .right-content .money .money-shopping-1 {
  height: 280px;
  background-image: url(/assets/img/guide/img-cps-1.png);
}
.service-guide-modal .right-content .money .money-shopping-2 {
  height: 258px;
  background-image: url(/assets/img/guide/img-cps-2.png);
}
.service-guide-modal .right-content .money .money-shopping-3 {
  height: 249px;
  background-image: url(/assets/img/guide/img-cps-3.png);
  margin-bottom: 40px;
}
.service-guide-modal .right-content .money .money-link-1 {
  height: 137px;
  background-image: url(/assets/img/guide/img-cps-4.png);
}
.service-guide-modal .right-content .money .money-link-2 {
  height: 191px;
  background-image: url(/assets/img/guide/img-cps-5.png);
}
.service-guide-modal .right-content .money h3 {
  font-size: 18px;
  margin: 30px 0;
  padding-left: 15px;
  font-weight: 700;
}
.service-guide-modal .right-content .money h3 span {
  font-weight: 400;
}
.service-guide-modal .right-content .money .mozzi a {
  top: 8px;
}
.service-guide-modal .right-content .event .event-title {
  font-weight: 700;
  font-size: 23px;
  line-height: 33px;
  color: #222222;
  margin-bottom: 15px;
}
@media (max-width: 799px) {
  .service-guide-modal .right-content .event .event-title {
    font-size: 18px;
    line-height: 26px;
  }
}
.service-guide-modal .right-content .event .event-title-sub {
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  text-align: center;
  color: #222222;
  margin-bottom: 35px;
}
@media (max-width: 799px) {
  .service-guide-modal .right-content .event .event-title-sub {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 799px) {
  .service-guide-modal .right-content .event .event-title-sub {
    margin-bottom: 25px;
  }
}
.service-guide-modal .right-content .event .community-title {
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.4px;
  color: #222222;
}
.service-guide-modal .right-content .event .community-title strong {
  font-weight: 700;
}
@media (max-width: 799px) {
  .service-guide-modal .right-content .event .community-title {
    font-size: 16px;
    line-height: 23px;
    padding-left: 15px;
    margin-bottom: 30px;
  }
}
.service-guide-modal .right-content .event .community-guide {
  background-position: right top;
  background-repeat: no-repeat;
  background-size: contain;
  height: 295px;
  background-image: url(/assets/img/guide/img-guide-community.png);
  margin-bottom: 40px;
}
@media (max-width: 799px) {
  .service-guide-modal .right-content .event .community-guide {
    background-position: center top;
    background-color: #dddff4;
    background-image: url(/assets/img/guide/img-guide-community-m.png);
    margin-bottom: 60px;
    height: 325px;
  }
}
.service-guide-modal .right-content .event .community-capture {
  height: 308px;
  background-image: url(/assets/img/guide/community-capture.png);
}
.service-guide-modal .right-content .media-boxes {
  display: flex;
  padding-left: 40px;
  padding-top: 20px;
}
@media (max-width: 799px) {
  .service-guide-modal .right-content .media-boxes {
    padding-left: 45px;
  }
}
.service-guide-modal .right-content .media-boxes div.media-box {
  cursor: pointer;
}
.service-guide-modal .right-content .media-boxes div.media-box:nth-child(1) {
  padding-right: 30px;
}
.service-guide-modal .right-content .media-boxes div.media-box:nth-child(2) {
  padding: 0 30px 0 30px;
  border-right: 1px solid #EEEEEE;
  border-left: 1px solid #EEEEEE;
}
.service-guide-modal .right-content .media-boxes div.media-box:nth-child(3) {
  padding-left: 30px;
}
.service-guide-modal .right-content .media-boxes .media-img {
  margin-bottom: 10px;
  text-align: center;
}
.service-guide-modal .right-content .media-boxes .img-click {
  width: 42px;
  height: 40px;
  position: relative;
  top: 48px;
  left: 10px;
}
@media (max-width: 799px) {
  .service-guide-modal .right-content .media-boxes {
    font-weight: 400;
    font-size: 11px;
  }
  .service-guide-modal .right-content .media-boxes img {
    width: 26px;
  }
  .service-guide-modal .right-content .media-boxes div.media-box:nth-child(2) {
    padding: 0 20px 0 20px;
  }
  .service-guide-modal .right-content .media-boxes .img-click {
    width: 60px;
    height: 37px;
    position: relative;
    top: -5px;
    left: 15px;
  }
}
.service-guide-modal .background {
  background-position: right -4px top;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 80px;
}
@media (min-width: 800px) and (max-width: 1200px) {
  .service-guide-modal .background {
    background-size: 60%;
  }
}
@media (max-width: 799px) {
  .service-guide-modal .background {
    background-image: none !important;
    height: auto !important;
    margin-bottom: 0px;
  }
  .service-guide-modal .background .campaign-img-m,
  .service-guide-modal .background .posting-img-m,
  .service-guide-modal .background .event-img-m,
  .service-guide-modal .background .money-img-m {
    text-align: center;
  }
  .service-guide-modal .background .campaign-img-m.margin-top-30,
  .service-guide-modal .background .posting-img-m.margin-top-30,
  .service-guide-modal .background .event-img-m.margin-top-30,
  .service-guide-modal .background .money-img-m.margin-top-30 {
    margin-top: 30px;
  }
  .service-guide-modal .background .campaign-img-m.margin-top-20,
  .service-guide-modal .background .posting-img-m.margin-top-20,
  .service-guide-modal .background .event-img-m.margin-top-20,
  .service-guide-modal .background .money-img-m.margin-top-20 {
    margin-top: 20px;
  }
  .service-guide-modal .background .campaign-img-m.margin-bottom-30,
  .service-guide-modal .background .posting-img-m.margin-bottom-30,
  .service-guide-modal .background .event-img-m.margin-bottom-30,
  .service-guide-modal .background .money-img-m.margin-bottom-30 {
    margin-bottom: 30px;
  }
  .service-guide-modal .background .campaign-img-m.margin-bottom-60,
  .service-guide-modal .background .posting-img-m.margin-bottom-60,
  .service-guide-modal .background .event-img-m.margin-bottom-60,
  .service-guide-modal .background .money-img-m.margin-bottom-60 {
    margin-bottom: 60px;
  }
}
.service-guide-modal .content-step-desc {
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
  color: #999999;
  padding: 10px 0 30px 10px;
}
@media (max-width: 799px) {
  .service-guide-modal .content-step-desc {
    padding-left: 15px;
    padding-bottom: 10px;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
  }
}
.service-guide-modal .hr-divider {
  height: 1px;
  width: 100%;
  border-top: 1px solid #EEEEEE;
  margin: 50px 0 50px;
}
@media (max-width: 799px) {
  .service-guide-modal .hr-divider {
    margin: 30px 0 20px;
  }
  .service-guide-modal .hr-divider.event {
    margin: 30px 0 50px;
  }
}
.service-guide-modal button {
  width: 240px;
  height: 50px;
  margin-bottom: 50px;
  outline: none;
  border: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  text-align: center;
  letter-spacing: -0.4px;
}
@media (max-width: 799px) {
  .service-guide-modal button {
    width: 98px;
    height: 35px;
    border-radius: 3px;
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    color: #FFFFFF;
    margin-bottom: 20px;
  }
}
@media (max-width: 799px) {
  .service-guide-modal button.community {
    width: 144px;
  }
}
.service-guide-modal button:first-child {
  margin-right: 1px;
}
.service-guide-modal button.next-button {
  color: #FFFFFF;
  background-color: #222222;
}
.service-guide-modal button.prev-button {
  border: 1px solid #979797;
  color: #222222;
  background-color: #FFFFFF;
}
.service-guide-modal button.event-button {
  border: 1px solid #979797;
  color: #222222;
  background-color: #FFFFFF;
  margin-bottom: 0px;
  padding: 0px;
}
.service-guide-modal .mobile-content {
  width: 100%;
}
.service-guide-modal .mobile-content .profile-1,
.service-guide-modal .mobile-content .profile-2,
.service-guide-modal .mobile-content .profile-3 {
  margin-top: 30px;
}
.service-guide-modal .mobile-content .profile-1 .content-img,
.service-guide-modal .mobile-content .profile-2 .content-img,
.service-guide-modal .mobile-content .profile-3 .content-img {
  margin-top: 30px;
  text-align: center;
}
.service-guide-modal .mobile-content .profile-1 .content-img img,
.service-guide-modal .mobile-content .profile-2 .content-img img,
.service-guide-modal .mobile-content .profile-3 .content-img img {
  width: 325px;
}
.service-guide-modal .mobile-content .step-m .top-border {
  display: flex;
  border-top: 1px solid #EBECF1;
  margin-right: 9%;
  margin-left: 12.5%;
  top: 16px;
  position: relative;
}
.service-guide-modal .mobile-content .step-m .top-border :nth-child(1) {
  flex-grow: 1;
}
.service-guide-modal .mobile-content .step-m .top-border :nth-child(2) {
  flex-grow: 1;
}
.service-guide-modal .mobile-content .step-m .top-border :nth-child(3) {
  flex-grow: 1;
}
.service-guide-modal .mobile-content .step-m .top-border :nth-child(4) {
  flex-grow: 1;
}
.service-guide-modal .mobile-content .step-m .top-border div.on {
  border-top: 1px solid #5C19DD;
}
.service-guide-modal .mobile-content .step-m .steps {
  font-weight: 400;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  color: #666666;
  display: flex;
  margin-bottom: 25px;
}
.service-guide-modal .mobile-content .step-m .steps .head {
  padding-top: 13px;
}
.service-guide-modal .mobile-content .step-m .steps .head:nth-child(1) {
  flex-grow: 1;
}
.service-guide-modal .mobile-content .step-m .steps .head:nth-child(2) {
  flex-grow: 1;
}
.service-guide-modal .mobile-content .step-m .steps .head:nth-child(3) {
  flex-grow: 1;
}
.service-guide-modal .mobile-content .step-m .steps .head:nth-child(4) {
  flex-grow: 1;
}
.service-guide-modal .mobile-content .step-m .steps .head:nth-child(5) {
  flex-grow: 1;
}
.service-guide-modal .mobile-content .step-m .steps .head.on {
  font-weight: 700;
  color: #222222;
}
.service-guide-modal .mobile-content .step-m .steps .head img {
  position: relative;
  top: -6px;
  width: 18px;
  height: 18px;
}
.service-guide-modal .mobile-content .step-m .steps .head img.img-on {
  content: url(/assets/img/guide/step-on.svg);
}
.service-guide-modal .mobile-content .step-m .steps .head img.img-on.keep-1 {
  content: url(/assets/img/guide/step-keep-1.svg);
}
.service-guide-modal .mobile-content .step-m .steps .head img.img-on.keep-2 {
  content: url(/assets/img/guide/step-keep-2.svg);
}
.service-guide-modal .mobile-content .step-m .steps .head img.img-on.keep-3 {
  content: url(/assets/img/guide/step-keep-3.svg);
}
.service-guide-modal .mobile-content .step-m .steps .head img.img-on.keep-4 {
  content: url(/assets/img/guide/step-keep-4.svg);
}
.service-guide-modal .mobile-content .step-m .steps .head img.img-on.keep-1,
.service-guide-modal .mobile-content .step-m .steps .head img.img-on.keep-2,
.service-guide-modal .mobile-content .step-m .steps .head img.img-on.keep-3,
.service-guide-modal .mobile-content .step-m .steps .head img.img-on.keep-4 {
  margin-top: 0px;
}
.service-guide-modal .mobile-content .media-connect {
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
  color: #222222;
  padding-left: 35px;
}
.service-guide-modal .mobile-content .img-click {
  width: 60px;
  position: absolute;
  top: 405px;
  right: 25px;
}
.signature-pad-container {
  width: 70vw;
  height: 50vh;
  max-height: 30em;
  min-width: 40em;
  min-height: 25em;
  padding: 2em;
  position: relative;
  background-color: white;
  box-shadow: 0 0 20px 1px #ddd;
  text-align: right;
}
canvas {
  width: 100%;
  height: 225px;
  background-color: #F4F6FA;
}
#clear_button {
  z-index: 10;
  position: absolute;
  right: 2em;
  padding: 1.5em 2em;
  color: #21cfa6;
  font-weight: 600;
  font-size: 14pt;
  cursor: pointer;
}
.signature-field {
  position: relative;
  margin-top: 9px;
}
@media (max-width: 799px) {
  .signature-field {
    margin-top: 12px;
  }
}
.signature-field .signature-text {
  position: absolute;
  top: 45%;
  width: 100%;
  font-size: 16px;
  text-align: center;
  color: #bcc3cf;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.signature-field .signature-text.file-text {
  top: 40%;
}
.signature-field .signature-text span {
  font-size: 15px;
  text-decoration: underline;
}
@media (max-width: 799px) {
  .signature-field .signature-text span {
    font-size: 13px;
  }
}
@media (max-width: 799px) {
  .signature-field .signature-text {
    font-size: 13px;
  }
}
.image-modal {
  width: 100%;
  height: 225px;
  background-color: #F4F6FA;
  margin-bottom: 10px;
}
.image-modal .stamp-list {
  display: inline-block;
  border: solid 1px #EEEEEE;
  width: 25%;
}
.image-modal ul {
  width: 100%;
  height: 225px;
  overflow-x: auto;
}
.image-modal ul li {
  padding: 5px;
  width: 25%;
  float: left;
}
@media (max-width: 799px) {
  .image-modal ul li {
    width: 50%;
  }
}
.image-modal ul li img {
  width: 100%;
  border: solid 1px #EEEEEE;
}
.image-modal ul li img.selected {
  border-color: red;
}
h4.snb-title {
  color: #222222;
  font-size: 24px;
  font-weight: 500;
  margin: 8px 0px 0px;
  padding-bottom: 20px;
}
h4.snb-title.thin {
  font-size: 24px;
  font-weight: 300;
}
h4.snb-title.border-bottom {
  border-bottom: 1px solid #222222;
  padding-bottom: 20px;
  margin-bottom: 0;
  font-size: 24px;
}
@media (max-width: 799px) {
  h4.snb-title {
    font-size: 22px;
    margin: 45px 0 20px 0px;
    padding: 0;
  }
}
h4.snb-title small {
  margin-left: 5px;
  font-size: 13px;
  color: #999;
}
h4.snb-title .count {
  color: #5c19dd;
  font-size: 26px;
}
@media (max-width: 799px) {
  h4.snb-title .count {
    font-size: 14px;
  }
}
h4.snb-title ~ .panel {
  border-radius: 0;
}
h4.snb-title.dashboard {
  font-weight: 500;
  font-size: 20px;
  line-height: 29px;
  letter-spacing: -0.4px;
  margin-bottom: 0px;
  padding-bottom: 15px;
}
@media (max-width: 799px) {
  h4.snb-title.dashboard {
    margin-bottom: 10px;
    padding-bottom: 0px;
  }
}
h4.snb-title.dashboard .all {
  float: right;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  letter-spacing: -0.52px;
  color: #222222;
  position: relative;
  top: 6px;
  right: 20px;
}
@media (max-width: 799px) {
  h4.snb-title.dashboard .all {
    top: 6px;
    right: 15px;
    font-size: 12px;
  }
}
h4.snb-title.dashboard .all .small-arrow {
  position: absolute;
  z-index: 1;
  background-image: url('/assets/img/attendance/ic-mypage-small-next.svg');
  background-repeat: no-repeat;
  background-size: cover;
  font-weight: normal;
  color: #DDD;
  top: 5.5px;
  right: -11px;
  border: 0;
  width: 5px;
  height: 10px;
}
@media (max-width: 799px) {
}
h4.snb-title.dashboard .count {
  font-weight: 500;
  font-size: 20px;
  line-height: 29px;
  letter-spacing: -0.4px;
  color: #5C19DD;
}
@media (max-width: 799px) {
  h4.snb-title.dashboard .count {
    font-size: 15px;
    line-height: 22px;
  }
}
h4.snb-title.border-bottom {
  border-bottom: 1px solid #222222;
}
@media (max-width: 799px) {
  h4.snb-title.border-bottom {
    padding-bottom: 10px;
  }
  h4.snb-title.border-bottom.mypage {
    margin-bottom: 0px;
  }
}
.new-special-campaign-list .nscl-inner {
  width: 1280px;
  margin: 0 auto;
  padding-top: 25px;
}
.new-special-campaign-list .nscl-banner {
  width: 1280px;
  height: 220px;
  border-radius: 20px;
  overflow: hidden;
}
.new-special-campaign-list .nscl-banner-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.new-special-campaign-list .nscl-section {
  margin-top: 60px;
}
.new-special-campaign-list .nscl-section + .nscl-section {
  margin-top: 80px;
}
.new-special-campaign-list .nscl-section-head {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}
.new-special-campaign-list .nscl-title {
  font-family: 'Pretendard';
  font-size: 22px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.03em;
  text-transform: none;
  text-decoration: none;
  color: #222222;
  margin: 0;
}
.new-special-campaign-list .nscl-subtitle {
  font-family: 'Pretendard';
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: none;
  text-decoration: none;
  color: #666666;
  margin: 0;
}
@media (max-width: 799px) {
  .new-special-campaign-list .top.top-search h1 {
    justify-content: center;
    gap: 0;
  }
  .new-special-campaign-list .top.top-search .mh-top-search-icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
  }
  .new-special-campaign-list .nscl-banner-m {
    display: block;
    width: 100%;
  }
  .new-special-campaign-list .nscl-banner-m .nscl-banner-m-img {
    display: block;
    width: 100%;
    height: auto;
  }
  .new-special-campaign-list .nscl-inner {
    width: 100%;
    margin: 0;
    padding: 40px 15px 0;
  }
  .new-special-campaign-list .nscl-section {
    margin-top: 24px;
  }
  .new-special-campaign-list .nscl-section:first-child {
    margin-top: 0;
  }
  .new-special-campaign-list .nscl-section + .nscl-section {
    margin-top: 32px;
  }
  .new-special-campaign-list .nscl-section-head {
    gap: 6px;
    margin-bottom: 15px;
  }
  .new-special-campaign-list .nscl-title {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.02em;
    text-transform: none;
    text-decoration: none;
  }
  .new-special-campaign-list .nscl-subtitle {
    font-family: 'Pretendard';
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.01em;
    text-transform: none;
    text-decoration: none;
  }
}
.special h1 {
  margin-bottom: 20px;
}
.special h1.no-sub-category {
  margin-top: 60px;
}
@media (max-width: 799px) {
  .special h1.no-sub-category {
    margin-top: 0;
  }
}
.special h1 small {
  font-size: 16px;
  color: #999;
  font-weight: normal;
  letter-spacing: -0.4px;
  margin-top: 2px;
}
@media (max-width: 799px) {
  .special h1 {
    margin-bottom: 15px;
  }
  .special h1 small {
    font-size: 10px;
  }
}
.special .wide-special {
  width: 100%;
  height: 100%;
  max-height: 280px;
  margin-bottom: 15px;
  text-align: center;
}
.special .wide-special.none {
  margin-bottom: 60px;
}
@media (max-width: 799px) {
  .special .wide-special {
    margin-bottom: 30px;
  }
  .special .wide-special.coupon {
    margin-bottom: 0;
  }
  .special .wide-special.none {
    margin-bottom: 50px;
  }
}
.special .wide-special.click-motion {
  cursor: pointer;
}
.special .wide-special img {
  width: 100%;
  max-width: 960px;
}
.special .no-results-found {
  padding: 100px 0 50px;
}
@media (max-width: 799px) {
  .special .no-results-found {
    padding: 0 0 50px;
  }
}
.sponsor-modal .modal-title {
  width: 100%;
  font-weight: 500;
  font-size: 20px;
  line-height: 29px;
  letter-spacing: -0.2px;
  color: #222222;
  margin-bottom: 40px;
}
@media (max-width: 799px) {
  .sponsor-modal .modal-title {
    font-size: 15px;
    margin-bottom: 20px;
  }
}
.sponsor-modal .modal-title .question {
  font-weight: 400;
  font-size: 28px;
  line-height: 33px;
  letter-spacing: -0.2px;
  color: #4168F2;
}
@media (max-width: 799px) {
  .sponsor-modal .modal-title .question {
    font-size: 20px;
  }
}
.sponsor-modal .tab {
  border-bottom: 1px solid #E5E5E5;
  margin-bottom: 30px;
  min-width: 340px;
}
@media (max-width: 799px) {
  .sponsor-modal .tab {
    margin-bottom: 20px;
    min-width: auto;
  }
}
.sponsor-modal .tab div {
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #999999;
}
@media (max-width: 799px) {
  .sponsor-modal .tab div {
    font-size: 12px;
  }
}
.sponsor-modal .tab div.on {
  padding-bottom: 10px;
  font-weight: 500;
  color: #222222;
  border-bottom: 1px solid #444444;
}
.sponsor-modal .tab :last-child {
  margin-left: 30px;
}
@media (max-width: 799px) {
  .sponsor-modal .tab :last-child {
    margin-left: 15px;
  }
}
.sponsor-modal .guide-content .desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #333333;
  margin-bottom: 20px;
}
.sponsor-modal .guide-content .desc img {
  margin-right: 6px;
}
.sponsor-modal .guide-content .content {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #222222;
  margin-top: 20px;
  margin-bottom: 30px;
}
.sponsor-modal .guide-content .content div {
  margin-left: 14px;
  text-indent: -14px;
}
@media (max-width: 799px) {
  .sponsor-modal .guide-content .content {
    font-size: 13px;
    margin-top: 10px !important;
  }
}
.sponsor-modal .guide-content .guide-img img {
  width: 100%;
}
.sponsor-modal .guide-content .remember {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #5C19DD;
}
@media (max-width: 799px) {
  .sponsor-modal .guide-content .remember {
    font-size: 14px;
  }
}
.sponsor-modal hr {
  margin-top: 30px;
  margin-bottom: 30px;
}
.sponsor-modal.dark .modal-title {
  color: #EEEEEE;
}
.sponsor-modal.dark .modal-title .question {
  color: #708FFF;
}
.sponsor-modal.dark .tab {
  border-bottom: 1px solid #444444 !important;
}
.sponsor-modal.dark .tab div {
  color: #999999 !important;
}
.sponsor-modal.dark .tab div.on {
  color: #EEEEEE !important;
  border-bottom: 1px solid #EEEEEE !important;
}
.sponsor-modal.dark .guide-content .desc,
.sponsor-modal.dark .guide-content .content {
  color: #EEEEEE;
}
.sponsor-modal.dark .guide-content .remember {
  color: #9584FF;
}
.sponsor-modal.dark hr {
  border-color: #302E3E;
}
.sso-modal .box {
  width: 100%;
  padding: 40px 120px 30px;
  text-align: center;
}
@media (max-width: 799px) {
  .sso-modal .box {
    padding: 40px 0px 0px 0px;
  }
}
.sso-modal .box .title {
  text-align: center;
  font-size: 22px;
  font-weight: 300;
  color: #222222;
  margin-bottom: 35px;
}
.sso-modal .box .title .bold {
  font-weight: 700;
}
@media (max-width: 799px) {
  .sso-modal .box .title {
    font-size: 18px;
  }
}
.sso-modal .box .desc {
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #222;
  font-weight: 400;
}
.sso-modal .box .desc .color {
  color: #5C19DD;
  font-weight: 700;
}
@media (max-width: 799px) {
  .sso-modal .box .desc {
    font-size: 14px;
  }
}
.sso-modal .box .bottom {
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #666;
  line-height: 22px;
  letter-spacing: -0.4px;
}
.sso-modal .box .bottom .next-time {
  text-decoration-line: underline;
  text-decoration-color: #999;
  color: #666;
  cursor: pointer;
}
.sso-modal .box .bottom .next-time:hover {
  text-decoration: underline;
}
.sso-modal .box .bottom .split {
  width: 1px;
  height: 15px;
  display: inline-block;
  border-left: 1px solid #C5C5C5;
  position: relative;
  top: 2px;
  margin: 0 6px;
}
@media (max-width: 799px) {
  .sso-modal .box .bottom {
    font-size: 12px;
  }
}
.sso-modal .box .btn {
  background-color: #222222;
  margin-bottom: 20px;
  margin-top: 60px;
  font-size: 18px;
  height: 66px;
}
@media (max-width: 799px) {
  .sso-modal .box .btn {
    font-size: 16px;
    height: 48px;
  }
}
.sso-modal .box .btn:hover {
  background-color: #5C19DD;
}
.terms-modal {
  color: #222222;
  padding: 0 6px 10px 6px;
}
@media (max-width: 799px) {
  .terms-modal {
    padding: 0;
  }
}
.terms-modal h1 {
  font-size: 18px;
  color: #222;
  margin: 5px 0;
}
.terms-modal hr {
  border-top: 1px solid #222;
  margin: 15px 0 20px;
}
.terms-modal p {
  margin-bottom: 20px;
  line-height: 20px;
}
.terms-modal p a {
  color: #5c19dd;
  font-weight: bold;
  border-bottom: 1px solid #5c19dd;
}
.terms-modal p a:hover {
  text-decoration: none;
}
@media (max-width: 799px) {
  .terms-modal p {
    font-size: 12px;
    line-height: 18px;
  }
}
.terms-modal table {
  border: 1px solid #ddd;
  display: block;
  height: 350px;
  overflow-y: scroll;
  margin-bottom: 20px;
}
@media (max-width: 799px) {
  .terms-modal table {
    margin-bottom: 10px;
  }
}
.terms-modal table ~ p {
  margin-bottom: 30px;
}
@media (max-width: 799px) {
  .terms-modal table ~ p {
    margin-bottom: 20px;
  }
}
.terms-modal table ~ p small {
  color: #999;
  font-size: 12px;
}
.terms-modal th {
  background: #F4F4F4;
  text-align: center;
  line-height: 30px;
  font-weight: normal;
  font-size: 14px;
  width: 50%;
  border-right: 1px solid #ddd;
}
@media (max-width: 799px) {
  .terms-modal th {
    font-size: 12px;
  }
}
.terms-modal td {
  vertical-align: top;
  padding: 15px 20px 15px 15px;
  font-size: 12px;
  color: #555;
}
@media (max-width: 799px) {
  .terms-modal td {
    padding: 10px;
  }
}
.terms-modal td strong {
  font-size: 14px;
}
@media (max-width: 799px) {
  .terms-modal td strong {
    padding: 12px 0;
  }
}
.terms-modal tr:nth-child(1) td {
  border-right: 1px solid #ddd;
}
.terms-modal th:nth-child(2) {
  border-right: none;
}
.terms-modal ol,
.terms-modal li {
  list-style: decimal;
  padding: 10px 0 0 10px;
}
.terms-modal li {
  padding-left: 5px;
  line-height: 16px;
  letter-spacing: -0.4px;
}
.terms-modal li:nth-child(1) {
  padding-top: 0;
}
.terms-modal button {
  width: 175px;
  height: 44px;
  line-height: 44px;
  padding: 0;
  background: #5c19dd;
  color: #fff;
  outline: none;
  border: none;
  font-size: 16px;
}
.terms-modal button:hover {
  background: #5c19dd;
}
@media (max-width: 799px) {
  .terms-modal button {
    width: 100%;
  }
}
.ticket-expired-modal .title {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.4px;
  text-align: center;
  color: #222222;
  padding: 20px 0px 10px 0px;
}
.ticket-expired-modal .desc p {
  line-height: 1.57;
  font-size: 14px;
  color: #222222;
}
.ticket-expired-modal .ticket-use-btn {
  width: 100%;
  max-width: 208px;
}
.ticket-expired-modal hr {
  border-color: #eeeeee;
}
.ticket-modal h3 {
  padding-top: 20px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
}
.ticket-modal hr.black {
  border-top: 1px solid #222;
  margin: 30px 0 25px;
}
.ticket-modal p {
  font-size: 14px;
  color: #222;
}
.ticket-modal button.ok {
  display: inline-block;
  width: 240px;
  height: 48px;
  line-height: 47px;
  background: #000;
  color: #fff;
  font-size: 16px;
  letter-spacing: -0.4px;
  border: none;
  font-weight: 500;
}
@media (max-width: 799px) {
  .ticket-modal button.ok {
    width: 100%;
  }
}
.tiny-join.tiny-addition-info {
  margin-top: 30px;
}
.tiny-join.tiny-addition-info h2 {
  line-height: 32px;
  letter-spacing: -0.2px;
  text-align: center;
  word-break: keep-all;
  font-size: 20px;
  margin-bottom: 10px;
}
@media (max-width: 799px) {
  .tiny-join.tiny-addition-info h2 {
    font-size: 17px;
  }
}
.tiny-join.tiny-addition-info p.sub-title {
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #999;
  text-align: center;
}
@media (max-width: 799px) {
  .tiny-join.tiny-addition-info p.sub-title {
    font-size: 13px;
  }
}
.tiny-join.tiny-addition-info .local-active a {
  color: #999;
  display: inline-block;
}
.tiny-join.tiny-addition-info .local-active a:before {
  content: '';
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 50%;
  background: #ddd;
  vertical-align: middle;
  margin-right: 6px;
}
.tiny-join.tiny-addition-info .local-active a:first-child {
  margin-right: 15px;
}
.tiny-join.tiny-addition-info .local-active a.on {
  color: #5c19dd;
  font-weight: 500;
}
.tiny-join.tiny-addition-info .local-active a.on:before {
  background: #5c19dd;
}
.tiny-join.tiny-addition-info .local-category {
  line-height: 100%;
  margin-bottom: 45px;
}
.tiny-join.tiny-addition-info .local-category strong {
  margin: 25px 0 10px;
}
.tiny-join.tiny-addition-info .checkbox-has-icon {
  width: 20%;
}
@media (max-width: 799px) {
  .tiny-join.tiny-addition-info .checkbox-has-icon {
    width: 25%;
  }
}
.tiny-join.tiny-addition-info .checkbox-has-icon.preferred-media {
  width: 30%;
}
.checkbox-has-icon {
  margin-bottom: 40px;
  line-height: 100%;
  display: inline-block;
  text-align: center;
}
.checkbox-has-icon.user-info {
  background: #F7F7FB;
  border-radius: 10px;
  width: 79px;
  height: 79px;
  margin-right: 10px;
  margin-bottom: 28px;
  padding-top: 7px;
}
@media (max-width: 799px) {
  .checkbox-has-icon.user-info {
    width: 20%;
    margin-right: 0;
    margin-bottom: 25px;
  }
  .checkbox-has-icon.user-info strong {
    font-size: 12px;
  }
}
.checkbox-has-icon.user-info label {
  width: 40px;
  height: 40px;
  background-size: 40px;
}
.checkbox-has-icon.user-info.on {
  background: #5C19DD;
  border-radius: 10px;
}
.checkbox-has-icon input[type="checkbox"] {
  display: none;
}
.checkbox-has-icon label {
  margin: 0 auto;
  display: block;
  vertical-align: middle;
  font-weight: normal;
  color: #999;
  letter-spacing: -0.16px;
  width: 44px;
  height: 44px;
  background-size: 44px;
  background-repeat: no-repeat;
  background-position: center ;
}
.checkbox-has-icon label.gray {
  opacity: .6;
}
.checkbox-has-icon label.ic-89,
.checkbox-has-icon label.ic-152,
.checkbox-has-icon label.ic-171,
.checkbox-has-icon label.ic-190 {
  background-image: url("/assets/img/user/addition-info/ic-restaurant.svg");
}
.checkbox-has-icon label.ic-90,
.checkbox-has-icon label.ic-153,
.checkbox-has-icon label.ic-172,
.checkbox-has-icon label.ic-191 {
  background-image: url("/assets/img/user/addition-info/ic-beautyshop.svg");
}
.checkbox-has-icon label.ic-91,
.checkbox-has-icon label.ic-154,
.checkbox-has-icon label.ic-173,
.checkbox-has-icon label.ic-192 {
  background-image: url("/assets/img/user/addition-info/ic-cosmetic.svg");
}
.checkbox-has-icon label.ic-92,
.checkbox-has-icon label.ic-155,
.checkbox-has-icon label.ic-174,
.checkbox-has-icon label.ic-193 {
  background-image: url("/assets/img/user/addition-info/ic-travel.svg");
}
.checkbox-has-icon label.ic-93,
.checkbox-has-icon label.ic-156,
.checkbox-has-icon label.ic-175,
.checkbox-has-icon label.ic-194 {
  background-image: url("/assets/img/user/addition-info/ic-living.svg");
}
.checkbox-has-icon label.ic-94,
.checkbox-has-icon label.ic-157,
.checkbox-has-icon label.ic-176,
.checkbox-has-icon label.ic-195 {
  background-image: url("/assets/img/user/addition-info/ic-parenting.svg");
}
.checkbox-has-icon label.ic-95,
.checkbox-has-icon label.ic-158,
.checkbox-has-icon label.ic-177,
.checkbox-has-icon label.ic-196 {
  background-image: url("/assets/img/user/addition-info/ic-digital.svg");
}
.checkbox-has-icon label.ic-96,
.checkbox-has-icon label.ic-159,
.checkbox-has-icon label.ic-178,
.checkbox-has-icon label.ic-197 {
  background-image: url("/assets/img/user/addition-info/ic-fashion.svg");
}
.checkbox-has-icon label.ic-97,
.checkbox-has-icon label.ic-160,
.checkbox-has-icon label.ic-179,
.checkbox-has-icon label.ic-198 {
  background-image: url("/assets/img/user/addition-info/ic-book.svg");
}
.checkbox-has-icon label.ic-98,
.checkbox-has-icon label.ic-161,
.checkbox-has-icon label.ic-180,
.checkbox-has-icon label.ic-199 {
  background-image: url("/assets/img/user/addition-info/ic-groceries.svg");
}
.checkbox-has-icon label.ic-99,
.checkbox-has-icon label.ic-162,
.checkbox-has-icon label.ic-181,
.checkbox-has-icon label.ic-200 {
  background-image: url("/assets/img/user/addition-info/ic-education.svg");
}
.checkbox-has-icon label.ic-100,
.checkbox-has-icon label.ic-163,
.checkbox-has-icon label.ic-182,
.checkbox-has-icon label.ic-201 {
  background-image: url("/assets/img/user/addition-info/ic-it.svg");
}
.checkbox-has-icon label.ic-101,
.checkbox-has-icon label.ic-164,
.checkbox-has-icon label.ic-183,
.checkbox-has-icon label.ic-202 {
  background-image: url("/assets/img/user/addition-info/ic-daily.svg");
}
.checkbox-has-icon label.ic-102,
.checkbox-has-icon label.ic-165,
.checkbox-has-icon label.ic-184,
.checkbox-has-icon label.ic-203 {
  background-image: url("/assets/img/user/addition-info/ic-broadcast.svg");
}
.checkbox-has-icon label.ic-103,
.checkbox-has-icon label.ic-170,
.checkbox-has-icon label.ic-189,
.checkbox-has-icon label.ic-208 {
  background-image: url("/assets/img/user/addition-info/ic-etc.svg");
}
.checkbox-has-icon label.ic-144 {
  background-image: url("/assets/img/user/addition-info/ic-interest-all.svg");
}
.checkbox-has-icon label.ic-145 {
  background-image: url("/assets/img/user/addition-info/ic-interest-blog.svg");
}
.checkbox-has-icon label.ic-146 {
  background-image: url("/assets/img/user/addition-info/ic-interest-instagram.svg");
}
.checkbox-has-icon label.ic-147 {
  background-image: url("/assets/img/user/addition-info/ic-interest-youtube.svg");
}
.checkbox-has-icon label.ic-148,
.checkbox-has-icon label.ic-166,
.checkbox-has-icon label.ic-185,
.checkbox-has-icon label.ic-204 {
  background-image: url("/assets/img/user/addition-info/ic-game.svg");
}
.checkbox-has-icon label.ic-149,
.checkbox-has-icon label.ic-167,
.checkbox-has-icon label.ic-186,
.checkbox-has-icon label.ic-205 {
  background-image: url("/assets/img/user/addition-info/ic-sports.svg");
}
.checkbox-has-icon label.ic-150,
.checkbox-has-icon label.ic-168,
.checkbox-has-icon label.ic-187,
.checkbox-has-icon label.ic-206 {
  background-image: url("/assets/img/user/addition-info/ic-business.svg");
}
.checkbox-has-icon label.ic-151,
.checkbox-has-icon label.ic-169,
.checkbox-has-icon label.ic-188,
.checkbox-has-icon label.ic-207 {
  background-image: url("/assets/img/user/addition-info/ic-pet.svg");
}
.checkbox-has-icon label.ic-intext-145 {
  background-image: url("/assets/img/user/addition-info/ic-select-blog-intext.svg");
}
.checkbox-has-icon label.ic-intext-146 {
  background-image: url("/assets/img/user/addition-info/ic-select-insta-intext.svg");
}
.checkbox-has-icon label.ic-intext-147 {
  background-image: url("/assets/img/user/addition-info/ic-select-youtube-intext.svg");
}
.checkbox-has-icon label.ic-1 {
  background-image: url("/assets/img/home/categories/ic-setup-reporter.svg");
}
.checkbox-has-icon label.ic-2 {
  background-image: url("/assets/img/home/categories/ic-setup-living.svg");
}
.checkbox-has-icon label.ic-3 {
  background-image: url("/assets/img/home/categories/ic-setup-baby.svg");
}
.checkbox-has-icon label.ic-4 {
  background-image: url("/assets/img/home/categories/ic-setup-digital.svg");
}
.checkbox-has-icon label.ic-5 {
  background-image: url("/assets/img/home/categories/ic-setup-beauty.svg");
}
.checkbox-has-icon label.ic-6 {
  background-image: url("/assets/img/home/categories/ic-setup-fashion.svg");
}
.checkbox-has-icon label.ic-7 {
  background-image: url("/assets/img/home/categories/ic-setup-book.svg");
}
.checkbox-has-icon label.ic-8 {
  background-image: url("/assets/img/home/categories/ic-setup-food.svg");
}
.checkbox-has-icon label.ic-9 {
  background-image: url("/assets/img/home/categories/ic-setup-shoppingmall.svg");
}
.checkbox-has-icon label.ic-10 {
  background-image: url("/assets/img/home/categories/ic-setup-webservice.svg");
}
.checkbox-has-icon label.ic-11 {
  background-image: url("/assets/img/home/categories/ic-setup-mobileapp.svg");
}
.checkbox-has-icon label.ic-12 {
  background-image: url("/assets/img/home/categories/ic-setup-event.svg");
}
.checkbox-has-icon label.ic-13 {
  background-image: url("/assets/img/home/categories/ic-setup-education.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.gray {
  opacity: 1;
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-89,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-152,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-171,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-190 {
  background-image: url("/assets/img/user/addition-info/ic-restaurant-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-90,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-153,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-172,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-191 {
  background-image: url("/assets/img/user/addition-info/ic-beautyshop-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-91,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-154,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-173,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-192 {
  background-image: url("/assets/img/user/addition-info/ic-cosmetic-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-92,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-155,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-174,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-193 {
  background-image: url("/assets/img/user/addition-info/ic-travel-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-93,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-156,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-175,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-194 {
  background-image: url("/assets/img/user/addition-info/ic-living-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-94,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-157,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-176,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-195 {
  background-image: url("/assets/img/user/addition-info/ic-parenting-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-95,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-158,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-177,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-196 {
  background-image: url("/assets/img/user/addition-info/ic-digital-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-96,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-159,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-178,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-197 {
  background-image: url("/assets/img/user/addition-info/ic-fashion-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-97,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-160,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-179,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-198 {
  background-image: url("/assets/img/user/addition-info/ic-book-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-98,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-161,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-180,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-199 {
  background-image: url("/assets/img/user/addition-info/ic-groceries-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-99,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-162,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-181,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-200 {
  background-image: url("/assets/img/user/addition-info/ic-education-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-100,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-163,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-182,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-201 {
  background-image: url("/assets/img/user/addition-info/ic-it-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-101,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-164,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-183,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-202 {
  background-image: url("/assets/img/user/addition-info/ic-daily-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-102,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-165,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-184,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-203 {
  background-image: url("/assets/img/user/addition-info/ic-broadcast-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-103,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-170,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-189,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-208 {
  background-image: url("/assets/img/user/addition-info/ic-etc-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-144 {
  background-image: url("/assets/img/user/addition-info/ic-interest-all-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-145 {
  background-image: url("/assets/img/user/addition-info/ic-interest-blog-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-146 {
  background-image: url("/assets/img/user/addition-info/ic-interest-instagram-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-147 {
  background-image: url("/assets/img/user/addition-info/ic-interest-youtube-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-148,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-166,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-185,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-204 {
  background-image: url("/assets/img/user/addition-info/ic-game-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-149,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-167,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-186,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-205 {
  background-image: url("/assets/img/user/addition-info/ic-sports-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-150,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-168,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-187,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-206 {
  background-image: url("/assets/img/user/addition-info/ic-business-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-151,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-169,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-188,
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-207 {
  background-image: url("/assets/img/user/addition-info/ic-pet-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-intext-145 {
  background-image: url("/assets/img/user/addition-info/ic-select-blog-intext-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-intext-146 {
  background-image: url("/assets/img/user/addition-info/ic-select-insta-intext-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-intext-147 {
  background-image: url("/assets/img/user/addition-info/ic-select-youtube-intext-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-1 {
  background-image: url("/assets/img/home/categories/ic-setup-reporter-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-2 {
  background-image: url("/assets/img/home/categories/ic-setup-living-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-3 {
  background-image: url("/assets/img/home/categories/ic-setup-baby-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-4 {
  background-image: url("/assets/img/home/categories/ic-setup-digital-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-5 {
  background-image: url("/assets/img/home/categories/ic-setup-beauty-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-6 {
  background-image: url("/assets/img/home/categories/ic-setup-fashion-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-7 {
  background-image: url("/assets/img/home/categories/ic-setup-book-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-8 {
  background-image: url("/assets/img/home/categories/ic-setup-food-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-9 {
  background-image: url("/assets/img/home/categories/ic-setup-shoppingmall-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-10 {
  background-image: url("/assets/img/home/categories/ic-setup-webservice-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-11 {
  background-image: url("/assets/img/home/categories/ic-setup-mobileapp-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-12 {
  background-image: url("/assets/img/home/categories/ic-setup-event-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label.ic-13 {
  background-image: url("/assets/img/home/categories/ic-setup-education-on.svg");
}
.checkbox-has-icon input[type="checkbox"]:checked + label + strong {
  color: #FFFFFF;
}
.checkbox-has-icon strong {
  text-align: center;
  display: block;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  color: #666666;
  margin-top: 4px;
}
.tiny-dormant-account {
  margin-top: 40px;
}
.tiny-dormant-account h2 {
  margin: 0 0 12px 0;
  padding: 0;
}
.tiny-dormant-account p {
  margin-bottom: 20px;
}
.tiny-dormant-account form ul {
  margin: 15px 0 20px 0;
}
.tiny-dormant-account form ul li {
  margin: 0 0 5px 20px;
  list-style: square;
}
.tiny-join {
  margin-top: 40px;
}
.tiny-join .ic-new-window {
  vertical-align: baseline;
}
.tiny-join .join-slogan {
  color: #333;
  margin: 10px 0;
  position: relative;
  font-weight: 500;
  font-size: 15px;
}
.tiny-join .join-slogan small {
  font-size: 12px;
  margin-top: 3px;
  display: block;
  color: #999;
  font-weight: normal;
}
.tiny-join .join-slogan span.button-login {
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 799px) {
  .tiny-join .join-slogan span.button-login {
    right: 7px;
  }
}
.tiny-join .join-slogan .auth {
  position: absolute;
}
.tiny-join .email-select {
  padding-right: 0px;
  width: 33.3%;
  padding-left: 5px;
}
@media (max-width: 799px) {
  .tiny-join .email-select {
    width: 37%;
  }
}
.tiny-join .email-select .design-select-wrap {
  height: 46px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.43px;
  color: #222222;
}
@media (max-width: 799px) {
  .tiny-join .email-select .design-select-wrap {
    font-size: 14px;
    letter-spacing: -0.37px;
  }
}
.tiny-join .email-select .design-select-wrap .selected {
  max-height: 46px;
  line-height: 46px;
  background-position: calc(100% - 10px) 18px !important;
}
.tiny-join .email-select .design-select-wrap .selected.idle {
  color: #666666;
}
.tiny-join .email-select .design-select-wrap .design-select {
  top: -1px;
}
.tiny-join .email-select .design-select-wrap .design-select li {
  line-height: 29px;
  font-size: 16px;
}
@media (max-width: 799px) {
  .tiny-join .email-select .design-select-wrap .design-select li {
    font-size: 14px;
  }
}
.tiny-join form {
  line-height: 0;
}
.tiny-join form .form-control {
  margin-bottom: 10px;
}
.tiny-join form .form-control.email {
  width: 70%;
}
.tiny-join form .terms {
  margin: 35px 0;
}
.tiny-join form .terms li {
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #666;
}
.tiny-join form .terms li .design-checkbox input[type="checkbox"] + label {
  margin-bottom: 8px;
}
.tiny-join form .terms li .design-checkbox input[type="checkbox"] + label i {
  float: left;
  margin-top: 0;
  margin-bottom: 4px;
}
.tiny-join form .terms li a {
  color: #5c19dd;
  text-decoration-line: underline;
  margin-left: 2px;
}
.tiny-join form .terms li .sub-checkbox {
  padding-left: 20px;
}
.tiny-join form .terms .table {
  margin: 15px 0 0 0;
}
.tiny-join form .terms .table th {
  background: #f5f5f5;
  font-weight: normal;
}
.tiny-join form .terms .table th,
.tiny-join form .terms .table td {
  font-size: 12px;
  padding: 4px;
  color: #666;
}
.tiny-join form .terms .all-check-text {
  font-size: 14px;
  font-weight: 700;
  color: #222222 !important;
  line-height: 0;
}
@media (max-width: 799px) {
  .tiny-join form .terms .all-check-text {
    font-size: 14px;
  }
}
.tiny-layout {
  margin: 70px 5px;
  min-height: 100%;
}
@media (max-width: 799px) {
  .tiny-layout {
    margin-top: 60px;
  }
}
.tiny-layout .tiny-wrap {
  max-width: 400px;
  margin: 0 auto;
}
@media (max-width: 799px) {
  .tiny-layout .tiny-wrap {
    max-width: inherit;
  }
}
.tiny-layout h2 {
  margin: 20px 0;
  font-size: 20px;
  color: #222;
  text-align: center;
}
@media (max-width: 799px) {
  .tiny-layout h2 {
    font-size: 20px;
  }
}
.tiny-layout form {
  margin-bottom: 10px;
}
.tiny-layout form input[type='email'],
.tiny-layout form input[type='text'],
.tiny-layout form input[type='password'] {
  height: 46px;
  font-size: 16px;
}
@media (max-width: 799px) {
  .tiny-layout form input[type='email'],
  .tiny-layout form input[type='text'],
  .tiny-layout form input[type='password'] {
    font-size: 14px;
  }
}
.tiny-layout input[type=text]:focus {
  position: relative;
  z-index: 1;
}
.tiny-layout .overlapping {
  margin-top: -1px;
}
.tiny-layout a.logo {
  display: block;
  text-align: center;
}
@media (max-width: 799px) {
  .tiny-layout a.logo {
    display: block;
    text-align: center;
  }
}
.tiny-layout p {
  color: #999;
  font-size: 14px;
  line-height: 20px;
}
.tiny-layout li {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 8px;
}
.tiny-layout .btn.btn-join,
.tiny-layout .btn.btn-login {
  margin-bottom: 20px;
  padding: 0;
}
.tiny-layout .btn.type-naver {
  margin-bottom: 4px;
}
.tiny-layout .tiny-copyright {
  margin-top: 60px;
  text-align: center;
  letter-spacing: -0.4px;
}
.tiny-layout .tiny-copyright li {
  display: inline-block;
  font-size: 13px;
}
.tiny-layout .tiny-copyright li a {
  color: #777777;
}
.tiny-layout .tiny-copyright li:after {
  content: " | ";
  display: inline-block;
  margin: 0 10px;
  color: #ddd;
}
.tiny-layout .tiny-copyright li:last-child:after {
  content: "";
  margin: 0;
}
.tiny-layout .tiny-copyright p {
  font-size: 12px;
  margin: 0;
  color: #999;
}
.leave-layout {
  padding: 80px 0;
  min-height: 100%;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
@media (max-width: 799px) {
  .leave-layout {
    padding: 60px 15px;
  }
}
.leave-layout .tiny-wrap {
  max-width: 400px;
  margin: 0 auto;
}
@media (max-width: 799px) {
  .leave-layout .tiny-wrap {
    max-width: inherit;
  }
}
.leave-layout .tiny-wrap u {
  cursor: pointer;
}
.leave-layout .font-white {
  color: #ffffff;
}
.leave-layout h2 {
  width: 100%;
  margin: 0 0 30px 0;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -0.6px;
}
@media (max-width: 799px) {
  .leave-layout h2 {
    font-size: 17px;
  }
}
.leave-layout h2 i {
  margin-right: 3px;
  font-size: 11px;
  color: #999999;
  font-style: normal;
  font-weight: normal;
}
.leave-layout h2 label {
  font-size: 11px;
  color: #5c19dd;
  font-style: normal;
  font-weight: normal;
}
.leave-layout h2 i.h2-sub {
  margin-top: 10px ;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 2.5;
}
.leave-layout ul {
  padding: 0;
}
.leave-layout ul li {
  color: #222222;
  list-style: disc;
  padding-right: 5px;
  margin-left: 20px;
  margin-bottom: 10px;
}
.leave-layout input[type=text]:focus {
  position: relative;
  z-index: 1;
}
.leave-layout .overlapping {
  margin-top: -1px;
}
.leave-layout .btn.btn-join,
.leave-layout .btn.btn-login {
  margin-bottom: 20px;
  padding: 0;
}
.leave-layout .leave-title {
  margin-bottom: 30px;
  font-size: 24px;
  letter-spacing: -0.4px;
  color: #222222;
}
@media (max-width: 799px) {
  .leave-layout .leave-title {
    font-size: 20px;
  }
}
.leave-layout .design-checkbox-sub {
  width: 100%;
  float: left;
}
.leave-layout .design-checkbox-sub label {
  margin-bottom: 14px;
}
.leave-layout .design-checkbox-sub input[type="checkbox"]:checked + label {
  margin-bottom: 5px;
}
.leave-layout .design-checkbox-agreement {
  margin: 40px 0;
}
.leave-layout .design-checkbox-agreement span {
  font-weight: 500;
}
.leave-layout .leave-question {
  margin: 0 0 6px 0;
  padding: 10px 18px 11px;
  border-radius: 20px 20px 20px 0;
  border: solid 1px #4d4d4d;
  float: left;
}
.leave-layout .leave-question p {
  white-space: nowrap;
  margin: 0px;
  font-size: 14px;
  letter-spacing: -0.2px;
  color: #f5f5f5;
}
.leave-layout .margin20 {
  margin-bottom: 20px;
}
.leave-layout .leave-answer {
  padding: 9px 15px 11px;
  border-radius: 20px 20px 0 20px;
  background-color: #7136e3;
  float: right;
}
.leave-layout .leave-answer a {
  font-weight: bold;
  color: #ffffff;
}
.leave-layout .leave-answer p {
  white-space: nowrap;
  margin: 0;
  font-size: 14px;
  text-align: right;
  letter-spacing: -0.2px;
  color: #ffffff;
}
.leave-layout .leave-answer-two {
  display: none;
  padding: 9px 15px 11px;
  border-radius: 20px 20px 0 20px;
  background-color: #f5f5f5;
  float: right;
}
.leave-layout .leave-answer-two a {
  font-weight: bold;
  color: #444444;
}
.leave-layout .leave-answer-two p {
  margin: 0;
  font-size: 14px;
  letter-spacing: -0.2px;
  color: #444444;
}
.leave-layout.gray {
  background-color: #f5f7f9;
}
.leave-layout.gray.dark {
  background-color: #1A191E !important;
}
.leave-layout.black {
  background-color: #272727;
}
.leave-layout.black.dark {
  background-color: #201F27 !important;
}
.leave-layout.dark {
  background-color: #15141C;
}
.leave-layout.dark .leave-title {
  color: #eeeeee;
}
.leave-layout.dark U {
  font-weight: bold;
}
.leave-layout.dark .service-use .service-use-title,
.leave-layout.dark .service-use .service-title,
.leave-layout.dark .service-use .service-date {
  color: #808080 !important;
}
.leave-layout.dark .service-use .service-count {
  color: #eeeeee;
}
.leave-layout.dark h2 {
  color: #eeeeee;
}
.leave-layout.dark h2 label {
  color: #9584FF;
}
.leave-layout.dark label span {
  color: #eeeeee;
}
.leave-layout.dark .leave-answer {
  background-color: #6F58FC;
}
.leave-layout.dark .leave-answer-two {
  background-color: #201F27;
}
.leave-layout.dark .leave-answer-two p,
.leave-layout.dark .leave-answer-two a {
  color: #A9A9A9;
}
.leave-layout.dark ul li {
  color: #eeeeee;
}
.leave-layout.dark .btn.leave.think {
  border-color: #444444;
}
.leave-layout.dark .btn.btn-leave {
  background: #8053FF;
}
.leave-layout.dark .btn.btn-leave[disabled] {
  background: #35333F;
  color: #FFFFFF;
  opacity: 0.3;
}
.leave-layout.dark textarea {
  background: #232228;
  border-color: #3B3948;
}
.leave-layout.dark .design-checkbox input[type="checkbox"] + label i {
  background-image: url(/assets/img/form/dark-btns.svg);
}
.btn.btn-leave {
  margin: 10px 0 0 0;
}
.service-use .service-layout {
  display: flex;
}
.service-use .service-layout .service-img {
  text-align: center;
  margin: auto;
  margin-top: 0px;
}
.service-use .service-layout .service-img .service-count {
  font-size: 11px;
}
.service-use .service-layout .service-img .service-title {
  font-size: 12px;
  letter-spacing: -0.24px;
  color: #666666;
}
.service-use .service-layout .service-img .service-date {
  font-size: 11px;
  letter-spacing: -0.24px;
  color: #aaa;
}
.service-use .service-layout .service-img p {
  margin: 0;
  color: #222222;
  font-size: 11px;
  text-align: center;
}
.service-use .service-layout .service-img p strong {
  font-size: 22px;
  font-weight: bold;
}
.service-use .service-layout img {
  margin: 0 0 15px 0;
  width: 92px;
  height: 92px;
  object-fit: contain;
}
.service-use .service-use-title {
  height: 20px;
  margin-bottom: 41px;
  font-size: 14px;
  letter-spacing: -0.28px;
  color: #666666;
}
.latte84- .text-style-1 {
  font-weight: bold;
}
.leave-error-message {
  display: block;
  font-size: 12px;
  margin-top: 15px;
  padding: 0;
  color: #5c19dd;
}
.leave-error-message * {
  color: #5c19dd;
  font-size: 0.85em;
  margin: 0 0 3px 0;
}
.tiny-login {
  margin-top: 50px;
}
.tiny-login .btn {
  letter-spacing: -0.4px;
}
.tiny-login input[type="text"] {
  margin-bottom: 10px;
}
.tiny-login hr {
  border-color: #eee;
  margin: 25px 0;
}
@media (max-width: 799px) {
  .tiny-login hr {
    margin: 30px 0;
  }
}
.tiny-login .etc {
  margin: 20px 0;
  font-size: 13px;
  color: #999;
}
.tiny-login .etc label.auto-login {
  font-weight: normal;
  margin-bottom: 0;
  color: #666;
}
.tiny-login .etc a {
  color: #666;
  line-height: 20px;
  text-decoration: underline;
}
.tiny-login .etc .separator {
  color: #ddd;
  margin: 0 12px;
}
.tiny-login .join-slogan {
  color: #333;
  margin: 10px 0;
  position: relative;
  font-weight: 500;
  font-size: 15px;
}
.tiny-login .join-slogan small {
  font-size: 12px;
  margin-top: 3px;
  display: block;
  color: #999;
  font-weight: normal;
}
.tiny-login .join-slogan span.button-login {
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 799px) {
  .tiny-login .join-slogan span.button-login {
    right: 7px;
  }
}
.tiny-login .join-slogan .auth {
  position: absolute;
}
.tiny-login .join-slogan .revu-point {
  color: #5C19DD;
}
.tiny-naver-id-hurdle {
  margin-top: 40px;
}
.tiny-naver-id-hurdle p {
  text-align: center;
  font-size: 14px;
  color: #999;
  line-height: 20px;
  margin-bottom: 20px;
}
.tiny-naver-id-hurdle p strong {
  display: block;
  margin-bottom: 12px;
  font-size: 18px;
  color: #222;
}
.tiny-naver-id-hurdle .move-join {
  margin-top: 50px;
}
.tiny-password-change {
  margin-top: 40px;
}
.tiny-password-change h2 {
  margin-bottom: 12px;
}
.tiny-password-change form {
  margin-top: 25px;
}
.tiny-password-change form .btn.btn-submit {
  margin-top: 10px;
}
.tiny-password-forgot {
  margin-top: 40px;
}
.tiny-password-forgot h2 {
  margin-bottom: 12px;
}
.tiny-password-forgot form {
  margin-top: 30px;
}
.tiny-password-forgot form .btn.btn-submit {
  margin-top: 10px;
}
.tiny-password-forgot input[type="email"]:focus,
.tiny-password-forgot input[type="email"]:hover {
  border: 1px solid #222222 !important;
}
.return-account {
  color: #999;
}
.return-account h2 {
  margin-top: 40px;
}
.return-account p {
  margin-top: 12px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
}
.return-account ul {
  max-width: 300px;
  margin: 46px auto;
}
.return-account li {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 0;
}
.return-account li strong {
  color: #5c19dd;
}
.return-account li strong.changeover {
  color: #333;
}
.return-account .btn {
  margin-bottom: 10px;
}
.tiny-ticket-layout {
  font-size: 14px;
  letter-spacing: -0.4px;
  color: #222;
  -webkit-text-size-adjust: none;
}
.tiny-ticket-layout.coupon h1 {
  max-width: 560px;
  margin: 0 auto;
}
.tiny-ticket-layout.coupon h1 img.close {
  right: 0px;
}
@media (max-width: 799px) {
  .tiny-ticket-layout.coupon h1 img.close {
    right: 15px;
  }
}
.tiny-ticket-layout h1 {
  height: 46px;
  background: #fff;
  padding: 15px 0 10px;
  font-size: 16px;
  position: relative;
  text-align: center;
}
.tiny-ticket-layout h1 img.logo {
  margin-right: 6px;
  width: 75px;
  margin-top: -2px;
}
.tiny-ticket-layout h1 img.close {
  position: absolute;
  right: 15px;
  top: 12px;
  opacity: 1;
}
.tiny-ticket-layout .new-bg {
  background: url('/assets/img/ticket/bg-bottom.jpg') center top no-repeat;
  background-size: cover;
}
@media (max-width: 799px) {
  .tiny-ticket-layout .col-lg-6 {
    padding: 0;
  }
}
.tiny-ticket-layout .campaign-cover {
  position: relative;
  width: 100%;
  min-height: 250px;
  padding-bottom: 10px;
}
.tiny-ticket-layout .campaign-cover .bg {
  background: url('https://files.weble.net/campaign/data/158398/thumb200.jpg?bust=1528958598558') center 30% no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 250px;
}
.tiny-ticket-layout .campaign-cover .bg.isWebview {
  min-height: 210px;
}
.tiny-ticket-layout .campaign-cover .mask {
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  min-height: 250px;
  position: absolute;
  top: 0;
  left: 0;
}
.tiny-ticket-layout .bg-bottom {
  height: 0;
}
.tiny-ticket-layout .campaign-title {
  margin-top: -165px;
  padding: 0 18px 15px 18px;
  z-index: 10;
  position: relative;
}
.tiny-ticket-layout .campaign-title a {
  color: #fff;
}
@media (max-width: 799px) {
  .tiny-ticket-layout .campaign-title a {
    font-size: 18px;
  }
}
.tiny-ticket-layout .campaign-title small {
  font-size: 13px;
  color: #bbb;
  padding-top: 4px;
  display: inline-block;
}
.tiny-ticket-layout .campaign-title .leftTime {
  font-size: 20px;
  color: #fff;
  font-weight: bold;
}
.tiny-ticket-layout .coupon-title {
  margin-top: -180px;
}
.tiny-ticket-layout .coupon-title h2 {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.36px;
}
.tiny-ticket-layout .campaign-contents {
  background: #fff;
  margin: 0 15px 15px 15px;
  padding: 25px 20px 20px 20px;
  z-index: 10;
  position: relative;
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.6);
}
.tiny-ticket-layout .campaign-contents .status {
  position: absolute;
  right: -5px;
  top: -20px;
  width: 60px;
  height: 60px;
  background: #5c19dd;
  border-radius: 50%;
  color: #fff;
  font-size: 22px;
  padding-top: 11px;
  line-height: 20px;
  font-weight: 300;
  text-align: center;
}
.tiny-ticket-layout .campaign-contents .status small {
  font-size: 12px;
  display: block;
  opacity: 0.9;
  font-weight: normal;
}
.tiny-ticket-layout .campaign-contents .status.d-day {
  font-size: 14px;
  padding: 13px 15px;
  line-height: 18px;
}
.tiny-ticket-layout .campaign-contents .status.expire {
  background: #111;
  line-height: 60px;
  padding: 0;
  font-size: 16px;
}
.tiny-ticket-layout .campaign-contents h3 {
  font-size: 12px;
  color: #222;
  margin-bottom: 8px;
}
.tiny-ticket-layout .campaign-contents p {
  margin-bottom: 20px;
  font-size: 14px;
  color: #222;
  line-height: 22px;
}
.tiny-ticket-layout .campaign-contents hr {
  border-top: 1px solid #ececec;
  margin: 5px 0 15px 0;
}
.tiny-ticket-layout .campaign-contents dl {
  margin-bottom: 0;
}
.tiny-ticket-layout .campaign-contents dl dt {
  display: inline-block;
  width: 50px;
  font-size: 12px;
  color: #999;
  vertical-align: top;
}
.tiny-ticket-layout .campaign-contents dl dt.due-date {
  color: #222;
  font-size: 12px;
  letter-spacing: -0.4px;
  font-weight: 500;
}
.tiny-ticket-layout .campaign-contents dl dd {
  display: inline-block;
  margin-bottom: 10px;
}
.tiny-ticket-layout .campaign-contents dl dd:after {
  content: '';
  display: block;
}
.tiny-ticket-layout .campaign-contents dl.block {
  border-bottom: 1px solid #ececec;
  padding: 5px 0;
  margin-bottom: 20px;
}
.tiny-ticket-layout .campaign-contents dl.block dl,
.tiny-ticket-layout .campaign-contents dl.block dt {
  display: block;
  width: auto;
}
.tiny-ticket-layout .campaign-contents dl.block dd {
  margin-top: 8px;
  line-height: 22px;
}
.tiny-ticket-layout .campaign-contents dl.block li {
  line-height: 22px;
  letter-spacing: -0.8px;
}
.tiny-ticket-layout .campaign-contents .btn.btn-check {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-size: 18px;
  background: #6819ff;
  text-align: center;
  padding: 0;
}
.tiny-ticket-layout .campaign-contents .btn.btn-check:hover {
  text-decoration: none;
  background: #762eff;
}
.tiny-ticket-layout .campaign-contents .close-ticket {
  font-size: 18px;
  color: #999;
  padding-bottom: 5px;
  text-align: center;
}
.tiny-ticket-layout .campaign-footer {
  color: #ccc;
  font-size: 12px;
  width: 100%;
  text-align: center;
  padding: 5px 0 10px;
}
.tiny-welcome {
  margin-top: 40px;
}
.tiny-welcome h2 {
  font-weight: normal;
  line-height: normal;
  margin: 0 0 35px 0;
}
.tiny-welcome h2 strong {
  color: #111111;
}
.tiny-welcome img {
  width: 108px;
}
.tiny-welcome .description {
  margin-top: 15px;
  color: #999;
  font-size: 12px;
}
.tiny-welcome .description strong {
  display: block;
  font-size: 15px;
  color: #333;
  margin-bottom: 5px;
}
.tiny-welcome .btn {
  margin: 30px 0 0 0;
}
@media (max-width: 799px) {
  .tooltip-youtube.bottom-left .tooltip-arrow,
  .tooltip-youtube.top-left .tooltip-arrow {
    left: 20% !important;
  }
  .tooltip-youtube.bottom-right .tooltip-arrow,
  .tooltip-youtube.top-right .tooltip-arrow {
    right: 20% !important;
  }
}
.tooltip-youtube .tooltip-arrow {
  border-bottom-color: rgba(34, 34, 34, 0.95) !important;
  border-top-color: rgba(34, 34, 34, 0.95) !important;
}
.tooltip-youtube .tooltip-inner {
  position: relative;
  max-width: 305px;
  padding: 25px 17px 17px;
  border-radius: 2px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.2);
  background-color: rgba(34, 34, 34, 0.95);
}
@media (max-width: 799px) {
  .tooltip-youtube .tooltip-inner {
    padding: 20px 17px 9px;
    max-width: 200px;
  }
}
.tooltip-youtube .tooltip-inner h3 {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 12px;
}
@media (max-width: 799px) {
  .tooltip-youtube .tooltip-inner h3 {
    font-size: 12px;
  }
}
.tooltip-youtube .tooltip-inner .missions div {
  color: #ddd;
  font-size: 12px;
  letter-spacing: -0.34px;
  display: inline-block;
  padding: 7.5px 9.5px;
  min-width: 73px;
}
.tooltip-youtube .tooltip-inner .missions div:first-child:nth-last-child(1) {
  width: 100%;
}
.tooltip-youtube .tooltip-inner .missions div:first-child:nth-last-child(2),
.tooltip-youtube .tooltip-inner .missions div:first-child:nth-last-child(2) ~ div {
  width: 50%;
}
.tooltip-youtube .tooltip-inner .missions div:first-child:nth-last-child(4),
.tooltip-youtube .tooltip-inner .missions div:first-child:nth-last-child(4) ~ div {
  width: 40%;
}
.tooltip-youtube .tooltip-inner .missions div:first-child:nth-last-child(3),
.tooltip-youtube .tooltip-inner .missions div:first-child:nth-last-child(5),
.tooltip-youtube .tooltip-inner .missions div:first-child:nth-last-child(3) ~ div,
.tooltip-youtube .tooltip-inner .missions div:first-child:nth-last-child(5) ~ div {
  width: 33.3%;
}
.tooltip-youtube .tooltip-inner .missions div label {
  margin: 0 auto;
  margin-bottom: 3px;
  display: block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.tooltip-youtube .tooltip-inner .missions div label.ic-youtube-keyword {
  background-image: url(/assets/img/campaign/ic-youtube-keyword.svg);
}
.tooltip-youtube .tooltip-inner .missions div label.ic-youtube-time {
  background-image: url(/assets/img/campaign/ic-youtube-time.svg);
}
.tooltip-youtube .tooltip-inner .missions div label.ic-youtube-link {
  background-image: url(/assets/img/campaign/ic-youtube-link.svg);
}
.tooltip-youtube .tooltip-inner .missions div label.ic-youtube-ad {
  background-image: url(/assets/img/campaign/ic-youtube-ad.svg);
}
.tooltip-youtube .tooltip-inner .missions div label.ic-youtube-tag {
  background-image: url(/assets/img/campaign/ic-youtube-tag.svg);
}
@media (max-width: 799px) {
  .tooltip-youtube .tooltip-inner .missions div {
    padding: 6px 3px;
  }
  .tooltip-youtube .tooltip-inner .missions div:first-child:nth-last-child(n+1),
  .tooltip-youtube .tooltip-inner .missions div:first-child:nth-last-child(n+1) ~ div {
    width: 40%;
  }
}
.top-banner {
  text-align: center;
  background: url('/assets/img/top-banner/background.png') no-repeat center #252830;
  height: 80px;
  position: relative;
  transition: .2s;
}
.top-banner.ng-leave {
  margin-top: 0;
}
.top-banner.ng-leave.ng-leave-active {
  margin-top: -80px;
}
.top-banner a {
  display: block;
  background: no-repeat center transparent;
  height: 80px;
  margin: 0 auto;
}
.top-banner button {
  background: url('/assets/img/top-banner/btn-close.png') no-repeat center transparent;
  border: 0;
  padding: 0;
  width: 78px;
  height: 78px;
  position: absolute;
  top: 1px;
  right: 0;
}
.top-header {
  padding: 0 60px;
  border-bottom: 1px solid #eee;
  text-align: right;
}
@media (max-width: 799px) {
  .top-header {
    display: none;
  }
}
.top-header .popup {
  display: none;
  position: absolute;
  left: 0;
}
.top-header ul > li.parent {
  display: inline-block;
  position: relative;
  text-align: left;
}
.top-header ul > li.parent .popup > li {
  display: block;
}
.top-header ul > li.parent:last-child > a {
  padding-right: 0;
}
.top-header ul > li.parent:last-child:hover .popup {
  top: 34px;
  left: 0;
}
.top-header ul > li.parent:last-child:hover .popup .arrow {
  background: url(/assets/img/header/ic-arrow-gnb.svg) no-repeat 100px;
}
.top-header ul > li.parent > a {
  padding: 5px 10px;
  color: #222;
  font-size: 12px;
  display: inline-block;
  line-height: 20px;
  text-decoration: none;
  letter-spacing: 0;
  font-weight: 400;
}
.top-header ul > li.parent:hover .popup {
  display: block;
  top: 34px;
  left: 50%;
}
.top-header ul > li.parent:hover .popup li {
  display: block;
}
.top-header ul > li.parent:hover .popup li a {
  font-size: 14px;
  height: 35px;
}
.top-header ul > li.parent:hover .popup li a img {
  margin-right: 10px;
  margin-bottom: 2px;
}
.top-header ul > li.parent:hover .popup li.outlink a img {
  margin-right: 0;
}
.top-header ul > li.parent > ul li {
  display: block;
}
.design-radio {
  position: relative;
}
.design-radio [attr=error-message] {
  font-size: 12px;
  color: #5c19dd;
}
.design-radio input[type="radio"] {
  display: none;
}
.design-radio input[type="radio"] + label {
  color: #666666;
  font-weight: 400;
}
.design-radio input[type="radio"]:checked + label {
  color: #222222;
  font-weight: 400;
}
.design-radio input[type="radio"] + label span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -2px 6px 0 0;
  vertical-align: middle;
  background-image: url(/assets/img/form/new-btns.svg);
  background-position: -57px top;
  background-repeat: no-repeat;
  cursor: pointer;
}
.design-radio input[type="radio"]:checked + label span {
  background-position: -38px top;
  background-repeat: no-repeat;
}
.design-checkbox-tetragon {
  position: relative;
}
.design-checkbox-tetragon input[type="checkbox"] {
  display: none;
}
.design-checkbox-tetragon input[type="checkbox"] + label {
  color: #666666;
  font-weight: 400;
}
.design-checkbox-tetragon input[type="checkbox"]:checked + label {
  color: #222222;
  font-weight: 400;
}
.design-checkbox-tetragon input[type="checkbox"] + label i {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -2px 10px 0 0;
  vertical-align: middle;
  background-image: url(/assets/img/form/new-tetragon-btns.svg);
  background-position: -19px top;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media print {
  .design-checkbox-tetragon input[type="checkbox"] {
    position: absolute;
    display: inline-block;
    top: 0;
    width: 19px;
    height: 19px;
    margin: -2px 10px 0 0;
    vertical-align: middle;
    background-image: url(/assets/img/form/new-tetragon-btns.svg);
    background-position: -19px top;
    background-repeat: no-repeat;
    cursor: pointer;
  }
}
.design-checkbox-tetragon input[type="checkbox"]:checked + label i {
  background-position: left top;
  background-repeat: no-repeat;
}
.design-checkbox input[type="checkbox"] {
  display: none;
}
.design-checkbox input[type="checkbox"] + label {
  color: #666666;
  font-weight: 400;
}
.design-checkbox input[type="checkbox"]:checked + label {
  color: #222222;
  font-weight: 400;
}
.design-checkbox input[type="checkbox"] + label i {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -2px 5px 0 0;
  vertical-align: middle;
  background-image: url(/assets/img/form/new-btns.svg);
  background-position: -19px top;
  background-repeat: no-repeat;
  cursor: pointer;
}
.design-checkbox input[type="checkbox"]:checked + label i {
  background-position: left top;
  background-repeat: no-repeat;
}
hr.padding {
  border: none;
  padding: 0;
  margin: 0 0 20px 0;
}
hr.padding:before,
hr.padding:after {
  content: " ";
  display: table;
}
hr.padding:after {
  clear: both;
}
hr.padding:before,
hr.padding:after {
  content: " ";
  display: table;
}
hr.padding:after {
  clear: both;
}
.post-iframe {
  position: relative;
  display: none;
  margin: 14px 11px 0;
  padding-bottom: 10px;
  border: 1px solid #222;
}
.post-iframe iframe {
  height: 500px;
}
@media (max-width: 799px) {
  .post-iframe {
    margin-top: 0;
  }
}
.campaign-request-form .form-group,
.user-form .form-group {
  margin-bottom: 10px;
  zoom: 1;
}
.campaign-request-form .form-group.more-mb,
.user-form .form-group.more-mb {
  margin-bottom: 20px;
}
.campaign-request-form .form-group:before,
.user-form .form-group:before,
.campaign-request-form .form-group:after,
.user-form .form-group:after {
  content: "";
  display: table;
}
.campaign-request-form .form-group:after,
.user-form .form-group:after {
  clear: both;
}
.campaign-request-form .form-group.addition,
.user-form .form-group.addition {
  margin: 50px 0 12px;
}
.campaign-request-form .form-group.addition-media,
.user-form .form-group.addition-media {
  margin: 60px 0 60px;
  text-align: center;
}
.campaign-request-form .form-group.addition-media .checkbox-has-icon,
.user-form .form-group.addition-media .checkbox-has-icon {
  margin-bottom: 0;
}
.campaign-request-form .form-group.addition-media .checkbox-has-icon label,
.user-form .form-group.addition-media .checkbox-has-icon label {
  width: 88px;
  height: 90px;
  background-size: auto;
  position: relative;
}
.campaign-request-form .form-group.addition-media .checkbox-has-icon label .select-number,
.user-form .form-group.addition-media .checkbox-has-icon label .select-number {
  position: absolute;
  right: -13px;
  top: -7px;
  width: 25px;
  height: 25px;
  z-index: 100;
  background-repeat: no-repeat;
}
.campaign-request-form .form-group.addition-media .checkbox-has-icon label .select-number.ic-number-1,
.user-form .form-group.addition-media .checkbox-has-icon label .select-number.ic-number-1 {
  background-image: url("/assets/img/user/addition-info/ic-n-1.svg");
}
.campaign-request-form .form-group.addition-media .checkbox-has-icon label .select-number.ic-number-2,
.user-form .form-group.addition-media .checkbox-has-icon label .select-number.ic-number-2 {
  background-image: url("/assets/img/user/addition-info/ic-n-2.svg");
}
.campaign-request-form .form-group.addition-media .checkbox-has-icon label .select-number.ic-number-3,
.user-form .form-group.addition-media .checkbox-has-icon label .select-number.ic-number-3 {
  background-image: url("/assets/img/user/addition-info/ic-n-3.svg");
}
.campaign-request-form .form-group.addition-media .checkbox-has-icon input[type="checkbox"]:checked + label,
.user-form .form-group.addition-media .checkbox-has-icon input[type="checkbox"]:checked + label {
  border-radius: 3px;
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.1);
}
.campaign-request-form .btn.btn-custom.transparent.small,
.user-form .btn.btn-custom.transparent.small {
  font-size: 12px;
  padding: 3px 8px;
  border: 1px solid #ccc;
  color: #999;
}
@media (max-width: 799px) {
  .campaign-request-form .user-addition-footer,
  .user-form .user-addition-footer {
    display: block;
    position: fixed;
    width: 100%;
    bottom: 0px;
    left: 0px;
    background: #fff;
    z-index: 100;
  }
  .campaign-request-form .user-addition-footer > div,
  .user-form .user-addition-footer > div {
    margin: 15px 15px 5px 15px;
    overflow: hidden;
  }
}
.campaign-request-form .checkbox-inline-icon,
.user-form .checkbox-inline-icon {
  padding-left: 0;
  padding-top: 5px;
}
.campaign-request-form .checkbox-inline-icon input[type="checkbox"],
.user-form .checkbox-inline-icon input[type="checkbox"] {
  display: none;
}
.campaign-request-form .checkbox-inline,
.user-form .checkbox-inline {
  padding-left: 0;
  padding-top: 5px;
}
.campaign-request-form .checkbox-inline input[type="checkbox"],
.user-form .checkbox-inline input[type="checkbox"] {
  display: none;
}
.campaign-request-form .checkbox-inline input[type="checkbox"] + label,
.user-form .checkbox-inline input[type="checkbox"] + label {
  font-weight: normal;
  border: 1px solid #ddd;
  line-height: 18px;
  padding: 3px 15px;
  border-radius: 15px;
  vertical-align: middle;
  color: #999;
  margin-top: 0;
}
.campaign-request-form .checkbox-inline input[type="checkbox"]:checked + label,
.user-form .checkbox-inline input[type="checkbox"]:checked + label {
  border: 1px solid #5C19DD;
  color: #ffffff;
  background: #5C19DD;
}
.campaign-request-form .checkbox-inline input[type="checkbox"]:disabled + label,
.user-form .checkbox-inline input[type="checkbox"]:disabled + label {
  color: #bbb;
}
.campaign-request-form .checkbox-inline ~ p,
.user-form .checkbox-inline ~ p {
  margin-top: 10px;
}
.campaign-request-form .radio-inline,
.user-form .radio-inline,
.campaign-request-form .checkbox-inline,
.user-form .checkbox-inline,
.campaign-request-form .label-inline,
.user-form .label-inline {
  margin-right: 6px;
}
.campaign-request-form .radio-inline + .radio-inline,
.user-form .radio-inline + .radio-inline,
.campaign-request-form .checkbox-inline + .checkbox-inline .label-inline + .label-inline,
.user-form .checkbox-inline + .checkbox-inline .label-inline + .label-inline {
  margin-left: 0;
}
.campaign-request-form .label-inline,
.user-form .label-inline {
  display: inline-block;
  padding-left: 0;
}
.campaign-request-form .label-inline label,
.user-form .label-inline label {
  font-size: 12px;
  color: #222;
  font-weight: normal;
  border: 1px solid #ddd;
  line-height: 18px;
  padding: 4px 15px;
  border-radius: 15px;
  vertical-align: middle;
  margin: 0 0 6px 0;
}
.campaign-request-form .label-inline label i,
.user-form .label-inline label i {
  display: inline-block;
  width: 9px;
  height: 9px;
  background: url(/assets/img/mypage/ic-delete-tag.svg) no-repeat 50%;
  cursor: pointer;
}
.campaign-request-form a.add,
.user-form a.add {
  border: none;
  font-size: 14px;
  color: #444;
}
.campaign-request-form a.add:hover,
.user-form a.add:hover {
  text-decoration: none;
}
.campaign-request-form a.add i,
.user-form a.add i {
  font-style: normal;
  color: #5c19dd;
  font-size: 18px;
  vertical-align: middle;
}
.campaign-request-form .custom-inline,
.user-form .custom-inline {
  display: inline-block;
  width: 150px;
  margin: 0 6px;
}
@media (max-width: 799px) {
  .campaign-request-form .custom-inline,
  .user-form .custom-inline {
    display: block;
    margin: 10px 0 0 0;
  }
}
.campaign-request-form .custom-outline input,
.user-form .custom-outline input {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-radius: 0px !important;
  padding-left: 0px;
}
.campaign-request-form .custom-padding,
.user-form .custom-padding {
  padding: 6px 0;
}
.campaign-request-form .custom-bottom-padding,
.user-form .custom-bottom-padding {
  padding-bottom: 15px;
}
.campaign-request-form input[type="text"]:disabled,
.user-form input[type="text"]:disabled {
  background-color: #f9f9f9;
}
@media (max-width: 799px) {
  .gender .design-radio:first-child {
    width: 70px;
  }
}
.children-info .control-label,
.animal-info .control-label {
  margin-top: 20px;
  margin-bottom: 15px !important;
}
.children-info .control-label span,
.animal-info .control-label span {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #999999;
}
.children-info .design-checkbox,
.animal-info .design-checkbox {
  margin-bottom: 10px;
}
@media (max-width: 799px) {
  .children-info .design-checkbox,
  .animal-info .design-checkbox {
    margin-bottom: -10px;
  }
}
.animal-info .control-label {
  margin-top: 0px;
}
.animal-info .design-checkbox {
  padding-left: 0px;
}
.child-info .checkbox-inline:first-child {
  margin-left: 5px;
}
.done-btn {
  margin-top: 120px;
}
.done-btn.mt-90 {
  margin-top: 90px;
}
@media (max-width: 799px) {
  .done-btn.mt-90 {
    margin-top: 70px;
  }
}
@media (max-width: 799px) {
  .done-btn {
    margin-top: 100px;
  }
}
.video-contest .m {
  display: none;
}
@media (max-width: 1024px) {
  .video-contest .m {
    display: block;
  }
}
.video-contest .container {
  position: relative;
}
@media (max-width: 1024px) {
  .video-contest .container {
    padding: 0 15px !important;
    width: 100%;
    max-width: 100%;
  }
}
.video-contest .video-m {
  display: none;
}
@media (max-width: 1024px) {
  .video-contest .video-m {
    display: block;
  }
  .video-contest .video-m .sub-content {
    font-size: 18px;
    color: #464646;
    font-weight: 500;
    padding-top: 60px;
    padding-bottom: 26px;
    background: #f8f8f9;
  }
  .video-contest .video-m .sub-content .event-period {
    font-size: 15px;
    font-weight: normal;
  }
  .video-contest .video-m .sub-content .event-period strong {
    color: #ed5569;
    font-weight: 500;
    margin-right: 7px;
  }
  .video-contest .video-m img.main {
    width: 100%;
  }
}
.video-contest h1 {
  font-size: 22px;
  color: #222;
  margin-bottom: 20px;
}
.video-contest h1 small {
  font-size: 22px;
  color: #999;
}
@media (max-width: 1024px) {
  .video-contest h1 {
    font-size: 16px;
  }
  .video-contest h1 small {
    font-size: 16px;
  }
}
.video-contest .header-wrap {
  width: 100%;
  background: #f8f8f9 url(/assets/img/video-contest/bg-main.jpg) center top no-repeat;
  background-size: cover;
  height: 1040px;
}
.video-contest .header-wrap .container {
  padding: 0 !important;
  position: relative;
}
.video-contest .header-wrap logo-image {
  position: absolute;
  left: 0;
  top: 0;
}
.video-contest .header-wrap logo-image img {
  width: 120px;
}
@media (max-width: 1024px) {
  .video-contest .header-wrap logo-image {
    position: absolute;
    left: 40px;
    top: 0;
  }
  .video-contest .header-wrap logo-image img {
    width: 90px;
  }
}
.video-contest .header-wrap .in-header {
  height: 620px;
  background: url(/assets/img/video-contest/img-main.jpg) center -1px no-repeat;
  background-size: 100%;
  width: 100%;
}
.video-contest .header-wrap img.header-content {
  max-width: 100%;
}
@media (max-width: 1024px) {
  .video-contest .header-wrap img.header-content {
    display: none;
  }
}
@media (max-width: 1024px) {
  .video-contest .header-wrap {
    background: none;
    height: auto;
  }
  .video-contest .header-wrap .in-header {
    background: none;
    height: auto;
  }
}
.video-contest .video-wrap {
  margin: 70px auto 50px;
  background: #fff;
}
.video-contest .video-wrap .container {
  padding: 0;
}
@media (max-width: 1024px) {
  .video-contest .video-wrap {
    margin: 60px auto 0px;
  }
}
.video-contest .video-wrap .video-lists {
  width: 100%;
}
.video-contest .video-wrap .video-lists li {
  width: 33.333%;
  display: inline-block;
  margin-bottom: 50px;
  vertical-align: top;
}
@media (max-width: 1024px) {
  .video-contest .video-wrap .video-lists li {
    width: 100%;
    margin-bottom: 40px;
  }
}
.video-contest .video-wrap .video-lists .video-card {
  margin: 0 13px;
  position: relative;
}
.video-contest .video-wrap .video-lists .video-card .video-thumb-wrap {
  position: relative;
  font-size: 16px;
}
.video-contest .video-wrap .video-lists .video-card .video-thumb-wrap img.thumb {
  width: 100%;
  height: 222px;
}
@media (max-width: 1024px) {
  .video-contest .video-wrap .video-lists .video-card .video-thumb-wrap img.thumb {
    height: auto;
  }
}
.video-contest .video-wrap .video-lists .video-card .video-thumb-wrap .number {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 42px;
  height: 42px;
  background: #000;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
}
.video-contest .video-wrap .video-lists .video-card .video-thumb-wrap .cover {
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.video-contest .video-wrap .video-lists .video-card .video-thumb-wrap .cover img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -33.5px;
  margin-top: -33.5px;
}
.video-contest .video-wrap .video-lists .video-card .video-thumb-wrap:hover {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.video-contest .video-wrap .video-lists .video-card .video-thumb-wrap:hover .cover {
  z-index: 10;
}
.video-contest .video-wrap .video-lists .video-card .desc {
  padding-top: 15px;
  position: relative;
}
.video-contest .video-wrap .video-lists .video-card .desc .title {
  margin-bottom: 10px;
  margin-right: 70px;
  font-size: 16px;
  font-weight: 500;
}
.video-contest .video-wrap .video-lists .video-card .desc .nick {
  color: #999999;
  font-size: 14px;
  margin-right: 70px;
}
@media (max-width: 1024px) {
  .video-contest .video-wrap .video-lists .video-card .desc .title {
    margin-bottom: 5px;
    font-size: 14px;
  }
  .video-contest .video-wrap .video-lists .video-card .desc .nick {
    font-size: 12px;
  }
}
.video-contest .video-wrap .video-lists .video-card .desc .btn-wrap {
  position: absolute;
  right: 0;
  top: 15px;
  border-left: 1px solid #eee;
  max-width: 60px;
  padding: 2px 10px;
}
.video-contest .video-wrap .video-lists .video-card .desc .btn-wrap button {
  outline: none;
  background: none;
  border: none;
  color: #444;
  font-size: 12px;
  font-weight: 500;
}
.video-contest .video-wrap .video-lists .video-card .desc .btn-wrap button:hover {
  background: none;
  border: none;
}
.video-contest .video-wrap .video-lists .video-card .desc .btn-wrap button i.thumb {
  background: url(/assets/img/video-contest/ic-vote.svg) center center no-repeat;
  width: 23px;
  height: 21px;
  display: inline-block;
}
.video-contest .video-wrap .video-lists.ok .video-card .desc .btn-wrap button {
  opacity: .3;
  pointer-events: none;
}
.video-contest .video-wrap .row {
  margin-left: -13px;
  margin-right: -13px;
}
.video-contest .hide {
  display: none;
}
.video-contest .comment-wrap {
  background: #f8f8f9;
  padding: 100px 0 100px;
}
.video-contest .comment-wrap .video-comment-list {
  max-width: 1000px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .video-contest .comment-wrap .video-comment-list {
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .video-contest .comment-wrap {
    padding: 40px 0 100px;
  }
}
.video-contest .comment-wrap .comment-form {
  background: #f8f8f8;
  border-top: none;
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
}
.video-contest .comment-wrap .comment-form .avatar {
  display: none;
}
.video-contest .comment-wrap .comment-form .note-frame {
  margin: 0 !important;
  width: 810px;
}
@media (max-width: 1024px) {
  .video-contest .comment-wrap .comment-form .note-frame {
    width: 100%;
  }
}
.video-contest .comment-wrap .comment-form .btn.btn-custom.type5 {
  width: 170px;
  height: 88px;
  background: #ed5569;
  border: #ed5569;
  font-size: 16px;
}
@media (max-width: 1024px) {
  .video-contest .comment-wrap .comment-form .btn.btn-custom.type5 {
    margin-top: 10px;
    width: 100%;
    height: 44px;
  }
}
@media (max-width: 1024px) {
  .video-contest .comment-wrap .comment-form {
    width: 100%;
  }
}
.video-contest .comment-wrap .note-editor.note-frame .note-placeholder {
  padding: 15px;
  font-size: 16px;
}
@media (max-width: 1024px) {
  .video-contest .comment-wrap .note-editor.note-frame .note-placeholder {
    font-size: 14px;
    padding: 10px;
  }
}
.video-contest .comment-wrap .comment-item {
  padding: 20px 0px 0 0px;
  font-size: 14px;
}
.video-contest .comment-wrap .comment-item p {
  font-size: 16px;
}
@media (max-width: 1024px) {
  .video-contest .comment-wrap .comment-item p {
    font-size: 14px;
  }
}
.video-contest .comment-wrap .comment-item .management {
  font-size: 12px;
  display: inline-block;
}
.video-contest .comment-wrap .comment-item .management a {
  color: #999;
}
.video-contest .comment-wrap .comment-item .management .bar {
  display: inline-block;
  margin: 0 5px;
  color: #e2e2e2;
}
.video-contest .comment-wrap .comment-item .avatar {
  display: none;
}
.video-contest .comment-wrap .comment-item .content-wrap {
  padding-left: 0;
  max-width: 100%;
}
.video-contest .comment-wrap .comment-item .grade {
  display: none;
}
.video-contest .comment-wrap .comment-item .content {
  padding-left: 0;
  padding-top: 5px;
  font-size: 16px;
}
@media (max-width: 1024px) {
  .video-contest .comment-wrap .comment-item .content {
    font-size: 14px;
  }
}
.video-contest .comment-wrap .comment-item .nick a {
  color: #ed5569;
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 1024px) {
  .video-contest .comment-wrap .comment-item .nick a {
    font-size: 12px;
  }
}
.video-contest .comment-wrap .comment-item .date {
  color: #999999;
}
@media (max-width: 1024px) {
  .video-contest .comment-wrap .comment-item .date {
    font-size: 12px;
  }
}
.video-contest .comment-wrap .comment-item a.reply {
  display: none;
}
.video-contest-modal {
  margin: 0;
  min-width: 100%;
  height: 100%;
}
.video-contest-modal h2 {
  margin-bottom: 0;
  padding-right: 30px;
  padding-bottom: 15px;
}
.video-contest-modal h2.result {
  line-height: 20px;
}
@media (max-width: 1024px) {
  .video-contest-modal h2 {
    font-size: 14px;
  }
}
.video-contest-modal h2 .num {
  margin-right: 10px;
  display: inline-block;
  width: 30px;
  height: 30px;
  background: #000;
  color: #fff;
  line-height: 28px;
  text-align: center;
}
.video-contest-modal .video {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}
.video-contest-modal .video iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.video-contest.result .w {
  display: block;
}
@media (max-width: 1024px) {
  .video-contest.result .w {
    display: none !important;
  }
}
.video-contest.result .header-wrap {
  width: 100%;
  background: #f8f8f9 url(/assets/img/video-contest/result/bg-main.jpg) center top no-repeat;
  background-size: cover;
  height: 678px;
}
.video-contest.result .header-wrap .in-header {
  height: 678px;
  background: url(/assets/img/video-contest/result/img-main.jpg) center -1px no-repeat;
  background-size: 100%;
  width: 100%;
}
@media (max-width: 1024px) {
  .video-contest.result .header-wrap {
    background: none;
    height: auto;
  }
  .video-contest.result .header-wrap .in-header {
    background: none;
    height: auto;
  }
  .video-contest.result .header-wrap img.main {
    width: 100%;
  }
}
.video-contest.result section {
  padding: 100px 0;
  position: relative;
  text-align: center;
}
.video-contest.result section h1 {
  margin-bottom: 25px;
  font-weight: bold;
}
@media (max-width: 1024px) {
  .video-contest.result section h1 {
    margin-bottom: 18px;
  }
}
@media (max-width: 1024px) {
  .video-contest.result section {
    padding: 50px 0 60px;
  }
}
.video-contest.result section .bg .top {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
@media (max-width: 799px) {
  .video-contest.result section .bg .top {
    top: 170px;
  }
}
.video-contest.result section .bg .bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}
@media (max-width: 799px) {
  .video-contest.result section .bg .bottom {
    bottom: 30px;
  }
}
@media (max-width: 1024px) {
  .video-contest.result section .bg.footer .bottom {
    bottom: 34%;
  }
}
.video-contest.result section .container {
  width: 1000px;
  margin: 0 auto;
  padding: 0;
}
.video-contest.result section h2 {
  color: #5c19dd;
  line-height: normal;
  font-size: 24px;
}
.video-contest.result section p.description {
  font-size: 18px;
  color: #222;
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .video-contest.result section h1 > img {
    width: 85px;
  }
  .video-contest.result section h2 {
    font-size: 18px;
    margin-bottom: 4px;
  }
  .video-contest.result section p.description {
    font-size: 16px;
  }
}
.video-contest.result section img.main {
  width: 1000px;
  height: 560px;
}
@media (max-width: 1024px) {
  .video-contest.result section img.main {
    width: 100%;
    height: auto;
  }
}
.video-contest.result section .cover {
  display: none;
  width: 100%;
  height: 100%;
}
.video-contest.result section .cover img.play {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -32.5px;
  margin-top: -32.5px;
  width: 65px;
}
.video-contest.result section .cnt {
  color: #c5c5c5 !important;
}
.video-contest.result section .award1 {
  margin-top: 30px;
  position: relative;
  z-index: 10;
}
.video-contest.result section .award1:hover {
  cursor: pointer;
}
.video-contest.result section .award1:hover .cover {
  display: block;
}
.video-contest.result section .award1:hover .cover img.play {
  top: 50%;
}
@media (max-width: 799px) {
  .video-contest.result section .award1 {
    margin-top: 20px;
  }
}
.video-contest.result section .inline {
  display: inline-block;
  vertical-align: middle;
}
.video-contest.result section .img-wrap {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.video-contest.result section .img-wrap:hover {
  cursor: pointer;
}
.video-contest.result section .img-wrap:hover .cover {
  display: block;
}
@media (max-width: 1024px) {
  .video-contest.result section .img-wrap {
    display: block;
  }
}
.video-contest.result section .award2 {
  margin-top: 50px;
}
@media (max-width: 1024px) {
  .video-contest.result section .award2 {
    margin-top: 0;
  }
}
.video-contest.result section .award2 h2 {
  color: #765eff;
  margin-bottom: 10px;
}
@media (max-width: 799px) {
  .video-contest.result section .award2 h2 {
    margin-bottom: 4px;
  }
}
.video-contest.result section .award2 li:first-child {
  text-align: left;
  margin-bottom: 30px;
}
.video-contest.result section .award2 li:first-child .inline {
  padding-left: 50px;
  max-width: 400px;
}
@media (max-width: 1024px) {
  .video-contest.result section .award2 li:first-child {
    margin-bottom: 50px;
    max-width: 100%;
  }
}
.video-contest.result section .award2 li:last-child {
  text-align: right;
}
.video-contest.result section .award2 li:last-child .inline {
  text-align: left;
  padding-right: 50px;
  max-width: 400px;
}
@media (max-width: 1024px) {
  .video-contest.result section .award2 li:last-child .inline {
    padding: 0;
    text-align: center;
    display: block;
    max-width: 100%;
  }
}
.video-contest.result section .award2 li img.main {
  width: 550px;
  height: 330px;
}
.video-contest.result section .award2 li img.main.w {
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 1024px) {
  .video-contest.result section .award2 li img.main {
    width: 100%;
    height: auto;
    display: block;
  }
}
@media (max-width: 1024px) {
  .video-contest.result section .award2 li p {
    margin-bottom: 20px;
  }
}
.video-contest.result section .award2 .cover img.play {
  margin-left: -47.5px;
  margin-top: -47.5px;
}
@media (max-width: 1024px) {
  .video-contest.result section .award2 .cover img.play {
    margin-left: -32.5px;
    margin-top: -32.5px;
  }
}
.video-contest.result section .award3 {
  margin-top: 50px;
}
@media (max-width: 1024px) {
  .video-contest.result section .award3 {
    margin-top: 0;
  }
}
.video-contest.result section .award3 h2 {
  color: #0fd48c;
  margin-bottom: 6px;
}
@media (max-width: 799px) {
  .video-contest.result section .award3 h2 {
    margin-bottom: 4px;
  }
}
.video-contest.result section .award3 img.main {
  width: 480px;
  height: 294px;
}
@media (max-width: 1024px) {
  .video-contest.result section .award3 img.main {
    float: none;
    width: 100%;
    height: auto;
  }
}
.video-contest.result section .award3 li {
  float: left;
  width: 50%;
}
@media (max-width: 1024px) {
  .video-contest.result section .award3 li {
    float: none;
    width: 100%;
  }
  .video-contest.result section .award3 li:first-child {
    margin-bottom: 50px;
  }
}
.video-contest.result section .award3 li p {
  line-height: 22px;
  font-size: 18px;
  color: #222;
  margin-bottom: 25px;
}
@media (max-width: 1024px) {
  .video-contest.result section .award3 li p {
    height: auto;
    font-size: 16px;
    margin-bottom: 20px;
  }
}
.video-contest.result section .award3 .cover img.play {
  margin-top: -43.75px;
  margin-left: -32.5px;
}
@media (max-width: 1024px) {
  .video-contest.result section .award3 .cover img.play {
    margin-top: -32.5px;
    margin-left: -32.5px;
  }
}
.video-contest.result section .award4 {
  margin: 50px auto 0;
  position: relative;
  z-index: 10;
}
@media (max-width: 1024px) {
  .video-contest.result section .award4 {
    margin-top: 40px;
  }
}
.video-contest.result section .award4 li {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}
.video-contest.result section .award4 li img {
  width: 215px;
  height: 172px;
}
@media (max-width: 799px) {
  .video-contest.result section .award4 li img {
    width: 140px;
    height: auto;
  }
}
@media (max-width: 1024px) {
  .video-contest.result section .award4 li {
    width: 100%;
  }
}
.video-contest.result section .award4 li:last-child {
  border-left: 1px solid #e5e5e5;
  margin-right: -1px;
}
.video-contest.result section .award4 li:last-child img {
  width: 172px;
  height: 172px;
}
@media (max-width: 799px) {
  .video-contest.result section .award4 li:last-child img {
    width: 120px;
    height: 120px;
  }
}
@media (max-width: 1024px) {
  .video-contest.result section .award4 li:last-child {
    margin-top: 60px;
    border-left: 0;
    margin-right: 0;
  }
}
.video-contest.result section .award4 li strong {
  line-height: 22px;
  margin: 20px 0 30px;
  font-size: 20px;
  color: #30364e;
}
.video-contest.result section .award4 li img.main {
  border-radius: 50%;
}
.video-contest.result section .award4 span {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
  display: inline-block;
  padding: 5px 15px;
  margin: 0 3px 10px;
}
.video-contest.result section .award4 span:after {
  content: '';
  display: block;
}
.video-contest.result footer {
  background: #0c1a4d;
  padding-bottom: 100px;
  text-align: center;
}
.video-contest.result footer img {
  margin: 0 auto;
}
.video-contest.result footer img.m {
  width: 100%;
}
.webview-noti .bg-black {
  width: 100%;
  height: 100%;
  position: fixed;
  opacity: 0.7;
  background-color: #000000;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.webview-noti .bg-black .noti-area {
  width: 100%;
  max-width: 500px;
  border-radius: 3px;
  background-color: #ffffff;
  padding: 30px 0px;
  margin: 0px 15px;
  text-align: center;
  font-size: 16px;
  color: #222222;
}
.webview-noti .bg-black .noti-area span {
  color: #999999;
  font-size: 14px;
}
.widget-modal {
  padding: 10px 20px 0 20px;
}
@media (max-width: 799px) {
  .widget-modal {
    padding: 0px;
  }
}
.widget-modal h2 {
  font-weight: 500;
  font-size: 20px;
  line-height: 29px;
  color: #222222;
  border-bottom: none;
  margin-bottom: 10px;
  padding-bottom: 22px;
  border-bottom: 1px solid #dddddd;
}
@media (max-width: 799px) {
  .widget-modal h2 {
    margin-bottom: 0;
    font-size: 18px;
    padding-bottom: 15px;
  }
}
.widget-modal hr {
  margin: 50px 0;
}
@media (max-width: 799px) {
  .widget-modal hr {
    margin: 30px 0;
  }
}
.widget-modal section.get-widget {
  background: #fff;
  color: #000;
}
.widget-modal section.get-widget h4 {
  color: #222;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 3px;
}
@media (max-width: 799px) {
  .widget-modal section.get-widget h4 {
    margin-bottom: 53px;
  }
}
.widget-modal section.get-widget p {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #666666;
  margin-bottom: 55px;
}
.widget-modal section.get-widget .pc img {
  width: auto;
}
.widget-modal section.get-widget .select-widget {
  float: none;
}
.widget-modal section.get-widget .select-widget ul {
  display: flex;
}
.widget-modal section.get-widget .select-widget li {
  padding-left: 0;
  cursor: pointer;
  border-radius: 8px;
  margin: 0 auto;
}
.widget-modal section.get-widget .select-widget li img {
  transition: all,.4s;
  width: 260px;
}
.widget-modal section.get-widget .select-widget li:hover img {
  -ms-transform: scale(1.1);
  /* IE 9 */
  -webkit-transform: scale(1.1);
  /* Safari */
  transform: scale(1.1);
}
.widget-modal section.get-widget .select-widget li.on {
  border: 1px solid #6A1CFF;
  box-shadow: 0 4px 8px 3px rgba(206, 196, 225, 0.32);
}
.widget-modal section.get-widget .select-widget li.on .selected {
  display: block;
  z-index: 100;
}
.widget-modal section.get-widget .not-login li {
  pointer-events: none;
}
.widget-modal section.get-widget .premier-noti {
  margin-top: 50px;
  display: none;
}
.widget-modal section.get-widget .premier-noti.on {
  display: block;
}
.widget-modal section.get-widget .premier-noti .con {
  border: 1px solid #E5E5E5;
  padding: 20px;
  color: #222222;
}
.widget-modal section.get-widget .premier-noti .con ol {
  padding-left: 15px;
  margin-bottom: 0px;
}
.widget-modal section.get-widget .premier-noti .con ol li {
  color: #666666;
  list-style: disc;
  font-size: 13px;
  line-height: 19px;
}
.widget-modal section.get-widget .premier-noti strong {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #222222;
  margin-bottom: 15px;
}
.widget-modal section.get-widget .premier-noti p {
  margin: 0;
  font-size: 14px;
  color: #666;
}
.widget-modal section.get-widget .premier-noti p:nth-child(1) {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #222222;
  margin-bottom: 15px;
}
.widget-modal section.get-widget textarea {
  background: #F4F5F8;
  border: none;
  padding: 15px;
  font-size: 11px;
}
.widget-modal section.get-widget textarea.premier {
  height: 62px;
}
.widget-modal section.get-widget label {
  display: block;
  margin: 50px 0 20px;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #222222;
  text-align: left;
}
.widget-modal section.get-widget.blog-widget .blog-widget-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.widget-modal section.get-widget.blog-widget .blog-widget-title h4 {
  color: #222;
  font-size: 16px;
  font-weight: 500;
  margin: 15px 0 31px 0;
}
@media (max-width: 799px) {
  .widget-modal section.get-widget.blog-widget .blog-widget-title h4 {
    margin: 25px 0;
    font-size: 15px;
  }
}
.widget-modal section.get-widget.blog-widget .blog-widget-title .go-to-naver-admin {
  display: inline-block;
  width: 125px;
  height: 35px;
  line-height: 33px;
  border-radius: 50px;
  border: 1px solid #444;
  color: #222;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  padding-left: 3px;
}
@media (max-width: 799px) {
  .widget-modal section.get-widget.blog-widget .blog-widget-title .go-to-naver-admin {
    width: 105px;
    height: 32px;
    line-height: 30px;
    font-size: 11px;
  }
}
.widget-modal section.get-widget.blog-widget .blog-widget-title .go-to-naver-admin::after {
  content: '';
  display: inline-block;
  width: 9px;
  height: 9px;
  background: url(/assets/img/common/arrow-right.svg) no-repeat;
  background-size: contain;
  margin-left: 2px;
}
@media (max-width: 799px) {
  .widget-modal section.get-widget.blog-widget .blog-widget-title .go-to-naver-admin::after {
    width: 8px;
    height: 8px;
  }
}
.widget-modal section.get-widget.blog-widget p {
  color: #666;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 10px;
}
@media (max-width: 799px) {
  .widget-modal section.get-widget.blog-widget p {
    font-size: 12px;
  }
}
.widget-modal section.get-widget.blog-widget .box-area {
  width: 620px;
  height: 230px;
  margin-bottom: 30px;
}
.widget-modal section.get-widget.blog-widget .box-area:last-child {
  margin-bottom: 0;
}
.widget-modal section.get-widget.blog-widget .box-area img {
  width: 100%;
}
.widget-modal section.get-widget.blog-widget .box-area img .m {
  display: none;
}
@media (max-width: 799px) {
  .widget-modal section.get-widget.blog-widget .box-area {
    width: 325px;
    height: 150px;
    margin-bottom: 30px !important;
  }
  .widget-modal section.get-widget.blog-widget .box-area img .w {
    display: none;
  }
  .widget-modal section.get-widget.blog-widget .box-area img .m {
    display: block;
  }
}
@media (max-width: 799px) {
  .widget-modal section.get-widget p {
    font-size: 12px;
  }
  .widget-modal section.get-widget .mobile p {
    margin: 30px auto 0;
    border: 1px solid #eee;
    max-width: 335px;
    line-height: 50px;
    height: 50px;
  }
}
@media (max-width: 799px) {
  .widget-modal section.get-widget .pc {
    display: none;
  }
}
.widget-modal section.get-widget .mobile {
  display: none;
}
@media (max-width: 799px) {
  .widget-modal section.get-widget .mobile {
    display: block;
    margin: 0 auto;
  }
}
.widget-modal .mobile-widget {
  display: flex;
}
.widget-modal .mobile-widget img:nth-child(1) {
  width: 104px;
  height: 106px;
  margin-right: -10px;
}
.widget-modal .mobile-widget img:nth-child(2) {
  width: 98px;
  height: 111px;
}
.widget-modal .widget-guide {
  margin-bottom: 25px;
}
.widget-modal .widget-guide h1 {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #222222;
  margin-top: 50px;
  margin-bottom: 20px;
}
@media (max-width: 799px) {
  .widget-modal .widget-guide h1 {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-top: 35px;
  }
}
.widget-modal .widget-guide ol {
  padding-left: 0;
}
.widget-modal .widget-guide li {
  display: table;
  color: #fff;
  font-size: 15px;
  padding-bottom: 0px !important;
  height: 45px;
}
.widget-modal .widget-guide li:nth-child(2),
.widget-modal .widget-guide li:nth-child(3) {
  margin-top: -8px;
}
.widget-modal .widget-guide li::before {
  background: url(/assets/img/guide/widget/ic-dots.svg) no-repeat 3px 20px;
  content: '';
  display: table-cell;
  font-size: 10px;
  color: #333333;
  width: 25px;
}
.widget-modal .widget-guide li:nth-child(3)::before {
  background: none;
}
.widget-modal .widget-guide li > span {
  display: table-cell;
  vertical-align: sub;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: -0.2px;
  color: #222222;
  padding-left: 10px;
}
@media (max-width: 799px) {
  .widget-modal .widget-guide li > span {
    padding: 10px 0 15px;
    display: block;
  }
}
.widget-modal .widget-guide li:nth-child(4)::before {
  vertical-align: baseline;
  background: none;
}
.widget-modal .widget-guide .dot {
  position: absolute;
  margin-left: -24px;
  margin-top: 12px;
}
.widget-modal.naver-url-modal .m {
  display: none;
}
@media (max-width: 799px) {
  .widget-modal.naver-url-modal .m {
    display: block;
  }
  .widget-modal.naver-url-modal .w {
    display: none;
  }
}
.widget-modal.naver-url-modal .btn-ok {
  margin-bottom: 10px;
  width: 300px;
  height: 52px;
}
@media (max-width: 799px) {
  .widget-modal.naver-url-modal .btn-ok {
    width: 100%;
  }
}
.widget-modal.naver-url-modal h2 {
  border-bottom: none;
}
.widget-modal.naver-url-modal h2::before {
  content: '';
  display: inline-block;
  width: 29.217px;
  height: 29.217px;
  background-image: url(/assets/img/media/ic-connect-blog-on.svg);
  background-size: contain;
  vertical-align: bottom;
  margin-right: 5px;
}
@media (max-width: 799px) {
  .widget-modal.naver-url-modal h2::before {
    display: none;
  }
}
@media (max-width: 799px) {
  .widget-modal.naver-url-modal h2 {
    margin-bottom: 8px;
  }
}
.widget-modal.naver-url-modal hr {
  margin: 40px auto 20px auto !important;
}
@media (max-width: 799px) {
  .widget-modal.naver-url-modal hr {
    display: none;
  }
}
.widget-modal.naver-url-modal .blog-widget.widget-2 {
  margin-top: 30px;
  overflow: hidden;
}
.widget-modal.naver-url-modal .blog-widget.widget-2 p {
  color: #666 !important;
  font-size: 13px;
}
.widget-modal.naver-url-modal .blog-widget.widget-2 .box-area {
  width: 100%;
  height: 198px;
  margin-bottom: 34px;
}
@media (max-width: 799px) {
  .widget-modal.naver-url-modal .blog-widget.widget-2 .box-area {
    width: 325px;
    height: 150px;
    display: flex;
    justify-content: center;
    margin: 0 auto 34px auto;
  }
}
.widget-modal-new .visitor-section {
  margin-top: 25px;
}
@media (max-width: 799px) {
  .widget-modal-new .visitor-section {
    margin-top: 20px;
  }
}
.widget-modal-new .visitor-section .top-area {
  border-radius: 5px;
  background: #F8F6FF;
  width: 100%;
  display: flex;
  height: 60px;
  padding: 10px;
  justify-content: center;
  align-items: center;
}
.widget-modal-new .visitor-section .top-area span {
  color: #444;
  font-size: 16px;
  font-weight: 400;
}
.widget-modal-new .visitor-section .top-area span.revu-color {
  color: #6753F2;
  font-size: 16px;
  font-weight: 700;
}
.widget-modal-new .goto-naver-widget {
  margin-top: 45px;
  margin-bottom: 40px;
}
.widget-modal-new .goto-naver-widget.visit-none {
  margin-top: 25px;
}
@media (max-width: 799px) {
  .widget-modal-new .goto-naver-widget {
    margin-bottom: 24px;
  }
}
.widget-modal-new .goto-naver-widget .title {
  margin: 0;
}
.widget-modal-new .goto-naver-widget .desc {
  margin-bottom: 15px;
}
.widget-modal-new .goto-naver-widget .go-to-naver-admin {
  display: flex;
  width: 200px;
  padding: 10px 0;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  border: 1px solid #999;
  background: #FFF;
  color: #333;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
}
.widget-modal-new .goto-naver-widget .go-to-naver-admin:after {
  content: '';
  background-image: url(/assets/img/common/arrow-right.svg);
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-left: 2px;
}
.widget-modal-new .get-widget .box-area img {
  width: 100%;
}
.widget-modal-new .get-widget .box-area.last {
  margin-top: 20px;
}
.widget-modal-new .get-widget .desc {
  margin-top: 10px;
}
.widget-modal-new .title {
  color: #333;
  font-size: 15px;
  font-weight: 700;
}
@media (max-width: 799px) {
  .widget-modal-new .title {
    font-size: 14px;
  }
}
.widget-modal-new .desc {
  color: #666;
  font-size: 12px;
  font-weight: 400;
  padding: 0;
}
.widget-modal-new .desc .revu-color {
  font-weight: 700;
  color: #6753F2;
}
.widget-modal-new hr {
  margin-top: 40px;
}
@media (max-width: 799px) {
  .widget-modal-new hr {
    margin-top: 30px;
  }
}
.media-connect hr {
  margin-top: 40px;
}
.media-request-modal {
  text-align: center;
  width: 500px;
  padding: 10px 20px;
}
@media (max-width: 799px) {
  .media-request-modal {
    width: 330px;
    padding: 0;
  }
  .media-request-modal p {
    margin: 0 0 8px;
  }
}
.media-request-modal .request-title {
  padding-top: 27px;
}
.media-request-modal .request-title p {
  color: #222;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}
.media-request-modal .request-title p .revu-color {
  color: #6753F2;
  font-size: 22px;
  font-weight: 700;
}
@media (max-width: 799px) {
  .media-request-modal .request-title p {
    font-size: 18px;
  }
  .media-request-modal .request-title p .revu-color {
    font-size: 20px;
  }
}
.media-request-modal .request-desc {
  color: #222;
  font-size: 18px;
  font-weight: 400;
}
.media-request-modal .request-btn button {
  width: 275px;
}
@media (max-width: 799px) {
  .media-request-modal .request-btn button {
    width: 330px;
  }
}
.media-request-modal hr {
  margin-top: 30px;
}