/* Comment */ article.common-comment {background-color: #fff;} section.common-comment-header .container {padding: 9px 16px 4px 16px;} section.common-comment-header h3.title {display: flex; align-items: center; min-height: 56px;} section.common-comment-header h3.title .item {width: 100%; padding: 8px 0; text-align: center;} section.common-comment-header h3.title p.font {color: #000; font-size: 14px; line-height: 1.43; font-family: 'NotoSans-Bold';} html[lang="ko_KR"] section.common-comment-header h3.title p.font {font-family: 'NanumSquare-Bold';} section.common-comment-header .content {padding-top: 7px;} section.common-comment-header .content .wrap {padding: 6px 6px 6px 11px; border: 1px solid #efefef; border-radius: 4px;} section.common-comment-header .content .wrap:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';} section.common-comment-header .content .wrap .comment {float: left; width: 248px; height: 50px;} section.common-comment-header .content .wrap .comment textarea {width: 100%; height: 100%; border: none; color: #272727; font-size: 12px; line-height: 1.36; font-family: 'NotoSans-Regular'; resize: none;} section.common-comment-header .content .wrap .comment textarea::placeholder {color: #9a9a9a;} section.common-comment-header .content .wrap .comment textarea::-webkit-input-placeholder {color: #9a9a9a;} section.common-comment-header .content .wrap .comment textarea:-ms-input-placeholder {color: #9a9a9a;} html[lang="ko_KR"] section.common-comment-header .content .wrap .comment textarea::placeholder {font-family: 'NanumSquare-Regular';} html[lang="ko_KR"] section.common-comment-header .content .wrap .comment textarea::-webkit-input-placeholder {font-family: 'NanumSquare-Regular';} html[lang="ko_KR"] section.common-comment-header .content .wrap .comment textarea:-ms-input-placeholder {font-family: 'NanumSquare-Regular';} section.common-comment-header .content .wrap .post {float: left; padding-left: 11px;} section.common-comment-header .content .wrap .post .item {width: 50px; padding: 18px 0; border-radius: 6px; text-align: center; background-color: #e51a6c; cursor: pointer;} section.common-comment-header .content .wrap .post p.font {color: #fff; font-size: 12px; line-height: 1.17; font-family: 'NotoSans-Bold';} @media (min-width: 778px) { section.common-comment-header .container {padding: 20px 100px 22px 100px;} section.common-comment-header h3.title .item {padding: 14px 0;} section.common-comment-header h3.title p.font {font-size: 16px; line-height: 1.75;} section.common-comment-header h3.title p.font br {display: none;} section.common-comment-header .content {padding-top: 17px;} section.common-comment-header .content .wrap {padding: 10px 15px 10px 15px; border-radius: 6px;} section.common-comment-header .content .wrap .comment {width: 455px; height: 93px;} section.common-comment-header .content .wrap .comment textarea {font-size: 14px;} section.common-comment-header .content .wrap .post {padding: 9px 0 9px 16px;} section.common-comment-header .content .wrap .post .item {width: 75px; padding: 27px 0; border-radius: 6px;} section.common-comment-header .content .wrap .post p.font {font-size: 18px; line-height: 1.17;} } section.common-comment-body .list > ul {list-style: none; padding: 0; margin: 0;} section.common-comment-body .list > ul > li {padding: 24px 24px 17px 24px; border-bottom: 1px solid rgba(241, 241, 241, 0.28);} section.common-comment-body .list > ul > li .name .item {padding-left: 31px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-size: 22px 16px;} section.common-comment-body .list > ul > li.china .name .item {background-image: url('../../assets/images/common/country-type01-china.png');} section.common-comment-body .list > ul > li.indonesia .name .item {background-image: url('../../assets/images/common/country-type01-indonesia.png');} section.common-comment-body .list > ul > li.japan .name .item {background-image: url('../../assets/images/common/country-type01-japan.png');} section.common-comment-body .list > ul > li.korea .name .item {background-image: url('../../assets/images/common/country-type01-korea.png');} section.common-comment-body .list > ul > li.malaysia .name .item {background-image: url('../../assets/images/common/country-type01-malaysia.png');} section.common-comment-body .list > ul > li.philippines .name .item {background-image: url('../../assets/images/common/country-type01-philippines.png');} section.common-comment-body .list > ul > li.singapore .name .item {background-image: url('../../assets/images/common/country-type01-singapore.png');} section.common-comment-body .list > ul > li.taiwan .name .item {background-image: url('../../assets/images/common/country-type01-taiwan.png');} section.common-comment-body .list > ul > li.thailand .name .item {background-image: url('../../assets/images/common/country-type01-thailand.png');} section.common-comment-body .list > ul > li.vietnam .name .item {background-image: url('../../assets/images/common/country-type01-vietnam.png');} section.common-comment-body .list > ul > li.america .name .item {background-image: url('../../assets/images/common/country-type01-america.png');} section.common-comment-body .list > ul > li.unitedkingdom .name .item {background-image: url('../../assets/images/common/country-type01-unitedkingdom.png');} section.common-comment-body .list > ul > li.mexico .name .item {background-image: url('../../assets/images/common/country-type01-mexico.png');} section.common-comment-body .list > ul > li .name p.font {color: #272727; font-size: 14px; line-height: 1.15; font-family: 'NotoSans-Bold';} section.common-comment-body .list > ul > li .date {padding-top: 7px;} section.common-comment-body .list > ul > li .date p.font {color: #7f7f7f; font-size: 10px; line-height: 1.2; font-family: 'NotoSans-Regular';} section.common-comment-body .list > ul > li .content {padding-top: 7px;} section.common-comment-body .list > ul > li .content .item {margin: -1px 0;} section.common-comment-body .list > ul > li .content p.font {color: #272727; font-size: 14px; line-height: 1.36; font-family: 'NotoSans-Regular';} @media (min-width: 778px) { section.common-comment-body .container {padding: 0 100px;} section.common-comment-body .list > ul > li {padding: 24px 0 16px 0; border-bottom: none;} section.common-comment-body .list > ul > li .name p.font {color: #353535; font-size: 16px; line-height: 1.13;} section.common-comment-body .list > ul > li .date {padding-top: 13px;} section.common-comment-body .list > ul > li .date p.font {color: #a7abac; font-size: 13px; line-height: 1;} section.common-comment-body .list > ul > li .content {padding-top: 9px;} section.common-comment-body .list > ul > li .content .item {padding: 1px 0; margin: 0;} section.common-comment-body .list > ul > li .content p.font {line-height: 1.71;} } /*section.common-comment-footer {display: none;}*/ section.common-comment-footer .more {padding: 20px; background-color: #f2f3f8; line-height: 0; text-align: center; cursor: pointer;} section.common-comment-footer .more .item {display: inline-block; padding-left: 20px; background: transparent url('../../assets/images/common/more.png') no-repeat left center / 16px 16px;} section.common-comment-footer .more p.font {color: #272727; font-size: 14px; line-height: 1.15; font-family: 'NotoSans-Bold';} html[lang="ko_KR"] section.common-comment-footer .more p.font {font-family: 'NanumSquare-Bold';} @media (min-width: 778px) { section.common-comment-footer .container {padding: 40px 100px 0 100px;} section.common-comment-footer .more {padding: 28px; border: 1px solid #d8d8d8; border-radius: 6px; background-color: #fff;} section.common-comment-footer .more p.font {font-size: 20px; line-height: 1.1; font-family: 'NotoSans-Regular';} html[lang="ko_KR"] section.common-comment-footer .more p.font {font-family: 'NanumSquare-Regular';} } article.common-comment.activeMore section.common-comment-footer {display: block;} /* Ranking */ article.common-ranking {background-color: #fff;} section.common-ranking-header .container {padding: 42px 16px 26px 16px;} section.common-ranking-header h3.title p.font {color: #000; font-size: 20px; line-height: 1.1; font-family: 'NotoSans-Bold';} html[lang="ko_KR"] section.common-ranking-header h3.title p.font {font-family: 'NanumSquare-ExtraBold';} @media (min-width: 778px) { section.common-ranking-header .container {padding: 58px 0 15px 0;} section.common-ranking-header h3.title p.font {color: #000; font-size: 28px; line-height: 1.11;} html[lang="ko_KR"] section.common-ranking-header h3.title p.font {font-family: 'NanumSquare-Bold';} } section.common-ranking-body .list > ul {list-style: none; padding: 0; margin: 0;} section.common-ranking-body .list > ul > li {position: relative; height: 100px;} section.common-ranking-body .list > ul > li .rank {position: absolute; left: 18px; top: 11px;} section.common-ranking-body .list > ul > li .rank .item {width: 29px; text-align: right;} section.common-ranking-body .list > ul > li .rank p.font {color: #000; font-style: italic; font-size: 26px; line-height: 1.39; font-family: 'NotoSans-Regular';} section.common-ranking-body .list > ul > li .image {position: absolute; left: 62px; top: 8px;} section.common-ranking-body .list > ul > li .image .item {overflow: hidden; width: 43px; height: 43px; border-radius: 50%; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: cover; text-indent: -1000px;} section.common-ranking-body .list > ul > li .name {position: absolute; left: 114px; top: 21px;} section.common-ranking-body .list > ul > li .name p.font {color: #272727; font-size: 14px; line-height: 1.15; font-family: 'NotoSans-Bold';} html[lang="ko_KR"] section.common-ranking-body .list > ul > li .name p.font {font-family: 'NanumSquare-Bold';} section.common-ranking-body .list > ul > li .state {position: absolute; left: 62px; top: 58px;} section.common-ranking-body .list > ul > li .state > ul {display: block; list-style: none; padding: 0; margin: 0 -6px;} @supports (display: flow-root) {section.common-ranking-body .list > ul > li .state > ul {display: flow-root;}} section.common-ranking-body .list > ul > li .state > ul:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';} section.common-ranking-body .list > ul > li .state > ul > li {position: relative; float: left; padding: 0 6px;} section.common-ranking-body .list > ul > li .state > ul > li:before {display: block; position: absolute; left: 0; top: 2px; width: 1px; height: 10px; background-color: rgba(151, 151, 151, 0.5); content: '';} section.common-ranking-body .list > ul > li .state > ul > li:first-child:before {display: none;} section.common-ranking-body .list > ul > li .state > ul > li:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';} section.common-ranking-body .list > ul > li .state > ul > li .number {float: left;} section.common-ranking-body .list > ul > li .state > ul > li .number p.font {color: #272727; font-size: 13px; line-height: 1.08; font-family: 'NotoSans-Regular';} section.common-ranking-body .list > ul > li .state > ul > li .unit {float: left; padding: 2px 0 0 3px;} section.common-ranking-body .list > ul > li .state > ul > li .unit p.font {color: #7f7f7f; font-size: 10px; line-height: 1.2; font-family: 'NotoSans-Regular';} html[lang="ko_KR"] section.common-ranking-body .list > ul > li .state > ul > li .unit p.font {font-family: 'NanumSquare-Regular';} section.common-ranking-body .list > ul > li .progress {position: absolute; left: 62px; top: 76px; width: 280px; height: 6px; border-radius: 3px; background-color: #ececec;} section.common-ranking-body .list > ul > li .progress .item {overflow: hidden; min-width: 6px; height: 100%; border-radius: 3px; background-color: #e51a6c; text-indent: -1000px;} section.common-ranking-body .list > ul > li.zero .progress .item {display: none;} section.common-ranking-body .list > ul > li .vote {position: absolute; right: 18px; top: 44px;} section.common-ranking-body .list > ul > li .vote .item {width: 75px; padding: 6px; border-radius: 12px; background-color: #1d1d1d; text-align: center; cursor: pointer;} section.common-ranking-body .list > ul > li .vote p.font {color: #fff; font-size: 11px; line-height: 1.1; font-family: 'NotoSans-Regular';} html[lang="ko_KR"] section.common-ranking-body .list > ul > li .vote p.font {font-family: 'NanumSquare-Regular';} @media (min-width: 778px) { section.common-ranking-body .list > ul > li {height: 160px;} section.common-ranking-body .list > ul > li .rank {left: 0; top: 22px;} section.common-ranking-body .list > ul > li .rank .item {width: 49px; text-align: right;} section.common-ranking-body .list > ul > li .rank p.font {font-size: 44px; line-height: 1.37;} section.common-ranking-body .list > ul > li .image {left: 78px; top: 16px;} section.common-ranking-body .list > ul > li .image .item {width: 72px; height: 72px;} section.common-ranking-body .list > ul > li .name {left: 166px; top: 39px;} section.common-ranking-body .list > ul > li .name p.font {color: #000; font-size: 22px; line-height: 1.14;} section.common-ranking-body .list > ul > li .state {left: 78px; top: 100px;} section.common-ranking-body .list > ul > li .state > ul > li:before {top: 6px;} section.common-ranking-body .list > ul > li .state > ul > li:first-child:before {display: none;} section.common-ranking-body .list > ul > li .state > ul > li .number p.font {font-size: 20px; line-height: 1.1;} section.common-ranking-body .list > ul > li .state > ul > li .unit {padding: 4px 0 0 6px;} section.common-ranking-body .list > ul > li .state > ul > li .unit p.font {color: rgba(53, 53, 53, 0.7); font-size: 17px; line-height: 1.06;} section.common-ranking-body .list > ul > li .progress {left: 78px; top: 131px; width: 700px; height: 13px; border-radius: 7px;} section.common-ranking-body .list > ul > li .progress .item {min-width: 13px; border-radius: 7px;} section.common-ranking-body .list > ul > li .vote {right: 0; top: 56px;} section.common-ranking-body .list > ul > li .vote .item {width: 119px; padding: 10px; border-radius: 19px;} section.common-ranking-body .list > ul > li .vote p.font {font-size: 17px; line-height: 1.06;} } section.common-ranking-footer {display: none;} section.common-ranking-footer .more {padding: 20px; background-color: #f2f3f8; line-height: 0; text-align: center; cursor: pointer;} section.common-ranking-footer .more .item {display: inline-block; padding-left: 20px; background: transparent url('../../assets/images/common/more.png') no-repeat left center / 16px 16px;} section.common-ranking-footer .more p.font {color: #2c2c2c; font-size: 14px; line-height: 1.15; font-family: 'NotoSans-Bold';} html[lang="ko_KR"] section.common-ranking-footer .more p.font {font-family: 'NanumSquare-Bold';} @media (min-width: 778px) { section.common-ranking-footer .container {padding: 24px 100px 0 100px;} section.common-ranking-footer .more {padding: 28px; border: 1px solid #d8d8d8; border-radius: 6px; background-color: #fff;} section.common-ranking-footer .more p.font {color: #272727; font-size: 20px; line-height: 1.1; font-family: 'NotoSans-Regular';} html[lang="ko_KR"] section.common-ranking-footer .more p.font {font-family: 'NanumSquare-Regular';} } article.common-ranking.typeResult section.common-ranking-header {display: none;} article.common-ranking.typeResult section.common-ranking-body .list > ul > li:nth-child(1) .rank p.font, article.common-ranking.typeResult section.common-ranking-body .list > ul > li:nth-child(2) .rank p.font {color: #e51a6c;} article.common-ranking.typeResult section.common-ranking-body .list > ul > li .vote {display: none;} @media (min-width: 778px) { article.common-ranking.typeResult section.common-ranking-body .container {padding-top: 20px;} } article.common-ranking.activeMore section.common-ranking-footer {display: block;} /* Schedule */ article.common-schedule {background-color: #EAEAEC;} section.common-schedule-body {background-color: #020024;} section.common-schedule-body .container {padding: 12px 0 19px 0; background: transparent url('../../assets/images/common/mobile/Main_mobile.png') no-repeat center top / contain; background-size: cover;} section.common-schedule-body h3.title {line-height: 0; text-align: center;} section.common-schedule-body h3.title .item {display: inline-block; overflow: hidden; width: 273px; height: 154px; text-indent: -1000px;} section.common-schedule-body .caption {padding-top: 6px;} section.common-schedule-body .caption .item {text-align: center;} section.common-schedule-body .caption p.font {color: #FFFFFF; font-size: 19px; line-height: 1.37; font-family: 'NotoSans-Regular';} section.common-schedule-body .caption p.font em, section.common-schedule-body .schedule {position: relative; padding-top: 16px; line-height: 0; text-align: center;} section.common-schedule-body .schedule:before {display: block; position: absolute; left: 50%; top: 20px; width: 276px; height: 1px; margin-left: -138px; border-top: 1px dashed #FFFFFF; content: '';} section.common-schedule-body .schedule > ul {position: relative; display: inline-block; list-style: none; width: 368px; padding: 0; margin: 0 -4px; z-index: 10;} section.common-schedule-body .schedule > ul:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';} section.common-schedule-body .schedule > ul > li {float: left; width: 92px;} section.common-schedule-body .schedule > ul > li:before {display: block; width: 10px; height: 10px; margin: 0 auto; border-radius: 50%; background-color: #FFFFFF; content: '';} section.common-schedule-body .schedule > ul > li .text {padding-top: 13px;} section.common-schedule-body .schedule > ul > li .text .item {text-align: center;} section.common-schedule-body .schedule > ul > li .text p.font {color: #FFFFFF; font-size: 13px; line-height: 1.08; font-family: 'NotoSans-Regular';} /*html[lang="ko_KR"] section.common-schedule-body .schedule > ul > li .text p.font {font-family: 'NanumSquare-Bold';}*/ section.common-schedule-body .schedule > ul > li .date {padding-top: 1px;} section.common-schedule-body .schedule > ul > li .date .item {text-align: center;} section.common-schedule-body .schedule > ul > li .date p.font {color: #FFFFFF; font-size: 13px; line-height: 1.39; font-family: 'NotoSans-Regular';} @media (min-width: 778px) { section.common-schedule-body .container {padding: 14px 0 16px 0; background-image: url('../../assets/images/common/pc/Main_PC.png');} section.common-schedule-body h3.title .item {display: inline-block; overflow: hidden; width: 414px; height: 214px; text-indent: -1000px;} section.common-schedule-body .caption p.font {font-size: 24px; line-height: 1.17;} section.common-schedule-body .schedule {padding-top: 16px;} section.common-schedule-body .schedule:before {top: 20px; width: 450px; margin-left: -225px;} section.common-schedule-body .schedule > ul {width: 600px; margin: 0;} section.common-schedule-body .schedule > ul > li {float: left; width: 150px;} section.common-schedule-body .schedule > ul > li .text {padding-top: 10px;} section.common-schedule-body .schedule > ul > li .text p.font {font-size: 16px; line-height: 1.13;} section.common-schedule-body .schedule > ul > li .date {padding-top: 5px;} section.common-schedule-body .schedule > ul > li .date p.font {font-size: 16px; line-height: 1.19;} } article.common-schedule.activeOpen section.common-schedule-body .schedule > ul > li.open:before, article.common-schedule.activePreliminary section.common-schedule-body .schedule > ul > li.preliminary:before, article.common-schedule.activeFinal section.common-schedule-body .schedule > ul > li.final:before, article.common-schedule.activeResult section.common-schedule-body .schedule > ul > li.result:before {background-color: #FFFFFF;} article.common-schedule.activeOpen section.common-schedule-body .schedule > ul > li.open .text p.font, article.common-schedule.activePreliminary section.common-schedule-body .schedule > ul > li.preliminary .text p.font, article.common-schedule.activeFinal section.common-schedule-body .schedule > ul > li.final .text p.font, article.common-schedule.activeResult section.common-schedule-body .schedule > ul > li.result .text p.font {color: #FFFFFF;font-weight: bold} article.common-schedule.activeOpen section.common-schedule-body .schedule > ul > li.open .date p.font, article.common-schedule.activePreliminary section.common-schedule-body .schedule > ul > li.preliminary .date p.font, article.common-schedule.activeFinal section.common-schedule-body .schedule > ul > li.final .date p.font, article.common-schedule.activeResult section.common-schedule-body .schedule > ul > li.result .date p.font {color: #FFFFFF;font-weight: bold} /* D-Day */ article.common-dDay {background-color: #353535;} @media (min-width: 778px) { article.common-dDay {background-color: #202020;} } section.common-dDay-body .box {padding: 8px 0 12px 0;} section.common-dDay-body .box h3.title {line-height: 0; text-align: center;} section.common-dDay-body .box h3.title .wrap {display: inline-block;} section.common-dDay-body .box h3.title .wrap:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';} section.common-dDay-body .box h3.title .wrap .text {float: left; padding: 3px 0;} section.common-dDay-body .box h3.title .wrap .text p.font {color: #fff; font-size: 14px; line-height: 1.15; font-family: 'NotoSans-Bold';} html[lang="ko_KR"] section.common-dDay-body .box h3.title .wrap .text p.font {font-family: 'NanumSquare-Bold';} section.common-dDay-body .box h3.title .wrap .day {float: left; padding-left: 6px;} section.common-dDay-body .box h3.title .wrap .day p.font {color: #e51a6c; font-size: 16px; line-height: 1.38; font-family: 'NotoSans-Bold';} section.common-dDay-body .box .time {padding-top: 10px; line-height: 0; text-align: center;} section.common-dDay-body .box .time .wrap {display: inline-block;} section.common-dDay-body .box .time .wrap:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';} section.common-dDay-body .box .time .wrap .hours, section.common-dDay-body .box .time .wrap .minutes, section.common-dDay-body .box .time .wrap .seconds {position: relative; float: left;} section.common-dDay-body .box .time .wrap .minutes, section.common-dDay-body .box .time .wrap .seconds {padding-left: 37px;} section.common-dDay-body .box .time .wrap .minutes:before, section.common-dDay-body .box .time .wrap .seconds:before {display: block; position: absolute; left: 15px; top: 15px; color: #fff; font-size: 22px; line-height: 1; font-family: 'NotoSans-Bold'; content: ':';} section.common-dDay-body .box .time .wrap .number {position: relative; width: 58px; padding: 7px 0; border-radius: 6px; background-color: #212121;} section.common-dDay-body .box .time .wrap .number:before {display: block; position: absolute; left: 0; top: 50%; width: 100%; height: 2px; margin-top: -1px; background-color: #353535; content: '';} section.common-dDay-body .box .time .wrap .number .item {position: relative; text-align: center; z-index: 10;} section.common-dDay-body .box .time .wrap .number p.font {color: #fff; font-size: 38px; line-height: 1.16; font-family: 'NotoSans-Bold';} section.common-dDay-body .box .time .wrap .text {padding-top: 6px;} section.common-dDay-body .box .time .wrap .text .item {text-align: center;} section.common-dDay-body .box .time .wrap .text p.font {color: rgba(255, 255, 255, 0.5); font-size: 10px; line-height: 1.4; font-family: 'NotoSans-Regular';} @media (min-width: 778px) { section.common-dDay-body .container {padding: 28px 100px 50px 100px;} section.common-dDay-body .box {padding: 11px 0 12px 0; border-radius: 12px; background-color: #353535;} section.common-dDay-body .box h3.title .wrap .text {padding: 2px 0 1px 0;} section.common-dDay-body .box h3.title .wrap .text p.font {font-size: 19px; line-height: 1.11;} section.common-dDay-body .box h3.title .wrap .day {padding-left: 8px;} section.common-dDay-body .box h3.title .wrap .day p.font {font-size: 21px; line-height: 1.15;} section.common-dDay-body .box .time {padding-top: 11px;} section.common-dDay-body .box .time .wrap .minutes, section.common-dDay-body .box .time .wrap .seconds {padding-left: 50px;} section.common-dDay-body .box .time .wrap .minutes:before, section.common-dDay-body .box .time .wrap .seconds:before {left: 20px; top: 19px; font-size: 32px;} section.common-dDay-body .box .time .wrap .number {width: 78px; padding: 16px 0 15px 0;} section.common-dDay-body .box .time .wrap .number:before {height: 3px; margin-top: -1px;} section.common-dDay-body .box .time .wrap .number p.font {font-size: 40px; line-height: 1.18;} section.common-dDay-body .box .time .wrap .text {padding-top: 11px;} section.common-dDay-body .box .time .wrap .text p.font {font-size: 13px; line-height: 1.16;} } /* Country */ article.common-country {background-color: #1b1b1b;} section.common-country-header .container {padding: 32px 16px 0 16px;} section.common-country-header h3.title .wrap {display: block;} @supports (display: flow-root) {section.common-country-header h3.title .wrap {display: flow-root;}} section.common-country-header h3.title .wrap:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';} section.common-country-header h3.title .wrap .number {float: left;} section.common-country-header h3.title .wrap .number .item {width: 38px; padding: 6px 0; border-radius: 50%; background-color: #e51a6c; text-align: center;} section.common-country-header h3.title .wrap .number p.font {color: #fff; font-size: 19px; line-height: 1.37; font-family: 'Gelasio-Bold';} section.common-country-header h3.title .wrap .text {float: left; padding: 6px 0 6px 10px;} section.common-country-header h3.title .wrap .text p.font {color: #e51a6c; font-size: 19px; line-height: 1.37; font-family: 'NotoSans-Bold';} section.common-country-header .caption {padding: 19px 2px 0 2px;} section.common-country-header .caption .item {padding-bottom: 21px;} section.common-country-header .caption p.font {color: #fff; font-size: 13px; line-height: 1.62; font-family: 'NotoSans-Regular';} html[lang="ko_KR"] section.common-country-header .caption p.font {font-family: 'NanumSquare-Regular';} @media (min-width: 778px) { section.common-country-header .container {padding: 100px 100px 0 100px;} section.common-country-header h3.title {line-height: 0; text-align: center;} section.common-country-header h3.title .wrap {display: inline-block;} section.common-country-header h3.title .wrap .number p.font {font-size: 24px; line-height: 1.09;} section.common-country-header h3.title .wrap .text {float: left; padding-left: 12px;} section.common-country-header h3.title .wrap .text p.font {font-size: 30px; line-height: 0.87; text-transform: uppercase;} section.common-country-header .caption {padding: 20px 0 0 0;} section.common-country-header .caption .item {padding-bottom: 28px; text-align: center;} section.common-country-header .caption p.font {font-size: 16px; line-height: 1.75;} } section.common-country-body {margin-top: -5px; background-color: #272727;} section.common-country-body .container {padding: 12px 0 14px 0;} section.common-country-body .country {line-height: 0; text-align: center;} section.common-country-body .country .list {display: inline-block; width: 296px; margin: -5px -7px;} section.common-country-body .country .list:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';} section.common-country-body .country .list .listItem {float: left; padding: 5px 7px;} section.common-country-body .country .list .listItem .object {cursor: pointer; text-align: left;} section.common-country-body .country .list .listItem .object .flag .item {overflow: hidden; width: 60px; height: 60px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-size: contain; text-indent: -1000px;} section.common-country-body .country .list .listItem.china .object .flag .item {background-image: url('../../assets/images/common/country-type02-china.png');} section.common-country-body .country .list .listItem.indonesia .object .flag .item {background-image: url('../../assets/images/common/country-type02-indonesia.png');} section.common-country-body .country .list .listItem.japan .object .flag .item {background-image: url('../../assets/images/common/country-type02-japan.png');} section.common-country-body .country .list .listItem.korea .object .flag .item {background-image: url('../../assets/images/common/country-type02-korea.png');} section.common-country-body .country .list .listItem.malaysia .object .flag .item {background-image: url('../../assets/images/common/country-type02-malaysia.png');} section.common-country-body .country .list .listItem.philippines .object .flag .item {background-image: url('../../assets/images/common/country-type02-philippines.png');} section.common-country-body .country .list .listItem.singapore .object .flag .item {background-image: url('../../assets/images/common/country-type02-singapore.png');} section.common-country-body .country .list .listItem.taiwan .object .flag .item {background-image: url('../../assets/images/common/country-type02-taiwan.png');} section.common-country-body .country .list .listItem.thailand .object .flag .item {background-image: url('../../assets/images/common/country-type02-thailand.png');} section.common-country-body .country .list .listItem.vietnam .object .flag .item {background-image: url('../../assets/images/common/country-type02-vietnam.png');} section.common-country-body .country .list .listItem.america .object .flag .item {background-image: url('../../assets/images/common/country-type02-america.png');} section.common-country-body .country .list .listItem.unitedkingdom .object .flag .item {background-image: url('../../assets/images/common/country-type02-unitedkingdom.png');} section.common-country-body .country .list .listItem.mexico .object .flag .item {background-image: url('../../assets/images/common/country-type02-mexico.png');} section.common-country-body .country .list .listItem .object .name {padding-top: 2px;} section.common-country-body .country .list .listItem .object .name .item {text-align: center;} section.common-country-body .country .list .listItem .object .name p.font {color: #fff; font-size: 12px; line-height: 1.42; font-family: 'NotoSans-Regular';} @media (min-width: 778px) { section.common-country-body {margin-top: 0; background-color: transparent;} section.common-country-body .container {padding: 20px 0 0 0;} section.common-country-body .country .list {width: 600px; margin: -7px -10px;} section.common-country-body .country .list .listItem {float: left; padding: 7px 10px;} section.common-country-body .country .list .listItem .object .flag .item {width: 100px; height: 100px;} section.common-country-body .country .list .listItem .object .name {padding-top: 1px;} section.common-country-body .country .list .listItem .object .name p.font {font-size: 16px; line-height: 1.75;} } article.common-country.typeSlide {background-color: #fff;} article.common-country.typeSlide.pc {display: none;} article.common-country.typeSlide section.common-country-header .container {padding: 24px 16px 16px 16px;} article.common-country.typeSlide section.common-country-header h3.title .wrap .number {display: none;} article.common-country.typeSlide section.common-country-header h3.title .wrap .text {padding: 0;} article.common-country.typeSlide section.common-country-header h3.title .wrap .text p.font {color: #000; font-size: 20px; line-height: 1.1;} html[lang="ko_KR"] article.common-country.typeSlide section.common-country-header h3.title .wrap .text p.font {font-family: 'NanumSquare-ExtraBold';} article.common-country.typeSlide section.common-country-header .caption {display: none;} article.common-country.typeSlide section.common-country-body {margin-top: 0; background-color: #f2f3f8;} article.common-country.typeSlide section.common-country-body .container {overflow: auto; padding: 12px 8px 11px 8px; -webkit-overflow-scrolling: touch;} article.common-country.typeSlide section.common-country-body .country .list {width: 760px; margin: 0;} article.common-country.typeSlide section.common-country-body .country .list .listItem {padding: 0 8px;} article.common-country.typeSlide section.common-country-body .country .list .listItem .object .name p.font {color: #272727; line-height: 1.42;} article.common-country.typeSlide section.common-country-body .country .list .slick-arrow {display: none !important;} @media (min-width: 778px) { article.common-country.typeSlide.mobile {display: none;} article.common-country.typeSlide.pc {display: block;} article.common-country.typeSlide section.common-country-header .container {padding: 58px 0 15px 0;} article.common-country.typeSlide section.common-country-header h3.title {text-align: left;} article.common-country.typeSlide section.common-country-header h3.title .wrap {display: block;} article.common-country.typeSlide section.common-country-header h3.title .wrap .text p.font {font-size: 28px; line-height: 1.11; text-transform: none;} html[lang="ko_KR"] article.common-country.typeSlide section.common-country-header h3.title .wrap .text p.font {font-family: 'NanumSquare-Bold';} article.common-country.typeSlide section.common-country-body .container {overflow: unset; padding: 20px 0 12px 0;} article.common-country.typeSlide section.common-country-body .country .list {width: 720px;} article.common-country.typeSlide section.common-country-body .country .list .listItem {padding: 0 10px;} article.common-country.typeSlide section.common-country-body .country .list .listItem .object .name {padding-top: 0;} article.common-country.typeSlide section.common-country-body .country .list .listItem .object .name p.font {line-height: 1.75;} article.common-country.typeSlide section.common-country-body .country .list .slick-arrow {display: block !important; overflow: hidden; top: 36px; width: 48px; height: 48px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-size: contain; text-indent: -1000px; transform: translate(0, 0);} article.common-country.typeSlide section.common-country-body .country .list .slick-arrow.slick-prev {left: -97px; background-image: url('../../assets/images/content/common-country-prev.png');} article.common-country.typeSlide section.common-country-body .country .list .slick-arrow.slick-next {right: -97px; background-image: url('../../assets/images/content/common-country-next.png');} article.common-country.typeSlide section.common-country-body .country .list .slick-arrow:before {display: none;} } article.common-country.typeMap {background-color: #202020;} article.common-country.typeMap section.common-country-header .container {padding-top: 22px;} article.common-country.typeMap section.common-country-header h3.title .wrap .number {display: none;} article.common-country.typeMap section.common-country-header h3.title .wrap .text {padding: 0;} article.common-country.typeMap section.common-country-header h3.title .wrap .text p.font {color: #fff; font-size: 20px; line-height: 1.1;} html[lang="ko_KR"] article.common-country.typeMap section.common-country-header h3.title .wrap .text p.font {font-family: 'NanumSquare-ExtraBold';} article.common-country.typeMap section.common-country-header .caption {display: none;} article.common-country.typeMap section.common-country-body {margin-top: 0; background-color: transparent;} article.common-country.typeMap section.common-country-body .container {padding: 0;} article.common-country.typeMap section.common-country-body .country {position: relative; padding: 120px 0 109px 0;} article.common-country.typeMap section.common-country-body .country .list {width: 328px; height: 328px; margin: 0; background: transparent url('../../assets/images/content/img-main-globe-bg-pc.svg') no-repeat center center / contain;} article.common-country.typeMap section.common-country-body .country .list .listItem {position: absolute; padding: 0;} article.common-country.typeMap section.common-country-body .country .list .listItem.china {left: 47px; top: 47px;} article.common-country.typeMap section.common-country-body .country .list .listItem.indonesia {right: 45px; bottom: 62px;} article.common-country.typeMap section.common-country-body .country .list .listItem.japan {right: 12px; top: 139px;} article.common-country.typeMap section.common-country-body .country .list .listItem.korea {right: 36px; top: 87px;} article.common-country.typeMap section.common-country-body .country .list .listItem.malaysia {left: 19px; bottom: 111px;} article.common-country.typeMap section.common-country-body .country .list .listItem.philippines {right: 13px; bottom: 111px;} article.common-country.typeMap section.common-country-body .country .list .listItem.singapore {left: 19px; top: 218px;} article.common-country.typeMap section.common-country-body .country .list .listItem.america {right: 24px; top: 232px;} article.common-country.typeMap section.common-country-body .country .list .listItem.taiwan {right: 127px; bottom: 29px;} article.common-country.typeMap section.common-country-body .country .list .listItem.thailand {left: 19px; top: 108px;} article.common-country.typeMap section.common-country-body .country .list .listItem.vietnam {left: 36px; bottom: 42px;} article.common-country.typeMap section.common-country-body .country .list .listItem:before {display: block; position: absolute; content: '';} article.common-country.typeMap section.common-country-body .country .list .listItem.china:before, article.common-country.typeMap section.common-country-body .country .list .listItem.malaysia:before, article.common-country.typeMap section.common-country-body .country .list .listItem.singapore:before, article.common-country.typeMap section.common-country-body .country .list .listItem.america:before, article.common-country.typeMap section.common-country-body .country .list .listItem.thailand:before, article.common-country.typeMap section.common-country-body .country .list .listItem.vietnam:before {left: 0; border-right: 1px solid #fff;} article.common-country.typeMap section.common-country-body .country .list .listItem.indonesia:before, article.common-country.typeMap section.common-country-body .country .list .listItem.japan:before, article.common-country.typeMap section.common-country-body .country .list .listItem.korea:before, article.common-country.typeMap section.common-country-body .country .list .listItem.philippines:before, article.common-country.typeMap section.common-country-body .country .list .listItem.taiwan:before {right: 0; border-left: 1px solid #fff;} article.common-country.typeMap section.common-country-body .country .list .listItem.china:before, article.common-country.typeMap section.common-country-body .country .list .listItem.japan:before, article.common-country.typeMap section.common-country-body .country .list .listItem.korea:before, article.common-country.typeMap section.common-country-body .country .list .listItem.singapore:before, article.common-country.typeMap section.common-country-body .country .list .listItem.america:before, article.common-country.typeMap section.common-country-body .country .list .listItem.thailand:before {top: 40px; border-top: 1px solid #fff;} article.common-country.typeMap section.common-country-body .country .list .listItem.indonesia:before, article.common-country.typeMap section.common-country-body .country .list .listItem.malaysia:before, article.common-country.typeMap section.common-country-body .country .list .listItem.philippines:before, article.common-country.typeMap section.common-country-body .country .list .listItem.taiwan:before, article.common-country.typeMap section.common-country-body .country .list .listItem.vietnam:before {bottom: 40px; border-bottom: 1px solid #fff;} article.common-country.typeMap section.common-country-body .country .list .listItem.china:before {width: 66px; height: 78px;} article.common-country.typeMap section.common-country-body .country .list .listItem.indonesia:before {width: 153px; height: 69px;} article.common-country.typeMap section.common-country-body .country .list .listItem.japan:before {width: 76px; height: 27px;} article.common-country.typeMap section.common-country-body .country .list .listItem.korea:before {width: 100px; height: 48px;} article.common-country.typeMap section.common-country-body .country .list .listItem.malaysia:before {width: 47px; height: 52px;} article.common-country.typeMap section.common-country-body .country .list .listItem.philippines:before {width: 145px; height: 93px;} article.common-country.typeMap section.common-country-body .country .list .listItem.singapore:before {width: 57px; height: 81px;} article.common-country.typeMap section.common-country-body .country .list .listItem.america:before {width: 78px; height: 28px; right: 1px; left: initial; top: 40px;} article.common-country.typeMap section.common-country-body .country .list .listItem.taiwan:before {width: 91px; height: 172px;} article.common-country.typeMap section.common-country-body .country .list .listItem.thailand:before {width: 73px; height: 122px;} article.common-country.typeMap section.common-country-body .country .list .listItem.vietnam:before {width: 88px; height: 174px;} article.common-country.typeMap section.common-country-body .country .list .listItem .object {display: inline-block; position: relative;} article.common-country.typeMap section.common-country-body .country .list .listItem .object .flag .item {width: 22px; height: 16px;} article.common-country.typeMap section.common-country-body .country .list .listItem.china .object .flag .item {background-image: url('../../assets/images/common/country-type01-china.png');} article.common-country.typeMap section.common-country-body .country .list .listItem.indonesia .object .flag .item {background-image: url('../../assets/images/common/country-type01-indonesia.png');} article.common-country.typeMap section.common-country-body .country .list .listItem.japan .object .flag .item {background-image: url('../../assets/images/common/country-type01-japan.png');} article.common-country.typeMap section.common-country-body .country .list .listItem.korea .object .flag .item {background-image: url('../../assets/images/common/country-type01-korea.png');} article.common-country.typeMap section.common-country-body .country .list .listItem.malaysia .object .flag .item {background-image: url('../../assets/images/common/country-type01-malaysia.png');} article.common-country.typeMap section.common-country-body .country .list .listItem.philippines .object .flag .item {background-image: url('../../assets/images/common/country-type01-philippines.png');} article.common-country.typeMap section.common-country-body .country .list .listItem.singapore .object .flag .item {background-image: url('../../assets/images/common/country-type01-singapore.png');} article.common-country.typeMap section.common-country-body .country .list .listItem.america .object .flag .item {background-image: url('../../assets/images/common/country-type01-america.png');} article.common-country.typeMap section.common-country-body .country .list .listItem.taiwan .object .flag .item {background-image: url('../../assets/images/common/country-type01-taiwan.png');} article.common-country.typeMap section.common-country-body .country .list .listItem.thailand .object .flag .item {background-image: url('../../assets/images/common/country-type01-thailand.png');} article.common-country.typeMap section.common-country-body .country .list .listItem.vietnam .object .flag .item {background-image: url('../../assets/images/common/country-type01-vietnam.png');} article.common-country.typeMap section.common-country-body .country .list .listItem .object .name {position: absolute; padding: 3px 0;} article.common-country.typeMap section.common-country-body .country .list .listItem.china .object .name, article.common-country.typeMap section.common-country-body .country .list .listItem.malaysia .object .name, article.common-country.typeMap section.common-country-body .country .list .listItem.singapore .object .name, article.common-country.typeMap section.common-country-body .country .list .listItem.america .object .name, article.common-country.typeMap section.common-country-body .country .list .listItem.thailand .object .name, article.common-country.typeMap section.common-country-body .country .list .listItem.vietnam .object .name {left: 0;} article.common-country.typeMap section.common-country-body .country .list .listItem.indonesia .object .name, article.common-country.typeMap section.common-country-body .country .list .listItem.japan .object .name, article.common-country.typeMap section.common-country-body .country .list .listItem.korea .object .name, article.common-country.typeMap section.common-country-body .country .list .listItem.america .object .name, article.common-country.typeMap section.common-country-body .country .list .listItem.philippines .object .name, article.common-country.typeMap section.common-country-body .country .list .listItem.taiwan .object .name {right: 0;} article.common-country.typeMap section.common-country-body .country .list .listItem.china .object .name, article.common-country.typeMap section.common-country-body .country .list .listItem.japan .object .name, article.common-country.typeMap section.common-country-body .country .list .listItem.korea .object .name, article.common-country.typeMap section.common-country-body .country .list .listItem.singapore .object .name, article.common-country.typeMap section.common-country-body .country .list .listItem.thailand .object .name {top: 9px;} article.common-country.typeMap section.common-country-body .country .list .listItem.taiwan .object .name{ bottom: -2px; } article.common-country.typeMap section.common-country-body .country .list .listItem.indonesia .object .name, article.common-country.typeMap section.common-country-body .country .list .listItem.malaysia .object .name, article.common-country.typeMap section.common-country-body .country .list .listItem.philippines .object .name, article.common-country.typeMap section.common-country-body .country .list .listItem.vietnam .object .name {bottom: 16px;} article.common-country.typeMap section.common-country-body .country .list .listItem .object .name .item {text-align: left;} article.common-country.typeMap section.common-country-body .country .list .listItem .object .name p.font {color: #fff; font-size: 13px; line-height: 1.39;} article.common-country.typeMap section.common-country-body .country .list .listItem.america .object .name {right: -1px;left: initial;width: 82px;top: 10px;} @media (min-width: 778px) { article.common-country.typeMap section.common-country-header .container {padding: 50px 0 0 0;} article.common-country.typeMap section.common-country-header h3.title {text-align: left;} article.common-country.typeMap section.common-country-header h3.title .wrap {display: block;} article.common-country.typeMap section.common-country-header h3.title .wrap .text p.font {font-size: 30px; line-height: 1.14; text-transform: none;} article.common-country.typeMap section.common-country-body .country {padding: 157px 0 163px 0;} article.common-country.typeMap section.common-country-body .country .list {width: 471px; height: 471px; margin: 0;} article.common-country.typeMap section.common-country-body .country .list .listItem.china {left: 187px; top: 48px;} article.common-country.typeMap section.common-country-body .country .list .listItem.indonesia {right: 189px; bottom: 92px;} article.common-country.typeMap section.common-country-body .country .list .listItem.japan {right: 140px; top: 186px;} article.common-country.typeMap section.common-country-body .country .list .listItem.korea {right: 176px; top: 108px;} article.common-country.typeMap section.common-country-body .country .list .listItem.malaysia {left: 145px; bottom: 165px;} article.common-country.typeMap section.common-country-body .country .list .listItem.philippines {right: 141px; bottom: 165px;} article.common-country.typeMap section.common-country-body .country .list .listItem.singapore {left: 145px; top: 269px;} article.common-country.typeMap section.common-country-body .country .list .listItem.taiwan {right: 278px; bottom: 36px;} article.common-country.typeMap section.common-country-body .country .list .listItem.thailand {left: 145px; top: 139px;} article.common-country.typeMap section.common-country-body .country .list .listItem.america {right: 165px; top: 325px;} article.common-country.typeMap section.common-country-body .country .list .listItem.vietnam {left: 171px; bottom: 62px;} article.common-country.typeMap section.common-country-body .country .list .listItem.china:before, article.common-country.typeMap section.common-country-body .country .list .listItem.japan:before, article.common-country.typeMap section.common-country-body .country .list .listItem.korea:before, article.common-country.typeMap section.common-country-body .country .list .listItem.singapore:before, article.common-country.typeMap section.common-country-body .country .list .listItem.thailand:before {top: 53px;} article.common-country.typeMap section.common-country-body .country .list .listItem.indonesia:before, article.common-country.typeMap section.common-country-body .country .list .listItem.taiwan:before, article.common-country.typeMap section.common-country-body .country .list .listItem.malaysia:before, article.common-country.typeMap section.common-country-body .country .list .listItem.philippines:before, article.common-country.typeMap section.common-country-body .country .list .listItem.vietnam:before {bottom: 53px;} article.common-country.typeMap section.common-country-body .country .list .listItem.china:before {width: 106px; height: 120px;} article.common-country.typeMap section.common-country-body .country .list .listItem.indonesia:before {width: 226px; height: 106px;} article.common-country.typeMap section.common-country-body .country .list .listItem.japan:before {width: 117px; height: 41px;} article.common-country.typeMap section.common-country-body .country .list .listItem.korea:before {width: 150px; height: 74px;} article.common-country.typeMap section.common-country-body .country .list .listItem.malaysia:before {width: 81px; height: 79px;} article.common-country.typeMap section.common-country-body .country .list .listItem.philippines:before {width: 216px; height: 138px;} article.common-country.typeMap section.common-country-body .country .list .listItem.singapore:before {width: 95px; height: 149px;} article.common-country.typeMap section.common-country-body .country .list .listItem.taiwan:before {width: 167px; height: 260px;} article.common-country.typeMap section.common-country-body .country .list .listItem.thailand:before {width: 118px; height: 180px;} article.common-country.typeMap section.common-country-body .country .list .listItem.vietnam:before {width: 138px; height: 258px;} article.common-country.typeMap section.common-country-body .country .list .listItem .object .flag .item {width: 33px; height: 24px;} article.common-country.typeMap section.common-country-body .country .list .listItem .object .name {padding: 5px 0;} article.common-country.typeMap section.common-country-body .country .list .listItem.china .object .name, article.common-country.typeMap section.common-country-body .country .list .listItem.japan .object .name, article.common-country.typeMap section.common-country-body .country .list .listItem.korea .object .name, article.common-country.typeMap section.common-country-body .country .list .listItem.singapore .object .name, article.common-country.typeMap section.common-country-body .country .list .listItem.america .object .name, article.common-country.typeMap section.common-country-body .country .list .listItem.thailand .object .name {top: 18px;} article.common-country.typeMap section.common-country-body .country .list .listItem.taiwan .object .name { bottom: 5px; } article.common-country.typeMap section.common-country-body .country .list .listItem.indonesia .object .name, article.common-country.typeMap section.common-country-body .country .list .listItem.malaysia .object .name, article.common-country.typeMap section.common-country-body .country .list .listItem.philippines .object .name, article.common-country.typeMap section.common-country-body .country .list .listItem.vietnam .object .name {bottom: 24px;} article.common-country.typeMap section.common-country-body .country .list .listItem .object .name p.font {font-size: 16px; line-height: 1.19;} article.common-country.typeMap section.common-country-body .country .list .listItem.america .object .name { width: 105px;} article.common-country.typeMap section.common-country-body .country .list .listItem.america:before {width: 97px; height: 38px; right: 2px; left: initial; top: 54px;} } /* Candidate */ article.common-candidate {background-color: #1b1b1b;} section.common-candidate-header .container {padding: 11px 16px 0 16px;} section.common-candidate-header h3.title .wrap {display: block;} @supports (display: flow-root) {section.common-candidate-header h3.title .wrap {display: flow-root;}} section.common-candidate-header h3.title .wrap:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';} section.common-candidate-header h3.title .wrap .number {float: left;} section.common-candidate-header h3.title .wrap .number .item {width: 38px; padding: 4px 0 8px 0; border-radius: 50%; background-color: #e51a6c; text-align: center;} section.common-candidate-header h3.title .wrap .number p.font {color: #fff; font-size: 19px; line-height: 1.37; font-family: 'Gelasio-Bold';} section.common-candidate-header h3.title .wrap .text {float: left; padding: 6px 0 6px 8px;} section.common-candidate-header h3.title .wrap .text p.font {color: #e51a6c; font-size: 19px; line-height: 1.37; font-family: 'NotoSans-Bold';} html[lang="ko_KR"] section.common-candidate-header h3.title .wrap .text p.font {font-family: 'NanumSquare-ExtraBold';} section.common-candidate-header h3.title .wrap .more {display: none;} @media (min-width: 778px) { section.common-candidate-header .container {padding: 100px 100px 0 100px;} section.common-candidate-header h3.title {line-height: 0; text-align: center;} section.common-candidate-header h3.title .wrap {display: inline-block;} section.common-candidate-header h3.title .wrap .number .item {padding: 3px 0 9px 0;} section.common-candidate-header h3.title .wrap .number p.font {font-size: 24px; line-height: 1.09;} section.common-candidate-header h3.title .wrap .text {float: left; padding-left: 12px;} section.common-candidate-header h3.title .wrap .text p.font {font-size: 30px; line-height: 0.87;} html[lang="ko_KR"] section.common-candidate-header h3.title .wrap .text p.font {font-family: 'NanumSquare-Bold';} } section.common-candidate-body .container {padding: 20px 0 32px 0;} section.common-candidate-body .list {line-height: 0; text-align: center;} section.common-candidate-body .list .wrap {display: inline-block; width: 348px; margin: -6px -10px;} section.common-candidate-body .list .wrap > ul {display: flex; flex-direction: row; flex-wrap: wrap; list-style: none; padding: 0; margin: 0;} section.common-candidate-body .list .wrap > ul:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';} section.common-candidate-body .list .wrap > ul > li {float: left; padding: 6px 10px;} section.common-candidate-body .list .wrap > ul > li .object {width: 96px; text-align: left;} section.common-candidate-body .list .wrap > ul > li .object .image .item {overflow: hidden; width: 100%; height: 96px; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: cover; text-indent: -1000px;} section.common-candidate-body .list .wrap > ul > li .object .name {padding-top: 10px;} section.common-candidate-body .list .wrap > ul > li .object .name .item {text-align: center;} section.common-candidate-body .list .wrap > ul > li .object .name p.font {color: #fff; font-size: 14px; line-height: 1.15; font-family: 'NotoSans-Bold';} html[lang="ko_KR"] section.common-candidate-body .list .wrap > ul > li .object .name p.font {font-family: 'NanumSquare-Bold';} @media (min-width: 778px) { section.common-candidate-body .container {padding: 37px 0 82px 0;} section.common-candidate-body .list .wrap {width: 690px; margin: -26px -25px;} section.common-candidate-body .list .wrap > ul > li {padding: 26px 25px;} section.common-candidate-body .list .wrap > ul > li .object {width: 180px;} section.common-candidate-body .list .wrap > ul > li .object .image .item {height: 180px;} section.common-candidate-body .list .wrap > ul > li .object .name {padding-top: 11px;} section.common-candidate-body .list .wrap > ul > li .object .name p.font {font-size: 18px; line-height: 1.12;} } section.common-candidate-footer {display: none;} article.common-candidate.typeIndex {background-color: #202020;} article.common-candidate.typeIndex section.common-candidate-header .container {padding-top:22px;} article.common-candidate.typeIndex section.common-candidate-header h3.title .wrap .number {display: none;} article.common-candidate.typeIndex section.common-candidate-header h3.title .wrap .text {padding: 0;} article.common-candidate.typeIndex section.common-candidate-header h3.title .wrap .text p.font {color: #fff; font-size: 20px; line-height: 1.1;} article.common-candidate.typeIndex section.common-candidate-body .container {padding: 15px 0 0 0;} article.common-candidate.typeIndex section.common-candidate-body .list .wrap {margin: -5px -10px;} article.common-candidate.typeIndex section.common-candidate-body .list .wrap > ul > li {padding: 5px 10px;} article.common-candidate.typeIndex section.common-candidate-body .list .wrap > ul > li .object .name {padding-top: 7px;} article.common-candidate.typeIndex section.common-candidate-body .list .wrap > ul > li .object .name p.font {line-height: 1.36;} article.common-candidate.typeIndex section.common-candidate-footer {display: block;} article.common-candidate.typeIndex section.common-candidate-footer .container {padding: 17px 17px 46px 17px;} article.common-candidate.typeIndex section.common-candidate-footer .more {padding: 19px 18px 18px 18px; border: 1px solid rgba(151, 151, 151, 0.59); border-radius: 6px; line-height: 0; text-align: center; cursor: pointer;} article.common-candidate.typeIndex section.common-candidate-footer .more .item {display: inline-block; padding-right: 20px; background: transparent url('../../assets/images/common/go.png') no-repeat right center / 16px 16px;} article.common-candidate.typeIndex section.common-candidate-footer .more p.font {color: #fff; font-size: 15px; line-height: 1.14; font-family: 'NotoSans-Bold';} html[lang="ko_KR"] article.common-candidate.typeIndex section.common-candidate-footer .more p.font {font-family: 'NanumSquare-Bold';} article.common-candidate.typeIndex section.common-candidate-footer .vote {display: none;} @media (min-width: 778px) { article.common-candidate.typeIndex section.common-candidate-header .container {padding: 0;} article.common-candidate.typeIndex section.common-candidate-header h3.title {text-align: left;} article.common-candidate.typeIndex section.common-candidate-header h3.title .wrap {display: block;} article.common-candidate.typeIndex section.common-candidate-header h3.title .wrap .text p.font {font-size: 30px; line-height: 1.14;} article.common-candidate.typeIndex section.common-candidate-header h3.title .wrap .more {display: block; float: right; padding-top: 7px;} article.common-candidate.typeIndex section.common-candidate-header h3.title .wrap .more .item {cursor: pointer;} article.common-candidate.typeIndex section.common-candidate-header h3.title .wrap .more p.font {color: rgba(255, 255, 255, 0.5); font-size: 22px; line-height: 1.23; font-family: 'NotoSans-Regular';} html[lang="ko_KR"] article.common-candidate.typeIndex section.common-candidate-header h3.title .wrap .more p.font {font-family: 'NanumSquare-Regular';} article.common-candidate.typeIndex section.common-candidate-body .container {padding: 22px 0 0 0;} article.common-candidate.typeIndex section.common-candidate-body .list .wrap {width: 792px; margin: -22px -9px;} article.common-candidate.typeIndex section.common-candidate-body .list .wrap > ul > li {padding: 22px 9px;} article.common-candidate.typeIndex section.common-candidate-body .list .wrap > ul > li .object .name {padding-top: 11px;} article.common-candidate.typeIndex section.common-candidate-body .list .wrap > ul > li .object .name p.font {line-height: 1.12;} article.common-candidate.typeIndex section.common-candidate-footer .container {padding: 52px 100px 67px 100px;} article.common-candidate.typeIndex section.common-candidate-footer .more {display: none;} article.common-candidate.typeIndex section.common-candidate-footer .vote {display: block; padding: 28px; border: 1px solid #d8d8d8; border-radius: 6px; background-color: #272727; line-height: 0; text-align: center; cursor: pointer;} article.common-candidate.typeIndex section.common-candidate-footer .vote .item {display: inline-block; padding-right: 20px; background: transparent url('../../assets/images/common/go.png') no-repeat right center / 16px 16px;} article.common-candidate.typeIndex section.common-candidate-footer .vote p.font {color: #fff; font-size: 20px; line-height: 1.1; font-family: 'NotoSans-Regular';} html[lang="ko_KR"] article.common-candidate.typeIndex section.common-candidate-footer .vote p.font {font-family: 'NanumSquare-Regular';} } /* Contention */ article.common-contention {background-color: #fff;} section.common-contention-header .container {padding: 42px 16px 3px 16px;} section.common-contention-header h3.title p.font {color: #000; font-size: 20px; line-height: 1.1; font-family: 'NotoSans-Bold';} html[lang="ko_KR"] section.common-contention-header h3.title p.font {font-family: 'NanumSquare-ExtraBold';} section.common-contention-header .update {display: block; padding-top: 5px;} @supports (display: flow-root) {section.common-contention-header .update {display: flow-root;}} section.common-contention-header .update:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';} section.common-contention-header .update .wrap {display: block; float: right;} @supports (display: flow-root) {section.common-contention-header .update .wrap {display: flow-root;}} section.common-contention-header .update .wrap:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';} section.common-contention-header .update .wrap .caption {float: left;} section.common-contention-header .update .wrap .caption p.font {color: #7f7f7f; font-style: italic; font-size: 12px; line-height: 1.5; font-family: 'Gelasio-Bold';} section.common-contention-header .update .wrap .date {float: left; padding: 1px 0 2px 4px;} section.common-contention-header .update .wrap .date p.font {color: #9a9a9a; font-size: 11px; line-height: 1.37; font-family: 'NotoSans-Regular';} @media (min-width: 778px) { section.common-contention-header .container {display: block; padding: 56px 0 14px 0;} @supports (display: flow-root) {section.common-contention-header .container {display: flow-root;}} section.common-contention-header .container:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';} section.common-contention-header h3.title {float: left;} section.common-contention-header h3.title p.font {font-size: 30px; line-height: 1.14;} section.common-contention-header .update {float: right; padding: 13px 0 2px 0;} section.common-contention-header .update .wrap {float: none;} section.common-contention-header .update .wrap .caption p.font {color: rgba(0, 0, 0, 0.68); font-size: 16px; line-height: 1.19;} section.common-contention-header .update .wrap .date {padding: 1px 0 0 8px;} section.common-contention-header .update .wrap .date p.font {color: rgba(0, 0, 0, 0.39); font-size: 15px; line-height: 1.2;} } section.common-contention-body {padding-bottom: 30px;} section.common-contention-body .common-contention-body-outer {background-image: linear-gradient(90deg, #e94168 49.99%, #16cd64 50.01%);} section.common-contention-body .container {height: 104px; background: transparent url('../../assets/images/content/mobile/common-contention-bg.png') no-repeat center center / 360px 100%;} section.common-contention-body .vs {position: absolute; left: 161px; top: -4px;} section.common-contention-body .vs p.font {color: #fff; font-style: italic; font-size: 33px; line-height: 1.37; font-family: 'NotoSans-Bold';} section.common-contention-body .object .rank {position: absolute; top: 0; width: 40px; padding: 2px 0; line-height: 0; text-align: center;} section.common-contention-body .object.first .rank {left: 16px;} section.common-contention-body .object.second .rank {right: 16px;} section.common-contention-body .object .rank .wrap {display: inline-block;} section.common-contention-body .object .rank .wrap:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';} section.common-contention-body .object .rank .wrap .number {float: left;} section.common-contention-body .object .rank .wrap .number p.font {color: #fff; font-size: 12px; line-height: 1.42; font-family: 'NotoSans-Bold';} section.common-contention-body .object .rank .wrap .unit {float: left; padding: 3px 0 2px 0;} section.common-contention-body .object .rank .wrap .unit p.font {color: #fff; font-size: 10px; line-height: 1.2; font-family: 'NotoSans-Bold';} html[lang="ko_KR"] section.common-contention-body .object .rank .wrap .unit p.font {font-family: 'NanumSquare-Bold';} section.common-contention-body .object .image {position: absolute; top: 31px;} section.common-contention-body .object.first .image {left: 16px;} section.common-contention-body .object.second .image {right: 16px;} section.common-contention-body .object .image .item {overflow: hidden; width: 42px; height: 42px; border-radius: 50%; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: cover; text-indent: -1000px;} section.common-contention-body .object .information {position: absolute; bottom: 35px;} section.common-contention-body .object.first .information {left: 68px;} section.common-contention-body .object.second .information {right: 68px;} section.common-contention-body .object.first .information .name .item {text-align: left;} section.common-contention-body .object.second .information .name .item {text-align: right;} section.common-contention-body .object .information .name p.font {color: #fff; font-size: 12px; line-height: 1.15; font-family: 'NotoSans-Bold';} html[lang="ko_KR"] section.common-contention-body .object .information .name p.font {font-family: 'NanumSquare-Bold';} section.common-contention-body .object .information .vote {padding-top: 2px; line-height: 0;} section.common-contention-body .object.first .information .vote {text-align: left;} section.common-contention-body .object.second .information .vote {text-align: right;} section.common-contention-body .object .information .vote .wrap {display: inline-block;} section.common-contention-body .object .information .vote .wrap:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';} section.common-contention-body .object .information .vote .wrap .number {float: left;} section.common-contention-body .object .information .vote .wrap .number p.font {color: #fff; font-size: 14px; line-height: 1.36; font-family: 'NotoSans-Regular';} section.common-contention-body .object .information .vote .wrap .unit {float: left; padding: 5px 0 1px 2px;} section.common-contention-body .object .information .vote .wrap .unit p.font {color: #fff; font-size: 12px; line-height: 1.09; font-family: 'NotoSans-Regular';} html[lang="ko_KR"] section.common-contention-body .object .information .vote .wrap .unit p.font {font-family: 'NanumSquare-Regular';} section.common-contention-body .object .state {display: block; position: absolute; bottom: 2px;} @supports (display: flow-root) {section.common-contention-body .object .state {display: flow-root;}} section.common-contention-body .object.first .state {right: 195px;} section.common-contention-body .object.second .state {left: 177px;} section.common-contention-body .object .state:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';} section.common-contention-body .object .state .number {float: left;} section.common-contention-body .object .state .number p.font {color: #fff; font-style: italic; font-size: 22px; line-height: 1.37; font-family: 'NotoSans-Bold';} section.common-contention-body .object .state .unit {float: left; padding: 10px 0 2px 2px;} section.common-contention-body .object .state .unit p.font {color: #fff; font-style: italic; font-size: 13px; line-height: 1.39; font-family: 'NotoSans-Bold';} @media (min-width: 778px) { section.common-contention-body {padding-bottom: 40px;} section.common-contention-body .common-contention-body-inner {background: transparent url('../../assets/images/content/pc/common-contention-bg.png') no-repeat center center / 1440px 100%;} section.common-contention-body .container {height: 157px; background-image: url('../../assets/images/content/pc/common-contention-bg.png'); background-size: 1440px 100%;} section.common-contention-body .vs {left: 341px; top: 0;} section.common-contention-body .vs p.font {font-size: 54px; line-height: 1.28;} section.common-contention-body .object .rank {width: 70px; padding: 5px 0;} section.common-contention-body .object.first .rank {left: 100px;} section.common-contention-body .object.second .rank {right: 100px;} section.common-contention-body .object .rank .wrap .number p.font {font-size: 20px; line-height: 1.35;} section.common-contention-body .object .rank .wrap .unit {padding: 6px 0 5px 0;} section.common-contention-body .object .rank .wrap .unit p.font {font-size: 14px; line-height: 1.15;} section.common-contention-body .object .image {top: 33px;} section.common-contention-body .object.first .image {left: 0;} section.common-contention-body .object.second .image {right: 0;} section.common-contention-body .object .image .item {width: 92px; height: 92px;} section.common-contention-body .object .information {bottom: 51px;} section.common-contention-body .object.first .information {left: 108px;} section.common-contention-body .object.second .information {right: 108px;} section.common-contention-body .object .information .name p.font {font-size: 19px; line-height: 1.11; font-family: 'NotoSans-Regular';} html[lang="ko_KR"] section.common-contention-body .object .information .name p.font {font-family: 'NanumSquare-Regular';} section.common-contention-body .object .information .vote {padding-top: 1px;} section.common-contention-body .object .information .vote .wrap .number p.font {font-size: 23px; line-height: 1.4; font-family: 'NotoSans-Bold';} section.common-contention-body .object .information .vote .wrap .unit {padding: 8px 0 2px 4px;} section.common-contention-body .object .information .vote .wrap .unit p.font {font-size: 20px; line-height: 1.1; font-family: 'NotoSans-Regular';} html[lang="ko_KR"] section.common-contention-body .object .information .vote .wrap .unit p.font {font-family: 'NanumSquare-Light';} section.common-contention-body .object .state {bottom: 4px;} section.common-contention-body .object.first .state {right: 432px;} section.common-contention-body .object.second .state {left: 376px;} section.common-contention-body .object .state .number p.font {font-size: 39px; line-height: 1.36;} section.common-contention-body .object .state .unit {padding: 18px 0 5px 4px;} section.common-contention-body .object .state .unit p.font {font-size: 22px; line-height: 1.37;} } section.common-contention-footer {display: none;} article.common-contention.typeIndex {background-color: #202020;} article.common-contention.typeIndex section.common-contention-header .container {padding-top: 0;} article.common-contention.typeIndex section.common-contention-header h3.title p.font {color: #fff;} article.common-contention.typeIndex section.common-contention-header .update .wrap .caption p.font {color: #fff;} article.common-contention.typeIndex section.common-contention-header .update .wrap .date p.font {color: #d8d8d8;} article.common-contention.typeIndex section.common-contention-body {padding-bottom: 0;} article.common-contention.typeIndex section.common-contention-footer {display: block;} article.common-contention.typeIndex section.common-contention-footer .container {padding: 24px 17px 34px 17px;} article.common-contention.typeIndex section.common-contention-footer .vote {padding: 19px 18px 18px 18px; border: 1px solid rgba(151, 151, 151, 0.59); border-radius: 6px; line-height: 0; text-align: center; cursor: pointer;} article.common-contention.typeIndex section.common-contention-footer .vote .item {display: inline-block; padding-right: 20px; background: transparent url('../../assets/images/common/go.png') no-repeat right center / 16px 16px;} article.common-contention.typeIndex section.common-contention-footer .vote p.font {color: #fff; font-size: 15px; line-height: 1.14; font-family: 'NotoSans-Bold';} html[lang="ko_KR"] article.common-contention.typeIndex section.common-contention-footer .vote p.font {font-family: 'NanumSquare-Bold';} @media (min-width: 778px) { article.common-contention.typeIndex html[lang="ko_KR"] section.common-contention-header h3.title p.font {font-family: 'NanumSquare-Bold';} article.common-contention.typeIndex section.common-contention-header .update .wrap .caption p.font {color: rgba(255,255, 255, 0.68);} article.common-contention.typeIndex section.common-contention-header .update .wrap .date p.font {color: rgba(255,255, 255, 0.39);} article.common-contention.typeIndex section.common-contention-footer .container {padding: 40px 100px 70px 100px;} article.common-contention.typeIndex section.common-contention-footer .vote {padding: 28px; border: 1px solid #d8d8d8; background-color: #272727;} article.common-contention.typeIndex section.common-contention-footer .vote p.font {font-size: 20px; line-height: 1.1; font-family: 'NotoSans-Regular';} html[lang="ko_KR"] article.common-contention.typeIndex section.common-contention-footer .vote p.font {font-family: 'NanumSquare-Regular';} } /* Current */ article.common-current {background-color: #131313; padding-top: 10px;} section.common-current-body {background-color: #222029;} section.common-current-body .container {padding: 10px 16px; background: transparent url('../../assets/images/content/mobile/common-current-preliminaryIng.png') no-repeat center center / contain;} section.common-current-body h3.title {display: block;} @supports (display: flow-root) {section.common-current-body h3.title {display: flow-root;}} section.common-current-body h3.title:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';} section.common-current-body h3.title .caption {float: left; padding: 3px 0;} section.common-current-body h3.title .caption .item {width: 40px; padding: 11px 0 12px 0; border: 2px solid #16cd64; border-radius: 50%; text-align: center;} section.common-current-body h3.title .caption p.font {color: #16cd64; font-style: italic; font-size: 10px; line-height: 1.3; font-family: 'Gelasio-Bold';} section.common-current-body h3.title .text {float: left; padding-left: 6px;} section.common-current-body h3.title .text .item {padding: 12px 0 13px 0;} section.common-current-body h3.title .text p.font {color: #fff; font-size: 18px; line-height: 1.22; font-family: 'NotoSans-Regular';} html[lang="ko_KR"] section.common-current-body h3.title .text p.font {font-family: 'NanumSquare-Light';} @media (min-width: 778px) { article.common-current {padding: 31px 0 26px 0;} section.common-current-body .container {padding: 28px 0; background-image: url('../../assets/images/content/pc/common-current-preliminaryIng.png');} section.common-current-body h3.title .caption {padding: 0;} section.common-current-body h3.title .caption .item {width: 87px; padding: 35px 0;} section.common-current-body h3.title .caption p.font {font-size: 18px; line-height: 0.73; text-decoration: underline;} section.common-current-body h3.title .text {padding-left: 12px;} section.common-current-body h3.title .text .item {padding: 23px 0;} section.common-current-body h3.title .text p.font {font-size: 33px; line-height: 1.27;} } article.common-current.typePreliminaryResult section.common-current-body .container {background-image: url('../../assets/images/content/mobile/common-current-preliminaryResult.png');} article.common-current.typePreliminaryResult section.common-current-body h3.title .caption .item {border-color: #16cd64;} article.common-current.typePreliminaryResult section.common-current-body h3.title .caption p.font {color: #16cd64;} @media (min-width: 778px) { article.common-current.typePreliminaryResult section.common-current-body .container {background-image: url('../../assets/images/content/pc/common-current-preliminaryResult.png');} } article.common-current.typeFinalIng section.common-current-body .container {background-image: url('../../assets/images/content/mobile/common-current-finalIng.png');} article.common-current.typeFinalIng section.common-current-body h3.title .caption .item {border-color: #e94168;} article.common-current.typeFinalIng section.common-current-body h3.title .caption p.font {color: #e94168;} @media (min-width: 778px) { article.common-current.typeFinalIng section.common-current-body .container {background-image: url('../../assets/images/content/pc/common-current-finalIng.png');} } article.common-current.typeFinalResult section.common-current-body .container {background-image: url('../../assets/images/content/mobile/common-current-finalResult.png');} article.common-current.typeFinalResult section.common-current-body h3.title .caption .item {border-color: #e94168;} article.common-current.typeFinalResult section.common-current-body h3.title .caption p.font {color: #e94168;} @media (min-width: 778px) { article.common-current.typeFinalResult section.common-current-body .container {background-image: url('../../assets/images/content/pc/common-current-finalResult.png');} } /* Vote */ article.common-vote {background-color: #131313;} section.common-vote-header .container {padding: 6px 16px 9px 16px;} section.common-vote-header h3.title .item {padding-left: 30px; background-color: transparent; background-repeat: no-repeat; background-position: left 9px; background-size: 22px 16px;} section.common-vote-header h3.title p.font {color: #fff; font-style: italic; font-size: 24px; line-height: 1.5; font-family: 'Gelasio-Bold';} section.common-vote-header h3.winner, section.common-vote-header .my, section.common-vote-header .other {display: none;} section.common-vote-header .share {position: absolute; right: 16px; top: 5px;} section.common-vote-header .share .item {overflow: hidden; width: 40px; height: 40px; background: transparent url('../../assets/images/content/mobile/common-vote-share.png') no-repeat center center / contain; text-indent: -1000px; cursor: pointer;} @media (min-width: 778px) { section.common-vote-header .container {padding: 4px 24px 20px 24px;} section.common-vote-header h3.title .item {padding-left: 48px; background-position: left 14px; background-size: 35px 26px;} section.common-vote-header h3.title p.font {font-size: 38px; line-height: 1.53;} section.common-vote-header .share {right: 24px; top: 21px;} section.common-vote-header .share .item {background-image: url('../../assets/images/content/pc/common-vote-share.png');} } section.common-vote-body .container {padding: 15px 16px 10px 16px;} section.common-vote-body .information .rank {display: block; position: relative; width: 71px; border-bottom: 1px solid #fff;} @supports (display: flow-root) {section.common-vote-body .information .rank {display: flow-root;}} section.common-vote-body .information .rank:before {display: block; position: absolute; right: -34px; top: -11px; width: 34px; height: 25px; background: transparent url('../../assets/images/content/mobile/common-vote-now.png') no-repeat center center / contain; content: '';} section.common-vote-body .information .rank:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';} section.common-vote-body .information .rank .text {float: left; padding: 6px 0 2px 0;} section.common-vote-body .information .rank .text p.font {color: #fff; font-style: italic; font-size: 14px; line-height: 1.15; font-family: 'NotoSans-Bold';} html[lang="ko_KR"] section.common-vote-body .information .rank .text p.font {font-style: normal; font-family: 'NanumSquare-ExtraBold';} section.common-vote-body .information .rank .number {float: right;} section.common-vote-body .information .rank .number .item {width: 31px; text-align: center;} section.common-vote-body .information .rank .number p.font {color: #e51a6c; font-style: italic; font-size: 21px; line-height: 1.15; font-family: 'NotoSans-Bold';} section.common-vote-body .information .name {padding-top: 6px;} section.common-vote-body .information .name p.font {color: #fff; font-size: 23px; line-height: 0.87; font-family: 'NotoSans-Regular';} html[lang="ko_KR"] section.common-vote-body .information .name p.font {font-family: 'NanumSquare-Regular';} section.common-vote-body .information .caption {padding-top: 10px;} section.common-vote-body .information .caption p.font {color: rgba(255, 255, 255, 0.25); font-size: 10px; line-height: 1.2; font-family: 'NotoSans-Bold';} html[lang="ko_KR"] section.common-vote-body .information .caption p.font {font-family: 'NanumSquare-Bold';} section.common-vote-body .information .state {padding-top: 15px;} section.common-vote-body .information .state > ul {display: block; list-style: none; padding: 0; margin: 0 -3px;} @supports (display: flow-root) {section.common-vote-body .information .state > ul {display: flow-root;}} section.common-vote-body .information .state > ul:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';} section.common-vote-body .information .state > ul > li {position: relative; float: left; padding: 0 3px;} section.common-vote-body .information .state > ul > li:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';} section.common-vote-body .information .state > ul > li .number {float: left;} section.common-vote-body .information .state > ul > li .number p.font {color: #fff; font-size: 16px; line-height: 1.13; font-family: 'NotoSans-Regular';} section.common-vote-body .information .state > ul > li .unit {float: left; padding: 4px 0 2px 2px;} section.common-vote-body .information .state > ul > li .unit p.font {color: rgba(255, 255, 255, 0.5); font-size: 11px; line-height: 1.1; font-family: 'NotoSans-Regular';} html[lang="ko_KR"] section.common-vote-body .information .state > ul > li .unit p.font {font-family: 'NanumSquare-Regular';} section.common-vote-body .information .progress {padding-top: 3px;} section.common-vote-body .information .progress .wrap {height: 6px; border-radius: 3px; background-color: #6c6c6c;} section.common-vote-body .information .progress .wrap .item {overflow: hidden; min-width: 6px; height: 100%; border-radius: 3px; background-color: #e51a6c; text-indent: -1000px;} section.common-vote-body .image {position: absolute; right: 16px; top: 8px;} section.common-vote-body .image .item {overflow: hidden; width: 80px; height: 80px; border-radius: 80%; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: cover; text-indent: -1000px;} @media (min-width: 778px) { section.common-vote-body .container {padding: 16px 24px 23px 24px;} section.common-vote-body .information .rank {width: 127px; padding-bottom: 1px;} section.common-vote-body .information .rank:before {right: -66px; top: -26px; width: 66px; height: 47px; background-image: url('../../assets/images/content/pc/common-vote-now.png');} section.common-vote-body .information .rank .text {padding: 11px 0 4px 0;} section.common-vote-body .information .rank .text p.font {font-size: 25px; line-height: 1.24;} html[lang="ko_KR"] section.common-vote-body .information .rank .text p.font {font-family: 'NanumSquare-Bold';} section.common-vote-body .information .rank .number {float: right;} section.common-vote-body .information .rank .number .item {width: 50px; text-align: center;} section.common-vote-body .information .rank .number p.font {font-size: 34px; line-height: 1.36;} section.common-vote-body .information .name {padding-top: 14px;} section.common-vote-body .information .name .item {padding-top: 1px;} section.common-vote-body .information .name p.font {font-size: 35px; line-height: 0.57;} section.common-vote-body .information .caption {padding-top: 24px;} section.common-vote-body .information .caption p.font {font-size: 15px; line-height: 1.14;} section.common-vote-body .information .state {padding-top: 25px;} section.common-vote-body .information .state > ul {margin: 0 -5px;} section.common-vote-body .information .state > ul > li {padding: 0 5px;} section.common-vote-body .information .state > ul > li .number p.font {font-size: 25px; line-height: 1.08;} section.common-vote-body .information .state > ul > li .unit {padding: 4px 0 1px 4px;} section.common-vote-body .information .state > ul > li .unit p.font {font-size: 20px; line-height: 1.1;} section.common-vote-body .information .progress {padding-top: 8px;} section.common-vote-body .information .progress .wrap {height: 10px; border-radius: 5px;} section.common-vote-body .information .progress .wrap .item {min-width: 10px; border-radius: 5px;} section.common-vote-body .image {right: 24px; top: 12px;} section.common-vote-body .image .item {width: 130px; height: 130px;} } section.common-vote-footer .container {padding: 11px 16px 10px 16px;} section.common-vote-footer .vote .button {padding: 19px 18px 18px 18px; border-radius: 6px; background-color: #fff; line-height: 0; text-align: center; cursor: pointer;} section.common-vote-footer .vote .button .wrap {display: inline-block;} section.common-vote-footer .vote .button .wrap:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';} section.common-vote-footer .vote .button .wrap .number {float: left;} section.common-vote-footer .vote .button .wrap .number p.font {color: #e51a6c; font-size: 16px; line-height: 1.19; font-family: 'NotoSans-Bold';} section.common-vote-footer .vote .button .wrap .text {float: left; padding: 1px 0 2px 4px;} section.common-vote-footer .vote .button .wrap .text p.font {color: #e51a6c; font-size: 14px; line-height: 1.15; font-family: 'NotoSans-Bold';} section.common-vote-footer .vote .information {display: block; padding: 3px 4px 0 4px;} @supports (display: flow-root) {section.common-vote-footer .vote .information {display: flow-root;}} section.common-vote-footer .vote .information:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';} section.common-vote-footer .vote .information .state {display: block; float: left; padding: 3px 0 4px 0;} @supports (display: flow-root) {section.common-vote-footer .vote .information .state {display: flow-root;}} section.common-vote-footer .vote .information .state:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';} section.common-vote-footer .vote .information .state .caption {float: left;} section.common-vote-footer .vote .information .state .caption p.font {color: rgba(255, 255, 255, 0.4); font-size: 12px; line-height: 1.42; font-family: 'NotoSans-Regular';} html[lang="ko_KR"] section.common-vote-footer .vote .information .state .caption p.font {font-family: 'NanumSquare-Regular';} section.common-vote-footer .vote .information .state .remaining {float: left; padding-left: 4px;} section.common-vote-footer .vote .information .state .remaining p.font {color: #fff; font-size: 12px; line-height: 1.42; font-family: 'NotoSans-Bold';} section.common-vote-footer .vote .information .state .dash {float: left; padding: 0 1px;} section.common-vote-footer .vote .information .state .dash p.font {color: #fff; font-size: 12px; line-height: 1.42; font-family: 'NotoSans-Regular';} section.common-vote-footer .vote .information .state .total {float: left;} section.common-vote-footer .vote .information .state .total p.font {color: rgba(255, 255, 255, 0.49); font-size: 12px; line-height: 1.42; font-family: 'NotoSans-Regular';} section.common-vote-footer .vote .information .use {float: right;} section.common-vote-footer .vote .information .use > label {display: block; position: relative;} section.common-vote-footer .vote .information .use > label input {position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;} section.common-vote-footer .vote .information .use > label .item {padding: 5px 0 6px 24px; background: transparent url('../../assets/images/common/checkbox-type04-none.png') no-repeat left center / 24px 24px;} section.common-vote-footer .vote .information .use > label input:checked + .item {background-image: url('../../assets/images/common/checkbox-type04-checked.png');} section.common-vote-footer .vote .information .use > label p.font {color: rgba(255, 255, 255, 0.4); font-size: 12px; line-height: 1.09; font-family: 'NotoSans-Regular';} html[lang="ko_KR"] section.common-vote-footer .vote .information .use > label p.font {font-family: 'NanumSquare-Regular';} section.common-vote-footer .more {display: none;} @media (min-width: 778px) { section.common-vote-footer .container {padding: 9px 24px 10px 24px;} section.common-vote-footer .vote {width: 385px;} section.common-vote-footer .vote .button {padding: 21px 21px 22px 21px;} section.common-vote-footer .vote .button .wrap .number p.font {font-size: 25px; line-height: 1.36;} section.common-vote-footer .vote .button .wrap .text {padding: 1px 0 1px 6px;} section.common-vote-footer .vote .button .wrap .text p.font {font-size: 23px; line-height: 1.4; font-family: 'NotoSans-Regular';} section.common-vote-footer .vote .information {padding: 4px 0 0 0;} section.common-vote-footer .vote .information .state {display: block; float: left; padding: 6px 0;} @supports (display: flow-root) {section.common-vote-footer .vote .information .state {display: flow-root;}} section.common-vote-footer .vote .information .state .caption {padding: 5px 0;} section.common-vote-footer .vote .information .state .caption p.font {font-size: 16px; line-height: 1.13;} section.common-vote-footer .vote .information .state .remaining {padding-left: 3px;} section.common-vote-footer .vote .information .state .remaining p.font {font-size: 21px; line-height: 1.34;} section.common-vote-footer .vote .information .state .dash {float: left; padding: 0 2px;} section.common-vote-footer .vote .information .state .dash p.font {font-size: 21px; line-height: 1.34;} section.common-vote-footer .vote .information .state .total p.font {font-size: 21px; line-height: 1.34;} section.common-vote-footer .vote .information .use > label .item {padding: 11px 0 11px 41px; background-size: 40px 40px;} section.common-vote-footer .vote .information .use > label p.font {font-size: 16px; line-height: 1.13;} } article.common-vote.typePreliminaryResultMy section.common-vote-header .share {display: none;} article.common-vote.typePreliminaryResultMy section.common-vote-header .other {display: block; position: absolute; right: 16px; top: 14px; padding: 3px 4px 3px 15px; border: 1px solid rgba(151, 151, 151, 0.84); border-radius: 12px; cursor: pointer;} article.common-vote.typePreliminaryResultMy section.common-vote-header .other .item {padding: 1px 19px 1px 0; background: transparent url('../../assets/images/content/common-vote-go.png') no-repeat right center / 16px 16px;} article.common-vote.typePreliminaryResultMy section.common-vote-header .other p.font {color: #fff; font-size: 12px; line-height: 1.17; font-family: 'NotoSans-Regular';} article.common-vote.typePreliminaryResultMy section.common-vote-body {padding-bottom: 15px;} article.common-vote.typePreliminaryResultMy section.common-vote-body .information .rank:before {display: none;} article.common-vote.typePreliminaryResultMy section.common-vote-footer {display: none;} @media (min-width: 778px) { article.common-vote.typePreliminaryResultMy section.common-vote-header .other {right: 24px; top: 17px; padding: 9px 15px 10px 22px; border-color: #979797; border-radius: 24px;} article.common-vote.typePreliminaryResultMy section.common-vote-header .other .item {padding: 0 22px 0 0;} article.common-vote.typePreliminaryResultMy section.common-vote-header .other p.font {font-size: 20px; line-height: 1.35;} article.common-vote.typePreliminaryResultMy section.common-vote-body {padding-bottom: 0;} } article.common-vote.typePreliminaryResultOtherHeader section.common-vote-header .share {display: none;} article.common-vote.typePreliminaryResultOtherHeader section.common-vote-header .my {display: block; position: absolute; right: 16px; top: 14px; padding: 3px 4px 3px 15px; border: 1px solid rgba(151, 151, 151, 0.84); border-radius: 12px; cursor: pointer;} article.common-vote.typePreliminaryResultOtherHeader section.common-vote-header .my .item {padding: 1px 19px 1px 0; background: transparent url('../../assets/images/content/common-vote-go.png') no-repeat right center / 16px 16px;} article.common-vote.typePreliminaryResultOtherHeader section.common-vote-header .my p.font {color: #fff; font-size: 12px; line-height: 1.17; font-family: 'NotoSans-Regular';} article.common-vote.typePreliminaryResultOtherHeader section.common-vote-body .information .rank:before {display: none;} article.common-vote.typePreliminaryResultOtherHeader section.common-vote-footer .container {padding: 21px 16px 16px 16px;} article.common-vote.typePreliminaryResultOtherHeader section.common-vote-footer .vote {display: none;} article.common-vote.typePreliminaryResultOtherHeader section.common-vote-footer .more {display: block; padding: 19px 18px; border: 1px solid #979797; border-radius: 6px; background-color: #272727; line-height: 0; text-align: center; cursor: pointer;} article.common-vote.typePreliminaryResultOtherHeader section.common-vote-footer .more .item {display: inline-block; padding-right: 20px; background: transparent url('../../assets/images/common/go.png') no-repeat right center / 16px 16px;} article.common-vote.typePreliminaryResultOtherHeader section.common-vote-footer .more p.font {color: #fff; font-size: 14px; line-height: 1.15; font-family: 'NotoSans-Bold';} html[lang="ko_KR"] article.common-vote.typePreliminaryResultOtherHeader section.common-vote-footer .more p.font {font-family: 'NanumSquare-Bold';} @media (min-width: 778px) { article.common-vote.typePreliminaryResultOtherHeader section.common-vote-header .my {right: 24px; top: 17px; padding: 9px 15px 10px 22px; border-color: #979797; border-radius: 24px;} article.common-vote.typePreliminaryResultOtherHeader section.common-vote-header .my .item {padding: 0 22px 0 0;} article.common-vote.typePreliminaryResultOtherHeader section.common-vote-header .my p.font {font-size: 20px; line-height: 1.35;} article.common-vote.typePreliminaryResultOtherHeader section.common-vote-footer .container {padding: 24px 100px;} article.common-vote.typePreliminaryResultOtherHeader section.common-vote-footer .more {padding: 28px; border-color: #d8d8d8;} article.common-vote.typePreliminaryResultOtherHeader section.common-vote-footer .more .item {display: inline-block; padding-right: 20px; background: transparent url('../../assets/images/common/go.png') no-repeat right center / 16px 16px;} article.common-vote.typePreliminaryResultOtherHeader section.common-vote-footer .more p.font {font-size: 20px; line-height: 1.1; font-family: 'NotoSans-Regular';} html[lang="ko_KR"] article.common-vote.typePreliminaryResultOtherHeader section.common-vote-footer .more p.font {font-family: 'NanumSquare-Regular';} } article.common-vote.typePreliminaryResultOther section.common-vote-header .share {display: none;} article.common-vote.typePreliminaryResultOther section.common-vote-body .information .rank:before {display: none;} article.common-vote.typePreliminaryResultOther section.common-vote-footer .container {padding: 21px 16px 16px 16px;} article.common-vote.typePreliminaryResultOther section.common-vote-footer .vote {display: none;} article.common-vote.typePreliminaryResultOther section.common-vote-footer .more {display: block; padding: 19px 18px; border: 1px solid #979797; border-radius: 6px; background-color: #272727; line-height: 0; text-align: center; cursor: pointer;} article.common-vote.typePreliminaryResultOther section.common-vote-footer .more .item {display: inline-block; padding-right: 20px; background: transparent url('../../assets/images/common/go.png') no-repeat right center / 16px 16px;} article.common-vote.typePreliminaryResultOther section.common-vote-footer .more p.font {color: #fff; font-size: 14px; line-height: 1.15; font-family: 'NotoSans-Bold';} html[lang="ko_KR"] article.common-vote.typePreliminaryResultOther section.common-vote-footer .more p.font {font-family: 'NanumSquare-Bold';} @media (min-width: 778px) { article.common-vote.typePreliminaryResultOther section.common-vote-footer .container {padding: 24px 100px;} article.common-vote.typePreliminaryResultOther section.common-vote-footer .more {padding: 28px; border-color: #d8d8d8;} article.common-vote.typePreliminaryResultOther section.common-vote-footer .more .item {display: inline-block; padding-right: 20px; background: transparent url('../../assets/images/common/go.png') no-repeat right center / 16px 16px;} article.common-vote.typePreliminaryResultOther section.common-vote-footer .more p.font {font-size: 20px; line-height: 1.1; font-family: 'NotoSans-Regular';} html[lang="ko_KR"] article.common-vote.typePreliminaryResultOther section.common-vote-footer .more p.font {font-family: 'NanumSquare-Regular';} } article.common-vote.typeFinalIng section.common-vote-header h3.title .item, article.common-vote.typeFinalIng.china section.common-vote-header h3.title .item, article.common-vote.typeFinalIng.indonesia section.common-vote-header h3.title .item, article.common-vote.typeFinalIng.japan section.common-vote-header h3.title .item, article.common-vote.typeFinalIng.korea section.common-vote-header h3.title .item, article.common-vote.typeFinalIng.malaysia section.common-vote-header h3.title .item, article.common-vote.typeFinalIng.philippines section.common-vote-header h3.title .item, article.common-vote.typeFinalIng.singapore section.common-vote-header h3.title .item, article.common-vote.typeFinalIng.taiwan section.common-vote-header h3.title .item, article.common-vote.typeFinalIng.thailand section.common-vote-header h3.title .item, article.common-vote.typeFinalIng.vietnam section.common-vote-header h3.title .item {background-image: url('../../assets/images/content/common-vote-tta_5th.png');} article.common-vote.typeFinalResult .common-vote-inner {width: 360px; margin: 0 auto; background: transparent url('../../assets/images/common/mobile/visual.png') no-repeat center top / contain;} article.common-vote.typeFinalResult section.common-vote-header .container {padding: 20px 16px 6px 16px;} article.common-vote.typeFinalResult section.common-vote-header h3.title, article.common-vote.typeFinalResult section.common-vote-header .share {display: none;} article.common-vote.typeFinalResult section.common-vote-header h3.winner {display: block; margin: 0;} article.common-vote.typeFinalResult section.common-vote-header h3.winner .item {overflow: hidden; width: 100%; height: 66px; background: transparent url('../../assets/images/content/common-vote-winner_5th.jpg') no-repeat center center / contain; text-indent: -1000px;} article.common-vote.typeFinalResult section.common-vote-body {padding-bottom: 30px;} article.common-vote.typeFinalResult section.common-vote-body .information .rank:before {display: none;} article.common-vote.typeFinalResult section.common-vote-footer {display: none;} @media (min-width: 778px) { article.common-vote.typeFinalResult .common-vote-inner {width: 778px; background-image: url('../../assets/images/common/pc/visual.png'); background-position: center bottom;} article.common-vote.typeFinalResult section.common-vote-header .container {padding: 14px 21px 18px 21px;} article.common-vote.typeFinalResult section.common-vote-header h3.winner .item {height: 148px;} article.common-vote.typeFinalResult section.common-vote-body {padding-bottom: 37px;} } article.common-vote.china section.common-vote-header h3.title .item {background-image: url('../../assets/images/common/country-type01-china.png');} article.common-vote.indonesia section.common-vote-header h3.title .item {background-image: url('../../assets/images/common/country-type01-indonesia.png');} article.common-vote.japan section.common-vote-header h3.title .item {background-image: url('../../assets/images/common/country-type01-japan.png');} article.common-vote.korea section.common-vote-header h3.title .item {background-image: url('../../assets/images/common/country-type01-korea.png');} article.common-vote.malaysia section.common-vote-header h3.title .item {background-image: url('../../assets/images/common/country-type01-malaysia.png');} article.common-vote.philippines section.common-vote-header h3.title .item {background-image: url('../../assets/images/common/country-type01-philippines.png');} article.common-vote.singapore section.common-vote-header h3.title .item {background-image: url('../../assets/images/common/country-type01-singapore.png');} article.common-vote.taiwan section.common-vote-header h3.title .item {background-image: url('../../assets/images/common/country-type01-taiwan.png');} article.common-vote.thailand section.common-vote-header h3.title .item {background-image: url('../../assets/images/common/country-type01-thailand.png');} article.common-vote.vietnam section.common-vote-header h3.title .item {background-image: url('../../assets/images/common/country-type01-vietnam.png');} article.common-vote.america section.common-vote-header h3.title .item {background-image: url('../../assets/images/common/country-type01-america.png');} article.common-vote.unitedkingdom section.common-vote-header h3.title .item {background-image: url('../../assets/images/common/country-type01-unitedkingdom.png');} article.common-vote.mexico section.common-vote-header h3.title .item {background-image: url('../../assets/images/common/country-type01-mexico.png');} article.common-vote.activeZero section.common-vote-body .information .progress .wrap .item {display: none;} article.common-vote.activeFirst section.common-vote-body .image:after {display: block; position: absolute; left: -6px; top: -4px; width: 30px; height: 30px; background: transparent url('../../assets/images/content/common-vote-clown.png') no-repeat center center / contain; content: '';} @media (min-width: 778px) { article.common-vote.activeFirst section.common-vote-body .image:after {left: -19px; top: -4px; width: 48px; height: 48px;} } /* State */ article.common-state {background-color: #fff;} section.common-state-header .container {padding: 17px 16px 0 16px;} section.common-state-header .information {position: relative; padding: 18px 13px 13px 13px; border: 1px solid #979797; border-radius: 8px; background: transparent url('../../assets/images/content/mobile/common-state-bg.png') no-repeat center center / contain;} section.common-state-header .information h3.title {display: block;} @supports (display: flow-root) {section.common-state-header .information h3.title {display: flow-root;}} section.common-state-header .information h3.title:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';} section.common-state-header .information h3.title .text {float: left; padding: 9px 0 2px 0;} section.common-state-header .information h3.title .text p.font {color: rgba(0, 0, 0, 0.47); font-size: 11px; line-height: 1.19; font-family: 'NotoSans-Bold';} html[lang="ko_KR"] section.common-state-header .information h3.title .text p.font {font-family: 'NanumSquare-Bold';} section.common-state-header .information h3.title .number {float: left; padding-left: 2px;} section.common-state-header .information h3.title .number p.font {color: #251c02; font-size: 21px; line-height: 1.15; font-family: 'NotoSans-Bold';} section.common-state-header .information h3.title .unit {float: left; padding: 6px 0 1px 2px;} section.common-state-header .information h3.title .unit p.font {color: rgba(0, 0, 0, 0.47); font-size: 14px; line-height: 1.22; font-family: 'NotoSans-Bold';} html[lang="ko_KR"] section.common-state-header .information h3.title .unit p.font {font-family: 'NanumSquare-Bold';} section.common-state-header .information .charge {padding-top: 7px;} section.common-state-header .information .charge .item {width: 85px; padding: 7px; border-radius: 6px; text-align: center; background-color: #e51a6c; cursor: pointer;} section.common-state-header .information .charge p.font {color: #fff; font-size: 11px; line-height: 1.46; font-family: 'NotoSans-Bold';} html[lang="ko_KR"] section.common-state-header .information .charge p.font {font-family: 'NanumSquare-Bold';} section.common-state-header .caption {position: absolute; right: 7px; top: 5px;} section.common-state-header .caption p.font {color: rgba(0, 0, 0, 0.2); font-size: 10px; line-height: 1.2; font-family: 'NotoSans-Regular';} html[lang="ko_KR"] section.common-state-header .caption p.font {font-family: 'NanumSquare-Regular';} @media (min-width: 778px) { section.common-state-header .container {padding: 20px 0 0 0;} section.common-state-header .information {padding: 19px 44px; border-radius: 6px; background-image: url('../../assets/images/content/pc/common-state-bg.png');} section.common-state-header .information h3.title .text {padding: 16px 0 8px 0;} section.common-state-header .information h3.title .text p.font {font-size: 19px; line-height: 1.11;} section.common-state-header .information h3.title .number {padding-left: 4px;} section.common-state-header .information h3.title .number p.font {font-size: 33px; line-height: 1.37;} section.common-state-header .information h3.title .unit {padding: 9px 0 7px 4px;} section.common-state-header .information h3.title .unit p.font {font-size: 26px; line-height: 1.12;} section.common-state-header .information .charge {padding-top: 4px;} section.common-state-header .information .charge .item {width: 151px; padding: 9px;} section.common-state-header .information .charge p.font {font-size: 16px; line-height: 1.38;} section.common-state-header .caption {right: 12px; top: 10px;} section.common-state-header .caption p.font {color: rgba(0, 0, 0, 0.2); font-size: 14px; line-height: 1.15;} } section.common-state-body .container {display: block; padding: 17px 0 10px 0;} @supports (display: flow-root) {section.common-state-body .container {display: flow-root;}} section.common-state-body .container:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';} section.common-state-body .vote, section.common-state-body .time {float: left; width: 50%; padding: 18px 0 15px 0;} section.common-state-body h4.title .item {text-align: center;} section.common-state-body h4.title p.font {color: #272727; font-size: 13px; line-height: 1.08; font-family: 'NotoSans-Regular';} html[lang="ko_KR"] section.common-state-body h4.title p.font {font-family: 'NanumSquare-Regular';} section.common-state-body .content {padding-top: 1px; line-height: 0; text-align: center;} section.common-state-body .content .wrap {display: inline-block;} section.common-state-body .content .wrap:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';} section.common-state-body .content .wrap .number {float: left;} section.common-state-body .content .wrap .number p.font {color: #000; font-size: 22px; line-height: 1.37; font-family: 'NotoSans-Bold';} section.common-state-body .content .wrap .day {float: left; padding: 7px 4px 3px 0;} section.common-state-body .content .wrap .day p.font {color: #000; font-size: 18px; line-height: 1.12; font-family: 'NotoSans-Bold';} html[lang="ko_KR"] section.common-state-body .content .wrap .day p.font {font-family: 'NanumSquare-Bold';} section.common-state-body .content .wrap .dash {float: left; padding: 5px 2px 6px 2px;} section.common-state-body .content .wrap .dash p.font {color: #000; font-size: 14px; line-height: 1.36; font-family: 'NotoSans-Bold';} @media (min-width: 778px) { section.common-state-body .container {padding: 0 19px;} section.common-state-body .vote, section.common-state-body .time {float: left; padding: 50px 0 48px 0;} section.common-state-body .vote {width: calc(50% - 1px);} section.common-state-body .time {position: relative; width: calc(50% + 1px);} section.common-state-body .time:before {display: block; position: absolute; left: 0; top: 62px; width: 1px; height: 46px; background-color: #d5d5d5; content: '';} section.common-state-body h4.title p.font {font-size: 15px; line-height: 1.14;} section.common-state-body .content {padding-top: 3px;} section.common-state-body .content .wrap .number p.font {font-size: 38px;} section.common-state-body .content .wrap .day {padding: 11px 8px 7px 0;} section.common-state-body .content .wrap .day p.font {font-size: 30px; line-height: 1.14;} section.common-state-body .content .wrap .dash {padding: 7px 4px 9px 4px;} section.common-state-body .content .wrap .dash p.font {font-size: 26px; line-height: 1.39;} } /* None */ article.common-none {background-color: #fff;} section.common-none-body {background-color: #f2f3f8;} section.common-none-body .container {padding: 212px 0 212px 0;} section.common-none-body .none {padding-top: 50px; background: transparent url('../../assets/images/common/board-attention.png') no-repeat center top / 40px 40px;} section.common-none-body .none .item {min-height: 54px; text-align: center;} section.common-none-body .none .item p.font {color: rgba(0, 0, 0, 0.3); font-size: 14px; line-height: 1.29; font-family: 'NotoSans-Regular';} html[lang="ko_KR"] section.common-none-body .none .item p.font {font-family: 'NanumSquare-Regular';} @media (min-width: 778px) { article.common-none {padding-bottom: 156px;} section.common-none-body .container {padding: 280px 0 221px 0;} section.common-none-body .none {padding-top: 100px; background-size: 70px 70px;} section.common-none-body .none .item {min-height: 90px;} section.common-none-body .none .item p.font {font-size: 16px; line-height: 1.13;} } /* Banner */ article.common-banner {background-color: #fff;} section.common-banner-body .image .item {overflow: hidden; height: 100px; background-color: #f2f3f8; /*background-repeat: no-repeat; background-position: center center; background-size: cover; text-indent: -1000px;*/ cursor: pointer;} @media (min-width: 778px) { section.common-banner-body .image .item {height: 130px; border-radius: 6px;} } article.common-banner.typeSponsor section.common-banner-body .container {padding: 10px 16px;} article.common-banner.typeSponsor section.common-banner-body .image .item {border-radius: 4px;} @media (min-width: 778px) { article.common-banner.typeSponsor section.common-banner-body .container {padding: 15px 0;} } /* Vote Fixed */ article.common-voteFixed {visibility: hidden; position: relative; opacity: 0; z-index: 100; transition: all 0.3s ease-out;} section.common-voteFixed-body .vote {position: fixed; bottom: 36px; margin-left: 16px;} section.common-voteFixed-body .vote .item {box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2); width: 328px; padding: 20px; border-radius: 6px; background-color: #e51a6c; text-align: center; cursor: pointer;} section.common-voteFixed-body .vote p.font {color: #fff; font-size: 14px; line-height: 1.15; font-family: 'NotoSans-Bold';} html[lang="ko_KR"] section.common-voteFixed-body .vote p.font {font-family: 'NanumSquare-Bold';} article.common-voteFixed.active {visibility: visible; opacity: 1;} @media (min-width: 778px) { article.common-voteFixed.active {display: none;} } /* Top Fixed */ article.common-topFixed {visibility: hidden; position: relative; opacity: 0; z-index: 100; transition: all 0.3s ease-out;} section.common-topFixed-body .top {position: fixed; bottom: 19px; margin-left: 287px;} section.common-topFixed-body .top .item {overflow: hidden; width: 73px; height: 73px; background: transparent url('../../assets/images/content/common-topFixed-top.png') no-repeat center center / contain; text-indent: -1000px; cursor: pointer;} article.common-topFixed.active {visibility: visible; opacity: 1;} @media (min-width: 778px) { article.common-topFixed.active {display: none;} } /* vote-counting */ article.common-vote-counting {background-color: #f2f3f8;} section.common-vote-counting-body .container {display: block; padding: 100px 0 100px 0; text-align: center} section.common-vote-counting-body .container p.font {color: rgba(0, 0, 0, 0.4); font-size:20px; line-height: 1.36; font-family: 'NotoSans-Bold';} section.common-vote-counting-body .countdown {color:#000000; font-size: 25px; line-height: 1.36;}