@charset "euc-kr";

/* TITLE : sbs ÇÖNEWS
 * UPDATE: 201009
 * AUTHOR: Á¤ÁøÀÇ */


/* COMMON STYLE */
* { font-size:12px; font-family:Gulim, ±¼¸²; color:#333333; margin:0; padding:0; }
hr, legend, caption, .Nhidden { display:none !important; }
li { list-style:none; }
fieldset { border:none; }
img { border:none; }
table { border-collapse:collapse; }
.clear { clear:both; }

/* LINK STYLE */
a { text-decoration:none; color:#000; }
a:hover { text-decoration:underline; color:#2b5baf !important; }

#newsHotMain {}
#newsHotMain .newsHotListTop { width:100%;padding-bottom:20px;border-bottom:1px solid #959595;}
#newsHotMain .newsHotListTop li {overflow:hidden; width:100%; padding:25px 0; background:url(http://img.sbs.co.kr/s9/news/hotissue/line_dottedGray.gif) repeat-x 0 bottom;vertical-align:top}
#newsHotMain .newsHotListTop li.first {padding-top:0;}
#newsHotMain .newsHotListTop li.last {background:none;}
#newsHotMain .newsHotListTop h4 {overflow:hidden; height:16px; padding-bottom:20px;font-size:16px; font-family:dotum; font-weight:bold;color:#054e92;vertical-align:top}
#newsHotMain .newsHotListTop h4 a {font-size:16px; font-family:dotum; font-weight:bold; color:#054e92;}
#newsHotMain .newsHotListTop .imgBox {position:relative;float:left; width:192px; height:108px;}
#newsHotMain .newsHotListTop .imgBox .frameLine {display:block; position:absolute;top:0;left:0;width:190px; height:106px;border:1px solid #000;opacity:0.2;filter:alpha(opacity=20); text-indent:-2000px;}
#newsHotMain .newsHotListTop .imgBox img {width:192px; height:108px;}
#newsHotMain .newsHotListTop .imgBox .playBtn {overflow:hidden; display:block; position:absolute; top:78px; left:154px; width:38px; height:30px;text-indent:-2000px;background:url(http://img.sbs.co.kr/s9/news/hotissue/btn_vodPlay.png) no-repeat 0 0;
_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img.sbs.co.kr/s9/news/hotissue/btn_vodPlay.png',sizingMethod='crop');}
#newsHotMain .newsHotListTop li .txtBox {float:right;width:510px;}
#newsHotMain .newsHotListTop .txtBox li {overflow:hidden; height:18px; padding:5px 0 0 0; margin-bottom:3px;background:none}
#newsHotMain .newsHotListTop .txtBox h5 {display:inline; margin-right:5px;font-size:14px; font-family:dotum; font-weight:bold; color:#054e92; line-height:18px; vertical-align:top}
#newsHotMain .newsHotListTop .txtBox h5 a {font-size:14px; font-family:dotum; font-weight:bold; color:#054e92;}
#newsHotMain .newsHotListTop .txtBox .date {font-size:11px; font-family:dotum;color:#bbb;}

#newsHotMain .newsHotList {padding-top:40px;width:100%;overflow:hidden;}
#newsHotMain .newsHotList li {overflow:hidden; float:left; width:330px; height:125px;margin-right:30px;vertical-align:top}
#newsHotMain .newsHotList li a {cursor:pointer; }
#newsHotMain .newsHotList h4 {height:20px;margin-bottom:3px; font-size:14px; font-weight:bold; color:#054e92; line-height:20px; vertical-align:top}
#newsHotMain .newsHotList dl {width:100%;overflow:hidden; height:73px;}
#newsHotMain .newsHotList dt,#newsHotMain .newsHotList .txt {float:right;width:196px;}
#newsHotMain .newsHotList dt {overflow:hidden;height:35px;padding-top:3px;color:#363636;line-height:18px;font-weight:bold;}
#newsHotMain .newsHotList dt a {color:#363636;line-height:18px;}
#newsHotMain .newsHotList .txt {padding-top:5px;}
#newsHotMain .newsHotList .txt a {font-size:12px; line-height:15px;color:#7d7d7d;}
#newsHotMain .newsHotList .imgBox {position:relative; float:left; width:128px; height:72px;line-height:1; vertical-align:top}
#newsHotMain .newsHotList .imgBox img {width:128px; height:72px;}
#newsHotMain .newsHotList .imgBox .frameLine {display:block; position:absolute;top:0;left:0;width:126px; height:70px;border:1px solid #000;opacity:0.2;filter:alpha(opacity=20); text-indent:-2000px;}
#newsHotMain .newsHotList .imgBox .playBtn {overflow:hidden; display:block; position:absolute; top:53px; left:104px; width:38px; height:30px;text-indent:-2000px;background:url(http://img.sbs.co.kr/s9/news/hotissue/btn_vodPlayS.gif) no-repeat 0 0;}

#newsHotMain .pager {clear:both;padding:30px 0;text-align:center;}

.newsHotList{overflow:hidden;margin-top:10px;}
.newsHotList li{overflow:hidden;float:left;width:360px;margin-top:27px}
.newsHotList li .tit a{font-size:14px;line-height:1.27em;font-weight:bold;color:#054e92}
.newsHotList li .thumImg{overflow:hidden;margin-top:5px}
.newsHotList li .thumImg a{display:inline-block;cursor:pointer;font-family:dotum,'µ¸¿ò';line-height:1.27em}
.newsHotList li .thumImg a img{float:left;width:126px;height:70px;margin-right:7px;border:1px solid #9c9c9c}
.newsHotList li .thumImg a .txt{float:left;width:200px;margin-top:3px;color:#7d7d7d}
.newsHotList li .thumImg a strong{display:block;margin-bottom:4px;line-height:1.42em;color:#363636}
.newsHotList li .thumImg a:hover .txt,.newsHotList li .thumImg a:hover .txt strong{color:#2b5baf;text-decoration:underline}

/* ÆäÀÌ¡ 20130103 */
.paginate{overflow:hidden;clear:both;margin:30px auto 0;padding:10px 0;text-align:center}
.paginate a,.paginate strong{overflow:hidden;display:inline-block;width:20px;height:17px;padding-top:2px;vertical-align:top;font-family:arial !important;font-size:11px;line-height:1.35em;text-decoration:none;border:1px solid #e3e3e3}
.paginate a:hover,.paginate a:focus,.paginate strong{color:#ff8600 !important;border-color:#ff8600}
.paginate a.dir{height:19px;padding-top:0}
.paginate a.dir img{margin-top:6px;vertical-align:top;line-height:0}
.paginate a.edge{width:30px;font-family:dotum,'µ¸¿ò' !important;line-height:1.52em}
.paginate a.edge:hover{color:#ff8600 !important}

/*********************************************************************
	ÆäÀÌÁö ³Ñ±â±â
**********************************************************************/
div.pager {
	clear: both;
	padding: 0 0 30px;
	text-align: center;
}
div.pager a {
	vertical-align: top;
	height: 12px;
	padding: 3px 6px 1px;
	font-size: 11px;
	font-family: "arial";
	border: 1px solid #e3e3e3;
	display: inline-block;
	line-height:1;
}
div.pager a.thispage, div.pager a:hover {
	color: #ff7e00 !important;
	border: 1px solid #ffb063;
	text-decoration: none;
}
div.pager a img {
	margin: 2px 0 2px;
}