@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;600;700;900&display=swap');
*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;font-family:'Noto Sans KR', sans-serif, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움";font-weight:400;color:#333;font-size:15px;}
/*------------------------------------------------------------------------------
                                        LAYOUT
-------------------------------------------------------------------------------*/
#wrap{min-width:320px;overflow:hidden;background:#f5f5f5}
#container,
#container_V3{max-width:640px;margin:0 auto;background:#FFF;}

html {
    font-size:10px;
}

.cor_999 {
    color:#999 !important;
}
.cor_5671d1 {
    color:#5671d1 !important;
}
.cor_fd5a73 {
    color:#fd5a73 !important;
}
.bgcol_333 {
    background-color:#333 !important;
}

.mg_r_3_4p {
    margin-right:3.4% !important;
}
/*------------------------------------------------------------------------------
                                        HEADER
-------------------------------------------------------------------------------*/
.m_gnb {
    height:54px;
    padding:15px 15px 0 15px;
    box-sizing:border-box;
    background:#e60012
}
.m_gnb:after{content:"";display:block;clear:both}
.m_gnb .btn_menu a{float:right;width:25px;height:25px;font-size:0}
.m_gnb .btn_menu a:after{position:absolute;top:0;left:0;display:inline-block;width:25px;height:25px;background-position:-456px -106px}
.m_gnb .m_logo a{float:left;width:102px;height:25px;font-size:0}
.m_gnb .m_logo a:after{top:0;left:0;display:inline-block;width:102px;height:25px;background-position:-364px -16px}
.m_gnb .sub_logo{float:left}
.m_gnb .sub_logo a{float:left;width:23px;height:23px;font-size:0}
.m_gnb .sub_logo a:after{top:0;left:0;display:inline-block;width:23px;height:23px;background-position:-328px -135px}
.m_gnb .sub_logo i{display:inline-block;padding:0 0 0 10px;font-size:1.3em;color:#fff}
.m_gnb .sidesite{float:right;width:89px;height:22px;margin:5px 0 0 0;font-size:0}
.m_gnb .sidesite a:after{top:0;left:0;display:inline-block;width:89px;height:22px;background-position:-160px -14px}
.m_gnb .m_search a{float:right;width:25px;height:25px;margin:0 20px 0 0;font-size:0}
.m_gnb .m_search a:after{top:0;left:0;display:inline-block;width:25px;height:25px;background-position:-423px -106px}
.on_m_search{display:none}
.on_m_search.open{position:relative;display:block;width:100%;height:60px;background:#fff;z-index:100}
.on_m_search.open div{overflow:hidden;position:relative;top:0;width:100%;margin:0 auto;text-align:center}
.on_m_search.open div input{float:left;width:80%;height:60px;text-indent:20px;font-size:1.3em}
.on_m_search.open div label{float:left;width:20%;background:#b3020f;}
.on_m_search.open div label a{display:inline-block;width:100%;height:60px;line-height:60px;color:#fff}
.on_m_search .btn_close{position:absolute;top:-39px;right:59px;width:26px;height:26px;font-size:0;cursor:pointer}
.on_m_search .btn_close:after{top:0;left:0;width:26px;height:26px;background-position:-456px -142px;z-index:10;}
.m_allmenu_box{display:none!important}
.m_allmenu_box>div{width:85%;margin:0 auto}
.m_allmenu_box.open{display:block!important;position:fixed;top:0px;left:0;width:100%;height:100%;overflow-y:scroll;padding:50px 0 0;background:#fff;z-index:100}
.m_allmenu_box .btn_close{position:absolute;top:20px;right:30px;width:30px;height:30px;font-size:0;cursor:pointer;background:#fff}
.m_allmenu_box .btn_close:before{content:"";position:absolute;bottom:-13px;left:0;width:30px;height:3px;background:#333;z-index:5}
.m_allmenu_box .btn_close:after{top:0;left:0;width:30px;height:30px;background-position:-59px -70px;z-index:10}
.m_allmenu_box .mypage_infoarea{  margin-top:30px; margin-bottom:30px; height:55px}
.m_allmenu_box .mypage_infoarea{margin-top:30px;margin-bottom:30px;height:55px}
.m_allmenu_box .mypage_infoarea>.login_before, 
.m_allmenu_box .mypage_infoarea>.login_after{line-height:55px}
.m_allmenu_box .mypage_infoarea>.login_before span, 
.m_allmenu_box .mypage_infoarea>.login_after span{position:relative;padding:0 0 0 60px;font-size:1.1em;font-weight:600}
.m_allmenu_box .mypage_infoarea>.login_before span:before{content:"";position:absolute;top:-14px;left:0;width:52px;height:52px;background-position:-212px -59px}
.m_allmenu_box .mypage_infoarea>.login_before span:after{content:"";position:absolute;top:3px;right:-17px;width:10px;height:18px;background-position:-428px -76px}
/* 로그인했을때 */
.m_allmenu_box .mypage_infoarea>.login_after:after{content:"";display:block;clear:both}
.m_allmenu_box .mypage_infoarea>.login_after>a:first-child{float:left;height:55px;line-height:55px}
.m_allmenu_box .mypage_infoarea>.login_after span em{color:#e60012;font-weight:600}
.m_allmenu_box .mypage_infoarea>.login_after .logoutwant{float:right;height:55px;line-height:55px;padding:0 40px 0 0;color:#888}
.m_allmenu_box .mypage_infoarea>.login_after .logoutwant:after{content:"";position:absolute;top:11px;right:0px;width:32px;height:33px;background-position:-162px -69px}
.m_allmenu_box .mypage_infoarea>.login_after span:before{content:"";position:absolute;top:-14px;left:0;width:52px;height:52px;background-position:-359px -59px}
/* e뉴스플러스/스냅타임/기자뉴스룸 */
.second_content{margin:0 0 50px 0}
.second_content:after{content:"";display:block;clear:both}
.second_content ul li{position:relative;float:left;width:25%}
.second_content ul li:first-child:after, 
.second_content ul li:nth-child(2):after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:#fff}
.second_content ul li a{display:inline-block;width:100%;height:84px;line-height:84px;color:#fff;font-weight:600;font-size:1.1em;text-align:center;background:#333}
/* 전체메뉴 */
.m_allmenulist{width:100%!important}
.m_allmenulist:after{content:"";display:block;clear:both}
.m_allmenulist ul{display:inline-block;padding:30px 0}
.m_allmenulist ul li{float:left;width:33.3%}
.m_allmenulist ul li a{display:inline-block;width:100%;height:85px;line-height:85px;text-align:center;font-size:1.4em;font-weight:600}

/*--------------------------------------------------------------------------------------------------------------------------------------------------
                                                                        FOOTER
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.foot_mn{background:#222222}  
.foot_mn:after{content:"";clear:both;display:block}  
.foot_mn li{float:left;width:25%;text-align:center}
.foot_mn li a{display:block;color:#bbbbbb;padding:15px 0;position:relative;font-size:14px}  
.foot_mn li a:before{content:"";width:1px;height:15px;background:#000000;position:absolute;left:0;top:50%;margin-top:-8px;display:block}  
.foot_mn li:first-child a:before{width:0;height:0}  
#footer{max-width:640px;margin:0 auto;-webkit-text-size-adjust:none;background:#fff;border-top:1px solid #ddd}  
#footer .copy{text-align:center;color:#999999;font-size:0.8em;padding:15px 0}  
#footer .copy a{color:#999999;font-size:13px}
/* 모바일 서비스 */
.svc_list:after{content:"";clear:both;display:block}  
.svc_list li{text-align:center;float:left;width:25%}  
.svc_list li a{display:block;color:#999999;font-size:0.875rem}  
.svc_list li a:before{content:"";display:block;width:70px;height:70px;margin:0 auto 5px;background:url("https://image.edaily.co.kr/images/mobile/new_ico_edaily.png") no-repeat;background-size:500px auto}
.svc_list li a.bold{font-weight:bold}  
.svc_list li.news a:before{background-position:-5px -313px}  
.svc_list li.mvp a:before{background-position:-80px -313px}  
.svc_list li.stock a:before{background-position:-155px -313px}  
.svc_list li.air a:before{background-position:-229px -313px}  
/* 이데일리SNS */
.sns_list:after{content:"";clear:both;display:block}
.sns_list li{text-align:center;float:left;width:20%}  
.sns_list li a{display:block;color:#999999;font-size:0.875rem}  
.sns_list li a:before{content:"";display:block;width:60px;height:60px;margin:0 auto 5px;background:url("https://image.edaily.co.kr/images/mobile/new_ico_edaily.png") no-repeat;background-size:500px auto}  
.sns_list li.fb a:before{background-position:-5px -183px}  
.sns_list li.tw a:before{background-position:-70px -183px}  
.sns_list li.ig a:before{background-position:-135px -183px}  
.sns_list li.yt a:before{background-position:-200px -183px}  
.sns_list li.post a:before{background-position:-265px -183px}  
.sns_list li.rss a:before{background-position:-330px -183px} 
/* 공지사항 */
.txt_list li{margin-top:2px}  
.txt_list li:first-child{margin-top:0}
.txt_list li a{display:block;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;padding:5px 10px}
.txt_list li a:before{content:"";width:5px;height:1px;background:#e60012;display:inline-block;vertical-align:middle;margin-right:5px;position:absolute;left:0;top:50%}
/* fullscreen */
  #allmenu_layer{width:80%;height:100%;background:#fff}  
.allmenu_box{position:relative;z-index:999}  
.allmenu_box .allmenu_header{padding:20px 15px 20px 20px}  
.allmenu_box .allmenu_header:after,
.allmenu_header:after,
.allmenu_searchbox:after,
.go_apply:after,
.ico_sns:after{content:"";display:block;clear:both}  
.allmenu_header .h2_logo{float:left;background:url("https://image.edaily.co.kr/images/mobile/h1_logo.png") 0 0 no-repeat;background-size:84px 19px;background-position:5px 5px;font-size:0;width:94px;height:29px}
  /*login_logout */
.allmenu_header .login{float:right}  
.allmenu_header i.login{display:inline-block;width:26px;height:29px;font-size:0;background-position:-310px -5px}  
.allmenu_header .logout{float:right}  
allmenu_header i.logout{display:inline-block;width:29px;height:29px;font-size:0;background-position:-276px -5px;}
.allmenu_header .mypage{float:right;/*margin-right:10px*/}  
.allmenu_header i.mypage{display:inline-block;width:30px;height:29px;font-size:0;background-position:-174px -5px}  
.allmenu_header .setup{float:right;margin-left:7px}  
.allmenu_header i.setup{display:inline-block;width:29px;height:29px;font-size:0;background-position:-209px -5px}  
.allmenu_searchbox{float:left;width:100%;height:50px;padding:15px 0 0 20px;background:#333}  
.allmenu_searchbox .allmenu_search{float:left;width:80%;font-size:0.9rem;text-indent:0.625rem;color:#fff;}  
::placeholder{color:#fff;opacity:1;}  
:-ms-input-placeholder{color:#fff}  
::-ms-input-placeholder{color:#fff}  
.allmenu_searchbox label[for="search"]{position:relative;float:left;width:20%}  
.allmenu_searchbox label[for="search"]:before{content:"";position:absolute;top:-15px;left:0;height:50px;width:1px;background:#000}  
.allmenu_searchbox label[for="search"] span{position:relative;top:-5px;display:inline-block;width:29px;height:29px;text-indent:-99999px;background-position:-140px -5px}  
.allmenu_list{width:100%;text-align:left}  
.allmenu_list dl{float:left;width:100%;padding:0 20px}  
.allmenu_list dl dt{width:100%;font-weight:bold;color:#e60012}  
.allmenu_list dl dd{float:left;width:50%;margin-top:20px}  
.allmenu_list dl dd a{font-size:1rem}  
.allmenu_list dl dd i{position:relative;top:-2px;font-size:11px;color:#999}  
#allmenu_layer .btn_close{position:absolute;top:0px;right:-50px;width:51px !important;height:65px !important;font-size:0;background:url('https://image.edaily.co.kr/images/content/default_icon.png') no-repeat;background-position:-400px -240px;z-index:999999}
.go_apply{float:left;display:table;width:100%;height:50px;padding:0 20px;margin-top:40px;background:#f5f5f5}  
.go_apply ul{display:table-cell;height:50px;vertical-align:middle}  
.go_apply ul li{float:left;width:33.3%}  
.go_apply ul li a{font-size:1rem;font-weight:bold}  
.ico_sns{float:left;width:90%;margin:35px 5%}  
.ico_sns ul li{float:left;width:25%;text-align:center}
.ico_sns ul li a>span{display:inline-block;width:60px;height:60px;text-indent:-9999px}
.ico_sns ul li .a_facebook{background-position:-5px -248px}
.ico_sns ul li .a_twitter{background-position:-70px -248px} 
.ico_sns ul li .a_insta{background-position:-135px -248px}
.ico_sns ul li .a_youtube{background-position:-200px -248px}
.fsns_box{width:80%;padding:40px 0 65px 0;margin:0 10%}
.fsns_box p{text-align:center;font-size:1.5em}
.fsns_box div p:nth-child(2){font-size:1.7em;font-weight:600;margin:0 0 30px 0}
.fsns_box div ul{width:100%}
.fsns_box div ul li{position:relative;float:left;width:20%;text-align:center}
.fsns_box div ul li a{font-size:0 }
.fsns_box div ul li.f_youtube a:after{top:-20px;left:50%;width:66px;height:66px;margin:0 0 0 -33px;background-position:-114px -303px}
.fsns_box div ul li.f_facebook a:after{top:-20px;left:50%;width:66px;height:66px;margin:0 0 0 -33px;background-position:-188px -303px}
.fsns_box div ul li.f_twitter a:after{top:-20px;left:50%;width:66px;height:66px;margin:0 0 0 -33px;background-position:-262px -303px}
.fsns_box div ul li.f_instagram a:after{top:-20px;left:50%;width:66px;height:66px;margin:0 0 0 -33px;background-position:-336px -303px}
.fsns_box div ul li.f_naver a:after{top:-20px;left:50%;width:66px;height:66px;margin:0 0 0 -33px;background-position:-410px -303px}


/* 지면보기 */
.m_goapply { width:100% !important;}
.m_goapply:after { content:"";display:block;clear:both}
.m_goapply ul {}
.m_goapply ul li { float:left;width:25%;}
.m_goapply ul li a { display:inline-block;width:100%;height:80px;line-height:80px;text-align:center;background:#d6d6d6}
.m_goapply ul li span { position:relative;display:inline-block;width:100%;font-weight:600;}
.m_goapply ul li span:after { content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:#959595}
.m_goapply ul li:last-child span:after { content:"";display:none}
section > div {
    margin:0 16px;
}



/*------------------------------------------------------------------------------
                                        VISUALTOP
-------------------------------------------------------------------------------*/
/* 정당별 뉴스 */

/*라디오버튼 숨김*/
                    input {
                        display: none;
                    }

                    label{
                        display: inline-block;
                        padding: 13px 10px;
                        border: 1.5px solid #333;
                        background: #FFF;
                        border-radius: 100px;
                        text-align: center;
                        color: #333;
                        cursor: pointer;
                        font-size: 12px;
                        font-weight: 700;
                        margin: 0 1%;
                        width: 30%;
                    }

                    /*input 클릭시, label 스타일*/
                    input:checked + label {
                        color: #FFF;
                        background: #000;
                        font-weight: 700;
                    }

                    #tab01:checked ~ #content1,
                    #tab02:checked ~ #content2,
                    #tab03:checked ~ #content3,
                    #tab04:checked ~ #content4 {
                        display: block;
                    }
                    /* 정당별 뉴스 */

                    section .tabss {
                        margin: 0 -32px;
                        display: none;
                        padding: 20px 0 0;
                        background: #FFF;
                        height: 300px;
                        overflow: hidden;
                    }

                    .political_area {
                        position: relative;
                        margin-top: 20px;
                        width: 100%;
                    }


                    .political_box {
                        position: relative;
                        overflow: hidden;
                        width: 250px;
                        height: 250px;
                        margin-left: -14px;
                        padding: 0 10px;
                    }

                    .ffront {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        text-align: center;
                        z-index: 1
                    }

                    .political_box img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        -webkit-transition: .3s ease-in-out;
                        transition: .3s ease-in-out
                    }

                    .ffront > .bbg {
                        position: absolute;
                        top: 85%;
                        left: 3.5%;
                        -webkit-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        transform: translateY(-50%);
                        overflow: hidden;
                        width: 93.5%;
                        background: linear-gradient(to bottom, #0000ff00 9%, #000 35%);
                        padding-top: 28px;
                    }

                        .ffront > .bbg > span {
                            overflow: hidden;
                            display: -webkit-box;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            -webkit-box-orient: vertical;
                            white-space: normal;
                            -webkit-line-clamp: 1 !important;
                            text-overflow: ellipsis;
                            color: #fff;
                            font-size: 17px;
                            line-height: 51px;
                            font-weight: 300;
                            text-align: left;
                            overflow: hidden;
                            padding: 0 109px;
                            height: 60px;
                        }

                    @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
                        .bbbg > .bbg > span {
                            overflow: hidden;
                            display: inline-block;
                            max-height: 47px;
                        }
                    }

                    .political_box > a img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }

                    .political_box.slick-center {
                        position: relative
                    }

                        .political_box.slick-center > a::after {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            box-sizing: border-box;
                            z-index: 2;
                            border: 5px solid rgba(0,0,0,.9);
                        }

                        .political_box.slick-center .bbbg {
                            animation: fadein 1s;
                            -moz-animation: fadein 1s;
                            -webkit-animation: fadein 1s;
                            -o-animation: fadein 1s;
                        }

                            .political_box.slick-center .bbbg > .bbg > span {
                                color: #333;
                                font-size: 20px;
                                font-weight: 600
                            }
/* 정당별 뉴스 */
.political_area2 {
    position: relative;
    margin-top: 20px;
    width: 100%:
}

.political_box2 {
    position: relative;
    overflow: hidden;
    width: 250px;
    height: 250px;
    margin-left: -14px;
    padding: 0 10px;
}

.political_box2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){
    .bbbg>.bbg>span{
        overflow:hidden;
        display:inline-block;
        max-height:47px;
    }
}
.political_box2 > a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.political_box2.slick-center {
    position: relative
}
.political_box2.slick-center>a::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    box-sizing:border-box;
    z-index:2;
    border:5px solid rgba(0,0,0,.9);
}
.political_box2.slick-center .bbbg{
    background:rgba(256,256,256,.9);
    animation:fadein 1s;
    -moz-animation:fadein 1s;
    -webkit-animation:fadein 1s;
    -o-animation:fadein 1s;
}

.political_box2.slick-center .bbbg>.bbg>span{
    color:#333;
    font-size:20px;
    font-weight:600
}


/* 정당별 뉴스 */
.political_area3 {
    position: relative;
    margin-top: 20px;
    width: 100%;
}

.political_box3 {
    position: relative;
    overflow: hidden;
    width: 250px;
    height: 250px;
    margin-left: -14px;
    padding: 0 10px;
}

.political_box3 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){
    .bbbg>.bbg>span{
        overflow:hidden;
        display:inline-block;
        max-height:47px;
    }
}
.political_box3 > a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.political_box3.slick-center {
    position: relative
}
.political_box3.slick-center>a::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    box-sizing:border-box;
    z-index:2;
    border:5px solid rgba(0,0,0,.9);
}
.political_box3.slick-center .bbbg{
    background:rgba(256,256,256,.9);
    animation:fadein 1s;
    -moz-animation:fadein 1s;
    -webkit-animation:fadein 1s;
    -o-animation:fadein 1s;
}

.political_box3.slick-center .bbbg>.bbg>span{
    color:#333;
    font-size:20px;
    font-weight:600
}



#tab01:checked ~ #content1,
#tab02:checked ~ #content2,
#tab03:checked ~ #content3,
#tab04:checked ~ #content4 {
    display: block;
}


/********** 주요 뉴스 **********/
.title_blackbox{ top:-36px;position:relative;margin:0 auto;padding:1rem;color:#fff;font-size:2rem;
    text-align:center;background:#333;border-radius:100px;width:35%;}
.picknews{ width:100%;margin-top:7rem;padding-bottom:5.4rem;background:#fff;}
.pick_top dl dt{ overflow:hidden;width:100%;height:342px;}
.pick_top dt img{ width:100%;}
.pick_top dl dd{ padding:2rem 1.3rem 7rem 1.3rem;font-size:2.8rem;font-weight:500;line-height:3.4rem;letter-spacing:-1.7px;}
.pick_wrap {width:105%;margin-left:-17px;}
.pick_list{ margin-top:-30px; margin-bottom:30px;}
.pick_list:after{ content:"";display:block;clear:both;}
.pick_list a{ float:left;width:46.2%;margin-top:23px;display:-webkit-box;margin-left:17px;box-sizing:border-box;}
.pick_list a>dl>dt{ width:100%;	height:178px;}
.pick_list a>dl>dt img{ width:100%;height:100%;object-fit:cover;}
.pick_list a>dl>dd{ font-size:1.9rem;font-weight:400;height:52px;margin:10px;display:-webkit-box;word-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;line-height:2.5rem;overflow:hidden;}


/*  더보기 */
.btn_moreview{
	width:100%;
	text-align:center;
	background:#333
}
.btn_moreview a{
	width:100%;
	color:#fff;
	display:inline-block;
	padding:2rem 0;
	font-size:2.4rem
}
h2.title{

	font-size:3rem;
	text-align:center;
	margin-top:6rem;
}

/********** 지금여론은 *********/
.ballot_date{
    float:right;
    /* text-align:right;*/
    font-size:.9rem;
    position:relative;
    color:#999;
    /* display:inline-block;*/
    bottom:-20px;
    right:5%;
}

.now_opinion{
    position:relative;
	overflow:hidden;
    width:100%;
    padding:1rem 0 2rem 0;
	margin-top:50px;
    background:#2e1a5d;
}
.opinion{
	width:100%;
	margin-top:30px
}
.opinion>ul>li{
	width:100%;
}
.opinion>ul>li:after{
	content:"";
	display:block;
	clear:both
}
.opinion .picture{
	top:0;
	left:0
}
.opinion .picture img{
	width:200px
}
.opinion .seoul_gukmin{
	margin-top:-30px;
}
.opinion .busan_gukmin{
	margin-top:-25px;
}
.opinion .left_info{
	top:10%;
    left:10%;
}
.opinion .seoul_gukmin>.picture{
	margin-top:0;
	right:0;
}
.opinion .busan_gukmin>.picture{
	margin-top:0;
    left:unset;
    right:10%
}

.opinion .seoul_minju .right_info{
	top:-5%
}

.seoul_minju .right_info{
	top:10%
}
.busan_minju .right_info{
	top:-2%;
	right:10%;
}
.opnion_tab{
	margin-top:30px!important;
}
.opnion_tab>div{
	text-align:center;
	display:none;
	width:100%!important;
	font-size:3rem;
	color:#fff;
}
.opnion_tab>div.swiper-slide-thumb-active{
	display:block;
}
.now_opinion .swiper-button-next, 
.now_opinion .swiper-button-prev{
	top:-8px;
	outline:none
}
.now_opinion .swiper-button-next.ballot, 
.now_opinion .swiper-button-prev.ballot{
	top:105px;
	outline:none
}
.now_opinion .swiper-container{
	overflow:unset
}
.now_opinion .picture{
	overflow:hidden;
	height:250px;
}
.now_opinion .busan_gukmin .picture img{
	width:200px
}
.opinion_vs{
	position:relative;
    width:100%;
    color:#fff;
    font-size:3.5rem;
    text-align:center;
    background:#1b0944;
}
.realmeter{
	text-align:center;
	color:#fff;
    font-size:1.2rem;
	margin:20px 0 20px 0;
	font-weight:200
}
.pledge_boxarea{
	width:100%
}
.swiper-pledge{
	margin-top:0px;
}
.swiper-pledge .swiper-slide dl{
	width:100%
}
.swiper-pledge .swiper-slide dl dt{
	overflow:hidden;
	height:190px
}
.swiper-pledge .swiper-slide dl dt img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.swiper-pledge .swiper-slide dl dd{
	overflow:hidden;
	margin-top:10px;
	padding:0 1rem;
	display:-webkit-box;
	word-wrap:break-word;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	text-overflow:ellipsis;
	font-size:1.5rem;
    color:#FFF;
	text-align:center;
}
.swiper-button-next, .swiper-button-prev{
    top:50%;
    width:30px;
    height:30px;
    margin-top:-40px;
    -moz-background-size:100%;
    -webkit-background-size:100%;
    background-size:100%;
    outline:none;
}
.pledge_content .swiper-button-prev{
    background-image:url('https://image.edaily.co.kr/election/blaxk_arrow_right.png')!important;
    right:10px!important;
    left:auto!important;
}

.pledge_content .swiper-button-next{
    background-image:url('https://image.edaily.co.kr/election/blaxk_arrow_left.png')!important;
    left:10px!important;
    right:auto!important;
}

/***** 대선 톡톡 *****/
.graybox{
	background:#FFF;
}
.graybox h2.title{
	margin-top:3rem
}
.malmalmal{
	margin-left:-3.6%;
}
.malmalmal:after{
	content:"";
	display:block;
	clear:both
}
.malmalmal>dl{
	overflow:hidden;
	float:left;
	width:46.5%;
	margin-left:3.5%;
	margin-bottom:6%;
	background:#fff
}
.malmalmal dl dt{
	height:256px
}

.malmalmal dl dt img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.malmalmal dl dd{
    margin-top:15px;
    padding:0 1rem;
    height:84px;
    max-height:84px;
    overflow:hidden;
}
.malmalmal dl dd>span{
	overflow:hidden;
    display:-webkit-box;
    word-wrap:break-word;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    text-overflow:ellipsis;
    font-size:2.2rem;
    letter-spacing:-2px;
    line-height:2.8rem;
}

/***** 공지사항 *****/
.notice_box{
	background:#fff;
	border-bottom:1px solid #ddd;
  }
  .notice_box .m_notice{
	overflow:hidden;
	height:55px;
  }
  .notice_box .m_notice .swiper-slide{
	overflow:hidden;
	width:90%;
	padding:0 5%
  }
  .notice_box .m_notice .swiper-slide>div{
	overflow:hidden;
	display:inline-block;
	width:100%;
	height:55px;
	line-height:55px;
	white-space:nowrap;
	text-overflow:ellipsis
  }
  .notice_box .m_notice .swiper-slide>div span{
	width:75px;
	margin:0 10px 0 0;
	color:#e60012;
	font-weight:600;
	font-size:0.9em;
  }
  

/* 여론으로 보는 민심 */
.m-line-article {padding:40px 0;}
.line-article {width:100%;height:90px;margin-bottom:30px;}
.line-article a {float:left;width:100%;height:100%;}
.line-tit {float:left;width:60%;height:58px;margin-top:16px;overflow:hidden;line-height:2.8rem;font-size:2.2rem;letter-spacing:-1.5px;}
.line-img {float:right;width:30%;height:90px;border:1px solid #eeeeee;}
.icon_dangseon{ position:absolute;bottom:35%;right:-10%;z-index:200}
.icon_dangseon>img{ width:70%}
/* 메인 후보자 영역 */
.d-day-box {position:absolute;top:165px;left:43%;z-index:99}
.d-day-box span {color:#FFF;text-align:center;font-size:2.4rem;margin:0px 0 0 22px;}
.d-day-box p {width:90px;height:34px;border-radius:20px;background:#FFF;margin-top:-33px;text-align:center;opacity:0.5;}

.main-public1 {position:relative;margin:0 auto;width:100%;height:440px;overflow:hidden;background-image:url(https://stage2.edaily.co.kr/Publishing/election22/img/main_bg.png);background-size:100% 100%;}
.main-public2 {position:relative;margin:0 auto;width:100%;height:440px;overflow:hidden;background-image:url(https://stage2.edaily.co.kr/Publishing/election22/img/main_bg2.png);background-size:100% 100%;}
.public-wrap {position:relative;width:100%;}

.public-l {float:left;width:45%;height:230px;margin-top:90px;margin-left:10px;}
.public-l .public-img {width:100%;}
.public-l .public-img img {width:100% !important;}
.public-l p.info-sec {width:100%;height:40px;text-align:center;color:#FFF;margin-top:3px;margin-bottom:4px;font-weight:300;font-size:3rem;} 

.public-r {float:right;width:45%;height:230px;margin-top:90px;margin-right:10px;}
.public-r .public-img {width:100%;}
.public-r .public-img img {width:100% !important;}
.public-r p.info-sec {width:100%;height:40px;text-align:center;color:#FFF;margin-top:3px;margin-bottom:4px;font-weight:300;font-size:3rem;}

.click-option {width:100%;height:20px;text-align:center;font-size:1.3rem;}
.click-option a {color:#FFF;line-height:12px;}
.click-option a span {margin-left:5px;}


.slideshow-container { max-width:100%;position:relative;margin:auto;overflow:hidden;}
.fade { -webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s;}
@-webkit-keyframes fade {
    from {opacity:.4} 
    to {opacity:1}
}
@keyframes fade { from {opacity:.4} 
    to {opacity:1}

}
/*
.prev, .next { cursor:pointer;position:absolute;top:50%;	 width:auto;padding:16px;margin-top:-22px;color:white;font-weight:bold;font-size:18px;transition:0.6s ease;border-radius:0 3px 3px 0;}
.next { right:0;border-radius:3px 0 0 3px;}
.prev:hover, .next:hover { background-color:rgba(0,0,0,0.8);}
*/

/* 메인 네비메뉴 */
nav { position:relative;width:100%;height:70px;background:#333;margin:0;padding:0;text-align:center;overflow-x:scroll;white-space:nowrap;}
nav::-webkit-scrollbar{display:none;/* Chrome, Safari, Opera*/}
nav a { position:relative;display:inline-block;width:19.6%;line-height:70px;box-sizing:border-box;font-size:2rem;color:#FFF !important;letter-spacing:-1.5px;text-decoration:none;}
nav a:last-child{margin-right:90px;margin-left:20px;}
nav #underline { position:absolute;left:0;height:2.5px;width:0;background:#FFF;bottom:19px;transition:0.2s;}


/* 메인- 타이틀 */
.main-tit { width:100%;height:100px;text-align:center;font-size:4.2rem;font-weight:300;margin:38px 0 0 0;letter-spacing:-4px; padding-top: 22px;}
.main-tit span { width:100%;height:60px;font-size:4.2rem;font-weight:500;}

/* 키워드 */
.keyword-box{width:100%;margin-bottom:-32px;font-weight:500;font-size:2.8rem;letter-spacing:-1.5px;}
.keyword-word{float:left;margin-right:6px;color:#6c70ba;font-weight:600;}


/* 여론으로 보는 민심 */
.m-line-article {padding:50px 0;}
.line-article {width:100%;height:90px;margin-bottom:34px;}
.line-article a {float:left;width:100%;height:100%;}
.line-tit {float:left;width:61%;height:58px;margin-top:16px;overflow:hidden;line-height:3rem;font-size:2.2rem;letter-spacing:-1.5px;}
.line-img {float:right;width:30%;height:90x;border:1px solid #eeeeee;}

/* 공약 배틀 */
.battle_area { width:100%;height:490px;margin-left:0px; background:#333; overflow:hidden; margin-top:80px; border-top:15px solid #f5f5f5; border-bottom:15px solid #f5f5f5;}

.battle_area .swiper { float:left;width:100%;height:248px;}
.battle_area .swiper-slide { width:49% !important;margin-right:6.5px !important;margin-left:6.5px !important;text-align:center;font-size:18px;float:left;
    -webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;
    justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;
}
.battle_area .swiper-slide img { float:left;display:block;width:100%;height:180px;object-fit:cover;}
.battle_area .swiper-slide img img {  float:left;}
.post {float:left;position:relative;}
.battle_area .swiper-wrapper{ float:left;margin-left:-150px;}
.post-slider .post-wrapper { height:156px;}
.post-info { float:left;height:66px;margin-top:12px;overflow:hidden;padding:0 10px;color:#fff;text-align:left;}
.post-info h4 { line-height:20px;}
.post-info h4 a { color:#FFF;font-size:2.2rem;line-height:28px;}
.post-slider .post-wrapper .post .slider-image { width:100%;height:96px;}



/* 대선 일정 */
.schedule-box {width:100%;height:142px;padding:0 15px;border-bottom:2px dashed #ddd;}
.schedule-box:last-child{border-bottom:none;height:180px;}
.schedule-l{float:left;width:62%;height:58px;margin-top:41px;font-size:2rem;letter-spacing:-1.5px;font-weight:600;}
.schedule-l p{float:left;width:100%;font-weight:500;}
.schedule-l span {float:left;font-size:2rem;font-weight:500;}
.schedule-r{float:right;width:30%;height:140px;}
.schedule-r img {width:100%;height:100%;}

/* 섹션 라인 */
.center_line1 { width:100%;height:13px;margin-bottom:55px;margin-top:20px;background:#f5f5f5;}
.center_line2 { width:100%;height:27px;margin-bottom:6px;background:#f5f5f5;}
.center_line3 { width:100%;height:13px;margin-bottom:55px;margin-top:83px;background:#f5f5f5;}
.center_line4 { width:100%;height:13px;margin-bottom:-13px;margin-top:0px;background:#f5f5f5;}

.backbg_gray {
    background: #333 !important;
}
.cor_white {
    color: #FFF !important;
}

/*------------------------------------------------------------------------------
                                   개표 현황
-------------------------------------------------------------------------------*/



/* 개표 현황 */
.examination_txt {width:100%; height:90px; background:#fff; font-size: 16px; line-height: 90px; color:#888; text-align:center;}
.hh_name {font-size: 12px; text-align: center; height: 20px; color: #999; font-weight: 300; margin-top: -10px; margin-bottom: 20px;}
.vote_status {width:100%; height:189px; padding:5%; margin-bottom: 15px; background: #FFF; position: relative;}
.vote_status:last-of-type{ margin-bottom: 0;}
.vote_status_t {clear: both; width:100%; height: 36px; border-bottom: 1px dashed #ccc; margin-bottom: 10px;}
.vote_status_t p {float: left; width:48%; font-size: 20px; text-align: left; font-weight: 500;}
.vote_status_t span {float: right; width:50%; font-size: 13px; margin-top: 6px; text-align: right;}
.vote_status_l {float: left; width:46%; height: auto;}
.vote_l_info {float: left; width:22%; height: 100%;}
.vote_l_info .reserve_img {float: left; width:100%; height: 56px; border-radius:50px; margin-bottom: 8px; overflow:hidden; border-radius: 100px; border:1px solid #e8e7e7;}
.vote_l_info .reserve_img img {width:100%; height: 100%;}
.vote_l_info p {clear: both; width:100%; height:22px; background: #e60012; line-height: 22px; font-size: 14px; color:#fff; text-align: center;}

.vote_r_info {float: right; width:72%; height: 100%; text-align: left;}
.vote_line li.line_01 {width:100%; height: 33.333%; margin-top:8px; font-size: 22px; font-weight: 600;}
.vote_line li.line_02 {width:100%; height: 33.333%; font-size: 13px;}
.vote_line li.line_03 {width:100%; height: 33.333%; margin-top: 5px; font-size: 24px; font-weight: 600;}
.vote_status_r {float: right; width:46%; height: auto;}


/* 탭메뉴 */
.tab_wrap {max-width: 800px;}
.tab_wrap .tit_list {position: relative; font-size: 0; margin-bottom: 20px;}
.tab_wrap .tit_list > li {display: inline-block; vertical-align: top; margin-right: 10px;}
.tab_wrap .tit_list li:first-of-type {margin-left: 24% !important;}
.tab_wrap .tit_list > li a {display: inline-block; padding: 10px 25px; border: 1px solid #333; border-radius: 50px; font-size: 14px; color: #000;text-decoration: none;}
.tab_wrap .tit_list > li a:hover {background: #efefef;border-color: #efefef;}
.tab_wrap .tit_list > li.active a {position: relative; background: #333; color: #FFF; border-radius: 50px;}
.tab_wrap .tab_con .tab_list {display: none;}

/* 슬라이드 */
.slider {text-align: center;font-size: 0;}
.slider .inner {overflow: hidden;width: 100%; margin: 0 auto;}
.slide_list > li {width: 300px; height: auto;text-align: center; font-size: 20px;line-height: 150px;color: #000;}
.slider .swiper-prev,
.slider .swiper-next {display: inline-block;width: 35px;height: 35px;margin:30px 15px 0;background:url('images/arrow.png') center center no-repeat;background-size: cover;text-indent: -999em;cursor: pointer; display: none;}
.slider .swiper-prev {transform: rotateY(180deg);}

.vote_bg_txt {position: absolute; left:-195px; top:30px; font-size:26px; text-align: left;}

.vote_bg_box {
    position:absolute; 
    left: 258px; 
    top:0px; 
    z-index: 0;
    width:100%; 
    height:167px; 
    background:url('https://image.edaily.co.kr/images/election/vote_bg_box.png') no-repeat;
}

.vote_bg_txt b::after {
    content: "";
    position: absolute;
    right: 40px;
    top: 77px;
    width: 10px;
    height: 18px;
    background:url('https://image.edaily.co.kr/images/election/arrow_icon.png') no-repeat;
}
.ex_cord {height: auto;}

/* 투표 현황 */
.tabb > li:first-of-type {margin-left: 36%;}
ul,li{list-style:none} 
.tabb{overflow:hidden} 
.tabb li{float:left; margin-right: 10px; margin-bottom: 20px; border:1px solid #fff; cursor:pointer; padding:10px 20px; font-size:14px; border-radius: 50px; border: 1px solid #333;} 
.tabb li a{display:block; text-align:center} 
.tabb > li.selected {position: relative; background: #333; color: #FFF; border-radius: 50px;}

.con_wrap{position:relative; width:100%; margin-top:20px;} 
.con_wrap div img{width:100%; height: 100%;} 
.con_wrap div:nth-child(2){display:none} 
.ex_cord {background: #f5f5f5; margin-top: -32px; padding-top: 20px; padding-bottom:20px; height: auto;}





.text_white, 
.text_white>span{
    color:#fff
}
.text_center{
    text-align:center
}
.float_right{
    float:right
}
.clear::after{
    content:"";
    display:block;
    clear:both 
}
.pb_vote{
    width: 100%;
}

/* 상단 */
.topbar {
    position: relative;
    width: 100%;
    margin: 0;
    /* padding: 5% 0;*/
    text-align: center;
    /*background: linear-gradient(to right, #1c4fcd, #fb1b56);*/
}
.topbar img{
    width:100%;
}
.color_bg{
    background:linear-gradient(to top, #1c4fcd, #fb1b56, #1c4fcd);
}
.text_white{
    color:#fff
}
/* 선거 D-DAY */
.d_day_box {
    position: absolute;
    right: 15px;
    top: 24px;
    font-size: 10px;
    z-index: 9999;
}
.d_day_box span {
    color: #FFF;
}
.day_in {
    width: 72px;
    height: 20px;
    margin-top: 15px;
    margin-bottom: 4px;
    margin-left: 47px;
}
.day_in li {
    float: left;
    width: 20px;
    height: 20px;
    margin-left: 2px;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    font-weight: 500;
    background: #FFF;
    color: #000;
}
.day_in li:first-of-type {
    background: #000;
    color: #FFF;
    margin-left: 0;
} 
.day_in li:nth-child(2) {
    width: 6px;
    margin-left: 0;
    color: #fff;
    background: none;
}
/* 개표 1~2위 */
.y_title{
    padding:5% 0 0 0;
    text-align:center;
    font-size:4.2rem;
    font-weight:300
}
.y_title>span{
    font-weight:500
}
.counting_percent{
    margin:2% 0 0 0;
    font-size:2.5rem;
    text-align:center;
    line-height:1.8rem
}
.counting_percent>span{
    font-size:1.1rem;
}
.candidate_info{
    position:relative;
    margin:6% 0 0 0;
    padding:0 5%;
    z-index:0;
}
.candidate_info::after{
    content:"";
    display:block;
    clear:both
    
}
.candidate_info>figure{
    position:relative;
    width:52%;
    z-index:0
}
.candidate_info.red>figure{
    width:48%;
}
.candidate_info.second>figure{
    float:right
}
.candidate_info::before{
    content:"";
    position:absolute;
    bottom:10px;
    right:0;
    width:55%;
    height:50px;
    z-index:-1
}
/* 당선 마크 */
.mark_possib{
    position:absolute;
    top:0;
    left:13%;
    width:60px;
    height:60px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:0 100%;
    -moz-transform-origin:0 100%;
    -ms-transform-origin:0 100%;
    -o-transform-origin:0 100%;
    transform-origin:0 100%;
    border:1px solid #fff;
    background:rgba(256,2562,256,.1);
    z-index:999

}
.mark_possib::after{
    content:"유력";
    position:absolute;
    width: 100%;
    text-align: center;
    line-height:60px;
    color:#fff;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}
.mark_elected{
    position:absolute;
    top: -15%;
    left: 5%;
    width: 80px;
    height: 118px;
    background:url('https://image.edaily.co.kr/images/election/mark_elected.png')no-repeat;
    background-size:cover;
    z-index:999
}




/* 더불어민주당  */
.candidate_info.db::before{
    left:45%;
    width:55%;
    background:linear-gradient(to right, #004ea2 , rgb(0 0 0 / 0%));
}
.candidate_info.second.db::before{
    left:unset;
    right:45%;
    width:55%;
    background:linear-gradient(to left, #004ea2 , rgb(0 0 0 / 0%));
}
.candidate_sbox.db .bar, 
.admin_info .db{
    background:#004ea2;
}
.admin_number .db{
    color:#004ea2
}

/* 국민의힘 */
.candidate_info.gmr::before{
    left:45%;
    width:55%;
    background:linear-gradient(to right, #e61e2b , rgb(0 0 0 / 0%));
}
.candidate_info.second.gmr::before{
    left:unset;
    right:45%;
    width:55%;
    background:linear-gradient(to left, #e61e2b , rgb(0 0 0 / 0%));
}
.candidate_sbox.gmr .bar, 
.admin_info .gmr{
    background:#e61e2b;
}
.admin_number .gmr{
    color:#e61e2b
}

/* 정의당 */
.candidate_info.jd::before{
    left:45%;
    width:55%;
    background:linear-gradient(to right, #ffcc00, rgb(0 0 0 / 0%));
}
.candidate_info.second.jd::before{
    left:unset;
    right:45%;
    width:55%;
    background:linear-gradient(to left, #ffcc00, rgb(0 0 0 / 0%));
}
.candidate_sbox.jd .bar, 
.admin_info .jd{
    background:#ffcc00;
}
.admin_number .jd{
    color:#ffcc00
}

/* 국민의당 */
.candidate_info.gmo::before{
    left:45%;
    width:55%;
    background:linear-gradient(to right, #ea5504, rgb(0 0 0 / 0%));
}
.candidate_info.second.gmo::before{
    left:unset;
    right:45%;
    width:55%;
    background:linear-gradient(to left, #ea5504, rgb(0 0 0 / 0%));
}
.candidate_sbox.gmo .bar, 
.admin_info .gmo{
    background:#ea5504;
}
.admin_number .gmo{
    color:#ea5504
}

/* 기본소득당 */
.candidate_info.gb::before{
    left:45%;
    width:55%;
    background:linear-gradient(to right, #00b1a0, rgb(0 0 0 / 0%));
}
.candidate_info.second.gb::before{
    left:unset;
    right:45%;
    width:55%;
    background:linear-gradient(to left, #00b1a0, rgb(0 0 0 / 0%));
}
.candidate_sbox.gb .bar, 
.admin_info .gb{
    background:#00b1a0;
}
.admin_number .gb{
    color:#00b1a0
}

/* 국가혁명당 */
.candidate_info.gg::before{
    left:45%;
    width:55%;
    background:linear-gradient(to right, #e7141a, rgb(0 0 0 / 0%));
}
.candidate_info.second.gg::before{
    left:unset;
    right:45%;
    width:55%;
    background:linear-gradient(to left, #e7141a, rgb(0 0 0 / 0%));
}
.candidate_sbox.gg .bar, 
.admin_info .gg{
    background:#e7141a;
}
.admin_number .gg{
    color:#e7141a
}

/* 노동당 */
.candidate_info.nd::before{
    left:45%;
    width:55%;
    background:linear-gradient(to right, #ff0000, rgb(0 0 0 / 0%));
}
.candidate_info.second.nd::before{
    left:unset;
    right:45%;
    width:55%;
    background:linear-gradient(to left, #ff0000, rgb(0 0 0 / 0%));
}
.candidate_sbox.nd .bar, 
.admin_info .nd{
    background:#ff0000;
}
.admin_number .nd{
    color:#ff0000
}

/* 새누리당 */
.candidate_info.sn::before{
    left:45%;
    width:55%;
    background:linear-gradient(to right, #d91e48, rgb(0 0 0 / 0%));
}
.candidate_info.sn::before{
    left:unset;
    right:45%;
    width:55%;
    background:linear-gradient(to left, #d91e48, rgb(0 0 0 / 0%));
}
.candidate_sbox.sn .bar, 
.admin_info .sn{
    background:#d91e48;
}
.admin_number .sn{
    color:#d91e48
}

/* 신자유민주연합 */
.candidate_info.sj::before{
    left:45%;
    width:55%;
    background:linear-gradient(to right, #ad469f, rgb(0 0 0 / 0%));
}
.candidate_info.second.sj::before{
    left:unset;
    right:45%;
    width:55%;
    background:linear-gradient(to left, #ad469f, rgb(0 0 0 / 0%));
}
.candidate_sbox.sj .bar, 
.admin_info .sj{
    background:#ad469f;
}
.admin_number .sj{
    color:#ad469f
}

/* 우리공화당 */
.candidate_info.uri::before{
    left:45%;
    width:55%;
    background:linear-gradient(to right, #009944, rgb(0 0 0 / 0%));
}
.candidate_info.second.uri::before{
    left:unset;
    right:45%;
    width:55%;
    background:linear-gradient(to left, #009944, rgb(0 0 0 / 0%));
}
.candidate_sbox.uri .bar, 
.admin_info .uri{
    background:#009944;
}
.admin_number .uri{
    color:#009944
}

/* 진보당 */
.candidate_info.jb::before{
    left:45%;
    width:55%;
    background:linear-gradient(to right, #d6001c, rgb(0 0 0 / 0%));
}
.candidate_info.second.jb::before{
    left:unset;
    right:45%;
    width:55%;
    background:linear-gradient(to left, #cb0423, rgb(0 0 0 / 0%));
}
.candidate_sbox.jb .bar, 
.admin_info .jb{
    background:#cb0423;
}
.admin_number .jb{
    color:#cb0423
}

/* 통일한국당 */
.candidate_info.til::before{
    left:45%;
    width:55%;
    background:linear-gradient(to right, #003793, rgb(0 0 0 / 0%));
}
.candidate_info.second.til::before{
    left:unset;
    right:45%;
    width:55%;
    background:linear-gradient(to left, #003793, rgb(0 0 0 / 0%));
}
.candidate_sbox.til .bar, 
.admin_info .til{
    background:#003793;
}
.admin_number .til{
    color:#003793
}

/* 한류연합당 */
.candidate_info.hd::before{
    left:45%;
    width:55%;
    background:linear-gradient(to right, #733a87, rgb(0 0 0 / 0%));
}
.candidate_info.second.hd::before{
    left:unset;
    right:45%;
    width:55%;
    background:linear-gradient(to left, #733a87, rgb(0 0 0 / 0%));
}
.candidate_sbox.hd .bar, 
.admin_info .hd{
    background:#733a87;
}
.admin_number .hd{
    color:#733a87
}
.candidate_info figure>img{
    width:100%
}
.candidate_info figcaption{
    position:absolute;
    bottom:22px;
    left:55%;
    width:100%;
}
.candidate_info.second figcaption{
    width:50%;
    left:unset;
    right:40%;
}
.candidate_info figcaption p{
    margin:3% 0 0 0;
    color:#fff;
    font-size:6.5rem;
}
.candidate_info figcaption p:first-child{
    width:100%;
    margin:0 0 -5% 0;
    font-size:4.5rem;
}
.candidate_info figcaption p:first-child>span{
    position:relative;
    top:-30px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:100px;
    height:100px;
    margin:0 10px 0 0;
    border-radius:100%;
    background:#fff;
    zoom:0.4
}
.candidate_info figcaption p:last-child{
    padding:0 0 0 1.5%;
    position:relative;
    font-size:2.5rem;
    font-weight:300;
}
/* 개표 3~5위 */
.candidate_sbox{
    display:inline-flex;
    flex-wrap:nowrap;
    justify-content:space-between;
    align-items:center;
    width:90%;
    height:90px;
    margin:5% 5% 0 5%;
    background:rgba(256,256,256,.1)
}
.candidate_name, 
.candidate_count{
    position:relative;
    z-index:1
}
.candidate_name{
    position:relative;
    display:flex;
    align-items:center;
    flex-grow:3;
}
.candidate_name>figure{
    position:relative;
    left:-10px;
    bottom:15px;
    width:120px;
}
.candidate_name>figure>img{
    width:100%;
    object-fit:cover;
}
.candidate_name>figcaption{
    margin:0 0 0 8%;
}
.candidate_name>figcaption>p{
    position:relative;
    padding:0 0 0 10px;
    font-size:2.8rem;
    color:#fff;
}
.candidate_sbox.third figcaption>p:nth-of-type(1)::after{
    content:"3위";
    position:absolute;
    top:0;
    left:-20px;
    font-size:1.6rem;
    font-weight:300
}
.candidate_sbox.fourth figcaption>p:nth-of-type(1)::after{
    content:"4위";
    position:absolute;
    top:0;
    left:-20px;
    font-size:1.6rem;
    font-weight:300
}
.candidate_sbox.fifth figcaption>p:nth-of-type(1)::after{
    content:"5위";
    position:absolute;
    top:0;
    left:-20px;
    font-size:1.6rem;
    font-weight:300
}
.candidate_name>figcaption>p:nth-of-type(2){
    font-size:1.6rem;
    font-weight:300;
}
.candidate_sbox.orange{
    position:relative;
}
.candidate_sbox.orange:after{
    content:"";
    position:absolute;
    width:
}
.candidate_count{
    flex-grow:1;
    font-size:3rem;
    text-align:right;
}
.candidate_count>p{
    padding:0 30% 0 0;
    color:#fff;
}
.candidate_count>p:nth-of-type(2){
    
    font-size:1.8rem;
    color:#fff;
}
.candidate_sbox.orange{
    position:relative;
}
.candidate_sbox{
    position:relative;
    z-index:1;
}
.candidate_sbox .bar{
    position:absolute;
    right:0;
    height:100%;
    z-index:0
}
.countingbox{
    width:100%;
}
/* 지역별 득표 현황 */
.numerical_info{position:relative; width:100%; height: 20px; margin-bottom: 5px; text-align:center;}
.numerical_info li{ float: right; width:44px; font-size: 14px; margin-left: 9px;}
.numerical_info li:before{position: absolute; right: 93px; content: ""; width:10px; height: 10px; margin-top: 4px; float: left; background: #e9a9a9; }
.numerical_info li::after{position: absolute; right: 39px; content: ""; width:10px; height: 10px; margin-top: 4px; float: left; background: #b0cce4; }


.setup_txt {
    width: 100%;
    padding: 100px 0;
    font-size: 1.2em;
    text-align: center;
    color: #fff;
}
.election_tabs{
    overflow-x:scroll;
    width:100%;
    display:flex;
    flex-wrap:nowrap;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    -ms-overflow-style:none;
    scrollbar-width:none;
}
.election_tabs::-webkit-scrollbar {
    display:none;/* Chrome, Safari, Opera*/
}
.election_tabs::after{
    content:"";
    display:block;
    clear:both
}
.election_tabs li{
    float:left;
    padding:3% 5%;
    white-space:nowrap;
    
}
.election_tabs li>a{
    width:100%;
    display:block;
    font-size:2.1rem;
    color:#FFF;
    font-weight:400
}
.election_tabs li.active{
    background:#000;
    transition:0.3s;
}
.election_tabs li.active>a{
    color:#fff
}
.box_vote{
    display:flex;
    justify-content:space-between;
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:center;
    margin:35px 0 0 0;
}
.admin_info{
    display:flex;
    flex-grow:9;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    flex-wrap:nowrap;
    align-content:center;
}
.admin_info .ranking_name{
    display:flex;
    margin:0 10px 0 0;
    font-size:2.8rem;
    white-space:nowrap;
    align-items:center;
    font-weight:500;
}
.admin_info .ranking_name>span{
    display:flex;
    justify-content:center;
    align-items:center;
    width:45px;
    height:45px;
    margin:0 10px 0 0;
    color:#fff;
    font-size:1.8rem;
    border-radius:100%;
}
.first .ranking_name>span{
    background:#333;
}
.second .ranking_name>span{
    background:#666;
}
.third .ranking_name>span{
    background:#999;
}
.fourth .ranking_name>span, 
.fifth .ranking_name>span{
    background:#ccc;
}
.admin_info .graph{
    width:100%;
}
.admin_info .graph>p:first-child{
    height:50px;
}
.admin_number{
    display:flex;
    flex-grow:1;
    flex-direction:column;
    align-items:flex-end;
}
.admin_number .votes_number{
    font-size:3rem;
    line-height:2.7rem;
    font-weight:500
}
.admin_number p:last-child{
    color:#999;
    font-weight:300
}

.all_opening{
    padding-top: 10px;
    /* padding:5% 0 0 0;*/
    /* border-top:1px dashed #eee;*/
    text-align:right;
    color:#999;
    font-size: 12px;
}
.all_opening>p:first-child{
    font-size:2.5rem
}
.all_opening>p:last-child{
    color:#999;
    font-size:1.2rem;
    line-height:1.5rem;
    font-weight:300;
    margin-bottom: 15px;
}

/* 시간대별 투표율 */
.bg_gray{
    overflow:hidden;
    padding:0 0 5% 0;
    background:#f8f8f8
}
.highcharts-figure{
    width:100%;
    margin-top: -15px;
}
.highcharts-title, 
.highcharts-credits, 
.highcharts-a11y-proxy-butto, 
.highcharts-a11y-proxy-group-chartMenu, 
.highcharts-exporting-group
{
    display:none
}
.highcharts-background{
    fill:#f8f8f8!important
}
.highcharts-subtitle{
    font-size:1.5rem;
    font-weight:300
}

/* 선거 관심 지수 */
.graph_vote {
    height: 554px;
}
.tabmenu {
    max-width: 100%;
    height: 256px;
    margin: 0 auto;
    position: relative;
}

.tabmenu ul li {
    display: inline-block;
    width: 46%;
    float: left;
    text-align: center;
    background: #FFF;
    border-radius: 100px;
    line-height: 40px;
    margin: 0 2%;
                            
}

.tabmenu label {
    display: block;
    width: 100%;
    height: 39px;
    line-height: 9px;
    font-size: 1.6rem;
}

.tabmenu input {
    display: none;
}

.tabCon {
    display: none;
    position: absolute;
    left: 0;
    top: 70px;
    width: 100%;
    box-sizing: border-box;
}

.tabmenu input:checked ~ label {
    background: #000;
    color: #FFF;
    border-radius: 100px;
    border-radius: 100px;
}

.tabmenu input:checked ~ .tabCon {
    display: block;
    border-radius: 100px;
}



.news_article_area {
    position: relative;
    width: 100%;
}

.news_slide {
    position: absolute;
    top: 0;
    left: -5%;
    width: 100%;
    height: 240px;
}

.news_slide li p {
    position: absolute;
    bottom: 11%;
    height: 85px;
    overflow: hidden;
    width: 30%;
    padding: 34px 11px;
    background: linear-gradient(to bottom, #0000ff00 9%, #000 35%);
}

.news_slide li p span {
    background: #000;
    color: #FFF;
    font-size: 14px;
    width: 100%;
    text-align: left;
    color: #FFF;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    white-space: normal;
    -webkit-line-clamp: 2;
}

.news_slide li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.news_slide {
    width: 100%;
}

.news_slide li {
    float: left;
    width: 30%;
    height: 240px;
    margin-right: 2%;
    margin-left: 2%;
}

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

.news_slide li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*tab css*/
.tab {
    width: 100.3%;
    height: 290px;
    overflow: hidden;
    margin-left: 0%;
}

.tabnav {
    font-size: 0;
    width: 100%;
    float: left;
    margin-bottom: 25px;
    padding: 0 8%;
}

.tabnav li {
    float: left;
    width: 29%;
    height: 37px;
    margin: 2%;
    line-height: 34px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 100px;
}

.tabnav li a {
    position: relative;
    display: block;
    background: #fff;
    color: #000;
    line-height: 34px;
    text-decoration: none;
    font-size: 13px;
    border-radius: 100px;
    font-weight: 700;
}

.tabnav li a:hover,
.tabnav li a.active {
    background: #333;
    color: #FFF;
    border-radius: 100px;
    height: 35px;
    width: 101%;
    font-weight: 700;
}

.tabcontent {
    height: 244px;
    border-top: none;
}


.voting_area{
    width:100%;
    height: auto;
}
.color_info{
    display:flex;
    justify-content:flex-end;
    margin:0 5% 10px 0;
}
.color_info>div{
    position:relative;
    margin:0 30px 0 0;
    font-weight:300;
    font-size:1.4rem;
}
.color_info>div:last-child{
    margin:0 0 0 0;
}
.color_info>div::after{
    content:"";
    position:absolute;
    top:4px;
    left:-16px;
    width:12px;
    height:12px;
}
.color_info>div.hight::after{
    background:#e9a9a9
}
.color_info>div.low::after{
    background:#b0cce4
}
.voting_area .swiper-wrapper{
    margin-bottom:50px
}
.voting_area table{
    width: 100%;
    margin:3% 0% 0 0%;
    border:1px solid #eee;
}
.voting_area table:first-child{
    margin-top:0
}
.voting_area table td, th{
    width:33.3%;
    padding:3% 0;
    border-right:1px solid #eee;
    text-align:center;
    font-size:1.7rem;
    font-weight:300
}
.voting_area table td:last-child, 
.voting_area table th:last-child{
    border-right:0;
}
.voting_area table td.bg_red{
    color:#fff;
    font-weight:400;
    background:#e9a9a9
}
.voting_area table td.bg_blue{
    color:#fff;
    font-weight:400;
    background:#b0cce4
}
.voting_area table th{
    background:#f5f5f5
}
.voting_area table:nth-of-type(1) th:first-child{
    font-weight:500;
}
.voting_area table:nth-of-type(1) td:first-child{
    font-weight:500;
}
.voting_area .swiper-pagination-bullet{
    width:20px;
    height:20px;
}
.voting_area .swiper-pagination-bullet-active{
    position:relative;
    top:-3px;
    width:30px;
    height:15px;
    border-top-right-radius:10px;
    border-top-left-radius:10px;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
    background:#999
}

#charts .highcharts-legend.highcharts-no-tooltip{
    transform:translate(80%, -5%);
    display:none
}

.slide_out_txt {
    width: 100%;
    height: 380px;
    margin-top: 30px;
}
.slide_in_txt {
    float: left;
    width: 100%;
    height: 78px;
    margin-bottom: 16px;
}
.slide_in_txt span {
    float: left;
    width: 66%;
    margin-right: 4%;
    padding: 17px 0;
    color: #FFF;
    font-weight: 400;
    font-size: 1.7rem;
}
.slide_in_txt p {
    float: right;
    width: 30%;
    height: 78px;
}
.slide_in_txt p img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 역대대선투표율 */
.color_info.type02{
    position:relative;
    top:-15px
}
.color_info.type02>div.hight::after{
    background:#7cb5ec
}
.color_info.type02>div.low::after{
    background:#434348
}

/* 지역별 뉴스 */
.slide_out_txt {
    width: 100%;
    height: 380px;
    margin-top: 30px;
}
.slide_in_txt {
    float: left;
    width: 100%;
    height: 78px;
    margin-bottom: 16px;
}
.slide_in_txt span {
    float: left;
    width: 66%;
    margin-right: 4%;
    padding: 17px 0;
    color: #FFF;
    font-weight: 400;
    font-size: 1.7rem;
    
}
.slide_in_txt span a {
    color: #FFF;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    white-space: normal;
    -webkit-line-clamp: 2;
}
.slide_in_txt p {
    float: right;
    width: 30%;
    height: 78px;
}
.slide_in_txt p img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*------------------------------------------------------------------------------
                                        MIDIAQURY
-------------------------------------------------------------------------------*/

@media screen and (max-width:580px) {
    .main-public1 { height:422px;}
    .main-public2 { height:422px;}
    .graph_vote {
        height: 506px;
    }

    /* 개표현황 */
    .vote_l_info {width:25%;}
    .vote_status_t {margin-bottom: 14px;}
    .vote_l_info .reserve_img {height: 56px;}
    .vote_line li.line_01{font-size: 20px; margin-top: 7px;}
    .vote_line li.line_03{margin-top: 8px;}
    .vote_status {height: 185px; position: relative;}
    .vote_r_info {width:146px;}
    .tab_wrap .tit_list li:first-of-type {margin-left: 22% !important;}

    .vote_bg_box {left: 198px; width:120%;}
    .vote_bg_txt {position: absolute; left:-166px; top:30px; font-size:26px; text-align: left;}
    .vote_bg_txt b::after {
        right: 40px;
        top: 77px;
    }

    /* 투표 현황 */
    .tabb > li:first-of-type {margin-left: 34%;}
    .ex_cord {height: auto;}

}

@media screen and (max-width:560px){
	.tab_content{margin-top:40px}
	.visualtop>.boxing>h1{font-size:3rem;margin-top:20px}
	.name{font-size:3rem}
    .persent{font-size:4rem}
	.areaname{font-size:1.7rem}
	.pick_list a>dl>dt{height:116px}
	.seoul_minju>.picture img{width:370px}
	.busan_minju>.picture img{width:370px}
    .topinfo_area #tab2 .seoul_gukmin .picture img{width:340px}
	.seoul_gukmin>.picture img{width:340px}
	.busan_gukmin>.picture img{width:360px}
	.seoul_minju .right_info{top:10%}
	.opinion .seoul_minju .right_info{right:10%}
	.now_opinion .picture{height:225px}
	.left_info{top:20%}
	.right_info .minju_logo, 
	.left_info .gukmin_logo{margin-top:0px}
	.seoul_gukmin>.picture{margin-top:-100px}
	.busan_gukmin>.picture{margin-top:-100px}
	.dday{top:-62px;font-size:2.5rem;padding:1rem 3rem 1.2rem 3rem}
	.swiper-pledge .swiper-slide dl dt{height:150px}
	.comming{font-size:4rem}
	.title_blackbox{top:-30px;font-size:1.5rem}
	.now_opinion .seoul_minju>.picture{left:10px}
	.now_opinion .seoul_minju>.picture img,
	.now_opinion .busan_minju>.picture img, 
	.now_opinion .busan_gukmin .picture img{width:180px}	
	.now_opinion .seoul_gukmin>.picture{left:unset;right:-7px}
	.now_opinion .seoul_gukmin>.picture img{width:250px}
	.now_opinion .seoul_gukmin .left_info{top:15%;left:10%}
	.realmiter{font-size:1.5rem;margin:20px 0}
    .opinion .name{margin-top:-5px;}
    .areaname{margin-top:-10px;}
    .busan_minju .right_info{top:3%;}
    .opinion .left_info{top:13%;}
    .fsns_box div ul li.f_youtube a:after {
        width:53px;
        height:53px;
        background-position:-91px -243px;
        background-size:400px auto;
    }
    .fsns_box div ul li.f_facebook a:after {
        width:53px;
        height:53px;
        background-position:-151px -243px;
        background-size:400px auto;
    }
    .fsns_box div ul li.f_twitter a:after {
        width:53px;
        height:53px;
        background-position:-210px -243px;
        background-size:400px auto;
    }
    .fsns_box div ul li.f_instagram a:after {
        width:53px;
        height:53px;
        background-position:-269px -243px;
        background-size:400px auto;
    }
    .fsns_box div ul li.f_naver a:after {
        width:53px;
        height:53px;
        background-position:-328px -243px;
        background-size:400px auto;
    }
    

    /*  더보기 */
    .btn_moreview{
        width:100%;
        text-align:center;
        background:#333
    }
    .btn_moreview a{
        width:100%;
        color:#fff;
        display:inline-block;
        padding:1.5rem 0;
        font-size:2rem
    }
    /* 메인 후보자 영역 */
    .d-day-box {margin-top:-18px;;}
    .d-day-box span {font-size:2.2rem;margin:0px 0 0 16px;}
    .d-day-box p {width:76px;height:26x;margin-top:-32px;}
    .main-public1 { height:390px;}
    .main-public2 { height:390px;}
    .public-l { width:46%;height:233px;margin-top:80px;}
    .public-l .public-img {width:100%;}
    .public-l p.info-sec {width:100%;height:34px;margin-top:3px;font-size:2.6rem;} 
    .public-r {width:46%;height:233px;margin-top:80px;}
    .public-r .public-img {width:100%;}
    .public-r p.info-sec {height:34px;margin-top:3px;font-size:2.6rem;}
    .click-option { height:20px;font-size:1.1rem;}
    .click-option a {line-height:12px;}
    .click-option a span {margin-left:5px;}
    /* 메인 네비메뉴 */
    nav {height:70px;}
    nav a {width:22%;line-height:70px;font-size:1.8rem;letter-spacing:-1.5px;}
    nav #underline {height:2.5px;bottom:19px;}
    /* 메인- 타이틀 */
    .main-tit { width:100%;height:76px;text-align:center;font-size:3.8rem;font-weight:300;margin:38px 0 0 0;letter-spacing:-4px;}
    .main-tit span { width:100%;height:60px;font-size:3.8rem;font-weight:500;}
    /* 키워드 */
    .keyword-box{margin-bottom:-12px;font-weight:500;font-size:2.5rem;}
    /* 주요 뉴스 */
    .title_blackbox{ top:-36px;position:relative;margin:0 auto;padding:1rem;color:#fff;font-size:2rem;text-align:center;background:#333;border-radius:100px;width:35%;}
    .picknews{ width:100%;margin-top:7rem;padding-bottom:5.4rem;background:#fff;}
    .pick_top dl dt{ overflow:hidden;width:100%;height:290px;}
    .pick_top dt img{ width:100%;}
    .pick_top dl dd{ padding:1.4rem 1.3rem 5.4rem 1.3rem;font-size:2.4rem;font-weight:500;line-height:3rem;letter-spacing:-1.7px;}
    .pick_wrap {width:107%;margin-left:-13px;}
    .pick_list{ margin-top:-30px; margin-bottom:30px;}
    .pick_list:after{ content:"";display:block;clear:both;}
    .pick_list a{ float:left;width:45.1%;margin-top:23px;display:-webkit-box;margin-left:14px;box-sizing:border-box;}
    .pick_list a>dl>dt{ width:100%;	height:132px;}
    .pick_list a>dl>dt img{ width:100%;height:100%;object-fit:cover;}
    .pick_list a>dl>dd{ font-size:1.7rem;font-weight:400;height:47px;margin:10px;display:-webkit-box;word-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;line-height:2.2rem;overflow:hidden;}
    /* 여론으로 보는 민심 */
    .m-line-article {padding:30px 0;}
    .line-article {width:100%;height:90px;margin-bottom:20px;}
    .line-article a {float:left;width:100%;height:100%;}
    .line-tit {float:left;width:61%;height:58px;margin-top:16px;overflow:hidden;line-height:2.8rem;font-size:2rem;letter-spacing:-1.5px;}
    .line-img {float:right;width:30%;height:90px;border:1px solid #eeeeee;}
    /* 공약 배틀 */
    .battle_area { width:100%;height:400px;margin-left:0px; background:#333;}
    .battle_area .swiper { float:left;width:100%;height:238px;}
    .battle_area .swiper-slide { width:48% !important;margin-right:6.5px !important;margin-left:6.5px !important;text-align:center;font-size:18px;}
    .swiper-slide img { float:left;display:block;width:100%;height:127px;object-fit:cover;}
    .battle_area .swiper-slide img img {  float:left;}
    .post {float:left;position:relative;}
    .battle_area .swiper-wrapper{ float:left;margin-left:-105px;}
    .post-slider .post-wrapper { height:156px;}
    .post-info { float:left;height:48px;margin-top:12px;overflow:hidden;padding:0 10px;color:#fff;text-align:left;}
    .post-info h4 a { color:#FFF;font-size:1.8rem;line-height:23px;}
    .post-slider .post-wrapper .post .slider-image { width:100%;height:96px;}
    /* 대선 일정 */
    .schedule-box { height:102px;}
    .schedule-box:last-child{ height:140px;}
    .schedule-l p{float:left;width:100%;font-weight:500;}
    .schedule-l span {float:left;font-size:1.7rem;font-weight:500;}
    .schedule-l{height:50px;margin-top:23px;font-size:1.7rem;}
    .schedule-r{height:100px;}
    /* 섹션 라인 */
    .center_line1 {height:13px;margin-bottom:6px;margin-top:18px;}
    .center_line2 {float:left; height:27px;margin-bottom:6px;}
    .center_line3 {float:left; height:13px;margin-bottom:6px;margin-top:53px;}
    .center_line4{float:left; height:13px;margin-bottom:-33px;margin-top:0px;}
    .graph_vote {
        height: 480px;
    }

    .d_day_box {
        position: absolute;
        right: 15px;
        top: 16px;
        font-size: 10px;
        z-index: 9999;
    }

    /* 개표현황 */
    .vote_l_info {width:25%;}
    .vote_status_t {margin-bottom: 14px;}
    .vote_l_info .reserve_img {height: 56px;}
    .vote_line li.line_01{font-size: 20px; margin-top: 7px;}
    .vote_line li.line_03{margin-top: 8px;}
    .vote_status {height: 185px; position: relative;}
    .vote_r_info {width:146px;}
    .tab_wrap .tit_list li:first-of-type {margin-left: 21% !important;}

    .vote_bg_box {left: 178px; width:120%;}
    .vote_bg_txt {position: absolute; left:-138px; top:30px; font-size:26px; text-align: left;}
    .vote_bg_txt b::after {
        right: 40px;
        top: 77px;
    }

    /* 투표 현황 */
    .tabb > li:first-of-type {margin-left: 33%;}
    .ex_cord {height: auto;}

}

@media screen and (max-width:550px) {
        
    /* 메인 후보자 영역 */
    .d-day-box { margin-top:-28px;}
    .d-day-box span {font-size:2rem;margin:0px 0 0 16px;}
    .d-day-box p {width:70px;height:28px;border-radius:20px;margin-top:-28px;}

    .main-public1 { height:380px;}
    .main-public2 {height:380px;}
    .public-l { width:46%;height:233px;margin-top:70px;}
    .public-l .public-img {width:100%;}

    .public-l p.info-sec {height:36px;margin-top:3px;font-size:2.4rem;} 
    .public-r {width:46%;height:233px;margin-top:70px;}
    .public-r .public-img {width:100%;}

    .public-r p.info-sec {height:36px;margin-top:3px;font-size:2.4rem;}
    .click-option {height:20px;font-size:1.1rem;}
    .click-option a {color:#FFF;line-height:12px;}
    .click-option a span {margin-left:5px;}

    /* 메인 네비메뉴 */
    nav {height:60px;overflow-x:scroll;white-space:nowrap;}
    nav a {width:19.2%;line-height:60px;font-size:1.9rem;color:#FFF !important;}
    nav #underline {height:1.7px;bottom:15px;}

    /* 메인- 타이틀 */
    .main-tit {height:90px;font-size:4rem;font-weight:300;padding-top:10px;margin:32px 0 0 0;}
    .main-tit span { font-size:4rem;font-weight:500;}

    /* 키워드 */
    .keyword-box{font-size:2.4rem;}


    /* 주요 뉴스 */
    .title_blackbox{ top:-36px;position:relative;margin:0 auto;padding:1rem;color:#fff;font-size:2rem;
        text-align:center;background:#333;border-radius:100px;width:35%;}
    .picknews{ width:100%;margin-top:7rem;padding-bottom:5.4rem;background:#fff;}
    .pick_top dl dt{ overflow:hidden;width:100%;height:248px;}
    .pick_top dt img{ width:100%;}
    .pick_top dl dd{ padding:2rem 1.3rem 5.4rem 1.3rem;font-size:2.4rem;font-weight:500;line-height:2.8rem;letter-spacing:-1.7px;}
    .pick_wrap {width:105%;margin-left:-17px;}
    .pick_list{ margin-top:-30px; margin-bottom:30px;}
    .pick_list:after{ content:"";display:block;clear:both;}
    .pick_list a{ float:left;width:44.2%;margin-top:23px;display:-webkit-box;margin-left:17px;box-sizing:border-box;}
    .pick_list a>dl>dt{ width:100%;	height:138px;}
    .pick_list a>dl>dt img{ width:100%;height:100%;object-fit:cover;}
    .pick_list a>dl>dd{ font-size:1.9rem;font-weight:400;height:50px;margin:10px;display:-webkit-box;word-wrap:break-word;
                        -webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;line-height:2.4rem;overflow:hidden;}


    /* 여론으로 보는 민심 */
    .m-line-article {padding:20px 0;}
    .m-line-article {padding:25px 0;}
    .line-article {height:80px;}
    .line-tit {width:58%;height:49px;line-height:2.5rem;font-size:1.8rem;letter-spacing:-1.5px;margin-top:14px;}
    .line-img {height:80px;}

    /* 공약 배틀 */
    .battle_area { height:440px;margin-left:0px; background:#333; margin-top:80px; border-top:15px solid #f5f5f5; border-bottom:15px solid #f5f5f5;}

    .battle_area .swiper-slide { width:49% !important;margin-right:5px !important;margin-left:5px !important;}
    .battle_area .swiper-slide img {height:154px;}
    .battle_area .swiper-slide img img {  float:left;}
    .post-slider .post-wrapper { height:156px;}
    .post-info { height:54px;margin-top:14px;overflow:hidden;}
    .post-info h4 { line-height:20px;}
    .post-info h4 a { color:#FFF;font-size:1.9rem;line-height:25px;}


    /* 대선 톡톡 */
    .malmalmal dl dt{ height:224px}
    .malmalmal>dl{margin-bottom:2%;}
    .malmalmal dl dd{ margin-top:16px;margin-bottom:20px;}
    .malmalmal dl dd>span {font-size:2rem;line-height:2.6rem;}

    /* 대선 일정 */
    .schedule-box {height:125px;padding:0 15px;}
    .schedule-box:last-child{}
    .schedule-l p{float:left;width:100%;font-weight:500;}
    .schedule-l span {float:left;font-size:1.8rem;font-weight:500;}
    .schedule-l{height:56px;margin-top:33px;font-weight:600;font-size:1.8rem;}
    .schedule-r{height:122px;}
    .schedule-r img {width:100%;height:100%;}

    .d_day_box {
        position: absolute;
        right: 15px;
        top: 14px;
        font-size: 10px;
        z-index: 9999;
    }

    /* 개표현황 */
    .vote_l_info {width:26%;}
    .vote_status_t {margin-bottom: 14px;}
    .vote_l_info .reserve_img {height: 56px;}
    .vote_line li.line_01{font-size: 20px; margin-top: 7px;}
    .vote_line li.line_03{margin-top: 8px;}
    .vote_status {height: 185px; position: relative;}
    .vote_r_info {width:142px;}
    .tab_wrap .tit_list li:first-of-type {margin-left: 20% !important;}

    .vote_bg_box {left: 168px; width:120%;}
    .vote_bg_txt {position: absolute; left:-138px; top:30px; font-size:26px; text-align: left;}
    .vote_bg_txt b::after {
        right: 40px;
        top: 77px;
    }

    /* 투표 현황 */
    .tabb > li:first-of-type {margin-left: 33%;}
    .ex_cord {height: auto;}
}

@media screen and (max-width:510px) { 
    .vote_r_info {width:132px;}
    .tab_wrap .tit_list li:first-of-type {margin-left: 20% !important;}

    .vote_bg_box {left: 128px; width:120%;}
    .vote_bg_txt {position: absolute; left:-95px; top:30px; font-size:24px; text-align: left;}
    .vote_bg_txt b::after {
        right: 38px;
        top: 72px;
    }

    /* 투표 현황 */
    .tabb > li:first-of-type {margin-left: 32%;}
    .ex_cord {height: auto;}
}


@media screen and (max-width:490px) {
        
    /* 메인 후보자 영역 */
    .d-day-box { margin-top:-42px;}
    .d-day-box span {font-size:1.8rem;margin:0px 0 0 13px;}
    .d-day-box p {width:62px;height:24px;border-radius:20px;margin-top:-25px;}

    .main-public1 { height:350px;}
    .main-public2 {height:350px;}
    .public-l { width:46%;height:233px;margin-top:70px;}
    .public-l .public-img {width:100%;}

    .public-l p.info-sec {height:36px;margin-top:3px;font-size:2.4rem;} 
    .public-r {width:46%;height:233px;margin-top:70px;}
    .public-r .public-img {width:100%;}

    .public-r p.info-sec {height:36px;margin-top:3px;font-size:2.4rem;}
    .click-option {height:20px;font-size:1.1rem;}
    .click-option a {color:#FFF;}
    .click-option a span {margin-left:5px;}

    /* 메인 네비메뉴 */
    nav {height:60px;overflow-x:scroll;white-space:nowrap;}
    nav a {width:19.2%;line-height:60px;font-size:1.7rem;color:#FFF !important;}
    nav #underline {height:1.7px;bottom:15px;}

    /* 메인- 타이틀 */
    .main-tit {height:90px;font-size:3.6rem;font-weight:300;padding-top:10px;margin:32px 0 0 0;}
    .main-tit span { font-size:3.6rem;font-weight:500;}

    /* 키워드 */
    .keyword-box{font-size:2.4rem;}


    /* 주요 뉴스 */
    .title_blackbox{ top:-36px;position:relative;margin:0 auto;padding:1rem;color:#fff;font-size:2rem;
        text-align:center;background:#333;border-radius:100px;width:35%;}
    .picknews{ width:100%;margin-top:7rem;padding-bottom:5.4rem;background:#fff;}
    .pick_top dl dt{ overflow:hidden;width:100%;height:248px;}
    .pick_top dt img{ width:100%;}
    .pick_top dl dd{ padding:2rem 1.3rem 5.4rem 1.3rem;font-size:2.2rem;font-weight:500;line-height:2.6rem;letter-spacing:-1.7px;}
    .pick_wrap {width:105%;margin-left:-17px;}
    .pick_list{ margin-top:-30px; margin-bottom:30px;}
    .pick_list:after{ content:"";display:block;clear:both;}
    .pick_list a{ float:left;width:44.2%;margin-top:23px;display:-webkit-box;margin-left:17px;box-sizing:border-box;}
    .pick_list a>dl>dt{ width:100%;	height:132px;}
    .pick_list a>dl>dt img{ width:100%;height:100%;object-fit:cover;}
    .pick_list a>dl>dd{ font-size:1.7rem;font-weight:400;height:42px;margin:10px;display:-webkit-box;word-wrap:break-word;
                        -webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;line-height:2rem;overflow:hidden;}


    /* 여론으로 보는 민심 */
    .m-line-article {padding:20px 0;}
    .m-line-article {padding:25px 0;}
    .line-article {height:76px;}
    .line-tit {width:58%;height:49px;line-height:2.5rem;font-size:1.8rem;letter-spacing:-1.5px;margin-top:12px;}
    .line-img {height:76px;}

    /* 공약 배틀 */
    .battle_area { height:420px;margin-left:0px; background:#333; border-top:15px solid #f5f5f5; border-bottom:15px solid #f5f5f5;}

    .battle_area .swiper-slide { width:49% !important;margin-right:5px !important;margin-left:5px !important;}
    .battle_area .swiper-slide img {height:148px;}
    .battle_area .swiper-slide img img {  float:left;}
    .post-slider .post-wrapper { height:156px;}
    .post-info { height:42px;margin-top:10px;overflow:hidden;}
    .post-info h4 { line-height:20px;}
    .post-info h4 a { color:#FFF;font-size:1.7rem;line-height:22px;}


    /* 대선 톡톡 */
    .malmalmal dl dt{ height:190px}
    .malmalmal>dl{margin-bottom:2%;}
    .malmalmal dl dd{ margin-top:12px;margin-bottom:20px;}
    .malmalmal dl dd>span {font-size:1.8rem;line-height:2.4rem;}

    /* 대선 일정 */
    .schedule-box {height:121px;padding:0 15px;}
    .schedule-box:last-child{}
    .schedule-l p{float:left;width:100%;font-weight:500;}
    .schedule-l span {float:left;font-size:1.8rem;font-weight:600;}
    .schedule-l{height:56px;margin-top:33px;font-weight:500;font-size:1.8rem;}
    .schedule-r{height:118px;}
    .schedule-r img {width:100%;height:100%;}

    /* 유력마크 */
    .mark_possib{
        top:-5%;
        left:13%;
        width:50px;
        height:50px;
    }
    .mark_possib::after{
        line-height:50px;
    }

    /* 당선마크 */
    .mark_elected{
        top: -10%;
        left: 3%;
        width: 70px;
        height: 103px;
    }
    /* 선거 관심 지수 */
    .graph_vote {
        height: 430px;
    }
    .d_day_box {
        position: absolute;
        right: 15px;
        top: 9px;
        font-size: 10px;
        z-index: 9999;
    }


    /* 개표현황 */
    .vote_l_info {width:27%;}
    .vote_l_info .reserve_img {height: 51px;}
    .vote_r_info {width:65%;}
    .vote_line li.line_01 {margin-top: 5px;}
    .vote_line li.line_03 {margin-top: 4px;}
    .vote_status {height: 175px; position: relative;}
    .tab_wrap .tit_list li:first-of-type {margin-left: 16% !important;}

    .vote_bg_box {left: 108px; width:120%;}
    .vote_bg_txt {position: absolute; left:-75px; top:30px; font-size:24px; text-align: left;}
    .vote_bg_txt b::after {
        right: 38px;
        top: 72px;
    }

    /* 투표 현황 */
    .tabb > li:first-of-type {margin-left: 31%;}
    .ex_cord {height: auto;}
}

@media screen and (max-width:460px) {
    .y_title {
        font-size: 2.8rem;
    }
    .counting_percent, 
    .all_opening>p:first-child {
        font-size: 1.6rem;
    }
    .candidate_info figcaption {
        bottom: 14px;
    }
    .candidate_info figcaption p:first-child {
        font-size: 3.5rem;
    }  
    .candidate_info figcaption p:first-child>span {
        top: -20px;
        width: 90px;
        height: 90px;
        margin: 0 10px 0 0;
    }  
    .candidate_info figcaption p {
        margin: 2.5% 0 0 0;
        font-size: 6rem;
    }
    .candidate_info figcaption p:last-child {
        font-size: 2rem;
    }
    .candidate_info::before {
        bottom: 5px;
        height: 40px;
    }
    .candidate_info.second.red::before, 
    .candidate_info.blue::before {
        right: 40%;
        width: 60%;
    }
    /* 3~4위 */
    .candidate_sbox {
        height: 70px;
        margin: 5% 5% 0 5%;
    }
    .candidate_name>figure {
        bottom:9px;
        width: 90px;
    }
    .candidate_name>figcaption>p, 
    .candidate_count {
        font-size: 2.4rem;
    }
    .candidate_count>p:nth-of-type(2) {
        font-size: 1.5rem;
    }
    /* 선거 관심 지수 */
    .graph_vote {
        height: 420px;
    }
    .d_day_box {
        position: absolute;
        right: 14px;
        top: 6px;
        font-size: 10px;
        z-index: 9999;
    }

    /* 개표현황 */
    .vote_l_info {width:29%;}
    .vote_status_l {width:42%;}
    .vote_l_info .reserve_img {height: 48px;}
    .vote_r_info {width:62%;}
    .vote_line li.line_01 {margin-top:2px;}
    .vote_line li.line_03 {margin-top:4px;}
    .vote_status {height: 168px; position: relative;}
    .vote_status_r {width:42%;}

    .vote_bg_box {left: 78px; width:120%;}
    .vote_bg_txt {position: absolute; left:-42px; top:30px; font-size:24px; text-align: left;}
    .vote_bg_txt b::after {
        right: 38px;
        top: 72px;
    }

    .tab_wrap .tit_list li:first-of-type {margin-left: 14% !important;}

    /* 투표 현황 */
    .tabb > li:first-of-type {margin-left: 29%;}
    .ex_cord {height: auto}
}

@media screen and (max-width:420px) {
    
    /* 메인 후보자 영역 */
    .d-day-box { margin-top:-40px;}
    .d-day-box span {font-size:1.6rem;margin:0px 0 0 14px;}
    .d-day-box p {width:60px;height:24px;border-radius:20px;margin-top:-24px;}

    .main-public1 { height:320px;}
    .main-public2 {height:320px;}
    .public-l { width:46%;height:233px;margin-top:70px;}
    .public-l .public-img {width:100%;}

    .public-l p.info-sec {height:36px;margin-top:3px;font-size:2.4rem;} 
    .public-r {width:46%;height:233px;margin-top:70px;}
    .public-r .public-img {width:100%;}

    .public-r p.info-sec {height:36px;margin-top:3px;font-size:2.4rem;}
    .click-option {height:20px;font-size:1.1rem;}
    .click-option a {color:#FFF;line-height:12px;}
    .click-option a span {margin-left:5px;}

    /* 메인 네비메뉴 */
    nav {height:60px;overflow-x:scroll;white-space:nowrap;}
    nav a {width:22%;line-height:60px;font-size:1.6rem;color:#FFF !important;}
    nav #underline {height:1.5px;bottom:15px;}

    /* 메인- 타이틀 */
    .main-tit {height:70px;font-size:2.8rem;font-weight:300;margin:32px 0 0 0;}
    .main-tit span { font-size:2.8rem;font-weight:500;}

    /* 키워드 */
    .keyword-box{font-size:2.4rem;}


    /* 주요 뉴스 */
    .title_blackbox{ top:-36px;position:relative;margin:0 auto;padding:1rem;color:#fff;font-size:2rem;
        text-align:center;background:#333;border-radius:100px;width:35%;}
    .picknews{ width:100%;margin-top:7rem;padding-bottom:5.4rem;background:#fff;}
    .pick_top dl dt{ overflow:hidden;width:100%;height:215px;}
    .pick_top dt img{ width:100%;}
    .pick_top dl dd{ padding:2rem 1.3rem 5.4rem 1.3rem;font-size:2.2rem;font-weight:500;line-height:2.6rem;letter-spacing:-1.7px;}
    .pick_wrap {width:105%;margin-left:-17px;}
    .pick_list{ margin-top:-30px; margin-bottom:30px;}
    .pick_list:after{ content:"";display:block;clear:both;}
    .pick_list a{ float:left;width:44.2%;margin-top:23px;display:-webkit-box;margin-left:17px;box-sizing:border-box;}
    .pick_list a>dl>dt{ width:100%;	height:112px;}
    .pick_list a>dl>dt img{ width:100%;height:100%;object-fit:cover;}
    .pick_list a>dl>dd{ font-size:1.7rem;font-weight:400;height:42px;margin:10px;display:-webkit-box;word-wrap:break-word;
                        -webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;line-height:2rem;overflow:hidden;}


    /* 여론으로 보는 민심 */
    .m-line-article {padding:20px 0;}
    .m-line-article {padding:25px 0;}
    .line-article {height:74px;}
    .line-tit {width:58%;height:49px;line-height:2.5rem;font-size:1.7rem;letter-spacing:-1.5px;}
    .line-img {height:74px;}

    /* 재보선 뉴스 */
    .battle_area { height:350px;margin-left:0px; background:#333; margin-top:50px; border-top:13px solid #f5f5f5; border-bottom:13px solid #f5f5f5;}

    .battle_area .swiper-slide { width:49% !important;margin-right:5px !important;margin-left:5px !important;}
    .battle_area .swiper-slide img {height:125px;}
    .battle_area .swiper-slide img img {  float:left;}
    .post-slider .post-wrapper { height:156px;}
    .post-info { height:42px;margin-top:10px;overflow:hidden;}
    .post-info h4 { line-height:20px;}
    .post-info h4 a { color:#FFF;font-size:1.7rem;line-height:22px;}


    /* 대선 톡톡 */
    .malmalmal dl dt{ height:170px}
    .malmalmal>dl{margin-bottom:2%;}
    .malmalmal dl dd{ margin-top:12px;margin-bottom:20px;}
    .malmalmal dl dd>span {font-size:1.8rem;line-height:2.4rem;}

    /* 대선 일정 */
    .schedule-box {height:102px;padding:0 15px;}
    .schedule-box:last-child{}
    .schedule-l p{float:left;width:100%;font-weight:500;}
    .schedule-l span {float:left;font-size:1.6rem;font-weight:500;}
    .schedule-l{height:56px;margin-top:25px;font-weight:600;font-size:1.7rem;}
    .schedule-r{height:100px;}
    .schedule-r img {width:100%;height:100%;}


    /* 개표일정 */
    .candidate_info figcaption p:first-child {
        font-size: 3rem;
    }
    .candidate_info figcaption p:first-child>span {
        top: -15px;
        width: 80px;
        height: 80px;
        font-size: 3.5rem;
    }
    .candidate_info figcaption p {
        margin: 2% 0 0 0;
        font-size: 5rem;
    }
    .candidate_info::before {
        bottom: 5px;
        height: 35px;
    }
    .candidate_info figcaption {
        bottom: 11px;
    }
    .election_tabs li {
        padding: 2.5% 5%;
    }
    .election_tabs li>a {
        font-size: 1.8rem;
    }
    .box_vote {
        margin: 15px 0 0 0;
    }
    .admin_info .ranking_name>span {
        width: 30px;
        height: 30px;
        margin: 0 5px 0 0;
        font-size: 1.2rem;
    }
    .admin_info .ranking_name {
        font-size: 2.4rem;
    }
    .admin_info .graph>p:first-child {
        height: 35px;
    }
    .admin_number .votes_number {
        font-size: 2.4rem;
        line-height: 2.8rem;
    }
    .admin_number p:last-child {
        font-size: 1.3rem;
    }

    /* 선거 관심 지수 */
    .graph_vote {
        height: 380px;
    }
    /* 선거 D-DAY */
    .d_day_box {
        position: absolute;
        right: 15px;
        top: 3px;
        font-size: 10px;
        z-index: 9999;
    }

    /* 개표현황 */
    .vote_l_info {width:29%;}
    .vote_l_info .reserve_img {height: 45px;}
    .vote_line li.line_01 {margin-top: 2px;}
    .vote_line li.line_03{margin-top: 2px;}
    .vote_status_l {width:43%;}
    .vote_status_r {width:43%;}
    .vote_status {height: 162px; position: relative;}
    .vote_r_info {width:61%;}
    .vote_bg_box {left: 38px; width:120%;}
    .vote_bg_txt {position: absolute; left:0px; top:30px; font-size:20px; text-align: left;}
    .vote_bg_txt b::after {
        right: 28px;
        top: 57px;
    }

    .tab_wrap .tit_list li:first-of-type {margin-left: 11% !important;}

    /* 투표 현황 */
    .tabb > li:first-of-type {margin-left: 26%;}
    .ex_cord {height: auto;}
}

@media screen and (max-width:380px) {
    .main-public1 { height:300px;}
    .main-public2 { height:300px;}

    .malmalmal dl dt { height:156px;}

    .pick_top dl dt{height:189px;}
    .line-tit {height:48px;font-size:1.7rem;line-height:2.2rem;}

    /* 개표현황 */
    .candidate_info figcaption p:first-child {
        font-size: 2.5rem;
    }
    .candidate_info figcaption p:first-child>span {
        top: -12px;
        width: 70px;
        height: 70px;
        font-size: 3rem;
    }
    .candidate_info figcaption p {
        font-size: 4rem;
    }
    .candidate_info figcaption p:last-child {
        font-size: 1.5rem;
    }
    .candidate_info::before {
        height: 28px;
    }
    .candidate_sbox {
        height: 50px;
        margin: 7% 5% 0 5%;
    }
    .candidate_name>figure {
        bottom: 9px;
        width: 70px;
    }
    .candidate_name>figcaption>p, .candidate_count {
        font-size: 1.8rem;
    }
    .candidate_name>figcaption>p:nth-of-type(2) {
        font-size: 1.2rem;
    }
    .candidate_count>p {
        padding: 0 15% 0 0;
    }
    .candidate_count>p:nth-of-type(2) {
        font-size: 1.2rem;
        font-weight:300
    }
    .candidate_sbox.third figcaption>p:nth-of-type(1)::after, 
    .candidate_sbox.fourth figcaption>p:nth-of-type(1)::after, 
    .candidate_sbox.fifth figcaption>p:nth-of-type(1)::after{
        font-size: 1.4rem;
    }
    /* 당선마크 */
    .mark_elected{
        top: -10%;
        left: 3%;
        width: 55px;
        height: 80px;
    }

    /* 선거 관심 지수 */
    .graph_vote {
        height: 330px;
    }
    .d_day_box {
        position: absolute;
        right: 14px;
        top: -1px;
        font-size: 10px;
        z-index: 9999;
    }

    /* 개표현황 */
    .vote_line li.line_01{margin-top: 2px;}
    .vote_line li.line_03{margin-top: 4x;}
    .vote_l_info p {height: 20px; line-height: 20px; font-size: 12px;}
    .vote_l_info {width:32%;}
    .vote_l_info .reserve_img {height: 44px;}
    .vote_status {height: 155px; position: relative;}

    .tab_wrap .tit_list li:first-of-type {margin-left: 9% !important;}
    .tab_wrap .tit_list > li a {padding: 10px 20px;}
    .vote_bg_box {left: -2px;}
    .vote_bg_txt {position: absolute; left:30px; top:30px; font-size:; text-align: left;}
    .vote_bg_txt b {font-weight: 700;}
    .vote_bg_txt b::after {
        right: 28px;
        top: 57px;
    }

    .main-tit {padding-top: 16px;}

    /* 투표 현황 */
    .tabb > li:first-of-type {margin-left: 24%;}
    .ex_cord {height: auto;}

}

@media screen and (max-width:350px){ 
    .tab_wrap .tit_list li:first-of-type {margin-left: 5% !important;}
    .tab_wrap .tit_list > li a {padding: 10px 18px;}
    .vote_bg_box {left: -32px; width:120%;}
    .vote_bg_txt {position: absolute; left:55px; top:30px; font-size:; text-align: left;}
    .vote_bg_txt b {font-weight: 700;}
    .vote_bg_txt b::after {
        right: 28px;
        top: 57px;
    }


    /* 투표 현황 */
    .tabb > li:first-of-type {margin-left: 22%;}
    .ex_cord {height: auto;}
}

@media screen and (max-width:340px){
    .y_title {
        font-size: 2.2rem;
    }    
    .counting_percent, .all_opening>p:first-child {
        font-size: 1.4rem;
    }
    .candidate_info figcaption p:first-child>span {
        top: -12px;
        width: 60px;
        height:60px;
        font-size:2.5rem;
    }
    .candidate_info figcaption p:first-child {
        font-size: 2.3rem;
    }
    .candidate_info figcaption p {
        font-size: 3.5rem;
    }
    /* 유력마크 */
    .mark_possib{
        left:13%;
        width:40px;
        height:40px;
    }
    .mark_possib::after{
        line-height:40px;
        font-size:1.3rem
    }
    /* 선거 관심 지수 */
    .graph_vote {
        height: auto;
    }

    .d_day_box {
        position: absolute;
        right: 4px;
        top: -5px;
        font-size: 10px;
        z-index: 9999;
    }

    /* 개표현황 */
    .vote_l_info {width:37%;}
    .vote_l_info .reserve_img {height: 46px;}
    .vote_line li.line_01 {margin-top: 3px;}
    .vote_line li.line_03{margin-top: 3px;}
    .vote_status {height: 155px; position: relative;}
    .vote_line li.line_02 {font-size: 12px;}
    .vote_r_info {width:55%;}
    .vote_l_info p {height: 20px; line-height: 20px; font-size: 12px;}

    .tab_wrap .tit_list li:first-of-type {margin-left: 7% !important;}
    .tab_wrap .tit_list > li a {padding: 10px 18px;}

    .vote_bg_box {left: -30px; width:120%;}
    .vote_bg_txt {position: absolute; left:60px; top:30px; font-size:; text-align: left;}
    .vote_bg_txt b::after {
        right: 28px;
        top: 57px;
    }

    /* 투표 현황 */
    .tabb > li:first-of-type {margin-left: 20%;}
    .ex_cord {height: auto;}



}

@media screen and (max-width:320px){
    .main-tit {padding-top: 0px;}
    .visualtop>.boxing>h1 {
        font-size:2.6rem;
    }
    .seoul_minju>.picture img, 
    .seoul_gukmin>.picture img {
        width:290px;
    }
    .topinfo_area #tab2 .seoul_gukmin .picture img{width:270px;right:0}   
    .left_intro_link a, .right_intro_link a {
        height:40px;
        line-height:40px;
        font-size:1.5rem;
    }
    .left_info .gukmin_logo img {
        width:90px;
    }
    .name {
        font-size:3.5rem;
    }
    .areaname {
        font-size:1.5rem;
    }
    .comming {
        font-size:2.5rem;
    }
    .picknews {
        margin-top:3rem;
    }
    .opinion .seoul_minju .right_info {
        top:5%;
    }
    .opinion .seoul_gukmin {
        margin-top:-8%;
    }
    .opinion_vs {
        font-size:2rem;
    }
	.pick_top dl dt{height:150px}
	.title_blackbox{font-size:1rem;padding:.5rem;top:-19px}
	.pick_top dl dd{font-size:1.8rem;line-height:2.4rem;padding:1rem 1.3rem 3rem 1.3rem;}
	.pick_list a>dl>dt{height:96px}
	.pick_list a{margin-top:22px}
	.btn_moreview a{padding:1rem 0;font-size:1.7rem}
	.opnion_tab{margin-top:15px!important}
	.opnion_tab>div{font-size:2.5rem}
	.battle_area .swiper-button-next.swiper-button-white, 
    .battle_area .swiper-container-rtl .swiper-button-prev.swiper-button-white, 
	.battle_area .swiper-button-prev.swiper-button-white, 
    .battle_area .swiper-container-rtl .swiper-button-next.swiper-button-white{background-size:80%}
	.name{font-size:2.5rem;margin-top:0}
	.right_info .minju_logo img{width:100px}
	.left_info .gukmin_logo img{width:70px}
	.busan_minju .right_info{right:10%}
	h2.title{font-size:2rem;margin-top:3rem}
    .pick_list a>dl>dd {padding:none;}
	.pick_list a>dl>dd, 
	.battle_area .swiper-pledge .swiper-slide dl dd,
	.malmalmal dl dd>span{line-height:2rem;font-size:1.5rem;height:62px;overflow:hidden;letter-spacing:-1.5px;}
	.graybox{margin-top:4rem}
	.now_opinion .swiper-button-next, 
    .now_opinion .swiper-button-prev{top:85px!important}
    .newsdetail .article_head .author_info .time{letter-spacing:-1px;font-size:0.9rem;}
    .author_info .subscription{margin:0 5px 0 0;padding:7px 12px 7px 25px;}
    .opinion .busan_minju .picture{left:10%;}
    .opinion .busan_gukmin>.picture{right:10%;}
    .opinion .left_info{top:15%;left:10%;}
    .now_opinion .seoul_minju>.picture img, 
    .now_opinion .busan_minju>.picture img, 
    .now_opinion .busan_gukmin .picture img{width:180px;}
    .now_opinion .picture{height:190px}
    .persent{font-size:3rem;}
    .opinion .name{margin-top:-5px;}
    .areaname{font-size:1.1rem;}
    .realmeter{font-size:1.1rem;}
    .percentage_allsection ul li:nth-child(2), .percentage_allsection03 ul li:nth-child(2) {
        font-size:1.5rem;
    }
    .percentage_allsection ul li:last-child, .percentage_allsection03 ul li:last-child {
        font-size:1.3rem;
    }
    .counttitle strong {
        font-size:2rem;
    }
    .icon_dangseon{
        bottom:33%;
        right:-15%;
        z-index:200
    }
    .icon_dangseon>img{
        width:60%
    }
    /* 메인 후보자 영역 */
    .d-day-box { margin-top:-52px;}
    .d-day-box span {font-size:1.4rem;margin:0px 0 0 6px;}
    .d-day-box p {width:52px;height:22px;border-radius:20px;margin-top:-21px;margin-left:-6px;}
    .main-public1 { height:280px;}
    .main-public2 {height:280px;}
    .public-l { width:46%;height:233px;margin-top:70px;}
    .public-l .public-img {width:100%;}
    .public-l .public-img img {width:142px !important;height:126px;}
    .public-l p.info-sec {height:30px;margin-top:5px;font-size:2rem;} 
    .public-r {width:46%;height:233px;margin-top:70px;}
    .public-r .public-img {width:100%;}
    .public-r .public-img img {width:142px !important;height:126px;}
    .public-r p.info-sec {height:30px;margin-top:5px;font-size:2rem;}
    .click-option {height:20px;font-size:1.1rem;}
    .click-option a {color:#FFF;line-height:12px;}
    .click-option a span {margin-left:5px;}
    /* 메인 네비메뉴 */
    nav { position:relative;width:100%;height:70px;background:#333;margin:0;padding:0;text-align:center;overflow-x:scroll;white-space:nowrap;}
    nav::-webkit-scrollbar{display:none;/* Chrome, Safari, Opera*/}
    nav a { position:relative;display:inline-block;width:25%;line-height:70px;box-sizing:border-box;font-size:1.6rem;color:#FFF !important;letter-spacing:-1.5px;text-decoration:none;}
    nav a:last-child{margin-right:90px;margin-left:20px;}
    nav #underline { position:absolute;left:0;height:2.5px;width:0;background:#FFF;bottom:19px;transition:0.2s;}
    /* 메인- 타이틀 */
    .main-tit {height:56px;font-size:2.6rem;font-weight:300;margin:32px 0 0 0;}
    .main-tit span { font-size:2.6rem;font-weight:500;}
    /* 키워드 */
    .keyword-box{font-size:1.8rem;}
    /* 주요 뉴스 */
    .title_blackbox{ top:-36px;position:relative;margin:0 auto;padding:1rem;color:#fff;font-size:2rem;text-align:center;background:#333;border-radius:100px;width:35%;}
    .picknews{ width:100%;margin-top:7rem;padding-bottom:5.4rem;background:#fff;}
    .pick_top dl dt{ overflow:hidden;width:100%;}
    .pick_top dt img{ width:100%;}
    .pick_top dl dd{ padding:2rem 1.3rem 4rem 1.3rem;font-size:2rem;font-weight:500;line-height:2.6rem;letter-spacing:-1.7px;}
    .pick_wrap {width:105%;margin-left:-17px;}
    .pick_list{ margin-top:-30px;}
    .pick_list:after{ content:"";display:block;clear:both;}
    .pick_list a{ float:left;width:44.2%;margin-top:23px;display:-webkit-box;margin-left:17px;box-sizing:border-box;}
    .pick_list a>dl>dt{ width:100%;	height:93px;}
    .pick_list a>dl>dt img{ width:100%;height:100%;object-fit:cover;}
    .pick_list a>dl>dd{ font-size:1.5rem;font-weight:400;height:42px;margin:10px;display:-webkit-box;word-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;line-height:2rem;overflow:hidden;}

    /* 여론으로 보는 민심 */
    .m-line-article {padding:20px 0;}
    .m-line-article {padding:25px 0;}
    .line-article {margin-bottom:0px;}
    .line-tit {width:58%;height:42px;line-height:2rem;font-size:1.4rem;margin-top:6px;letter-spacing:-1.5px;}
    .line-img {height:52px;}

    /* 공약 배틀 */
    .battle_area { height:330px;margin-left:0px; background:#333;}
    .swiper-slide {margin-right:5px !important;margin-left:5px !important;}
    .swiper-slide img {height:102px;}
    .swiper-slide img img {  float:left;}
    .post-slider .post-wrapper { height:156px;}
    .post-info { height:42px;margin-top:6px;overflow:hidden;}
    .post-info h4 { line-height:20px;}
    .post-info h4 a { color:#FFF;font-size:1.5rem;line-height:20px;}


    /* 대선 톡톡 */
    .malmalmal dl dt{ height:136px}
    .malmalmal>dl{margin-bottom:2%;}

    /* 대선 일정 */
    .schedule-box {height:82px;padding:0 15px;}
    .schedule-box:last-child{}
    .schedule-l p{float:left;width:100%;font-weight:500;}
    .schedule-l span {float:left;font-size:1.4rem;font-weight:500;}
    .schedule-l{height:40px;margin-top:19px;font-weight:600;font-size:1.4rem;}
    .schedule-r{height:80px;}
    .schedule-r img {width:100%;height:100%;}

    /* 섹션 라인 */
    .center_line1 {height:10px;margin-bottom:6px;margin-top:18px;}
    .center_line2 {height:27px;margin-bottom:6px;}
    .center_line3 { height:10px;margin-bottom:6px;margin-top:40px;}
    .center_line4{ height:10px;margin-bottom:33px;margin-top:0px;}
    /* 정당별 뉴스 */
    .news_article_area {
        position: relative;
        width: 100%;
    }

    .news_slide {
        position: absolute;
        top: 0;
        left: -5%;
        width: 100%;
        height: 240px;
    }
    .news_slide li {
        width: 100%;
    }

    .news_slide li p {
        position: absolute;
        bottom: 9%;
        height: 85px;
        overflow: hidden;
        width: 100%;
        padding: 34px 11px;
        background: linear-gradient(to bottom, #0000ff00 9%, #000 35%);
    }

    .news_slide li p span {
        background: #000;
        color: #FFF;
        font-size: 14px;
        width: 100%;
        text-align: left;
        color: #FFF;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        white-space: normal;
        -webkit-line-clamp: 2;
    }

    .news_slide li img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .d_day_box {
        position: absolute;
        right: 14px;
        top: -6px;
        font-size: 10px;
        z-index: 9999;
    }

/* 개표 현황 */
.vote_status{height: 155px; position: relative;}
.vote_r_info {width:55%;}
.vote_l_info .reserve_img {height: 44px;}
.vote_line li.line_01 { margin-top:2px;}
.vote_line li.line_02 {font-size: 11px;}
.vote_line li.line_03 {margin-top: 6.5px; font-size: 2.0rem;}
.vote_l_info p {height: 20px; line-height: 20px; font-size: 12px;}

.tab_wrap .tit_list li:first-of-type {margin-left: 5% !important;}
.tab_wrap .tit_list > li a {padding: 10px 18px;}

.vote_bg_box {left: -62px; width:126%;}
.vote_bg_txt {position: absolute; left:90px; top:30px; font-size:; text-align: left;}
.vote_bg_txt b::after {
    right: 28px;
    top: 57px;
}

/* 투표 현황 */
.tabb > li:first-of-type {margin-left: 18%;}
.ex_cord {height: auto;}
    
}