@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
body {
  background: #f8f8f8;
  overflow-x: hidden;
}
* {
  /* font-family: 'Noto Sans KR', '나눔고딕', 'Malgun Gothic', '맑은 고딕', 'dotum', '돋움',
    'sans-serif' !important; */
  font-family: 'NanumSquare', 'Nanum Gothic', 'Noto Sans KR', '나눔고딕', 'Malgun Gothic',
    '맑은 고딕', 'dotum', '돋움', 'sans-serif' !important;
  /* font-family: SDGothicNeoa-cLt, "Sandoll GothicNeo1 03 Lt"; letter-spacing: -0.02em !important; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.award_content * {
  -webkit-text-stroke: 0.05vw;
}

/* common */
.align-items-center {
  display: flex;
  align-items: center;
}

.width-100 {
  width: 100%;
}

/* common */

.template {
  display: none;
}

.popup.share {
  width: 80%;
  background: 0 0;
}

.popup {
  display: none;
  position: fixed;
  top: 35%;
  left: 50%;
  width: 75%;
  margin: -25% 0 0 -40%;
  background: #fff;
  z-index: 2;
  border-radius: 10px;
  font-size: 4vw;
  z-index: 100;
  border-radius: 10px;
  font-size: 4vw;

  /* ios fixed 0 */
  transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

.btn-open-share {
  position: absolute;
  top: 2%;
  right: 3%;
  width: 12%;
  height: 18%;
}

.btn-link-free {
  position: absolute;
  bottom: 13%;
  right: 10%;
  width: 80%;
  height: 18%;
}

.btn-close-share {
  position: absolute;
  top: 0;
  right: 0;
  width: 25%;
  height: 29%;
}

.btn-share-fb {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 71%;
}

.btn-share-kakao {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 71%;
}

.audition-content {
  width: 100%;
  margin-bottom: 20px;
}

.video-container {
  position: relative;
  margin-bottom: 5px;
}

.popupBlock {
  display: none;
  background-color: black;
  opacity: 0.5;
  width: 100%;
  height: 120%;
  position: fixed;
  top: -10%;
  z-index: 50;
}

.reply-container {
  width: 98%;
  padding: 1%;
}

.top-containter {
  display: flex;
}

.top-containter .top-menu {
  flex: 0 0 50%;
  font-size: 80%;
  color: #a5a5a5;
  text-align: center;
  line-height: 13vw;
  height: 13vw;
}

.top-containter .top-menu.active {
  color: #303552;
  font-weight: bold;
}

.popup-content .content-container--frame {
  position: relative;
  width: 50%;
  display: inline-block;
}

.popup-content .content-container--frame.agree .description {
  height: 25vw;
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  padding: 0 10%;
  line-height: 1.5;
  background-color: #303552;
}

.popup-content .content-container--frame.regist .description {
  height: 12vw;
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  padding: 0 3%;
  line-height: 12vw;
  background-color: #303552;
}

.popup-content .content-container--frame .description p {
  color: white;
}

.popup-content .content-container--frame.agree .description .title {
  font-weight: bold;
  font-size: 90%;
}

.popup-content .content-container--frame.regist .description .title {
  font-weight: bold;
  font-size: 95%;
}

.popup-content .content-container--frame .description .sub {
  font-size: 3.2vw;
}

.popup-content .content-container--frame .content {
  background-color: #f6f6f6;
  padding: 5vw;
  line-height: 1.5;
  font-size: 3vw;
}

.popup-content .content-container--frame .content ul {
  padding-left: 1vw;
}

.popup-content .content-container--frame .content li {
  list-style: circle;
  font-size: 2.8vw;
}

.popup-content .content-container--frame .content .center {
  text-align: center;
  font-weight: bold;
  padding-top: 3vw;
}

.popup-content .agree .button-container {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  height: 25vw;
}

.popup-content .regist .button-container {
  position: relative;
  height: 11vw;
  width: 50%;
  margin: 3vw auto;
  padding: 0;
}

.popup-content .regist .button-container .btn-submit-audition {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.popup-content .button-container button {
  flex: 0 0 46%;
  height: 10vw;
  border-radius: 1.3vw;
}

.popup-content .button-container .btn-agree {
  background: #007aff;
  color: white;
}

.popup-content .button-container .btn-no-agree {
  background: #d6d6d6;
  color: #828282;
}

.form-container {
  display: flex;
  flex-direction: column;
  background-color: #f6f6f6;
  padding: 3vw;
}

.form-container .row {
  height: 10vw;
  background: white;
}

.form-container .row.height2 {
  height: 20vw;
}

.form-container .row > * {
  border: 1px solid #eeeeee;
  border-bottom: 0px;
  height: 100%;
  font-size: 3vw;
  font-weight: bold;
}

.form-container .row > *:nth-child(2) {
  border-left: 0px;
}

.form-container .row .label {
  flex: 0 0 26%;
  padding-left: 2%;
}

.form-container .row .label * {
  color: black;
}

.form-container .row .input-container {
  flex: 0 0 72%;
}

.form-container .row .input-container label {
  display: flex;
  justify-content: center;
  align-items: center;
}

.form-container .row .input-container.sub-container {
  flex-direction: column;
  flex: 0 0 72%;
}

.form-container .row .input-container.sub-container .row {
  height: 10vw;
  background: white;
  width: 100%;
}

.form-container .row .input-container.sub-container .row:first-child {
  border-bottom: 1px solid #eeeeee;
}

.form-container .row .input-container.sub-container .row > * {
  height: 10vw;
  background: white;
  border: 0;
}

.form-container .row .input-container.sub-container .label {
  border-right: 1px solid #eeeeee;
}

.form-container .row .input-container.sub-container .label span {
  text-align: center;
  width: 100%;
}

.form-container .row .input-container.sub-container .input-container {
  flex: 0 0 70%;
  border: 0;
}

.form-container .row input,
.form-container .row select {
  margin-left: 3%;
  background: #f6f6f6;
  border: 1px solid #eeeeee;
  padding: 0 3%;
  height: 65%;
}

.form-container .row .input-container .input-name {
  width: 88%;
}

.form-container .row .input-container .input-three {
  flex: 0 0 23%;
}

.regist.regist.container-side-padding .info-container {
  background-color: #f6f6f6;
  padding: 0 5vw 5vw;
  line-height: 1.5;
  font-size: 3vw;
}

.info-container.audition-info {
  line-height: 1.7;
  padding: 0;
  background: #f6f6f6;
}

.info-container .audition-info-text {
  line-height: 1.7;
  padding: 0 5vw 5vw;
  background: #54484c;
  text-align: justify;
}

.info-container .audition-youtube-info-text {
  line-height: 1.7;
  padding: 0 5vw 5vw;
  background: #50508c;
  text-align: justify;
}

.info-container.event-info {
  line-height: 1.7;
  padding: 0;
  background: #f6f6f6;
}

.info-container .event-info-text {
  line-height: 1.7;
  padding: 0 5vw 5vw;
  background: #003aa5;
}

.event-info {
  color: #fff;
}

.info-container .info-title {
  font-weight: bold;
}

.info-container ul {
  margin-left: 4vw;
}

.info-container li {
  list-style: circle;
  font-size: 3.4vw;
  color: #ffffff;
}

.regist.container-side-padding > * {
  padding: 3vw;
}

.category-radio-image {
  width: 4vw;
  margin-left: 2vw;
  margin-right: 1vw;
}

.input-hidden {
  display: none;
}

.changeMenu {
  width: 20%;
}
.changeMiddleMenu {
  width: 25%;
}
/* .middle-menu-btn.selected::after {
  position: absolute;
  bottom: -0.1vw;
  left: calc(50% - 13.6vw);
  content: ' ';
  height: 0;
  z-index: -1;
  width: 27vw;
  border-bottom: 10.85vw solid;
  color: #30e4c1;
  transform: skew(172deg);
} */

.changeEventMiddleMenu,
.changeSummaryMiddleMenu {
  width: 50%;
}

.middle-event-menu-btn,
.middle-summary-menu-btn,
.middle-menu-btn {
  position: relative;
  float: left;
  height: 100%;
  cursor: pointer;
  /* width: 49.5%; */
  width: 33%;
  line-height: 205%;
  color: #e7e9ff;
  font-weight: bold;
  border: 1px solid #a7b1ff;
  text-align: center;
  height: 83%;
  margin-top: 0.5%;
  box-sizing: border-box;
  font-size: 3.4vw;
}

.middle-popup-btn {
  position: relative;
  float: left;
  height: 100%;
  cursor: pointer;
  width: 50%;
  line-height: 205%;
  color: #e7e9ff;
  font-weight: bold;
  text-align: center;
  height: 83%;
  box-sizing: border-box;
  font-size: 4.2vw;
}
.middle-event-menu-btn:nth-child(2),
.middle-summary-menu-btn:nth-child(2),
.middle-menu-btn:nth-child(2) {
  /* border-left: none; */
  margin-left: 0.5%;
  margin-right: 0.5%;
}

.middle-line {
  border-left: 1px solid #ffffff;
  height: 60%;
  margin: 0 5px;
}

.title-container {
  position: absolute;
  top: 3%;
  left: 0%;
  font-size: 4vw;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.title-container .title.text {
  display: inline-block;
  color: white;
}

.title-container .title.white-text {
  display: inline-block;
  color: white;
}

.title-container .title.subject {
  display: inline-block;
  color: white;
}

.image-w20 {
  width: 20%;
  display: block;
}

/* replay css start */

.award_win_mainList {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.award_win_mainList > img {
  width: 100%;
  max-width: 720px;
}
.award_win_mainListLink {
  width: 100%;
  display: flex;
  justify-content: center;
  /* align-items: center; */
  flex-direction: column;
  position: absolute;
  height: 1850vw;
  top: 1.6%;
  left: 0px;
}
.award_win_mainListLink > div {
  /* background: rgba(0, 128, 0, 0.1); */
  width: 100%;
  /* height: 300px; */
  height: 3%;
  max-width: 720px;
  /* height: 294.1px; */
}
.award_win_mainListLink > .wins {
  /* height: 368px !important; */
  height: 3.8% !important;
  margin-bottom: 9.2%;
}
.award_win_mainListLink > .martop {
  /* height: 368px !important; */
  margin-top: 9%;
}

.middlemenu {
  width: 93.1%;
  display: block;
  height: 9vw;
  position: absolute;
  top: 16vw;
  margin-left: 3.5%;
  overflow: hidden;
}

.bottommenu {
  width: 100%;
  display: block;
  height: 50px;
  height: 14vw;
  font-size: 4.3vw;
  position: relative;
  background: #f5f3f4;
}

.top-menu-btn-award {
  position: relative;
  float: left;
  height: 100%;
  cursor: pointer;
  line-height: 250%;
  color: #fff;
  /* color: #6c85ff; */
  font-weight: bold;
  font-size: 4.6vw;
}

.versionTestDiv {
  transform: scale(1);
}
.top-menu-btn-award.selected,
.middle-popup-btn.selected {
  font-weight: bold;
  /* text-decoration: underline;
  text-underline-position: under; */
  position: relative;
  color: #fffc00 !important;
}
.middle-menu-btn.selected,
.middle-event-menu-btn.selected,
.middle-summary-menu-btn.selected {
  color: #fffc00;
  font-weight: bold;
  position: relative;
  border: 1px solid #e8e60d;
}

.doStick2019 {
  background-color: #dedede;
  cursor: pointer;
  padding: 5%;
}

.rank-container {
  width: 100%;
  position: relative;
}

.vote-container {
  width: 100%;
}
.vote-container .award-sector-top {
  background: linear-gradient(to right, #144daf, #30e4c1);
  color: #fbfbfb;
  font-weight: bold;
  font-size: 5.8vw;
  text-align: center;
  padding: 5.5%;
}

.award-sector-middle {
  display: flex;
  background-color: #fbfbfb;
  padding-bottom: 5%;
}
.award-sector-middle-container {
  width: 50%;
  box-sizing: border-box;
  position: relative;
  /* height: 5vw; */
}
.award-arti-img-div {
  width: 65%;
  height: 32.5vw;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 50%;
  border: 0.5vw solid #ebebeb;
  position: relative;
  cursor: pointer;
}
.award-arti-img {
  width: 150%;
  margin-left: -25%;
  margin-top: -3%;
  cursor: pointer;
}
.award-arti-1st {
  width: 15%;
  margin-left: 10%;
}
.award-arti-star {
  width: 8%;
  position: absolute;
  top: 32.3%;
  left: 30%;
}
.award-arti-stick {
  font-size: 3.4vw;
  color: #313131;
  position: absolute;
  top: 33%;
  left: 40%;
}
.award-arti-rate-div {
  position: absolute;
  background-color: #ff539b;
  width: 23%;
  height: 11.2vw;
  border-radius: 50%;
  left: 10%;
  top: 19%;
}
.award-arti-rate-div span {
  color: #fff;
  display: block;
  float: left;
}
.award-arti-rate-div span:first-child {
  font-size: 3.2vw;
  margin-top: 29%;
  margin-left: 19%;
}
.award-arti-rate-div span:nth-child(2) {
  font-size: 2vw;
  margin-top: 40%;
  -webkit-text-stroke: 0;
  margin-left: 2%;
}
.award-arti-info {
  position: relative;
  margin-bottom: 12%;
}
.award-arti-name {
  color: #313131;
  font-size: 3.7vw;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 280%;
  margin: 0 auto;
  width: 80%;
  text-align: center;
}

/* progress {
  height: 0.8vw;
  width: 100%;
  -webkit-appearance: none;
}
progress::-webkit-progress-bar {
  background-color: #ebebeb;
}
progress::-webkit-progress-value {
  background-color: #03f;
} */

.award-sector-bottom-container * {
  color: #313131;
}
.award-bottom-rate-stick * {
  -webkit-text-stroke: 0;
}
.award-bottom-arti-name {
  color: #313131;
  font-size: 3.3vw;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 265%;
  width: 69%;
  padding-top: 4.3%;
}
.award-bottm-rate,
.award-bottom-stick {
  font-size: 3vw;
  line-height: 220%;
}
.award-bottom-star {
  width: 7%;
  /* vertical-align: text-bottom; */
  margin-bottom: -1%;
  margin-right: 0.3%;
}
.go-vote-page {
  width: 30%;
  height: 8.5vw;
  float: right;
  cursor: pointer;
}
.vote-info-container {
  display: flex;
  flex-direction: column;
  text-align: center;
  background-color: #fbfbfb;
  padding: 5% 0;
}
.vote-info-container p:first-child {
  font-size: 3.5vw;
  font-weight: bold;
  padding-bottom: 3.5%;
  letter-spacing: 0.5px;
}
.vote-info-container p:first-child .votedate2019::before {
  content: '  |  ';
  font-size: 3.3vw;
}

.vote-info-container * {
  color: #313131;
}
.vote-info-container p:nth-child(2) {
  font-size: 10vw;
  font-weight: bold;
}
.vote-info-popup {
  width: 22%;
  margin-top: 3%;
  cursor: pointer;
}

.summary-container,
.vote-container,
.event-container {
  position: absolute;
  /* overflow: hidden; */
  top: 28vw;
  width: 93%;
  margin-left: 3.5%;
  margin-bottom: 5%;
}

.rank-banner-container img,
.rank-share-container img {
  cursor: pointer;
}
.rank-share-container {
  margin: 7% 0 10%;
  text-align: center;
}
.rank-share-sns {
  width: 10%;
}
.rank-share-sns-vote {
  width: 17%;
  vertical-align: middle;
  margin-bottom: 1%;
  cursor: pointer;
}

.artist-vote-after-sns {
  font-size: 3.3vw;
  border-top: 1px solid #ebebeb;
  margin: 0 auto;
  width: 80%;
  padding: 5% 3%;
  position: relative;
  font-weight: bold;
  color: #707070;
}
.artist-vote-before-mystar {
  border-top: 1px solid #000;
  margin: 0 auto;
  width: 82%;
  padding: 2% 0;
  position: relative;
}
.mypossible-star-count,
.my-have-star {
  float: right;
  font-size: 4vw;
  color: #000;
}
.mypossible-star-count {
  color: #ff0000;
}
.my-have-star {
  color: #000;
}
.shareKakao {
  margin-right: 3%;
  background-color: #fff;
  opacity: 0;
}
.shareFB {
  background-color: #fff;
  opacity: 0;
}
.rank-banner:first-child {
  margin-bottom: 1%;
}

.myvote-container {
  width: 100%;
  margin: 0 auto;
  background: #fff;
  padding: 7% 0 15%;
  position: relative;
}

.myvote-possible-star {
  background-color: #144daf;
  padding: 2% 3% 2.5%;
  border-radius: 5px;
  text-align: center;
  width: 65%;
  color: #fff;
  font-size: 3.6vw;
  margin: 0 auto;
  line-height: 220%;
}

.myvote-possible-star img {
  width: 11%;
  margin-bottom: -3%;
}

#myvote {
  border-top: 1px solid #ebebeb;
}
.vote-info-popup-container,
.vote-certify-popup-container {
  display: none;
  position: fixed;
  z-index: 999;
  height: 101%;
  overflow-y: scroll;
  width: 100%;
  background-color: #fff;
}

.vote-info-popup-container-fixed,
.vote-certify-popup-container-fixed {
  position: fixed;
  z-index: 999;
  width: 100%;
  /* overflow: hidden; */
}
.vote-info-sub-container {
  position: relative;
  top: 28vw;
  width: 90%;
  padding: 5%;
  margin-bottom: 10%;
}

.award-popup-close {
  width: 16%;
  height: 50%;
  margin-top: 6%;
  text-align: center;
  right: 0;
  top: 0;
  cursor: pointer;
  position: absolute;
}
.award-popup-close img {
  width: 34%;
}
.vote-info-popup-title {
  position: absolute;
  width: 60%;
  margin-left: 20%;
  top: 20%;
}
.artist-stick-name {
  color: #000;
  font-weight: bold;
}

#artist-vote-stick {
  display: none;
  position: fixed;
  z-index: 999;
  width: 86%;
  background-color: #fff;
  left: 7%;
  top: 8%;
  box-shadow: 1px 1px 20px 1px #3e3e3e;
}
.artist-vote-stick-header {
  width: 100%;
  background-color: #03f;
  height: 11vw;
  color: #fff;
  font-size: 4.3vw;
  text-align: center;
  line-height: 258%;
  position: relative;
}
.artist-vote-stick-middle-top {
  width: 82%;
  margin: 0 auto;
  padding: 2% 0;
  text-align: center;
}
.artist-vote-stick-middle-top p {
  color: #000;
  font-size: 5.3vw;
  margin: 7% 0;
}
.artist-vote-stick-count {
  display: inline-block;
  font-size: 3.5vw;
  line-height: 230%;
}
.artist-vote-stick-number {
  padding: 0;
  width: 100%;
  font-size: 6vw;
  /* height: 13vw; */
  font-weight: bold;
  text-align: center;
  border: 1px solid #ededed;
  color: #000;
}
.artist-vote-stick-button {
}

.artist-vote-mystar-after p {
  font-size: 5vw !important;
  font-weight: bold;
}
.artist-vote-mystar {
  width: 100%;
  color: #707070;
  font-size: 3.3vw;
  line-height: 295%;
  position: relative;
}
.artist-vote-mystar-after {
  width: 100%;
  display: inline-block;
  color: #707070;
  font-size: 3.3vw;
  line-height: 295%;
}
.artist-vote-mystar-after img {
  width: 13%;
  margin-bottom: -5.5%;
}
.artist-vote-mystar img {
  width: 12%;
  position: absolute;
  top: 24%;
  left: 5%;
}
.artist-vote-stick-middle-bottom {
  width: 70%;
  margin: 0 auto;
}
#artist-vote-do-stick {
  cursor: pointer;
  margin-top: 5%;
}
.myvote-ul {
  width: 100%;
}
.myvote-ul-li {
  border-top: 2px solid #7c7c7c;
  border-bottom: 1px solid #7c7c7c;
  position: relative;
  background-color: #f8f8f8;
  color: #000;
  float: left;
  height: 100%;
  cursor: pointer;
  padding: 3.5% 0;
  font-size: 3.4vw;
  text-align: center;
  width: 27%;
}
.myvote-ul-li:first-child,
.myvote-ul-li-data:first-child {
  width: 43%;
  text-align: left;
  padding-left: 3%;
}
.myvote-ul-li-data {
  position: relative;
  background-color: #fff;
  color: #7d7d7d;
  float: left;
  height: 100%;
  cursor: pointer;
  padding: 3.5% 0;
  font-size: 3vw;
  text-align: center;
  width: 27%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
}

.myvote-log ul {
  display: flex;
  flex-direction: row;
}

.artist-vote-possible-star {
  /* display: inline-block; */
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.artist-vote-possible-star p {
  line-height: 200%;
  font-size: 4vw;
  color: #000;
  font-weight: bold;
}
.artist-vote-possible-star img {
  width: 6.5%;
  height: 100%;
  margin-bottom: -2.8%;
}
.artist-vote-possible-star-left {
}

.artist-vote-after-view {
  display: none;
}

#device-certify {
  background-image: url('http://image.soribada.com/image/event/promotion/190702_2019awards/01_mobile/m_btn_certify.png');
  background-repeat: no-repeat;
  background-size: 100%;
  width: 80%;
  height: 14.5vw;
  position: relative;
}

#deviceCheck {
  display: none;
}
#deviceCheck + label {
  color: #313131;
}

#deviceCheck + label span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -2px 10px 0 0;
  vertical-align: middle;
  background: url('http://image.soribada.com/image/feed/msoribada/checkbox_off.svg') no-repeat;
  cursor: pointer;
}

#deviceCheck:checked + label span {
  background: url('http://image.soribada.com/image/feed/msoribada/checkbox_on.svg') no-repeat;
}

.rank-more-btn,
.myvote-more-btn,
.go-ticket-page,
.award-popup-close-ref {
  cursor: pointer;
}

.eventContainerDivPosition {
  position: relative;
}
.shareSnsEvent1 {
  position: absolute;
  width: 82%;
  left: 9%;
  cursor: pointer;
}
.shareKaKaoEvent1 {
  bottom: 7%;
  height: 39%;
}
.shareFbEvent1 {
  bottom: 26%;
  height: 68%;
}

.award-event2-container {
  position: relative;
}
.event2-info-container ul li {
  color: #000;
  padding: 2% 0;
}
.event2-info-container {
  /* background-color: #bedcff; */
  background-color: #fff;
}
.event2-youtube-frame {
  position: absolute;
  top: 28%;
  width: 87.6%;
  height: 17.8%;
  left: 5.8%;
  border: 1px solid #757575;
}
.award-event2-menu-change {
  position: absolute;
  width: 50%;
  height: 37.3%;
  top: 25%;
  box-sizing: border-box;
  cursor: pointer;
}

.container.menu {
  height: 11vw;
  top: 3.5vw;
  position: absolute;
  width: 92%;
  margin-left: 3%;
}

.image-w90 {
  width: 87%;
  margin-left: 6.5%;
  position: relative;
  padding: 3% 0 10%;
}
.summary-main {
  position: relative;
  width: 100%;
  background-color: #fff;
}
.summary-main-poster {
  position: absolute;
  width: 66%;
  margin-left: 17%;
  top: 4.8vw;
}
.vote-main {
  position: relative;
  width: 68%;
  margin: 5% 0 3% 16%;
}

.summary-live-btn{
  position: absolute;
  width: 41%;
  cursor: pointer;
}
.idol-live-btn1{
  left: 52.2%;
  top:67.6%;
}
.idol-live-btn2{
  left: 52.2%;
  top:71.6%;
}
.ticktok-live-btn1{
  top:67.6%;
  left: 7.6%;
}
.ticktok-live-btn2{
  left: 7.6%;
  top:71.6%;
}
.watch-info{
  cursor: pointer;
  position: absolute;
  top:56.8%;
  right: 7%;
  width: 22%;
}

.vote-main-banner {
  position: relative;
  width: 84%;
  margin: 0 0 3% 8%;
  cursor: pointer;
}
.vote-main-logo {
  position: absolute;
  left: 4vw;
  top: 4vw;
  width: 8.3%;
  z-index: 1;
}
.vote-main-share {
  position: absolute;
  top: 6%;
  width: 12%;
  right: 3%;
  cursor: pointer;
}
.dday-container {
  width: 71%;
  margin: 0 auto;
  position: absolute;
  overflow: hidden;
  top: 42%;
  margin-left: 14.5%;
}
.dday-container .dday-img {
  /* height: 22.4vw; */
  width: 38%;
  float: left;
}
.dday-date-img {
  width: 28.4%;
  float: left;
  /* height: 22.4vw; */
}
.dday-container img:first-child {
  margin-right: 3%;
}
.dday-container img:nth-child(2) {
  margin-right: 2%;
}
.dday-during {
  width: 30%;
}
.during-container {
  width: 62%;
  margin: 0 auto;
  position: relative;
}
.vote-check-container {
  padding-top: 1%;
  width: 88%;
  margin: 0 auto;
  margin-bottom: 5%;
  position: relative;
}
.soba-charater {
  position: absolute;
  width: 20%;
  top: 89vw;
  right: -3.5%;
  z-index: 1;
}
.width-60 {
  width: 60%;
}
.vote-detail-popup {
  margin: 6% 20% 10%;
  cursor: pointer;
}
.notice-link {
  position: absolute;
  top: 28vw;
  left: 32%;
  width: 37%;
  height: 6vw;
}
.vote-award-container {
  padding-top: 9%;
  width: 88%;
  margin: 0 auto;
  position: relative;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding-bottom: 8%;
  margin-bottom: 5%;
}
.vote-award-artists {
  width: 100%;
  box-sizing: border-box;
  margin: 8% 0 5%;
  padding: 0 1%;
  overflow: hidden;
}
.award-artists-sub {
  float: left;
  box-sizing: border-box;
  /* width: 47%; */
  width: 34.7%;
  position: relative;
  cursor: pointer;
}
.award-artists-sub:nth-child(2n) {
  margin-left: 6%;
}
.award-artists-lineup{
  float: left;
  box-sizing: border-box;
  width: 47%;
  /* width: 34.7%; */
  position: relative;
  cursor: pointer;
  margin-bottom: 3%;
}
.award-artists-lineup2{
  margin-left: 6%;
}
.award-lineup-aname{
  width: 100%;
  font-size: 3.7vw;
  color: #000;
  text-align: center;
  line-height: 230%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.award-artist-img-container {
  width: 100%;
  overflow: hidden;
  border-radius: 15% 1%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  border: 1px solid #dedede;
}
.award-artist-img-container::after {
  content: '';
  display: block;
  padding-bottom: 100%;
}
.width-94 {
  width: 94%;
  margin-left: 3%;
}
.award-artist-name {
  font-weight: bold;
  font-size: 4vw;
  line-height: 175%;
  display: inline-block;
  color: #000;
  width: 89%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.artists-more,
.myvote-more-container {
  width: 65%;
  position: relative;
  margin: 0 auto;
  cursor: pointer;
}
.award-play-song {
  cursor: pointer;
  position: absolute;
  width: 30%;
  right: 3%;
  bottom: 29%;
  z-index: 9;
}
.sharePopup {
  display: none;
  position: fixed;
  width: 78%;
  left: 50%;
  top: 42%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 999;
  background-color: #fff;
  box-shadow: 1px 1px 15px 1px #949494;
}
.mail-to-awards {
  position: absolute;
  bottom: 2%;
  left: 31%;
  height: 6vw;
  width: 36%;
  background: #fff;
  opacity: 0;
  cursor: pointer;
}

.banner-conainer {
  width: 88%;
  margin: 0 0 5% 6%;
  padding-bottom: 5%;
}
.award-vote-notice {
  width: 98%;
  margin-left: 1%;
  margin-top: 3%;
}
.summary-charater {
  position: absolute;
  top: 2.8%;
  right: -3%;
  width: 24%;
}
.summary-lineup-charater{
  position: absolute;
  /* top: 4.7%; */
  top: 28vw;
  right: -3%;
  width: 21%;
}

.vote-artists-container {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  margin-bottom: 6%;
}
.vote-artist-info-container {
  width: 61%;
  box-sizing: border-box;
  margin-left: 4%;
  float: left;
}
.vote-artist-info-container .artist-like {
  position: absolute;
  top: 15%;
  display: inline-block;
  right: 0;
  padding: 2% 0 2% 3%;
  width: 7.8%;
}
.vote-artist-info-container .vote-artists-p {
  width: 100%;
  position: relative;
  box-sizing: border-box;
}
.vote-artists-p .vote-artists-star {
  width: 8%;
  display: inline-block;
  position: absolute;
  top: 22.5%;
}
.vote-artists-p .vote-artits-acc {
  color: #000;
  font-weight: bold;
  display: inline-block;
  margin-left: 8.5%;
  line-height: 185%;
  font-size: 3.5vw;
}
.vote-artists-p .vote-artits-rate {
  color: #bdbdbd;
  display: inline-block;
  line-height: 185%;
  font-size: 3.5vw;
  position: absolute;
  right: 0;
}
.artigo {
  cursor: pointer;
}
.vote-artists-p .vote-artist-btn {
  width: 48%;
  cursor: pointer;
}
.vote-artists-p .artist-pop-vote {
  float: right;
}
.vote-artist-progress {
  height: 0.85vw;
  margin: 1.5% 0;
  background: #eeeeee;
}
.vote-artist-progress-color {
  background: #0033ff;
  height: 0.85vw;
}
.award-artist-rank-contents {
  position: absolute;
  top: 0;
  left: 6%;
  width: 22%;
}

.award-artist-ranking {
  position: absolute;
  width: 100%;
  display: inline-block;
  line-height: 250%;
  text-align: center;
  font-size: 2.8vw;
  font-weight: bold;
  color: #fff;
}
.vote-popup-close {
  margin-top: 1% !important;
}
.stick-after-star {
  color: #000;
  font-weight: bold;
}
.my-vote-container {
  width: 70%;
  margin: 0 auto;
  position: relative;
  padding: 5% 0;
}
.vote-result-container{
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 0;
}
.width-86 {
  width: 86%;
  position: relative;
  margin-left: 7%;
}
.my-vote-star-container {
  margin-top: 5%;
  width: 100%;
  position: relative;
}

.my-vote-possible-img {
  position: relative;
  top: 31%;
  left: 5%;
  width: 46%;
}
.my-vote-used-img {
  position: relative;
  top: 27.5%;
  left: 5%;
  width: 39.2%;
}
.my-vote-info-contents {
  position: absolute;
  top: 0;
  width: 100%;
  height: 10vw;
}
.my-vote-possible-star {
  float: right;
  line-height: 250%;
  margin-right: 5%;
  color: #ff0000;
  font-size: 3.6vw;
}
.my-vote-used-star {
  float: right;
  line-height: 250%;
  margin-right: 5%;
  color: #000;
  font-size: 3.6vw;
}
.my-vote-character {
  position: absolute;
  width: 20%;
  top: 22vw;
  right: -3.5%;
  z-index: 1;
}
.vote-result-btn{
  width: 50%;
  position: absolute;
  left: 25%;
  z-index: 1;
  cursor: pointer;
}
.vote-result-btn.result-jbtn{
  top:24.9%;
}
.vote-result-btn.result-mbtn{
  top:42.8%;
}
.vote-result-btn.result-wbtn{
  top:60.7%;
}
.vote-result-btn.result-cbtn{
  top:78.5%;
}
.vote-result-btn.result-sbtn{
  top:96.4%;
}

.vote-result-character{
  position: absolute;
  width: 25%;
  top: 39vw;
  right: -3.5%;
  z-index: 1;
}
.my-vote-log-container {
  width: 88%;
  margin: 0 auto;
  padding-top: 2%;
}
.lineup-main{
  width: 84%;
  margin-left: 8%;
  padding-top: 13%;
  margin-bottom: 5%;
  position: relative;
}
.lineup-container{
  position: relative;
  width: 84%;
  padding: 3% 0 0;
  margin: 0 auto;
  overflow: hidden;
}
.lineup-arti-container{
  margin: 7% 2%;
  width: 96%;
}
.vote-result-arti{
  position: absolute;
  width: 50%;
  left: 25%;
  height: 45vw;
  background-color: #fff;
  opacity: 0;
}
.vote-result-arti1{
  top: 12.5%;
}
.vote-result-arti2{
  top: 30.5%;
}
.vote-result-arti3{
  top: 48.2%;
}
.vote-result-arti4{
  top: 66.1%;
}
.vote-result-arti5{
  top: 84.1%;
}
.myvote-ul-li img {
  position: absolute;
  width: 17%;
  right: 24.3%;
  top: 29%;
}
.not-vote-user {
  color: #313131;
  width: 100%;
  text-align: center;
  font-size: 3.3vw;
  margin: 7% 0;
}
.artist-vote-info-container {
  width: 100%;
  margin: 0 auto;
  padding: 4% 0;
  position: relative;
  border-top: 1px solid #e7e7e7;
  margin-top: 3%;
}
.artist-vote-info-container p {
  color: #1d1d1d;
  font-size: 3.5vw;
  line-height: 150%;
}
#artist-vote-do-stick {
  background: url('http://image.soribada.com/image/awards2020/2nd/img_m_votepopup_btn_on.png');
  background-size: 100%;
  width: 100%;
  height: 13vw;
  background-repeat: no-repeat;
}
.vote-star-icon {
  color: #ffc300;
}
.vote-before-info-span {
  color: #000;
}
.after-popup-close {
  margin-bottom: 3%;
}
.go-banner-link {
  margin-bottom: 2%;
  cursor: pointer;
}
.go-banner-page {
  margin-bottom: 3%;
}
.summary-banner {
  position: absolute;
  background-color: #fff;
  width: 87%;
  margin-left: 7%;
  height: 12vw;
  opacity: 0;
  cursor: pointer;
}
.summary-banner-idol {
  top: 65.4%;
}
.summary-banner-celeb {
  top: 67.9%;
}
.summary-banner-star {
  top: 82.3%;
  /* top: 82%;
  opacity: 1;
  height: 16vw; */
}
#event-cover-list {
  position: relative;
  width: 94%;
  padding: 3%;
  background: #fff;
}
#eventList {
  width: 90%;
  margin: 0 auto;
}
.event-list-top {
  color: #fffc00;
  text-align: center;
  font-size: 4.5vw;
}
.event-list-container {
  position: relative;
  width: 100%;
  padding-bottom: 5%;
  margin: 0 auto;
}
.event-list-banner {
  position: relative;
  /* border-right: 1px solid #d5d5d5;
  border-left: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5; */
  /* box-shadow: 0px 0px 10px 0px #e6e6e6; */
}
.event-list-banner p {
  font-size: 3.3vw;
  padding: 1.5% 4% 1.5% 0;
}
.event-list-banner p:first-of-type {
  font-size: 4vw;
  color: #000;
  font-weight: bold;
  padding-top: 3%;
}
.event-list-banner p:nth-of-type(2) {
  font-size: 3.1vw;
  color: #7d7d7d;
  padding-bottom: 4%;
}
.event-list-go-page {
  position: absolute;
  width: 26%;
  bottom: 23.5%;
  right: 4%;
  cursor: pointer;
}
.event-main-img {
  margin: 12% 0 6%;
}
.event-character {
  position: absolute;
  right: 0;
  width: 18%;
  top: 17%;
  z-index: 1;
}

.video-container {
  position: absolute;
  top: 2%;
  left: 4%;
  width: 92%;
  /* height: 20.5%; */
  height: 48vw;
}
.watch-info-popup{
  position: fixed;
  width: 100%;
  background-color: #fff;
  z-index: 3;
  height: 100%;
  display: none;
}
.watch-info-popup-header{
  background: #2844ff;
  /* padding: 3% 0; */
}
.watch-info-popup-container{
  width: 88%;
  padding:1% 6%;
}
.watch-info-header-img{
  width: 65%;
  margin-left: 17%;
  padding: 5% 0 3%;
}
.watch-btn{
  position: relative;
  width: 48%;
  cursor: pointer;
}
.watch-idol-btn{
  margin-right: 2%;
}
.award-result-main{
  width: 86%;
  padding: 14% 0 6%;
  margin-left: 7%;
}
.awardResult-charater {
  position: absolute;
  width: 24%;
  top: 37vw;
  right: -3.7%;
  z-index: 1;
}
.awards-winner-container{
  position: relative;
  width: 86%;
  margin: 0 auto;
  padding-top: 10%;
}
.awards-icon{
  width: 10%;
  float: left;
  margin-right: 2%;
}
.awards-title-container{
  float: left;
  width: 80%;
}
.awards-title-container .awards-name{
  color: #0066ff;
  font-size: 4.5vw;
  line-height: 130%;
  font-weight: bold;
}
.awards-title-container .awards-sub-name{
  line-height: 120%;
  color: #bbb;
  font-weight: bold;
  font-size: 2vw;
  margin-left: 0.5%;
}
.awards-swipe-container{
  /* border: 0.3vw solid #06f; */
  width: 86%;
  margin: 0 auto;
  position: relative;
  /* margin-top: 2.5%; */
}
.swiper-pagination-bullet,
.swiper-pagination-bullet-active {
  width: 1.5vw !important;
  height: 1.5vw !important;
  margin: 3% 1.3% 2% !important;
}
.awards-2020-winner-container{
  position: relative;
  padding-bottom: 10%;
}
.swiper-slide img{
  width: 100% !important;
  /* border: 0.3vw solid #06f !important; */
}
.awards-photos{
  padding-bottom: 8% !important;
}
.award-artist-container{
  position: absolute;
  z-index: 2;
  width: 57%;
  /* top: 66.6%; */
  bottom: 11%;
  right: 0;
}
.award-artist-container .awards-arti-img{
  width: 18%;
  border-radius: 50%;
  height: 8.1vw;
  right: 5%;
  top: 13%;
  position: absolute;
  background-size: 150%;
  background-position: center;
}
.awards-arti-info{
  position: absolute;
  top: 19%;
  right: 26%;
  text-align: right;
}
.awards-arti-name{
  color: #fff;
  font-size: 3.5vw;
  font-weight: bold;
  line-height: 130%;
}
.awards-arti-ename{
  color: #00baff;
  font-weight: bold;
  font-size: 2.2vw;
}