@charset "UTF-8";
@import url('https://font.imbc.com/mbcnew/mbcnew.css');
@import url('https://font.imbc.com/noto/noto.css');
@import url('https://font.imbc.com/nanumgothic/nanumgothic.css');

/* Common */
* {margin: 0 auto; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html {overflow-y: scroll;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; color: inherit;}
iframe {overflow: hidden; margin: 0; padding: 0; border: 0;}
fieldset, img {max-width: 100%; border: none; vertical-align: middle;}
ol, ul, li {list-style: none;}
address, em {font-style: normal;}
table {width: 100%; border-collapse: collapse; border-spacing: 0;}
th {font-weight: normal; text-align: left;}
caption {text-indent: -9999px; height: 0; overflow: hidden; line-height: 0;}
body, input, select, textarea, button {font: 14px/1.3  'notokr-regular', "Noto Sans CJK KR", "Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", 'Malgun Gothic', '맑은 고딕', 'notokr-regular', 'Nanum Gothic', Arial, "Helvetica Neue", Helvetica, sans-serif; letter-spacing: -0.05em;}
input, select, textarea {border: 1px solid #bbb;}
button {overflow: visible; border: 0 none; background-color: transparent; font-size: 100%; font-family: 'notokr-regular'; cursor: pointer;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
strong {font-weight: normal;}
.cf:after, .cf:before {content: ''; clear: both; display: block;}
.blind {position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px;}
.ellipsis {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ellipsis2 {text-overflow: ellipsis; overflow: hidden; display:-webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.ellipsis3 {text-overflow: ellipsis; overflow: hidden; display:-webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}
.hidden {height:100%; overflow: hidden; touch-action:none;}
.btnGnbEvent {position: relative;}
.sortable-handler {touch-action: none; overflow: hidden;}

/* layout */
#wrap {width: 100%; min-width: 320px; overflow: hidden;}
.wide {box-sizing: border-box; position: relative; max-width: 720px; width: 100%; margin: 0 auto; padding: 0 5.56%;}
button {color: #000;}

/* accessibility */
#u_skip {position: absolute; top: 0; left: 0; z-index: 9999; width: 100%; text-align: left;}
#u_skip a {display: block; position: absolute; top: -1000px; left: 0; z-index: 500; width: 100%; text-align: center;}
#u_skip a:focus, #accessibility a:active {position: absolute; top: 0; z-index: 1000; height: 40px; background: #000; color: #fff; line-height: 40px;}

/* section */
section {border-bottom: 8px solid #f0f0f0;}
section.sec_rate {border: none;}

/* Header */
#header {position: relative; width: 100%; height: 70px; background: url('/images/bg_header.jpg') no-repeat center/cover;}
#header .wide {position: relative; height: 70px;}
#header .wide .left .link {position: absolute; top: 15px; left: 5.56%; display: inline-block; width: 53.5px; height: 9.5px; background: url('/images/img_logo_imnews.png') no-repeat; background-size: 53.5px 9.5px;}
#header .wide .left .link .mbc-btn {position: absolute; top: 0; left: 0; width: 32px; height: 9.5px;}
#header .wide .left .link .news-btn {position: absolute; top: 0; right: 0; width: 21.5px; height: 9.5px;}
#header .logo {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 94px; height: 50px; background: url('/images/img_logo_2025vote.png') no-repeat center/cover;}
#header .logo a {display: block; width: 100%; height: 100%;}
#header .right {position: absolute; top: 15px; right: 5.56%; display: flex; flex-direction: column; color: #fff; text-align: center;}
#header .right .txt {display: inline-block; padding-bottom: 2px; opacity: .8; font-family: 'notokr-medium'; font-size: 11px; line-height: 11px; letter-spacing: -.04em; border-bottom: 1px solid rgba(255, 255, 255, .3);}
#header .right .dday {display: inline-block; padding-top: 2px; opacity: .5; text-align: right; font-family: 'notokr-bold'; font-size: 21px; line-height: 21px; letter-spacing: .1em;}
#header .right.today .txt {opacity: .5; letter-spacing: -.075em;}
#header .right.today .dday {padding-top: 1px; opacity: .8; font-size: 15px; letter-spacing: -.075em; }
#header .right.live .live-bx {display: flex; justify-content: center; align-items: center; width: 50px; height: 17.5px; font-family:'notokr-medium'; color: #000; font-size: 12px; letter-spacing: 0; background: #fff; border-radius: 4px;}
#header .right.live .live-bx::before {content: ''; display: inline-block; margin-right: 4px; width: 7.5px; height: 7.5px; background-color: #eb6100; border-radius: 50%; animation: blink 1s ease-in-out infinite alternate;}
#header .right.live .txt {margin-top: 6px; font-size: 13px; border-bottom: none;}
#header .right.live .txt::after {display: none;}

@keyframes blink {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* Navigation */
.navi { width: 100%; height: 45px; background-color: #2f2256;}
.navi.fixed {position: fixed; z-index: 150; top: 0; left: 0; width: 100%;}
.navi ul {overflow-x: auto; display: flex; flex-wrap: nowrap; padding: 0 5.56%; height: 45px; -ms-overflow-style: none;}
.navi ul::-webkit-scrollbar {display: none;}
.navi ul li {position: relative; display: inline-block; height: 45px; padding-top: 12px; white-space: nowrap;}
.navi ul li:not(:last-of-type) {margin-right: 15px;}
.navi ul li a {white-space: nowrap;}
.navi ul li a, .navi ul li label {position: relative; display: inline-block; color: #fff; font-family: 'mbcnew-light'; font-size: 16px; letter-spacing: -.04em; }
.navi ul li.on a, .navi ul li.on label {font-family: 'mbcnew-bold';}
.navi ul li select {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; color: transparent; border: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer;}
.navi ul li select:focus {outline: none;}
.navi ul li select option {color: #000;}
.navi ul li.on a::after {content: ''; position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%); width: 100%; height: 3px; background-color: #fff; border-radius: 10px;}
.navi ul.center {display: flex; justify-content: center;}
.navi ul.center li {margin: 0;}
.navi ul.center li:not(:last-of-type) {margin-right: 23px;}

/* Footer */
.footer {padding: 11px 0 25px; text-align: center; color: #3c3c3c; letter-spacing: -.075em;}
.footer .footer-sns { margin-bottom: 25px;}
.footer .footer-sns li {display: inline-block; width: 25px; height: 25px; margin-right: 15px; font-size: 0;}
.footer .footer-sns li:last-of-type {margin: 0;}
.footer .footer-sns li a {display: block; width: 100%; height: 100%; background: url('/images/ico_footer_sns_v3.png') no-repeat center/cover; background-size: 175px; text-indent: -9999px;}
.footer .footer-sns li.sns-youtube a {background-position: -75px 50%;}
.footer .footer-sns li.sns-facebook a {background-position: -125px 100%;}
.footer .footer-sns li.sns-twitter a {background-position: 100% 50%;}
.footer .footer-sns li.sns-instagram a {background-position: -50px 50%;}
.footer .footer-sns li.sns-band a {background-position: 0 100%;}
.footer .footer-sns li.sns-post a {background-position: -125px 50%;}
.footer .footer-sns li.sns-kakao a {background-position: -100px 50%;}
.footer .footer-nav {margin-bottom: 10x; font-size: 14px;}
.footer .footer-nav li {display: inline-block; padding-left: 10px; margin: 0 0 5.5px 10px; background: url('/images/img_line_vert.png') no-repeat 0 50%; background-size: 1px;}
.footer .footer-nav li:first-child {margin: 0; padding: 0; background: none;}
.footer p.copy {margin: 20px 0; letter-spacing: -.04em; line-height: 21px;}
.footer p.copy:last-of-type {margin-bottom: 20px;}
.footer img.logo {height: 28px;}