/* pc vote2022 */
.wrapper{width: 1200px;margin: 0 auto;overflow: hidden;}
h2.sec-tit{padding: 26px 0;font-family: 'notokr-bold';font-size: 22px;}
h2.sec-tit .h2-sub{font-size: 16px;font-family: 'notokr-regular';display:inline-block;margin-left: 7px;}
.wrapper a:hover{text-decoration: underline;}

/*img ani*/
.img img{width: 100%;transition:all 0.3s;transform-origin:center center;-ms-transition:all 0.3s;-ms-transform-origin:center center;}
a:hover .img img {transform:scale(1.05); -ms-transform:scale(1.05); }
#youtube_ul li .img img, .sub-keyword .vod-list li img{margin-top: -27px;}

/* main */
.main-top{position: relative;overflow: hidden;padding-bottom: 586px;background: #01004e url(https://image.imnews.imbc.com/issue/vote2022/images/bg_main3.jpg) no-repeat top center;background: #010041;}
.main-top .wrap-news{position: absolute;width: 1920px;left:50%;margin-left: -960px;height: 584px;overflow: hidden;}
.main-top .wrap-news a{display: block;}
.main-top .wrap-news .main-news{float: left;width: 1041px;position: relative;}
.main-top .wrap-news .main-news .txt{width: 500px;position: absolute;bottom: 34px;left: 50%;margin-left: -156px;color: #fff;z-index: 10;}
.main-top .wrap-news .main-news .img{width: 1040px;height: 585px;opacity: .6;}
.main-top .wrap-news .main-news .img img{width: 100%;}
.main-top .wrap-news .main-news .img:after{content: '';width: 184px;height: 100%;position: absolute;top: 0;right: 0;background: url(https://image.imnews.imbc.com/issue/vote2022/images/bg_news.png) repeat-y right top;}
.main-top .wrap-news .main-news .img:before{content: '';width: 100%;height: 100%;position: absolute;bottom: 0;right: 0;background: url(https://image.imnews.imbc.com/issue/vote2022/images/bg_maintop.png) repeat-x left bottom;z-index:10;}
.main-top .wrap-news .main-news .tit{display: block;margin-bottom: 10px;font-size: 40px;font-family: 'notokr-medium';line-height: 51px;}
.main-top .wrap-news .main-news .sub-tit, .main-top .wrap-news .main-news .date{display: block;font-size: 14px;line-height: 26px;}
.main-top .wrap-news .main-news .date{display: inline-block;margin-top: 9px;padding: 0 5px;background: #fff;color: #000000;line-height: 19px;letter-spacing: -.03rem;}
.main-top .wrap-news .main-news a:hover .tit{text-decoration: underline;}
.main-top .wrap-news .news-list{float: right;width: 500px;position: absolute;left: 50%;margin-left: 100px;top: 24px;color: #fff;}
.main-top .wrap-news .news-list .type1{margin-bottom: 20px;}
.main-top .wrap-news .news-list .type1 li{font-size: 18px;line-height: 44px;overflow: hidden;}
.main-top .wrap-news .news-list .type1 .title{width: 414px;float: left;margin-right: 20px;}
.main-top .wrap-news .news-list .date{display: block;float: right;color: #c9c9c9;font-size: 12px;letter-spacing: 0;text-align: right;}
.main-top .wrap-news .news-list .type2 li{border-top: 1px solid rgba(255,255,255,.2);padding: 16px 0;overflow: hidden;}
.main-top .wrap-news .news-list .type2 .txt{float: left;width: 330px;font-size: 18px;line-height: 26px;overflow: hidden;text-align: left;}
.main-top .wrap-news .news-list .type2 .title{margin-bottom: 6px;height: 52px;overflow: hidden;}
.main-top .wrap-news .news-list a:hover .title{text-decoration: underline;}
.main-top .wrap-news .news-list .type2 li .img{float:right;width: 140px;height: 78px;overflow: hidden;}
.main-top .wrap-news .news-list .type2 li img{width: 100%;}
.main-top .wrap-news .news-list .type2 .date{
    float: inherit;
}

/* graph */
.main-mid{}
.wrap-poll{padding-bottom: 15px;position: relative;}
.wrap-poll .href{position: absolute;right: 10px;top: 33px;}
.wrap-poll #candidate-container{padding: 0 20px;height:400px;width: 1200px;box-sizing: border-box;}

/*event*/
.wrap-event{position: relative;border-bottom:1px solid #d2d2d2;margin-top: 25px;margin-bottom:25px;}
.wrap-event .wrapper{padding: 45px 0;}
.wrap-event .ban-left{float: left;width: 590px;position: relative;}
.wrap-event .ban-right{float: right;width: 590px;position: relative;}
.wrap-event .ban-slide-wrap .item img{width: 100%;}
.wrap-event .ban-count{position: absolute;right: 57px;top: -31px;color: #7d7d7d;font-size: 12px;letter-spacing: 0;}
.wrap-event .slick-arrow{width: 23px;height: 23px;position: absolute;right: 0;top: -33px;text-indent: -9999px;z-index: 10;}
.wrap-event .slick-prev{right: 22px;background: url(https://image.imnews.imbc.com/issue/vote2022/images/btn_left.jpg) no-repeat;}
.wrap-event .slick-next{background: url(https://image.imnews.imbc.com/issue/vote2022/images/btn_right.jpg) no-repeat;}

.wrap-onair .onair-list{float: left;width: 380px;padding-left: 5px;}
.wrap-onair .onair-list ul{padding-left: 10px;border-left: 1px solid #eeeeee;}
.wrap-onair .onair-list li{padding-left: 100px;background: url(https://image.imnews.imbc.com/issue/vote2022/images/onair_off.png) left 3px no-repeat;position: relative}
.wrap-onair .onair-list li:after{content: '';position: absolute;left: -16px;top: 16px;width: 10px;height: 10px;border-radius: 50%;background: #cbcbcb;}
.wrap-onair .onair-list li.on{background: url(https://image.imnews.imbc.com/issue/vote2022/images/onair_on.png) left 3px no-repeat;}
.wrap-onair .wrap-player{float: right;width: 800px;height: 448px;margin-bottom: 50px;}
.wrap-onair .wrap-player .player, .wrap-onair .wrap-player iframe{width: 100%;height: 100%;}
.wrap-onair .wrap-player .player{display: none;}
.wrap-onair .wrap-player .player:first-child{display: block;}

/*onair*/
.wrap-onair .onair-list li{margin-bottom: 20px;}
.wrap-onair .onair-list button{text-align: left;letter-spacing: -.065em;}
.wrap-onair .onair-list .tit{margin-bottom: 5px;font-size: 22px;color: #000000;font-family: 'notokr-bold';}
.wrap-onair .onair-list .time{display: block;margin-top: 3px;color: #7d7d7d;font-size: 16px;font-family: 'notokr-regular';}

/*vod*/
.wrap-vod{background: #f9f9f9}
.wrap-vod .wrapper{position: relative;}
.main .tabs{position: absolute;left: 240px;top: 23px;}
.tabs ul{overflow: hidden;}
.tabs li{float: left;margin-right: 10px;line-height: 35px;border-radius: 18px;background: #fff;border: 1px solid #dcdcdc;}
.tabs li button,.tabs li a{display: block;padding: 0 20px;font-size: 16px;color: #7d7d7d;font-family: 'notokr-regular';line-height: 35px;}
.tabs .radio{background: #ffece7;border: 1px solid #e5b9ac;}
.tabs li.on{border: 2px solid #010e82;}
.tabs li.on button, .tabs li.on a{font-family: 'notokr-bold';font-size: 16px;color: #010e82;}
.wrap-vod .vod-list ul{overflow: hidden;}
.wrap-vod .vod-list li{float:left;width: 290px;margin-right: 13px;margin-bottom:40px;overflow: hidden;}
.wrap-vod .vod-list li:nth-child(4n){margin-right: 0;}
.wrap-vod .vod-list li .img{display: block;width: 100%;height: 162px;overflow: hidden;}
.wrap-vod .vod-list li img{width: 100%;}
.wrap-vod .vod-list li .txt{padding: 14px 18px;border: 1px solid #dedede;font-size: 16px;line-height: 26px;background: #fff;}
.wrap-vod .vod-list li .title{height: 52px;overflow: hidden;}
.wrap-vod .vod-list li .date{display: block;margin-top: 10px;color: #7d7d7d;font-size: 12px;}
.btn-more{display: block;width: 280px;height: 50px;line-height: 50px;margin:0 auto 50px;background: #fff;border: 1px solid #dcdcdc;font-size: 15px;font-family: 'notokr-medium';letter-spacing: -.05rem;}
.btn-more span{display: inline-block;padding-right: 20px;background: url(https://image.imnews.imbc.com/issue/vote2022/images/more.png) no-repeat right center;}

/*info*/
.wrap-info .tit{margin-bottom: 35px;text-align: center;font-size: 21px;font-family: 'notokr-medium';}
.wrap-info .tit span{color: #0c006b;}
.wrap-info ul{display: flex;text-align: center;padding-bottom: 50px;justify-content: center;}
.wrap-info li{width: 240px;padding: 18px 0 18px 23px;box-sizing: border-box;display: inline-block;margin:0 10px;border-radius: 8px;background: #fff;border: 1px solid #eee;box-shadow: 0 5px 30px rgb(0 0 0 / 16%);}
.wrap-info li img{float: left;margin-top: 18px;}
.wrap-info li .txt{float: right;margin-top: 17px;width: 153px;text-align: left;}
.wrap-info .info-tit{display: block;font-size: 18px;font-family: 'notokr-bold';}
.wrap-info .date{font-size: 13px;color: #787878;font-family: 'notokr-demilight';}

/*archive*/
.wrap-arch{padding: 10px 0 100px;background: #f9f9f9;}
.wrap-arch .wrapper{overflow:visible}
.wrap-arch ul{text-align: center;}
.wrap-arch li{width: 320px;padding: 40px 0;display: inline-block;margin:0 15px;border-radius: 8px;background: #fff url(https://image.imnews.imbc.com/issue/vote2022/images/ico_arr.png) 94% center no-repeat;box-shadow: 6px 14px 14px rgb(0 0 0 / 7%);}
.wrap-arch li span{display: inline-block;width: 150px;margin-top: 7px;font-size: 18px;text-align: left;font-family: 'notokr-bold';line-height: 21px;}