/* 공통스타일 */
html, body { margin:0; padding:0; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, blockquote { margin:0; padding:0; }
body { font:normal 12px dotum; overflow-x:hidden; color:#5e5e5e; background-color:#fff; }
img { border:0 }
ul, ol, li { list-style:none outside; }
input, select, textarea { vertical-align:middle; border:1px solid #d1d1d1; }
.vm { vertical-align:middle; }
.vb { vertical-align:text-bottom; }
.vm_in { vertical-align:middle; display:inline; }
.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 { text-decoration:none; color:#5e5e5e }
a:hover { text-decoration:underline; font-style:normal; color:#0028AC; }

.png24 { tmp:expression(setPng24(this));}

.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 }
.pOn { background-color:#7c97ce !important}


/* Margin */
html .ssBoxMg {margin-bottom:15px;}
html .ssMgT15 {margin-top:15px;}
html .ssMgT20 {margin-top:20px;}
html .ssMgB20 {margin-bottom:20px;}
html .ssMgB30 {margin-bottom:30px;}
html .ssMgB40 {margin-bottom:40px;}

/* Font */
.d11 { font:normal 11px dotum;}
.d12 { font:normal 12px dotum;}
.d12b { font:bold 12px dotum;}
.g12 { font:normal 12px gulim;}
.g12b { font:bold 12px gulim;}
.d14b { font:bold 14px dotum; letter-spacing:-1px;}
.d16b { font:bold 16px dotum;}
.fb { font-weight:bold;}
.red { color:#da4848;}

/* Link */
html .c1:link, html .c1:visited, html .c1:active { color:#333; }
html .c1:hover { color:#0028AC; }
html .c2:link, html .c2:visited, html .c2:active { color:#fff; }
html .c2:hover { color:#fff; text-decoration:none; }
html .c3:link, html .c3:visited, html .c3:active { color:#999; }
html .c3:hover { color:#0028AC; text-decoration:none; }
html .c4:link, html .c4:visited, html .c4:active { color:#00aced; }
html .c4:hover { color:#0028AC; text-decoration:none; }
html .c5:link, html .c5:visited, html .c5:active { color:#5e5e5e; }
html .c5:hover { color:#0028AC; text-decoration:none; }
html .c6:link, html .c6:visited, html .c6:active { color:#888; }
html .c6:hover { color:#888; }
html .c7:link, html .c7:visited, html .c7:active { color:#2661c2; }
html .c7:hover { color:#0028AC; }
html .c8:link, html .c8:visited, html .c8:active { color:#da4848; }
html .c8:hover { color:#0028AC; }


/* Box */
.ssBoxWrap { width:248px; border:1px solid #dedede; overflow:hidden;}
/* Box Title */
.ssBoxTitle { position:relative; width:100%; height:30px; background:url(http://img.tf.co.kr/ss/2012new/common/img_box_02.gif) top right no-repeat; }
.ssBoxTitle .bTiTxt { position:absolute; top:10px; left:10px; font:bold 12px gulim; color:#333; letter-spacing:-1px;}
.ssBoxTitle .bTiTxt a { color:#333}
.ssBoxTitle .bTiTxt a:hover { color:#0028AC}
.ssBoxTitle .bTiTxt .txt2 { font:normal 12px gulim; color:#5e5e5e}
.ssBoxTitle .bTiTxt .txt2:hover { color:#0028AC}
.ssBoxTitle .bTiTxt .vLine { font-weight:normal; color:#b9b9b9 }
.ssBoxTitle .bTiTxt .red { color:#da4848;}
.ssBoxTitle .bTiTxt .green { color:#4687a2;}
.ssBoxTitle .bTiTxt .blue { color:#2661c2}
.ssBoxTitle .btnMore { position:absolute; top:6px; right:9px; }
.ssBoxTitle .icnBtn { position:absolute; top:6px; right:6px; }
.ssBoxTitle .icnBtn li { float:left; margin-left:3px;}

/* 우측단 실시간TOP5 */
.ssRealTop5 { width:246px; margin:5px auto 3px auto;}
.ssRealTop5 tr { height:62px;}
.ssRealTop5 .bg { background-color:#f6f6f6}
.ssRealTop5 .rank { width:29px; padding-left:9px;}
.ssRealTop5 .txt { width:113px; line-height:125%; padding-right:10px}
.ssRealTop5 .thumb a { display:block; width:74px; height:50px; border:1px solid #dedede;}
.btnLR { position:absolute; top:8px; left:97px;}
.btnLR li { float:left}

/* 우측단 포토/동영상 박스 */
.ssRPhotoBox { position:relative; width:250px; height:250px; background-color:#222;}
.ssRPhotoBox img {display:block}
.ssRPhotoBox .big { position:absolute; top:1px; left:1px; width:165px; height:165px;}
.ssRPhotoBox .big div { position:relative; width:165px; height:165px;}
.ssRPhotoBox .big div .ptTitle { position:absolute; width:165px; bottom:1px; left:0; display:block; text-align:center; color:#fff; font-size:11px; line-height:130%; letter-spacing:-1px; text-decoration:none; z-index:10}
.ssRPhotoBox .big div .ptTBg { position:absolute; display:block; bottom:0; _bottom:-1px; left:0; width:165px; height:19px; background-color:#000; filter: alpha(opacity=50); opacity:0.5;}
.ssRPhotoBox .video { position:absolute; top:1px; left:167px; width:82px;}
.ssRPhotoBox .video li { position:relative; float:left; width:82px; height:82px; margin-bottom:1px;}
.ssRPhotoBox .video li .vTitle { position:absolute; width:82px; bottom:1px; left:0; display:block; text-align:center; color:#fff; font-size:11px; line-height:130%; letter-spacing:-1px; text-decoration:none; z-index:10}
.ssRPhotoBox .video li .vTBg {position:absolute; bottom:0; left:0; display:block; width:82px; height:19px; background-color:#000; filter: alpha(opacity=50); opacity:0.5;}
.ssRPhotoBox .small {position:absolute; top:167px; left:1px;}
.ssRPhotoBox .small li { float:left; margin-right:1px; position:relative; width:82px; height:82px;}
.ssRPhotoBox .ptOv_b { position:absolute; width:161px; height:161px; margin:0; border:2px solid #ff0000; z-index:100}
.ssRPhotoBox .ptOv_s { position:absolute; width:78px; height:78px; margin:0; border:2px solid #ff0000; z-index:100}
.icnPlay { position:absolute; top:0; left:0;}

/* 우측단 광고 */
.ssBoxWrap .rBoxLink1, .ssBoxWrap .rBoxLink2 { padding:12px 0 5px 10px;}
.ssBoxWrap .rBoxLink1 li {background:url(http://img.tf.co.kr/ss/2012new/common/bullet_dot.gif) 0 6px no-repeat; margin-bottom:7px; padding-left:7px; line-height:14px;}
.ssBoxWrap .rBoxLink2 li {margin-bottom:7px; line-height:14px;}

/* 우측 실시간 인기댓글 */
.ssSocialWrap {width:242px; height:260px; padding:8px 0 0 8px; overflow-y:scroll;}
.ssSocialWrap dl { float:left; width:223px; height:51px; background:url(http://img.tf.co.kr/ss/2012new/common/img_dot_line.gif) bottom left no-repeat; margin-bottom:8px;}
.ssSocialWrap dl dt { float:left; width:42px; height:42px; margin-right:8px;}
.ssSocialWrap dl dd { float:left; width:162px; line-height:14px; word-wrap:break-word}
.ssSocialWrap dl dd .scId { font:bold 12px dotum; color:#4a72c5; margin-bottom:3px;}
.ssSocialWrap dl dd .sTxt { display:block; margin-top:2px; text-decoration:none}
.ssBoxWrap .boxStyle6 { padding:10px 0 3px 10px;}
.ssBoxWrap .boxStyle6 .bxCon1 { float:left; width:94px; height:56px; border:1px solid #dedede; margin-bottom:9px;}
.ssBoxWrap .boxStyle6 .bxCon1 img { display:block}
.ssBoxWrap .boxStyle6 .bxCon2 { float:left; width:124px; height:48px; padding:10px 0 0 8px; font-weight:bold; line-height:19px; letter-spacing:-1px;}
.ssBoxWrap .boxStyle6 .bxCon3 { clear:both; background:url(http://img.tf.co.kr/ss/2012new/common/bullet_dot.gif) 0 6px no-repeat; margin-bottom:7px; padding-left:7px; line-height:14px;}
.ssBoxWrap .health { padding:11px 0 0 16px;}
.ssBoxWrap .health li { float:left; width:67px; height:102px; margin-right:8px;}
.ssBoxWrap .health li .hThumb { display:block; border:1px solid #dedede; width:65px; height:63px; margin-bottom:3px;}
.ssBoxWrap .health li .hTxt { display:block; width:67px; text-align:center; font-size:11px; line-height:13px; letter-spacing:-1px;}
.ssBoxWrap .style { padding:10px 0 2px 0; overflow:hidden}
.ssBoxWrap .style li { float:left; width:70px; height:106px; margin-left:10px; display:inline;}
.ssBoxWrap .style li .hThumb { display:block; width:70px; height:70px; margin-bottom:3px;}
.ssBoxWrap .style li .hTxt { display:block; width:70px; text-align:center; font-size:11px; line-height:13px; letter-spacing:-1px;}
.recommand { font:normal 11px dotum; color:#999;}

/* 우측기사 4개 롤링 박스 */
.ssBoxWrap .rtAtc { padding:10px 0 0 10px;}
.ssBoxWrap .rtAtc img { display:block;}
.ssBoxWrap .rtAtc dl { position:relative; width:227px; height:76px; background:url(http://img.tf.co.kr/ss/2012new/common/img_dot_line.gif) bottom left no-repeat; margin-bottom:12px;}
.ssBoxWrap .rtAtc dl dt { position:absolute; top:0; right:0; width:100px; height:61px; border:1px solid #dedede;}
.ssBoxWrap .rtAtc dl dd { width:120px;}
.ssBoxWrap .rtAtc dl .rTxt1 { margin-bottom:3px;}
.ssBoxWrap .rtAtc dl .rTxt1 a {letter-spacing:-1px; line-height:16px;}
.ssBoxWrap .rtAtc dl .rTxt2 a {letter-spacing:-1px; line-height:14px}
.ssBoxWrap .rAtcPage {width:227px; text-align:center; height:21px; }
.ssBoxWrap .rAtcPage table { margin:0 auto}
.ssBoxWrap .rAtcPage table span { display:block; width:10px; height:10px; background-color:#ccc; margin-right:2px; line-height:1; font-size:1px;}
.ssBoxWrap .rAtcPage table .prev {background:url(http://img.tf.co.kr/ss/2012new/common/btn_s_pn.gif) 2px 1px no-repeat;}
.ssBoxWrap .rAtcPage table .next {background:url(http://img.tf.co.kr/ss/2012new/common/btn_s_pn.gif) 3px  -11px no-repeat;}
/* 141106 우측 오르페 박스 */
.orpPRBox { float:left; padding-top:15px; padding-bottom:12px;}
.orpPRBox li { float:left; margin-left:10px;}
.orpPRBox .orpPrev { margin-top:37px;}
.orpPRBox .orpThumb { width:158px; height:108px; border:1px solid #ddd;}
.orpPRBox .orpThumb img { display:block;}
.orpPRBox .orpNext {margin-top:37px;}
.orpPRBox .orpText { width:228px; text-align:center; letter-spacing:-1px; padding-top:8px; line-height:140%;}
.orpPRBox .orpText span a { color:#333; font-weight:bold}
.orpPRBox .orpText span a:hover { color:#0028AC}

/* 우측 클릭스타워즈 박스 */
.stStarwars { width:246px; margin:5px auto 3px auto;}
.stStarwars tr { height:92px;}
.stStarwars .bg { background-color:#f6f6f6}
.stStarwars .rank { width:32px; padding-left:8px;}
.stStarwars .txt { padding-left:8px;}
.stStarwars .txt ul .song { font-size:15px; font-weight:bold; width:116px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:130%;}
.stStarwars .thumb { width:72px;}
.stStarwars .thumb a { display:block; width:72px; height:72px; border:1px solid #dedede;}
.cswbtnLR { position:absolute; top:8px; right:10px;}
.cswbtnLR li { float:left}


/* 페이지 넘버 */
/* a태그 방식 */
.ssPageNumb { clear:both; margin:0 auto;}
.ssPageNumb a:link, .ssPageNumb a:visited, .ssPageNumb a:active { font:bold 11px dotum; border:1px solid #d8d8d8; color:#a6a6a6; margin:0 1px 0 1px; padding:4px 6px 2px 6px; text-decoration:none; line-height:20px; }
.ssPageNumb a:hover {border:1px solid #1e4097; color:#1e4097;}
.ssPageNumb .pgOn {border:1px solid #1e4097 !important; color:#1e4097 !important;}
.ssPageNumb .pgPrev:link, .ssPageNumb .pgPrev:visited, .ssPageNumb .pgPrev:active { border:1px solid #fff; width:32px; background:url(http://img.tf.co.kr/ss/2012new/common/btn_page.gif) 4px 2px no-repeat;}
.ssPageNumb .pgNext:link, .ssPageNumb .pgNext:visited, .ssPageNumb .pgNext:active { border:1px solid #fff; width:32px; background:url(http://img.tf.co.kr/ss/2012new/common/btn_page.gif) 6px -18px no-repeat;}
.ssPageNumb .pgPrev:hover { border:1px solid #fff;}
.ssPageNumb .pgNext:hover { border:1px solid #fff;}
/* span 방식 */
.ssPageNumb2 { clear:both; margin:0 auto;}
.ssPageNumb2 span { display:block; padding:0 7px 0 6px; font:bold 11px dotum; border:1px solid #d8d8d8; color:#a6a6a6; margin:0 1px 0 1px;text-decoration:none; line-height:20px; }
.ssPageNumb2 .pgOn { display:block; border:1px solid #1e4097 !important; color:#1e4097 !important;}
.ssPageNumb2 .pgPrev { display:block; width:20px; padding:0; border:1px solid #fff; background:url(http://img.tf.co.kr/ss/2012new/common/btn_page.gif) 8px 3px no-repeat; }
.ssPageNumb2 .pgNext { display:block; width:20px; padding:0; border:1px solid #fff; background:url(http://img.tf.co.kr/ss/2012new/common/btn_page.gif) 5px -17px no-repeat;}

/* 댓글 입력박스 */
.ssRpBox { height: 112px; padding:17px 0 0 0; border:1px solid #dedede; background-color:#f6f6f6;}
.ssRpBox table { margin:0 auto; width:96%;}
.ssRpBox table .t1 { font-weight:bold; height:21px;}
.ssRpBox table .t2 { text-align:right; font-weight:bold; color:#999;}
.ssRpBox table .t3 { padding-top:10px; color:#888;}
.ssRpBox table .t4 { padding-top:10px; text-align:right; color:#888;}
.ssRpBox table .cLeft { height:42px;}
.ssRpBox table .cLeft textarea { width:100%; height:42px; font:normal 12px dotum;}
.ssRpBox table .cRight { width:66px; padding-left:10px;}

/* 댓글 리스트 */
.repTable { width:100%; margin:6px 0 20px 0;}
.repTable td { line-height:19px; vertical-align:top; padding:16px 0 16px 0; border-bottom:1px solid #eaeaea;}
.repTable .repID { width:13%; font-weight:bold; }
.repTable .repTxt { width:74%;}
.repTable .repDate { width:13%; text-align:right; color:#999;}

/* 포토슬라이드 아이콘 */
.psIcn {position:absolute; top:0; left:0;}


/* 기사 인쇄하기 팝업 */
.ssPrintWrap { width:740px;}
.ssPrintWrap .ssPrintHead { position:relative; background-color:#dc1919; width:100%;}
.ssPrintWrap .ssPrintHead ul { position:absolute; top:6px; right:6px;}
.ssPrintWrap .ssPrintHead ul li { float:left; margin-left:5px;}
/* 기사 인쇄하기 타이틀 */
.ssPrintWrap .printTitle { margin-bottom:30px; padding:20px 25px 0 25px; font:bold 18px dotum; letter-spacing:-1px; line-height:22px; color:#333; overflow:hidden;}
.ssPrintWrap .printTitle .subTitle { display:block; font:normal 12px gulim; letter-spacing:-1px; color:#aaa; padding:6px 0 0 2px;}
.ssPrintWrap .printTitle .prtDate { display:block; font:normal 11px dotum; letter-spacing:0; color:#aaa; padding:6px 0 0 2px;}
/* 기사 인쇄하기 사진 */
.ssPrintWrap .imgTable { border:1px solid #d7d7d7; margin:0 auto 30px auto;}
.ssPrintWrap .imgTable .caption { font:normal 12px dotum; border-top:1px solid #d7d7d7; background-color:#F8F8F8; padding:9px 5px 8px 5px }
/* 기사 인쇄하기 기사 */
.ssPrintWrap .article { padding:0 25px 0 25px; font:normal 12px gulim; color:#444; line-height:22px;  overflow:hidden;}
.ssPrintWrap .prtBtn { margin:20px auto 20px auto; width:117px; height:25px;}
.ssPrintWrap .prtBtn li { float:left; margin-right:5px;}
/* 기사 인쇄하기 푸터 */
.ssPrintWrap .foot { border-top:1px solid #dedede; text-align:center; height:30px; padding-top:10px; font:normal 11px dotum; color:#7a7a7a;}

/* 970Wrap */
.ss970Wrap {position:relative; margin:0 auto; width:970px; margin-bottom:20px; overflow:hidden;}