@charset "utf-8";
@import url("animate.css");

* {outline-style:none;-webkit-text-size-adjust:none;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,summary,time,mark,audio,video,input,select,textarea,button{margin:0;padding:0;}
fieldset,img{border:0 none}
dl,li,menu,ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote::after,blockquote::before,q::after,q::before{content:'';content:none}
button,input,select,textarea{vertical-align:middle}
button{border:0 none;background-color:transparent;cursor:pointer; -webkit-appearance: none; text-shadow: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
table{border-collapse:collapse;border-spacing:0}
input:checked[type=checkbox]{background-color:#666;-webkit-appearance:checkbox}
html input[type=button],input[type=email],input[type=password],input[type=reset],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=url],textarea,select{-webkit-appearance:none;border-radius:0}
input:focus,textarea:focus{outline:none;}
input[type=text]::-ms-clear {display:none;}
header,footer,aside,nav,main,article,figure{display:block;}
html{height: 100%;}
body{max-width: 768px;margin: 0 auto;word-wrap:break-word;background-color: #ececec; min-width: 320px;height: 100%;word-break: break-all;}
html,body,button,input,select,td,textarea,th{font-size:10px;line-height:15px;font-family:'Helvetica Neue', 'Apple SD Gothic Neo', sans-serif, Helvetica-light,'AppleSDGothicNeo-Light','Malgun Gothic','맑은 고딕',Dotum,'돋움';}
a{text-decoration:none; color: #231f20;}
a:active,a:hover{text-decoration:none}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400}
button::-moz-focus-inner{border:0;padding:0}
img{max-width:100%;vertical-align:top;}
/*h3,h4,h5{font-weight:normal;}*/
body,button,h1,h2,h3,h4,h5,input,select,table,textarea,div,p,li,dl,dt,span{font-weight:500;}

/*=====자주쓰는 클래스==================================================*/

.clearfx::after {content:'.';display:block;font-size:0;height:0px;line-height:0;clear:both;}
.screen_out {display: block;overflow: hidden;position: absolute;left: -9999px;width: 1px;height: 1px;font-size: 0;line-height: 0;text-indent: -9999px;}
.none{display: none;}
.wrap{
    width: 100%;
    overflow: hidden;
}
.mgbt10{margin-bottom: 10px;}
.mgbt5{margin-bottom: 5px;}
.mgt10{margin-top: 10px;}
.mgl5{margin-left: 5px;}
.mgbt-10{margin-bottom: -10px;}
.pdt10 {padding-top:10px}
.red{color: #db0000!important;}
.blue{color: #4783ff!important;}
.picle{color: #960ab3!important;}
.btn_top{
    position: fixed;
    right: 11px;
    bottom: 15px;
    width: 40px;
    height: 40px;
    text-indent:0; font-size:15px; color:transparent;
    background-color: #fff;
    border: 1px solid #939393;
    border-radius: 2px;
    z-index: 2200;
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/top.svg);
    background-size: 22px;    
}
.btn_top:active{
	background-color: #dcdcdc;
}
main .content{
    word-break: keep-all;
    word-wrap: break-word;
    overflow: hidden;    
}
.link_thumb img{
    display: block;
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
}
a span.thumb{display: inline-block;}

.link_tit .share_btn{
    z-index: 1;
    position: absolute;
    bottom:10px;
    right: 10px;
    width: 40px;
    height: 40px;
	border-radius: 100%;
    text-indent:0; font-size:15px; color:transparent;
    /*background-color: #fff;*/
	background-size: 25px;
	background-position: 6px 7px;
	background-repeat: no-repeat;
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/share_b.svg);
}
.link_tit .share_btn:active{
	background-color: #eef5ff;
}
.series .list_title, .series h2{
    color: #286dc8;
}
/*====카드뉴스======================*/
.card_list{
    background-color: #fff;
}
.card_list ul{margin: 0px 13px 0 13px;}
.card_list ul li{
    float: left;
    width: 50%;
	margin-bottom: 10px;
}
.card_list ul li a{
    display: block;
    margin: 0 5px;	
	zoom:1;
}
.card_list ul li strong{
    text-align: left;
    font-weight: normal;
    font-size: 1.4rem;
    line-height: 1.3em;
    color: #333;
    height: 37px;
    margin: 6px 6px;	
    overflow: hidden;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    letter-spacing: -0.05em;
}


/*=====아이콘==================================================*/
.icon{background-repeat: no-repeat; background-position: center;}
span.icon{display: inline-block;}
.ico_info{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/info.png);}
.fb_c{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/fb_c.svg);}
.fb_b{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/fb_b.svg);}
.tw_c{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/tw_c.svg);}
.tw_b{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/tw_b.svg);}
.kt_c{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/kt_c.svg);}
.kt_cc {background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/kt_cc.svg);}
.ks_c{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/ks_c.svg);}
.ob_b{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/ob_b.svg);}
.band{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/band.svg);}
.more_s {background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/more_on.svg);}
.more_b{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/more_b.svg);}
.arrow_r{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/arrow_r.svg);}
.arrow_rt_w{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/arrow_rt_w.svg);}
.arrow_rt_b{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/arrow_rt_b.svg);}
.arrow_lt_w{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/arrow_lt_w.svg);}
.arrow_lt_b{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/arrow_lt_b.svg);}
.arrow_fold{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/arrow_up.svg);}
.arrow_unfold{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/arrow_dw.svg);}
.mail_b{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/mail_b.svg);}
.mail_c{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/mail_c.svg);}
.give .icon{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/pay_w.svg);}
.btn_give .icon{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/pay_c.svg);}
.btn_rec .icon{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/rec.svg);}
.btn_rec.on .icon{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/rec_on.svg);}
.btn_reply .icon{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/reply.svg);}
.btn_more .icon{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/more.svg);}
.icon.btn_more {background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/more.svg);}
.icon.btn_zoomin{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/zoom_in.svg);}
.icon.btn_zoomout{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/zoom_out.svg);}
.btn_scrap .icon{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/scrap.svg);}
.btn_scrap.on .icon{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/scrap_on.svg);}
.zzim .icon{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/zzim_off.svg);}
.zzim.on .icon{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/zzim_on.svg);}
button.zzim{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/zzim_off.svg);}
button.zzim.on{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/zzim_on.svg);}
.play{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/play.svg);}
.site{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/site.svg);}
.icon.schedule{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/schedule.svg);}
.gallery .icon{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/imgs.svg);}
.close_b{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/close_b.svg);}
.close_w{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/close_w.svg);}
.question{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/question.svg);}
.return{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/return.svg);}
.photo_logo, .ohmyphoto .head .gnb_logo .logo{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/ohmyphoto.svg);}
.tv_logo, .ohmytv .head .gnb_logo .logo{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/ohmytv.svg);}
.club_logo{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/club_c.svg);}
.star_logo{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/ohmystar.svg);}
.moi_logo{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/moi_c.svg);}
.search{background-image: url(images/ico_search.svg);}
.news_logo {background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/ohmynews_c.svg);}
.icon_more{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/btn_more.svg);}
.icon_close{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/btn_close.svg);}
.message{background-image: url(http://ojsimg.ohmynews.com/design/2019/ohmynews/190716-message/message_b.svg);}

/*=====헤더==================================================*/
header{width: 100%;max-width: 768px;overflow: hidden;}
header .head{position: relative;width: 100%;height: 50px;background-color: #fff;border-bottom: 1px solid #e5e5e5;}
header .head .gnb_logo{display: inline-block}
header .head .gnb_logo .logo{display: inline-block;width: 102px;height: 50px;margin-left: 46px;text-indent:0; font-size:15px; color:transparent;background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/ohmynews_c.svg);}
@media only screen and (max-width: 320px){
	header .head .gnb_logo .logo{display: inline-block;width: 95px;height: 50px;margin-left: 40px;text-indent:0; font-size:15px; color:transparent;background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/ohmynews_c.svg);}
}
header .gnb_category{position: absolute;display: block;left: 5px;top: 7px;width: 35px;height: 35px;text-indent:0; font-size:15px; color:transparent;background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/hamburger.svg);background-size: 60%;}
header .gnb_btns{position: absolute;right: 10px;top: 12px;}
/*
header .gnb_btns .myroom{position: absolute;top: 5px;right: 40px;display: block;width: 35px;height: 35px;text-indent:0; font-size:15px; color:transparent;background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/myroom.svg);background-size: 65%;}
header .gnb_btns .familly{position: absolute;top: 5px;right: 5px;display: block;width: 35px;height: 35px;text-indent:0; font-size:15px; color:transparent;background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/family.svg);background-size: 65%;}
*/
header .slide_menu{position: relative;overflow: visible;background-color: #fff;border-bottom: 1px solid #cdcdcd;height: 43px;z-index: 3;}
header .slide_menu ul{    white-space: nowrap;}
header .slide_menu > ul li:first-child{margin-left: 8px;}
header .slide_menu li{display: inline-block;margin: 0 4px;vertical-align: top;width: initial;font-weight: bold;-webkit-font-smoothing: antialiased;}
header .slide_menu li a{color: #404040;padding: 14px 6px 15px;position: relative;display: block;font-size: 1.4rem;line-height: 14px;height: 14px;letter-spacing:-0.5px;}
header .slide_menu li a span{font-size: 16px;}
header .slide_menu li .star {position: absolute;top: -3px;right: -5px;width: 20px;height: 20px;background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/dot_green.svg);background-size: 130%;}


header nav li.on a{color: #db0000;-webkit-font-smoothing: antialiased;}
header .slide_menu li.on a span::after {content: '';position: absolute;bottom: -1px;left: 0;width: 100%;border-bottom: 2px solid #db0000;}
.slide_menu::before {position: absolute;top: 0;left: 0;z-index: 1;width: 12px;height: 41px;background: url(http://ojsimg.ohmynews.com/images/mobile_2017/left.png) no-repeat 0 0;-webkit-background-size: 12px 41px;background-size: 12px 41px;content: '';}
.slide_menu::after {position: absolute;top: 0;right: 0;z-index: 1;width: 12px;height: 41px;background: url(http://ojsimg.ohmynews.com/images/mobile_2017/right.png) no-repeat 0 0;-webkit-background-size: 12px 41px;background-size: 12px 41px;content: '';}
.slide_menu .grd_prev {left: 0;width: 18px;background: -webkit-gradient(linear,left top,right top,color-stop(16.66%,#fff),color-stop(100%,rgba(255,255,255,0)));top: 0;height: 41px;z-index: 2;position: absolute;}
.slide_menu .grd_next {right: 0px;width: 26px;background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(60%,#fff));top: 0;height: 41px;z-index: 1;position: absolute;}

.onair_bar{/*border-bottom: 1px solid #d6d6d6;*/background-color: #fff;}
.onair_bar a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 8px 12px;}
.onair_bar span{display: inline-block;font-weight: bold;color: #db0000;border: 1px solid #db0000;border-radius: 14px;margin-right: 5px;vertical-align: middle;padding: 2px 5px;}
.onair_bar strong{
    font-size: 1.3rem;
    color: #333;
    font-weight: normal;
	letter-spacing: -0.03em;
}
.onair_box .onair_bar {
    background-color: #2f66b4;
}
.onair_box .onair_bar a {
    position: relative;
    padding: 10px 14px 10px 8px;
    color: #fff;
}
.onair_box .onair_bar a span{
    background-color: #db0000;
    color: #fff;
}
.onair_box .onair_bar a strong{
    color: #fff;
	font-size: 1.2rem;
}
.onair_box .onair_bar .btns{
	position: relative;
}
.onair_box .onair_bar .btns .never{
	color: #80b5ff;
    font-size: 1.2rem;
	display: inline-block;   
	margin: 10px 10px 12px;
}
.onair_box .onair_bar .btns .never input{
	margin-right: 5px;
	vertical-align: middle;
}
.onair_box .onair_bar .btns .never label{
	vertical-align: middle;
}
.onair_box .onair_bar .btns .close{	
	position: absolute;
    right: 3px;
    top: 0;
    color: #fff;
    display: inline-block;
    padding: 10px 13px 12px;
    font-size: 1.3rem;
	text-shadow: none!important;
	opacity: 1!important;
	font-weight: normal!important;
}
header .gnb_back{
    position: absolute;
    display: block;
    left: 5px;
    top: 5px;
    width: 35px;
    height: 35px;
    text-indent:0; font-size:15px; color:transparent;
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/arrow_back.svg);
    background-size: 60%;
}
header .list_title {
    font-size: 1.8rem;
    font-weight:normal;
/*    border-bottom: 1px solid #e1e1e1;*/
    height: 44px;
    line-height: 44px;
    margin-left: 46px;
    position: relative;
    padding-top:1px;
}
header .list_title .tit {
    margin-right:7px;
}
header .gnb_btns .delete_all{
/*
    position: absolute;
    top: 9px;
    right: 10px;
*/
    padding: 5px 10px;
    border: 1px solid #d9d9d9;
    font-size: 1.3rem;
    color: #777;
    margin: 0 3px;
}
header .gnb_btns .select {
/*
	position:absolute;
    top: 16px;	
	right:15px;
*/
	text-align:right;
	font-size: 1.4rem; 
}
header .gnb_btns .arrow {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/arrow_dw.svg);
	background-size: 70%;
    width: 15px;
    height: 15px;
    display: inline-block;
    border: 1px solid #d9d9d9;
	vertical-align:middle;
	margin-left:5px;
	margin-bottom:2px;
}
/*181127 베타서비스 표시*/
header .head .gnb_logo .logo.beta{position: relative}
header .head .gnb_logo .logo.beta::after{content: "Beta";color: #b1b1b1;font-size: 11px;font-weight: 300;    position: absolute;right: -27px;top: 18px;}


/*=====공통 리스트요소==================================================*/
.box_tit{
    padding: 12px 0 12px 10px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
}
.box_tit .hot{
    display: inline-block;
    text-align: center;
    padding: 2px 8px;
    border: 1px solid #e02222;
    border-radius: 12px;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.2em;
    color: #db0000;
    letter-spacing: -0.05em;
    margin-right: 3px;
    vertical-align: baseline;
}
.box_tit h2{
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1.4em;
}
.txt_article li{
    border-bottom: 1px solid #ececec;
	margin:0 15px;
}
.txt_article .order{ background: #fff;}
.txt_article li a{ 
	display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 12px 0 12px ;
}
.txt_article li:last-child {border-bottom:none;}
.order li .number{
    font-size: 1.8rem;
    color: #a5a5a5;
    width: 12px;
    text-align: center;
    vertical-align: text-bottom;
    margin-right: 5px;
    font-weight: bold;
}

.txt_article li strong{
    font-size: 1.6rem;
    line-height: 1.3em;
    color: #333;
    font-weight: 500;
    letter-spacing: -1px;
}
.txt_article .text_list{ background: #fff;}
.txt_article .text_list .thumb{
    display: table-cell;
    vertical-align: middle;
    width: 130px;
    height: 60px;
}
.text_list .thumb_atc a{    
    white-space: normal;   
}
.text_list .thumb_atc .tit{    
    display: table-cell; 
    padding-left: 10px;
    line-height: 1.3em;  
}
.text_list .thumb{
    display: table-cell;
    vertical-align: middle;
    width: 100px;
    height: 60px;
}
.text_list .txt_box{
    display: table-cell;
    padding: 5px 10px 0 15px;
}
.text_list .name{
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1.1rem;
	font-weight: 400;
    color: #a5a5a5;
    margin-top: 8px;
}
.story .txt_box{ background: none;}
.txt_box{ 
	position: relative;
	background-color: #fff;
}
.txt_box .list_title {
    font-size: 1.5rem;
    font-weight: bold;
    border-bottom: 1px solid #e1e1e1;
    height: 44px;
    line-height: 44px;
    padding: 0px 10px;
    margin-top: 10px;
    background-color: #fff;
    position: relative;
}
.list_title .select {
	position: absolute;
    display: block;
    right: 5px;
    top: 8px;
    padding: 5px;
    text-align: right;
    font-size: 1.4rem;
	line-height: 19px;
}

.list_title .select .arrow {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(http://ojsimg.ohmynews.com/design/2016/mobile/2016_ohmynews/images/arrow_dw.svg);
	background-size: 70%;
    width: 15px;
    height: 15px;
    display: inline-block;
    border: 1px solid #d9d9d9;
    vertical-align: middle;
	margin-left:5px;
} 
.list_title .squre{    
    border: 1px solid #aaa;
    border-radius: 3px;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin: 0px 5px;
    box-sizing: border-box;
    vertical-align: middle;
}
.list_title .squre.fb{
    background: url(http://ojsimg.ohmynews.com/images/mobile_2017/fb_c.svg) 3px 3px no-repeat;	
	background-size: 15px;
	text-indent:0; font-size:15px; color:transparent;
}
.list_title .squre.kakao{
    background: url(http://ojsimg.ohmynews.com/images/mobile_2017/ks_c.svg) 3px 3px no-repeat;	
	background-size: 15px;
	text-indent:0; font-size:15px; color:transparent;
}
.btn_more_box{
    background-color: #e6e6e6;
    height: 44px;
    text-align: right;
}
.btn_more_box a{
    display: inline-block;
    font-size: 1.2rem;
    color: #333;
    padding: 10px ;
}
.btn_more_box .arrow_r{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 4px;
    background-position: center;
    opacity: .5;
    vertical-align: middle;
}

.slide_menu_box{
    position: relative;
    overflow: visible;
    background-color: #fff;    
    border-bottom: 1px solid #cdcdcd;
    height: 43px;
	white-space: nowrap;
}
.slide_menu_box li{    
    float: left;
    vertical-align: top;
    width: 25%;
    text-align: center;
}
.slide_menu_box li a{
    padding: 14px 0px;
    position: relative;
    display: block;
    font-weight: bold;
    line-height: 14px;
}
.slide_menu_box li a span{
	font-size: 16px;
	font-weight: normal;
}
 
.slide_menu_box li.on a{
    color: #db0000;
    -webkit-font-smoothing: antialiased;
}
.slide_menu_box li.on a span::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    border-bottom: 2px solid #db0000;
}
.slide_menu_box::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 12px;
    height: 41px;
    background: url(http://ojsimg.ohmynews.com/images/mobile_2017/left.png) no-repeat 0 0;
    -webkit-background-size: 12px 41px;
    background-size: 12px 41px;
    content: '';
}
.slide_menu_box::after {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 12px;
    height: 41px;
    background: url(http://ojsimg.ohmynews.com/images/mobile_2017/right.png) no-repeat 0 0;
    -webkit-background-size: 12px 41px;
    background-size: 12px 41px;
    content: '';
}







/*=====푸터==================================================*/
footer{
    background-color: #444;
    text-align: center;
}
footer .club_project{
    height: 140px;
    position: relative;
}
footer .project_box{
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}
footer .club_project .bgimg{
    position: absolute;
    top: 0;
    z-index: 0;    
    height: inherit;
    overflow: hidden;
}
footer .club_project .bgimg img{
    width: 100%;
    height: inherit;
    object-fit: cover;
}
footer .club_project h1{
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    letter-spacing: -0.05em;
    margin: 25px 18px 0;
}
footer .club_project h2{
    font-size: 1.2rem;
    color: #d4d4d4;
    letter-spacing: -0.03em;
    font-weight: normal;
    margin-top: 3px;
}
footer .club_project .btn{
    display: inline-block;
    background-color: #ff5a4d;
    padding: 7px 18px 8px;
    color: #fff;
    font-weight: bold;
    font-size: 1.2rem;
    border-radius: 4px;
    margin-top: 10px;
}
footer .progress_box{
    padding: 0 15px;
}
footer .progress_box .goal{
    width: 100%;
    text-align: right;
    font-size: 1.1rem;
    color: #999;
} 
footer .progress_box .progress_bar{
    background-color: #c2c2c2;
    height: 5px;
    margin-top: 10px;
}
footer .progress_box .progress_bar .progress_inner{
    background-color: #ff9400;
    height: 100%;
    width: 100%;
}
footer .progress_box .project_stats li{
    float: left;
    width: 33.33%;
    color: #fff;
    font-size: 1.2rem;
    margin-top: 5px;
    line-height: 1em;
}
footer .progress_box .project_stats .percent{
    text-align:left; 
}
footer .progress_box .project_stats .percent::after{
    content: " 달성";
    font-size: 1.1rem;
    vertical-align: top;
}
footer .progress_box .project_stats .persons{
    text-align:center; 
    font-size: 1.4rem;
    margin-top: 3px;
}
footer .progress_box .project_stats .persons::before{
    content: "현재 ";
    font-size: 1.3rem;
}
footer .progress_box .project_stats .persons::after{
    content: "명";
    font-size: 1.3rem;
}
footer .progress_box .project_stats .remainder{
    text-align:right; 
}
footer .progress_box .project_stats .remainder::after{
    content: "명 남음";
    font-size: 1.1rem;
    vertical-align: top;
}
footer .progress_box .tell{
    margin-top: 8px;
    padding: 2px 0;
    color: #aaa;
    background-color: rgba(0, 0, 0, 0.5);
}
footer .progress_box .tell a{
    color: #aaa;
}
footer .sns_box{
    background-color: #333;
    padding: 10px 20px;
}
footer .sns_box span{
    font-size: 1rem;
    color: #fff;
    margin-right: 9px;
    display: inline-block;
    margin-top: 7px;
    margin-bottom:5px;
    letter-spacing: -0.05em;
    vertical-align: top;
}
footer .sns_box ul{
    display: inline-block;
    /* width: 110px; */
}

footer .sns_box ul li{
    float:left;
    opacity:.9
}
footer .sns_box ul li a{
    display: inline-block;
    width: 28px;
    height: 28px;
    text-indent:0; font-size:15px; color:transparent;
    border: 1px solid #bfbfbf;
    border-radius: 3px;    
    margin-right: 9px;
    background-color: transparent;
    background-size: 60%;
}
footer .sns_box ul li:last-child a{
    margin-right: 0;
}

footer .info{
    padding-bottom: 30px;
}
footer .info_1{    
    width: 210px;
    margin: 0 auto;
    padding: 30px 0;
}
footer .info_1 li{
    float: left;
    margin: 0 6px;
}
footer .info_1 li a{
    width: 90px;
    display: inline-block;
    background-color: transparent;
    border: 1px solid #939393;
    font-size: 1.1rem;
    text-align: center;
    padding: 8px 0;
    color: #fff;
}
footer .info_2{ 
    text-align: center;
    display: inline-block;
}
footer .info_2 li{
    float: left;
    margin: 0 5px;
}
footer .info_2 li a{
    font-size: 1.1rem;
    color: #ccc;
}
footer .info_2 li a::after{
    content: "|";
    color: #909090;
    margin-left: 8px;
    font-size: 1rem;
}
footer .info_2 li:last-child a::after{
    content: none;
}
footer .info_2 li strong{
    color: #fff;
}
footer .copyright{
    margin-top: 8px;
    font-size: 1rem;
    color: #a5a5a5;
}



/*=====공유하기, 패밀리사이트 레이어==================================================*/
.layer{
    z-index: 10000;
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
	-webkit-overflow-scrolling: touch;
    overflow-y: scroll;
}
.layer_share, .layer_family{
    width: 78%;
    max-width: 300px;
    min-width: 250px;
    margin: 0 auto;
    margin-top: 16%;
    background-color: rgba(255,255,255,1);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
    -ms-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
    -o-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
}
.layer_share .head, .layer_family .head{
    position: relative;
    background-color: #e7e7e7;
    border-bottom: 1px solid #d9d9d9;
    padding: 14px 0;
}
.layer_share .head h2, .layer_family .head h2{
    text-align: center;
    color: #333;
    font-size: 1.4rem;
}
.layer_share .head .close_b, .layer_family .head .close_b{
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 6px;
    text-indent:0; font-size:15px; color:transparent;
    background-size: 20px;
}
.layer_share .contents{
    background-color: #fff;
    padding: 16px 20px;    
}
.layer_share strong{
    font-size: 1.4rem;    
    line-height: 1.4em;
    letter-spacing: -0.05em;
    color: #333;
    font-weight: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
    margin-bottom: 20px;
    display: block;
}
.layer_share ul {
    margin-bottom: 4px;
}
.layer_share ul li{
    float: left;
    display: inline-block;
    width: 33.333%;
    text-align: center;
    margin-bottom: 20px;
}
.layer_share ul li a{
    display: inline-block;
}
.layer_share ul li button span, .layer_share ul li a span{
    width: 50px;
    height: 50px;
    background-size: 50%;
    border-radius: 26px;
}
.layer_share ul li button em, .layer_share ul li a em{
    color: #777;
    font-size: 1.2rem;
    display: block;    
	margin-top: 4px;
}
.layer_share ul li span.fb_c{
    border: 1px solid #3e5a9c;
}
.layer_share ul li span.tw_c{
    border: 1px solid #3095d3;
}
.layer_share ul li span.kt_c{
    border: 1px solid #361d1e;
}
.layer_share ul li span.kt_cc{border: 1px solid #361d1e;}
.layer_share ul li span.ks_c{
    border: 1px solid #f1c01a;
}
.layer_share ul li span.mail_c{
    border: 1px solid #516179;
}
.layer_share ul li span.band{
    border: 1px solid #57d381;
	background-size: 80%;
}
.layer_share .copyurl{
    position: relative;
}
.layer_share .copyurl .btn{
    width: 60px;
    display: block;
    position: absolute;
    top: 0;
    right: 0px;
    border: 1px solid rgba(0,0,0,.25);
    border-radius: 0 3px 3px 0;
    background: #fff;
    padding: 10px 0 11px 0;
    text-align: center;
    color: #000;
    font-size: 1.1rem;    
} 
.layer_share .copyurl .url {
    display: block;
    padding: 9px 0 12px 0;
    text-indent: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-size: 1.7rem;
    color: rgb(0, 103, 185);
    border: 1px solid rgba(0,0,0,.25);
    border-radius: 3px;
    background: #f4f4f4;
    box-sizing: border-box;
}
.layer_share .copyurl .exp {
    font-size: 1.2rem;
    color: rgba(0,0,0,.5);
    margin: 5px 0 10px;
    width: 100%;
}
.layer_family ul {
    background-color: #fff;
}
.layer_family ul li{
    border-bottom: 1px solid #d9d9d9;
}
.layer_family ul li a{
    display: block;
    padding: 15px 0;
    text-indent:0; font-size:15px; color:transparent;
}
.layer_family ul li .icon{
    height: 20px;
}
.layer_family ul li .moi_logo{
    background-size: 53px;
}
.layer_family ul li .club_logo{
    background-size: 80px;
}
.layer_family ul li .star_logo{
    background-size: 96px;
}
.layer_family ul li .tv_logo{
    background-size: 76px;
}
.layer_family ul li .photo_logo{
    background-size: 92px;
}

.layer_family ul li .news_logo{
    background-size: 96px;
}

.layer_family li.app{
    text-align: center;
}
.layer_family li.app a{
    display: inline-block;
    margin: 15px 10px 20px;
    padding: 0;
    text-indent: 0;
}
.layer_family li.app a .omn{
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/omn_app.jpg);
}
.layer_family li.app a .moi{
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/moi_app.jpg);
}
.layer_family li.app a .icon{
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #d2d2d2;
    margin: 0 auto;
    background-size: 50px;
    overflow: hidden;
}
.layer_family li.app a strong{
    display: block;   
    margin-top: 4px;
    font-size: 1.1rem;
    font-weight: normal;
    letter-spacing: -0.05em;
}
.layer_family li.app a strong em{
    font-weight: bold;
    margin-left: 3px;
}



/* 검색폼*/
#dvBody .box_search{
	border: 1px solid #db0000;
    background-color: #fff;
    padding: 8px 70px 4px 0;
    overflow: hidden;
    height: 30px;
    position: relative;
}
#dvBody .search_wrap{
	padding: 10px 12px 10px 12px;
    background: #fff;
}
#dvBody .box_search input{
    color: #000;
    background-color: transparent;
    border: 0;
    padding: 0 0 0 33px;
    font-size: 1.4rem;
    width: 100%;
	height: 30px;
    white-space: nowrap;
    -webkit-appearance: none;
    outline: 0;
}
#dvBody .box_search .btn_delete{
    position: absolute;
    top: 5px;
    right: 5px;
    width: 26px;
    height: 30px;
    display: inline-block;
    text-indent:0; font-size:15px; color:transparent;
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/close_input.svg);
    background-size: 18px;
}
#dvBody .box_search .search {
    position: absolute;
    left: 3px;
	top: 4px;
    display: inline-block;
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/ico_search.svg);
    width: 35px;
    height: 35px;
    text-indent:0; font-size:15px; color:transparent;
    background-size: 50%;
}

#dvBody .wrap_schall{
	position: absolute;
	top: 0;
	width: 100%;
}
#dvBody .wrap_schall .search_wrap{
	padding: 0 0 0 100px;
	background: transparent;
}
#dvBody .wrap_schall .box_search{
	border: 0;
	border-bottom: 2px solid #db0000;
}
#dvBody .wrap_schall .box_search .search{
    top: 6px;
	left: 0;
} 
#dvBody .wrap_schall .box_search .btn_delete{
    top: 7px;
    right: 40px;
} 
#dvBody .wrap_schall .box_search .btn_close{
    top: 10px;
    right: 8px;
    position: absolute;
    padding: 3px;
    font-size: 1.2rem;
    color: #828282;
    font-weight: bold;
} 

.d_schall .btn_search .ico_search {
    display: block;
    width: 20px;
    height: 19px;
    margin: 0 auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), not all, only screen and (min-resolution: 1.5dppx){
.ico_media, .wrap_schall .img_g {
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/ico_search.svg);
    -webkit-background-size: 120px 70px;
    background-size: 120px 70px;
	}
}
.ico_media, .wrap_schall .img_g {
    display: inline-block;
    overflow: hidden;
    background: url(http://ojsimg.ohmynews.com/images/mobile_2017/ico_search.svg) no-repeat 0 0;
    vertical-align: top;
    text-indent:0; font-size:15px; color:transparent;
    font-size: 1px;
    line-height: 0;
}
.link_search .ico_search{
    display: block;
    width: 20px;
    height: 20px;
    margin: 12px;
}

.wrap_util{
	display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
}

.thumb .time {
    display: inline-block;
    position: absolute;
    font-size: 1.1rem;
    bottom: 0;
    right: 0;
    padding: 2px 6px;
    color: #fff;
    background-color: rgba(0,0,0,.6);
    z-index: 2;
}


/*글자 크기 조절 레이어*/
.font_level{
	z-index: 41;
	position: absolute;
	top: 52px;
	right: -7px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 10px;
}
.font_level::after{
    position: absolute;
	top: -10px;
    right: 14px;
	content: "";
	background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/font_arrow.svg);
	width: 20px;
	height: 10px;
	background-position: center;
	background-repeat: no-repeat;
}
.font_level h2{
	text-align: center;
	font-weight: normal;
	font-size: 1.2rem;
	margin-bottom: 8px;
}
.font_level ol li{
	float: left;
	display: inline-block;
	margin: 0 3px;
}
.buttons .font_level ol li button{
	background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/font_icon.svg);
	background-repeat: no-repeat;
	background-position: center;
	width: 30px;
	height: 30px;
	background-color: #ccc;
	border-radius: 15px;
	border: none;
    padding: 0;
	margin: 0;
    text-indent:0; font-size:15px; color:transparent;
}
.font_level ol li button.on{
	background-color: #666;
}
.font_level ol li:nth-child(1) button{
	background-size: 32%;
}
.font_level ol li:nth-child(2) button{
	background-size: 38%;
}
.font_level ol li:nth-child(3) button{
	background-size: 44%;
}
.font_level ol li:nth-child(4) button{
	background-size: 50%;
}


/*정사각형 썸네일*/
.psi_img_w {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: block;
    padding-top: 100%;
    box-sizing: border-box;
    background-size: cover !important;    
	border: 1px solid rgba(0, 0, 0, 0.1);
	background-position: top center!important;
}
.psi_img_w img {
    position: absolute;
    top: -9999em;
    left: -9999em;
}


.psi_etc_img_w {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: block;
    padding-top: 140%;
    box-sizing: border-box;
    background-size: cover !important;
}
.psi_etc_img_w img {
    position: absolute;
    top: -9999em;
    left: -9999em;
}

/*=====팝업레이어==================================================*/
.poplayer{
    z-index: 10000;
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
}
.poplayer .contents{
    width: 78%;
    max-width: 300px;
    min-width: 250px;
    margin: 0 auto;
    margin-top: 20%;
    background-color: rgba(255,255,255,1);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
    -ms-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
    -o-box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
    background-color: #fff;
    padding: 16px 20px;    
    border-radius: 20px;
}

.poplayer strong{
    font-size: 1.7rem;    
    line-height: 1.4em;
    letter-spacing: -0.05em;
    color: #333;
    font-weight: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
	margin-top:20px;
    margin-bottom: 20px;
	text-align:center;
}

.poplayer .article_btns {
    text-align: center;
    background-color: #fff;
}

.poplayer .article_btns button{
    padding: 13px 43px 14px;
    border-radius: 5px;
    font-size: 1.4rem;
    line-height: 1.2em;
    margin-bottom:10px;
}
.poplayer .article_btns .line{
    color: #939393;
    border: 1px solid #939393;
}
.poplayer .article_btns .full{
    color: #fff;
    background-color:#939393;
}
.poplayer .article_btns .line:active{	
	background-color: #eee;
}
.poplayer .article_btns .full:active{	
	background-color: #7d7d7d;
}
.poplayer .head{
    position: relative;
    padding: 14px 0 4px 0;
}
.poplayer .head .close_b{
    width: 30px;
    height: 30px;
    position: absolute;
    right: 5px;
    top: 5px;
    text-indent:0; font-size:15px; color:transparent;
    background-size: 20px;
}
.poplayer .article_btns .mgr5 {
    margin-right:5px;
}
.poplayer .article_btns .mgl5 {
    margin-left:5px;
}


/*알림추가*/
header .gnb_btns .notice{
    position: absolute;
    top: 5px;
    right: 80px;
    display: block;
    width: 35px;
    height: 35px;
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/bell.svg);
    background-size: 22px;
}
header .gnb_btns .notice .gd_line{ 
	position: relative;
	height: 35px;
}
header .gnb_btns .notice .gd_line .n_num{
	background-color: #db0000;
    border-radius: 22px;
    color: #fff;
    position: absolute;
    right: 0px;
    top: 0px;	
    top: 0px;	
    padding: 7px 5px;
    line-height: 2px;
    font-size: 10px;
}

/*로딩 이미지*/
.sk-circle {
  margin: 30px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child::before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2::before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3::before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4::before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5::before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6::before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7::before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8::before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9::before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10::before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11::before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12::before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/* 메인개편 171025 */

/* gnb 내방, 패밀리 아이콘 */
header .gnb_btns_r{
    float: right;
    display: inline-block;
}

header .gnb_btns_r .myroom{
    position: absolute;
    top: 7px;
    right: 80px;
    width: 35px;
    height: 35px;
    display: block;
    text-indent:0; font-size:15px; color:transparent;
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/my_c.svg);
    background-size:90%;
}

header .gnb_btns_r .myroom .text {font-size:1rem; color:#666;position:absolute;left:9px;}
header .gnb_btns_r .club {
    position: absolute;
    top: 5px;
    right: 0px;
    padding: 8px 10px;
}

header .gnb_btns_r .club .club_btn {
	display: block;
	border: 1px solid #bababa;
	padding: 5px 8px;
	border-radius: 100px;
	font-size: 1.2rem;
	color: #ff3300;
	letter-spacing:-0.05rem;
}

header .gnb_btns_r .notice{
    position: absolute;
    top: 7px;
    right: 125px;
    display: block;
    width: 35px;
    height: 35px;
    background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/bell_app.svg);
    background-size: 25px;
}
header .gnb_btns_r .notice .gd_line{ 
	position: relative;
	height: 35px;
    left: 10px;
}
header .gnb_btns_r .notice .gd_line .n_num{
	background-color: #db0000;
    border-radius: 22px;
    color: #fff;
    position: absolute;
	left: 5px;
    top: 3px;		
    padding: 6px 5px;
    line-height: 2px;
    font-size: 10px;
}

header nav li.star.on a{
    color: #93c72e;
    -webkit-font-smoothing: antialiased;
}
header .slide_menu li.star.on a span::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    border-bottom: 2px solid #93c72e;
}

.article_box .link_thumb img{
    display: block;
    width: 100%;
    height:100%;
    min-height: 180px;
    border: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
}

/* 613 전국지방선거 배너*/
.election-613{position: relative;display: block;overflow: hidden;letter-spacing: -0.05em;background-image: -webkit-gradient(linear,left top,right top,color-stop(0, #8B55F8),color-stop(1, #4B59FA));background-image: -o-linear-gradient(right, #8B55F8 0%, #4B59FA 100%);background-image: -moz-linear-gradient(right, #8B55F8 0%, #4B59FA 100%);background-image: -webkit-linear-gradient(right, #8B55F8 0%, #4B59FA 100%);background-image: -ms-linear-gradient(right, #8B55F8 0%, #4B59FA 100%);background-image: linear-gradient(to right, #8B55F8 0%, #4B59FA 100%);}
.election-613::after{position: absolute;top: 0;left: 10px;content: "";width: 205px;height: 50px;background-image: url(http://ojsimg.ohmynews.com/special/local-election613/pc-top-bg.png);background-repeat: no-repeat;background-size: contain;display: block;clear: both}
.election-613.exitpoll::after, .election-613.ballot::after{content: none}
.election-613 .top-wrap{position: relative;display: block}
.election-613 .top-wrap h1{position: relative;display: inline-block;background-image: url(http://ojsimg.ohmynews.com/special/local-election613/region2018_main.svg);background-repeat: no-repeat;background-size: contain;height: 17px;width: 130px;top: auto;left: auto;margin: 11px 0 0 20px;color: transparent}
.election-613 .top-wrap h1::after{content: "";position: absolute;top: 2px;right: 0;display: block;background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/arrow_rt_w.svg);width: 10px;height: 10px}

.election-613 .top-wrap .right{position: absolute;top: 11px;right: 18px;float: right}
.election-613 .top-wrap .right > strong{display:inline-block;color: #fff;font-weight: normal;font-size: 13px}
.election-613 .top-wrap .right > strong::after{display:inline-block;content: "";width: 2px;height: 2px;border-radius: 50%;background-color: #fff;margin: 0 2px 4px 5px}
.election-613 .top-wrap .right > strong > b{font-weight: bold}
.election-613 .top-wrap .right > span{display:inline-block;color: #eee;font-size: 11px}
.election-613 .top-wrap .right > small{display: none}
.election-613 > div[class*="-wrap"]:last-child{position: relative;box-sizing: border-box;text-align: right;padding: 10px 10px 13px}
.election-613 div[class*="-wrap"] > span > *{display: inline-block;vertical-align: middle}
.election-613 div[class*="-wrap"] > span > small{color: #eee;margin-right: 5px}
.election-613 div[class*="-wrap"] > span > strong{color: #fff;font-family: 'helvetica', sans-serif}

.election-613 .per-wrap{display: -webkit-flex;display: -ms-flexbox;display: flex;}
.election-613 .per-wrap > .last-per{order: 1;width: 65%;opacity: 0.6}
.election-613 .per-wrap > .last-per > small{font-size: 11px}
.election-613 .per-wrap > .now-per{order: 2;width: 35%}
.election-613 .per-wrap > .now-per > small{font-size: 13px}
.election-613 .per-wrap > .last-per > strong{font-size: 22px}
.election-613 .per-wrap > .now-per > strong{font-size: 33px;letter-spacing: -0.05em}
.election-613 .per-wrap > .last-per > strong::after{content: "%";font-size: 11px;color: #fff;margin-left: 3px;vertical-align: middle}
.election-613 .per-wrap > .now-per > strong::after{content: "%";font-size: 11px;color: #fff;margin-left: 3px;vertical-align: middle}

.election-613.exitpoll .party-wrap.clearfx{padding: 10px 20px}
.election-613.exitpoll .party-wrap > span{display: inline-block;text-align: right}
.election-613.exitpoll .party-wrap > span:last-child{width: 25%}
.election-613.exitpoll .party-wrap > span:first-child{text-align: left;width: 40%;position: absolute;left: 20px}
.election-613 .party-wrap small{font-size: 11px}
.election-613 .party-wrap small::before{content: "";display: inline-block;width: 10px;height: 10px;background-color: #999;border-radius: 50%;margin-right: 5px}
.election-613.exitpoll .party-wrap strong{font-size: 20px}
.election-613.exitpoll .party-wrap > span:first-child strong{font-size: 26px}
	
.election-613 small.dmj::before{background-color: #30aaff}
.election-613 small.lk::before{background-color: #ff4646}
.election-613 small.jus::before{background-color: #ffcc22}
.election-613 small.peac::before{background-color:#78bb00}
.election-613 small.minj::before{background-color:#ff7900}
.election-613 small.gkpp::before{background-color:#123167}
.election-613 small.green::before{background-color:#5ebd3f}
.election-613 small.our::before{background-color:#e50165}
.election-613 small.park::before{background-color:#0c449b}

.election-613.ballot .rate-wrap.clearfx{border-top: 1px solid #826aff;margin-top: 12px;padding: 0}
.election-613.ballot .rate-wrap ul > li{position: relative;float: left;width: 33.333%;text-align: center;padding: 10px 0}
.election-613.ballot .rate-wrap ul > li::after{content: "";display: block;position: absolute;right: 0;top: 0;width: 1px;background-color: #826aff;height: 100%}
.election-613.ballot .rate-wrap ul > li:last-child::after{content: none}
.election-613.ballot .rate-wrap ul > li > *{line-height: 1em}
.election-613.ballot .top-wrap .right > small{position: absolute;right: 0;background-image: url(http://ojsimg.ohmynews.com/special/local-election613/nec.png);background-repeat: no-repeat;background-size: contain;width: 74px;height: 8px;display: block;color: transparent}
.election-613 .rate-wrap ul > li > h2{font-size: 13px;color: #fff;font-weight: normal;margin-bottom: 12px}
.election-613 .rate-wrap ul > li > .r-box{width: 86px;display: inline-block}
.election-613 .rate-wrap ul > li > .r-box > .p-box{display: inline-block;float: left;width: 50%;text-align: center}
.election-613 .rate-wrap ul > li > .r-box > .p-box > strong{position: relative;display: block;font-size: 22px;font-weight: lighter;line-height: 22px;color: #fff}
.election-613 .rate-wrap ul > li > .r-box > .p-box:first-child > strong::after{content: ":";display: inline-block;font-weight: 100;font-size: 20px;color: #999;position: absolute;right: -4px;top: 2px;}
.election-613 .rate-wrap ul > li > .r-box > .p-box > small{margin-top: 10px;display: block;font-size: 9px;letter-spacing: -0.05em;color: #ccc}
.election-613 .rate-wrap ul > li > .r-box > .p-box > small::before{content: "";display: inline-block;width: 5px;height: 5px;border-radius: 50%;margin-right: 3px}

@media only screen and (max-width: 320px){
	.election-613 .top-wrap h1{width: 115px}
	.election-613 .top-wrap h1::after{content: none}
	.election-613 .top-wrap .right > strong::after{margin: 0 0px 4px 4px}
	.election-613 .per-wrap > .now-per{width: 40%}
	.election-613 .per-wrap > .last-per{width: 60%}
}


/* 181023 sns 아이콘 추가*/
.fb_w{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/fb_w.svg);}
.tw_w{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/tw_w.svg);}
.ks_w{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/ks_w.svg);}

.nhn_c{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/nhn_c.svg);}
.nhn_b{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/nhn_b.svg);}
.nhn_w{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/nhn_w.svg);}
.inst_c{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/inst_c.svg);}
.inst_b{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/inst_c.svg);}
.inst_w{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/inst_w.svg);}
.youtb_c{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/youtb_c.svg);}
.youtb_b{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/youtb_b.svg);}
.youtb_w{background-image: url(http://ojsimg.ohmynews.com/images/mobile_2017/youtb_w.svg);}


/*북미정상회담 2019*/
.nk-usa-summit-wrap{position: relative;margin-top: 10px;height: 60px;display: block;background-image: url(http://ojsimg.ohmynews.com/special/nk_usa_summit_2019/images/bar-bg-m.png);background-size: cover;z-index: 3;letter-spacing: -0.04em;padding: 0 2%}
.nk-usa-summit-wrap > .summit-article{display: inline-block;height: 60px;width: 61%}
.nk-usa-summit-wrap .icon{color: transparent;background-position: 50%;background-repeat: no-repeat}
.nk-usa-summit-wrap strong{font-weight: normal}
.nk-usa-summit-wrap .title{float: left;display: inline-block;background-size: contain;width: 35%;height: 60px;background-image: url(http://ojsimg.ohmynews.com/special/nk_usa_summit_2019/images/bar-title-m.png);background-color: transparent;background-size: 111px}
.nk-usa-summit-wrap .date{display: inline-block;margin-top: 10px;background-color: rgba(0,0,0,0.3);border-radius: 30px;padding: 4px 8px;color: #fff;font-size: 10px;line-height: 11px}
.nk-usa-summit-wrap .date > .icon{display: inline-block;background-image: url(http://ojsimg.ohmynews.com/special/nk_usa_summit_2019/images/bar-time.svg);width: 9px;height: 9px;margin-right: 4px}
.nk-usa-summit-wrap .article{display: block;margin-top: 3px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 14px;line-height: 1.3em;color: #fff;}

/*190626 검색*/
#dvBody .search_wrap{position: relative;padding:10px 12px 22px}
#dvBody .search_wrap .zum-logo{position: absolute;right: 15px;bottom: 0;display: inline-block;width: 78px;height: 12px;color: transparent;background-image: url(http://ojsimg.ohmynews.com/images/ohmynews/common/zum-logo.gif);background-size: contain;background-repeat: no-repeat;background-position: center;}


/* 오!라이브 전광판 2019*/
.ohlive-summit-wrap{position: relative;margin-top: 10px;height: 60px;display: block;background-image: url(/);background-color: #4a5967; background-size: cover;background-position: right;z-index: 3;letter-spacing: -0.04em;}
.ohlive-summit-wrap > .summit-article{display: inline-block;height: 60px; width: 80%;}
.ohlive-summit-wrap .icon{color: transparent;background-position: 50%;background-repeat: no-repeat}
.ohlive-summit-wrap strong{font-weight: normal}
/*.ohlive-summit-wrap .title{float: left;display: inline-block;background-size: contain;width: 35%;height: 60px;background-image: url(http://ojsimg.ohmynews.com/special/nk_usa_summit_2019/images/bar-title-m.png);background-color: transparent;background-size: 111px}*/


.ohlive-summit-wrap .title{float: left;max-width: 29%;background-color:rgba(0, 0, 0, 0.6);background-size: cover;background-position: 50%;line-height: 1.2em;margin-right: 10px; overflow: hidden;}
.ohlive-summit-wrap .title .likbox{display: table-cell;padding: 0 9px 0 9px;vertical-align: middle; height: 60px;text-align: center;}

.ohlive-summit-wrap .title .service {font-size: 11px;color: transparent;font-weight: 400;text-align: center;line-height: 140%;display: block;padding-bottom: 2px;background: url(http://ojsimg.ohmynews.com/images/ohmynews/common/ohlive_logo_w.svg) 50% 0 no-repeat;background-size: 50px;}
.ohlive-summit-wrap .title .planning{color: #fff069; font-size: 13px;font-weight: bold;line-height: 1.2em;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.ohlive-summit-wrap .date{display: inline-block;margin-top: 10px;background-color: rgba(0,0,0,0.3);border-radius: 30px;padding: 4px 8px;color: #fff;font-size: 10px;line-height: 11px}
.ohlive-summit-wrap .date > .icon{display: inline-block;background-image: url(http://ojsimg.ohmynews.com/special/nk_usa_summit_2019/images/bar-time.svg);width: 9px;height: 9px;margin-right: 4px}
.ohlive-summit-wrap .article{display: block;margin-top: 3px;max-width: 300px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 14px;line-height: 1.3em;color: #fff;}

/*21세기 100대뉴스*/
.twth-summit-wrap{background-image: url(http://ojsimg.ohmynews.com/design/2020/ohmynews/ohmynews_20st/m-banner.jpg);position: relative;margin-top: -10px;height: 60px;display: block;background-color: #7576e5;background-size: cover;background-position: right;z-index: 3;letter-spacing: -0.04em;}
.twth-summit-wrap > a:hover{text-decoration: none;}
.twth-summit-wrap > .summit-article{display: inline-block;height: 60px;width: 61%;}
.twth-summit-wrap .icon{color: transparent}
.twth-summit-wrap strong{font-weight: normal}
.twth-summit-wrap .article {display: block;margin-top: 3px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 14px;line-height: 1.3em;color: #fff;}
.twth-summit-wrap .title{float: left;max-width: 29%;background-size: cover;background-position: 50%;line-height: 1.2em; margin-right: 10px;overflow: hidden;background: none;}
.twth-summit-wrap .title .likbox{display: table-cell;padding: 0 9px 0 9px;vertical-align: middle;height: 60px;text-align: center;width: 137px;}
.twth-summit-wrap .title .service{font-size: 11px;color: transparent;font-weight: 400;text-align: center;line-height: 150%;display: block;padding-bottom: 2px;background: url(http://ojsimg.ohmynews.com/design/2020/ohmynews/ohmynews_20st/twth_logo_w.svg) 50% -2px no-repeat;background-size: 80px;}
.twth-summit-wrap .title .planning{color: #fff;font-size: 10px;font-weight: bold;line-height: 1.5em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;}
.twth-summit-wrap .date{display: inline-block;margin-top: 10px;background-color: rgba(0,0,0,0.3);border-radius: 30px;padding: 4px 8px;color: #fff;font-size: 10px;line-height: 11px;}
.twth-summit-wrap .date > .icon{display: inline-block;background-image: url(http://ojsimg.ohmynews.com/special/nk_usa_summit_2019/images/bar-time.svg);width: 10px;height: 10px;margin-right: 3px}
.twth-summit-wrap .artcle {display: block;margin-top: 3px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 14px;line-height: 1.3em;color: #fff;}
.twth-summit-wrap .swiper-slide:hover{color: #fff; text-decoration: underline;}
.news-th{color:#f8cf47;margin-left: 4px;font-size: 14px;}

/*코로나19 상황판*/
.corona-wrap{height: 44px;display: block;background-color: #362d1f;z-index: 3;letter-spacing: -0.04em;}
.corona-wrap .co-box a{text-decoration: none;display: block;text-align: center;position: relative;margin: 0px;}
.corona-wrap .co-box .co-title{color: transparent;/* background: url(http://ojsimg.ohmynews.com/images/ohmynews/common/corona_w.svg) 10px 15px no-repeat; */background-size: 115px;display: block;/* border-bottom: 1px solid #383b40; */}
.corona-wrap .co-box .co-time{color: #a9aaab;font-size: 12px;font-weight: 200;padding: 0px;}
.corona-wrap .co-box .co-count{display: inline-block;padding: 0 3px 0 0;margin-top: 6px;}
.corona-wrap .co-box .co-count strong{font-size: 16px;font-weight: 500;color: #fff;padding: 0px 3px;margin-left: 3px;}
.corona-wrap .co-box .co-count .num{color: #ff0000;font-size: 12px;margin: 0px 3px;font-weight: 400;letter-spacing: 0px;}
.corona-wrap .co-box .co-count em{font-size: 12px;color: #a9aaab;}


/* 415총선 */
.elect2020 {width: 100%;border-bottom: solid 1px #ddd;position: relative; overflow: hidden;box-sizing: border-box;background: url(http://ojsimg.ohmynews.com/special/election415/images/bg_election_banner.png) no-repeat top;background-color: #446fd6;background-size: 1100px 48px;margin-bottom: 10px;}
.elect2020 a.logo {position: absolute;left: 10px;top: 13px;display: block;width: 80px;height: 14px;padding-left: 12px;color: transparent;background: url(http://ojsimg.ohmynews.com/special/election415/images/icon_all.png) no-repeat;background-position: 0px 0px;background-size: 300px; }
.elect2020 a.logo .stamp{width: 20px;height: 20px;vertical-align: middle;display: inline-block;font-size: 1px;color: transparent;overflow: hidden;background: url(http://ojsimg.ohmynews.com/special/election415/images/stamp.svg)no-repeat;}
.elect2020 .left40{float: left; width: 40%;padding-left: 30px;box-sizing: border-box; position: relative; margin-top: 30px;}
.elect2020 .right60{width: 60%;display: inline-block; background: #fff; overflow: hidden;}
.elect2020 .elect-summit-wrap {/* height: 50px; */display: block;z-index: 3;letter-spacing: -0.5px;}
.elect2020 .left40 > .icon_tb{position: absolute;left: 10px;top: 16px;width: 15px;height: 20px; vertical-align: middle; display: inline-block; font-size: 1px; color: transparent; overflow: hidden; background: url(http://ojsimg.ohmynews.com/special/election415/images/sp_main_icon.png)no-repeat; background-size: 220px; background-position: -157px -25px;}
.elect2020 .elect-summit-wrap > .poll_titl{display: block;text-align: center;letter-spacing: -.5px;padding: 8px 0;background-color: #f1f5ff;border-bottom: solid 1px #ddd;}
.elect2020 .elect-summit-wrap > .poll_titl strong{color: #0b44cc;font-weight: 600;font-size: 13px;padding-bottom: 3px;}
.elect2020 .elect-summit-wrap > .poll_titl span{color: #999;font-size: 11px; padding-left: 4px;}
.elect2020 .elect-summit-wrap > .poll_party{width: 100%;}
.elect2020 .elect-summit-wrap > a:hover{text-decoration: none;}
.elect2020 .elect-summit-wrap > .elect-article {display: inline-block;height: 40px;}
.elect2020 .elect-summit-wrap > .summit-article {display: inline-block;height: 40px;}
.elect2020 .elect-summit-wrap .icon{color: transparent}
.elect2020 .elect-summit-wrap strong{font-weight: normal}
.elect2020 .elect-summit-wrap .article{display: block;margin-top: 15px;max-width: 280px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 15px;color: #fff;}
.elect2020 .elect-summit-wrap .swiper-slide:hover{color: #fff; text-decoration: underline;}
@media only screen and (max-width: 500px){
    .elect2020 .elect-summit-wrap.left40{width: 100%; margin-left: 60px;margin-top: 0;}
    .elect2020 .elect-summit-wrap.right60{width: 100%;}
}
@media only screen and (max-width: 320px){
	.elect2020 .elect-summit-wrap .article{max-width: 220px;font-size: 14px;}
}
/* 415총선 여론조사 판세 */
.elect2020 .total-twelve{margin: 0 auto 10px;width: 192px}
.elect2020 .total-twelve > li{display: inline-block;margin: 3px 2px;float: left;width: 8px;height: 8px;background-color: #ddd;border-radius: 50%;-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);border: 2px solid #fff}
.elect2020 .twelve-wrap{ }
.elect2020 .twelve-wrap > li{float: left;width: 25%;height: 50px}
.elect2020 .twelve-wrap > li .pt-seats{display: inline-block;width: 60%; height: 32px;float: left;margin: 9px 0 7px 0;text-align: center; box-sizing: border-box;}
.elect2020 .twelve-wrap > li .pt-seats > *{display: inline-block;height: 32px;vertical-align: middle}
.elect2020 .twelve-wrap > li .pt-box{display: inline-block;width: 100%; height: 50px; padding: 7px 0 5px 0;text-align:center;margin: 0 -1px;border-left: 1px solid #ddd;position: relative;box-sizing: border-box;}
.elect2020 .twelve-wrap > li .pt-box .bar{width: 100%;height: 5px;position: absolute;left: 0; bottom: 0;margin: 0;}
.elect2020 .twelve-wrap > li .pt-box > .per{font-size: 11px;color: #999;margin-top: 7px}
.elect2020 .twelve-wrap > li .pt-box > .pt-name{font-size: 11px;font-weight: 600; line-height: 16px; margin-bottom: 2px;}
.elect2020 .twelve-wrap > li .pt-box > .per{font-size: 11px; color: #999; display: block;}
.elect2020 .twelve-wrap > li .pt-box > strong{font-size: 14px; font-weight: 600; color: #000; display: inline-block}
.party00-bg{background-color: #999999}/* 무소속 999 */
.party01-bg{background-color: #00a0e2}/* 더불어민주당 00a0e2 */
.party02-bg{background-color: #ef426f}/*미래통합당 ef426f */
.party03-bg{background-color: #189868}/*민생당 189868 */
.party04-bg{background-color: #C9151E}/*미래한국당 #C9151E */
.party05-bg{background-color:#006cb8}/* 더불어시민당  #006cb8 */
.party06-bg{background-color:#FFCC00}/* 정의당 #FFCC00 */
.party07-bg{background-color:#009944}/* 우리공화당 #009944 */
.party08-bg{background-color:#F47920}/* 민중당 #F47920 */
.party09-bg{background-color:#ef7f03}/* 한국경제당 #ef7f03 */
.party10-bg{background-color:#EA5504}/* 국민의당 #EA5504 */

/* s: 415총선 전광판 */
.election-415{display: block;}
.election-415 .per-wrap > span{display: block;margin: 5px;}
.election-415 .per-wrap > span > *{display: inline-block;vertical-align: middle}
.election-415 .per-wrap > span > small{color: #eee;margin-right: 5px}
.election-415 .per-wrap > span > strong{color: #fff;font-family: 'helvetica', sans-serif}

.election-415 .per-wrap{width: 100%;overflow: hidden;}
.election-415 .per-wrap > .last-per{width: 40%;display: inline-block;opacity: 0.7;vertical-align: middle;margin: 0;text-align: right;padding: 10px 20px;box-sizing: border-box;}
.election-415 .per-wrap > .last-per > small{font-size: 11px}
.election-415 .per-wrap > .now-per{width: 60%;float: left;display: inline-block;vertical-align:middle;margin: 0;text-align: right;padding: 10px 0;box-sizing: border-box;}
.election-415 .per-wrap > .now-per > small{font-size: 13px}
.election-415 .per-wrap > .last-per > strong{font-size: 22px}
.election-415 .per-wrap > .now-per > strong{font-size: 35px}
.election-415 .per-wrap > .last-per > strong:after{content: "%";font-size: 11px;color: #fff;margin-left: 3px;vertical-align: middle}
.election-415 .per-wrap > .now-per > strong:after{content: "%";font-size: 11px;color: #fff;margin-left: 3px;vertical-align: middle}
.election-415 .per-wrap .pt-box{height: 46px;display: block;vertical-align: middle; padding: 0 8px;background-color: #3d51db;}
.election-415 .per-wrap .pt-box li{float: left;width: 26%; text-align: center; padding: 6px 5px; color:#fff;box-sizing: border-box;}
.election-415 .per-wrap .pt-box li:first-child{width: 27%;}
.election-415 .per-wrap .pt-box li:last-child{width: 21%;}
.election-415 .per-wrap .pt-box li small{display: block;}
.election-415 .per-wrap .pt-box li strong{display: block; margin-top: 4px; padding-left: 6px; font-size: 18px; font-weight: 600; font-family: 'helvetica', sans-serif;}
.election-415 > div > .tt-left{display: block;margin: 10px 95px 5px 85px;box-sizing: border-box;position: relative;/*vertical-align: middle;*/}
.election-415 > div > .tt-left > strong{color: #fff;font-weight: normal;font-size: 12px;}
.election-415 > div > .tt-left > strong:after{display:inline-block;content: "";width: 2px;height: 2px;border-radius: 50%;background-color: #fff;margin: 0 2px 4px 5px}
.election-415 > div > .tt-left > strong > b{font-weight: bold; /*vertical-align: middle;*/}
.election-415 > div > .tt-left > span{display:inline-block;color: #eee;font-size: 11px; /*vertical-align: top;*/}
.election-415 > div > .tt-left > small{position: absolute;right: -85px;top: 4px;background-image: url(http://ojsimg.ohmynews.com/special/election415/images/nec.png);background-repeat: no-repeat;background-size: contain;width: 80px;height: 10px;display: block;color: transparent;margin-top: 3px;margin-right: 0;}
.election-415 > div > .tt-right{ margin: 0;vertical-align:middle;background-color: #3d51db;}
.election-415 > div > .tt-right .vt-count{width: 100%;position: relative;color: #fff;box-sizing: border-box;padding: 4px 8px 4px 62px;border-top: solid 1px #646edb;vertical-align: middle;}
.election-415 > div > .tt-right .vt-count h1{width: 50px;height: 36px;line-height: 36px;position: absolute;top: 1px;left: 0;font-size: 11px;color: #ffffff;font-weight: normal;background-color: #646edb;padding: 0 3px;text-align: center;}
.election-415 > div > .tt-right .vt-count .pt-box{display: block;padding: 0;height: auto;}
.election-415 > div > .tt-right .vt-count .pt-box li{float: left;width: 25%;text-align: center;padding: 0 0 0 5px;color:#fff;box-sizing: border-box;}
.election-415 > div > .tt-right .vt-count .pt-box li:first-child{width: 25%;}
.election-415 > div > .tt-right .vt-count .pt-box li:last-child{width: 25%;}
.election-415 > div > .tt-right .vt-count .pt-box li:first-child:nth-last-child(5), .election-415 > div > .tt-right .vt-count .pt-box li:first-child:nth-last-child(5) ~ li { width: 20% }
.election-415 > div > .tt-right .vt-count .pt-box small{display: block;}
.election-415 > div > .tt-right .vt-count .pt-box strong.num{display: block;margin: 0;padding-left: 5px;font-size: 15px;font-family: 'helvetica', sans-serif;vertical-align: bottom;}


.pt-box li small::before{content: "";display: inline-block;width: 5px;height: 5px;border-radius: 50%;margin-right: 3px;}
.pt-box li small.party00::before{background-color: #fff}/* 기타*/
.pt-box li small.party01::before{background-color: #00a0e2}/* 더불어민주당 00a0e2 */
.pt-box li small.party02::before{background-color: #ef426f}/*미래통합당 ef426f */
.pt-box li small.party03::before{background-color: #189868}/*민생당 189868 */
.pt-box li small.party04::before{background-color:#C9151E}/*미래한국당 #C9151E */
.pt-box li small.party05::before{background-color:#006cb8}/* 더불어시민당  #006cb8 */
.pt-box li small.party06::before{background-color:#FFCC00}/* 정의당 #FFCC00 */
.pt-box li small.party07::before{background-color:#009944}/* 우리공화당 #009944 */
.pt-box li small.party08::before{background-color:#F47920}/* 민중당 #F47920 */
.pt-box li small.party09::before{background-color:#ef7f03}/* 한국경제당 #ef7f03 */
.pt-box li small.party10::before{background-color:#EA5504}/* 국민의당 #EA5504 */
.pt-box li small.party12::before{background-color:#003E9B}/* 열린민주 #003E9B */
.pt-box li small.party52::before{background-color: #999}/* 무소속   #999999 */
@media only screen and (max-width : 320px) {
	.election-415 .per-wrap .pt-box{padding: 0;}
	.election-415 > div > .tt-right .vt-count{padding: 4px 0px 4px 55px;}
	.election-415 > div > .tt-right .vt-count h1{padding: 0;}
	.election-415 > div > .tt-left{font-size: 11px; letter-spacing: -.75px;}
	.election-415 .per-wrap > .last-per{padding-left: 0;}
}
/* e: 415총선 전광판*/

/* 기사리스트 아이콘 - 프리미엄/연재/논쟁/팩트체트 */
.icon-prm{font-size: 10px;padding: 2px 6px; color: #fff; background-color: #00beef; border-radius: 10px;vertical-align: middle;font-weight: 400; margin-left: 8px;}
.icon-sis{font-size: 10px;padding: 2px 6px;color: #fff; background-color: #999; border-radius: 10px;vertical-align: middle;font-weight: 400; margin-left: 8px;}
.icon-deb{font-size: 10px;padding: 2px 6px; color: #fff; background-color: #7150b4; border-radius: 10px;vertical-align: middle;font-weight: 400; margin-left: 8px;}
.icon-fac{font-size: 10px;padding: 2px 6px; color: #fff; background-color: #002ee4; border-radius: 10px;vertical-align: middle;font-weight: 400; margin-left: 8px;}
.icon-prm:hover, .icon-sis:hover, .icon-deb:hover, .icon-fac:hover{text-decoration: none;}