@charset "UTF-8";
@import url("common.css");

.main .navi>ul>li.main_lst a {
    font-weight: bold;
}

.main .navi>ul>li.main_lst a:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #000;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    position: absolute;
    bottom: 8px;
    left: 0;
    font-weight: bold;
}

/* 여론조사 M*/
.candidate-container {
    width: 100%;
    max-width: 1920px;
    min-width: 280px;
    height: 330px;
    margin: 25px 0;
}

/* 이 시각 대선현장 */
.live_wrap {
    background: #fffaf8;
    padding: 20px 0;
}

.live_list ul {
    max-width: 720px;
}

.live_list ul li {
    width: 100%;
    overflow: hidden;
    padding-top: 15px;
}

.live_list ul .live_on {
    background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/live_ico_on.png) 0 0 no-repeat;
    background-size: 80px;
    background-position: 20px -315px;
    cursor: pointer;
}

.live_list ul .live_off {
    background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/live_ico_off.png) 0 0 no-repeat;
    background-size: 80px;
    background-position: 20px -315px;
}

.live_list ul li span,
.live_list ul li p {
    margin-left: 120px;
}

.live_list ul li .live_title {
    font-weight: bold;
    padding-top: 8px;
}

.live_list ul li .live_time {
    color: #7d7d7d;
    color: #7d7d7d;
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 15px;
    display: block;
}

.live_list ul li .live_img {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    float: left;
    background: #000;
    display: none;
}

.live_list ul li .live_img:before {
    content: '';
    display: block;
    width: 12%;
    max-width: 90px;
    height: 14vw;
    max-height: 105px;
    background: url(https://image.imnews.imbc.com/issue/vote2022/m/images/live_ico.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -7vw;
    margin-left: -6%;
}

.live_list ul li>div {
    width: 100% !important;
    height: 0 !important;
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden;
}

.live_list ul li>div iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* 이벤트 배너 */
.promo_wrap {
    padding: 0;
}

.promo_section {
    padding-top: 30px;
}

.promo_wrap .slick-slide {
    max-height: 320px;
    overflow: hidden;
}

.promo_wrap .slick-dots {
    overflow: hidden;
    margin: 15px auto 25px;
}

.promo_wrap .slick-dots li {
    float: left;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #7f7f7f;
    margin: 5px;
    cursor: pointer;
}

.promo_wrap .slick-dots li button {
    font-size: 0;
}

.promo_wrap .slick-dots li.slick-active {
    background: #7f7f7f;
}

.promo_banner {
    width: 100%;
    padding: 0 0 30px 0;
    max-width: 720px;
    margin: 0 auto;
}

.promo_banner a {
    display: block;
}

/* 영상으로 보는 대선 이슈 */
.keyword_wrap {
    background: #fafafa;
    padding-bottom: 45px;
}

.keyword_tab {
    width: 100%;
    max-width: 654px;
    min-width: 290px;
    padding: 15px 0 10px;
}

.keyword_tab ul {
    overflow: hidden;
}

.keyword_tab ul li {
    width: 46%;
    height: 30px;
    margin-left: 20px;
    line-height: 30px;
    float: left;
    background: #fff;
    border-radius: 15px;
    border: 1px solid #d2d2d2;
    margin-top: 10px;
    text-align: center;
    cursor: pointer;
}

.keyword_tab ul li:nth-child(odd) {
    margin-left: 0;
}

.keyword_tab ul li span {
    display: inline-block;
}

.keyword_tab ul li.radio_focus {
    background: #f4f1f1;
    border-color: #d9d0cf;
}

.keyword_tab ul li.keyword_active {
    color: #fff;
    border: none;
    background: #a27b63;
    font-family: 'notokr-bold';
    font-weight: bold;
}

/* 선거정보 */
.info_wrap {
    max-width: 680px;
    padding-bottom: 20px;
}

.info_text {
    font-size: 16px;
    line-height: 24px;
    padding: 20px 0;
}

.info_text strong {
    font-family: 'notokr-bold';
    font-weight: bold;
}

.info_text .info_d_day {
    font-family: 'notokr-bold';
    font-weight: bold;
    color: #a27b63;
}

.info_list ul {
    overflow: hidden;
    padding-bottom: 20px;
}

.info_list ul li {
    width: 100%;
    margin: 14px 0 14px 0;
    float: left;
    font-size: 13px;
    color: #787878;
    padding-left: 65px;
}

.info_list ul .if_lst_01 {
    background: url(https://image.imnews.imbc.com/issue/2022vote/m/images/info_ico_01.png) no-repeat;
    background-size: 62px;
    background-position: 0 0;
}

.info_list ul .if_lst_02 {
    background: url(https://image.imnews.imbc.com/issue/2022vote/m/images/info_ico_02.png) no-repeat;
    background-size: 62px;
    background-position: 0 0;
}

.info_list ul .if_lst_03 {
    background: url(https://image.imnews.imbc.com/issue/2022vote/m/images/info_ico_03.png) no-repeat;
    background-size: 62px;
    background-position: 0 0;
}

.info_list ul .if_lst_04 {
    background: url(https://image.imnews.imbc.com/issue/2022vote/m/images/info_ico_04.png) no-repeat;
    background-size: 62px;
    background-position: 0 0;
}

.info_list ul li .info_title {
    font-size: 14px;
    font-family: 'notokr-bold';
    font-weight: bold;
    color: #000;
    display: inline-block;
    margin: 0 0 4px;
}

.info_list ul li .covid_time {
    font-size: 12px;
}

/* 역대 선거 아카이브 */
.archive_section {
    border-bottom: none;
}

.archive_wrap {
    padding: 20px 0;
}

.archive_list {
    width: 100%;
    max-width: 690px;
}

.archive_list ul {
    overflow: hidden;
}

.archive_list ul li {
    width: 33.333%;
    float: left;
}

.archive_list ul li a {
    display: block;
    width: 100%;
}

/* 광역단체장 선호도 */
.main .research_section .section_top {
    border-bottom: 0;
}

.main .research_section .mayor_wrap {
    margin-bottom: 20px;
}

/* 역대 지방선거 투표율 */
.graph_image {
    max-width: 720px;
    padding: 20px 20px 40px 20px;
}

/* 역대 지방선거 득표수 */
.atv_select {
    position: absolute;
    top: 14px;
    right: 20px;
}

.atv_select select {
    width: 125px;
    height: 30px;
    line-height: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(https://image.imnews.imbc.com/issue/2022vote/m/images/icon-dropdown.png) no-repeat;
    background-size: 14px;
    background-position: 93% 10px;
    color: #000;
    padding-left: 20px;
}

.headline_section,
.keyword_section {
    background: #fff;
}

@media all and (min-width: 700px) {
    .live_list ul li .live_img:before {
        width: 90px;
        height: 105px;
        margin-top: -45px;
        margin-left: -45px;
    }
}

@media all and (min-width: 720px) {}

@media all and (max-width: 355px) {
    .menu_top ul {
        width: 270px;
        margin-left: 25px;
    }

    .menu_top ul li {
        width: 70px;
        margin: 0 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.openvote_area {
    position: relative;
    margin-top: 2px;
    min-width: 340px;
}

.openvote_area li {
    width: 100%;
    max-width: 720px;
    line-height: 40px;
    display: block;
    text-align: left;
    font-size: 13px;
    position: relative;
    height: 40px;
    padding: 0 20px;
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden;
    white-space: nowrap;
}

.openvote_area li:first-child {
    border-top: 1px solid #d9d9d9;
    background: #f8f8fa;
}

.openvote_area li span {
    display: inline-block;
    font-size: 14px;
    letter-spacing: -0.075em;
    color: #000;
    width: 10%;
}

.openvote_area li span:last-child {
    margin-right: 0;
}

.openvote_area li .lank,
.openvote_area li .hubo_name {
    width: 12%;
}

.openvote_area li .party_txt {
    font-size: 12px;
    color: #7d7d7d;
    text-align: center;
}

.openvote_area li .hubo_percent {
    font-size: 14px;
    font-family: 'notokr-bold';
    text-align: right;
}

.openvote_area li .hubo_vote {
    font-size: 12px;
    color: #7d7d7d;
    text-align: right;
}

/* 사전 투표율 */
.votestate_section {
    background: #FFF;
}

.votestate_section .section_top {
    margin-top: 30px;
}

.votestate_section #prevote_rate_time {
    margin-top: 0px;
}

.votestate_section #prevote_rate_time_2 {
    margin-top: 0px;
}

.votestate_section .votestate_count {
    font-size: 18px;
    margin: 0 auto;
    width: 222px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #eeeeee;
    border-radius: 20px;
    margin-top: 20px;
}

.votestate_section .votestate_count strong {
    font-family: 'notokr-bold';
}