@charset "euc-kr";

/* ================================================
	news center style
	source file	: news.css
	target		: CSS Level 2
	make		: 2010.04.20
	last update	: 2010.--.--
================================================ */

/* topper search etc. */
.newsStateSrch {width:100%; overflow:hidden;}
.newsStateSrch .txtArea {float:left; margin-top:5px; color:#ccc;}
.newsStateSrch .txtArea img {display:inline; margin:0 10px 3px 3px;}
.newsStateSrch .txtArea a {margin:0 5px 0 0;}
.newsStateSrch .releaseBtn {float:left; padding-left:6px;}
.newsStateSrch .newsSrch {float:right; padding-right:5px;}
.newsStateSrch select {vertical-align:middle;}
.newsStateSrch input {width:140px;}
.newsStateSrchView {background:#f4f4f4; padding:5px 0 5px 0; margin-bottom:6px; border-top:1px solid #ccc;}


/* good & bad box frame */
.movingEvent {border:4px solid #f4f4f4; overflow:hidden; width:642px;}
.movingEvent dl {border:1px solid #cdcdcd; float:left;}

.goodBadWrap {padding:10px 0; border-bottom:1px solid #d5d5d5;}
.goodBadWrap li {width:100%; overflow:hidden; padding:2px 0;}
.goodBadWrap dt {float:left; background:url(/images/ico/1by2_rect_gray.gif) no-repeat 8px 7px; padding-left:15px;}
.goodBadWrap dd {float:right; color:#666;}


/* main page */
.aSideA {float:left; width:658px;}
.aSideB {float:right; width:334px;}

/* ?�늘???�자?�략 pack4 */
.contPackA {zoom:1; overflow:hidden; padding:20px 0;}
.contPackB {zoom:1; overflow:hidden; padding-top:20px;}
.contPackC {zoom:1; overflow:hidden; padding:0;}
.pcakCSpace {padding:22px 0;}
.pcakCSpace2 {padding:22px !important;}

.divArea {width:282px; padding:0 22px; overflow:hidden; float:left;}
.divAreaB {padding-bottom:10px;}
.bttmLine {border-bottom:1px solid #dfdfdf; margin-bottom:22px;}

/* wow keyword */
.searchTag {line-height:150%; min-height:80px; _height:80px;}

a.tagA, a.tagA:visited, a.tagA:active {color:#333; text-decoration:none; font-weight:bold;}
a.tagA:hover {color:#333; text-decoration:underline; font-weight:bold;}
a.tagB, a.tagB:visited, a.tagB:active {color:#ff8001; text-decoration:none; font-weight:bold;}
a.tagB:hover {color:#ff8001; text-decoration:underline; font-weight:bold;}
a.tagC, a.tagC:visited, a.tagC:active {color:#444490; text-decoration:none; font-weight:bold;}
a.tagC:hover {color:#444490; text-decoration:underline; font-weight:bold;}
a.tagD, a.tagD:visited, a.tagD:active {color:#333; text-decoration:none; font-weight:bold; font-size:1.15em;}
a.tagD:hover {color:#333; text-decoration:underline; font-weight:bold; font-size:1.15em;}
a.tagE, a.tagE:visited, a.tagE:active {color:#ff8001; text-decoration:none; font-weight:bold; font-size:1.15em;}
a.tagE:hover {color:#ff8001; text-decoration:underline; font-weight:bold; font-size:1.15em;}

/* ?�스검??*/
.discuss {padding:7px 0 6px 22px; background:#fff; zoom:1; overflow:hidden;}
.discuss select {width :100px;}
.discuss input {width:360px; height:15px;}
.discuss img {display:inline;}
.discuss img.tit {margin-right:35px;}
.spclInfoWrap {width:100%; overflow:hidden; margin-top:-5px;} 
.picMInfo {width:90px; float:left; margin-right:15px;}
.picMInfo dt img {border:1px solid #ccc;}
.picMInfo dd {margin:8px 0 0 4px; height:10px;}
.picMInfo dd img {float:left;}
.picMInfo dd img.sepe {background:url(/images/invest/special_sepe.gif) no-repeat right top; padding-right:8px; margin-right:8px;}
.spclArticle {float:left; position:relative; line-height:140%;}
.spclArticle strong {font-size:1.7em; line-height:130%; display:block; margin-bottom:7px; letter-spacing:-1px; font-weight:bold;}
.spclArticle span {display:inlin-block; color:#898989; font-size:11px; margin-top:10px;} /* position:absolute; top:105px; left:0; */
.spclArticle .Lthumb{float:left;width:120px;}
.spclArticle .Rarticle{float:left;width:480px;}
.spclArticle .related_1{background:url(/images/ico/relate_gray.gif) no-repeat left 5px; padding-left:10px;margin-top:2px;}
.spclArticle .related_2{background:url(/images/ico/relate_gray.gif) no-repeat left 5px; padding-left:10px;}
.specilistMain .articleWrap {width:100%; overflow:hidden; margin-top:6px; *margin-top:5px;}
.specilistMain .article {float:left; width:304px; margin:6px 0 -7px 0;}
.specilistMain .article li {color:#464646; margin-bottom:8px; padding-left:15px; clear:both; background:url(/images/ico/2by2_rect_gray_light.gif) no-repeat left 5px; padding-left:10px; font-size:1em; font-weight:bold;}
.specilistMain .article li img {float:left; margin-top:-4px;}

/* ?�중?�징�?*/
.curPrice {width:100%; overflow:hidden; height:27px;margin-bottom:5px;}
.curPrice dt {float:left; width:240px; background:#707070 url(/images/news/price_indi.gif) no-repeat right top; padding:7px 0; text-align:center; color:#fff; font-weight:bold;}
.curPrice dd {float:left; background:#f1f1f1; padding:7px 0 7px 20px; width:348px;}
.curPrice dd span {background:url(/images/image/global_sepe_line.gif) no-repeat left 2px; display:inline-block; padding-left:8px; margin-left:8px; font-size:0.95em;}
.releaseNews {width:100%; overflow:hidden; padding-top:5px;}
.releaseNews dt {float:left; width:240px;}
.releaseNews dt img {margin:0 auto;}
.releaseNews dd {float:left; width:348px; padding-left:20px;}


/* vod ?�스 */
.vodNewsTit {zoom:1; overflow:hidden; padding:20px 22px 10px 22px; background:#fff;}
.vodNews {width:602px; overflow:hidden; zoom:1; padding:0 25px 10px 25px; background:#fff;}
.vodNewsCut {width:612px; overflow:hidden;}
.vodNews dl {float:left; width:191px; margin-right:13px;}
.vodNews dt {position:relative;}
.vodNews dt img {border:1px solid #000;}
.vodNews dt .moviePlay {position:absolute; top:40px; left:72px; border:0;}
.vodNews dd {padding-top:13px;}
.vodNews dd a {font-weight:bold;}
.vodNews dd p {color:#999; font-size:0.95em; padding-top:7px;}



.listType {width:100%; overflow:hidden; margin-top:-5px;}
.listType li {background:url(/images/ico/2by2_rect_gray_light.gif) no-repeat left 5px; padding:1px 0 6px 7px; clear:left; }

.listdot {width:100%; overflow:hidden; margin-top:-5px;}
.listdot li {background:url(/images/ico/2by2_rect_gray_light.gif) no-repeat left 11px; padding:1px 0 6px 7px; clear:left; }

.listTypeFeature {margin-top:3px;}
.listTypeFeature li {padding-bottom:4px;}
.listTypeFeature li a.frstEm {font-weight:bold; letter-spacing:-1px;}

.spclHeadline p {margin-bottom:5px; font-size:1.2em; font-weight:bold; letter-spacing:-1px;}
/*.spclMajor {border:1px solid #ccc; background:#f2f2f2; zoom:1; overflow:hidden; padding:7px 0 5px 0; margin-top:8px;}
.spclMajor dt {float:left; width:195px; clear:both; padding:0 0 3px 15px; background:url(/images/ico/2by2_rect_gray_light.gif) no-repeat 10px 5px;}
.spclMajor dd {float:left; color:#898989; font-size:0.95em; width:60px; padding-bottom:3px;}*/
.spclMajor {zoom:1; overflow:hidden; padding:5px 0; margin-top:5px; margin-bottom:-15px;}
.spclMajor dt {float:left; width:215px; clear:both; padding:0 0 3px 8px; background:url(/images/ico/2by2_rect_gray_light.gif) no-repeat 2px 5px;}
.spclMajor dd {float:right; color:#898989; font-size:0.95em; width:60px; padding-bottom:3px;}


/* headline news */
.headlineNews {overflow:hidden; background:#f2f2f2; padding:10px 20px 8px 20px; zoom:1;}
.headlineNews img {float:left;}
.headlineNews ul {float:left; width:230px;}
.headlineNews ul li {padding:0 5px; letter-spacing:-1px;}
.headlineNews .newsChoice {float:left; margin-top:-5px;}
.headlineNews .newsChoice img {float:none; margin-top:5px; display:block;}


/* 공시?�스 */
.announcementPad {padding-bottom:15px; *padding-bottom:15px;}
.announcementPad2 {padding-bottom:8px; *padding-bottom:8px;}
.announcementPad3 {padding-bottom:14px; *padding-bottom:14px;}


/* ?�중 ?�징�?*/
.featureSpace {padding-bottom:12px; *padding-bottom:14px; _padding-bottom:19px;}


/* 주요?�비??*/
.serviceMajor {width:284px; overflow:hidden;}
.serviceMajor ul {margin-top:10px; width:292px;}
.serviceMajor ul li {margin:0 8px 4px 0; float:left;}

.wowInfo {width:282px; overflow:hidden; background:#f4f4f4; padding:15px 23px 20px 23px;}
.wowInfo ul {margin-top:10px; width:292px;}
.wowInfo ul li {margin:0 8px 5px 0; width:130px; float:left; padding-left:8px; background:url(/images/ico/2by2_rect_gray_light.gif) no-repeat left 5px; overflow:hidden;}
.wowInfo ul li.banner {background:none; padding-left:0; width:138px; margin-bottom:0;}


/* newspack */
.newsPack {padding:5px 0 0px 0;}
.newsPack li {padding:4px 10px;}
.newsPack li:after {content:""; display:block; clear:both;}
.newsPack li dt a {float:left; font-size:15px; font-family:����, dotum; font-weight:bold; letter-spacing:-1px;}
.newsPack li dt a, .newsPack li a:visited, .newsPack li a:active {color:#333; text-decoration:none;}
.newsPack li dt a:hover {color:#333; text-decoration:underline;}
.newsPack li dd a {float:left; font-size:13px; font-family:����, gulim; line-height:140%}
.newsPack li dd a, .newsPack li a:visited, .newsPack li a:active {color:#333; text-decoration:none;}
.newsPack li dd a:hover {color:#333; text-decoration:underline;}


/* plant interview */
.newListWrap {width:100%; background:url(/images/image/brd_view_head.gif) repeat-x left top; margin-top:5px; border-top:1px solid #fff;}
.newList {overflow:hidden; float:left; margin-top:4px; border-bottom:1px solid #ccc; zoom:1;  display:inline;}
.newList .highlight li {overflow:hidden; border-bottom:1px solid #eee; padding:9px 12px 9px 7px; zoom:1; }
.newList .highlight li img.thumnail {float:left; border:1px solid #ccc; margin-right:10px; display:inline;}
.newList .highlight li dl {float:left;}
.newList dt {width:100%; overflow:hidden; padding-bottom:7px;}
.newList dt strong {float:left; font-size:15px; font-family:����, dotum; letter-spacing:-1px;}
.newList dt .date {float:right; color:#999; margin-top:2px;}
.wnewjh1 {float:left; margin-top:2px; padding-right:3px;}
.wnewjh2 {float:left; margin-top:0px; padding-right:3px;}
.newList dd {width:630px;font-size:13px; font-family:����, gulim; line-height:140%}


.planListWrap {overflow:hidden; width:650px; margin-top:3px;}
.planList {width:670px; margin:0 -10px; overflow:hidden; border-bottom:1px solid #eee; background:url(/images/news/plan_verticla_line.gif) repeat-y 10px top;}
.planList dl {margin:0 20px; padding:15px 0; float:left; display:inline;}
.planList dt img {border:1px solid #ccc;}
.planList dt.alignRight {text-align:right;display:inline;}
.planList dt .noline {border:0px solid #ccc;}
.planList date {width:100%; text-align:right;}
.planList dd p {font-size:1.35em; font-weight:bold; color:#333; margin:10px 0; letter-spacing:-1px;}
.planList dd li {padding:2px 0;}
.planList li a, .planList li a:visited, .planList li a:active {font-size:13px; font-family:����, gulim; color:#333; text-decoration:none;}
.planList li a:hover {color:#333; text-decoration:underline;}
.planListEndBor {border-bottom:1px solid #ccc;}

.newsPack li span {float:right; font-size:0.95em;}


/* publish serially */
.seriallyList {width:640px; overflow:hidden; border-bottom:1px solid #eee; padding:10px 5px;}
.seriallyList .head {width:100%; overflow:hidden; clear:both;}
.seriallyList .head h3 {float:left; color:#000; font-size:1.35em; padding:3px 0 1px 0;}
.seriallyList .head span {float:right; vertical-align:bottom; color:#999; margin-right: 5px; margin-top:3px;}
.seriallyList .head a img {float:right; margin-left: 10px;}
.seriallyList .head:after {content:""; display:block; clear:both;}

/* publish serially  ���纻 head2 ���� 110624 - ����ȣ */
.seriallyList {width:640px; overflow:hidden; border-bottom:1px solid #eee; padding:10px 5px;}
.seriallyList .head2 {width:100%; height:30px;  overflow:hidden; clear:both; background:url('/images/news/dotline_5.gif') repeat-x bottom;}
.seriallyList .head2 h3 {float:left; color:#000; font-size:1.35em; padding:3px 0 1px 0;}
.seriallyList .head2 span {color:#999; margin-right: 0; }
.seriallyList .head2 a img {float:right; margin-left: 10px; width:67px; display:inline;}
.seriallyList .head2 span.date {float:right; vertical-align:bottom; color:#000; margin-left:4px; margin-top:3px; }
.seriallyList .head2 span.state {float:right; color:#999;margin-top:3px; }
.seriallyList .head2:after {content:""; display:block; clear:both;}
/* �� */

.seriallyList .intro {margin-top:10px; width:100%; overflow:hidden;}
.seriallyList .intro dt {width:170px; float:left;}
.seriallyList .intro dd {width:470px; float:left; font-size:13px; font-family:����, gulim; line-height:150%; color:#333}

.seriallyList .lists {margin-top:5px; clear:both;}
.seriallyList .lists li {padding-bottom:3px;}
.seriallyList .lists li a {float:left; font-weight:bold;}
.seriallyList .lists li img {float:left; margin-top:5px;}
.seriallyList .lists li span {float:right; color:#999;}
.seriallyList .lists li:after {content:""; display:block; clear:both;}

/* 10-12-17 �����߰� */
.articleWrap {width:650px; overflow:hidden;}
.articleCut {width:670px;}

.articleGeneral {float:left;width:287px; border:1px solid #e0e0e0; position:relative; padding:25px 15px 15px 15px; *padding:22px 15px 18px 15px; margin:0 12px 10px 0; overflow:hidden;}
.articleGeneral .article {width:100%; overflow:hidden; margin-top:15px;}
.articleGeneral .article .set{height:90px;border-bottom:1px solid #e0e0e0;margin-bottom:15px;}
.articleGeneral .article dt {width:286px; float:left; clear:both; padding:0 0 5px 0; height:32px;font-weight:bold;line-height:150%;}
.articleGeneral .article span {color:#999; font-size:11px;font-weight:normal;}
.articleGeneral .article dd {width:286px; float:left; clear:both; padding:5px 0 0 0; line-height:150%;}
.articleGeneral .article .page_num{height:20px;}

.articleGeneral2 {width:287px; background-color:#f2f2f2;border:1px solid #e0e0e0; position:relative; padding:25px 15px 15px 15px; *padding:22px 15px 18px 15px; float:left; margin:0 12px 10px 0; overflow:hidden;}
.articleGeneral2 .article {width:100%; overflow:hidden; margin-top:15px;}
.articleGeneral2 .article .set{height:90px;border-bottom:1px solid #e0e0e0;margin-bottom:15px;}
.articleGeneral2 .article dt {width:122px; float:left; clear:both; padding:0 10px 5px 0;}
.articleGeneral2 .article dd {width:153px; float:right;padding-bottom:5px;font-weight:bold;line-height:150%;}
.articleGeneral2 .article .date {color:#999; font-size:11px;font-weight:normal;padding-top:2px;}
.articleGeneral2 .article .btn{width:100%; padding-left:100px}

.btnAbs {overflow:hidden; position:relative !important; float:left; margin-right:10px;}
.borDflt {border:1px solid #dddddd; float:left;}
.moviePlay {position:absolute; top:20px; left:45px;}

/* 11-03-09 ��߰� */
.fortune_txt {font :13px ����; color:#000000; line-height:145%;}
.fortune_tbe {border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}

a.head_title{font:bold 16px ����;color:#04407c}
a:hover.a.head_title{font:bold 16px ����;color:#04407c}
.head_headlineL{font:bold 11px ����;color:#04407c;padding-top:2px;}
.head_headlineR{padding:2px 10px 0 10px}
.head_stock{font:11px ����;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;padding:0 10px 0 10px;}
.head_stock_nm{background:url(/news/img/bar_999.gif) no-repeat;padding-left:5px;}
.favor_news_title{font:bold 12px ����;color:#ffffff;text-align:left;}
.favor_news_menu{background:url(/news/img/bar_999.gif) no-repeat;padding-left:5px;}
.favor_news_on{font:11px ����;color:#fff;}
.favor_news_off{font:11px ����;color:#ccc;}
a:hover.favor_news_off{font:11px ����;color:#ccc;}
.favor_news_vod{font:12px ����; line-height:135%;}
a:hover.favor_news_vod{font:bold 12px ����;line-height:135%;}
.favor_news_list{background:url(/news/img/dot_666.gif) 0 5px no-repeat;padding-left:8px;font-weight:none;}
.boardViewtxt03 img { text-align:center; display:block; }

/* �ٿ��߰� (110517-��������) */
.title_project_hot{ font : 10.5pt ����; color:#323232 ; text-decoration: none; letter-spacing:-1px; line-height :160%; font-weight:bold;}
.title_project_hot02{ font : 11pt ����; color:#1e116f ; text-decoration: none; letter-spacing:-1px; line-height :160%; font-weight:bold;}
.title_project_hot03{ font : 9pt ����; color:#323232 ; text-decoration: none; letter-spacing:-1px; line-height :160%;}
.title_project_hot04{ font : 10pt ����; color:#323232 ; text-decoration: none; letter-spacing:-1px; line-height :160%; font-weight:bold;}
.title_project_hot05{ font : 12pt ����; color:#1e116f ; text-decoration: none; letter-spacing:-1px; line-height :160%; font-weight:bold;}
.title_project_hot06{ font : 11pt ����; color:#323232 ; text-decoration: none; letter-spacing:-1px; line-height :160%;}
.list_hot_issue li {float:left; margin-botton:8px; background:url(/images/ico/3by3_rect_gray.gif) no-repeat 1px 8px; padding-left:8px; list-style:none;}


/* ����ȣ �߰� (110624 - ��ȹ����) */
/* ��ȹ���� List */
.planNewsList_img { text-align:right;padding: 0px 0px 0px 0px; color: #000;font-family:����, gulim,arial; font-size:8pt; line-height:100%}
.planNewsList_img img { display:inline;}



/* ���� List */