@charset "UTF-8";

/*
CSS Document
Page Info	: 뉴스에서 사용되는 스타일
Code		: 김은지, 이지원
Date			: 2009-05-26
*/

@import url(common.css); /* 공통 사용 */
@import url(common_jw.css); /*  임시  */
@import url(layout.css); /* 레이아웃 */


/*news correction */
.news_correction { overflow:hidden; zoom:1; clear:both; padding: 7px 0 5px 10px; border-top: 1px solid #e5e6e6; border-bottom: 1px solid #e5e6e6; background: #f6f6f6; }
.news_correction .blue { color:#0521d1; }
.nnews_correction .blue2 { color:#46648a; }
.news_correction .red { color:#d55555; }

/*dot line */

.lineType1  {background: url(../images/common/dotbg.gif) 0 bottom repeat-x; overflow:hidden; zoom: 1; padding-bottom:5px}
.lineType2 {border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; overflow:hidden; zoom:1; padding:20px 0; }

.cate_list {float:right;}
.cate_list li {float:left; font-family:돋움; background: url(../images/common/cate_bar.gif) right 3px no-repeat; padding:0 9px}
.cate_list li.last {background:none; padding-right:0}

.cate_list02 {float:left}
.cate_list02 li {float:left; background: url(../images/common/cate_bar.gif) left 3px no-repeat; padding:0 9px}
.cate_list02 li.first {background:none; padding-left:0}
.cate_list02 li a {color:#102f65}
.cate_list02 li a.on {font-weight:bold;}


/* 기자소개 */
.infoType1 {border-bottom:1px solid #d3d5d6}
.infoType1 dl {}
.infoType1 dl dt {background:#f6f6f6 url(../images/common/arrow_style7_next.gif) 6px 12px no-repeat; color:#46648a; font-size:13px; font-weight:bold; padding:6px 0 6px 15px; border-top:1px solid #d3d5d6; border-bottom:1px solid #d3d5d6}
.infoType1 dl dd {padding:15px 15px 25px 15px; line-height:20px}


/* keyword */
.keyword_ico {}
.keyword_ico li {float:left; width:19px; margin-right:4px; display:inline;	}
.keyword_ico li a {background:url(../images/common/ico_keyword_bg01.gif) 0 0 no-repeat; display:block; padding:0 0 3px 3px}
.keyword_ico li a:hover {background:url(../images/common/ico_keyword_bg01_on.gif) 0 0 no-repeat; color:#666660; text-decoration:none}
.keyword_ico li a.keyword_over {background:url(../images/common/ico_keyword_bg01_on.gif) 0 0 no-repeat; color:#666660; text-decoration:none}
.keyword_ico li.all {width:34px;}
.keyword_ico li.all a,.keyword_ico li.all a:hover {background:none}
.keyword_ico li.bg02 {width:36px;}
.keyword_ico li.bg02 a {background:url(../images/common/ico_keyword_bg02.gif) 0 0 no-repeat; display:block; padding:0 0 3px 8px; font-size:11px}
.keyword_ico li.bg02 a:hover {background:url(../images/common/ico_keyword_bg02_on.gif) 0 0 no-repeat; color:#666660; text-decoration:none}

/* 월별목록 */
.monthList {clear:both; overflow:hidden; zoom:1}
.monthList li { width:168px; height:163px; border:1px solid #e2e2e2;background:#f1f1f1; margin:0 10px 10px 0; float:left; display:inline}
.monthList li.last {margin-right:0}
.monthList li dl dt {background:#b8c4d4; text-align:center; font-size:13px; font-family:굴림; font-weight:bold; padding:6px 0 4px; color:#2c486c;margin-bottom:8px}
.monthList li dl dd {background:url(../images/common/icon_colum.gif) 8px 5px no-repeat; padding:0 0 5px 17px}
.monthList li.on {background:#f1d3d3}
.monthList li.on dl dt {background:#d75252; color:#fff;}

/* VJ 리포트 */
.vjnet {background:url(../images/news/vjnet_bg.gif) 0 0 no-repeat; width:531px; height:883px; float:left}
.vjnet p {margin-left:30px; margin-top:75px}


/* 썸네일 리스트 height 없음 */
.thumbList1 {border-top:2px solid #afbfd1; padding-top:20px}
.thumbList1 li{width:113px; margin-right:26px; float:left; display:inline; text-align:center}
.thumbList1 li.last {margin-right:0}

.thumbList2 {width:265px; float:left; }
.thumbList2 dt {float:left; margin-right:10px; display:inline}
.thumbList2 dt p a {color:#2c6ea9; font-size:11px; font-family:돋움}
.thumbList2 dd {padding-right:10px}
.thumbList2 dd.writer {color:#999; font-size:12px; font-family:돋움; text-align:right; padding-top:4px}

/*  박스 안 리스트 */
.box1List {padding:17px; overflow:hidden; zoom:1}
.box1List dt {float:left;}
.box1List dd {float:right; width:298px}
.box1List dd.tit {line-height:20px; padding-top:4px}
.box1List dd.tit a{color:#011457; font-size:18px}
.box1List dd.writer {text-align:right; color:#999; font-size:12px; font-family:돋움; padding-top:10px}

.box2List {margin:0 12px; overflow:hidden: zoom:1; padding-top:10px}
.box2List dt {float:left; margin-right:12px; display:inline}
.box2List dd.tit {height:30px}
.box2List dd.tit a {color:#2c486c}

.box3List {overflow:hidden: zoom:1}
.box3List dt {float:left; margin-right:12px; display:inline}
.box3List dd.tit a {color:#656565}
.box3List dd.writer {text-align:left; color:#999; font-size:12px; font-family:돋움;padding-top:3px}

.box5List {margin:0 12px; overflow:hidden: zoom:1; padding-top:10px}
.box5List dt {float:left; margin-right:12px; display:inline}
.box5List dd.tit a {color:#2c486c}


/* 날씨 */
.weatherFlash {float:left}

.weekWeather {border:1px solid #d8d8d8; background:#f9f9f9; width:194px; float:right}
.weekWeather h3 {margin:8px 11px 6px}
.weekWeather ul {border:1px solid #ebebeb; background:#fff; margin:5px; padding:10px 0 0 0}
.weekWeather ul li {border-bottom:1px solid #dfe1e3; margin:0 5px 10px; padding:0 0 5px 10px}
.weekWeather ul li.last {border-bottom:0; margin-bottom:0; margin-bottom:0px}
.weekWeather ul li .date {color:#46648a; margin-bottom:4px}
.weekWeather ul li .ico {float:left; margin-right:10px; display:inline}
.weekWeather ul li .max {color:#0000ff}
.weekWeather ul li .min {color:#d55555}
.weekWeather .offer {color:#656565; font-size:11px; text-align:right; padding:0 8px 2px 0}

.weatherbox {clear:both; background:url(../images/news/box4.gif) 0 0 no-repeat; width:641px; height:28px; padding:6px 0 0 6px; margin-top:20px}
.weatherbox .ing {background:url(../images/news/weather_bg.gif) 0 0 no-repeat; float:left; width:148px; height:22px; text-align:center; color:#FFF; font-weight:bold; padding-top:3px; margin-right:30px; display:inline}
.weatherbox span {margin-right:20px; margin-top:5px; display:inline-block}

.todayWeather {background:#e6e6e8; border:1px solid #e2e2e2; padding:5px}
.todayWeather p {border:1px solid #d4d9de; background:#FFF; padding:15px 12px; line-height:18px}
.todayWeather ul {border:1px solid #d4d9de; background:#FFF; line-height:18px; overflow:hidden; zoom:1}
.todayWeather ul li {float:left; border-right:1px solid #dfe1e3; width:104px; padding:15px 0 12px}
.todayWeather ul li span {display:block; text-align:center}
.todayWeather ul li.last {border-right:0}

.weatherTale {border:1px solid #e2e2e2; padding:1px}
.weatherTale table {overflow:hidden; zoom:1; width:100%}
.weatherTale table th {background:#eeeeef; color:#46648a; padding:8px 0; border-right:1px solid #dfe1e3}
.weatherTale table th em {color:#d55555}
.weatherTale table td {border-right:1px solid #dfe1e3; padding:20px}
.weatherTale table td p {float:left; margin-right:10px; display:inline}
.weatherTale table td.last ,.weatherTale table th.last {border-right:0}

/* 포토메인 */
.lPhoto {position:relative; width:373px; height:280px; float:left}
.lPhoto p {position:absolute; bottom:0; left:0; background:#000; filter:alpha(opacity=70); -moz-opacity; -khtml-opacity:0.7; opacity:0.7; font-weight:bold; width:373px; height:24px; color:#fff; font-weight:bold; text-align:center; padding-top:5px; display:block}
.lPhoto p a {color:#fff}

.rPhoto {position:relative; width:107px; height:82px; float:right; margin-bottom:17px; _margin-bottom:14px}
.rPhoto p {position:absolute; bottom:0; _bottom:2px; left:0; background:#000; filter:alpha(opacity=70); -moz-opacity; -khtml-opacity:0.7; opacity:0.7; font-weight:bold; width:107px; color:#fff; font-weight:bold; text-align:center; padding:3px 0; line-height:13px;}
.rPhoto p a {color:#fff;font-size:11px; font-weight:normal; text-align:center}

/* photo view */
.photorecord2 { position:relative; width:510px; }
.photorecord2 ul {margin-left: 23px}
.photorecord2 ul li { float:left; width: 71px; height: 71px; text-align: center; line-height: 71px; margin-right:3px; border:3px solid #dce1e5; }
.photorecord2 ul li:after { content: ""; white-space: pre; }
.photorecord2 ul li img { vertical-align: middle; }
.photorecord2 ul li:hover { border:3px solid #3960a6; }
.photorecord2 .prev {position:absolute; top:30px; left:13px}
.photorecord2 .next {position:absolute; top:30px; right:0}
.photorecord2 p {clear:both; text-align:right; color:#46648a; font-size:11px;margin:8px 10px 0 0;}
.photorecord2 p img {vertical-align:top;}

.photorecord3 { position:relative; margin-top:20px; width:520px; height: 455px; line-height: 455px; text-align: center; }
.photorecord3 .prev {position:absolute; top:190px; left:0}
.photorecord3 .next {position:absolute; top:190px; right:0; _right:4px}
.photorecord3:after { content: " "; white-space: pre; }
.photorecord3 img { vertical-align: middle; }


.photoContents {padding:20px 20px 0; line-height:18px}
.photoContents h3 {color:#011459; font-size:18px; font-weight:bold; margin-bottom:10px}
.photoContents em {color:#8894bf}


/* main */
/* 헤드라인 */
.headline {border-bottom:3px solid #dbe2e9; overflow:hidden; zoom:1; padding-bottom:10px}
.headline h3 {color:#000; font-weight:bold; font-family:돋움; font-size:30px; line-height:30px;letter-spacing:-1px}
.headline h3 a {font-size:30px; color:#000;}
.headline .headlineImg {width:296px; float:left; }
:root .headline .headlineImg {margin-bottom: 15px; }


.headlineImg_over {position:relative;}
.headlineImg_over .bg {position:absolute; bottom:0px; left:0px; width: 276px; height: 59px; background: #000; filter:Alpha(Opacity=50); }
.headlineImg_over ul {position:absolute; bottom:1px; left:3px;}
.headlineImg_over li {float: left;}
.headlineImg_over li img {margin: 3px;}
.headlineImg_over li img:hover {margin: 0; border: 3px solid #b3b4b3;}
.headlineImg_over li.on img {margin: 0; border: 3px solid #b3b4b3;}

.headline .smainNews {float:left; margin-bottom:10px; width:383px}
.headline .smainNews li {line-height:18px}
.headline .smainNews li.head {padding-bottom:5px}
.headline .smainNews li.head a{color:#000; }
.headline .smainNews li.head a:hover {color:#0521cf}
.headline .smainNews li.re {background:url(../images/common/board_replyarr.gif) 0 5px no-repeat; padding:0 0 0 12px}

.headline dl {float:left; position:relative; background:url(../images/news/headline_bg.jpg) 0 0 no-repeat; width:383px; height:118px}
.headline dl dt {font-weight:bold; padding:15px 15px 9px 15px; font-size:12px}
.headline dl dt p {position:absolute; top:15px; right:15px}
.headline dl dd {padding:0 0 5px 32px; font-size:14px; font-weight:bold; color:#2c486c}
.headline dl dd a {font-size:14px; font-weight:bold; color:#2c486c}
.headline dl dd.n {background:url(../images/common/ico_n.gif) 15px 0 no-repeat;}
.headline dl dd.e {background:url(../images/common/ico_e.gif) 15px 0 no-repeat; }
.headline dl dd.e a {font-weight:normal}
.headline dl dd.w {background:url(../images/common/ico_w.gif) 15px 0 no-repeat;}
.headline dl dd.s {background:url(../images/common/ico_s.gif) 15px 0 no-repeat;}

.headline .newsCategory {clear:both; padding:20px 0 0 15px; overflow:hidden; zoom:1}
.headline .newsCategory li {float:left; margin-right:25px; display:inline; color:#444}
.headline .newsCategory li a {color:#444}
.headline .newsCategory li a:hover {color:#0521cf}
.headline .newsCategory li.last {margin:0}

/* middel area layout */
.w402 {width:402px; float:left; margin-top:20px}
.w402 .dot_line {padding-bottom:0; margin-bottom:15px}
.w257 {width:257px; float:right; margin-top:20px}

/* left */
.sub_newsList {}
.sub_newsList li {background:url(../images/common/icon_colum.gif) 0 5px no-repeat; font-size:16px; font-weight:bold; color:#2c486c; padding:0 0 10px 10px; font-size:16px}
.sub_newsList li a {color:#2c486c; font-size:16px}
.sub_newsList li a:link,
.sub_newsList li a:visited,
.sub_newsList li a:hover,
.sub_newsList li a:active {color:#2c486c; font-size:16px} 


.sub_newsList li.re {background:url(../images/common/board_replyarr.gif) 10px 5px no-repeat; font-weight:normal; padding-left:20px}
.sub_newsList li.re a:hover {color:#0521cf}

/* 뉴스 */
.news_bg {background:url(../images/news/news_bg.gif) 0 0 no-repeat; width:402px; height:37px; margin-top:10px; position:relative; }
.news_bg .tit {position:absolute; top:-99999px}
.news_bg p {padding:9px 0 0 90px; width:270px; overflow:hidden; color:#444}
.news_bg p a {color:#444}
.news_bg .down {position:absolute; top:14px; right:16px}

.news_bg2 {background:url(../images/sport/sport_bg.gif) 0 0 no-repeat; width:402px; height:37px; margin-top:10px; position:relative; }
.news_bg2 .tit {position:absolute; top:-99999px}
.news_bg2 p {padding:9px 0 0 90px; width:270px; overflow:hidden; color:#FFF; font-weight:bold; }
.news_bg2 p a {color:#FFF}
.news_bg2 .down {position:absolute; top:14px; right:16px}

/*주식 */
.stock_bg {background:url(../images/news/stock_bg.gif) 0 0 no-repeat; width:402px; height:32px; font-size:12px; margin-bottom:20px}
.stock_bg p {padding:10px 0 0 8px; color:#444; }
.stock_bg em {color:#89a00c; margin-right:8px; }



.hotIssue {float:left; }
.hotIssue h4.h4 ,.newsKeyword h4.h4  {color:#444; font-size:14px; border-bottom:1px solid #dfe1e3; padding-bottom:5px; }

.hotIssue2 { overflow:hidden; margin-bottom: 5px;}
.hotIssue2 li {float:left; width: 110px; margin: 0 7px; text-align: center; }
.hotIssue2 li img {margin-bottom: 5px;}
.hotIssue2 .catelist li { width: 100%; text-align: left; margin: 0; }

.newsKeyword h4.h4  {padding-left:20px; overflow:hidden; zoom:1}
.hotIssue p {float:left; margin-right:10px; display:inline}

.sList {float:left}
.sList li {background:url(../images/common/icon_colum.gif) 0 5px no-repeat; font-size:13px; color:#2c486c; padding:0 0 5px 8px;}
.sList li.blue {color:#2c486c}
.sList li.blue a {color:#2c486c}

.hline {border-left:1px solid #dfe1e3; margin-left:10px; padding-left:10px}

/* 우리말 퀴즈 */
.quiz {}
.quiz dt {font-weight:bold; margin-bottom:10px}
.quiz dd {float:left; width:100px; }
div.quiz_bt {float:right; text-align:right;}

/* 지역 뉴스 */
.areaList {overflow:hidden; zoom:1}
.areaList li {display:inline; line-height:18px}
.areaList li a:hover {color:#0521cf}
.areaList li span {color:#aaa; padding:0 5px; display:inline-block}