@charset "utf-8";
/* CSS Document */

/* s:공통카드뉴스 컨트롤 */
#cardnews_out{ width:100%; margin:30px 0; position:relative;}
.title_card{position: relative; background:#f4f4f4; border:solid 1px #ccc; border-bottom:0; padding:10px 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#0d54ab;}
.title_card .atitl a{font-family:Nanum Gothic,'나눔고딕'; width:70%; font-size:14px; font-weight:bold; color:#0d54ab; padding-left:10px;}
.title_card .page{position: absolute; bottom:5px; right:51px; height:30px; font-family: Arial; font-size:12px; color:#333; line-height:30px;}
.title_card .page span.pon{font-size:14px; font-weight:bold; color:#db0000;}
.title_card .openm{position: absolute; bottom:7px; right:11px; width:30px; height:30px; background:url(http://ojsimg.ohmynews.com/images/cardnews/btn_openmenu.png) no-repeat; text-indent:-9999em;}
.title_card .on{background:url(http://ojsimg.ohmynews.com/images/cardnews/btn_closemenu.png) no-repeat; }

/* 우펼침 카드뉴스 더보기 */
.cardlist_open{width:160px; height:747px; background:#fff; border-top:solid 1px #c7c7c7; border-right:solid 1px #c7c7c7; border-bottom:solid 1px #c7c7c7; position: absolute; top:0px; right:-160px; z-index:401; padding:20px 19px 10px 19px; box-sizing: border-box; }
.cardlist_open h2.titl{ font-family:Nanum Gothic,'나눔고딕'; font-size:12px; color:#db0000; margin-bottom:10px; border-bottom: dotted 2px #ccc; line-height:140%; padding-bottom:4px;}
.cardlist_open .different{width:100%; box-sizing:border-box;}
.cardlist_open .different li{margin-bottom:20px;}
.cardlist_open .different li a{display:block; color:#0d54ab;}
.cardlist_open .different li a:hover{font-weight:bold;  }
.cardlist_open .different li a:hover img{box-shadow: 0 0 2px 2px #bbc3cc; }
.cardlist_open .different li .card_s{ width:120px; height:120px; margin-bottom:6px; border:solid 1px #c7c7c7;}
.cardlist_open .different li .card_s img{ width:120px; height:120px; }
.cardlist_open .different li .card_t{font-family:Nanum Gothic,'나눔고딕'; font-size:12px; color:#0d54ab; line-height:120%;}
/*
.cardnews_out .open_r{width:170px; height:701px; position: absolute; top:0; right:-169px; z-index:401; padding:10px; box-sizing: border-box;}
*/
/* 카드뉴스 공유 */
#cardnews_out .cardnews_sns{width:100%; padding:10px 0 30px 0; float:left; clear:both;}
#cardnews_out .cardnews_sns li { float:left;}
#cardnews_out .cardnews_sns li.sns01 a{width:48px; height:48px; background:url(http://ojsimg.ohmynews.com/images/cardnews/sns_icon01.png) no-repeat; display:inline-block; text-indent:-9999em; float:left; margin-right:7px; overflow:hidden; }
#cardnews_out .cardnews_sns li.sns01 a:hover{opacity:0.8; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-webkit-transition: color,border,background  0.5s linear;-moz-transition : color,border,background 0.5s linear;}
#cardnews_out .cardnews_sns li.sns02 a{width:48px; height:48px; background:url(http://ojsimg.ohmynews.com/images/cardnews/sns_icon02.png) no-repeat; display:inline-block; text-indent:-9999em; float:left; margin-right:7px; overflow:hidden; }
#cardnews_out .cardnews_sns li.sns02 a:hover{opacity:0.8; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-webkit-transition: color,border,background  0.5s linear;-moz-transition : color,border,background 0.5s linear;}
#cardnews_out .cardnews_sns li.sns03 a{width:48px; height:48px; background:url(http://ojsimg.ohmynews.com/images/cardnews/sns_icon03.png) no-repeat; display:inline-block; text-indent:-9999em; float:left; margin-right:7px; overflow:hidden; }
#cardnews_out .cardnews_sns li.sns03 a:hover{opacity:0.8; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-webkit-transition: color,border,background  0.5s linear;-moz-transition : color,border,background 0.5s linear;}
#cardnews_out .cardnews_sns li.sns04 a{width:48px; height:48px; background:url(http://ojsimg.ohmynews.com/images/cardnews/sns_icon04.png) no-repeat; display:inline-block; text-indent:-9999em; float:left; margin-right:7px; overflow:hidden; }
#cardnews_out .cardnews_sns li.sns04 a:hover{opacity:0.8; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-webkit-transition: color,border,background  0.5s linear;-moz-transition : color,border,background 0.5s linear;}
#cardnews_out .cardnews_sns li.sns05 a{width:48px; height:48px; background:url(http://ojsimg.ohmynews.com/images/cardnews/sns_icon05.png) no-repeat; display:inline-block; text-indent:-9999em; float:left; margin-right:7px; overflow:hidden; }
#cardnews_out .cardnews_sns li.sns05 a:hover{opacity:0.8; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-webkit-transition: color,border,background  0.5s linear;-moz-transition : color,border,background 0.5s linear;}

#cardnews_out .cardnews_sns li.sns05 button{ float: left;font-size: 12px;color: #4978bc;background: #fff;border: 1px solid #ddd;margin-left: 6px;display: inline;width: 36px; line-height:20px;}

#cardnews_out .cardnews_sns li.sns05 p{position: absolute; border: 1px solid #ddd;height: 30px;width: 215px;background: #f3f3f4;padding: 8px 0 0 9px;}

#cardnews_out .cardnews_sns li.sns05 p input{border: 1px solid #ddd;padding: 4px 0 0 5px;height: 16px;color: #262f3b;width: 153px;float: left;}

#cardnews_out .cardnews_sns li.btn_all { float:none;}
#cardnews_out .cardnews_sns li.btn_all a{float:right; margin-left:7px; margin-right:5px; font-size: 11px; background: #949aaa; color: #f4f4f4; display: inline-block; padding: 0 8px 0 8px; text-decoration: none;}
#cardnews_out .cardnews_sns li.btn_all a:hover{font-size:11px;background:#7e8391;color:#FFF;display:inline-block;padding:0 8px 0 8px;text-decoration:none}

.cardnews_name {float:right; margin-left:7px; margin-right:5px; font-size:11px; color:#999; }


/* jssor slider thumbnail navigator skin 01 css */
.jssort01 .w {position: absolute; top: 0px;	left: 0px;	width: 100%;	height: 100%;}

.jssort01 .c {	position: absolute;	top: 0px;	left: 0px;	width: 68px;	height: 68px;	border: #ccc 2px solid;}

.jssort01 .p:hover .c, .jssort01 .pav:hover .c, .jssort01 .pav .c {	background: url(http://ojsimg.ohmynews.com/images/cardnews/bg_select01.png) top left;	border-width: 0px;	top: 0px;	left: 0px;	width: 68px;	height: 68px;	border: #db0000 2px solid;}

.jssort01 .p:hover .c, .jssort01 .pav:hover .c {	background: none;	top: 0px;	left: 0px;	width: 68px;	height: 68px;	border: #db0000 2px solid;}

.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn{	position: absolute;	cursor: pointer;	display: block;	background: url(http://ojsimg.ohmynews.com/images/cardnews/cardnews_arrow01.png) no-repeat;	overflow:hidden;}
.jssora05l { background-position: 0px -5px; }
.jssora05r { background-position: -60px -5px; }
.jssora05l:hover { background-position: -120px -5px; }
.jssora05r:hover { background-position: -180px -5px; }
.jssora05ldn { background-position: -240px -5px; }
.jssora05rdn { background-position: -300px -5px; }


/* 다른컨텐츠추천 */
.other_out{width: 100%;height:100%; position: absolute; top: 0px; left: 0px; position: absolute; display: block; background: url(http://ojsimg.ohmynews.com/images/cardnews/bg_select01.png) repeat; overflow:hidden;}
.other_out .orbox{padding:0 45px; text-align:center;font-family:Nanum Gothic,'나눔고딕'; font-size:16px; color:#fff;}
.other_out .orbox .orlist{width:50%; height:50%; margin:0 auto; float:left;}
.other_out .orbox .orlist a{display:block; color:#fff; font-size:16px;}
.other_out .orbox .orlist a:hover{ color:#ffffff; text-decoration: underline; font-weight:bold;}
.other_out .orbox .orlist .bt_replay{background: url(http://ojsimg.ohmynews.com/images/cardnews/btn_rplay.png) no-repeat center center; width: 248px; height:248px; border:solid 1px #fff; margin: 15px 0 5px 0; font-size:12px;}
.other_out .orbox .orlist p.thumb{ width:246px; height:246px; border:solid 2px #fff; margin: 15px 0 5px 0;}
.other_out .orbox .orlist p.thumb:hover{border:solid 2px #db0000;}
.other_out .orbox .orlist p.thumb img{width:246px; height:246px; overflow:hidden;}
.other_out .orbox .orlist span.ttit{font-family:Nanum Gothic,'나눔고딕'; font-size:16px; color:#fff; text-align:center;}
	

/* s:슬라이드 컨트롤 */
.photoslide_out{width:602px; margin:0 auto; /*margin:30px 0;*/}
.photoslide_name {text-align:right; padding:10px 5px 5px 5px; }
.photoslide_name span{font-size:11px; color:#999; }

.title_slide{position: relative; background:#333; padding:10px 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#fff;}
.title_slide .atitl a{font-family:Nanum Gothic,'나눔고딕'; width:70%; font-size:14px; font-weight:bold; color:#fff; padding-left:10px; }
.title_slide .page{position: absolute; bottom:5px; right:10px; height:30px; font-family: Arial; font-size:12px; color:#fff; line-height:30px;}
.title_slide .page span.pon{font-size:14px; font-weight:bold; color:#db0000; padding-left:0;}
.title_slide .home{position: absolute; bottom:5px; right:10px; width:30px; height:30px; background:url(http://ojsimg.ohmynews.com/images/cardnews/btn_homemenu.png) no-repeat; text-indent:-9999em;}