/*reset style =========*/
* { margin: 0; padding: 0; }
html, body { margin: 0; padding: 0; font: normal 12px "맑은 고딕", "Malgun Gothic", Dotum, Gulim, Sans-serif;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, blockquote { margin: 0; padding: 0; }
img { border: 0 }
ul, ol, li { list-style: none outside; }
input, select, textarea { vertical-align: middle; }
table { border-spacing: 0; border-collapse: collapse; }
table th, table td { padding: 0 }
.vm { vertical-align: middle; }
.vb { vertical-align: text-bottom; }
.vm_in { display: inline; vertical-align: middle; }
.ds_in { display: inline; }
.ds_b { display: block; }
.ds_ib { display: inline-block; }
.ds_no { display: none; }
.tCenter { text-align: center; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
a:link, a:visited, a:active { color: #333; text-decoration: none; }
a:hover { color: #dc1919; text-decoration: none; }
.lk2:link, .lk2:visited, .lk2:active { color: #888; }
.lk2:hover { color: #dc1919; }
.noMg { margin: 0 !important; }
.noMg_b { margin-bottom: 0 !important; }
.noMg_r { margin-right: 0 !important; }
.noBdb { border: none !important; }
.noBg { background: none !important }
.noPd { padding-bottom: 0 !important }

/* 전체 감싸기 */
#wrapper { width: 980px; margin: 0 auto;}
html .tLink:link, html .tLink:visited, html .tLink:active { color: #fff; text-decoration: none; }
html .tLink:hover { color: #fff; }
/* 메인 판형 폰트 스타일 */
html .fs28 { font-size: 28px; line-height:1.2em; letter-spacing:-0.07em;}
html .fs22 { font-size: 22px; line-height: 130%; }
html .fs18 { font-size: 18px }
html .fs15 { font-size: 15px }
html .fs14 { font-size: 14px; line-height: 110%; }
html .fs13 { font-size: 13px;}
html .fs12 { font-size: 12px;}
html .fs16 {font-size: 16px; display:block; padding-top:5px; line-height:130%; letter-spacing:-0.07em;}
.readTxt:link, .readTxt:visited, .readTxt:active { display:block; color: #f4f4f4; font-size: 14px; line-height: 130%; padding-top:6px; }
.readTxt:hover { color: #fff; }
.readTxt2:link, .readTxt2:visited, .readTxt2:active { color: #888; line-height: 130%; }
.readTxt2:hover { color: #dc1919; }
.readTxt3:link, .readTxt3:visited, .readTxt3:active { color: #5e5e5e;}
.readTxt3:hover { color: #dc1919; }
.readTxt4:link, .readTxt4:visited, .readTxt4:active { color: #dcdcdc; font-size:13px;}
.readTxt4:hover { color: #fff; }

/* 기사 텍스트_반투명 배경 */
.txtBox1 { position: absolute; bottom:0; left:0; width:93%; z-index: 10; background: url(http://img.tf.co.kr/ss/2015/main/bg_bk_text.png) 0 0 repeat-x; padding:20px 3.5% 12px 3.5%; }
.txtBox2 { position: absolute; bottom:0; left:0; width: 93%; z-index: 10; background: url(http://img.tf.co.kr/ss/2015/main/bg_bk_text.png) 0 0 repeat-x; padding:25px 3% 7px 4%;}
.txtBox3 { position: absolute; bottom:0; left:0; width: 91%; z-index: 10; background: url(http://img.tf.co.kr/ss/2015/main/bg_bk_text.png) 0 0 repeat-x; padding:20px 4% 7px 5%;}
.txtBox4 { position: absolute; bottom:0; left:0; width: 92%; z-index: 10; background: url(http://img.tf.co.kr/ss/2015/main/bg_bk_text.png) 0 0 repeat-x; padding:20px 4% 7px 4%;}
.txtBox5 { position: absolute; bottom:0; left:0; width: 94%; z-index: 10; background: url(http://img.tf.co.kr/ss/2015/main/bg_bk_text.png) 0 0 repeat-x; padding:20px 3% 7px 3%;}
.txtBox6 { position: absolute; bottom:8px; left:2%; width: 90%; z-index: 10; background: url(http://img.tf.co.kr/ss/2015/main/bg_bk_text.png) 0 0 repeat-x; padding:25px 3% 7px 3%;}
.txtBox7 { position: absolute; bottom:0; left:0; width: 95%; z-index: 10; background: url(http://img.tf.co.kr/ss/2015/main/bg_bk_text_s.png) 0 0 repeat-x; padding:15px 2% 4px 3%;}

/* 서브페이지 wrapper */
.subWrapper { width: 980px; background: url(http://img.tf.co.kr/ss/2015/common/sub_split_line.gif) 659px 0 repeat-y; margin:0 auto; }
.subWrapper:after { content: ""; display: block; clear: both; }
.subWrapper { *zoom:1;}

.subWrapper2 { width: 980px; margin:0 auto; padding-bottom:30px; }
.subWrapper2:after { content: ""; display: block; clear: both; }
.subWrapper2 { *zoom:1;}

/* 컨텐츠 마진 */
.mg_t20 { margin-top: 20px; }
.mg_t30 { margin-top: 30px; }
.mg_b20 { margin-bottom: 20px; }
.mg_b30 { margin-bottom: 30px; }
.mg_b40 { margin-bottom: 40px; }

/** 우측 공통 컨텐츠 **/
/* 에디터스 초이스 */
.editorC { width: 300px; }
.editorC .title { font-size: 16px; font-weight:bold}
.editorC .title .right ul li { float: left }
.editorC table { clear: both; width: 300px; }
.editorC table .col_1 { width: 90px; padding-top: 10px; }
.editorC table .col_1 img { width: 80px; height: 60px; }
.editorC table .col_2 a { color: #5e5e5e; font-size: 16px }
.editorC table .col_2 a:hover { color: #dc1919 }

/* 우측 포토박스 */
.rPhotoBox { width: 300px; }
.rPhotoBox:after { content: ""; display: block; clear: both; }
.rPhotoBox { *zoom:1;}
.rPhotoBox li { float: left; position: relative; width: 150px; height: 112px; }
.rPhotoBox li img { width: 150px; height: 112px; }
.rPhotoBox li .playIcn2 { position: absolute; top: 50%; left: 50%; margin: -21px 0 0 -18px; width: 37px; height: 37px; z-index: 999 }

/* 실시간 TOP10 */
.rTxtBox { width: 300px; }
.rTxtBox .title { font-size: 16px; font-weight:bold}
.rTxtBox table { clear: both; width: 300px; }
.rTxtBox table .col_1 { width: 24px; font-size: 14px; color: #999; padding-top: 12px; }
.rTxtBox table .col_1 span { color: #dc1919 }
.rTxtBox table .col_2 { padding-top: 12px; }
.rTxtBox table .col_2 a { display: block; width: 276px; color: #5e5e5e; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rTxtBox table .col_2 a:hover { color: #dc1919 }

/* 우측 뉴스박스 */
.rNewsBox { width: 300px; }
.rNewsBox .title { font-size: 16px; padding-bottom: 5px; font-weight:bold}
*:first-child+html .rNewsBox .title { padding-bottom: 2px; }
.rNewsBox table { width: 300px; margin-bottom: 20px; }
.rNewsBox table .c_img { width: 65px; height: 58px; }
.rNewsBox table .c_img img { width: 60px; height: 58px; display: block }
.rNewsBox table .c_txt { width: 81px; padding-right: 8px; }
.rNewsBox table .c_txt2 { width: 81px; }
.rNewsBox table a { font-size: 13px; color: #5e5e5e; line-height: 130% }
.rNewsBox table a:hover { color: #dc1919 }
.rNewsBox table .txt3 { font-size: 14px; color: #5e5e5e; display: block; width: 292px; background: url(http://img.tf.co.kr/ss/2015/main/img_bullet.gif) 0 8px no-repeat; padding-left: 8px; margin-top: 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rNewsBox table .txt3:hover { color: dc1919 }

/*리스트 페이징*/
.poll_listpaging {text-align:center; width:auto; clear:none; padding-top:20px}
.poll_listpaging a {display:inline-block; width:25px; height:26px; text-align: center; font-size:14px; border:1px solid transparent; color: #333;}
.poll_listpaging a span {line-height:24px}
.poll_listpaging a.first {width: auto;background: url("http://img.tf.co.kr/ss/2015/section/poll_10.png") no-repeat left 5px;padding-left: 17px; padding-right: 10px; color: #b1b1b1;}
.poll_listpaging a.last {width: auto;background: url("http://img.tf.co.kr/ss/2015/section/poll_11.png") no-repeat right 5px;padding-right: 17px;color: #b1b1b1;padding-left: 10px;}
.poll_listpaging a.on {border: 1px solid #cfcfcf;color: #db191a;}
.poll_listpaging a:hover {border: 1px solid #cfcfcf;color: #db191a;}
.poll_listpaging a.first:hover {border: 1px solid transparent}
.poll_listpaging a.last:hover {border: 1px solid transparent}

/* 161214 개인추천뉴스 */
.recommNews { width:100%;}
.recommNews dt {font-size: 16px; margin-bottom:5px; font-weight:bold}
.recommNews dd { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.recommNews dd a { color:#5e5e5e; font-size:14px; line-height:200%;}
.recommNews dd a:hover { color: #dc1919 }

/* 170103 본문 바로가기 */
 .skip {
        position: absolute;
        top: -1000px;
        left: -1000px;
        height: 1px;
        width: 1px;
        text-align: left;
        overflow: hidden;		
}
    
    a.skip:active, 
    a.skip:focus, 
    a.skip:hover {
        left: 0; 
        top: 0;
        width: auto; 
        height: auto; 
        overflow: visible;
		background-color:#333;
		padding:8px;
		color:#fff; 
    }
#content { outline:none}