/*20181206 AP NEWS 받아쓰기 설명 페이지*/
.contents img{width:100%;vertical-align: middle;}
.contents li{list-style:none;}
.contents_in{padding:20px;border-bottom:10px solid #eee;}

/*학습방법, sns*/
.learning_way{position:relative;height:60px;}
.pop_btn{position:absolute;left:0;width:100px;height:30px;border:1px solid #777;color:#777;border-radius:100px;text-align:center;line-height:30px;}
.learning_way .lst_sns_btn{position:absolute;right:0;border:none;padding:0;}
.learning_way_popup{display:none;position: absolute;top:10%;width:80%;left:50%;transform:translateX(-50%);z-index: 40;}
.popup_bg{display:none;position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.8);z-index:30;}

/*설명*/
.explain{padding-bottom:20px;border-bottom:1px solid #eee;}
.explain .e_label{display:inline-block;width:70px;height:26px;color:#fff;line-height: 26px;background:#0086ff;border-radius: 5px;text-align: center;margin:15px 0;}
.explain .e_txt{font-weight:bold;}

/* sns아이콘 */
.ico_bbs{display:inline-block;background-size:143px 96px;background-image:url(//gscdn.hackers.co.kr/hackers/images/mobile/appattend/bg_common.png);background-repeat:no-repeat;text-indent:-9999px}
.lst_sns_btn{padding:15px;background:#fff;border-bottom:1px solid #d3d3d3;text-align:right}
.lst_sns_btn li{display:inline-block}
.lst_sns_btn li a{width:31px;height:31px}
.lst_sns_btn li a span{font-size:0;line-height:0}
.lst_sns_btn .ico_kakao{background-position:-35.5px 0}
.lst_sns_btn .ico_twiter{background-position:-74px 0}
.lst_sns_btn .ico_facebook{background-position:-112px 0}
.lst_sns_btn .ico_blog{background-position:-35.5px -40px}

/*메인 이미지,mp3*/
.main_visual .main_img{width:100%;margin:20px 0 10px;}
.main_visual .mp3{padding-bottom:30px;border-bottom:2px solid #eee;}
.main_visual .mp3 img{width:30px;height:30px;}

/*======= jplayer =======*/
#conv_jp_container{position:relative; margin:0 auto; text-align:center;height:60px; background-color:#f6f6f6;}
.jp_main{position:absolute; left:12px;}
.conv_control{position:absolute; width:30px; height:30px; top:13px;}
.conv_jp-play{cursor:pointer; position:absolute; left:0px;}
.conv_jp-stop{cursor:pointer; position:absolute; left:35px;}
#conv_f_play, #conv_play, #conv_pause{position:absolute; display:none;}
#conv_play.on, #conv_pause.on, #conv_f_play.on{display:block;}
.conv_progress{position:absolute; top:0px; overflow:hidden;
    background-color:#bebebe; width:327px; height:10px; left:75px; top:23px;}
.seek-bar{width:100%;height:100%;cursor:pointer}
.play-bar{
    background:url(//gscdn.hackers.co.kr/hackers/images/contents/hac_conv/bar2.png) repeat-x;
    width:0; height:100%; position:absolute; left:0px;
}

/*타이틀*/
.dictation_title{text-align: center;}
.dictation_title .l_title{font-size:20px; font-weight:bold;}