@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fastly.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
body,
html {
  margin: 0;
  padding: 0;
}

body {
  -webkit-text-size-adjust: none;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fff),
    color-stop(49%, #fff),
    color-stop(51%, #f8f8f9),
    to(#f8f8f9)
  );
  background-image: linear-gradient(
    to right,
    #fff,
    #fff 49%,
    #f8f8f9 51%,
    #f8f8f9
  );
}

body * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

ul,
ol,
li,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
  list-style: none;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

input,
select,
textarea,
fieldset,
button {
  outline: none;
  margin: 0;
  padding: 0;
  width: auto;
  min-width: auto;
  border: 0;
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

em {
  font-style: normal;
}

textarea {
  resize: none;
}

button {
  background-color: transparent;
}

.hidden {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
}

html,
body,
textarea {
  width: 100%;
  font-size: 16px;
  font-family: "Noto Sans KR", sans-serif;
}

.theme-facebook {
  color: #4e75a8;
}

a {
  color: #333333;
}

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

.row [class*="col-"] {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.row [class*="col-"]:nth-last-of-type(1) {
  margin-right: 0;
}

.row .col-1 {
  -ms-flex-preferred-size: calc(100% / 12 * 1 - 1.25rem);
  flex-basis: calc(100% / 12 * 1 - 1.25rem);
  margin-right: 1.25rem;
}

.row .col-2 {
  -ms-flex-preferred-size: calc(100% / 12 * 2 - 1.25rem);
  flex-basis: calc(100% / 12 * 2 - 1.25rem);
  margin-right: 1.25rem;
}

.row .col-3 {
  -ms-flex-preferred-size: calc(100% / 12 * 3 - 1.25rem);
  flex-basis: calc(100% / 12 * 3 - 1.25rem);
  margin-right: 1.25rem;
}

.row .col-4 {
  -ms-flex-preferred-size: calc(100% / 12 * 4 - 1.25rem);
  flex-basis: calc(100% / 12 * 4 - 1.25rem);
  margin-right: 1.25rem;
}

.row .col-5 {
  -ms-flex-preferred-size: calc(100% / 12 * 5 - 1.25rem);
  flex-basis: calc(100% / 12 * 5 - 1.25rem);
  margin-right: 1.25rem;
}

.row .col-6 {
  -ms-flex-preferred-size: calc(100% / 12 * 6 - 1.25rem);
  flex-basis: calc(100% / 12 * 6 - 1.25rem);
  margin-right: 1.25rem;
}

.row .col-7 {
  -ms-flex-preferred-size: calc(100% / 12 * 7 - 1.25rem);
  flex-basis: calc(100% / 12 * 7 - 1.25rem);
  margin-right: 1.25rem;
}

.row .col-8 {
  -ms-flex-preferred-size: calc(100% / 12 * 8 - 1.25rem);
  flex-basis: calc(100% / 12 * 8 - 1.25rem);
  margin-right: 1.25rem;
}

.row .col-9 {
  -ms-flex-preferred-size: calc(100% / 12 * 9 - 1.25rem);
  flex-basis: calc(100% / 12 * 9 - 1.25rem);
  margin-right: 1.25rem;
}

.row .col-10 {
  -ms-flex-preferred-size: calc(100% / 12 * 10 - 1.25rem);
  flex-basis: calc(100% / 12 * 10 - 1.25rem);
  margin-right: 1.25rem;
}

.row .col-11 {
  -ms-flex-preferred-size: calc(100% / 12 * 11 - 1.25rem);
  flex-basis: calc(100% / 12 * 11 - 1.25rem);
  margin-right: 1.25rem;
}

.row .col-12 {
  -ms-flex-preferred-size: calc(100% / 12 * 12 - 1.25rem);
  flex-basis: calc(100% / 12 * 12 - 1.25rem);
  margin-right: 1.25rem;
}

.container {
  width: 100%;
  /*max-width: 74.0625rem;*/
  margin: auto;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  font-size: 0.75rem;
  color: #333333;
  max-width: 76.25rem;
}

.container .has-aside {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  background-color: #fff;
}

.container .has-aside.sticky-type aside {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 22.5rem;
  flex: 0 0 22.5rem;
  display: block;
  /*position: -webkit-sticky;
  position: sticky;*/
  top: 7.5rem;
  /*height: calc(100vh - 7.5rem);*/
  overflow-y: auto;
  /* width */
  /* Track */
  /* Handle */
}

.container .has-aside.sticky-type aside::-webkit-scrollbar {
  height: 0.3125rem;
  width: 0.3125rem;
}

.container .has-aside.sticky-type aside::-webkit-scrollbar-track {
  background: #ffffff;
}

.container .has-aside.sticky-type aside::-webkit-scrollbar-thumb {
  background: #b0b0b0;
  border-radius: 0.625rem;
}

.container .has-aside.sticky-type .content-wrap {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  padding-right: 1.5625rem;
  background-color: #ffffff;
}

.container .content-wrap {
  padding-top: 2.5rem;
}

.container .content-wrap .h2-title {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  font-size: 1.125rem;
  font-weight: 800;
  color: #555555;
}

.container .content-wrap .h2-title .prefix,
.container .content-wrap .h2-title .suffix,
.container .content-wrap .h2-title .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.container .content-wrap .h2-title .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.container .content-wrap .h2-title .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.container .content-wrap .h2-title .prefix {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.container .content-wrap .h2-title .prefix [class*="icon-"] {
  margin-right: 0.625rem;
}

.container .content-wrap .h2-title .suffix {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.container .content-wrap .h2-title .suffix .sub-text {
  color: #999999;
  font-weight: 400;
}

.container .content-wrap .content-header {
  border-radius: 0.5rem;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  height: 8.75rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 3.4375rem;
  padding-right: 2.5rem;
  color: #ffffff;
  background-repeat: no-repeat;
  background-size: cover;
}

.container .content-wrap .content-header .prefix,
.container .content-wrap .content-header .suffix,
.container .content-wrap .content-header .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.container .content-wrap .content-header .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.container .content-wrap .content-header .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.container .content-wrap .content-header.has-bg-01 {
  background-image: url(../images/content_header_pannel_bg_01.png);
}

.container .content-wrap .content-header.has-bg-01 .btn-white {
  color: #7b45fd;
}

.container .content-wrap .content-header.has-bg-01 .btn-white.has-arrow:after {
  background-position: -1.75rem -65.45rem;
}

.container .content-wrap .content-header.has-bg-02 {
  background-image: url(../images/content_header_pannel_bg_02.png);
}

.container .content-wrap .content-header.has-bg-03 {
  background-image: url(../images/content_header_pannel_bg_03.png);
}

.container .content-wrap .content-header.has-bg-03 .btn-white {
  color: #ff8acc;
}

.container .content-wrap .content-header.has-bg-03 .btn-white.has-arrow:after {
  background-position: -1.75rem -64.85rem;
}

.container .content-wrap .content-header.has-bg-04 {
  background-image: url(../images/content_header_pannel_bg_04.png);
}

.container .content-wrap .content-header.has-bg-05 {
  border: 0.0625rem solid #c3aafe;
  background-image: url(../images/content_header_pannel_bg_05.png);
  color: #7b45fd;
}

.container .content-wrap .content-header.has-bg-05 .center .main-text {
  color: #333333;
}

.container .content-wrap .content-header.has-bg-05 .center .sub-text {
  color: #999999;
}

.container .content-wrap .content-header.has-bg-06 {
  background-image: url(../images/content_header_pannel_bg_06.png);
}

.container .content-wrap .content-header .title {
  font-size: 1.25rem;
  font-weight: 800;
  margin-right: 0.9375rem;
  white-space: nowrap;
}

.container .content-wrap .content-header .prefix {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-preferred-size: 9.0625rem;
  flex-basis: 9.0625rem;
}

.container .content-wrap .content-header .center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.container .content-wrap .content-header .center .main-text {
  font-size: 1.0625rem;
}

.container .content-wrap .content-header .center .sub-text {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 0.3125rem;
}

.container .content-wrap .content-header .suffix .btn.btn-primary.btn-round {
  height: 2.375rem;
  background-color: #5713fc;
  font-weight: 400;
}

.container
  .content-wrap
  .content-header
  .suffix
  .btn.btn-primary.btn-round
  .icon--question {
  margin-right: 0.3125rem;
}

.container .content-wrap .content-header .suffix .btn > span {
  margin-right: 0.3125rem;
}

.container .content-wrap .content-footer {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}

.container .content-wrap .content-footer .prefix,
.container .content-wrap .content-footer .suffix,
.container .content-wrap .content-footer .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.container .content-wrap .content-footer .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.container .content-wrap .content-footer .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.container .template {
  background-color: #ffffff;
}

.container .template .template-header .title-h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.container .template .template-header .title-h4.border-bottom {
  border-bottom: 0.0625rem solid #e4e4e4;
}

.container .template .template-header .title-h4 h4 {
  font-size: 1.125rem;
  font-weight: 800;
  color: #333333;
}

.container .template .template-header .title-h4 .sub-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-size: 0.75rem;
  font-weight: 400;
  color: #999999;
}

.container .template .summary {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}

.container .template .summary .prefix,
.container .template .summary .suffix,
.container .template .summary .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.container .template .summary .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.container .template .summary .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.container .template .template-body {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: #999999;
  line-height: 1.6;
}

.container .template .template-body .img-wrap img {
  width: 100%;
  height: 100%;
}

.container .template .vote-info {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  border-bottom: 0.0625rem solid #e4e4e4;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  /*   margin-bottom: 1.25rem; */
  font-weight: 400;
}

.container .template .vote-info .prefix,
.container .template .vote-info .suffix,
.container .template .vote-info .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.container .template .vote-info .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.container .template .vote-info .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.container .template .vote-info ul > li {
  display: inline-block;
  position: relative;
  margin-left: 0.3125rem;
  padding-right: 0.4375rem;
}

.container .template .vote-info .prefix ul > li:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 0.0625rem;
  height: 0.625rem;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-right: 0.0625rem solid #d9d9d9;
}

.container .template .vote-info .prefix ul > li:nth-last-of-type(1):after {
  border-right: 0;
}

.container .template .vote-info .catagory {
  font-size: 0.875rem;
  color: #333333;
}

.container .template .vote-info .nickname {
  font-size: 0.875rem;
  color: #999999;
}

.container .template .target-info {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.container .template .target-info > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.container .template .target-info > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.container .template .target-info > ul > li > span {
  font-size: 0.75rem;
}

.container .template .template-footer {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  font-size: 0.8125rem;
  border-top: 0.0625rem solid #e4e4e4;
  padding-top: 1.875rem;
  margin-bottom: 1.875rem;
}

.container .template .template-footer .prefix,
.container .template .template-footer .suffix,
.container .template .template-footer .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.container .template .template-footer .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.container .template .template-footer .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.container .template .template-footer [class*="vote-icons-"] {
  margin-right: 0.3125rem;
}

.container .template .template-footer .prefix > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: flex;
  width: 100%;
}

.container .template .template-footer .prefix > ul li {
  margin-right: 0.9375rem;
  color: #999999;
}

.container .template .template-footer .prefix > ul li a {
  color: #999999;
}

.container .template .template-footer .prefix > ul li .on {
  color: #ff8acc;
}

.container .template .template-footer .suffix {
  color: #999999;
}

.container .template .template-footer .suffix em {
  color: #333333;
}

.container .template .notice-sentence {
  font-weight: 400;
  color: #b0b0b0;
}

.container .template-bg-white {
  background-color: #ffffff;
}

.container .aside-links {
  margin-bottom: 0.625rem;
}

.container .aside-links > ul > li {
  padding: 0.5rem 0;
}

.container .aside-links > ul > li a {
  position: relative;
  padding: 0.625rem 2.875rem;
  font-size: 0.9375rem;
  border-radius: 0.3125rem;
  display: block;
  font-weight: 500;
}

.container .aside-links > ul > li a:hover {
  color: #896eff;
}

.container .aside-links > ul > li a.active {
  background-color: #896eff;
  color: #ffffff;
}

.container .aside-links > ul > li a .icon-white-prev-arrow {
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

section {
  min-width: 74.0625rem;
}

section:nth-of-type(1) {
  margin-top: 7.5rem;
}

.gray-box {
  background-color: #f6f6f8;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  border-radius: 0.5rem;
}

nav {
  font-family: "NanumSquare", sans-serif;
  background-color: #ffffff;
  min-width: 74.0625rem;
  height: 7.5rem;
}

nav.shadow {
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
}

nav.border-bottom {
  border-bottom: 0.0625rem solid #d9d9d9;
}

nav.top-fixed {
  display: block;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  background-color: #ffffff;
}

nav.top-fixed .container {
  height: 100%;
}

nav.top-fixed .gnb-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

nav.top-fixed .gnb-wrap .topper {
  text-align: right;
}

nav.top-fixed .gnb-wrap .topper .for-my-page {
  padding-top: 15px;
  padding-bottom: 0px;
}

nav.top-fixed .gnb-wrap .topper .for-my-page > li {
  display: inline-block;
}

nav.top-fixed .gnb-wrap .topper .for-my-page > li:after {
  content: "";
  display: inline-block;
  height: 0.625rem;
  width: 0.0625rem;
  border-right: 0.0625rem solid #999999;
  margin-left: 0.4375rem;
  margin-right: 0.3125rem;
  vertical-align: middle;
}

nav.top-fixed .gnb-wrap .topper .for-my-page > li:nth-last-of-type(1):after {
  content: none;
}

nav.top-fixed .gnb-wrap .topper .for-my-page > li a {
  color: #333333;
  font-size: 0.8rem;
  font-weight: 700;
}

nav.top-fixed .gnb-wrap .topper .for-my-page > li a.bold {
  color: #333333;
  font-weight: 800;
}

nav.top-fixed .gnb-wrap .gnb {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

nav.top-fixed .gnb-wrap .gnb .prefix,
nav.top-fixed .gnb-wrap .gnb .suffix,
nav.top-fixed .gnb-wrap .gnb .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

nav.top-fixed .gnb-wrap .gnb .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

nav.top-fixed .gnb-wrap .gnb .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

nav.top-fixed .gnb-wrap .gnb .suffix {
  height: 100%;
}

nav.top-fixed .gnb-wrap .gnb .suffix .menu-list {
  height: 100%;
}

nav.top-fixed .gnb-wrap .gnb .suffix .menu-list > ul {
  width: 100%;
  height: 100%;
}

nav.top-fixed .gnb-wrap .gnb .suffix .menu-list > ul > li {
  display: inline-block;
  height: 100%;
}

nav.top-fixed .gnb-wrap .gnb .suffix .menu-list > ul > li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 800;
  color: #333333;
  margin-left: 2.5rem;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

nav.top-fixed .gnb-wrap .gnb .suffix .menu-list > ul > li.on a,
nav.top-fixed .gnb-wrap .gnb .suffix .menu-list > ul > li:hover a {
  border-bottom: 0.125rem solid #7b45fd;
}

nav.top-fixed .gnb-wrap .gnb .suffix .menu-list > ul > li:nth-of-type(1) a {
  margin-left: 0;
}

nav.top-fixed .gnb-wrap .gnb .btn-all-menu {
  margin-left: 2.5rem;
}

nav.top-fixed .gnb-wrap .gnb .btn-all-menu:before {
  vertical-align: middle;
}

nav.all-menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: auto;
  background-color: transparent;
}

nav.all-menu .menu-wrap {
  position: absolute;
  top: 7.5rem;
  width: calc(74.0625rem - 1.875rem * 2);
  height: 0;
  border-radius: 1.25rem;
  overflow: hidden;
  background-color: #ffffff;
}

nav.all-menu .menu-wrap .container {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
  padding-left: calc(1.875rem + 3.125rem);
  padding-right: calc(1.875rem + 3.125rem);
}

nav.all-menu .menu-wrap .container .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3.75rem;
}

nav.all-menu .menu-wrap .container .row .item-wrap {
  -webkit-box-flex: 0;
  -ms-flex: 1;
  flex: 1;
  margin-right: 1rem;
  max-width: 33%;
}

nav.all-menu .menu-wrap .container .row .item-wrap:nth-last-of-type(1) {
  margin-right: 0;
}

nav.all-menu .menu-wrap .container .row .item-wrap .title {
  font-size: 1.25rem;
  font-weight: 800;
  padding-bottom: 1.25rem;
  border-bottom: 0.0625rem solid #d9d9d9;
}

nav.all-menu .menu-wrap .container .row .item-wrap .menu-list {
  padding-top: 1.25rem;
}

nav.all-menu .menu-wrap .container .row .item-wrap .menu-list > ul > li a {
  font-size: 0.95rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  color: #999999;
}

nav.all-menu
  .menu-wrap
  .container
  .row
  .item-wrap
  .menu-list
  > ul
  > li
  a::before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  margin-right: 0.825rem;
  position: relative;
  top: -5px;
  background-position: center center;
  background-repeat: no-repeat;
}

nav.all-menu
  .menu-wrap
  .container
  .row
  .item-wrap.menu1
  .menu-list
  > ul
  > li:nth-of-type(1)
  a::before {
  background-image: url("../images/ico_nav01_01.png");
}

nav.all-menu
  .menu-wrap
  .container
  .row
  .item-wrap.menu1
  .menu-list
  > ul
  > li:nth-of-type(2)
  a::before {
  background-image: url("../images/ico_nav01_02.png");
}

nav.all-menu
  .menu-wrap
  .container
  .row
  .item-wrap.menu1
  .menu-list
  > ul
  > li:nth-of-type(3)
  a::before {
  background-image: url("../images/ico_nav01_03.png");
}

nav.all-menu
  .menu-wrap
  .container
  .row
  .item-wrap.menu2
  .menu-list
  > ul
  > li:nth-of-type(1)
  a::before {
  background-image: url("../images/ico_nav02_01.png");
}

nav.all-menu
  .menu-wrap
  .container
  .row
  .item-wrap.menu3
  .menu-list
  > ul
  > li:nth-of-type(1)
  a::before {
  background-image: url("../images/ico_nav04_01.png");
}

nav.all-menu
  .menu-wrap
  .container
  .row
  .item-wrap.menu3
  .menu-list
  > ul
  > li:nth-of-type(2)
  a::before {
  background-image: url("../images/ico_nav04_02.png");
}

nav.all-menu
  .menu-wrap
  .container
  .row
  .item-wrap.menu4
  .menu-list
  > ul
  > li:nth-of-type(1)
  a::before {
  background-image: url("../images/ico_nav05_01.png");
}

nav.all-menu
  .menu-wrap
  .container
  .row
  .item-wrap.menu4
  .menu-list
  > ul
  > li:nth-of-type(2)
  a::before {
  background-image: url("../images/ico_nav05_02.png");
}

nav.all-menu
  .menu-wrap
  .container
  .row
  .item-wrap.menu4
  .menu-list
  > ul
  > li:nth-of-type(3)
  a::before {
  background-image: url("../images/ico_nav05_03.png");
}

nav.all-menu
  .menu-wrap
  .container
  .row
  .item-wrap.menu4
  .menu-list
  > ul
  > li:nth-of-type(4)
  a::before {
  background-image: url("../images/ico_nav05_04.png");
}

nav.all-menu
  .menu-wrap
  .container
  .row
  .item-wrap.menu4
  .menu-list
  > ul
  > li:nth-of-type(5)
  a::before {
  background-image: url("../images/ico_nav05_05.png");
}

nav.all-menu
  .menu-wrap
  .container
  .row
  .item-wrap.menu4
  .menu-list
  > ul
  > li:nth-of-type(6)
  a::before {
  background-image: url("../images/ico_nav05_06.png");
}

nav.all-menu
  .menu-wrap
  .container
  .row
  .item-wrap.menu5
  .menu-list
  > ul
  > li:nth-of-type(1)
  a::before {
  background-image: url("../images/ico_nav06_01.png");
}

nav.all-menu
  .menu-wrap
  .container
  .row
  .item-wrap.menu5
  .menu-list
  > ul
  > li:nth-of-type(2)
  a::before {
  background-image: url("../images/ico_nav06_02.png");
}

nav.all-menu
  .menu-wrap
  .container
  .row
  .item-wrap.menu5
  .menu-list
  > ul
  > li:nth-of-type(3)
  a::before {
  background-image: url("../images/ico_nav06_03.png");
}

nav.all-menu
  .menu-wrap
  .container
  .row
  .item-wrap.menu5
  .menu-list
  > ul
  > li:nth-of-type(4)
  a::before {
  background-image: url("../images/ico_nav06_04.png");
}

nav.all-menu
  .menu-wrap
  .container
  .row
  .item-wrap.menu5
  .menu-list
  > ul
  > li:nth-of-type(5)
  a::before {
  background-image: url("../images/ico_nav06_05.png");
}

nav.all-menu
  .menu-wrap
  .container
  .row
  .item-wrap
  .menu-list
  > ul
  > li
  a:hover {
  color: #7b45fd;
}

nav.all-menu .menu-wrap .container .row .nav-banner {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

nav.all-menu .menu-wrap .container .row .nav-banner .item-wrap {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 23.625rem;
  flex: 0 0 23.625rem;
  width: 23.625rem;
}

nav.all-menu
  .menu-wrap
  .container
  .row
  .nav-banner
  .item-wrap
  .menu-list
  > ul
  > li
  a {
  padding-top: 0;
  padding-bottom: 0;
}

nav.all-menu
  .menu-wrap
  .container
  .row
  .nav-banner
  .item-wrap
  .menu-list
  > ul
  > li
  a
  img {
  width: 100%;
}

nav.all-menu .menu-wrap .container .row:nth-last-of-type(1) {
  margin-bottom: 0;
}

nav.all-menu .menu-wrap .btn-close {
  position: absolute;
  right: 1.875rem;
  top: 1.875rem;
}

nav.all-menu.open {
  bottom: 0;
  z-index: 11;
}

nav.all-menu.open .menu-wrap {
  height: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
}

nav.all-menu.open .dimmer {
  bottom: 0;
}

nav.all-menu .dimmer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: background-color, top;
  transition: background-color, top;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  z-index: 1;
}

.btn {
  cursor: pointer;
}

.btn.btn-default {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  min-width: 7.5rem;
  height: 1.875rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.85rem;
  font-weight: 700;
  color: #ffffff;
  background-color: #7b45fd;
  border-radius: 0.5rem;
}

.btn.btn-default.btn-primary {
  background-color: #7b45fd;
}

.btn.btn-default.btn-white {
  background-color: #ffffff;
  color: #7b45fd;
}

.btn.btn-default.btn-secondary {
  background-color: #ff8acc;
}

.btn.btn-default.btn-gray {
  background-color: #999999;
}

.btn.btn-round {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  min-width: 7.5rem;
  height: 1.875rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.75rem;
  font-weight: 700;
  color: #ffffff;
  border-radius: 3.125rem;
}

.btn.btn-round.btn-border {
  background-color: #ffffff;
  color: #999999;
}

.btn.btn-round.btn-primary {
  background-color: #7b45fd;
}

.btn.btn-round.btn-white {
  background-color: #ffffff;
}

.btn.btn-round.sm {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  min-width: auto;
  height: 1.875rem;
  padding: 0 0.75rem;
  font-size: 0.6875rem;
}

.btn.btn-round.btn-filter-default {
  background-color: #ededef;
  color: #333333;
  width: 100%;
}

.btn.btn-round.btn-filter-default.active {
  background-color: #999999;
  color: #ffffff;
}

.btn.btn-border {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  min-width: 7.5rem;
  height: 1.875rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1rem;
  font-weight: 700;
  color: #ffffff;
  border: 0.0625rem solid #d9d9d9;
  border-radius: 0.5rem;
  background-color: transparent;
}

.btn.btn-border.btn-primary {
  border: 0.125rem solid #7b45fd;
  background-color: transparent;
  color: #7b45fd;
}

.btn.btn-border.btn-primary.has-arrow:after {
  background-position: -1.75rem -65.45rem;
}

.btn.btn-border.btn-secondary {
  border-color: #ff8acc;
  background-color: transparent;
  color: #ff8acc;
}

.btn.btn-border.btn-secondary.has-arrow:after {
  background-position: -1.75rem -64.9rem;
}

.btn.btn-border.btn-darkgray {
  border-color: #333333;
  background-color: transparent;
  color: #333333;
}

.btn.btn-border.btn-gray {
  border-color: #999999;
  background-color: transparent;
  color: #999999;
}

.btn.btn-border.btn-round {
  border-radius: 3.125rem;
}

.btn.btn-wide {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  min-width: 7.5rem;
  height: 1.875rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.75rem;
  font-weight: 700;
  color: #ffffff;
  border-radius: 0.5rem;
  font-size: 1rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
}

.btn.btn-wide.btn-gray {
  background-color: #999999;
}

.btn.btn-primary {
  background-color: #7b45fd;
}

.btn.btn-secondary {
  background-color: #ff8acc;
}

.btn.btn-default {
  background-color: #999999;
}

.btn.btn-disabled {
  cursor: unset;
  opacity: 0.3;
}

.btn.btn-login {
  background-color: #7b45fd;
}

.btn.btn-sm {
  min-width: unset;
  width: auto;
  height: auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.1875rem;
  padding-bottom: 0.1875rem;
  border-radius: 0.25rem;
  border-width: 0.0625rem;
  font-size: 0.8125rem;
}

.btn.btn-light-primary {
  background-color: #6c39e0;
}

.btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.btn-group .btn {
  margin-right: 0.625rem;
}

.btn-group .btn:nth-last-of-type(1) {
  margin-right: 0;
}

.btn-link {
  color: #999999;
  font-size: 0.8125rem;
  font-weight: 700;
}

.btn-link.btn-primary {
  background-color: transparent;
  color: #7b45fd;
}

.btn-link.btn-secondary {
  background-color: transparent;
  color: #ff8acc;
}

.btn-link.btn-gray {
  background-color: transparent;
  color: #999999;
}

.btn-link.btn-darkgray {
  background-color: transparent;
  color: #555555;
}

.btn-link.btn-disabled {
  cursor: unset;
  background-color: transparent;
  color: #ecebf3;
}

.btn-link.link-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn-link.link-arrow:after {
  margin-left: 0.625rem;
}

.btn-link.has-arrow:after {
  content: "";
  display: inline-block;
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  width: 0.42188rem;
  height: 0.5625rem;
  margin-left: 0.46875rem;
  background-position: -1.64062rem -59.71875rem;
  background-size: 35.15625rem;
}

.btn-more {
  display: block;
  width: 100%;
  padding: 1.25rem;
  color: #333333;
  text-align: center;
}

[class*="message-"] {
  color: #333333;
}

.align-c {
  text-align: center;
}

.align-r {
  text-align: right;
}

.align-l {
  text-align: left;
}

.fc-point {
  color: #ff5d5d;
}

.fc-primary {
  color: #7b45fd;
}

.fc-gray {
  color: #999999;
}

.emphas {
  color: #ff8acc;
}

.message-10 {
  font-size: 0.625rem;
}

.message-12 {
  font-size: 0.75rem;
}

.message-14 {
  font-size: 0.875rem;
}

.message-16 {
  font-size: 1rem;
}

.message-18 {
  font-size: 1.125rem;
}

.message-20 {
  font-size: 1.25rem;
}

.message-22 {
  font-size: 1.375rem;
}

.message-24 {
  font-size: 1.5rem;
}

.message-26 {
  font-size: 1.625rem;
}

.message-28 {
  font-size: 1.75rem;
}

.message-30 {
  font-size: 1.875rem;
}

.message-gray-box {
  background-color: #ededef;
  border: 0.0625rem solid #e4e4e4;
}

.checkbox-wrap input[type="checkbox"],
.checkbox-wrap input[type="radio"] {
  position: absolute;
  font-size: 0;
  width: 0;
  height: 0;
  left: 0;
  opacity: 0;
}

.checkbox-wrap label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.3125rem 0;
}

.checkbox-wrap label span {
  padding-left: 0.3125rem;
  color: #333333;
}

.checkbox-wrap label:before {
  content: "";
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 1.25rem;
  flex: 0 0 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  border: 0.0625rem solid #d9d9d9;
  border-radius: 0.25rem;
}

.checkbox-wrap input[type="checkbox"]:checked + label:before {
  border-color: #7b45fd;
}

.checkbox-wrap input[type="checkbox"]:checked + label:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0.1875rem;
  top: 0.4375rem;
  width: 1rem;
  height: 1rem;
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  background-position: -0.5rem -4.45rem;
  background-size: 18.75rem;
}

.radio-wrap input[type="radio"] {
  font-size: 0;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  opacity: 0;
}

.radio-wrap input[type="radio"]:checked + label:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0.375rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0.9375rem;
  height: 0.9375rem;
  border-radius: 50%;
  background-color: #7b45fd;
}

.radio-wrap label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.1875rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.radio-wrap label:before {
  content: "";
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 1.5625rem;
  flex: 0 0 1.5625rem;
  margin-right: 0.6rem;
  width: 1.5625rem;
  height: 1.5625rem;
  border: 0.0625rem solid #d9d9d9;
  background-color: #ffffff;
  border-radius: 50%;
}

.form-group .radio-list > ul {
  display: -ms-grid;
  display: grid;
}

.form-group .radio-list > ul.col-6 {
  -ms-grid-columns: 1fr [2];
  grid-template-columns: repeat(2, 1fr);
}

.form-group .radio-list > ul.col-4 {
  -ms-grid-columns: 1fr [3];
  grid-template-columns: repeat(3, 1fr);
}

[class*="icon-"] {
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  display: inline-block;
}

.btn-all-menu {
  padding: 0.625rem;
}

.btn-all-menu:before {
  content: "";
  display: inline-block;
  width: 1.5625rem;
  height: 1.1875rem;
  background-image: url(../images/icon_hamberger.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-heypoll-logo {
  width: 2.125rem;
  height: 1.5rem;
  background-position: -12.5625rem -152.375rem;
  background-size: 46.875rem;
}

.icon-share {
  width: 0.9375rem;
  height: 0.96875rem;
  background-position: -10.78125rem -5.75rem;
}

.icon-share-lg {
  width: 2.1875rem;
  height: 2.375rem;
  background-position: -21.375rem -6.3125rem;
}

.icon-alarm {
  width: 4.375rem;
  height: 4.375rem;
  background-position: -0.64444rem -61.875rem;
  margin: 51px 0 0 0;
}

.vote-num:before {
  content: "";
  display: inline-block;
  margin-right: 0.3125rem;
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  width: 0.875rem;
  height: 0.875rem;
  background-position: -5.8125rem -13.28125rem;
}

.btn-like {
  color: #b0b0b0;
}

.btn-like:before {
  content: "";
  display: inline-block;
  margin-right: 0.3125rem;
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  width: 1.0625rem;
  height: 0.875rem;
  background-position: -13.21875rem -13.28125rem;
}

.btn-like.on:before {
  background-position: -10.71875rem -13.28125rem;
}

.comment-num:before {
  content: "";
  display: inline-block;
  margin-right: 0.3125rem;
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  width: 1.0625rem;
  height: 0.875rem;
  background-position: -8.21875rem -13.28125rem;
}

.btn-question-delete:before {
  content: "";
  display: inline-block;
  margin-right: 0.625rem;
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  width: 1.625rem;
  height: 1.625rem;
  background-position: -31.6875rem -21.6875rem;
}

.btn-delete:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  width: 1rem;
  height: 1rem;
  background-position: -37rem -22rem;
}

.btn-report:before {
  content: "";
  display: inline-block;
  margin-right: 0.3125rem;
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  width: 0.875rem;
  height: 0.9375rem;
  background-position: -15.8125rem -3.28125rem;
}

.btn-preview:before {
  content: "";
  display: inline-block;
  margin-right: 0.625rem;
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  width: 1.375rem;
  height: 1.5rem;
  background-position: -33.6875rem -114.25rem;
}

.btn-search:before {
  content: "";
  display: inline-block;
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  width: 1.375rem;
  height: 1.5rem;
  background-position: -31.125rem -114.25rem;
  background-size: 46.875rem;
}

.btn-add-question:before {
  content: "";
  display: inline-block;
  margin-right: 0.625rem;
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  width: 1.5rem;
  height: 1.375rem;
  background-position: -26.75rem -21.8125rem;
}

.btn-policy:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.625rem;
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  width: 2rem;
  height: 1.9375rem;
  background-position: -1.4375rem -63.9375rem;
}

.btn-info-tooltip:before {
  content: "";
  display: inline-block;
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  width: 2rem;
  height: 2rem;
  background-position: -36.5rem -74rem;
}

.btn-alarm {
  position: relative;
}

.btn-alarm:before {
  content: "";
  display: inline-block;
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  width: 1.09375rem;
  height: 1.3125rem;
  background-position: -3.1875rem -36.84375rem;
}

.btn-alarm .new {
  display: inline-block;
  position: absolute;
  width: 0.4375rem;
  height: 0.4375rem;
  top: 10%;
  right: 35%;
  background-color: #ff5d5d;
  border-radius: 50%;
  border: 0.0625rem solid #ffffff;
}

.btn-mypage:before {
  content: "";
  display: inline-block;
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  width: 1.125rem;
  height: 1.0625rem;
  background-position: -11.1875rem -75.875rem;
}

.has-arrow:after {
  content: "";
  display: inline-block;
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  width: 0.45rem;
  height: 0.6rem;
  margin-left: 0.3rem;
  background-position: -1.75rem -64.3rem;
  background-size: 37.5rem;
}

.link-arrow:after {
  content: "";
  display: inline-block;
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  width: 0.875rem;
  height: 1.4375rem;
  background-position: -42.0625rem -69.3125rem;
}

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

.point:before {
  content: "";
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  background-position: -6.5625rem -13.6875rem;
  background-size: 46.875rem;
}

.point.white-type:before {
  content: "";
  background-position: -33.4375rem -119.0625rem;
}

.point-menu-gift:before {
  content: "";
  display: inline-block;
  width: 4.25rem;
  height: 4.375rem;
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  background-position: -25.3125rem -77.8125rem;
  vertical-align: middle;
}

.point-menu-change:before {
  content: "";
  display: inline-block;
  width: 3.8125rem;
  height: 4.375rem;
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  background-position: -40.375rem -77.8125rem;
  vertical-align: middle;
}

.point-menu-store:before {
  content: "";
  display: inline-block;
  width: 3.625rem;
  height: 4.375rem;
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  background-position: -35.6875rem -77.8125rem;
  vertical-align: middle;
}

.icon-men {
  width: 1.1875rem;
  height: 2.21875rem;
  background-position: -2.21875rem -16rem;
  background-size: 23.4375rem;
}

.icon-women {
  width: 1.1875rem;
  height: 2.21875rem;
  background-position: -7.875rem -16rem;
  background-size: 23.4375rem;
}

.icon-naver {
  width: 3.125rem;
  height: 3.125rem;
  background-position: -0.9375rem -5.9375rem;
}

.icon-kakao {
  width: 3.125rem;
  height: 3.125rem;
  background-position: -5.9375rem -5.9375rem;
}

.icon-facebook {
  width: 3.125rem;
  height: 3.125rem;
  background-position: -10.9375rem -5.9375rem;
}

.icon-naver-square {
  width: 3.125rem;
  height: 3.125rem;
  background-position: -0.9375rem -88.4375rem;
}

.icon-kakao-square {
  width: 3.125rem;
  height: 3.125rem;
  background-position: -5.9375rem -88.4375rem;
}

.icon-facebook-square {
  width: 3.125rem;
  height: 3.125rem;
  background-position: -10.9375rem -88.4375rem;
}

.icon-close {
  width: 1.2375rem;
  height: 1.2375rem;
  background-position: -6.8625rem -81.1125rem;
  background-size: 28.125rem;
}

.icon-find-id-result {
  width: 9.375rem;
  height: 7.875rem;
  background-position: 0rem -16.0625rem;
}

.icon-setting {
  width: 2.625rem;
  height: 2.625rem;
  background-position: -1.1875rem -73.6875rem;
}

.icon-level {
  background-image: url(../images/sp_icon_level3.png);
  background-size: 12.5rem 62.5rem;
  width: 7.6875rem;
  height: 7.6875rem;
}

.icon-level.level-s {
  background-position: -2.375rem -2.5rem;
}

.icon-level.level-b {
  background-position: -2.375rem -15rem;
}

.icon-level.level-c {
  background-position: -2.375rem -27.5rem;
}

.icon-level.level-w {
  background-position: -2.375rem -40rem;
}

.icon-level.level-small {
  background-size: 4.375rem 21.875rem;
  width: 2.69062rem;
  height: 2.69062rem;
}

.icon-level.level-small.level-s {
  background-position: -0.83125rem -0.875rem;
}

.icon-level.level-small.level-b {
  background-position: -0.83125rem -5.25rem;
}

.icon-level.level-small.level-c {
  background-position: -0.83125rem -9.625rem;
}

.icon-level.level-small.level-w {
  background-position: -0.83125rem -14rem;
}

.icon-prev {
  width: 1.875rem;
  height: 3.125rem;
  background-position: -16.5rem -5.9375rem;
}

.icon-home {
  width: 2.625rem;
  height: 2.375rem;
  background-position: -26.1875rem -16.3125rem;
}

.icon-alram-set {
  width: 2.75rem;
  height: 2.5rem;
  background-position: -39.3125rem -135.1875rem;
}

.icon-alram-type {
  width: 5rem;
  height: 5rem;
  background-position: -41.25rem -44.375rem;
}

.icon-check-doc {
  width: 8.75rem;
  height: 8.75rem;
  background-position: -23.75rem -31.25rem;
}

.icon-gift {
  width: 7.25rem;
  height: 7.25rem;
  background-position: -39.625rem -84.5rem;
}

.icon-exchange {
  width: 7.25rem;
  height: 7.25rem;
  background-position: -39.625rem -138.375rem;
}

.icon-happypoint {
  width: 14.375rem;
  height: 6.25rem;
  background-position: -2.1875rem -140rem;
}

.icon-okcashbag {
  width: 8.1875rem;
  height: 7rem;
  background-position: -2.1875rem -146.875rem;
}

.icon-heypoll-point-card {
  width: 14.3125rem;
  height: 8.75rem;
  background-position: -32.5625rem -93.75rem;
}

.icon-okcashbag-point-card {
  width: 14.3125rem;
  height: 8.75rem;
  background-position: -32.5625rem -102.5rem;
}

.icon-happy-point-card {
  width: 14.3125rem;
  height: 8.75rem;
  background-position: -32.5625rem -146.9375rem;
}

.icon-arrow-lg {
  width: 1.3125rem;
  height: 2.25rem;
  background-position: -1.75rem -83.6875rem;
}

.icon-drink {
  width: 4.375rem;
  height: 4.375rem;
  background-position: -5.375rem -82.875rem;
}

.icon-convenience {
  width: 4.375rem;
  height: 4.375rem;
  background-position: -10.3125rem -82.875rem;
}

.icon-donut {
  width: 4.375rem;
  height: 4.375rem;
  background-position: -15.3125rem -82.875rem;
}

.icon-giftcard {
  width: 4.375rem;
  height: 4.375rem;
  background-position: -20.25rem -82.875rem;
}

.icon-accordion-arrow {
  width: 2.125rem;
  height: 1.125rem;
  background-position: -11.4375rem -21.9375rem;
}

.on .icon-accordion-arrow {
  background-position: -16.5rem -21.9375rem;
}

.icon-answer {
  width: 1rem;
  height: 1rem;
  background-position: -22rem -17rem;
}

.icon-male {
  width: 18.125rem;
  height: 18.3125rem;
  background-position: 0rem -44.1875rem;
}

.icon-female {
  width: 18.125rem;
  height: 18.3125rem;
  background-position: -20.5rem -44.1875rem;
}

.icon-payment {
  width: 13.125rem;
  height: 13.125rem;
  background-position: -11.25rem -111.875rem;
}

.icon-question {
  width: 3.125rem;
  height: 3.125rem;
  background-position: -20.9375rem -20.9375rem;
}

.icon-share-kakao {
  width: 5rem;
  height: 5rem;
  background-position: -41.1875rem -0.625rem;
}

.icon-share-story {
  width: 5rem;
  height: 5rem;
  background-position: -41.1875rem -6.875rem;
}

.icon-share-facebook {
  width: 5rem;
  height: 5rem;
  background-position: -41.1875rem -13.125rem;
}

.icon-share-twitter {
  width: 5rem;
  height: 5rem;
  background-position: -41.1875rem -19.375rem;
}

.icon-share-twitter-x {
  background: url(/assets/images/share_twitter_x_icon.png) center/100% no-repeat;
  background-size: 16px !important;
}

.icon-share-url {
  width: 5rem;
  height: 5rem;
  background-position: -41.1875rem -25.625rem;
}

.icon-slide-prev {
  width: 0.425rem;
  height: 0.6375rem;
  background-position: -17.79688rem -120.38125rem;
  background-size: 39.84375rem;
}

.icon-slide-next {
  width: 0.425rem;
  height: 0.6375rem;
  background-position: -17.79688rem -121.07187rem;
  background-size: 39.84375rem;
}

.icon-people {
  width: 1.125rem;
  height: 0.6875rem;
  background-position: -12.875rem -76.25rem;
}

.icon-question-service {
  background-image: url(../images/quick_service_icon.png);
  background-size: 6.25rem;
  width: 1.3125rem;
  height: 1.35rem;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.icon-change-service {
  background-image: url(../images/quick_service_icon.png);
  background-size: 6.25rem;
  width: 1.3125rem;
  height: 1.25rem;
  background-repeat: no-repeat;
  background-position: -1.5625rem 0;
}

.icon-heypollmall-service {
  background-image: url(../images/quick_service_icon.png);
  background-size: 6.25rem;
  width: 1.3125rem;
  height: 1.35rem;
  background-repeat: no-repeat;
  background-position: -3.125rem 0;
}

.icon-mission-service {
  background-image: url(../images/quick_service_icon.png);
  background-size: 6.25rem;
  width: 1.3125rem;
  height: 1.35rem;
  background-repeat: no-repeat;
  background-position: -4.6875rem 0;
}

.icon-notice-service {
  background-image: url(../images/ico_nav05_01.png);
  background-size: 100%;
  width: 1.3125rem;
  height: 1.35rem;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.icon-history-service {
  background-image: url(../images/ico_nav06_04.png);
  background-size: 100%;
  width: 1.3125rem;
  height: 1.35rem;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.icon-quickquestion-service {
  background-image: url(../images/ico_quick_question.png);
  background-size: 100%;
  width: 1.3125rem;
  height: 1.35rem;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.icon-price-point {
  width: 1rem;
  height: 1rem;
  background-position: -13.1875rem -70.8125rem;
}

.icon-comment-fb {
  background-image: url(../images/fb_icon.png);
  background-size: 4rem;
  width: 1.25rem;
  height: 1.25rem;
  background-repeat: no-repeat;
  width: 0.75rem;
  height: 0.75rem;
  background-position: -2.25rem -8.6875rem;
}

.icon-like-fb {
  background-image: url(../images/fb_icon.png);
  background-size: 4rem;
  width: 1.25rem;
  height: 1.25rem;
  background-repeat: no-repeat;
  width: 0.75rem;
  height: 0.8125rem;
  background-position: -2.25rem -9.625rem;
}

.icon-share-fb {
  background-image: url(../images/fb_icon.png);
  background-size: 4rem;
  width: 1.25rem;
  height: 1.25rem;
  background-repeat: no-repeat;
  width: 0.75rem;
  height: 0.6875rem;
  background-position: -2.25rem -10.8125rem;
}

.icon--dropdown-arrow {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 0.625rem;
  height: 0.375rem;
  background-image: url(../images/icon_dropdown_arrow.png);
}

.icon--question {
  width: 1rem;
  height: 1.3125rem;
  background-size: contain;
  background-image: url(../images/icon_question.png);
  background-repeat: no-repeat;
}

.icon--people {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 1.3125rem;
  height: 0.9375rem;
  background-image: url(../images/icon_people.png);
}

.icon--person {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 0.8125rem;
  height: 0.9375rem;
  background-image: url(../images/icon_person.png);
}

.icon--play-tag {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 7.25rem;
  height: 2.875rem;
  background-image: url(../images/icon_play_vote.png);
}

.icon--play-button {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 7.5625rem;
  height: 4rem;
  background-image: url(../images/icon_play_button.png);
}

.vote-icons-like {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  background-size: auto;
  background-image: url(../images/vote_icons.png);
  background-position: 0 0;
  width: 1.1875rem;
  height: 1.25rem;
}

.on .vote-icons-like {
  background-position: 0 -1.25rem;
}

.vote-icons-share {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  background-size: auto;
  background-image: url(../images/vote_icons.png);
  background-position: -1.875rem 0rem;
  width: 1.0625rem;
  height: 1.25rem;
}

.vote-icons-comment {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  background-size: auto;
  background-image: url(../images/vote_icons.png);
  background-position: -3.75rem 0rem;
  width: 1.25rem;
  height: 1.25rem;
}

.vote-icons-people {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  background-size: auto;
  background-image: url(../images/vote_icons.png);
  background-position: -5.625rem 0rem;
  width: 1.3125rem;
  height: 1.0625rem;
}

.vote-icons-declaration {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  background-size: auto;
  background-image: url(../images/vote_icons.png);
  background-position: -7.5rem 0rem;
  width: 1.25rem;
  height: 1.25rem;
}

.btn-question {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 1.5625rem;
  height: 1.3125rem;
  background-image: url(../images/icon_question_link.png);
  background-size: auto;
}

.btn-question.primary {
  background-position: 0 0;
}

.btn-question.secondary {
  background-position: 0 -1.5625rem;
}

.btn-app {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 1.0625rem;
  height: 1.25rem;
  background-image: url(../images/icon_app.png);
  background-size: auto;
}

.icon--calendar {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 1rem;
  height: 0.9375rem;
  background-image: url(../images/icon_calendar.png);
}

.icon--appstore {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 1.125rem;
  height: 1.375rem;
  background-image: url(../images/icon_applestore.png);
}

.icon--playstore {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 1.125rem;
  height: 1.25rem;
  background-image: url(../images/icon_playstore.png);
}

.icon-notice {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 2.125rem;
  height: 2.25rem;
  background-image: url(../images/icon_notice.png);
}

.icon-white-prev-arrow {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 0.5rem;
  height: 0.875rem;
  background-image: url(../images/icon_prev_arrow.png);
}

.icon_heypoll_message {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 2.5625rem;
  height: 2.5625rem;
  background-image: url(../images/icon_heypoll_message.png);
}

.vote-image-type-wrap > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  /*   padding-top: 1.25rem; */
}

.vote-image-type-wrap > ul > li {
  /*-webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 3);
          flex: 0 0 calc(100% / 3);
  padding: 1.25rem 0.625rem;*/
}

.vote-image-type-wrap > ul > li .vote-checkbox input[type="checkbox"] {
  position: absolute;
  font-size: 0;
  width: 0;
  height: 0;
  left: 0;
  opacity: 0;
}

.vote-image-type-wrap
  > ul
  > li
  .vote-checkbox
  input[type="checkbox"]
  label
  .img-wrap {
  border: 0.125rem solid transparent;
}

.vote-image-type-wrap
  > ul
  > li
  .vote-checkbox
  input[type="checkbox"]
  label
  .img-wrap:hover,
.vote-image-type-wrap
  > ul
  > li
  .vote-checkbox
  input[type="checkbox"]:checked
  + label
  .img-wrap {
  border: 0.125rem solid #7b45fd;
}

.vote-image-type-wrap
  > ul
  > li
  .vote-checkbox
  input[type="checkbox"]:checked
  + label:before {
  background-position: 0 -1.8125rem;
}

.vote-image-type-wrap
  > ul
  > li
  .vote-checkbox.rank-type
  input[type="checkbox"] {
  position: absolute;
  font-size: 0;
  width: 0;
  height: 0;
  left: 0;
  opacity: 0;
}

.vote-image-type-wrap
  > ul
  > li
  .vote-checkbox.rank-type
  input[type="checkbox"]:checked
  + label:before {
  content: attr(data-before);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #ffffff;
  background-color: #7b45fd;
  border: 0.125rem solid #7b45fd;
}

.vote-image-type-wrap > ul > li .vote-checkbox.rank-type label:before {
  background-image: unset;
  border: 0.0625rem solid #e4e4e4;
  border-radius: 0.625rem;
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.vote-image-type-wrap > ul > li .vote-checkbox label {
  position: relative;
  display: block;
}

.vote-image-type-wrap > ul > li .vote-checkbox label:before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  left: 0.625rem;
  top: 0.625rem;
  width: 1.8125rem;
  height: 1.8125rem;
  background-position: 0 0;
  background-image: url(../images/icon_checkbox.png);
  background-size: 1.8125rem;
  z-index: 1;
}

.vote-image-type-wrap > ul > li .vote-checkbox label .img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0.625rem;
  overflow: hidden;
  position: relative;
  height: 240px;
  border: 0.125rem solid transparent;
}

.vote-image-type-wrap > ul > li .vote-checkbox label .img-wrap:hover {
  border: 0.125rem solid #7b45fd;
}

.vote-image-type-wrap > ul > li .vote-checkbox label .img-wrap img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.vote-image-type-wrap > ul > li .vote-checkbox .vote-item-label {
  display: block;
  padding: 0.625rem;
  margin-top: 0.625rem;
  color: #333333;
  text-align: center;
}

.vote-image-type-wrap > ul > li .vote-checkbox .vote-item-label input {
  display: inline-block;
  width: 100%;
  padding: 0.625rem;
  border: 0;
  border-bottom: 0.0625rem solid #e4e4e4;
}

.vote-text-type-wrap {
  margin-top: 1.25rem;
  border: 0.0625rem solid #d9d9d9;
  border-radius: 0.625rem;
}

.vote-text-type-wrap .vote-text-checkbox > li,
.vote-text-type-wrap .vote-text > li {
  border-bottom: 0.0625rem solid #d9d9d9;
}

.vote-text-type-wrap .vote-text-checkbox > li:nth-last-of-type(1),
.vote-text-type-wrap .vote-text > li:nth-last-of-type(1) {
  border-bottom: 0;
}

.vote-text-type-wrap .vote-text-checkbox > li input[type="checkbox"],
.vote-text-type-wrap .vote-text > li input[type="checkbox"] {
  position: absolute;
  font-size: 0;
  width: 0;
  height: 0;
  left: 0;
  opacity: 0;
}

.vote-text-type-wrap .vote-text-checkbox > li label,
.vote-text-type-wrap .vote-text > li label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0.9375rem;
}

.vote-text-type-wrap .vote-text-checkbox > li label span,
.vote-text-type-wrap .vote-text > li label span {
  padding-left: 1.25rem;
  padding-top: 0.1875rem;
  color: #333333;
}

.vote-text-type-wrap .vote-text-checkbox > li label:before,
.vote-text-type-wrap .vote-text > li label:before {
  content: "";
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 1.5625rem;
  flex: 0 0 1.5625rem;
  width: 1.625rem;
  height: 1.625rem;
  border: 0.0625rem solid #d9d9d9;
  border-radius: 0.625rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.vote-text-type-wrap
  .vote-text-checkbox
  > li
  input[type="checkbox"]:checked
  + label:before,
.vote-text-type-wrap
  .vote-text
  > li
  input[type="checkbox"]:checked
  + label:before {
  background-color: #7b45fd;
  border: 0;
}

.vote-text-type-wrap
  .vote-text-checkbox
  > li
  input[type="checkbox"]:checked
  + label:after,
.vote-text-type-wrap
  .vote-text
  > li
  input[type="checkbox"]:checked
  + label:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 1.25rem;
  top: 1.375rem;
  width: 0.96875rem;
  height: 0.75rem;
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  background-position: -10.78125rem -44.625rem;
}

.vote-text-type-wrap
  .vote-text-checkbox.rank-type
  > li
  input[type="checkbox"]:checked
  + label:before,
.vote-text-type-wrap
  .vote-text.rank-type
  > li
  input[type="checkbox"]:checked
  + label:before {
  content: attr(data-before);
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #7b45fd;
  border: 0.125rem solid #7b45fd;
}

.vote-text-type-wrap
  .vote-text-checkbox.rank-type
  > li
  input[type="checkbox"]:checked
  + label:after,
.vote-text-type-wrap
  .vote-text.rank-type
  > li
  input[type="checkbox"]:checked
  + label:after {
  content: none;
}

.vote-text-type-wrap .vote-text > li {
  padding: 0.9375rem;
}

.vote-image-type-wrap > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.vote-image-type-wrap > ul > li {
  /*-webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 3);
          flex: 0 0 calc(100% / 3);*/
  padding: 1.25rem 0.625rem;
  width: 33%;
}

.vote-image-type-wrap > ul > li .vote-radio input[type="radio"] {
  font-size: 0;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  opacity: 0;
}

.vote-image-type-wrap
  > ul
  > li
  .vote-radio
  input[type="radio"]:checked
  + label:before {
  background-position: 0 -1.8125rem;
}

.vote-image-type-wrap > ul > li .vote-radio label {
  position: relative;
  display: block;
}

.vote-image-type-wrap > ul > li .vote-radio label:before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  left: 0.625rem;
  top: 0.625rem;
  width: 1.8125rem;
  height: 1.8125rem;
  background-position: 0 0;
  background-image: url(../images/icon_checkbox.png);
  background-size: 1.8125rem;
}

.vote-image-type-wrap > ul > li .vote-radio label .img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0.625rem;
  overflow: hidden;
  height: 240px;
  border: 0.125rem solid transparent;
}

.vote-image-type-wrap
  > ul
  > li
  .vote-radio
  input[type="radio"]:checked
  + label
  .img-wrap,
.vote-image-type-wrap > ul > li .vote-radio label .img-wrap:hover {
  border: 0.125rem solid #7b45fd;
}

.vote-image-type-wrap > ul > li .vote-radio label .img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.vote-image-type-wrap > ul > li .vote-radio .vote-item-label {
  display: block;
  padding: 0.625rem;
  margin-top: 0.625rem;
  color: #333333;
  text-align: center;
}

.vote-image-type-wrap > ul > li .vote-radio .vote-item-label input {
  display: inline-block;
  width: 100%;
  padding: 0.625rem;
  border: 0;
  border-bottom: 0.0625rem solid #e4e4e4;
}

.vote-text-type-wrap .vote-text-radio > li {
  border-bottom: 0.0625rem solid #d9d9d9;
}

.vote-text-type-wrap .vote-text-radio > li:nth-last-of-type(1) {
  border-bottom: 0;
}

.vote-text-type-wrap .vote-text-radio > li .radio-wrap label {
  height: auto;
  padding: 0.9375rem;
  color: #333333;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 0.95rem;
}

.vote-text-type-wrap .vote-text-radio > li .radio-wrap label > span {
  position: relative;
  bottom: -1px;
}

.vote-text-type-wrap
  .vote-text-radio
  > li
  .radio-wrap
  input[type="radio"]:checked
  + label:after {
  left: 1.3125rem;
  top: 1.3125rem;
  -webkit-transform: none;
  transform: none;
}

.vote-rating {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  background-color: #fff;
}

.vote-rating .star .star-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.vote-rating .star .star-rating input {
  display: none;
}

/*
.vote-rating .star .star-rating label {
  display: inline-block;
  overflow: hidden;
  font-size: 0;
  width: 1.875rem;
  white-space: nowrap;
  cursor: pointer;
  margin: 0 .5rem;
}

.vote-rating .star .star-rating > input + label:before {
  content: '';
  display: inline-block;
  width: 1.875rem;
  height: 1.875rem;
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  background-position: -17.8125rem -12.78125rem;
}

.vote-rating .star .star-rating > input + label:hover:before,
.vote-rating .star .star-rating > input:checked + label:before,
.vote-rating .star .star-rating > input.selected + label:before {
  background-position: -15.375rem -12.78125rem;
}
*/
.vote-rating .star .star-rating > a {
  display: inline-block;
  overflow: hidden;
  font-size: 0;
  width: 1.875rem;
  white-space: nowrap;
  cursor: pointer;
  margin: 0 0.5rem;
}

.vote-rating .star .star-rating > a:before {
  content: "";
  display: inline-block;
  width: 1.875rem;
  height: 1.875rem;
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  background-position: -17.8125rem -12.78125rem;
}

.vote-rating .star .star-rating > a:hover:before,
.vote-rating .star .star-rating > a.hover:before,
.vote-rating .star .star-rating > a.on:before {
  background-position: -15.375rem -12.78125rem;
}

.vote-like {
  padding-top: 2.5rem;
  padding-bottom: 1.875rem;
}

.vote-like > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  margin: 0 auto;
}

.vote-like > ul .like-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-right: 0.0625rem solid #d9d9d9;
}

.vote-like > ul .like-item:nth-last-of-type(1) {
  border-right: 0;
}

.vote-like > ul .like-item .radio input[type="radio"] {
  font-size: 0;
  width: 0;
  height: 0;
  opacity: 0;
}

.vote-like > ul .like-item .radio input[type="radio"] + label:before {
  content: "";
  display: inline-block;
  margin-right: 0.3125rem;
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  width: 3.125rem;
  height: 3.75rem;
  background-position: -0.96875rem -51.875rem;
}

.vote-like > ul .like-item.first .radio input[type="radio"] + label:before {
  background-position: -0.96875rem -51.875rem;
}

.vote-like
  > ul
  .like-item.first
  .radio
  input[type="radio"]:checked
  + label:before {
  background-position: -0.96875rem -47.1875rem;
}

.vote-like > ul .like-item.last .radio input[type="radio"] + label:before {
  background-position: -5.9375rem -51.875rem;
}

.vote-like
  > ul
  .like-item.last
  .radio
  input[type="radio"]:checked
  + label:before {
  background-position: -5.9375rem -47.1875rem;
}

.vote-play .play-wrap {
  position: relative;
  overflow: hidden;
  margin-left: 2.1rem;
  margin-right: 2.1rem;
  margin-bottom: 2.375rem;
  /* height: 26.25rem;
  background-color: #f6f6f8; */
  border-radius: 0.25rem;
}

/* .vote-play .play-wrap:before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1; 
}*/
.vote-play .play-wrap .icon--play-button {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}

/* .vote-play .play-wrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
} */
.popup-page {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.popup-page .popup-header {
  position: -webkit-sticky;
  position: sticky;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  right: 0;
  top: 0;
  height: 7.5rem;
  background-color: #ffffff;
  border-bottom: 0.0625rem solid #efefef;
  z-index: 10;
}

.popup-page .popup-header.bg-primary {
  background-color: #7b45fd;
  color: #ffffff;
}

.popup-page .popup-header.bg-primary .icon-close {
  background-position: -11.4375rem -1.4375rem;
}

.popup-page .popup-header .prefix,
.popup-page .popup-header .center,
.popup-page .popup-header .suffix {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.popup-page .popup-header .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 2.375rem;
  font-weight: 800;
}

.popup-page .popup-header .prefix {
  padding-left: 2.31481vw;
}

.popup-page .popup-header .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 2.31481vw;
}

.popup-page .container {
  margin-bottom: 7.5rem;
}

.popup-page .popup-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.chart-bar-wrap .chart-bar {
  position: relative;
  background-color: #ededef;
  height: 0.375rem;
  border-radius: 0.625rem;
}

.chart-bar-wrap .chart-bar .bar-value {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.375rem;
  width: 0;
  background-color: #ff8acc;
  border-radius: 0.625rem;
  -webkit-transition: width 1s ease;
  transition: width 1s ease;
}

.mint .chart-bar-wrap .chart-bar .bar-value {
  background-color: #7ee0ec;
}

.donut-chart-wrap > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.donut-chart-wrap > ul > li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.donut-chart-wrap > ul > li .label-wrap {
  position: relative;
}

.donut-chart-wrap > ul > li .label-wrap .label {
  position: absolute;
  top: calc(50% + 0.625rem);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.donut-chart-wrap > ul > li .label-wrap .label .text {
  font-size: 1.125rem;
  color: #333333;
}

.donut-chart-wrap > ul > li .data-value {
  text-align: center;
}

.donut-chart-wrap > ul > li .data-value .percentage {
  font-size: 1.25rem;
}

.donut-chart-wrap > ul > li .data-value .total {
  font-weight: 400;
}

.donut-chart-wrap > ul > li .data-value.men .percentage {
  color: #4da3f0;
}

.donut-chart-wrap > ul > li .data-value.women .percentage {
  color: #ff5d5d;
}

.tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 0.0625rem solid #b0b0b0;
  color: #b0b0b0;
  height: 1.375rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-radius: 0.9375rem;
  white-space: nowrap;
}

.tag.tag-default {
  color: #333333;
  border: 0.125rem solid #333333;
}

.tag.tag-gray {
  background-color: #9999b7;
  color: #ffffff;
  border: 0;
}

.tag.tag-gray-light {
  background-color: #b7b7cc;
  color: #ffffff;
  border: 0;
}

.tag.tag-secondary {
  background-color: #ffbde2;
  color: #ffffff;
  border: 0;
}

.tag.tag-primary {
  background-color: #c3aafe;
  color: #ffffff;
  border: 0;
}

.tag-square-type {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #333333;
  height: 1.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  white-space: nowrap;
  font-size: 0.6875rem;
}

.tag-square-type.tag-default {
  color: #333333;
  border: 0.125rem solid #333333;
}

.tag-square-type.tag-gray {
  background-color: #9999b7;
  color: #ffffff;
  border: 0;
}

.tag-square-type.tag-gray-light {
  background-color: #b7b7cc;
  color: #ffffff;
  border: 0;
}

.tag-square-type.tag-secondary {
  background-color: #ffbde2;
  color: #ffffff;
  border: 0;
}

.tag-square-type.tag-primary {
  background-color: #c3aafe;
  color: #ffffff;
  border: 0;
}

.tag-square-type.tag-disabled {
  background-color: #b7b7cc;
}

.point-tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 0.0625rem solid #b0b0b0;
  color: #b0b0b0;
  height: 1.375rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-radius: 0.9375rem;
  white-space: nowrap;
  position: relative;
  border-width: 0.125rem;
  border-color: #9f77fe;
  font-weight: 800;
  color: #7b45fd;
  top: 1px;
}

.point-tag.square-type {
  border-radius: 1.5625rem;
  height: auto;
  padding-top: 1.25rem;
  padding-bottom: 1rem;
}

.tag-group span {
  margin-right: 0.3125rem;
}

/*
.comment .comment-input-wrap {
  padding-bottom: 1.25rem;
}

.comment .comment-input-wrap .header {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.comment .comment-input-wrap .header h4 {
  font-size: 1rem;
  font-weight: 400;
}

.comment .comment-input-wrap .header .sub-text {
  font-size: 0.8125rem;
  margin-left: 0.3125rem;
}

.comment .comment-input-wrap .header .sub-text em {
  color: #ff8acc;
}

.comment .comment-input-wrap .comment-input-group {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  height: 5rem;
}

.comment .comment-input-wrap .comment-input-group .input-wrap, .comment .comment-input-wrap .comment-input-group .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: auto;
}

.comment .comment-input-wrap .comment-input-group .btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 7.5rem;
          flex: 0 0 7.5rem;
  margin-left: 0.625rem;
}

.comment .comment-input-wrap .byte {
  margin-top: 0.3125rem;
  color: #999999;
}

.comment .comment-input-wrap .byte span {
  color: #333333;
}

.comment .comment-input-wrap .comment-footer {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  margin-top: 0.625rem;
}

.comment .comment-input-wrap .comment-footer .prefix, .comment .comment-input-wrap .comment-footer .suffix, .comment .comment-input-wrap .comment-footer .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.comment .comment-input-wrap .comment-footer .suffix {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.comment .comment-input-wrap .comment-footer .center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.comment .comment-input-wrap .comment-footer .btn-group {
  margin-top: 0;
  padding-top: 0;
}

.comment .comment-list > ul > li .template {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  padding-top: 0.9375rem;
  padding-bottom: 0.625rem;
  border-top: 0.0625rem solid #e4e4e4;
}

.comment .comment-list > ul > li .template .img-wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2.5rem;
          flex: 0 0 2.5rem;
}

.comment .comment-list > ul > li .template .img-wrap.avatar {
  width: 2.5rem;
  height: 2.5rem;
}

.comment .comment-list > ul > li .template .comment-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-left: 0.625rem;
}

.comment .comment-list > ul > li .template .comment-body .writer-info {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.comment .comment-list > ul > li .template .comment-body .writer-info .nickname {
  font-size: 0.75rem;
  font-weight: 800;
}

.comment .comment-list > ul > li .template .comment-body .writer-info .created-at {
  font-size: 0.75rem;
  color: #999999;
  font-weight: 300;
}

.comment .comment-list > ul > li .template .comment-body .comment-text {
  margin-top: 0.625rem;
  color: #555555;
}

.comment .comment-list > ul > li .template .comment-body .footer {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.25rem;
}

.comment .comment-list > ul > li .template .comment-body .footer .prefix, .comment .comment-list > ul > li .template .comment-body .footer .suffix {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.comment .comment-list > ul > li .template .comment-body .footer .prefix a, .comment .comment-list > ul > li .template .comment-body .footer .suffix a {
  font-size: 0.75rem;
}

.comment .comment-list > ul > li .template .comment-body .footer .suffix {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.comment .comment-list > ul > li .comment {
  padding-left: 3.125rem;
  padding-bottom: 1.25rem;
}
*/
input[type="text"],
input[type="number"],
input[type="password"],
input[type="tel"],
select,
textarea {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  border: 0;
  color: #333333;
  font-size: 0.8125rem;
  font-weight: 400;
}

input[type="text"]::-webkit-outer-spin-button,
input[type="text"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="password"]::-webkit-outer-spin-button,
input[type="password"]::-webkit-inner-spin-button,
input[type="tel"]::-webkit-outer-spin-button,
input[type="tel"]::-webkit-inner-spin-button,
select::-webkit-outer-spin-button,
select::-webkit-inner-spin-button,
textarea::-webkit-outer-spin-button,
textarea::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="text"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #b0b0b0;
}

input[type="text"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #b0b0b0;
}

input[type="text"]::-ms-input-placeholder,
input[type="number"]::-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder,
input[type="tel"]::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #b0b0b0;
}

input[type="text"]::placeholder,
input[type="number"]::placeholder,
input[type="password"]::placeholder,
input[type="tel"]::placeholder,
select::placeholder,
textarea::placeholder {
  color: #b0b0b0;
}

.input-wrap,
.select-wrap {
  border: 0.0625rem solid #c8c8c8;
  border-radius: 0.0625rem;
  background-color: #ffffff;
  height: 2.5rem;
}

.input-wrap input[type="text"],
.input-wrap input[type="number"],
.input-wrap input[type="password"],
.input-wrap input[type="tel"],
.input-wrap select,
.input-wrap textarea,
.select-wrap input[type="text"],
.select-wrap input[type="number"],
.select-wrap input[type="password"],
.select-wrap input[type="tel"],
.select-wrap select,
.select-wrap textarea {
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding: 0.9375rem;
  font-size: 0.8125rem;
  font-weight: 400;
}

.input-wrap.has-btn,
.select-wrap.has-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.input-wrap.has-btn .btn,
.select-wrap.has-btn .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 6.25rem;
  flex: 1 0 6.25rem;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  white-space: nowrap;
}

.input-wrap.has-unit,
.select-wrap.has-unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.input-wrap.has-unit .unit,
.select-wrap.has-unit .unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 3.125rem;
  flex: 1 0 3.125rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.select-wrap {
  position: relative;
}

.select-wrap select {
  background-color: transparent;
}

.select-wrap:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0.9375rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  width: 2.125rem;
  height: 1.125rem;
  background-position: -11.4375rem -21.9375rem;
}

.input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.input-group .input-wrap {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: auto;
}

.input-group .btn {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 7.5rem;
  flex: 0 0 7.5rem;
  margin-left: 0.625rem;
}

.input-group-inline > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.input-group-inline > ul li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-right: 1.25rem;
}

.input-group-inline > ul li:nth-last-of-type(1) {
  margin-right: 0;
}

.form-group.block-type > li {
  margin-bottom: 1.875rem;
}

.form-group.block-type > li .label {
  font-size: 1.875rem;
  color: #333333;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.avatar {
  width: 4.375rem;
  height: 4.375rem;
  overflow: hidden;
}

.avatar.circle-type {
  background-color: #ededef;
  border-radius: 50%;
}

.avatar.square-type {
  background-color: #ededef;
  border-radius: 0.625rem;
}

.avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.template.completed-item {
  padding-top: 0;
  padding-bottom: 0;
}

.template.completed-item .template-body {
  padding-left: 2.31481vw;
  padding-right: 2.31481vw;
}

.template.completed-item .template-body .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.template.completed-item .template-body .item .img-wrap {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 14.81481vw;
  flex: 0 0 14.81481vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0.625rem;
  overflow: hidden;
  border-radius: 1.25rem;
  width: 14.81481vw;
  height: 14.81481vw;
}

.template.completed-item .template-body .item .img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.template.completed-item .template-body .item .vote-title {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  color: #333333;
  margin-left: 1.25rem;
}

.template.completed-item .template-footer {
  padding-left: 2.31481vw;
  padding-right: 2.31481vw;
}

.partition-link-group {
  margin: 0 auto;
}

.partition-link-group > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.partition-link-group > ul > li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  border-right: 0.0625rem solid #d9d9d9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.partition-link-group > ul > li:nth-last-of-type(1) {
  border-right: 0;
}

.partition-link-group > ul > li a {
  line-height: 1;
}

.partition-link-group.space-between > ul > li:nth-of-type(1) {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.partition-link-group.space-between > ul > li:nth-last-of-type(1) {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.space-between > .for-notification > li:after {
  content: "";
  display: inline-block;
  height: 0.625rem;
  width: 0.0625rem;
  border-right: 0.0625rem solid #999999;
  margin-left: 0.4375rem;
  margin-right: 0.3125rem;
  vertical-align: middle;
}

.space-between > .for-notification > li:nth-last-of-type(1):after {
  content: none;
}

.space-between > .for-notification > li {
  display: inline-block;
}

.space-between > ul > li .notification-link {
  color: #999999;
  font-size: 0.875rem;
  font-weight: 500;
}

.space-between > ul > li .all {
  color: #7b45fd;
}

/* switch */
.switch {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  line-height: 0;
  cursor: pointer;
}

.switch input {
  overflow: hidden;
  position: absolute;
  padding: 0;
  border: 0;
  opacity: 0;
  line-height: 0;
  margin: 0;
}

.switch input + label {
  height: 3.875rem;
  width: 7.5rem;
  display: inline-block;
  border-radius: 1.875rem;
  -webkit-border-radius: 1.875rem;
  -moz-border-radius: 1.875rem;
  -ms-border-radius: 1.875rem;
  -o-border-radius: 1.875rem;
  background: rgba(0, 0, 0, 0.2);
  margin: 0;
  padding: 0;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  line-height: 0;
}

.switch input + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.375rem;
  left: 0.375rem;
  width: 3.125rem;
  height: 3.125rem;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.switch input:checked + label {
  background-color: #ff8acc;
}

.switch input:checked + label:after {
  left: inherit;
  right: 0.4vw;
}

.switch input:disabled + label:before {
  background-color: rgba(96, 111, 128, 0.2);
}

.tab-link > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tab-link > ul > li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tab-link > ul > li a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  height: 2.5rem;
  color: #555555;
  font-size: 0.875rem;
}

.tab-link > ul > li.on a {
  color: #7b45fd;
  font-weight: 800;
}

.tab-link.border-bottom-type > ul {
  border-bottom: 0.0625rem solid #d9d9d9;
}

.tab-link.border-bottom-type > ul > li.on a {
  position: relative;
}

.tab-link.border-bottom-type > ul > li.on a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -0.125rem;
  border-bottom: 0.25rem solid #7b45fd;
}

.tab-link.arch-type {
  background-color: #ededef;
}

.tab-link.arch-type > ul li a {
  margin-top: 0.125rem;
  color: #999999;
  height: 2.5rem;
}

.tab-link.arch-type > ul li.on a {
  background-color: #ffffff;
  color: #333333;
}

.tab-link.round-type {
  padding-top: 1.875rem;
  /*padding-bottom: 1.875rem;*/
}

.tab-link.round-type > ul {
  display: block;
  text-align: center;
}

.tab-link.round-type > ul > li {
  display: inline-block;
}

.tab-link.round-type > ul > li a {
  color: #999999;
  font-weight: 700;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  font-size: 1rem;
}

.tab-link.round-type > ul > li.on a {
  background-color: #7b45fd;
  font-weight: 700;
  color: #ffffff;
  border-radius: 1.875rem;
}

.border-list > ul li {
  border-top: 0.0625rem solid #d9d9d9;
}

.border-list > ul li:nth-of-type(1) {
  border-top: 0;
}

.border-list.table-type > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.border-list.table-type > ul > li .label,
.border-list.table-type > ul > li .data {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.border-list.table-type > ul > li ul > li {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.border-list.table-type > ul > li ul > li:nth-of-type(1) {
  padding-top: 0;
}

.border-list.table-type > ul > li ul > li:nth-last-of-type(1) {
  padding-bottom: 0;
}

.add-files {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.add-files > li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 12.03704vw;
  flex: 1 1 12.03704vw;
  margin-right: 0.625rem;
  height: 12.03704vw;
  width: 12.03704vw;
}

.add-files > li:nth-last-of-type(1) {
  margin-right: 0;
}

.add-files > li label {
  display: block;
  height: 100%;
}

.add-files > li label input[type="file"] {
  font-size: 0;
  width: 0;
  height: 0;
  opacity: 0;
}

.add-files > li label.square-btn {
  position: relative;
  border: 0.0625rem solid #d9d9d9;
  background-color: #ededef;
}

.add-files > li label.square-btn:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  width: 1.375rem;
  height: 1.375rem;
  background-position: -26.8125rem -89.4375rem;
}

.add-files .added-pic .pic-wrap {
  position: relative;
  height: 12.03704vw;
}

.add-files .added-pic .pic-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.add-files .added-pic .pic-wrap .btn-pic-delete {
  position: absolute;
  display: inline-block;
  bottom: 0;
  right: 0;
  height: 2.5rem;
  width: 2.5rem;
  border: 0.0625rem solid #d9d9d9;
  background-color: #ededef;
}

.add-files .added-pic .pic-wrap .btn-pic-delete:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  width: 1rem;
  height: 1rem;
  background-position: -37rem -22rem;
}

.calendar-wrap {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  font-family: "Noto Sans KR", sans-serif;
  line-height: 1;
}

.calendar {
  position: absolute;
  width: 86%;
  max-width: 750px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  text-align: center;
}

.calendar > .head {
  background: #a298ff;
  line-height: 45px;
  color: #fff;
  font-weight: 700;
  font-size: 1.23rem;
  letter-spacing: -0.025em;
  position: relative;
}

.calendar > .head .btn-prev,
.calendar > .head .btn-next {
  position: absolute;
  margin-top: -7px;
  width: 10px;
  height: 14px;
  background-size: contain;
  background-repeat: no-repeat;
}

.calendar > .head .btn-prev {
  left: 15px;
  top: 50%;
  background-image: url(../images/icon_prev.png);
}

.calendar > .head .btn-next {
  right: 15px;
  top: 50%;
  background-image: url(../images/icon_next.png);
}

.calendar .contentsFordtpicker {
  padding: 1.875rem 1.875rem 1.5rem;
}

.calendar table {
  border-collapse: collapse;
  table-layout: fixed;
}

.calendar table th {
  font-size: 1rem;
  font-weight: 500;
  color: #555555;
  background: #f0f0f0;
  border: 1px solid #dddddd;
  line-height: 32px;
}

.calendar table td {
  border: 1px solid #dddddd;
}

.calendar table td a {
  text-decoration: none;
  display: block;
  letter-spacing: -0.05em;
  font-size: 1rem;
  line-height: 32px;
  color: #333333;
}

.calendar table td a.on {
  color: #fff;
  background: #7b45fd;
}

.calendar table td a.ui-state-hover {
  color: #fff;
  background: #c3aafe;
}

.calendar table .sun a span {
  color: #ff5d5d;
}

.calendar table .sat a span {
  color: #4da3f0;
}

.calendar .time-wrap {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
}

.calendar .time-wrap > div {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 calc(50% - 0.625rem);
  flex: 0 1 calc(50% - 0.625rem);
  border: 0.0625rem solid #d9d9d9;
  height: 5rem;
  border-radius: 0.0625rem;
  background-color: #ffffff;
}

.calendar .time-wrap > div:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0.9375rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  width: 2.125rem;
  height: 1.125rem;
  background-position: -11.4375rem -21.9375rem;
}

.calendar .time-wrap > div select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  border: 0;
  width: 100%;
  height: 100%;
  padding: 0.9375rem;
  text-align: center;
  background-color: transparent;
}

.calendar .time-wrap > div select::-webkit-outer-spin-button,
.calendar .time-wrap > div select::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.calendar .time-wrap > div select::-ms-expand {
  display: none;
}

.calendar .datepickcompleteBtn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  min-width: 7.5rem;
  height: 1.875rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.75rem;
  font-weight: 700;
  color: #ffffff;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 500;
  background: #ffafdc;
}

.modal#popContainer {
  max-width: unset;
  width: 50%;
  min-width: 43.75rem;
}

.modal header {
  font-size: 2.25rem;
  color: #333;
  padding-top: 2.5rem;
  font-weight: 500;
}

.modal section {
  padding: 2.1875rem 3.125rem 2.8125rem;
  font-weight: 300;
  color: #555;
  font-size: 1.75rem;
}

.modal section .point {
  display: block;
  font-weight: 500;
  font-size: 1.75rem;
  padding-bottom: 0.625rem;
}

.modal section .point em {
  color: #ff529d;
}

.modal footer {
  border-top: 0.0625rem solid #d9d9d9;
}

.modal footer a.btn.btn-wide {
  height: 10.66667vw;
  height: 10.66667vw;
  line-height: 10.66667vw;
  color: #ff8acc;
  font-size: 1.75rem;
}

.modal footer.col2 {
  overflow: hidden;
}

.modal footer.col2 a,
.modal footer.col2 button {
  width: 50%;
  float: left;
}

.modal footer.col2 a:last-child,
.modal footer.col2 button:last-child {
  color: #7c7c7c;
  border-left: 0.26667vw solid #d2d2d2;
}

.modal.alert-popup,
.modal.share-popup {
  text-align: center;
  padding: 0;
  max-width: 37.5rem;
}

.modal.alert-popup.modal-sm,
.modal.share-popup.modal-sm {
  max-width: 30rem;
}

.modal.info_box dt {
  font-size: 3.73333vw;
  color: #ff529d;
  font-weight: 500;
  padding-bottom: 2.66667vw;
}

.modal .sns-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr [3];
  grid-template-columns: repeat(4, 1fr);
  grid-row-gap: 1.25rem;
}

.modal .sns-list > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 9.375rem;
}

.modal a.close-modal {
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  top: 0;
  right: -1.875rem;
  width: 1.03125rem;
  height: 1.03125rem;
  background-position: -5.71875rem -0.71875rem;
}

.alert-popup {
  /*overflow: hidden;*/
}

.alert-popup .modal-header {
  display: block;
  /*padding-top: 1.875rem;
  padding-bottom: 0.3125rem;*/
  font-size: 1.125rem;
  font-weight: 700;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}

.alert-popup .modal-body {
  padding-top: 5rem;
  padding-bottom: 5rem;
  padding-left: 3.75rem;
  padding-right: 3.75rem;
  font-size: 1.0625rem;
}

.alert-popup .modal-footer .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.alert-popup .modal-footer .btn-group .btn {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  border-radius: 0;
  margin-right: 0;
  height: 4.6875rem;
}

.alert-popup .modal-footer .btn-group .btn:first-of-type {
  border-bottom-left-radius: 1.25rem;
}

.alert-popup .modal-footer .btn-group .btn:last-of-type {
  border-bottom-right-radius: 1.25rem;
}

.alert-popup a.close-modal {
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  top: 2.125rem;
  right: 1.875rem;
  width: 0.975rem;
  height: 0.975rem;
  background-position: -10.0125rem -1.0125rem;
  background-size: 28.125rem;
}

.blocker {
  z-index: 10000;
}

.modal.login-popup {
  background-color: #f7f8f9;
}

.modal.login-popup .modal-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.modal.survey-popup {
  max-width: 58.75rem;
}

.modal.survey-popup .fc-primary {
  font-weight: 500;
}

.modal.survey-popup .modal-body .list-template > li {
  padding: 1.875rem 0;
}

.modal.survey-popup .modal-body .list-template > li.number-indent {
  /*text-indent: -1.4375rem;*/
  /*margin-left: 1.4375rem;*/
  padding-left: 1.4375rem;
}

.modal.survey-popup .modal-body .list-template.border-type > li {
  border-top: 0.0625rem solid #f1f1f1;
  position: relative;
}

.modal.survey-popup .modal-body .list-template.border-type > li:last-child {
  border-bottom: 0.0625rem solid #f1f1f1;
}

.modal.survey-popup
  .modal-body
  .list-template.border-type
  > li
  > span:first-of-type {
  /*position: absolute;*/
}

.modal.user-rating .modal-body {
  text-align: left;
}

.modal.user-rating .modal-body .para {
  margin-bottom: 1.5rem;
}

.modal.user-rating .modal-body h4 {
  font-weight: 500;
  margin: 0;
  margin-bottom: 0.5rem;
}

.modal.user-rating .modal-body ul {
  font-size: 0.9375rem;
  color: #555555;
  font-weight: 400;
}

.modal.user-rating .modal-body ul li {
  margin-bottom: 0.1875rem;
}

.modal.user-rating .modal-body ul li::before {
  content: "";
  display: inline-block;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #7b45fd;
  position: relative;
  margin-right: 0.375rem;
  top: -0.125rem;
}

.modal.user-rating .modal-body em {
  color: #7b45fd;
  font-weight: 500;
}

.modal.user-rating .modal-body .annex {
  margin: 0;
  font-weight: 400;
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  color: #999999;
  letter-spacing: -0.05rem;
}

.search-box .input-wrap {
  border-color: #7b45fd;
  border-radius: 0.25rem;
}

.search-box .input-wrap .btn-search {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 3.125rem;
  flex-basis: 3.125rem;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}

.filter > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.filter > ul > li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.filter > ul > li > a {
  width: 100%;
}

.filter.block-type.col-6 > ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr [3];
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem 3.125rem;
}

.loading {
  display: block;
  text-align: center;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

footer {
  position: -webkit-sticky;
  position: sticky;
  border-top: 0.0625rem solid #d9d9d9;
  min-width: 74.0625rem;
  background-color: #f6f6f8;
  padding-bottom: 3.75rem;
}

footer .container .footer-header {
  padding-top: 2.5rem;
}

footer .container .footer-header .links li {
  display: inline-block;
}

footer .container .footer-header .links li a {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 800;
  color: #555555;
  vertical-align: middle;
}

footer .container .footer-header .links li:after {
  content: "";
  display: inline-block;
  height: 0.625rem;
  width: 0.0625rem;
  border-right: 0.0625rem solid #d9d9d9;
  margin: 0 0.9375rem;
  vertical-align: middle;
}

footer .container .footer-header .links li:nth-last-of-type(1):after {
  content: none;
}

footer .container .footer-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.875rem;
  color: #999999;
  font-size: 0.8125rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

footer .container .footer-body .company-info {
  margin-right: 1.25rem;
  line-height: 1.8;
}

footer .container .footer-body .img-wrap {
  position: relative;
  top: 7px;
}

.card {
  border: 0.0625rem solid #d9d9d9;
}

.card .card-header {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  background-color: #f6f6f8;
}

.card .card-header .catagory {
  font-size: 0.75rem;
}

.card .card-header .title {
  font-size: 0.875rem;
}

.card .card-body {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.card .card-footer {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.paging {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.paging > ul {
  text-align: center;
}

.paging > ul > li {
  display: inline-block;
  margin: 0 0.5rem;
}

.paging > ul > li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  color: #555555;
}

.paging > ul > li a.on {
  background-color: #7b45fd;
  color: #ffffff;
}

.paging .first,
.paging .prev,
.paging .next,
.paging .last {
  display: inline-block;
  width: 0.5625rem;
  height: 0.5625rem;
  background-image: url(../images/paging_icons.png);
  background-repeat: no-repeat;
  background-size: auto;
}

.paging .first {
  background-position: 0 0;
}

.paging .prev {
  background-position: 0 -0.5625rem;
}

.paging .next {
  background-position: 0 -1.125rem;
}

.paging .last {
  background-position: 0 -1.6875rem;
}

.share-wrap ul li {
  display: inline-block;
  margin-right: 0.3125rem;
}

.share-wrap button [class*="icon-"] {
  width: 1rem;
  height: 1rem;
  background-size: 9.375rem;
  margin-right: 0.3125rem;
}

.share-wrap button .icon-share-facebook {
  background-position: -8.2375rem -2.625rem;
}

.share-wrap button .icon-share-twitter {
  background-position: -8.2375rem -3.875rem;
}

.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}

.scroll-wrapper > .scroll-content {
  border: none !important;
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.scroll-element {
  display: none;
}

.scroll-element,
.scroll-element div {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}

.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}

.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}

.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}

/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 8;
}

.scrollbar-inner > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
  bottom: 0;
  height: 6px;
  left: 0;
  width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
  height: 100%;
  right: 0;
  top: 0;
  width: 6px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: #ffffff;
}

.scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #c2c2c2;
}

.scrollbar-inner > .scroll-element:hover .scroll-bar {
  background-color: #919191;
}

.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner
  > .scroll-element.scroll-x.scroll-scrolly_visible
  .scroll-element_track {
  left: -12px;
}

.scrollbar-inner
  > .scroll-element.scroll-y.scroll-scrollx_visible
  .scroll-element_track {
  top: -12px;
}

.scrollbar-inner
  > .scroll-element.scroll-x.scroll-scrolly_visible
  .scroll-element_size {
  left: -12px;
}

.scrollbar-inner
  > .scroll-element.scroll-y.scroll-scrollx_visible
  .scroll-element_size {
  top: -12px;
}

/*************** SIMPLE OUTER SCROLLBAR ***************/
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 8;
}

.scrollbar-outer > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-outer > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
  height: 100%;
  right: 0;
  top: 0;
  width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
  height: 8px;
  top: 2px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  width: 8px;
}

.scrollbar-outer > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

.scrollbar-outer > .scroll-element .scroll-element_track {
  background-color: #ffffff;
}

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
  border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
}

.scrollbar-outer > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
}

.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
  left: -12px;
  margin-left: 12px;
}

.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
  top: -12px;
  margin-top: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
  min-width: 10px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
  min-height: 10px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-outer
  > .scroll-element.scroll-x.scroll-scrolly_visible
  .scroll-element_track {
  left: -14px;
}

.scrollbar-outer
  > .scroll-element.scroll-y.scroll-scrollx_visible
  .scroll-element_track {
  top: -14px;
}

.scrollbar-outer
  > .scroll-element.scroll-x.scroll-scrolly_visible
  .scroll-element_size {
  left: -14px;
}

.scrollbar-outer
  > .scroll-element.scroll-y.scroll-scrollx_visible
  .scroll-element_size {
  top: -14px;
}

aside {
  background-color: #f8f8f9;
}

aside .aside-container {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-left: 1.75rem;
  padding-right: 0.625rem;
}

aside .aside-container .header {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  margin-top: 1.875rem;
  margin-bottom: 0.9375rem;
}

aside .aside-container .header .prefix,
aside .aside-container .header .suffix,
aside .aside-container .header .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

aside .aside-container .header .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

aside .aside-container .header .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

aside .aside-container h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: 800;
}

aside .aside-container h3 [class*="text-img-"] {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.0625rem;
}

aside .aside-container h3 .text-img-play {
  background-image: url(../images/text_img_play.png);
  width: 3.1875rem;
}

aside .aside-container h3 .text-img-pick {
  background-image: url(../images/text_img_pick.png);
  width: 2.8125rem;
}

aside .aside-container h3 .text-img-mall {
  background-image: url(../images/text_img_mall.png);
  height: 1rem;
  width: 2.5625rem;
  vertical-align: middle;
}

aside .aside-container h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 700;
}

aside .aside-container .summary-card {
  padding: 1rem 1.5rem;
  border-radius: 0.25rem;
  text-align: center;
}

aside .aside-container .summary-card .card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.5625rem;
}

aside .aside-container .summary-card .card-header .avatar {
  width: 60px;
  height: 60px;
}

aside .aside-container .summary-card .card-header .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-left: 0.5rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

aside .aside-container .summary-card .card-header .info .welcome {
  font-size: 1rem;
  font-weight: 800;
  text-align: right;
  padding-right: 6px;
  letter-spacing: -0.85px;
}

aside .aside-container .summary-card .card-header .info .level-wrap {
  margin-top: 0.125rem;
  font-size: 0.8125rem;
  color: #b0b0b0;
  text-align: right;
  padding-right: 6px;
}

aside .aside-container .summary-card .card-header .info .level-wrap .level {
  color: #333333;
  font-weight: 800;
}

aside .aside-container .summary-card .card-header .greeting {
  margin-top: 1.25rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: #999999;
}

aside .aside-container .summary-card .card-body {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  border-top: 0.0625rem solid #d9d9d9;
  border-bottom: 0.0625rem solid #d9d9d9;
}

aside .aside-container .summary-card .card-body .prefix,
aside .aside-container .summary-card .card-body .suffix,
aside .aside-container .summary-card .card-body .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

aside .aside-container .summary-card .card-body .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

aside .aside-container .summary-card .card-body .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

aside .aside-container .summary-card .card-body .point {
  color: #7b45fd;
  font-weight: 800;
  font-size: 1.25rem;
  margin-right: 8px;
}

aside .aside-container .summary-card .card-body .point:before {
  content: "";
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.3125rem;
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  background-position: -6.5625rem -13.6875rem;
  background-size: 46.875rem;
}

aside .aside-container .summary-card .card-body .label {
  font-weight: 700;
  font-size: 0.95rem;
}

/* 220616 내 폴닢 내역 수정 :: s */
aside .aside-container .summary-card .card-body.extinction {
  display: block;
}

aside .aside-container .summary-card .card-body.extinction .my-point-wrap {
  display: flex;
  margin-bottom: 0.3rem;
}

aside
  .aside-container
  .summary-card
  .card-body.extinction
  .my-point-wrap:last-child {
  margin-bottom: 0;
}

/* 220623 수정&추가 :: s */
aside
  .aside-container
  .summary-card
  .card-body.extinction
  .my-point-wrap.extinction
  .label {
  display: flex;
  align-items: center;
}

aside
  .aside-container
  .summary-card
  .card-body.extinction
  .my-point-wrap.extinction
  .label
  h3 {
  color: #666;
  font-weight: 400;
  font-size: 0.95rem;
}

aside
  .aside-container
  .summary-card
  .card-body.extinction
  .my-point-wrap.extinction
  .label
  a::before {
  content: "";
  display: inline-block;
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  width: 1rem;
  height: 1rem;
  background-position: -18.25rem -37rem;
  position: relative;
  top: 2px;
  left: 5px;
}
/* 220623 수정&추가 :: e */

aside
  .aside-container
  .summary-card
  .card-body.extinction
  .my-point-wrap.extinction
  .point {
  color: #666;
  font-weight: 400;
  font-size: 1rem;
}

aside
  .aside-container
  .summary-card
  .card-body.extinction
  .my-point-wrap.extinction
  .point::before {
  content: none;
}

.my-page .about-heypoll-point .box-footer.extinction {
  padding-left: 12.5rem;
}

.my-page .about-heypoll-point .box-footer.extinction .now-point-message {
  text-align: left;
}

.my-page
  .about-heypoll-point
  .box-footer.extinction
  .now-point-message:last-child {
  font-size: 1.1rem;
  margin-top: 0.5rem;
}

.my-page
  .about-heypoll-point
  .box-footer.extinction
  .now-point-message
  .extinction-point {
  font-size: 0.9rem;
  color: #fff;
}
/* 220616 내 폴닢 내역 수정 :: e */

aside .aside-container .summary-card .btn-login {
  height: 2.5rem;
  font-size: 0.875rem;
}

aside .aside-container .summary-card .card-footer {
  padding-top: 1.5625rem;
  padding-bottom: 0.625rem;
}

aside .aside-container .summary-card .card-footer .btn-alarm:before {
  content: "";
  display: inline-block;
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  width: 1.6625rem;
  height: 1.8375rem;
  background-position: -4.3875rem -51.58125rem;
  background-size: 32.8125rem;
}

aside .aside-container .summary-card .card-footer .btn-alarm .new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1rem;
  height: 1rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: -0.1875rem;
  right: 0.9375rem;
  border: 0;
  background-color: #ff8acc;
  color: #ffffff;
  font-size: 0.5625rem;
}

aside .aside-container .summary-card .card-footer .btn-mypage:before {
  content: "";
  display: inline-block;
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  width: 1.6625rem;
  height: 1.8375rem;
  background-position: -15.6625rem -106.025rem;
  background-size: 32.8125rem;
}

aside .aside-container .summary-card .card-footer .btn-changepoint:before {
  content: "";
  display: inline-block;
  background-image: url(../images/ico_pointrefresh.png);
  background-repeat: no-repeat;
  width: 1.6625rem;
  height: 1.8375rem;
  background-size: 1.6rem;
  background-position: 0 0.1rem;
}

aside .aside-container .summary-card .card-footer.link-wrap {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}

aside .aside-container .summary-card .card-footer.link-wrap .prefix,
aside .aside-container .summary-card .card-footer.link-wrap .suffix,
aside .aside-container .summary-card .card-footer.link-wrap .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

aside .aside-container .summary-card .card-footer.link-wrap .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

aside .aside-container .summary-card .card-footer.link-wrap .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

aside .aside-container .flex-list > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

aside .aside-container .flex-list > ul li {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 calc(100% / 4);
  flex: 1 1 calc(100% / 4);
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: calc(100% / 4);
  flex-basis: calc(100% / 4);
  text-align: center;
}

aside .aside-container .flex-list > ul li:after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 1.25rem;
  width: 0.0625rem;
  border-right: 0.0625rem solid #d9d9d9;
}

aside .aside-container .flex-list > ul li:nth-last-of-type(1):after {
  content: none;
}

aside .aside-container .flex-list > ul li a {
  display: block;
  font-size: 0.8125rem;
  font-weight: 800;
  line-height: 1.2;
}

aside .aside-container .quick-service {
  padding: 1.25rem 0.3125rem;
  border-radius: 0.25rem;
}

aside .aside-container .quick-service .flex-list ul {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

aside .aside-container .quick-service .flex-list ul li {
  height: 100%;
}

aside .aside-container .quick-service .flex-list ul li .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  height: 4.375rem;
}

aside .aside-container .quick-service .flex-list ul li .item .title {
  margin-top: 0.625rem;
  font-size: 0.8125rem;
  font-weight: 800;
  line-height: 1.2;
}

/*aside .aside-container .quick-service .flex-list ul li:nth-of-type(1) .item .title, aside .aside-container .quick-service .flex-list ul li:nth-of-type(4) .item .title {
  margin-top: 0.9375rem;
}*/
aside .aside-container .aside-banner {
  position: relative;
  width: 100%;
}

aside .aside-container .aside-banner .owl-carousel {
  height: 11.875rem;
}

aside .aside-container .aside-banner .aside-custom-nav {
  position: absolute;
  bottom: -1.625rem;
  right: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 5.9375rem;
  height: 1.5625rem;
  border-radius: 1.875rem;
  background-color: rgba(121, 61, 255, 0.8);
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
  z-index: 1;
}

aside .aside-container .aside-banner .aside-custom-nav .owl-next,
aside .aside-container .aside-banner .aside-custom-nav .owl-prev {
  position: absolute;
  display: inline-block;
  width: 0.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

aside .aside-container .aside-banner .aside-custom-nav .owl-prev {
  left: 0.625rem;
}

aside .aside-container .aside-banner .aside-custom-nav .owl-next {
  right: 0.625rem;
}

aside .aside-container .aside-banner .aside-custom-nav .icon-slide-prev {
  width: 0.4rem;
  height: 0.6rem;
  background-position: -16.75rem -113.3rem;
  background-size: 37.5rem;
}

aside .aside-container .aside-banner .aside-custom-nav .icon-slide-next {
  width: 0.4rem;
  height: 0.6rem;
  background-position: -16.75rem -113.9rem;
  background-size: 37.5rem;
}

aside .aside-container .aside-banner .slide-paging {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  bottom: -1.625rem;
  right: 3.4375rem;
  width: 2.8125rem;
  height: 1.5625rem;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.6875rem;
  z-index: 1;
}

aside .aside-container .aside-banner .slide-paging .partition {
  display: inline-block;
  width: 0.0625rem;
  height: 0.625rem;
  border-right: 0.0625rem solid rgba(255, 255, 255, 0.5);
  margin: 0 0.625rem;
}

aside .aside-container .aside-banner .slide-paging .now {
  color: #ffffff;
  font-weight: 800;
}

aside .aside-container .today-sns {
  border-radius: 0.25rem;
  height: 64.81481vh;
  background-color: #ededef;
}

aside .aside-container .today-sns .sns-list {
  background-color: #ededef;
}

aside .aside-container .today-sns .sns-list > ul > li:nth-of-type(1).item {
  border-top: 0;
}

aside .aside-container .today-sns .sns-list > ul > li.item {
  border-top: 0.0625rem solid #d9d9d9;
  border-bottom: 0.0625rem solid #d9d9d9;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  margin-bottom: 0.3125rem;
  background-color: #ffffff;
}

aside .aside-container .today-sns .sns-list > ul > li.item .template-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

aside
  .aside-container
  .today-sns
  .sns-list
  > ul
  > li.item
  .template-header
  .avatar {
  height: 2.5rem;
  width: 2.5rem;
}

aside
  .aside-container
  .today-sns
  .sns-list
  > ul
  > li.item
  .template-header
  .info {
  margin-left: 0.625rem;
}

aside
  .aside-container
  .today-sns
  .sns-list
  > ul
  > li.item
  .template-header
  .info
  .nickname {
  font-size: 0.875rem;
}

aside
  .aside-container
  .today-sns
  .sns-list
  > ul
  > li.item
  .template-header
  .info
  .date {
  margin-top: 0.3125rem;
  font-size: 0.75rem;
  color: #555555;
}

aside .aside-container .today-sns .sns-list > ul > li.item .template-body {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

aside .aside-container .today-sns .sns-list > ul > li.item .img-wrap img {
  width: 100%;
}

aside .aside-container .today-sns .sns-list > ul > li.item .template-footer {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

aside .aside-container .today-sns .sns-list > ul > li.item .sns-function li {
  display: inline-block;
  margin-right: 0.3125rem;
}

aside .aside-container .today-sns .sns-list > ul > li.item .sns-function li a {
  display: block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}

aside .aside-container .heypoll-mall {
  margin-top: 3.75rem;
}

aside .aside-container .heypoll-mall .heypoll-mall-list > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

aside .aside-container .heypoll-mall .heypoll-mall-list > ul > li {
  -ms-flex-preferred-size: calc(100% / 2 - 0.9375rem);
  flex-basis: calc(100% / 2 - 0.9375rem);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  flex-basis: calc(100% / 2 - 0.9375rem);
}

aside
  .aside-container
  .heypoll-mall
  .heypoll-mall-list
  > ul
  > li
  .item-wrap.card {
  border: 0;
}

aside
  .aside-container
  .heypoll-mall
  .heypoll-mall-list
  > ul
  > li
  .item-wrap.card
  > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

aside
  .aside-container
  .heypoll-mall
  .heypoll-mall-list
  > ul
  > li
  .item-wrap.card
  > a
  .img-wrap {
  display: inline-block;
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 9.375rem;
  flex: 0 0 9.375rem;
  height: 9.375rem;
  overflow: hidden;
}

aside
  .aside-container
  .heypoll-mall
  .heypoll-mall-list
  > ul
  > li
  .item-wrap.card
  > a
  .img-wrap
  img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

aside
  .aside-container
  .heypoll-mall
  .heypoll-mall-list
  > ul
  > li
  .item-wrap.card
  > a
  .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 1.25rem 0;
}

aside
  .aside-container
  .heypoll-mall
  .heypoll-mall-list
  > ul
  > li
  .item-wrap.card
  > a
  .card-body
  .title {
  display: -webkit-box;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  height: 2.45rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: #555555;
}

aside
  .aside-container
  .heypoll-mall
  .heypoll-mall-list
  > ul
  > li
  .item-wrap.card
  > a
  .card-body
  .item-info {
  margin-top: 0.3125rem;
  word-break: break-all;
}

aside
  .aside-container
  .heypoll-mall
  .heypoll-mall-list
  > ul
  > li
  .item-wrap.card
  > a
  .card-body
  .item-info
  .price {
  font-size: 0.875rem;
  color: #333333;
  font-weight: 800;
  vertical-align: middle;
}

aside
  .aside-container
  .heypoll-mall
  .heypoll-mall-list
  > ul
  > li
  .item-wrap.card
  > a
  .card-body
  .item-info
  .price
  .unit {
  font-size: 0.6875rem;
  color: #999999;
  font-weight: 400;
}

aside
  .aside-container
  .heypoll-mall
  .heypoll-mall-list
  > ul
  > li
  .item-wrap.card
  > a
  .card-body
  .item-info
  .price-to-point {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  font-size: 0.875rem;
  color: #7b45fd;
  font-weight: 800;
}

aside
  .aside-container
  .heypoll-mall
  .heypoll-mall-list
  > ul
  > li
  .item-wrap.card
  > a
  .card-body
  .item-info
  .icon-price-point {
  vertical-align: middle;
}

aside .aside-container .search-box {
  margin-bottom: 2.5rem;
}

aside .aside-container .search-box .input-wrap {
  margin-top: 0.625rem;
}

aside .aside-container .search-box .btn .icon-dropdown-arrow {
  margin-left: 0.3125rem;
}

aside .aside-container .search-option {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  padding-top: 0.625rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

aside .aside-container .search-option.on {
  background-color: #ffffff;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
}

aside .aside-container .search-option .option-header a.option-toggle {
  font-size: 0.75rem;
  font-weight: 700;
  vertical-align: middle;
}

aside
  .aside-container
  .search-option
  .option-header
  a.option-toggle
  .icon--dropdown-arrow {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: relative;
  top: -0.0625rem;
}

aside
  .aside-container
  .search-option
  .option-header
  a.option-toggle.on
  .icon--dropdown-arrow {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

aside .aside-container .search-option .option-list {
  display: none;
  padding-left: 0.625rem;
  padding-bottom: 1.25rem;
}

aside .aside-container .search-option .option-list h5 {
  font-size: 0.875rem;
  margin-top: 1.25rem;
  margin-bottom: 0.3125rem;
}

aside .aside-container .search-option .option-list .inline-type > li {
  display: inline-block;
  margin-right: 0.4375rem;
}

aside .aside-container .search-option .option-list .block-type > li {
  display: block;
}

aside .aside-container .search-option .checkbox-wrap label span {
  color: #555555;
  font-size: 0.875rem;
  /*   padding-left: 0; */
  position: relative;
  top: -0.03125rem;
}

.bordered-box {
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: 0.25rem;
  margin-bottom: 2.5rem;
}

.bordered-box .box-header,
.bordered-box .box-body,
.bordered-box .box-footer {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.bordered-box .box-header {
  padding-top: 2.5rem;
}

.bordered-box .box-header[class*="bg-"] {
  padding-bottom: 2.5rem;
}

.bordered-box .box-footer {
  padding-bottom: 2.5rem;
}

.bordered-box .box-footer[class*="bg-"] {
  padding-top: 2.5rem;
}

.bordered-box.bc-primary {
  border-color: #7b45fd;
}

.bordered-box.bc-secondary {
  border-color: #ff8acc;
}

.bordered-sandwich {
  border-style: solid;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  border-top-width: 0.0625rem;
  border-top-color: #333333;
  border-bottom-width: 0.0625rem;
  border-bottom-color: #d9d9d9;
  border-left: 0;
  border-right: 0;
  margin-bottom: 2.5rem;
}

table {
  width: 100%;
  font-size: 0.875rem;
}

table.table th {
  font-weight: 700;
  color: #333333;
  text-align: left;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  font-size: 0.8125rem;
  letter-spacing: -0.03125rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

table.table td {
  text-align: left;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  border-top: 0.0625rem solid #efefef;
  color: #888888;
  padding-top: 0.8125rem;
  padding-bottom: 0.8125rem;
}

table.table tr:nth-of-type(odd) {
  background-color: #ededef;
}

table.table.bordered-type {
  border-style: solid;
  border-top-width: 0.0625rem;
  border-top-color: #efefef;
  border-bottom-width: 0.0625rem;
  border-bottom-color: #efefef;
  border-left: 0;
  border-right: 0;
}

table.table thead tr {
  background-color: #ffffff !important;
}

table.table td.fc-primary {
  color: #7b45fd;
}

table.table th.align-r,
table.table td.align-r {
  text-align: right;
}

table.table th.align-c,
table.table td.align-c {
  text-align: center;
}

table.table tbody tr td.sub-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 20rem;
}

.main .content-wrap {
  display: block;
}

.main .content-wrap .header {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}

.main .content-wrap .header .prefix,
.main .content-wrap .header .suffix,
.main .content-wrap .header .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.main .content-wrap .header .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 1rem;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.main .content-wrap .header .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.main .content-wrap .header .title {
  display: inline-block;
  font-size: 1.375rem;
  font-weight: 800;
  color: #333333;
}

.main .content-wrap .header .title [class*="text-img-"] {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.0625rem;
}

.main .content-wrap .header .title .text-img-play {
  background-image: url(../images/text_img_play.png);
  width: 3.1875rem;
}

.main .content-wrap .header .title .text-img-pick {
  background-image: url(../images/text_img_pick.png);
  width: 2.8125rem;
}

.main .content-wrap .header .title .text-img-mall {
  background-image: url(../images/text_img_mall.png);
  height: 1rem;
  width: 2.5625rem;
  vertical-align: middle;
}

.main .content-wrap .header .title .sub-text {
  font-size: 1rem;
  font-weight: 400;
  color: #999999;
  margin-left: 1.875rem;
}

.main .content-wrap .header .slide-paging {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 5.625rem;
  height: 3.125rem;
  color: #e6e6e6;
  font-size: 1.75rem;
  z-index: 1;
}

.main .content-wrap .header .slide-paging .now {
  color: #333333;
  font-weight: 800;
}

.main .content-wrap .header .btn-round {
  font-size: 0.8125rem;
  line-height: 1.4;
}

.main .content-wrap .header .btn-white {
  padding-left: 1.875rem;
  padding-right: 0.9375rem;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.main .content-wrap .template-bg-gray {
  /*padding-left: 1.875rem;*/
  padding-right: 1.875rem;
  padding-top: 1.875rem;
  /*background-color: #f6f6f8;*/
}

.main .content-wrap .main-banner {
  position: relative;
  width: calc(74.0625rem - 20rem - 1.5625rem - 1.875rem - 1.875rem);
  -webkit-box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.1);
}

.main .content-wrap .main-banner .owl-carousel {
  height: 18.75rem;
}

.main .content-wrap .main-banner .banner-link {
  display: inline-block;
  width: 100%;
}

.main .content-wrap .main-banner .custom-nav {
  position: absolute;
  bottom: -0.625rem;
  right: 1.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 5.9375rem;
  height: 1.5625rem;
  border-radius: 1.875rem;
  background-color: rgba(121, 61, 255, 0.8);
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
  z-index: 1;
}

.main .content-wrap .main-banner .custom-nav .owl-next,
.main .content-wrap .main-banner .custom-nav .owl-prev {
  position: absolute;
  display: inline-block;
  width: 0.5rem;
  top: 0.3125rem;
}

.main .content-wrap .main-banner .custom-nav .owl-prev {
  left: 0.625rem;
}

.main .content-wrap .main-banner .custom-nav .owl-next {
  right: 0.625rem;
}

.main .content-wrap .main-banner .slide-paging {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  bottom: -0.625rem;
  right: 3.3125rem;
  width: 2.8125rem;
  height: 1.5625rem;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.75rem;
  z-index: 1;
}

.main .content-wrap .main-banner .slide-paging .partition,
.main .content-wrap .today-play .header .slide-paging .partition {
  display: inline-block;
  width: 0.0625rem;
  height: 0.625rem;
  border-right: 0.0625rem solid rgba(255, 255, 255, 0.5);
  margin: 0 0.625rem;
}

.main .content-wrap .main-banner .slide-paging .now {
  color: #ffffff;
  font-weight: 800;
}

.main .content-wrap .main-banner .slide-paging .total {
  color: #999999;
}

.main .content-wrap .today-play {
  width: calc(74.0625rem - 20rem - 1.5625rem - 1.875rem * 3);
  padding-bottom: 2.1875rem;
}

.main .content-wrap .today-play .owl-carousel .icon-slide-prev {
  width: 0.275rem;
  height: 0.4125rem;
  background-size: 25.78125rem;
  background-position: -11.20625rem -77.85938rem;
}

.main .content-wrap .today-play .owl-carousel .icon-slide-next {
  width: 0.275rem;
  height: 0.4125rem;
  background-size: 25.78125rem;
  background-position: -11.20625rem -78.30625rem;
}

.main .content-wrap .today-play .owl-carousel .owl-nav {
  position: absolute;
  top: -2.5rem;
  right: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 3.75rem;
  height: 1.5625rem;
}

.main .content-wrap .today-play .owl-carousel .owl-nav:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 0.75rem;
  width: 0.0625rem;
  border-right: 0.0625rem solid #c8c8c8;
}

.main .content-wrap .today-play .owl-carousel .owl-nav .owl-next,
.main .content-wrap .today-play .owl-carousel .owl-nav .owl-prev {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 0.275rem;
  height: 0.4125rem;
  top: 0.5625rem;
}

.main .content-wrap .today-play .owl-carousel .owl-nav .owl-prev {
  left: 0.3125rem;
}

.main .content-wrap .today-play .owl-carousel .owl-nav .owl-next {
  right: 0.3125rem;
}

.main .content-wrap .today-play .owl-carousel .item {
  display: block;
}

.main .content-wrap .today-play .header .slide-paging {
  position: relative;
  font-size: 0.75rem;
  width: 3.57rem;
  height: 3.125rem;
  top: 0.4rem;
  right: 0.125rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0.5rem 0 0.5rem;
}

.main .content-wrap .today-play .header .slide-paging .now {
  color: #6b2ff3;
  font-weight: 500;
}

.main .content-wrap .today-play .owl-carousel .item .item-body {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}

.main .content-wrap .today-play .owl-carousel .item .item-body .prefix,
.main .content-wrap .today-play .owl-carousel .item .item-body .suffix,
.main .content-wrap .today-play .owl-carousel .item .item-body .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.main .content-wrap .today-play .owl-carousel .item .item-body .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.main .content-wrap .today-play .owl-carousel .item .item-body .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.main .content-wrap .today-play .owl-carousel .item .item-body .prefix {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 11.875rem;
  flex: 0 0 11.875rem;
}

.main
  .content-wrap
  .today-play
  .owl-carousel
  .item
  .item-body
  .prefix
  .img-wrap {
  position: relative;
  width: 100%;
  height: 8.125rem;
  border-radius: 0.5rem;
  overflow: hidden;
}

.main
  .content-wrap
  .today-play
  .owl-carousel
  .item
  .item-body
  .prefix
  .img-wrap.play-btn:before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 3.125rem;
  height: 3.125rem;
  background-image: url(../images/icon_play.png);
  background-repeat: no-repeat;
  z-index: 1;
}

.main
  .content-wrap
  .today-play
  .owl-carousel
  .item
  .item-body
  .prefix
  .img-wrap
  img {
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -o-object-fit: cover;
  object-fit: cover;
}

.main .content-wrap .today-play .owl-carousel .item .item-body .suffix {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 1.25rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.main .content-wrap .today-play .owl-carousel .item .item-body .suffix .title {
  margin-top: 0.625rem;
  margin-bottom: 0.3125rem;
  line-height: 1.6;
  font-size: 1.1rem;
  font-weight: 700;
  display: block;
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.main
  .content-wrap
  .today-play
  .owl-carousel
  .item
  .item-body
  .suffix
  .item-text,
.main .content-wrap .today-play .owl-carousel .item .item-body .suffix .info {
  color: #999999;
}

.main
  .content-wrap
  .today-play
  .owl-carousel
  .item
  .item-body
  .suffix
  .item-text {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 2.5rem;
  flex: 0 0 2.5rem;
  height: 2.5rem;
  width: 100%;
  line-height: 1.25rem;
  font-size: 1.05rem;
  display: -webkit-box;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
}

.main .content-wrap .today-play .owl-carousel .item .item-body .suffix .info {
  width: 100%;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  margin-top: 0.525rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 1.25rem;
  flex: 0 1 1.25rem;
  font-size: 0.875rem;
}

.main
  .content-wrap
  .today-play
  .owl-carousel
  .item
  .item-body
  .suffix
  .info
  .prefix,
.main
  .content-wrap
  .today-play
  .owl-carousel
  .item
  .item-body
  .suffix
  .info
  .suffix,
.main
  .content-wrap
  .today-play
  .owl-carousel
  .item
  .item-body
  .suffix
  .info
  .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.main
  .content-wrap
  .today-play
  .owl-carousel
  .item
  .item-body
  .suffix
  .info
  .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.main
  .content-wrap
  .today-play
  .owl-carousel
  .item
  .item-body
  .suffix
  .info
  .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.main
  .content-wrap
  .today-play
  .owl-carousel
  .item
  .item-body
  .suffix
  .info
  span {
  vertical-align: middle;
  margin-right: 0.3125rem;
}

.main
  .content-wrap
  .today-play
  .owl-carousel
  .item
  .item-body
  .suffix
  .info
  em {
  margin: 0 0.1875rem;
  font-weight: 700;
  color: #333333;
}

.main
  .content-wrap
  .today-play
  .owl-carousel
  .item
  .item-body
  .suffix
  .info
  .suffix {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.main .content-wrap .today-pick {
  width: calc(74.0625rem - 20rem - 1.5625rem - 1.875rem * 3);
  padding-bottom: 2.1875rem;
}

.main .content-wrap .today-pick .header .suffix .btn-question {
  margin-right: 0.3125rem;
}

.main .content-wrap .today-pick .pick-list {
  padding-top: 2.5rem;
  ms-overflow-style: none; scrollbar-width: none; 
}



.main .content-wrap .today-pick .pick-list .pick-list-wrapper {
  overflow-x: clip; 
  /* 스크롤 ui 제거시에 주석 해제 */
  ms-overflow-style: none; 
  scrollbar-width: none; 

}

.main .content-wrap .today-pick .pick-list .pick-list-wrapper::-webkit-scrollbar {display: none;}


.main .content-wrap .today-pick .pick-list .pick-list-wrapper,
.main .content-wrap .today-pick .pick-list .pick-list-wrapper .owl-stage-outer .owl-stage
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.25rem;
}

.main .content-wrap .today-pick .pick-list .pick-list-wrapper .owl-nav.disabled
{
  display: none;
}

.main .content-wrap .today-pick .pick-list .pick-list-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 14.375rem;
  flex: 0 0 14.375rem;
  -ms-flex-preferred-size: 14.375rem;
  flex-basis: 14.375rem;
  width: 14.375rem;
  height: 18.75rem;
  /* margin-right: 35px; */
}

.main .content-wrap .today-pick .pick-list .pick-list-item:nth-last-of-type(1) {
  /*   padding-right: 0.625rem; */
}

.main .content-wrap .today-pick .pick-list .pick-list-item a.item {
  position: relative;
  display: block;
  height: 100%;
}



.main .content-wrap .today-pick .pick-list .pick-list-item a.item .pick-tag {
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  left: 0;
  top: -1.625rem;
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 50%;
  background-color: rgba(255, 138, 204, 0.8);
  color: #ffffff;
  font-weight: 800;
  font-size: 0.9375rem;
  z-index: 1;
}

.main .content-wrap .today-pick .pick-list .pick-list-item a.item .pick-tag img {
  width: 1.6875rem;
}

.main .content-wrap .today-pick .pick-list .pick-list-item a.item .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  border-radius: 0.5rem;
  border: 0;
}

.main .content-wrap .today-pick .pick-list .pick-list-item a.item .card .img-wrap {
  display: inline-block;
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 9.375rem;
  flex: 0 0 9.375rem;
  overflow: hidden;
}

.main
  .content-wrap
  .today-pick
  .pick-list
  .pick-list-item
  > a.item
  .card
  .img-wrap
  img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.main .content-wrap .today-pick .pick-list .pick-list-item a.item .card .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 9.375rem;
  flex: 1 1 9.375rem;
  -ms-flex-preferred-size: 9.375rem;
  flex-basis: 9.375rem;
  background-color: #ffffff;
  padding: 0.9375rem;
}

.main
  .content-wrap
  .today-pick
  .pick-list
  .pick-list-item
  > a.item
  .card
  .card-body
  .nickname {
  font-size: 0.75rem;
  color: #999999;
}

.main
  .content-wrap
  .today-pick
  .pick-list
  .pick-list-item
  > a.item
  .card
  .card-body
  .title {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 2.7rem;
  flex-basis: 2.7rem;
  max-height: 2.7rem;
  display: -webkit-box;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  margin-top: 0.625rem;
  font-size: 1rem;
  font-weight: 400;
  color: #555555;
  line-height: 1.4;
}

.main
  .content-wrap
  .today-pick
  .pick-list
  .pick-list-item
  > a.item
  .card
  .card-body
  .item-info {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  font-size: 0.75rem;
  color: #999999;
}

.main
  .content-wrap
  .today-pick
  .pick-list
  .pick-list-item
  > a.item
  .card
  .card-body
  .item-info
  .prefix,
.main
  .content-wrap
  .today-pick
  .pick-list
  .pick-list-item
  > a.item
  .card
  .card-body
  .item-info
  .suffix,
.main
  .content-wrap
  .today-pick
  .pick-list
  .pick-list-item
  > a.item
  .card
  .card-body
  .item-info
  .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.main
  .content-wrap
  .today-pick
  .pick-list
  .pick-list-item
  > a.item
  .card
  .card-body
  .item-info
  .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.main
  .content-wrap
  .today-pick
  .pick-list
  .pick-list-item
  > a.item
  .card
  .card-body
  .item-info
  .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.main
  .content-wrap
  .today-pick
  .pick-list
  .pick-list-item
  > a.item
  .card
  .card-body
  .item-info
  em {
  color: #333333;
  font-weight: 800;
}

.main .content-wrap .today-vote {
  margin-top: 2.5rem;
}

.main .content-wrap .today-vote .today-vote-list > ul > li .item-wrap {
  position: relative;
  margin-bottom: 1.25rem;
}

.main .content-wrap .today-vote .today-vote-list > ul > li .item-wrap > a {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}

.main
  .content-wrap
  .today-vote
  .today-vote-list
  > ul
  > li
  .item-wrap
  > a
  .prefix,
.main
  .content-wrap
  .today-vote
  .today-vote-list
  > ul
  > li
  .item-wrap
  > a
  .suffix,
.main
  .content-wrap
  .today-vote
  .today-vote-list
  > ul
  > li
  .item-wrap
  > a
  .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.main
  .content-wrap
  .today-vote
  .today-vote-list
  > ul
  > li
  .item-wrap
  > a
  .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.main
  .content-wrap
  .today-vote
  .today-vote-list
  > ul
  > li
  .item-wrap
  > a
  .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.main
  .content-wrap
  .today-vote
  .today-vote-list
  > ul
  > li
  .item-wrap
  > a
  .avatar {
  height: 6.25rem;
  width: 6.25rem;
}

.main
  .content-wrap
  .today-vote
  .today-vote-list
  > ul
  > li
  .item-wrap
  > a
  .prefix {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 6.25rem;
  flex: 0 0 6.25rem;
}

.main
  .content-wrap
  .today-vote
  .today-vote-list
  > ul
  > li
  .item-wrap
  > a
  .suffix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-left: 1.25rem;
  padding-top: 0.3125rem;
  z-index: 1;
  -ms-flex-preferred-size: calc(100% - 6.25rem);
  flex-basis: calc(100% - 6.25rem);
}

.main
  .content-wrap
  .today-vote
  .today-vote-list
  > ul
  > li
  .item-wrap
  > a
  .suffix
  .title {
  display: -webkit-box;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  width: 100%;
  max-height: 2.7rem;
  margin-top: 0.525rem;
  font-size: 1rem;
  font-weight: 400;
  color: #555555;
  line-height: 1.4;
}

.main
  .content-wrap
  .today-vote
  .today-vote-list
  > ul
  > li
  .item-wrap
  > a
  .suffix
  .item-info {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 0.525rem;
  font-size: 0.75rem;
  color: #999999;
}

.main
  .content-wrap
  .today-vote
  .today-vote-list
  > ul
  > li
  .item-wrap
  > a
  .suffix
  .item-info
  em {
  color: #333333;
  font-weight: 800;
}

.main
  .content-wrap
  .today-vote
  .today-vote-list
  > ul
  > li:nth-last-of-type(1)
  .item-wrap {
  margin-bottom: 0;
}

.main .content-wrap .survey-to-me {
  margin-top: 2.5rem;
}

.main .content-wrap .survey-to-me .survey-to-me-list > ul > li .item-wrap {
  margin-bottom: 1.25rem;
}

.main .content-wrap .survey-to-me .survey-to-me-list > ul > li .item-wrap a {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}

.main
  .content-wrap
  .survey-to-me
  .survey-to-me-list
  > ul
  > li
  .item-wrap
  a
  .prefix,
.main
  .content-wrap
  .survey-to-me
  .survey-to-me-list
  > ul
  > li
  .item-wrap
  a
  .suffix,
.main
  .content-wrap
  .survey-to-me
  .survey-to-me-list
  > ul
  > li
  .item-wrap
  a
  .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.main
  .content-wrap
  .survey-to-me
  .survey-to-me-list
  > ul
  > li
  .item-wrap
  a
  .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.main
  .content-wrap
  .survey-to-me
  .survey-to-me-list
  > ul
  > li
  .item-wrap
  a
  .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.main
  .content-wrap
  .survey-to-me
  .survey-to-me-list
  > ul
  > li
  .item-wrap
  a
  .prefix {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 6.25rem;
  flex: 0 0 6.25rem;
}

.main
  .content-wrap
  .survey-to-me
  .survey-to-me-list
  > ul
  > li
  .item-wrap
  a
  .prefix
  .avatar {
  height: 6.25rem;
  width: 6.25rem;
}

.main
  .content-wrap
  .survey-to-me
  .survey-to-me-list
  > ul
  > li
  .item-wrap
  a
  .suffix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 1.25rem;
  padding-top: 0.3125rem;
  z-index: 1;
}

.main
  .content-wrap
  .survey-to-me
  .survey-to-me-list
  > ul
  > li
  .item-wrap
  a
  .suffix
  .catagory {
  margin-top: 0.625rem;
  color: #999999;
}

.main
  .content-wrap
  .survey-to-me
  .survey-to-me-list
  > ul
  > li
  .item-wrap
  a
  .suffix
  .title {
  display: -webkit-box;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  margin-top: 0.3125rem;
  font-size: 1rem;
  font-weight: 400;
  color: #555555;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 250px;
}

.main
  .content-wrap
  .survey-to-me
  .survey-to-me-list
  > ul
  > li
  .item-wrap
  a
  .suffix
  .item-info {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 0.625rem;
  font-size: 0.6875rem;
  color: #999999;
}

.main
  .content-wrap
  .survey-to-me
  .survey-to-me-list
  > ul
  > li
  .item-wrap
  a
  .suffix
  .item-info
  em {
  color: #333333;
  font-weight: 800;
}

.main
  .content-wrap
  .survey-to-me
  .survey-to-me-list
  > ul
  > li:nth-last-of-type(1)
  .item-wrap {
  margin-bottom: 0;
}

.main .content-wrap .row [class*="col-"] {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 2.5rem;
}

.main .content-wrap .row [class*="col-"]:nth-last-of-type(1) {
  margin-right: 0;
}

.main .content-wrap .advertisement {
  margin-top: 1rem;
}

.main .content-wrap .advertisement a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.main .content-wrap .advertisement a img {
  width: 100%;
}

.main .content-wrap .heypoll-mall {
  margin-top: 3.75rem;
}

.main .content-wrap .heypoll-mall .heypoll-mall-list > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main .content-wrap .heypoll-mall .heypoll-mall-list > ul > li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 10.1rem;
  flex: 0 0 10.1rem;
  /*-ms-flex-negative: 1;
      flex-shrink: 1;*/
  -ms-flex-preferred-size: 10.1rem;
  flex-basis: 10.1rem;
  margin-right: 1.875rem;
}

.main
  .content-wrap
  .heypoll-mall
  .heypoll-mall-list
  > ul
  > li:nth-last-of-type(1) {
  margin-right: 0;
}

.main .content-wrap .heypoll-mall .heypoll-mall-list > ul > li .item-wrap.card {
  border: 0;
}

.main
  .content-wrap
  .heypoll-mall
  .heypoll-mall-list
  > ul
  > li
  .item-wrap.card
  > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.main
  .content-wrap
  .heypoll-mall
  .heypoll-mall-list
  > ul
  > li
  .item-wrap.card
  > a
  .img-wrap {
  display: inline-block;
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 9.375rem;
  flex: 0 0 9.375rem;
  height: 9.375rem;
  overflow: hidden;
}

.main
  .content-wrap
  .heypoll-mall
  .heypoll-mall-list
  > ul
  > li
  .item-wrap.card
  > a
  .img-wrap
  img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.main
  .content-wrap
  .heypoll-mall
  .heypoll-mall-list
  > ul
  > li
  .item-wrap.card
  > a
  .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 1.25rem 0;
}

.main
  .content-wrap
  .heypoll-mall
  .heypoll-mall-list
  > ul
  > li
  .item-wrap.card
  > a
  .card-body
  .title {
  display: -webkit-box;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  height: 2.45rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: #555555;
}

.main
  .content-wrap
  .heypoll-mall
  .heypoll-mall-list
  > ul
  > li
  .item-wrap.card
  > a
  .card-body
  .item-info {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  margin-top: 0.4rem;
}

.main
  .content-wrap
  .heypoll-mall
  .heypoll-mall-list
  > ul
  > li
  .item-wrap.card
  > a
  .card-body
  .item-info
  .prefix,
.main
  .content-wrap
  .heypoll-mall
  .heypoll-mall-list
  > ul
  > li
  .item-wrap.card
  > a
  .card-body
  .item-info
  .suffix,
.main
  .content-wrap
  .heypoll-mall
  .heypoll-mall-list
  > ul
  > li
  .item-wrap.card
  > a
  .card-body
  .item-info
  .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.main
  .content-wrap
  .heypoll-mall
  .heypoll-mall-list
  > ul
  > li
  .item-wrap.card
  > a
  .card-body
  .item-info
  .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.main
  .content-wrap
  .heypoll-mall
  .heypoll-mall-list
  > ul
  > li
  .item-wrap.card
  > a
  .card-body
  .item-info
  .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.main
  .content-wrap
  .heypoll-mall
  .heypoll-mall-list
  > ul
  > li
  .item-wrap.card
  > a
  .card-body
  .item-info
  .price {
  font-size: 0.875rem;
  color: #333333;
  font-weight: 800;
}

.main
  .content-wrap
  .heypoll-mall
  .heypoll-mall-list
  > ul
  > li
  .item-wrap.card
  > a
  .card-body
  .item-info
  .price
  .unit {
  font-size: 0.6875rem;
  color: #999999;
  font-weight: 400;
}

.main
  .content-wrap
  .heypoll-mall
  .heypoll-mall-list
  > ul
  > li
  .item-wrap.card
  > a
  .card-body
  .item-info
  .price-to-point {
  margin-left: 0.3125rem;
  font-size: 0.875rem;
  color: #7b45fd;
  font-weight: 800;
}

.main .content-wrap .today-mission {
  margin-top: 3.75rem;
}

.main .content-wrap .today-mission .mission-link ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.main .content-wrap .today-mission .mission-link ul li {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 calc(100% / 2 - 0.78125rem);
  flex: 0 1 calc(100% / 2 - 0.78125rem);
  margin-bottom: 1.5625rem;
}

.main .content-wrap .today-mission .mission-link ul li a {
  display: block;
}

.main .content-wrap .today-mission .mission-link ul li a img {
  width: 100%;
}

.main .content-wrap .main-notice {
  margin-top: 1.25rem;
  padding-bottom: 2.5rem;
}

.main .content-wrap .main-notice .title {
  /*font-size: 1.125rem;*/
}

.main .content-wrap .main-notice .notice-wrap ul li {
  margin-bottom: 0.625rem;
}

.main .content-wrap .main-notice .notice-wrap ul li:nth-last-of-type(1) {
  margin-bottom: 0;
}

.main .content-wrap .main-notice .notice-wrap .item-wrap {
  position: relative;
}

.main .content-wrap .main-notice .notice-wrap .item-wrap .title {
  display: block;
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 23.125rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #555555;
}

.main .content-wrap .main-notice .notice-wrap .item-wrap .item-info {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #999999;
}

.main .content-wrap .news {
  margin-top: 1.25rem;
  padding-bottom: 2.5rem;
}

.main .content-wrap .news .title {
  /*font-size: 1.125rem;*/
}

.main .content-wrap .news .news-wrap .item-wrap {
  position: relative;
}

.main .content-wrap .news .news-wrap .item-wrap > a {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}

.main .content-wrap .news .news-wrap .item-wrap > a .prefix,
.main .content-wrap .news .news-wrap .item-wrap > a .suffix,
.main .content-wrap .news .news-wrap .item-wrap > a .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.main .content-wrap .news .news-wrap .item-wrap > a .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.main .content-wrap .news .news-wrap .item-wrap > a .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.main .content-wrap .news .news-wrap .item-wrap > a .avatar {
  height: 6.25rem;
  width: 6.25rem;
}

.main .content-wrap .news .news-wrap .item-wrap > a .prefix {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 6.25rem;
  flex: 0 0 6.25rem;
}

.main .content-wrap .news .news-wrap .item-wrap > a .suffix {
  -ms-flex-preferred-size: calc(100% - 6.25rem);
  flex-basis: calc(100% - 6.25rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-left: 1.25rem;
  z-index: 1;
}

.main .content-wrap .news .news-wrap .item-wrap > a .suffix .title {
  display: -webkit-box;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  width: 100%;
  max-height: 2.5rem;
  line-height: 1.4;
  font-size: 0.875rem;
  font-weight: 500;
  color: #555555;
}

.main .content-wrap .news .news-wrap .item-wrap > a .suffix .item-info {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 0.625rem;
  font-size: 0.75rem;
  color: #999999;
}

.pollContainer a.close-modal {
  background-image: url(../images/sp_icon.png);
  background-repeat: no-repeat;
  background-size: 23.4375rem;
  top: 2.125rem;
  right: 1.875rem;
  width: 0.975rem;
  height: 0.975rem;
  background-position: -10.0125rem -1.0125rem;
  background-size: 28.125rem;
}

.vote-list > ul > li {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
  border-top: 0.0625rem solid #acacac;
}

.vote-list > ul > li:first-of-type {
  border-top: none;
}

.vote-list .template .template-header .summary {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}

.vote-list .template .template-header .summary .prefix,
.vote-list .template .template-header .summary .suffix,
.vote-list .template .template-header .summary .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.vote-list .template .template-header .summary .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.vote-list .template .template-header .summary .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.vote-list .template .template-header .summary .prefix .point {
  margin-right: 0.625rem;
  font-size: 0.875rem;
  font-weight: 800;
  color: #7b45fd;
}

.vote-list .template .template-header .summary .prefix .icon--play-tag {
  margin-right: 1.25rem;
}

.vote-list .template .template-header .summary .preriod {
  font-size: 0.875rem;
  color: #333333;
}

.vote-list .template .template-header .title {
  font-size: 1.2rem;
  /* margin-top: 1.875rem;
  margin-bottom: 1.875rem; */
  margin-top: 15px;
  margin-bottom: 15px;
}

.vote-list .template .template-body {
  padding-top: 0.625rem;
}

.vote-list .template .template-body .view-content {
  /*  margin-bottom: 2.5rem; */
  margin-bottom: 0;
  font-weight: 400;
}

.vote-list .template .template-body .vote-rating {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.vote-list .template .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.vote-list .template .btn-group .btn.btn-wide {
  height: 3.125rem;
}

.vote-list .advertisement {
  margin-top: 3.75rem;
}

.vote-result .vote-result-topper {
  padding-top: 1.875rem;
}

.vote-result .vote-result-topper h3.title {
  color: #333333;
  font-size: 0.9375rem;
  margin-top: 0.3125rem;
  margin-bottom: 0.3125rem;
}

.vote-result .vote-result-topper .view-content {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  font-size: 0.875rem;
  color: #999999;
}

.vote-result .vote-result-topper .vote-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 0;
}

.vote-result .template-sns {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  font-size: 0.8125rem;
  border-top: 0.0625rem solid #e4e4e4;
  padding-top: 1.875rem;
  margin-bottom: 1.875rem;
}

.vote-result .template-sns .prefix,
.vote-result .template-sns .suffix,
.vote-result .template-sns .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.vote-result .template-sns .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.vote-result .template-sns .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.vote-result .template-sns [class*="vote-icons-"] {
  margin-right: 0.3125rem;
}

.vote-result .template-sns .prefix > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: flex;
  width: 100%;
}

.vote-result .template-sns .prefix > ul li {
  margin-right: 0.9375rem;
  color: #999999;
}

.vote-result .template-sns .prefix > ul li a {
  color: #999999;
}

.vote-result .template-sns .prefix > ul li .on {
  color: #ff8acc;
}

.vote-result .template-sns .suffix {
  color: #999999;
}

.vote-result .template-sns .suffix em {
  color: #333333;
}

.vote-result .result-list ul > .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0.625rem;
}

.vote-result .result-list ul > .item.highest .data-view .topper .item-num {
  color: #ff71c1;
}

.vote-result
  .result-list
  ul
  > .item.highest
  .data-view
  .chart-bar-wrap
  .chart-bar
  .bar-value {
  background-color: #ff71c1;
}

.vote-result .result-list ul > .item .img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0.625rem;
  overflow: hidden;
  border-radius: 0.3125rem;
  margin-right: 0.625rem;
  width: 2.77778vw;
  height: 2.77778vw;
}

.vote-result .result-list ul > .item .img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.vote-result .result-list ul > .item .data-view {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.vote-result .result-list ul > .item .data-view .topper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0.3125rem;
}

.vote-result .result-list ul > .item .data-view .topper .item-title {
  font-size: 1rem;
  color: #333333;
}

.vote-result .result-list ul > .item .data-view .topper .item-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-size: 1rem;
  color: #ffbde2;
}

.vote-result
  .result-list
  ul
  > .item
  .data-view
  .chart-bar-wrap
  .chart-bar
  .bar-value {
  background-color: #ffbde2;
}

.vote-result .result-list ul > .item .data-view .bottom {
  padding-top: 0.3125rem;
}

.vote-result .result-list ul > .item .data-view .bottom .total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-size: 0.75rem;
  font-weight: 400;
  color: #999999;
}

.vote-result .result-list.mint ul > .item .data-view .item-num {
  color: #aaebf3;
}

.vote-result
  .result-list.mint
  ul
  > .item
  .data-view
  .chart-bar-wrap
  .chart-bar
  .bar-value {
  background-color: #aaebf3;
}

.vote-result .result-list.mint ul > .item.highest .data-view .topper .item-num {
  color: #68dbe9;
}

.vote-result
  .result-list.mint
  ul
  > .item.highest
  .data-view
  .chart-bar-wrap
  .chart-bar
  .bar-value {
  background-color: #68dbe9;
}

.vote-result .result-list .division {
  margin-bottom: 2.5rem;
}

.vote-result .result-list .division .title {
  text-align: center;
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
}

.vote-result .result-list .division .title .tag {
  color: #555555;
  border: 0.0625rem solid #e4e4e4;
  height: 2.1875rem;
  border-radius: 1.125rem;
  font-size: 1rem;
}

.vote-result .result-list .division .donut-chart-wrap > ul > li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 42%;
  flex: 0 0 42%;
}

.vote-writebox .header,
.my-page .header {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}

.vote-writebox .header .prefix,
.vote-writebox .header .suffix,
.vote-writebox .header .center,
.my-page .header .prefix,
.my-page .header .suffix,
.my-page .header .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.vote-writebox .header .suffix,
.my-page .header .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.vote-writebox .header .center,
.my-page .header .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.vote-writebox .header .title,
.my-page .header .title {
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 700;
  color: #555555;
}

.vote-writebox .header .sub-text,
.my-page .header .sub-text {
  font-size: 0.875rem;
  font-weight: 400;
  color: #999999;
}

.vote-writebox .header .sub-text.partition:before,
.my-page .header .sub-text.partition:before {
  content: "";
  display: inline-block;
  height: 0.625rem;
  width: 0.0625rem;
  margin-left: 0.9375rem;
  padding-left: 0.9375rem;
  border-left: 0.0625rem solid #b0b0b0;
}

.my-page .about-heypoll-point {
  position: relative;
}

.my-page .about-heypoll-point .title {
  margin: 0;
  font-size: 0.9375rem;
}

.my-page .about-heypoll-point .box-body {
  padding-bottom: 1.25rem;
}

.my-page .about-heypoll-point .box-body p {
  color: #999999;
  font-size: 0.8125rem;
}

.my-page .about-heypoll-point .box-footer {
  position: relative;
}

.my-page .about-heypoll-point .box-footer.bg-primary {
  background-color: #9b72fd;
  color: #ffffff;
}

.my-page .about-heypoll-point .box-footer:after {
  content: "";
  display: inline-block;
  position: absolute;
  background-image: url(../images/about-heypoll-point.png);
  background-repeat: no-repeat;
  width: 8.6875rem;
  height: 8.75rem;
  bottom: 0rem;
  left: 0.625rem;
}

.my-page .about-heypoll-point .now-point-message {
  margin: 0;
  font-size: 1.25rem;
  text-align: center;
}

.my-page .about-heypoll-point .now-point-message span {
  font-size: 2.125rem;
  font-weight: 700;
  color: #fce577;
}

.my-page .heypoll-store-link .description-text,
.my-page .point-change .description-text,
.my-page .give-point-gift .description-text {
  margin-bottom: 2.5rem;
}

.my-page .my-point-history .table tr th:nth-last-of-type(1),
.my-page .my-point-history .table tr td:nth-last-of-type(1) {
  text-align: right;
}

.my-page .content:nth-last-of-type(1) {
  margin-bottom: 3.75rem;
}
/***** :: ST 2023.04.11 cjone 추가 :: *****/
/***** :: ST 2023.12.11 tmonet 추가 :: *****/
.point-change-link {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  height: 4.5rem;
  width: 13.125rem;
}

.point-change-link.okcashbag {
  background-image: url(../images/okcashbag.png);
  background-size: 100px;
  background-position: center;
  background-color: #f8f8f8;
  border-radius: 5px;
  margin-right: 1.25rem;
}

.point-change-link.happypoint {
  background-image: url(../images/happypoint-link.png);
  background-size: 100px;
  background-position: center;
  background-color: #f8f8f8;
  border-radius: 5px;
  margin-right: 1.25rem;
}

.point-change-link.lpoint {
  background-image: url(../images/lpoint-link.png);
  background-size: 100px;
  background-position: center;
  background-color: #f8f8f8;
  border-radius: 5px;
}
.point-change-link.cjone {
  background-image: url(../images/logo-cjone-b.png);
  background-size: 100px;
  background-position: center;
  background-color: #f8f8f8;
  border-radius: 5px;
}
.point-change-link.tmonet {
  background-image: url(../images/logo-tmonet.png);
  background-size: 100px;
  background-position: center;
  background-color: #f8f8f8;
  border-radius: 5px;
}
/* START 24.10.21 네이버페이 추가 */
.point-change-link.naverpay {
  background-image: url(../images/logo_naverpay_pc.png);
  background-size: 260px;
  background-position: center;
  background-position-y: -12px;
  background-color: #f8f8f8;
  border-radius: 5px;
  margin-right: 1.25rem;
}
/* END 24.10.21 네이버페이 추가 */
.point-change-link.none {
  cursor: default;
}
/***** :: ED 2023.12.11 tmonet 추가 :: *****/
/***** :: ED 2023.04.11 cjone 추가 :: *****/

.notice .notice-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.notice .notice-header .prefix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.notice .notice-header .prefix .title {
  display: inline-block;
  font-size: 1.375rem;
  font-weight: 800;
  color: #333333;
}

.notice .notice-header .prefix .sub-text {
  font-size: 0.875rem;
  font-weight: 400;
  color: #999999;
  margin: auto;
  padding-left: 1.25rem;
}

.notice .notice-table tr td.flex-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.notice .notice-table tr td.flex-title > a {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.notice .notice-table tr td .notice-title {
  display: block;
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  /* width: 30.625rem; */
  width: 27.625rem;
  margin: auto;
}

.notice .notice-table tr td .notice-tag {
  color: #ffffff;
  background-color: #c6adff;
  margin-right: 1.125rem;
  white-space: nowrap;
  padding: 0.25rem 0.625rem;
}

.notice .notice-table tr td.center-td {
  text-align: center;
}

.notice-info {
  margin-top: 2.5rem;
}

.notice-info .template-header {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  border-top: 0.0625rem solid #333333;
  border-bottom: 0.0625rem solid #d9d9d9;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: none;
}

.notice-info .template-header .prefix,
.notice-info .template-header .suffix,
.notice-info .template-header .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.notice-info .template-header .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.notice-info .template-header .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.notice-info .template-header h3.title {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  font-size: 1rem;
}

.notice-info .template-header h3.title span.category {
  font-size: 0.875rem;
  font-weight: 400;
  color: #7031ff;
  display: block;
}

.notice-info .template-header .date {
  color: #888888;
  font-size: 0.875rem;
}

.notice-info .template .template-body {
  padding-top: 2.31481vw;
  color: #555555 !important;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  font-weight: 400;
}

.notice-info .btn {
  height: 2.5rem;
}

.notice-info .filebox {
  border-bottom: 0.0625rem solid #d9d9d9;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  padding-bottom: 1.875rem;
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.notice-info .filebox.has-tag {
  padding-right: 7rem;
}

.notice-info .filebox .file {
  display: inline-block;
  font-size: 0.875rem;
  vertical-align: middle;
  border-radius: 0.3125rem;
}

.notice-info .filebox .file a {
  display: inline-block;
}

.notice-info .filebox .file-name {
  display: inline-block;
  font-size: 0.875rem;
  color: #999999;
  padding: 0 0.625rem;
  vertical-align: middle;
  border-radius: 0.3125rem;
}

.notice-info .filebox .file-name:hover {
  text-decoration: underline;
}

.notice-info .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.notice-info .filebox .perhaps-tag {
  border: 0.0625rem solid #d0bdfb;
  padding: 0.375rem 1rem;
  border-radius: 0.3125rem;
  color: #7b45fd;
  font-weight: 500;
  display: inline-block;
  font-size: 0.8rem;
  position: absolute;
  right: 0.9375rem;
  top: 0;
}

.notice-info .filebox .perhaps-tag.incomplete-tag {
  opacity: 0.5;
}

.notice-info .template-footer.has-answer {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.notice-info .answer {
  background-color: #f8f8f9;
  padding: 1rem;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 100%;
  margin-bottom: 1.75rem;
}

.notice-info .answer .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.25rem;
}

.notice-info .answer .title h3 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0;
  color: #9160ff;
  font-size: 0.9375rem;
  font-weight: 500;
}

.notice-info .answer .title .date {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  font-size: 0.875rem;
  color: #888888;
}

.notice-info .answer p {
  color: #555555;
  font-size: 0.875rem;
}

.question .question-table tr td .perhaps-tag,
.question .question-table tr th .perhaps-tag {
  border: 0.0625rem solid #d0bdfb;
  padding: 0.375rem 1rem;
  border-radius: 0.3125rem;
  color: #7b45fd;
  font-weight: 500;
  display: inline-block;
  font-size: 0.8rem;
}

.question .question-table tr td .perhaps-tag,
.question .question-table tr th .perhaps-tag {
  border: 0.0625rem solid #d0bdfb;
  padding: 0.375rem 1rem;
  border-radius: 0.3125rem;
  color: #7b45fd;
  font-weight: 500;
  display: inline-block;
  font-size: 0.8rem;
}

.question .question-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.question .question-header .prefix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.question .question-header .prefix .title {
  display: inline-block;
  font-size: 1.375rem;
  font-weight: 800;
  color: #333333;
}

.question .question-header .prefix .sub-text {
  font-size: 0.875rem;
  font-weight: 400;
  color: #999999;
  margin: auto;
  padding-left: 1.25rem;
  letter-spacing: -0.0625rem;
}

.question .question-table tr td .perhaps-tag,
.question .question-table tr th .perhaps-tag {
  border: 0.0625rem solid #d0bdfb;
  padding: 0.375rem 1rem;
  border-radius: 0.3125rem;
  color: #7b45fd;
  font-weight: 500;
  display: inline-block;
  font-size: 0.8rem;
}

.question .question-table tr td .perhaps-tag.incomplete-tag,
.question .question-table tr th .perhaps-tag.incomplete-tag {
  padding: 0.375rem 1.3125rem;
  opacity: 0.5;
}

.question .question-table tr td:last-child,
.question .question-table tr th:last-child {
  text-align: center;
}

.question .question-table tbody tr td:nth-child(2) {
  color: #7b45fd;
}

.question .question-table tbody tr td.question-title {
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 27.5625rem;
  max-width: 20rem;
  color: #333333;
}

.event .event-list > ul {
  margin-top: 3.125rem;
}

.event .event-list > ul > li {
  margin-top: 1.2rem;
  /*margin-bottom: 0.625rem;*/
}

.event .event-list > ul > li > a {
  display: block;
}

.event .event-list > ul > li > a .template {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  height: 11.25rem;
  border: 0.0625rem solid #d9d9d9;
  border-radius: 0.5rem;
  overflow: hidden;
}

.event .event-list > ul > li > a .template .prefix,
.event .event-list > ul > li > a .template .suffix,
.event .event-list > ul > li > a .template .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.event .event-list > ul > li > a .template .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.event .event-list > ul > li > a .template .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.event .event-list > ul > li > a .template > .prefix {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 22.5rem;
  flex: 0 0 22.5rem;
}

.event .event-list > ul > li > a .template > .prefix .img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.event .event-list > ul > li > a .template > .prefix .img-wrap img {
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -o-object-fit: cover;
  object-fit: cover;
}

.event .event-list > ul > li > a .template > .prefix .img-wrap img.closed {
  opacity: 0.25;
}

.event .event-list > ul > li > a .template > .suffix {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.event .event-list > ul > li > a .template > .suffix .info-wrap {
  width: 100%;
  padding-top: 2.1875rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-bottom: 2.1875rem;
}

.event .event-list > ul > li > a .template > .suffix .info-wrap .footer {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0.9375rem;
  font-size: 0.8125rem;
}

.event .event-list > ul > li > a .template > .suffix .info-wrap .footer .prefix,
.event .event-list > ul > li > a .template > .suffix .info-wrap .footer .suffix,
.event
  .event-list
  > ul
  > li
  > a
  .template
  > .suffix
  .info-wrap
  .footer
  .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.event
  .event-list
  > ul
  > li
  > a
  .template
  > .suffix
  .info-wrap
  .footer
  .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.event
  .event-list
  > ul
  > li
  > a
  .template
  > .suffix
  .info-wrap
  .footer
  .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.event .event-list > ul > li > a .template > .suffix .info-wrap .footer .views {
  color: #999999;
}

.event
  .event-list
  > ul
  > li
  > a
  .template
  > .suffix
  .info-wrap
  .footer
  .views
  em {
  font-weight: 700;
  color: #555555;
}

.event
  .event-list
  > ul
  > li
  > a
  .template
  > .suffix
  .info-wrap
  .footer
  .period {
  color: #555555;
}

.event .event-list > ul > li > a .template > .suffix h3.title {
  font-size: 1.125rem;
  margin-top: 0.3125rem;
  margin-bottom: 0.3125rem;
  line-height: 1.2;
}

event .event-view .template-header {
  /*border-bottom: 0.0625rem solid #d9d9d9;*/
  padding-bottom: 0.625rem;
}

.event .event-view .template-header h3.title {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
  line-height: 1.35;
}

.event .event-view .template-header .date {
  color: #999999;
  font-size: 0.875rem;
}

.event .event-view .template-body article {
  font-size: 1.2rem;
  color: #333333;
  font-weight: 400;
}

.event .event-view .template-body article img {
  width: 100%;
  object-fit: cover;
}

.event .event-view .template-body article .event-product-text-wrap {
  text-align: center;
  margin-top: 1.5rem;
}

.event .event-view .template-body article .event-product {
  background: #f7857a;
  border-radius: 20px;
  color: #ffffff;
  padding: 0.2rem 0.5rem;
  margin-right: 0.5rem;
}

.event .event-view .template-body a img {
  width: 100%;
}

.event .event-view .template-body .lookup-winner {
  text-align: center;
  margin-top: 3rem;
}

.event .event-view .template-body .lookup-winner img {
  object-fit: cover;
  width: 80%;
}

.event .event-view .template-body .lookup-winner .event-result-btn {
  background: #7031ff;
  border-radius: 8px;
  padding: 0.8rem;
  width: 100%;
  margin-top: 1.8rem;
  display: block;
  color: #fff;
  font-size: 1.2rem;
}

.event .event-view .template-body .lookup-winner .event-result-btn a {
  color: #ffffff;
  padding: 0.3rem 0;
  font-size: 1rem;
}

.event .event-view .template-body .lookup-winner h4 {
  position: absolute;
  top: 37.33333vw;
  left: 0;
  right: 0;
  display: block;
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: -webkit-box;
  white-space: unset;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 14.66667vw;
  margin-left: 1.5625rem;
  margin-right: 1.5625rem;
  margin-bottom: 2.66667vw;
  border-bottom: 0.0625rem solid #ffffff;
  text-align: center;
  line-height: 1.4;
  font-size: 5.33333vw;
  font-weight: 500;
  color: #ffffff;
}

.event .event-view .template-body .lookup-winner .btn {
  position: absolute;
  bottom: 0;
}

.event .event-view .template-body .lookup-winner fieldset legend {
  font-size: 0;
  opacity: 0;
}

.event .event-view .template-body .lookup-winner fieldset .input-box {
  position: absolute;
  top: 65.66667vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 44.33333vw;
  height: 10.66667vw;
  margin: 0 auto;
}

.event .event-view .template-body .lookup-winner fieldset .input-box input {
  width: 100%;
  height: 100%;
  text-align: center;
}

.news .news-list {
  margin-top: 3.75rem;
}

.news .news-list > ul {
  /*display: grid;
  display: -ms-grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  gap: 2rem;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.news .news-list > ul > li {
  font-size: 0.8125rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 50%;
  padding-bottom: 2rem;
}

.news .news-list > ul > li:nth-of-type(odd) {
  padding-right: 1rem;
}

.news .news-list > ul > li:nth-of-type(even) {
  padding-left: 1rem;
}

.news .news-list > ul > li > a .card .card-header .preiod {
  font-size: 0.6875rem;
  color: #555555;
  margin-bottom: 0.5rem;
}

.news .news-list > ul > li > a .card .card-header .item-title {
  font-weight: 800;
}

.news .news-list > ul > li > a .card .card-body .summary {
  overflow: hidden;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* 라인수 */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  height: 3.4375rem;
  max-height: 3.4375rem;
  margin-bottom: 0;
  color: #999999;
  margin-top: 1.25rem;
  font-size: 0.8125rem;
  line-height: 1.4;
}

.news .news-list > ul > li > a .card .card-footer {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}

.news .news-list > ul > li > a .card .card-footer .prefix,
.news .news-list > ul > li > a .card .card-footer .suffix,
.news .news-list > ul > li > a .card .card-footer .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.news .news-list > ul > li > a .card .card-footer .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.news .news-list > ul > li > a .card .card-footer .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.news .news-list > ul > li > a .card .card-footer .catagory {
  color: #7b45fd;
  font-weight: 500;
}

.news .news-list > ul > li > a .card .img-wrap {
  display: block;
  position: relative;
  width: 100%;
  height: 9.375rem;
  border-radius: 0.5rem;
  overflow: hidden;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.news .news-list > ul > li > a .card .img-wrap img {
  position: absolute;
  width: 120%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.news .news-view .template-header {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  border-top: 0.0625rem solid #d9d9d9;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  background-color: #f6f6f8;
}

.news .news-view .template-header .prefix,
.news .news-view .template-header .suffix,
.news .news-view .template-header .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.news .news-view .template-header .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.news .news-view .template-header .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.news .news-view .template-body {
  padding-top: 2.31481vw;
}

.news .news-view .template-body article {
  font-size: 0.75rem;
  border: 0.0625rem solid #d9d9d9;
  color: #333333;
  font-weight: 400;
  padding: 2rem;
  margin-bottom: 3.125rem;
}

.news .news-view .template-body img {
  width: 100%;
}

.news .news-view .template-body .tag-box a {
  display: inline-block;
  margin-right: 0.625rem;
  margin-bottom: 0.625rem;
}

.news .news-view .template-body .tag-box a .tag {
  background-color: #f6f6f6;
  border: 0;
  color: #555555;
  font-weight: 400;
}

.survey .survey-list {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}

.survey .survey-list > ul,
.survey .survey-participation > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.survey .survey-list > ul > li,
.survey .survey-participation > ul > li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 0.625rem);
  flex: 0 0 calc(50% - 0.625rem);
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: calc(50% - 0.625rem);
  flex-basis: calc(50% - 0.625rem);
  margin-bottom: 1.25rem;
}

.survey .survey-list > ul > li .survey-item,
.survey .survey-participation > ul > li .survey-item {
  height: 100%;
}

.survey .survey-list > ul > li .survey-item.card,
.survey .survey-participation > ul > li .survey-item.card {
  border-radius: 0.5rem;
  overflow: hidden;
}

.survey .survey-list > ul > li .survey-item.card .card-header,
.survey .survey-participation > ul > li .survey-item.card .card-header {
  background-color: #ffffff;
}

.survey .survey-list > ul > li .survey-item.card .card-header .summary,
.survey
  .survey-participation
  > ul
  > li
  .survey-item.card
  .card-header
  .summary {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  height: 1.875rem;
}

.survey .survey-list > ul > li .survey-item.card .card-header .summary .prefix,
.survey .survey-list > ul > li .survey-item.card .card-header .summary .suffix,
.survey .survey-list > ul > li .survey-item.card .card-header .summary .center,
.survey
  .survey-participation
  > ul
  > li
  .survey-item.card
  .card-header
  .summary
  .prefix,
.survey
  .survey-participation
  > ul
  > li
  .survey-item.card
  .card-header
  .summary
  .suffix,
.survey
  .survey-participation
  > ul
  > li
  .survey-item.card
  .card-header
  .summary
  .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.survey .survey-list > ul > li .survey-item.card .card-header .summary .suffix,
.survey
  .survey-participation
  > ul
  > li
  .survey-item.card
  .card-header
  .summary
  .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.survey .survey-list > ul > li .survey-item.card .card-header .summary .center,
.survey
  .survey-participation
  > ul
  > li
  .survey-item.card
  .card-header
  .summary
  .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.survey
  .survey-list
  > ul
  > li
  .survey-item.card
  .card-header
  .summary
  .catagory,
.survey
  .survey-participation
  > ul
  > li
  .survey-item.card
  .card-header
  .summary
  .catagory {
  color: #7b45fd;
}

.survey .survey-list > ul > li .survey-item.card .card-header .title,
.survey .survey-participation > ul > li .survey-item.card .card-header .title {
  font-weight: 700;
  font-size: 1.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* ellipsis line */
  -webkit-box-orient: vertical;
  /* webkit 엔진을 사용하지 않는 브라우저를 위한 속성. */
  /* height = line-height * line = 1.2em * 3 = 3.6em  */
  height: 2.9rem;
  line-height: 1.35;
  margin-top: 0.25rem;
  letter-spacing: -0.2px;
}

.survey .survey-list > ul > li .survey-item.card .card-body > p.message-12 {
  font-size: 0.95rem;
  margin: 0;
  line-height: 1.3;
  height: 4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* ellipsis line */
  -webkit-box-orient: vertical;
}

.survey .survey-list > ul > li .survey-item.card .card-body .preiod,
.survey .survey-participation > ul > li .survey-item.card .card-body .preiod {
  margin-top: 0.625rem;
}

.survey .survey-list > ul > li .survey-item.card .card-footer .btn,
.survey .survey-participation > ul > li .survey-item.card .card-footer .btn {
  height: 2.1875rem;
}

.survey .survey-list > ul > li .survey-info,
.survey .survey-participation > ul > li .survey-info {
  margin-top: 1.25rem;
  color: #333333;
}

.survey .survey-list > ul > li .survey-info > ul > li,
.survey .survey-participation > ul > li .survey-info > ul > li {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.3125rem;
  font-weight: 400;
  color: #999999;
}

.survey .survey-list > ul > li .survey-info > ul > li:nth-last-of-type(1),
.survey
  .survey-participation
  > ul
  > li
  .survey-info
  > ul
  > li:nth-last-of-type(1) {
  margin-bottom: 0;
}

.survey .survey-list > ul > li .survey-info > ul > li .label,
.survey .survey-participation > ul > li .survey-info > ul > li .label {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 6.25rem;
  flex: 0 0 6.25rem;
  border-right: 0.0625rem solid #d9d9d9;
  font-weight: 800;
  color: #333333;
}

.survey .survey-list > ul > li .survey-info > ul > li .content,
.survey .survey-participation > ul > li .survey-info > ul > li .content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding-left: 1.25rem;
}


/*240802 S*/
.survey .survey-list > ul > li#globalSurvey .survey-item{
  background: #faf9ff
}

.survey .survey-list > ul > li#globalSurvey .survey-item .card-header{
  background-color: inherit;
}

.survey .survey-list > ul > li#globalSurvey .survey-item .card-body{
  padding-right: 0.6rem;
}

.survey .survey-list > ul > li#globalSurvey .survey-item .card-body p{
  color: #8e8d92; 
  -webkit-line-clamp: 3;
}

.survey .survey-list > ul > li#globalSurvey .survey-item .card-body .survey-img-wrap{
  margin-top: 0px;
  background-color: inherit;
  padding: 0;
}

.survey .survey-list > ul > li#globalSurvey .survey-item .card-body .survey-img-wrap img{
  width: auto;
  height: 9.33rem;
  display: block;
  margin-left: auto;
}

.survey .survey-list > ul > li#globalSurvey .survey-item .card-footer button{
  background-color: #4211b0;
}
/*240802 E*/

/*241105 S*/
.survey .survey-list > ul > li#globalSurvey .survey-item .card-body .text-wrap p{
  margin: 0;
  font-size: 0.95rem;
  color: #602ad9;
}

.survey .survey-list > ul > li#globalSurvey .survey-item .card-body .text-wrap p:first-of-type{
  font-weight: 700;
}
/*241105 E*/

.survey .survey-participation .template {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.survey .survey-participation .template .view-content {
  margin-bottom: 3.125rem;
}

.heypoll-point-mission .header {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}

.heypoll-point-mission .header .prefix,
.heypoll-point-mission .header .suffix,
.heypoll-point-mission .header .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.heypoll-point-mission .header .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.heypoll-point-mission .header .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.heypoll-point-mission .header .title {
  display: inline-block;
  font-size: 1.375rem;
  font-weight: 800;
  color: #333333;
}

.heypoll-point-mission .header .sub-text {
  font-size: 0.875rem;
  font-weight: 400;
  color: #999999;
}

.heypoll-point-mission .header .sub-text:before {
  content: "";
  display: inline-block;
  height: 0.625rem;
  width: 0.0625rem;
  margin-left: 0.9375rem;
  padding-left: 0.9375rem;
  border-left: 0.0625rem solid #b0b0b0;
}

.heypoll-point-mission .header .slide-paging {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 5.625rem;
  height: 3.125rem;
  color: #e6e6e6;
  font-size: 1.75rem;
  z-index: 1;
}

.heypoll-point-mission .header .slide-paging .now {
  color: #333333;
  font-weight: 800;
}

.heypoll-point-mission .header .btn-round {
  font-size: 0.8125rem;
  line-height: 1.4;
}

.heypoll-point-mission .header .btn-white {
  padding-left: 1.875rem;
  padding-right: 0.9375rem;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.heypoll-point-mission .today-mission {
  margin-top: 3.75rem;
}

.heypoll-point-mission .today-mission .mission-link ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.heypoll-point-mission .today-mission .mission-link ul li {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 calc(100% / 2 - 0.78125rem);
  flex: 0 1 calc(100% / 2 - 0.78125rem);
  margin-bottom: 1.5625rem;
}

.heypoll-point-mission .today-mission .mission-link ul li a {
  display: block;
}

.heypoll-point-mission .today-mission .mission-link ul li a img {
  width: 100%;
}

.heypoll-point-mission .giftyshop {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}

.heypoll-point-mission .giftyshop .giftyshop-list {
  width: calc(74.0625rem - 20rem - 1.5625rem - 1.875rem - 1.875rem);
}

.heypoll-point-mission
  .giftyshop
  .giftyshop-list.owl-carousel
  .icon-slide-prev {
  width: 0.425rem;
  height: 0.6375rem;
  background-size: 39.84375rem;
  background-position: -17.31875rem -120.32812rem;
}

.heypoll-point-mission
  .giftyshop
  .giftyshop-list.owl-carousel
  .icon-slide-next {
  width: 0.425rem;
  height: 0.6375rem;
  background-size: 39.84375rem;
  background-position: -17.31875rem -121.01875rem;
}

.heypoll-point-mission .giftyshop .giftyshop-list.owl-carousel .owl-nav {
  position: absolute;
  top: -3.125rem;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 3.75rem;
  height: 1.5625rem;
}

.heypoll-point-mission .giftyshop .giftyshop-list.owl-carousel .owl-nav:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 0.75rem;
  width: 0.0625rem;
  border-right: 0.0625rem solid #c8c8c8;
}

.heypoll-point-mission
  .giftyshop
  .giftyshop-list.owl-carousel
  .owl-nav
  .owl-next,
.heypoll-point-mission
  .giftyshop
  .giftyshop-list.owl-carousel
  .owl-nav
  .owl-prev {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 0.425rem;
  height: 0.6375rem;
  top: 0.5625rem;
}

.heypoll-point-mission
  .giftyshop
  .giftyshop-list.owl-carousel
  .owl-nav
  .owl-prev {
  left: 0.3125rem;
}

.heypoll-point-mission
  .giftyshop
  .giftyshop-list.owl-carousel
  .owl-nav
  .owl-next {
  right: 0.3125rem;
}

.heypoll-point-mission .giftyshop .giftyshop-list .item-wrap.card {
  border: 0;
}

.heypoll-point-mission .giftyshop .giftyshop-list .item-wrap.card > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.heypoll-point-mission
  .giftyshop
  .giftyshop-list
  .item-wrap.card
  > a
  .img-wrap {
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 9.375rem;
  flex: 0 0 9.375rem;
  height: 9.375rem;
  overflow: hidden;
}

.heypoll-point-mission
  .giftyshop
  .giftyshop-list
  .item-wrap.card
  > a
  .img-wrap
  img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.heypoll-point-mission
  .giftyshop
  .giftyshop-list
  .item-wrap.card
  > a
  .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 1.25rem 0;
}

.heypoll-point-mission
  .giftyshop
  .giftyshop-list
  .item-wrap.card
  > a
  .card-body
  .title {
  display: block;
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  font-weight: 700;
  color: #555555;
}

.heypoll-point-mission
  .giftyshop
  .giftyshop-list
  .item-wrap.card
  > a
  .card-body
  .catagory {
  display: block;
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.75rem;
  color: #999999;
}

.heypoll-point-mission
  .giftyshop
  .giftyshop-list
  .item-wrap.card
  > a
  .card-body
  .item-info {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  margin-top: 1.25rem;
}

.heypoll-point-mission
  .giftyshop
  .giftyshop-list
  .item-wrap.card
  > a
  .card-body
  .item-info
  .prefix,
.heypoll-point-mission
  .giftyshop
  .giftyshop-list
  .item-wrap.card
  > a
  .card-body
  .item-info
  .suffix,
.heypoll-point-mission
  .giftyshop
  .giftyshop-list
  .item-wrap.card
  > a
  .card-body
  .item-info
  .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.heypoll-point-mission
  .giftyshop
  .giftyshop-list
  .item-wrap.card
  > a
  .card-body
  .item-info
  .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.heypoll-point-mission
  .giftyshop
  .giftyshop-list
  .item-wrap.card
  > a
  .card-body
  .item-info
  .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.heypoll-point-mission
  .giftyshop
  .giftyshop-list
  .item-wrap.card
  > a
  .card-body
  .item-info
  .price {
  font-size: 0.875rem;
  color: #333333;
  font-weight: 800;
}

.heypoll-point-mission
  .giftyshop
  .giftyshop-list
  .item-wrap.card
  > a
  .card-body
  .item-info
  .price
  .unit {
  font-size: 0.6875rem;
  color: #999999;
  font-weight: 400;
}

.heypoll-point-mission
  .giftyshop
  .giftyshop-list
  .item-wrap.card
  > a
  .card-body
  .item-info
  .price-to-point {
  margin-left: 0.3125rem;
  font-size: 0.875rem;
  color: #7b45fd;
  font-weight: 800;
}

.heypoll-point-mission .app-store-link-wrap {
  display: inline-block;
  border: 0.0625rem solid #d9d9d9;
  border-radius: 0.25rem;
  padding: 0.3125rem 0.625rem;
  margin-top: 1.25rem;
}

.heypoll-point-mission .app-store-link-wrap a {
  margin-right: 0.625rem;
}

.heypoll-point-mission .app-store-link-wrap a:nth-last-of-type(1) {
  margin-right: 0;
}

.heypoll-mall-wrap .h2-title {
  margin-top: 2.5rem;
}

.heypoll-mall-wrap .popuplar-products-list > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.heypoll-mall-wrap .popuplar-products-list > ul > li {
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 11rem;
  flex: 0 0 11rem;
  margin-bottom: 2.5rem;
}

.heypoll-mall-wrap .popuplar-products-list > ul > li .item-wrap {
  width: 100%;
}

.heypoll-mall-wrap .popuplar-products-list > ul > li .item-wrap .img-wrap {
  position: relative;
  width: 100%;
  height: 11rem;
}

.heypoll-mall-wrap .popuplar-products-list > ul > li .item-wrap .img-wrap img {
  position: absolute;
  display: inline-block;
  /* width: 100%; */
  height: 100%;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.heypoll-mall-wrap .popuplar-products-list > ul > li .item-wrap .item-info {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  margin-top: 0.9375rem;
  color: #555555;
  font-size: 0.875rem;
}

.heypoll-mall-wrap
  .popuplar-products-list
  > ul
  > li
  .item-wrap
  .item-info
  .prefix,
.heypoll-mall-wrap
  .popuplar-products-list
  > ul
  > li
  .item-wrap
  .item-info
  .suffix,
.heypoll-mall-wrap
  .popuplar-products-list
  > ul
  > li
  .item-wrap
  .item-info
  .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.heypoll-mall-wrap
  .popuplar-products-list
  > ul
  > li
  .item-wrap
  .item-info
  .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.heypoll-mall-wrap
  .popuplar-products-list
  > ul
  > li
  .item-wrap
  .item-info
  .center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.heypoll-mall-wrap
  .popuplar-products-list
  > ul
  > li
  .item-wrap
  .item-info
  .icon-price-point {
  margin-right: 0.3125rem;
}

.heypoll-mall-wrap
  .popuplar-products-list
  > ul
  > li
  .item-wrap
  .item-info
  span {
  font-weight: 700;
}

.app-download-wrap {
  border-top: 0.0625rem solid #333333;
  border-bottom: 0.0625rem solid #d9d9d9;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  margin-bottom: 2.5rem;
}

.app-download {
  text-align: center;
}

.app-download .download-link {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  height: 4.5rem;
  width: 13.125rem;
}

.app-download .download-link.app-store {
  background-image: url(../images/download-link-appstore.png);
  margin-right: 1.25rem;
}

.app-download .download-link.play-store {
  background-image: url(../images/download-link-playstore.png);
}

.my-alarm .header {
  padding-bottom: 1.25rem;
}

.my-alarm .header .sub-text {
  padding-top: 1.25rem;
  padding-left: 1.25rem;
}

.my-alarm .message-list ul li {
  background-color: #f6f6f7;
  padding: 1.25rem;
  margin-bottom: 0.125rem;
}

.my-alarm .message-list ul li.read {
  background-color: #ffffff;
  padding: 1.25rem;
  margin-bottom: 0.125rem;
}

.my-alarm .message-list ul li .icon_heypoll_message {
  float: left;
  margin-right: 0.8125rem;
}

.icon_heypoll_message.notice {
  background-image: url("../images/notice_and_qna_icon.png");
}

.icon_heypoll_message.reject {
  background-image: url("../images/icon_heypoll_message_reject.png");
}

.icon_heypoll_message.pick {
  background-image: url("../images/pick_and_survey_icon.png");
}

.icon_heypoll_message.survey {
  background-image: url("../images/pick_and_survey_icon.png");
}

.icon_heypoll_message.eventWinner {
  background-image: url("../images/event_icon.png");
}

/*
=================================================
2020.07.02 추가본
=================================================
*/
.modal {
  border-radius: 1.25rem 1.25rem 1.5rem 1.5rem;
  -webkit-border-radius: 1.25rem 1.25rem 1.5rem 1.5rem;
  -moz-border-radius: 1.25rem 1.25rem 1.5rem 1.5rem;
  -ms-border-radius: 1.25rem 1.25rem 1.5rem 1.5rem;
  -o-border-radius: 1.25rem 1.25rem 1.5rem 1.5rem;
}

aside .aside-container .summary-card {
  border-radius: 0.625rem;
}

.question .question-header,
.sub-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2rem;
}

.sub-header .prefix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sub-header .prefix .sub-text {
  font-size: 0.875rem;
  font-weight: 400;
  color: #999999;
  margin: auto;
  padding-left: 1.25rem;
}

.container .content-wrap .h2-title {
  font-weight: 700;
  font-size: 1.5rem;
}

.news .news-list {
  margin-top: 0;
}

.news-item {
  border-radius: 0.625rem;
  -webkit-border-radius: 0.625rem;
  -moz-border-radius: 0.625rem;
  -ms-border-radius: 0.625rem;
  -o-border-radius: 0.625rem;
}

.news-item .card-header {
  background-color: transparent;
  padding: 0;
}

.news-item .card-body {
  padding: 1.5rem;
}

.news-item .card-body .item-title {
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* ellipsis line */
  -webkit-box-orient: vertical;
  /* webkit 엔진을 사용하지 않는 브라우저를 위한 속성. */
  /* height = line-height * line = 1.2em * 3 = 3.6em  */
  height: 2.9rem;
}

.news-item .card-footer {
  padding: 1.5rem;
  padding-top: 0;
}

.news .news-list > ul > li > a .card .img-wrap {
  height: 11.625rem;
  border-radius: 0.625rem 0.625rem 0 0;
  -webkit-border-radius: 0.5625rem 0.5625rem 0 0;
  -moz-border-radius: 0.5625rem 0.5625rem 0 0;
  -ms-border-radius: 0.5625rem 0.5625rem 0 0;
  -o-border-radius: 0.5625rem 0.5625rem 0 0;
  margin-top: 0;
  margin-bottom: 0;
}

.card .card-body .title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
}

.news .news-list > ul > li > a .card .card-body .preiod {
  font-size: 0.8125rem;
  color: #666666;
  margin-top: 0.9375rem;
}

.news .news-list > ul > li > a .card .card-footer .suffix {
  color: #999999;
}

.news .news-list > ul > li > a .card .card-footer .suffix .views {
  color: #555555;
  font-weight: 500;
  padding-right: 0.1875rem;
}

.news .news-view {
  margin-top: 2.5rem;
}

.news .news-view .template-header {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  border-top: 0.0625rem solid #333333;
  border-bottom: 0.0625rem solid #d9d9d9;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  background-color: transparent;
}

.news .news-view .template-header .prefix,
.news .news-view .template-header .suffix,
.news .news-view .template-header .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.news .news-view .template-header .emphas {
  color: #7b45fd;
}

.tag-box {
  position: relative;
  border: 1px solid #eaeaea;
  margin-top: 1.5rem;
  padding: 1.5rem;
  padding-left: 4.5rem;
  padding-bottom: 0.825rem;
}

.tag-box::before {
  content: "태그";
  display: block;
  color: #7b45fd;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12px;
  height: 24px;
  line-height: 24px;
  padding: 0 1rem;
}

.tag-box a .tag,
.news .news-view .template-body .tag-box a .tag {
  color: #888888;
}

/* 질문하기 */
.main-text.txt-ls-0 {
  letter-spacing: -0.05rem;
  max-width: 520px;
}

.aside-btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.aside-btn-group .btn.btn-wide {
  width: 100%;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
}

.article-input {
  margin-top: 1.5rem;
}

.article-input .title {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #f1f1f1;
}

.article-input .title h2 {
  font-size: 1.25rem;
  font-weight: 700;
}

.article-input .title .suffix {
  margin-left: auto;
  font-size: 0.8125rem;
  color: #888888;
}

.article-input .title .suffix > span {
  color: #f976b3;
  position: relative;
  top: 0.2rem;
  margin-right: 0.2rem;
}

.article-input-li li {
  border-bottom: 1px solid #f1f1f1;
  padding: 0.5rem;
}

input.input-default {
  font-size: 0.875rem;
  background-color: #f6f7f9;
  border-radius: 0.1875rem;
  -webkit-border-radius: 0.1875rem;
  -moz-border-radius: 0.1875rem;
  -ms-border-radius: 0.1875rem;
  -o-border-radius: 0.1875rem;
  padding: 0.5rem;
  color: #555555;
}

select.select-default {
  font-size: 0.875rem;
  border-radius: 0.1875rem;
  -webkit-border-radius: 0.1875rem;
  -moz-border-radius: 0.1875rem;
  -ms-border-radius: 0.1875rem;
  -o-border-radius: 0.1875rem;
  padding: 0.5rem;
  color: #555555;
  background: url("../images/bg_select_arrow.png") right 12px center/12px 8px
    #f6f7f9 no-repeat;
  padding-right: 2.25rem;
}

.input-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.input-wrapper.align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.input-wrapper .label {
  font-size: 0.875rem;
  color: #333333;
  padding: 0 1rem;
  width: 8.75rem;
  font-weight: 700;
  margin: 0;
}

.input-wrapper .label.essen::after {
  content: "*";
  color: #f976b3;
  position: relative;
  top: 0.2rem;
  margin-left: 0.375rem;
}

.input-wrapper input.w-100 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.input-wrapper select {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.input-wrapper select.half {
  min-width: 15rem;
}

.input-wrapper .suffix {
  font-size: 0.8125rem;
  padding: 0 0.5rem;
  color: #888888;
  /*   letter-spacing: -0.1rem; */
  margin: 0;
}

.input-wrapper .suffix.em {
  color: #f976b3;
}

.input-wrapper .suffix.dot::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #7031ff;
  position: relative;
  top: -0.2rem;
  margin-right: 0.25rem;
}

.radio-wrap label {
  font-size: 0.875rem;
}

input.datepicker {
  background: url("../images/ico_datepicker.png") right 8px center/18px 20px
    #f6f7f9 no-repeat;
  padding-right: 2rem;
  width: 8.25rem;
}

.input-wrapper .split {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

/* 투표등록 아코디언 */
.vote-write-title {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1.5rem;
}

.vote-write-title h2 {
  font-size: 1.25rem;
  font-weight: 700;
}

.vote-write {
  border-top: 1px solid #7031ff;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #f1f1f1;
}

.vote-write .v-head {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f6f7f9;
  height: 4.5rem;
}

.vote-write .v-head .vote-question {
  display: block;
  padding: 0 1rem;
  font-size: 1.25rem;
  color: #7031ff;
  font-weight: 600;
  width: 8.75rem;
}

.vote-write .v-head .vote-question::before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 21px;
  background: url("../images/ico_vote_write.png") center center/25px 21px
    no-repeat;
  margin-right: 0.5rem;
  position: relative;
  top: 0.0625rem;
}

input.input-vote-question {
  font-size: 1rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  background-color: transparent;
  padding: 1rem;
}

input.input-vote-question::-webkit-input-placeholder {
  color: #acafbf;
}

input.input-vote-question:-ms-input-placeholder {
  color: #acafbf;
}

input.input-vote-question::-ms-input-placeholder {
  color: #acafbf;
}

input.input-vote-question::placeholder {
  color: #acafbf;
}

input.input-vote-question::-webkit-input-placeholder {
  color: #acafbf;
}

input.input-vote-question:-ms-input-placeholder {
  color: #acafbf;
}

.vote-write .btn-group {
  padding: 0 1.25rem;
}

.vote-write .btn-group button {
  width: 32px;
  height: 32px;
}

.vote-write .btn-group .btn-toggle {
  background: url("../images/btn_vote_write_hide.png") center center/32px 32px
    no-repeat;
}

.vote-write .btn-group .btn-toggle.hide {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.vote-write .btn-group .btn-close {
  background: url("../images/btn_vote_write_close.png") center center/32px 32px
    no-repeat;
  margin-left: 0.5rem;
}

.write-detail-li li {
  border-bottom: 1px solid #f1f1f1;
  padding: 0.875rem;
}

.write-detail-li li .radio-wrap {
  margin-right: 1rem;
}

.write-detail-li li span.explain {
  color: #acafbf;
  font-size: 0.875rem;
}

.vote-write .radio-wrap label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.vote-write .radio-wrap label:before {
  content: "";
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.3125rem;
  border: 0.125rem solid #cdd3df;
  background-color: #ffffff;
  border-radius: 50%;
}

.vote-write .radio-wrap label:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0.375rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #cdd3df;
}

.vote-write .radio-wrap input[type="radio"]:checked + label:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0.375rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #a683ff;
}

.vote-write .radio-wrap input[type="radio"]:checked + label:before {
  border-color: #a683ff;
}

.vote-write .checkbox-wrap label {
  padding-top: 0;
  padding-bottom: 0;
}

.vote-write .checkbox-wrap label span {
  font-size: 0.875rem;
}

.vote-write .checkbox-wrap input[type="checkbox"]:checked + label:after {
  top: 0.125rem;
}

.vote-write .checkbox-wrap.etc {
  margin-left: auto;
}

.vote-write .exp-expand {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: none;
}

.vote-write .exp-expand .textarea-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.vote-write .exp-expand .textarea-wrap textarea {
  border: 1px solid #bcbcc2;
  padding: 0.75rem;
}

.vote-write .exp-expand .textarea-wrap .btn-type a {
  display: block;
  width: 32px;
  height: 32px;
}

.vote-write .exp-expand .textarea-wrap .btn-type {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.vote-write .exp-expand .textarea-wrap .btn-type a.btn-image {
  background: url("../images/btn_attach_image.png") center center/32px 32px
    no-repeat;
  margin-bottom: 0.25rem;
}

.vote-write .exp-expand .textarea-wrap .btn-type a.btn-video {
  background: url("../images/btn_attach_video.png") center center/32px 32px
    no-repeat;
}

.vote-write .form-expand {
  padding-top: 1.25rem;
  padding-left: 8.75rem;
  font-size: 0.875rem;
  color: #666666;
}

.write-example-li li {
  border-bottom: 1px solid #f1f1f1;
  background-color: #f6f7f9;
  padding: 0.25rem 0.875rem;
}

.write-example-li li.transparent {
  background-color: transparent;
}

.write-example-li .example-li-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.write-example-li .example-li-row .label {
  width: 8.75rem;
  color: #7031ff;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0 1rem;
}

.write-example-li .example-li-row .add {
  padding: 1rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  font-size: 0.875rem;
}

.write-example-li .example-li-row .add::before {
  content: "";
  width: 0.625rem;
  height: 0.625rem;
  display: inline-block;
  background: url("../images/icon_list_add.png") center center/0.625rem 0.625rem
    no-repeat;
  margin-right: 0.375rem;
  position: relative;
  top: -0.1rem;
}

input.input-example {
  font-size: 1rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  background-color: transparent;
  padding: 1rem;
}

input.input-example::-webkit-input-placeholder {
  color: #acafbf;
}

input.input-example:-ms-input-placeholder {
  color: #acafbf;
}

input.input-example::-ms-input-placeholder {
  color: #acafbf;
}

input.input-example::placeholder {
  color: #acafbf;
}

input.input-example::-webkit-input-placeholder {
  color: #acafbf;
}

input.input-example:-ms-input-placeholder {
  color: #acafbf;
}

.btn-example-del {
  width: 32px;
  height: 32px;
  display: block;
  background: url("../images/btn_example_li_close.png");
}

.vote-write .v-head a.add {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  font-size: 1rem;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #7031ff;
}

.vote-write .v-head a.add::before {
  content: "";
  width: 11px;
  height: 11px;
  background: url("../images/ico_add_question.png") center center/11px 11px
    no-repeat;
  margin-right: 0.375rem;
}

/* ============ Login page ============== */
.login-wrap {
  width: 100%;
  height: 100%;
  padding: 50px 0;
  background-color: #f7f8f9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.login-box {
  /*width: 22.5rem;*/
  text-align: center;
}

.login-box .logo-wrap {
  display: inline-block;
}

.login-box .img-logo {
  display: block;
  width: 7.625rem;
  height: 6.1875rem;
  background: url("../images/img_login_logo.png") center center/122px 99px
    no-repeat;
  margin-bottom: 3.75rem;
  margin-left: auto;
  margin-right: auto;
}

.login-box .input-group {
  display: block;
}

.login-box .input-group input {
  display: block;
  height: 2.75rem;
  width: 22.5rem;
  border-radius: 1.375rem;
  -webkit-border-radius: 1.375rem;
  -moz-border-radius: 1.375rem;
  -ms-border-radius: 1.375rem;
  -o-border-radius: 1.375rem;
  font-size: 0.95rem;
  padding: 0 1.5rem;
  margin: 0;
}

.login-box .input-group input::-webkit-input-placeholder {
  color: #c0c4cf;
}

.login-box .input-group input:-ms-input-placeholder {
  color: #c0c4cf;
}

.login-box .input-group input::-ms-input-placeholder {
  color: #c0c4cf;
}

.login-box .input-group input::placeholder {
  color: #c0c4cf;
}

.login-box .input-group input::-webkit-input-placeholder {
  color: #c0c4cf;
}

.login-box .input-group input::-ms-input-placeholder {
  color: #c0c4cf;
}

.login-box input.input-id {
  margin-bottom: 15px;
}

.login-box .checkbox-wrap {
  margin-top: 0.375rem;
  padding-left: 1rem;
}

.login-box .checkbox-wrap label span {
  font-size: 0.875rem;
  color: #555555;
}

.login-box a.login-submit,
.login-box button.login-submit {
  display: block;
  height: 2.75rem;
  width: 22.5rem;
  border-radius: 1.375rem;
  -webkit-border-radius: 1.375rem;
  -moz-border-radius: 1.375rem;
  -ms-border-radius: 1.375rem;
  -o-border-radius: 1.375rem;
  background-image: linear-gradient(175deg, #844eff, #7031ff);
  font-size: 0.9375rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  line-height: 2.75rem;
  margin-top: 1.75rem;
  /*box-shadow: 0 16px 16px rgba(115,83,188,0.4);*/
}

.login-box .func-li {
  text-align: center;
  margin-top: 1rem;
}

.login-box .func-li li {
  display: inline-block;
  text-align: center;
}

.login-box .func-li li:nth-of-type(2)::before,
.login-box .func-li li:nth-of-type(2)::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 0.5rem;
  background-color: #e5e5e5;
}

.login-box .func-li li a {
  font-size: 0.8125rem;
  color: #888888;
  letter-spacing: -0.0625rem;
  padding: 0.5rem 1.25rem;
}

.login-box .func-li li a.em {
  color: #7031ff;
}

.login-box .btn-sns-wrap {
  margin-top: 3.75rem;
}

.login-box .btn-sns-wrap a {
  display: block;
  height: 2.75rem;
  width: 22.5rem;
  border-radius: 1.375rem;
  -webkit-border-radius: 1.375rem;
  -moz-border-radius: 1.375rem;
  -ms-border-radius: 1.375rem;
  -o-border-radius: 1.375rem;
  font-size: 0.9375rem;
  font-weight: 400;
  color: #fff;
  text-align: center;
  line-height: 2.75rem;
}

.login-box .btn-sns-wrap a.btn-kakao {
  background: url("../images/ico_kakao.png") left 1rem center/16px 15px
    no-repeat;
  background-color: #ffea18;
  color: #381e1f;
  margin-bottom: 15px;
}

.login-box .btn-sns-wrap a.btn-facebook {
  background: url("../images/ico_facebook.png") left 1rem center/10px 17px
    no-repeat;
  background-color: #305b93;
}

/* 2024-03-04 START 로그인 페이지 배너 스타일 */
.login-ad-banner {
  width: 357px;
  height: 44px;
  margin-top: 40px;
  border-radius: 32px;
}
.login-ad-banner a {
  display: block;
  border-radius: 32px;
  width: 100%;
  height: 100%;
}
.login-ad-banner img {
  width: 100%;
  height: 100%;
  border-radius: 32px;
}
/* 2024-03-04 END 로그인 페이지 배너 스타일 */

.vote-appro .gray-box {
  margin-top: 2rem;
  font-size: 0.8125rem;
}

.vote-appro .gray-box .appro-li {
  text-align: left;
  color: #888888;
  letter-spacing: -0.04rem;
}

.vote-appro .gray-box .appro-li > li {
  margin-bottom: 0.375rem;
}

.vote-appro .gray-box .appro-li > li:last-child {
  margin-bottom: 0;
}

/* 20200709 공유하기 popup */
.alert-popup.share-sns ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 40px;
}

.alert-popup.share-sns ul li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 75px;
}

.alert-popup.share-sns ul li a {
  display: inline-block;
  color: #555555;
  font-size: 0.875rem;
}

.alert-popup.share-sns ul li a::before {
  content: "";
  display: block;
  width: 44px;
  height: 44px;
  margin: 0 auto;
  margin-bottom: 0.5rem;
}

.alert-popup.share-sns ul li.sns-kakaotalk a::before {
  content: "";
  background: url("../images/icon_kakao.png") center top no-repeat;
}

.alert-popup.share-sns ul li.sns-kakaostory a::before {
  content: "";
  background: url("../images/icon_kakaostory.png") center top no-repeat;
}

.alert-popup.share-sns ul li.sns-facebook a::before {
  content: "";
  background: url("../images/icon_facebook.png") center top no-repeat;
}

.alert-popup.share-sns ul li.sns-twiter a::before {
  content: "";
  background: url("../images/icon_twiter.png") center top no-repeat;
}

.alert-popup.share-sns .url-copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.alert-popup.share-sns .url-copy input {
  width: 375px;
}

.alert-popup.share-sns .url-copy a {
  margin-left: auto;
}

.alert-popup.share-sns .url-copy .perhaps-tag {
  border: 0.0625rem solid #7b45fd;
  padding: 0.375rem 1rem;
  border-radius: 0.3125rem;
  color: #7b45fd;
  font-weight: 500;
}

/* //20200709 공유하기 popup */
/* 20200709 신고하기 popup */
.alert-popup.accusation .article-input-li {
  border-top: 1px solid #f1f1f1;
}

.alert-popup.accusation .input-wrapper .label {
  width: 7.75rem;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.alert-popup.accusation .input-wrapper .label > p {
  color: #aaaaaa;
  margin: 0;
  font-weight: 400;
}

.alert-popup.accusation .ac-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.alert-popup.accusation .radio-wrap {
  width: 50%;
  padding: 5px 5px;
}

.alert-popup.accusation .radio-wrap label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.alert-popup.accusation .radio-wrap label:before {
  content: "";
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.3125rem;
  border: 0.125rem solid #cdd3df;
  background-color: #ffffff;
  border-radius: 50%;
}

.alert-popup.accusation .radio-wrap label:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0.375rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #cdd3df;
}

.alert-popup.accusation .radio-wrap input[type="radio"]:checked + label:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0.375rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #a683ff;
}

.alert-popup.accusation .radio-wrap input[type="radio"]:checked + label:before {
  border-color: #a683ff;
}

.alert-popup.accusation .input-wrapper textarea {
  font-size: 0.875rem;
  background-color: #f6f7f9;
  padding: 0.5rem;
  height: 134px;
}

.alert-popup.accusation .input-wrapper .align-left {
  text-align: left;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.alert-popup.accusation .input-wrapper .align-left input {
  width: 100%;
  margin-bottom: 0.25rem;
}

/* //20200709 신고하기 popup */
/* my page */
.btn.top-bottom {
  height: auto;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

table.table tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

/* FAQ */
.qna-link {
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  padding: 1rem;
  color: #888888;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.qna-link .text span {
  color: #000;
}

.qna-link a.btn {
  margin-left: auto;
}

.faq-li {
  margin-top: 2rem;
  border-top: 1px solid #000;
  font-size: 0.9375rem;
  color: #333333;
}

.faq-li dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #f1f1f1;
  padding: 1rem 0.5rem;
}

.faq-li dt::after {
  content: "";
  display: block;
  width: 10px;
  height: 6px;
  background: url("../images/icon_dropdown_arrow.png") center center/10px 6px
    no-repeat;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  margin-left: 1.5rem;
  margin-right: 0.5rem;
}

.faq-li dt.show::after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.faq-li dt:nth-of-type(even) {
  background-color: #f9f9f9;
}

.faq-li dt .index-num {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 3.75rem;
  padding: 0 0.5rem;
  font-size: 0.875rem;
  color: #555555;
}

.faq-li dt .cate {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 4.75rem;
  padding: 0 0.5rem;
  font-size: 0.875rem;
  color: #7031ff;
}

.faq-li dt .title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  cursor: pointer;
}

.faq-li dd {
  border-bottom: 1px solid #f1f1f1;
  padding: 1.5rem 1rem;
  display: none;
}

.faq-li dd .answer-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.faq-li dd .answer-wrap p {
  margin: 0;
}

.faq-li dd .ico-answer {
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 1.6875rem;
  height: 1.8125rem;
  background: url("../images/ico_faq_answer.png") center center/27px 29px
    no-repeat;
  margin-right: 2rem;
}

/* 20200710 포인트선물하기 */
.alert-popup.point-gift .modal-body p {
  color: #555;
  size: 1.2rem;
  padding-top: 115px;
  padding-bottom: 15px;
  background: url("../images/bg_gift.png") center top no-repeat;
}

.alert-popup.point-gift .modal-body p .has-point {
  color: #7031ff;
}

.alert-popup.point-gift .modal-body .input-wrapper .label {
  width: 7.75rem;
}

/* //20200710 포인트선물하기 */
/* 20200710 해피포인트로 전환하기 */
.alert-popup.point-change
  .checkbox-wrap
  input[type="checkbox"]:checked
  + label:after {
  top: 1.1875rem;
}
.alert-popup.point-change .modal-header .center {
  background: url("../images/logo_happypoint.png") center top no-repeat;
  padding-top: 42px;
  background-size: 80px;
}

.alert-popup.point-change .modal-header .lpoint {
  background: url("../images/lpoint-link.png") center top no-repeat;
  padding-top: 42px;
  background-size: 80px;
}
.alert-popup.point-change .modal-header .cjone {
  background: url("../images/logo-cjone-b.png") center top no-repeat;
  padding-top: 42px;
  background-size: 80px;
}
.alert-popup.point-change .modal-header .tmonet {
  background: url("../images/logo-tmonet.png") center top no-repeat;
  padding-top: 42px;
  background-size: 80px;
}
/* START 24.10.21 네이버페이 추가 */
.alert-popup.point-change .modal-header .naverpay {
  background: url("../images/logo_naverpay_pc_noblank.png") center top no-repeat;
  padding-top: 42px;
  background-size: 80px;
}
/* END 24.10.21 네이버페이 추가 */
.alert-popup.point-change .modal-body > ul {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-weight: 500;
  font-size: 0.875rem;
  border-top: 1px solid #f1f1f1;
}

.alert-popup.point-change .modal-body > ul > li {
  padding-bottom: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.alert-popup.point-change .modal-body > ul > li:last-child {
  padding-bottom: 0;
}

.alert-popup.point-change .modal-body > ul > li > span {
  margin-left: auto;
}

.alert-popup.point-change .modal-body > ul > li.myname {
  height: 32px;
  line-height: 30px;
}

.alert-popup.point-change .modal-body > ul > li a {
  background: url("../images/icon_question_gray.png") center no-repeat;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 16px;
  margin-left: 5px;
}

.alert-popup.point-change .modal-body > ul > li.present-point {
  color: #7031ff;
}

.alert-popup .modal-body.contents {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.alert-popup.point-change .modal-body .change-box {
  border: 1px solid #f1f1f1;
  border-radius: 0.625rem;
  padding: 1.25rem;
  font-size: 0.875rem;
  text-align: left;
}

.alert-popup.point-change .modal-body .change-box > div.point-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
}

.alert-popup.point-change .modal-body .change-box > div .heypoll-point {
  background: url("../images/icon_point.png") left center no-repeat;
  background-size: 26px;
  padding-left: 36px;
}

.alert-popup.point-change .modal-body .change-box > div .happy-point {
  background: url("../images/logo_happypoint.png") left center no-repeat;
  padding-left: 60px;
  background-size: 45px;
}

.alert-popup.point-change .modal-body .change-box > div .lpoint-point {
  background: url("../images/lpoint-link.png") left center no-repeat;
  padding-left: 60px;
  background-size: 45px;
}

/***** :: ST 2023.04.11 cjone 추가 ED :: *****/
.alert-popup.point-change .modal-body .change-box > div .cjone-point {
  background: url("../images/logo-cjone-b.png") left center no-repeat;
  padding-left: 60px;
  background-size: 45px;
}

/***** :: ST 2023.12.18 tmonet 추가 ST :: *****/
.alert-popup.point-change .modal-body .change-box > div .tmonet-point {
  background: url("../images/logo-tmonet.png") left center no-repeat;
  padding-left: 60px;
  background-size: 45px;
}
/***** :: ST 2023.12.18 tmonet 추가 ED :: *****/

/* START 24.10.21 네이버페이 추가 */
.alert-popup.point-change .modal-body .change-box > div .naverpay-point {
  background: url("../images/logo_naverpay_pc_noblank.png") left center no-repeat;
  padding-left: 60px;
  background-size: 45px;
}
/* END 24.10.21 네이버페이 추가 */

.alert-popup.point-change .modal-body .change-box > div a {
  background: url("../images/right_arrow.png") center no-repeat;
  width: 36px;
  margin-right: 25px;
  margin-left: 25px;
}

.alert-popup.point-change .modal-body .change-box > div > div > input {
  display: inline-block;
  width: 78px;
  margin-right: 5px;
  text-align: right;
  color: #7031ff;
  font-weight: 600;
}

.alert-popup.point-change .modal-body .change-box > div.point-text {
  margin: -1.25rem;
  background-color: #f8f8f9;
  font-size: 0.8125rem;
  color: #777;
}

.alert-popup.point-change .modal-body .change-box > div.point-text > p {
  padding: 20px 20px 0px 20px;
}

.alert-popup.point-change
  .modal-body
  .change-box
  > div.point-text
  > .checkbox-wrap {
  padding-left: 20px;
}

.alert-popup.point-change
  .modal-body
  .change-box
  > div.point-text
  > .checkbox-wrap
  span {
  color: #7031ff;
}

.alert-popup.point-change .modal-body .point-text2 {
  font-size: 0.8125rem;
  color: #777777;
}

.alert-popup.point-change .modal-body .point-text2.start {
  padding-top: 15px;
}

.alert-popup.point-change .modal-body .point-text2 span {
  color: #ff75ac;
}

.alert-popup.point-change .modal-body .point-btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 10px;
}

.alert-popup.point-change .modal-body .point-btn button {
  padding: 0.9375rem;
  height: 2.5rem;
  font-size: 0.875rem;
}

.alert-popup.point-change .modal-body .point-btn button.start {
  margin-right: 10px;
}

/* //20200710 해피포인트로 전환하기 */
/* 20200710 OK캐쉬백 포인트로 전환하기 */
.alert-popup.point-change .modal-header .center.okcashbag {
  background: url("../images/logo_okcashbag.png") center top no-repeat;
  padding-top: 42px;
}

.alert-popup.point-change .modal-body .change-box > div .okcashbag-point {
  background: url("../images/logo_okcashbag_s.png") left center no-repeat;
  padding-left: 55px;
}

.alert-popup.point-change.alert-popup.point-change
  .modal-body
  .change-box
  > div
  .okcashbag-point
  .checkbox-wrap
  input[type="checkbox"]:checked
  + label:after {
  top: 1.1875rem;
}

/***** :: ST 2023.04.11 cjone 추가 :: *****/
.alert-popup.cjone-change .modal-header .center {
  background: url("../images/logo_cjone.png") center top no-repeat;
  padding-top: 42px;
}
/* //20200710 OK캐쉬백 포인트로 전환하기 */
/* margine */
.ml-0 {
  margin-left: 0;
}

.ml-1 {
  margin-left: 0.333rem;
}

.ml-2 {
  margin-left: 0.666rem;
}

.ml-3 {
  margin-left: 1rem;
}

.mr-0 {
  margin-right: 0;
}

.mr-1 {
  margin-right: 0.333rem;
}

.mr-2 {
  margin-right: 0.666rem;
}

.mr-3 {
  margin-right: 1rem;
}

.mt-1 {
  margin-top: 0.333rem;
}

.mt-2 {
  margin-top: 0.666rem;
}

.mt-3 {
  margin-top: 1rem;
}

.mb-1 {
  margin-bottom: 0.333rem;
}

.mb-2 {
  margin-bottom: 0.666rem;
}

.mb-3 {
  margin-bottom: 1rem;
}

/*=========== Terms ===========*/
.terms .header {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  margin-top: 2rem;
}

.terms .header .prefix,
.terms .header .suffix,
.terms .header .center {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.terms .header .title {
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 700;
  color: #555555;
}

.terms .header .suffix {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.terms .header .sub-text {
  font-size: 0.875rem;
  font-weight: 400;
  color: #999999;
}

.terms .bordered-sandwich {
  border-bottom: 0;
}

.terms-content {
  font-size: 0.9375rem;
  color: #555555;
  position: -webkit-sticky;
  position: sticky;
  top: 7.5rem;
  height: calc(100vh - 7.5rem);
  overflow-y: auto;
}

.terms-content .article {
  margin-bottom: 2rem;
  line-height: 1.5;
}

.terms-content h3 {
  margin: 0;
  margin-bottom: 0.5rem;
}

.terms-content p {
  margin-top: 0;
  margin-bottom: 0.25rem;
}

/*================ My Page ====================*/
.my-page .header {
  margin-top: 2rem;
}

.bordered-sandwich-input {
  border-top: 0.0625rem solid #000;
  margin-bottom: 2.5rem;
}

.input-row-line li {
  border-bottom: 1px solid #f1f1f1;
  padding: 0.75rem 0;
}

.my-page .input-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.my-page .input-wrapper p {
  color: #555555;
  font-size: 0.875rem;
  margin: 0;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.my-page .input-wrapper .label {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  color: #333333;
  width: 9.375rem;
}

.my-page .input-wrapper .label span {
  color: #7031ff;
}

.input-wrapper .w-20 {
  -webkit-box-flex: 0.2;
  -ms-flex: 0.2;
  flex: 0.2;
}

.input-wrapper .w-30 {
  -webkit-box-flex: 0.3;
  -ms-flex: 0.3;
  flex: 0.3;
}

.input-wrapper .w-40 {
  -webkit-box-flex: 0.4;
  -ms-flex: 0.4;
  flex: 0.4;
}

.input-wrapper .w-50 {
  -webkit-box-flex: 0.5;
  -ms-flex: 0.5;
  flex: 0.5;
}

.submit-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2.5rem;
}

.btn-default-lg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  padding: 0.875rem 1.25rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.75rem;
  font-weight: 700;
  color: #ffffff;
  background-color: #7b45fd;
  border-radius: 0.5rem;
  font-size: 1rem;
}

.btn-default-lg.light-gray {
  background-color: #c4c7dc;
}

.btn.right {
  margin-left: auto;
}

.vote-writebox .sub-article,
.my-page .sub-article {
  border: 1px solid #f1f1f1;
  padding: 2rem;
  border-radius: 0.625rem;
  -webkit-border-radius: 0.625rem;
  -moz-border-radius: 0.625rem;
  -ms-border-radius: 0.625rem;
  -o-border-radius: 0.625rem;
}

.vote-writebox .sub-article ul,
.my-page .sub-article ul {
  font-size: 0.875rem;
  color: #888888;
}

.vote-writebox .sub-article ul li,
.my-page .sub-article ul li {
  margin-bottom: 0.25rem;
  position: relative;
  padding-left: 1rem;
}

.vote-writebox .sub-article ul li:last-child,
.my-page .sub-article ul li:last-child {
  margin-bottom: 0;
}

.vote-writebox .sub-article ul li::before,
.my-page .sub-article ul li::before {
  content: "";
  width: 4px;
  height: 4px;
  display: inline-block;
  background-color: #9166ff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  margin-right: 0.5rem;
  position: absolute;
  top: 8px;
  left: 3px;
}

.vote-writebox .sub-article ul li > span,
.my-page .sub-article ul li > span {
  color: #9166ff;
}

.sub-article.gray {
  background-color: #f9f9f9;
}

.sub-article a.linked {
  text-decoration: underline;
  color: #9166ff;
  display: inline-block;
}

.my-page .link-sns-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.my-page .link-sns-wrap .btn-sns {
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: -0.0625rem;
  padding: 0.75rem 2rem;
  background-color: #333;
  color: #fff;
  margin: 0.5rem 1rem;
  margin-top: 1.25rem;
  border-radius: 0.625rem;
  -webkit-border-radius: 0.625rem;
  -moz-border-radius: 0.625rem;
  -ms-border-radius: 0.625rem;
  -o-border-radius: 0.625rem;
}

.my-page .link-sns-wrap .facebook {
  background-color: #413ca7;
}

.my-page .link-sns-wrap .kakao {
  background-color: #f9cd1c;
}

.my-page .link-sns-wrap .facebook::before {
  content: url("../images/ico_facebook.png");
  display: inline-block;
  position: relative;
  top: 2px;
  margin-right: 0.5rem;
}

.my-page .link-sns-wrap .kakao::before {
  content: url("../images/ico_kakao.png");
  display: inline-block;
  position: relative;
  top: 1px;
  margin-right: 0.5rem;
}

.q-write .btn.btn-sub-inline,
.my-page .btn.btn-sub-inline {
  padding: 0.375rem 1rem;
  color: #7031ff;
  border: 1px solid #7031ff;
  border-radius: 0.3125rem;
  -webkit-border-radius: 0.3125rem;
  -moz-border-radius: 0.3125rem;
  -ms-border-radius: 0.3125rem;
  -o-border-radius: 0.3125rem;
}

.my-page .btn.btn-sub-inline.disabled {
  opacity: 0.4;
  pointer-events: none;
}

.my-page .recomm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.my-page .recomm-text {
  font-size: 0.875rem;
  padding: 0;
  margin-left: 2rem;
  line-height: 1.3;
  color: #555555;
}

.my-page .recomm-text span {
  color: #7031ff;
}

.my-page .basic-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #f1f1f1;
}

.my-page .basic-info .input-row-line {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-right: 1px solid #f1f1f1;
}

.my-page .basic-info .input-row-line li:last-child {
  border-bottom: none;
}

.my-page .face-pic-wrap {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 8.125rem;
  height: 8.125rem;
  margin: 2rem 1rem;
  position: relative;
}

.my-page .face-pic-wrap .face-pic-frame {
  width: 100%;
  height: 100%;
  background-image: url("../images/bg_profile_picture.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.face-pic-wrap .profile-upload {
  display: block;
  width: 2.875rem;
  height: 2.875rem;
  background: url("../images/btn_profile_upload.png") center center/2.875rem
    2.875rem no-repeat;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1);
}

.face-pic-wrap .profile-upload input[type="file"] {
  display: none;
}

.my-page .checkbox-group {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.my-page .checkbox-wrap label span {
  font-size: 0.875rem;
}

.my-page .checkbox-wrap label span a.link {
  color: #7031ff;
}

.my-page .basic-info .checkbox-wrap {
  width: 25%;
  padding-right: 0.5rem;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.my-page .basic-info .checkbox-wrap label span {
  letter-spacing: -0.075rem;
  font-size: 0.8rem;
}

.input-wrapper .input-help {
  background: url("../images/icon_question_gray.png") center/16px 16px no-repeat;
  display: block;
  width: 16px;
  height: 16px;
  margin-left: 0.5rem;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.my-info .input-wrapper .fix-md {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 13.75rem;
}

.my-info .input-wrapper .fix-sm {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 4rem;
}

.input-wrapper .input-default:disabled {
  color: #acafbf;
  cursor: default;
}

.input-wrapper .input-cont-wrap {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.input-wrapper .input-cont-wrap button.btn-auth {
  display: inline-block;
  width: 13.75rem;
  text-align: center;
}

.my-info .input-wrapper .split {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.set-noti {
  padding: 0.25rem 0;
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 0.5rem;
}

.set-noti .input-row-line {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.set-noti .input-row-line li:last-child {
  border-bottom: none;
}

.set-noti .label.subtitle {
  margin-top: 0.75rem;
}

.set-noti .switch-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.set-noti .switch-wrap .label {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  width: auto;
  color: #555555;
  font-weight: 400;
}

.my-page .noti-comment {
  font-size: 0.875rem;
  color: #888888;
  margin-bottom: 2.5rem;
}

.my-page .noti-comment::before {
  content: "";
  width: 4px;
  height: 4px;
  display: inline-block;
  background-color: #9166ff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  margin-right: 0.5rem;
  position: relative;
  top: -3px;
}

/* switch */
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  margin-bottom: 0;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #d7dce5;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.switch .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  right: 2px;
  bottom: 2px;
  background-color: white;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.switch input:checked + .slider {
  background-color: #896eff;
}

.switch input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #896eff;
  box-shadow: 0 0 1px #896eff;
}

.switch input:checked + .slider:before {
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
}

/*============= 회원탈퇴 =============*/
.sece-confirm-box {
  background: url("../images/bg_secession_head.png") top center/100% 123px
    no-repeat;
  border: 1px solid #9166ff;
  border-radius: 0.625rem;
  -webkit-border-radius: 0.625rem;
  -moz-border-radius: 0.625rem;
  -ms-border-radius: 0.625rem;
  -o-border-radius: 0.625rem;
  margin-top: 1rem;
  margin-bottom: 2.5rem;
}

.sece-confirm-box .head {
  text-align: center;
  padding: 2rem;
  font-size: 1.25rem;
  color: #fff;
}

.sece-confirm-box .head span {
  font-size: 2.125rem;
  font-weight: 700;
}

.sece-confirm-box .cont-body {
  padding: 2rem;
}

.sece-confirm-box .cont-body p {
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  color: #333333;
}

.sece-confirm-box .cont-body .btn-group {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 2rem;
}

.btn.btn-lg {
  font-weight: 700;
  font-size: 1rem;
  padding: 0.75rem 2.5rem;
  height: auto;
  margin-right: 1rem;
}

.history-list .input-wrapper {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.history-list .input-wrapper .select-default {
  margin-left: auto;
}

.cont-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cont-tab.margin-bottom {
  margin-bottom: 2.5rem;
}

.cont-tab li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1rem;
}

.cont-tab li a {
  display: block;
  text-align: center;
  color: #a1a2ab;
  padding: 1rem;
  border-bottom: 1px solid #cbcbcb;
}

.cont-tab li a.active {
  color: #9166ff;
  border-bottom: 2px solid #9166ff;
}

.table-history tr td .perhaps-tag01,
.table-history tr th .perhaps-tag01 {
  border: 0.0625rem solid #d0bdfb;
  padding: 0.375rem 1rem;
  border-radius: 0.3125rem;
  color: #7b45fd;
  font-weight: 500;
  display: inline-block;
  font-size: 0.8rem;
}

.table-history tr td .perhaps-tag02,
.table-history tr th .perhaps-tag02 {
  border: 0.0625rem solid #cddffb;
  padding: 0.375rem 1rem;
  border-radius: 0.3125rem;
  color: #68a4fe;
  font-weight: 500;
  display: inline-block;
  font-size: 0.8rem;
}

.table-history tr td .perhaps-tag03,
.table-history tr th .perhaps-tag03 {
  border: 0.0625rem solid #dedfe1;
  padding: 0.375rem 1rem;
  border-radius: 0.3125rem;
  color: #a1a2ab;
  font-weight: 500;
  display: inline-block;
  font-size: 0.8rem;
}

.history-detail {
  margin-top: 3.125rem;
  margin-bottom: 1.75rem;
}

.history-detail ul {
  border-top: 1px solid #f1f1f1;
}

.history-detail ul li {
  padding: 0.875rem 0;
  border-bottom: 1px solid #f1f1f1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.875rem;
  color: #555555;
}

.history-detail ul li:first-child {
  background-color: #f9f9f9;
}

.history-detail ul li span {
  padding: 0 1rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.history-detail ul li .label {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  color: #333333;
  width: 8.75rem;
  font-weight: 500;
}

.history-detail ul li a.delete {
  float: right;
}

.history-detail ul li a.delete.color1 {
  color: #8d5ff6;
}

.history-detail ul li a.delete.color2 {
  color: #999999;
}

.q-write a.btn.file-add {
  padding: 0.58rem;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

.q-write a.btn.file-add::before {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  background: url("../images/ico_add_question.png") center center/11px 11px
    no-repeat;
}

/*========== filebox style =============*/
.filebox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.5rem;
}

.filebox:last-of-type {
  margin-bottom: 0;
}

.filebox input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.filebox label {
  display: inline-block;
  font-size: inherit;
  line-height: normal;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 0.5rem;
}

/* named upload */
.filebox .upload-name {
  font-size: 0.875rem;
  background-color: #f6f7f9;
  margin: 0;
  border-radius: 0.1875rem;
  -webkit-border-radius: 0.1875rem;
  -moz-border-radius: 0.1875rem;
  -ms-border-radius: 0.1875rem;
  -o-border-radius: 0.1875rem;
  padding: 0.5rem;
  color: #acafbf;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1;
  height: 2rem;
  max-width: 31.625rem;
  position: relative;
  padding-right: 2.5rem;
}

.filebox .upload-name a.btn-delete {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 2rem;
  background: url("../images/ico_file_del.png") center/8px 8px no-repeat;
}

.filebox .upload-name.has-del a.btn-delete {
  display: block;
}

.file-input-wrap {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.input-wrapper .textarea-default {
  background-color: #f6f7f9;
  margin: 0;
  border-radius: 0.1875rem;
  -webkit-border-radius: 0.1875rem;
  -moz-border-radius: 0.1875rem;
  -ms-border-radius: 0.1875rem;
  -o-border-radius: 0.1875rem;
  padding: 0.5rem;
  height: 12rem;
  width: 100%;
}

.input-wrapper .flex-none {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.q-write .text-length {
  display: block;
  color: #acafbf;
}

.q-write .textarea-wrap {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.q-write .textarea-wrap .addition {
  color: #acafbf;
  font-size: 0.8125rem;
  position: relative;
  padding-left: 1rem;
}

.q-write .textarea-wrap .addition::before {
  content: "";
  width: 4px;
  height: 4px;
  display: inline-block;
  background-color: #9166ff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  margin-right: 0.5rem;
  position: absolute;
  top: 8px;
  left: 3px;
}

.sece-reason .checkbox-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 2rem;
}

.sece-reason .checkbox-group .checkbox-wrap {
  margin-bottom: 0.5rem;
}

.vote-confrule-check {
  margin-bottom: 2.5rem;
}

.sign-box {
  background-color: #ffffff;
  padding: 4rem;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
  text-align: center;
  padding-bottom: 0;
}

.sign-box .logo-wrap {
  display: inline-block;
  margin-bottom: 1.5rem;
}

.sign-logo {
  display: block;
  background-image: url("../images/img_sign_logo.png");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 180px;
  height: 35px;
}

.sign-header {
  border-bottom: 0.0625rem solid #e5e5e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875rem;
  color: #999999;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.sign-header h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: #7b45fd;
}

.sign-header .prefix,
.sign-header .suffix {
  padding: 0.4rem 0;
}

.sign-header .suffix {
  margin-left: auto;
  font-size: 0.75rem;
  letter-spacing: -0.8px;
}

.sign-header.tab {
  display: block;
  border-bottom: none;
  margin-left: -4rem;
  margin-right: -4rem;
}

.sign-body {
  width: 37.5rem;
  margin-top: 2.5rem;
}

.sign-body span.addition {
  font-size: 0.75rem;
  color: #999999;
  display: block;
  margin-bottom: 1rem;
  text-align: right;
}

.sign-body .input-item {
  text-align: left;
}

.sign-body .input-item li {
  padding: 0.5rem 0;
}

.sign-body .input-wrapper .label {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  font-weight: 400;
  padding-left: 0;
}

.sign-body .input-wrapper .label a.help {
  content: "";
  width: 1rem;
  height: 1rem;
  display: inline-block;
  background: url("../images/icon_question_gray.png") center/100% no-repeat;
  position: relative;
  top: 0.125rem;
  margin-left: 0.125rem;
}

.sign-body .input-wrapper .input-default,
.sign-body .input-wrapper .select-default {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}

.sign-body .input-wrapper .split {
  font-size: 0.875rem;
  color: #e5e5e5;
  margin: 0;
  padding: 0 0.1875rem;
}

.sign-body .invalid {
  font-size: 0.6875rem;
  color: #f44336;
  padding-top: 0.1875rem;
  /* display: none; */
  padding-left: 8.75rem;
}

.sign-body .invalid.auth {
  color: #7b45fd;
}

.sign-body .input-wrapper a.btn {
  margin-left: 0.5rem;
}

.sign-body .agree-box {
  margin-top: 2.5rem;
  font-size: 0.8125rem;
  color: #999999;
}

.sign-body .agree-box .checkbox-wrap label span {
  position: relative;
  top: -0.08rem;
  margin-left: 0.25rem;
  color: #999999;
}

.sign-body .agree-box .checkbox-wrap label span em {
  color: #7b45fd;
}

.sign-body .agree-box .checkbox-wrap label span a {
  color: #7b45fd;
  text-decoration: underline;
}

.sign-footer {
  border-bottom-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -4rem;
  margin-right: -4rem;
  margin-top: 2.5rem;
}

.sign-footer a,
.sign-footer button {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 1.8rem;
  color: #ffffff;
}

.sign-footer a.btn-confirm,
.sign-footer button.btn-confirm {
  background-color: #7b45fd;
  border-bottom-left-radius: 2rem;
  font-size: 16px;
  font-family: "Noto Sans KR", sans-serif;
}

.sign-footer a.btn-confirm.single {
  border-bottom-right-radius: 2rem;
}

.sign-footer a.btn-cancel {
  background-color: #c4c7dc;
  border-bottom-right-radius: 2rem;
}

.sign-body .result {
  margin-top: 2.5rem;
  padding: 2rem;
  background-color: #f6f7f9;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}

.sign-body .result h3 {
  color: #7b45fd;
}

.sign-body .result p span {
  color: #7b45fd;
}

/* ========== comment ============ */
.comment {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-size: 0.875rem;
  color: #555555;
}

.comment-header {
  height: 2.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f6f7f9;
  padding: 0 1rem;
  margin-bottom: 0.625rem;
}

.comment-header .btn-countmore {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  color: #888888;
}

.comment-header .btn-countmore > span {
  color: #333333;
}

.comment-header .btn-anchor {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  color: #444444;
  margin-left: auto;
  cursor: pointer;
}

.comment-list li {
  margin-bottom: 0.125rem;
}

.comment-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.25rem 1rem;
  background-color: #f8f8f9;
}

.comment-item .profile,
.comment-input .profile {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 2.5625rem;
  height: 2.5625rem;
  background: url("../images/bg_comment_profile.png") center/100% no-repeat;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-right: 0.75rem;
}

.comment-item .text-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comment-item .text-item .prefix {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.comment-item .text-item .suffix {
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-left: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comment-item .text-item .suffix > a {
  cursor: pointer;
}

.comment-item .text-item p.date {
  margin: 0;
  margin-top: 0.1875rem;
  color: #888888;
  font-size: 0.8125rem;
}

.comment-item .text-item .user-id {
  color: #9160ff;
  margin-right: 0.25rem;
}

.comment-item .text-item .text {
  color: #555555;
}

.comment-item .text-item .suffix a {
  padding: 0.5rem;
}

.comment-item .text-item a.btn-report {
  color: #888888;
}

.comment-item .text-item a.btn-report::before {
  content: none;
}

.comment-item .text-item a.btn-reply {
  color: #444444;
}

.comment-item .text-item a.btn-reply::before {
  content: url("../images/img_btn_reply.png");
  position: relative;
  top: -0.125rem;
  margin-right: 0.125rem;
}

.comment-item .text-item a.btn-del {
  color: #ff6666;
  display: none;
}

.comment-item.self .text-item a.btn-del {
  display: block;
}

.comment-item.self .text-item a.btn-report,
.comment-item.self .text-item a.btn-reply {
  display: none;
}

.comment-item.reply::before,
.comment-input.reply::before {
  content: "";
  display: block;
  width: 1.0625rem;
  height: 1.0625rem;
  background: url("../images/img_comment_reply.png") center/100% no-repeat;
  position: relative;
  margin: 0 1rem;
  margin-top: 0.5rem;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.comment-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.25rem 1rem;
  background-color: #f8f8f9;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comment-input input[type="text"] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0.625rem 1rem;
  font-size: 0.875rem;
}

.comment-input .btn.btn-border {
  width: auto;
  min-width: auto;
  height: auto;
  padding: 0.4rem 1.25rem;
  margin-left: 0.5rem;
}

input.pk,
input.pp,
input.pk:hover,
input.pp:hover {
  color: #ffffff;
  font-size: 0.8125rem;
  font-weight: 400;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  -webkit-border-radius: 0.375rem;
  -moz-border-radius: 0.375rem;
  -ms-border-radius: 0.375rem;
  -o-border-radius: 0.375rem;
  background-color: #7b45fd;
}

input.pp {
  margin-left: auto;
}

input.dg,
input.dg:hover {
  color: #ffffff;
  font-size: 0.8125rem;
  font-weight: 400;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  -webkit-border-radius: 0.375rem;
  -moz-border-radius: 0.375rem;
  -ms-border-radius: 0.375rem;
  -o-border-radius: 0.375rem;
  background-color: #999999;
}

.login-box .input-group div.error {
  font-size: 0.6875rem;
  letter-spacing: -0.03125rem;
  font-family: "Noto Sans KR", sans-serif;
}

.login-box .input-group div.error[for="email"] {
  margin-top: -0.1875rem;
  margin-bottom: 0.1875rem;
}

#surveyForm li .dropdown {
  margin-left: 0.333rem;
}

/*============ 검색리스트 체크박스 > 라디오버튼 변경 ================*/
.option-list .radio-wrap input[type="radio"]:checked + label:before {
  border-color: #a683ff;
}

.option-list .radio-wrap input[type="radio"]:checked + label:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0.375rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-image: none;
  background-size: auto;
  background-position: center;
  background-color: #a683ff;
}

.option-list .radio-wrap label:before {
  content: "";
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.3125rem;
  border: 0.125rem solid #cdd3df;
  background-color: #ffffff;
  border-radius: 50%;
}

.option-list .radio-wrap label:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0.375rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #cdd3df;
}

.question .choiceItemFooter {
  padding: 0 !important;
}

.question .choiceItemFooter .write-example-li li.transparent {
  border-bottom: 0;
  cursor: pointer;
  background-color: #f6f7f9;
}

.gnb .prefix > a {
  position: relative;
  top: -4px;
}

.main .content-wrap .today-pick .header,
.main .content-wrap .today-play .header {
  /*margin-left: -30px;*/
}

.main .news-notice {
  padding-top: 15px;
  padding-bottom: 15px;
}

.vote-list .template .btn-group .btn.btn-border.btn-primary,
.vote-list .template .btn-group .btn.btn-border.btn-secondary {
  height: 3.125rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
}

.event .tab-link.round-type > ul > li.on a {
  background-color: #4e60ef;
}

.give-point-gift .btn.btn-default.btn-primary {
  width: 250px;
  font-size: 0.95rem;
}

.btn-group.btn-inquiry {
  padding: 0 1.5rem;
}

.btn-group.btn-inquiry .btn.btn-light-primary {
  background-color: #4c4c4c;
  margin-top: 1.5rem;
  height: auto;
}

.modal-header .icon-notice {
  margin-top: 1rem;
}

.pollContainer.popup .btn-group .btn.btn-primary {
  height: 3.125rem;
}

.alert-popup.modal-privacy .modal-body {
  padding: 2rem;
}

.alert-popup.modal-privacy .modal-body table.table {
  font-size: 0.75rem;
  border-bottom: 0.0625rem solid #efefef;
}

.alert-popup.modal-privacy .modal-body table.table td {
  border-right: 0.0625rem solid #efefef;
}

.alert-popup.modal-privacy .modal-body table.table td:first-of-type {
  border-left: 0.0625rem solid #efefef;
}

.alert-popup.modal-privacy .modal-body p {
  font-size: 0.85rem;
}

.today-play .owl-carousel .owl-stage-outer {
  width: 720px;
}

.main .content-wrap .today-pick .header .suffix {
  padding-right: 0;
}

.jquery-modal .point-tag {
  margin-left: 12px;
}

.jquery-modal .vote-result .point-tag {
  margin-left: 0;
}

.jquery-modal .vote-result .vote-result-topper h3.title,
.jquery-modal .template-header .title {
  font-size: 1.2rem;
}

.jquery-modal .btn-group .btn.btn-wide {
  height: 3.125rem;
}

.jquery-modal .vote-text-type-wrap .vote-text-radio > li .radio-wrap label {
  font-weight: 400;
}

.jquery-modal .vote-result .preriod {
  font-size: 0.875rem;
}

.sign-body .input-item .dropdown {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.alert-popup.survey-popup .modal-body {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.pollContainer .slider {
  background-color: transparent;
}

.satisfyContent .satisfyForm .formButtons {
  margin-bottom: -24px;
  margin-left: -24px;
  margin-right: -24px;
}

.satisfyContent .satisfyForm .formButtons input.gn {
  color: #fff;
  width: 100%;
  height: 60px;
  border-bottom-left-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
}

.surveyDialog {
  border-radius: 1.25rem;
}

.surveyDialog .title {
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
  background-color: transparent;
  background: url(../images/icon_notice.png) top 16px center/2.125rem 2.25rem
    no-repeat;
  background-position-y: 2.5rem;
  height: 100px;
  padding-top: 4.25rem;
}

.surveyDialog .formButtons {
  border-top: none;
  padding-bottom: 0;
}

.surveyDialog .formButtons input {
  background-color: #855de5;
  color: #fff;
  width: 100%;
  height: 60px;
  border-bottom-left-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
}

.event .event-list > ul > li > a .template > .prefix .img-wrap.closed {
  background-color: #000000;
}

.event .event-list > ul > li > a .template > .prefix .img-wrap.closed img {
  opacity: 0.25;
}

@font-face {
  font-family: "Jalnan";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

.event-template {
  width: 700px;
}

.ds-event-wrap .banner-wrap > img {
  display: block;
  width: 100%;
  height: auto;
}

.ds-event-wrap .waypoint {
  width: 100%;
  background-color: #d3eff0;
}

.ds-event-wrap .waypoint .notification .top-image {
  display: block;
  width: 100%;
  height: auto;
}

.ds-event-wrap .waypoint .notification .box {
  margin-left: 1.75rem;
  margin-right: 1.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family: "Jalnan";
}

.ds-event-wrap .waypoint .notification .box .count {
  background-color: #fff;
  border-radius: 0.9375rem 0.9375rem;
  border: 0.1875rem solid #754ce8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.ds-event-wrap .waypoint .notification .box .count > img {
  width: 11.625rem;
}

.ds-event-wrap .waypoint .notification .box .count .number {
  margin: 0;
  color: #333333;
  font-size: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  line-height: 1;
  margin-left: 1.6875rem;
}

.ds-event-wrap .waypoint .notification .box .count .number > span {
  font-size: 2.0625rem;
  color: #eb5353;
  position: relative;
  top: 0.125rem;
}

.ds-event-wrap .waypoint .notification .box .set-noti {
  background-color: #754ce8;
  border-radius: 0 0 0.9375rem 0.9375rem;
  border-top: 0;
}

.ds-event-wrap .waypoint .notification .box .set-noti > a {
  display: block;
  padding: 0.25rem 1rem;
  padding-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
}

.ds-event-wrap .waypoint .notification .box .set-noti > a:hover {
  color: #fff;
}

.ds-event-wrap .waypoint .notification .box .set-noti > a::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1.0625rem;
  background: url("../images/survey_oneday/ico_alarm.png") center/100% no-repeat;
  position: relative;
  top: -0.125rem;
  margin-right: 0.4375rem;
}

.ds-event-wrap .waypoint .notification .box .set-noti > a::after {
  content: "";
  display: block;
  width: 0.4375rem;
  height: 0.6875rem;
  background: url("../images/survey_oneday/img_alarm_arrow.png") center/100%
    no-repeat;
  position: relative;
  top: -0.125rem;
  margin-left: 0.5rem;
}

.ds-event-wrap .waypoint .step {
  width: 100%;
  height: 1100px;
  overflow: hidden;
  position: relative;
}

.ds-event-wrap .waypoint .step .deco-wrap .deco {
  display: block;
  width: 15.0625rem;
  height: 2.6875rem;
  background: url("../images/survey_oneday/bg_deco.png") center/100% no-repeat;
  position: absolute;
}

.ds-event-wrap .waypoint .step .deco-wrap .deco.loc1 {
  top: 10rem;
  left: 60%;
}

.ds-event-wrap .waypoint .step .deco-wrap .deco.loc2 {
  top: 23rem;
  left: -20%;
}

.ds-event-wrap .waypoint .step .deco-wrap .deco.loc3 {
  top: 45rem;
  left: 47%;
}

.ds-event-wrap .waypoint .step .area {
  width: 20.625rem;
  height: 55rem;
  margin: 0 auto;
  background: url("../images/survey_oneday/bg_waypoint.png") center/100%
    no-repeat;
  position: relative;
  font-family: "Jalnan";
  -webkit-transform: scale(1.25) translateY(10%);
  transform: scale(1.25) translateY(10%);
}

.ds-event-wrap .waypoint .step .area .w-point {
  width: 4.625rem;
  height: 4.1875rem;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 10;
}

.ds-event-wrap .waypoint .step .area .w-point > div {
  display: none;
}

.ds-event-wrap .waypoint .step .area .w-point .point-count {
  color: #fff;
  font-size: 0.9375rem;
  padding-top: 1rem;
}

.ds-event-wrap .waypoint .step .area .w-point .point-count::after {
  content: "P";
  display: inline-block;
  margin-left: 0.125rem;
}

.ds-event-wrap .waypoint .step .area .w-point .point-today {
  width: 100%;
  height: 100%;
  position: relative;
}

.ds-event-wrap .waypoint .step .area .w-point .point-today::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/survey_oneday/bg_point_today.png") center/100%
    no-repeat;
}

.ds-event-wrap .waypoint .step .area .w-point .point-today .text {
  width: 4.375rem;
  background-color: #fff;
  border-radius: 0.5rem;
  border: 2px solid #a2d3d5;
  padding-top: 0.4375rem;
  padding-bottom: 0.8125rem;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -72%);
  transform: translate(-50%, -72%);
  z-index: -1;
}

.ds-event-wrap .waypoint .step .area .w-point .point-today .text > h5 {
  font-size: 0.71875rem;
  font-weight: 400;
  color: #754ce8;
  margin: 0;
  text-align: center;
  line-height: 1;
  margin-bottom: 0.125rem;
}

.ds-event-wrap .waypoint .step .area .w-point .point-today .text > p {
  font-size: 0.5625rem;
  text-align: center;
  margin: 0;
  line-height: 1;
  letter-spacing: -0.0625rem;
}

.ds-event-wrap .waypoint .step .area .w-point.complete {
  background-image: url("../images/survey_oneday/bg_point_complete.png") !important;
}

.ds-event-wrap .waypoint .step .area .w-point.complete .point-count {
  display: block;
}

.ds-event-wrap .waypoint .step .area .w-point.today {
  background-image: none !important;
}

.ds-event-wrap .waypoint .step .area .w-point.today .point-today {
  display: block;
}

.ds-event-wrap .waypoint .step .area .w-point.step1 {
  left: 10px;
  top: 64px;
  background: url("../images/survey_oneday/bg_point_step01.png") center/100%
    no-repeat;
}

.ds-event-wrap .waypoint .step .area .w-point.step2 {
  left: 113px;
  top: 56px;
  background: url("../images/survey_oneday/bg_point_step02.png") center/100%
    no-repeat;
}

.ds-event-wrap .waypoint .step .area .w-point.step3 {
  left: 210px;
  top: 67px;
  background: url("../images/survey_oneday/bg_point_step03.png") center/100%
    no-repeat;
}

.ds-event-wrap .waypoint .step .area .w-point.step4 {
  left: 245px;
  top: 154px;
  background: url("../images/survey_oneday/bg_point_step04.png") center/100%
    no-repeat;
}

.ds-event-wrap .waypoint .step .area .w-point.step5 {
  left: 150px;
  top: 185px;
  background: url("../images/survey_oneday/bg_point_step05.png") center/100%
    no-repeat;
}

.ds-event-wrap .waypoint .step .area .w-point.step6 {
  left: 46px;
  top: 187px;
  background: url("../images/survey_oneday/bg_point_step06.png") center/100%
    no-repeat;
}

.ds-event-wrap .waypoint .step .area .w-point.step7 {
  left: 48px;
  top: 265px;
  background: url("../images/survey_oneday/bg_point_step07.png") center/100%
    no-repeat;
}

.ds-event-wrap .waypoint .step .area .w-point.step8 {
  left: 150px;
  top: 292px;
  background: url("../images/survey_oneday/bg_point_step08.png") center/100%
    no-repeat;
}

.ds-event-wrap .waypoint .step .area .w-point.step9 {
  left: 249px;
  top: 316px;
  background: url("../images/survey_oneday/bg_point_step09.png") center/100%
    no-repeat;
}

.ds-event-wrap .waypoint .step .area .w-point.step10 {
  left: 230px;
  top: 413px;
  background: url("../images/survey_oneday/bg_point_step10.png") center/100%
    no-repeat;
}

.ds-event-wrap .waypoint .step .area .w-point.step11 {
  left: 133px;
  top: 416px;
  background: url("../images/survey_oneday/bg_point_step11.png") center/100%
    no-repeat;
}

.ds-event-wrap .waypoint .step .area .w-point.step12 {
  left: 32px;
  top: 436px;
  background: url("../images/survey_oneday/bg_point_step12.png") center/100%
    no-repeat;
}

.ds-event-wrap .waypoint .step .area .w-point.step13 {
  left: 88px;
  top: 521px;
  background: url("../images/survey_oneday/bg_point_step13.png") center/100%
    no-repeat;
}

.ds-event-wrap .waypoint .step .area .w-point.step14 {
  left: 196px;
  top: 521px;
  background: url("../images/survey_oneday/bg_point_step14.png") center/100%
    no-repeat;
}

.ds-event-wrap .waypoint .step .area .w-point.step15 {
  left: 250px;
  top: 599px;
  background: url("../images/survey_oneday/bg_point_step15.png") center/100%
    no-repeat;
}

.ds-event-wrap .waypoint .step .area .w-point.step16 {
  left: 146px;
  top: 627px;
  background: url("../images/survey_oneday/bg_point_step16.png") center/100%
    no-repeat;
}

.ds-event-wrap .waypoint .step .area .w-point.step17 {
  left: 38px;
  top: 650px;
  background: url("../images/survey_oneday/bg_point_step17.png") center/100%
    no-repeat;
}

.ds-event-wrap .waypoint .step .area .w-point.step18 {
  left: 16px;
  top: 747px;
  background: url("../images/survey_oneday/bg_point_step18.png") center/100%
    no-repeat;
}

.ds-event-wrap .waypoint .step .area .w-point.step19 {
  left: 119px;
  top: 767px;
  background: url("../images/survey_oneday/bg_point_step19.png") center/100%
    no-repeat;
}

.ds-event-wrap .waypoint .step .area .w-point.step20 {
  left: 229px;
  top: 774px;
  background: url("../images/survey_oneday/bg_point_step20.png") center/100%
    no-repeat;
}

.ds-event-wrap .notice {
  padding: 1.875rem 1.5rem;
}

.ds-event-wrap .notice h3 {
  font-size: 0.8125rem;
  font-weight: 700;
  color: #333;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
}

.ds-event-wrap .notice h3::before {
  content: "";
  width: 0.78125rem;
  height: 0.75rem;
  display: inline-block;
  background: url("../images/survey_oneday/ico_notice.png") center/100%
    no-repeat;
  margin-right: 0.375rem;
}

.ds-event-wrap .notice ul {
  padding-left: 1rem;
}

.ds-event-wrap .notice ul li {
  color: #4a4a4a;
  font-size: 1rem;
  margin-bottom: 1.25rem;
  position: relative;
}

.ds-event-wrap .notice ul li:last-child {
  margin-bottom: 0;
}

.ds-event-wrap .notice ul li::before {
  content: "·";
  position: absolute;
  left: -0.75rem;
  opacity: 0.5;
}

#animation_container {
  position: fixed;
  z-index: 1000;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100% !important;
  height: 100% !important;
  display: none;
}

#animation_container #canvas {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#animation_container .title {
  font-family: "Jalnan";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  color: #fff;
  font-size: 1.375rem;
  padding-top: 10rem;
  margin: 0;
  opacity: 0;
  -webkit-transition: all ease-in-out;
  transition: all ease-in-out;
}

#animation_container .title.ani {
  -webkit-animation-name: title;
  animation-name: title;
  -webkit-animation-duration: 1.8s;
  animation-duration: 1.8s;
  -webkit-animation-delay: 2.6s;
  animation-delay: 2.6s;
}

@-webkit-keyframes title {
  0% {
    -webkit-transform: translate(-50%, -30%);
    transform: translate(-50%, -30%);
    opacity: 0.3;
  }
  20% {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50%, -30%);
    transform: translate(-50%, -30%);
    opacity: 0;
  }
}

 /* **************************************** *
 * ST 2023.05.10 CJ event banner 
 * **************************************** */
 .ds-event-wrap .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;  
  width: calc(100% - 48px);
  margin: 0 auto;
 }
 .ds-event-wrap .btn-wrap img{
display: block;
width: 100%;
 }
 .ds-event-wrap .btn-wrap a {
  width: 100%;
 }
 .ds-event-wrap .btn-wrap a + a{
  margin-left: 12px;
 }
 .ds-event-wrap.banner01 {
  background-color: #f9f6ff;
 }
 .ds-event-wrap.banner02 {
  background-color: #ffffe8;
 }

 /* **************************************** *
 * ED 2023.05.10 CJ event banner 
 * **************************************** */
 
/* START 24.10.14 네이버페이 계정 선택 모달 */
.modal.radio-popup header {
  font-size: 1.2rem;
  font-weight: 400;
  padding-top: 1.5rem;
}

.modal.radio-popup section {
  padding: 1rem 3.125rem 1rem;
  font-weight: 400;
  min-width: 100%;
}
.modal.radio-popup section.first {
  margin-top: 1.2rem;
}
.modal.radio-popup section.last {
  margin-bottom: 1.2rem;
}

.modal.radio-popup .radio-popup-item {
  text-align: left;
}

.modal.radio-popup .radio-popup-item label span {
  margin-left: 0.75rem;
}

.modal.radio-popup .radio-popup-item .naverpoint {
  color: #2db400;
}
/* END 24.10.14 네이버페이 계정 선택 팝업 */
