@charset "UTF-8";

/*
CSS Document
Page Info	: 사이트 전체 동일하게 사용되는 스타일
Code		: 김은지
Date			: 2009-07-07
*/

/* Base Style ************************************************************************************************/
* { margin: 0; padding: 0; border: 0; }

/*
html, body { 
	scrollbar-Base-Color: #FFFFFF;
	scrollbar-Track-Color: #FFFFFF;
	scrollbar-Face-Color: #FFFFFF;
	scrollbar-3dlight-Color: #FFFFFF;
	scrollbar-DarkShadow-Color: #FFFFFF;
	scrollbar-Shadow-Color: #C3C3C3;
	scrollbar-Highlight-Color: #C3C3C3;
	scrollbar-Arrow-Color: #8F8F8F;
}
*/

body, th, td { color: #656565; font-size:13px; line-height: 16px; font-family: 굴림, Dotum, Verdana, AppleGothic, Sans-serif; }
table { border-collapse: collapse; }
em { font-style: normal;}
hr { display: none;}
img { border: none; }
img, fieldset { border:0; }
h1, h2, ../images, h4, h5, h6 { margin: 0; padding: 0; text-align: left; font-size:11px; }
ol, ul, li, dl, dt, dd { list-style: none; margin: 0; padding: 0; border: 0; }
input, select, textarea { color: #656565; vertical-align:middle; }
textarea { overflow: auto; }
legend, hr, caption { display:none; }
button{ margin:0 4px 0 4px; padding:0; }


/* a
*******************************/
a:link,
a:visited,
a:active { font-size:13px; color: #656565; text-decoration: none; }
a:hover{ font-size:13px; color:#2c486c; text-decoration:underline; }


/* clearer
*******************************/

.clear:after, 
.clearFix:after { content: "."; display: block; height: 0px; font-size: 0px; clear: both; visibility: hidden; } 
.clear, 
.clearFix { display: inline-block; } 
.clear{ clear: both; height: 0px!important; overflow: hidden; font-size: 0px; }

/* Hides from IE Mac \*/ 
* html .clear, 
* html .clearFix { height: 0px; } 
.clear, 
.clearFix { display: block; }
/* End Hack */

.hidden { display: none; }
.visible { display: block; }
.hidetext { white-space: nowrap; text-indent: -9999px; }


/* font size
*******************************/
.fs11, 
.fs11 a,
a .fs11 {font-size:11px; font-family: 돋움; }
.fs12,
.fs12 a,
a .fs12 {font-size:12px; }

.fs13,
.fs13 a,
a .fs13 {font-size:13px; }

.fs16, 
.fs16 a,
a.fs16 {font-size:16px; }

.fs13 {font-size:13px}
.fs24, .fs24 a {font-size:24px;}
/* padding
*******************************/

.p0 { padding:0!important;}

.p2 {padding:2px;}
.pt2 {padding-top:2px;}
.pr2 {padding-right:2px;}
.pb2 {padding-bottom:2px;}
.pl2 {padding-left:2px;}

.p3 {padding:3px;}
.pt3 {padding-top:3px;}
.pr3 {padding-right:3px;}
.pb3 {padding-bottom:3px;}
.pl3 {padding-left:3px;}

.p4 {padding:4px;}
.pt4 {padding-top:4px;}
.pr4 {padding-right:4px;}
.pb4 {padding-bottom:4px;}
.pl4 {padding-left:4px;}

.p5 {padding:5px;}
.pt5 {padding-top:5px;}
.pr5 {padding-right:5px;}
.pb5 {padding-bottom:5px;}
.pl5 {padding-left:5px;}

.p7 {padding:7px;}
.pt7 {padding-top:7px;}
.pr7 {padding-right:7px;}
.pb7 {padding-bottom:7px;}
.pl7 {padding-left:7px;}

.p10 {padding:10px;}
.pt10 {padding-top:10px;}
.pr10 {padding-right:10px;}
.pb10 {padding-bottom:10px;}
.pl10 {padding-left:10px;}

.p15 {padding:15px;}
.pt15 {padding-top:15px;}
.pr15 {padding-right:15px;}
.pb15 {padding-bottom:15px;}
.pl15 {padding-left:15px;}

.p17 {padding:17px}

.p20 {padding:20px;}
.pt20 {padding-top:20px;}
.pr20 {padding-right:20px;}
.pb20 {padding-bottom:20px;}
.pl20 {padding-left:20px;}

.p25 {padding:25px;}
.pt25 {padding-top:25px;}
.pr25 {padding-right:25px;}
.pb25 {padding-bottom:25px;}
.pl25 {padding-left:25px;}

.p30 {padding:30px;}
.pt30 {padding-top:30px;}
.pr30 {padding-right:30px;}
.pb30 {padding-bottom:30px;}
.pl30 {padding-left:30px;}

.p40 {padding:40px;}
.pl40 {padding-left:40px}
.pr40 {padding-right:40px}
.pt40 {padding-top:40px}
.pb40 {padding-bottom:40px}


.pl50 {padding-left:52px;}
.pl60 {padding-left:60px;}
.pl80 {padding-left:80px;}
.pl136 {padding-left:136px;}
.pl190 {padding-left:190px;}

.p1020 {padding:10px 20px 10px 20px;float:left;}


/* margin
*******************************/

.m0 { margin:0!important;}
.mt0 {margin-top:0!important;}

.m3 {margin:3px;}
.mt3 {margin-top:3px;}
.mr3 {margin-right:3px;}
.mb3 {margin-bottom:3px;}
.ml3 {margin-left:3px;}

.m4 {margin:4px;}
.mt4 {margin-top:4px;}
.mr4 {margin-right:4px;}
.mb4 {margin-bottom:4px;}
.ml4 {margin-left:4px;}

.m5 {margin:5px;}
.mt5 {margin-top:5px;}
.mr5 {margin-right:5px;}
.mb5 {margin-bottom:5px;}
.ml5 {margin-left:5px;}

.m7 {margin:7px;}
.mt7 {margin-top:7px;}
.mr7 {margin-right:7px;}
.mb7 {margin-bottom:7px;}
.ml7 {margin-left:7px;}

.m10 {margin:10px;}
.mt10 {margin-top:10px !important}
.mr10 {margin-right:10px;}
.mb10 {margin-bottom:10px;}
.ml10 {margin-left:10px;}

.mb12 {margin-bottom:12px !important}

.m15 {margin:15px;}
.mt15 {margin-top:15px;}
.mr15 {margin-right:15px;}
.mb15 {margin-bottom:15px;}
.ml15 {margin-left:15px;}

.m20 {margin:20px;}
.mt20 {margin-top:20px;}
.mr20 {margin-right:20px;}
.mb20 {margin-bottom:20px;}
.ml20 {margin-left:20px;}

.m25 {margin:25px;}
.mt25 {margin-top:25px;}
.mr25 {margin-right:25px;}
.mb25 {margin-bottom:25px;}
.ml25 {margin-left:25px;}

.m30 {margin:30px;}
.mt30 {margin-top:30px;}
.mr30 {margin-right:30px;}
.mb30 {margin-bottom:30px;}
.ml30 {margin-left:30px;}

.m35 {margin:35px;}
.mt35 {margin-top:35px;}
.mr35 {margin-right:35px;}
.mb35 {margin-bottom:35px;}
.ml35 {margin-left:35px;}

.m40 {margin:40px;}
.mt40 {margin-top:40px;}
.mr40 {margin-right:40px;}
.mb40 {margin-bottom:40px;}
.ml40 {margin-left:40px;}

.m45 {margin:45px;}
.mt45 {margin-top:45px;}
.mr45 {margin-right:45px;}
.mb45 {margin-bottom:45px;}
.ml45 {margin-left:45px;}

.m50 {margin:50px}
.ml50 {margin-left:50px}
.mr50 {margin-right:50px}
.mt50 {margin-top:50px}
.mb50 {margin-bottom:50px}


.mauto {margin:auto;}
.mtauto {margin-top:auto;}
.mrauto {margin-right:auto;}
.mbauto {margin-bottom:auto;}
.mlauto {margin-left:auto;}


/* float & clear
*******************************/

.fl {float:left;}
.fr {float:right;}
.fn {float:none;}

.cl {clear:left;}
.cr {clear:right;}
.cb {clear:both;}

.ofh {overflow:hidden; zoom:1}
/* width
*******************************/

.w10 {width:10px;}
.w30 {width:30px;}
.w50 {width:50px;}
.w60 {width:60px;}
.w70 {width:70px;}
.w80 {width:80px;}
.w90 {width:90px;}
.w100 {width:100px;}
.w105 {width:105px;}
.w110 {width:110px;}
.w115 {width:115px;}
.w120 {width:120px;}
.w140 {width:140px;}
.w170 {width:170px;}
.w180 {width:180px;}
.w200 {width:200px;}
.w228 {width:228px;}
.w250 {width:250px;}
.w300 {width:300px;}
.w340 {width:340px;}
.w608 {width:608px;}
.w630 {width:630px;}
.w531 {width:531px; float:left}
.w640 {width:640px;}
.w700 {width:700px;}
.w50p {width:50%;}
.w100p {width:100%;}

.wsn {white-space:nowrap;}

.lt0 {letter-spacing:0px;}
.lt1 {letter-spacing:1px;}
.lt2 {letter-spacing:2px;}
.lt-1 {letter-spacing:-1px;}
.lt-2 {letter-spacing:-2px;}

.fwn {font-weight:normal;}
.fwb {font-weight:bold;}

.lh12 {line-height:12px;}
.lh14 {line-height:14px;}
.lh16 {line-height:16px;}
.lh18 {line-height:18px;}
.lh21 {line-height:21px;}

.tal {text-align:left !important;}
.tar {text-align:right !important;}
.tac {text-align:center !important;}

.b0 {border:0;}
.b1s000 {border:1px solid #000;}
.b1s333 {border:1px solid #333;}
.b1s666 {border:1px solid #666;}
.b1s999 {border:1px solid #999;}
.b3sfff {border:3px solid #fff;}

.bb1_gray {border-bottom:1px solid #e8e8e8;}
.bt1_gray {border-top:1px solid #e5e5e5}

/* point Color */
.pColor01 {color:#102f65}
.pColor01_b {color:#102f65; font-weight:bold} /* blue */
.pColor02 {color:#d55555}
.pColor02_b {color:#d55555; font-weight:bold} /* red */
.pColor03 {color:#999} /* gray */
.pColor04 {color:#2c6ea9} /*  */
.pColor04_b {color:#2c6ea9; font-weight:bold} /*  */
.pColor05 {color:#007fcf}
.pColor06 {color:#FFFFFF}
.pColor07 {color:#999999}
.pColor07 a {color:#999999; text-decoration:underline; }

/* common */
.fs12 {font-size:12px}
.bullet1 {background:url(/images/common/arrow_blue4.gif) 0 5px no-repeat; float:left; width:18px; height:20px}
.bullet2 {background:url(/images/common/arrow_blue3.gif) 0 2px no-repeat; padding:0 0 0 10px; color:#46648a; font-size:15px; font-weight:bold; margin:20px 0 8px 30px	}

/* title */
.tit {color:#102f65; font-size:18px; font-weight:bold; letter-spacing:-1px; margin-bottom:7px}
.tit em {color:#d55555}
.tit2 {border-bottom:2px solid #e5e5e5; padding-bottom:7px; color:#011459; font-weight:bold; font-size:16px; margin-bottom:15px;}
.tit3 {padding-bottom:7px; color:#011459; font-weight:bold; font-size:16px; }

/*dot line */
.dot_line {background:url(/images/common/dotbg.gif) 0 bottom repeat-x; padding-bottom:15px}
.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; }
.lineType3 {border-bottom:1px solid #dfe1e3;}

.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;}

ul.popbox2 { border-top:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; }
ul.popbox2 li { padding:10px 0 10px 20px; font-weight:bold; color:#46648A; background:url(/images/common/arrow_online.gif) 10px 14px #F4F3F3 no-repeat; }


h3 { font-size:13px; color:#2c486c; font-weight:bold; }
h3 .green { font-size:12px; color:#92c211; font-weight:normal; }
h3 .red, h3.red { color:#ce4a4a; }
h3.line { border-bottom:2px solid #e5e5e5; padding-bottom:7px; }
h3 a.more2:link,
h3 a.more2:visited,
h3 a.more2:hover,
h3 a.more2:active {
    position:absolute;
    top:6px; right:10px;
    width:46px; height:17px;
    font-size:10px;
    text-indent:-9999px;
	white-space:nowrap;
    line-height:0px;
    background:url(/images/common/btn_high.gif) no-repeat;
}

h3.fs16 {color:#2c486c; font-size:16px; line-height:16px; font-family:돋움; font-weight:bold}
h3.fs16 a:link,
h3.fs16 a:visited,
h3.fs16 a:hover,
h3.fs16 a:active {color:#2c486c; font-size:16px} 

h3.fs18 {color:#2c486c; font-size:18px; line-height:22px; font-family:돋움; font-weight:bold}
h3.fs18 a:link,
h3.fs18 a:visited,
h3.fs18 a:hover,
h3.fs18 a:active {color:#2c486c; font-size:18px} 

h3.fs30 {color:#000; font-size:30px; line-height:30px; font-family:돋움; font-weight:bold}
h3.fs30 a:link,
h3.fs30 a:visited,
h3.fs30 a:hover,
h3.fs30 a:active {color:#000; font-size:30px} 

h4 { font-size:16px; color:#102f65; font-weight:bold; margin-bottom: 8px; position:relative; }
h4 a.more:link,
h4 a.more:visited,
h4 a.more:hover,
h4 a.more:active {
    position:absolute;
    top:5px; right:0;
    width:32px; height:8px;
    font-size:10px;
    color:#6c7885;
    white-space:nowrap;
    text-indent:-9999px;
    line-height:0px;
    background:url(/images/common/btn_more.gif) no-repeat;
}
h4 a.more2:link,
h4 a.more2:visited,
h4 a.more2:hover,
h4 a.more2:active {
    position:absolute;
    top:9px; left:260px;
    width:32px; height:8px;
    font-size:10px;
    color:#6c7885;
    white-space:nowrap;
    text-indent:-9999px;
    line-height:0px;
    background:url(/images/common/btn_more2.gif) no-repeat;
}

h4 em {position:absolute; top:4px; right:0; color:#d55555; font-size:12px; font-family:돋움; font-weight:normal}
h4 .red { color:#ce4a4a; }
h4 .date { font-size: 12px; font-weight:normal; color:#666666; margin-left: 20px; }
h6 {color:#102f65; font-size:13px; }
h6 em{color:#92c211; font-weight:normal; font-size:12px}
h6 .red { color:#ce4a4a; }

p.h2 { font-size: 30px; font-family: 돋움; line-height: 35px; color: #001457; margin: 30px 0 10px 0; }

.navi { padding: 0 0 20px 0; font-size: 12px; }
.navi2 { padding: 0 15px 15px 15px; margin: 0 0 20px 0; font-size: 12px; background:url(/images/common/dotbg.gif) bottom repeat-x; }
.navi2 .red { color: #d55555; }
.navi2 .blue { color: #46648a; }

.dot {color:#9b9b9b; font-size:11px; margin-right:5px;}
.dotbg{
	clear:both; 
	margin: 13px 10px;
	height: 1px;
	background:url(/images/common/dotbg.gif) top repeat-x;
}
.dotbg2 {
	clear:both; 
	margin: 15px 0 0 0;
	height: 1px;
	background:url(/images/common/dotbg.gif) top repeat-x;
}
.dotbg3 {
	clear:both; 
	width: 100%;
	margin: 10px 0 10px 0; _margin: 10px 0 0px 0; 
	height: 1px;
	background:url(/images/common/dotbg.gif) top repeat-x;
}

.newsinter {
	text-align: center;
	margin-bottom: 15px;
}


/* right align
*******************************/
.rightalign {
	position:relative;
	text-align: right;
}
.rightalign .over {
	/* org : blocked
	position:relative; */
	position:absolute;
	top: 0px; right: 0;
	text-align: left;
}

/* left align
*******************************/
.leftalign {
	position:relative;
	text-align: left;
}
.leftalign .over {
	position:relative;
	position:absolute;
	top: 0px; left: 0;
	text-align: left;
}


/*
.more:link,
.more:visited,
.more:hover,
.more:active {
	float: right;
	overflow:hidden;
	display:block;
    width:32px; height:8px;
    font-size: 0; 
	line-height:0px;
    white-space:nowrap;
    text-indent:-9999px;
    margin: 13px 15px 0 0;
    background:url(/images/common/btn_more.gif) no-repeat;
}

.more2:link,
.more2:visited,
.more2:hover,
.more2:active {
	float: right;
	overflow:hidden;
	display:block;
	width:46px; height:17px;
    font-size: 0; 
	line-height:0px;
    white-space:nowrap;
    text-indent:-9999px;
    margin: 10px 20px 0 0;
	background:url(/images/common/btn_high.gif) 0 0 no-repeat;
}
*/


/* tab Style
*******************************/

#tabStyle {
	position:relative;
	overflow:hidden; zoom: 1;
}
#tabStyle li {
	float: left;
	text-align: center; 
	padding: 0 10px;
	background:url(/images/common/line_typecenter.gif) 0 2px no-repeat;
}
#tabStyle li.first {
	padding-left: 0;
	background: none;
}
#tabStyle a {
	color: #656565;
	font-weight:bold;
	text-decoration:none;
}
#tabStyle a:hover,
#tabStyle li.on a {
	color: #102f65;
}

/* style1 */
#tabStyle.style1 li {
	width: 44px; height: 20px;
	margin-left: 1px;
	font-size: 11px;
	padding: 2px 0 0 0;
	background:url(/images/layout/newstab_out.gif) 0 0 no-repeat;
}
#tabStyle.style1 li a {
	font-size: 11px;
	color: #FFF;
	text-decoration:none;
}
#tabStyle.style1 li.on {
	background:url(/images/layout/newstab_over.gif) 0 0 no-repeat;
}
#tabStyle.style1 li.on a {
	color: #656565;
	font-weight:bold;
}

/* style2 */
#tabStyle.style2 li {
	font-size: 11px;
	font-family:돋움; 
	color: #d8d8d8;
/* org
	margin: 0 3px 3px 0; */
	margin: 0 0 3px 0;
}
#tabStyle.style2 li a {
	font-size: 11px;
	color: #2c6ea9;
	font-weight:normal;
}

/* style3 */
#tabStyle.style3 {
	width: 100%;
	margin: 0 0 2px 0;
	background:url(/images/common/tab_rank_bg.gif) top repeat-x;
}
#tabStyle.style3 li {
	color: #656565;
	margin: 0 1px 0 0;
	padding: 5px 0 0 0;
	width: 97px; height: 28px;
	background:url(/images/common/tab_rank_out.gif) 0 0 no-repeat;
}
#tabStyle.style3 li a {
	text-decoration:none;
	color: #656565;
}
#tabStyle.style3 li.on {
	background:url(/images/common/tab_rank_over.gif) 0 0 no-repeat;
}
#tabStyle.style3 li.on a {
	color: #102f65;
}

/* style4 */
#tabStyle.style4 {
	font-size: 11px;
	font-family:돋움; 
	color: #d2d2d2;
	margin: 0 3px 3px 0;
}
#tabStyle.style4 a {
	font-size: 11px;
	color: #102f65;
	font-weight:normal;
}
#tabStyle.style4 a:hover,
#tabStyle.style4 li.on a {
	font-size: 11px;
	color: #0521cf;
	text-decoration:underline; 
}

/* style5 */
#tabStyle.style5 {
	font-size: 12px;
	margin: 0 3px 5px 0;
}
#tabStyle.style5 li {
	padding: 0 10px;
	background:url(/images/common/line_typecenter.gif) 0 2px no-repeat;
}
#tabStyle.style5 li.first {
	padding-left: 0;
	background: none;
}
#tabStyle.style5 a {
	font-size: 12px;	
	font-weight:normal;
}
#tabStyle.style5 li.on a {
	color: #102f65;
	font-weight:bold;
}

/* style6 */
#tabStyle.style6 {
	width: 100%;
	background:url(/images/common/tab_rank3_bg.gif) top repeat-x;
}
#tabStyle.style6 li {
	color: #656565;
	margin: 0 1px 0 0;
	padding: 8px 0 0 0;
	width: 131px; height: 48px;
	background:url(/images/common/tab_rank3_out.gif) 0 0 no-repeat;
}
#tabStyle.style6 li span {
	font-weight:normal;
}
#tabStyle.style6 li a {
	text-decoration:none;
	color: #656565;
}
#tabStyle.style6 li.on {
	background:url(/images/common/tab_rank3_over.gif) 0 0 no-repeat;
}
#tabStyle.style6 li.on a {
	color: #007fcf;
}




/* select Style
*******************************/
.select {
	font-size: 12px;
	height: 19px;
	color: #444444; 
	border: 1px solid #d5d5d5;
	text-align: left;
	behavior: url(/kbsnews2/css/selectBox1.htc); 
}
.select2 {
	font-size: 12px;
	height: 15px;
	color: #FFF; 
	border: 0px solid #d5d5d5;
	text-align: left;
	background: none;
	behavior: url(/kbsnews2/css/selectBox2.htc); 
}


/* board Style
*******************************/
#boardList {
	clear: both; 
	width: 100%;
	border-top: 2px solid #afbfd1;
	border-bottom: 2px solid #ccdae8;
	background: #FFF;
}
#boardList th,
#boardList td{
	padding: 5px 0 6px 0;
	text-align: center;
	color: #9a9a9a;
	font-size: 12px;
	border-bottom: 1px solid #d3d5d6;	
}
#boardList th{
	color: #46648a;
	font-size: 13px;
	background: #e7e7e8 url(/images/common/board_thline.gif) top 0 no-repeat;
}
#boardList th.first{
	background: #e7e7e8 none;
}
:root #boardList th {
	background: #e7e7e8;
}
#boardList td{
	
}
#boardList td.title{
	color: #656565;
	font-size: 13px;
	text-align: left;
	padding-left: 10px;
}
#boardList td.title a:hover{ 
	color:#0521CF; 
	text-decoration:underline; 
}
#boardList td em{
	color: #ff6218;
	font-size: 12px;
}

#boardList .notice,
#boardList .notice a,
#boardList .notice a:hover{
	color: #d55555;
}
#boardList .notice{
	font-size: 13px;
	text-align: left;
	padding-left: 15px;
}
#boardList .updown{
	position:relative;
	padding-right: 5px;
}
#boardList .updown .up{
	position:absolute;
    top:0px; right:1px;
}
#boardList .updown .down{
	position:absolute;
    top:8px; right:1px;
}
#boardList .linecolor{
	background:#f8f8f8;
}

/* style1 */
#boardList.style1 .pic{
	float: left; margin: 0 10px 0 5px;
}

/* style2 */
#boardList.style2 td.title{
	padding-left: 18px;
	background: url(/images/common/icon_colum.gif) 10px 10px no-repeat;
}
#boardList.style2 tr:hover {
	background: #f7f7f7;
}
#boardList.style2 tr:hover td.title{
	background: url(/images/common/icon_colum.gif) 10px 10px #f7f7f7 no-repeat;
}
#boardList.style2 td.notitle{
	background: none;
}
#boardList.style2 tr:hover {
	background: #f7f7f7;
}
#boardList.style2 tr:hover td.notitle{
	background: #f7f7f7;
}

/* style3 */
#boardList.style3 {
	border-top: 2px solid #CCDAE7;
	border-bottom: 2px solid #CCDAE7;
}
#boardList.style3 th,
#boardList.style3 td{
	padding: 10px 0; 
	border-bottom: 1px solid #E9E9E9;	
}
#boardList.style3 th {
	background: #F6F6F6;
}
#boardList.style3 .pic{
	margin: 0 0 3px 0;
}
#boardList.style3 td p a{
	color: #2c6ea9;
	font-size: 11px;
	font-family: 돋움;
	text-decoration: none; 
}
#boardList.style3 h3 {
	color: #2a4968;
	font-size: 16px;
	margin-bottom: 5px;	
	font-weight:bold;
}
#boardList.style3 h3 a {
	font-size: 16px;
	color: #2a4968;
}
#boardList.style3 h3 a:hover {
	color: #0422ce;
}
#boardList.style3 .title p {
	color: #999999;
	font-size: 12px;
	margin-top: 5px;	
	text-align: right;
}

/* style4 */
#boardList.style4 th,
#boardList.style4 td {
	padding: 15px 0; 
	border-bottom: 1px solid #E9E9E9;	
}
#boardList.style4 .pic{
	float: left; margin: 0 20px 0 0;
}
#boardList.style4 h3 {
	color: #2a4968;
	font-size: 18px;
	letter-spacing:-1px;
	margin-bottom: 15px;	
	font-weight:bold;
}
#boardList.style4 h3 a {
	font-size: 18px;
	color: #2a4968;
}
#boardList.style4 h3 a:hover {
	color: #0422ce;
}

/* style5 */
#boardList.style5 th {
	background: none;
}
#boardList.style5 th,
#boardList.style5 td {
	padding: 20px 0; 
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #E9E9E9;	
}
#boardList.style5 h3 {
	color: #2a4968;
	font-size: 18px;
	letter-spacing:-1px;
	margin-bottom: 10px;	
	font-weight:bold;
	border-bottom: 1px solid silver;
	padding-bottom: 10px;
}
#boardList.style5 h3 a {
	font-size: 18px;
	color: #2a4968;
}
#boardList.style5 h3 a:hover {
	color: #0422ce;
}
#boardList.style5 p {
	text-align: right;
}
#boardList.style5 p a {
	font-size: 11px;
	font-family: 돋움;
}
#boardList.style5 li{
	margin-top: 5px;
}
#boardList.style5 li span {
	float: right;
	color: #9a9a9a;
	line-height: 18px; 
	font-size: 12px;
}

/* style6 */
#boardList.style6 td {
	padding: 10px 0;
}
#boardList.style6 .date {
	font-weight:bold;
	color: #656565;
}

/* style7 */
#boardList.style7 {
	border-top: 1px;
	border-bottom: 0px;
}
#boardList.style7 th {
	padding-left: 10px;
}
#boardList.style7 th.prev {
	background: url(/images/common/arrow_style7_prev.gif) 15px 10px #f6f6f6 no-repeat;
}
#boardList.style7 th.next {
	background: url(/images/common/arrow_style7_next.gif) 15px 10px #f6f6f6 no-repeat;
}
#boardList.style7 td {
	padding-left: 15px;
}
#boardList.style7 td a:hover {
	color: #0621d2;
	text-decoration:underline;
}

/* style8 */
#boardList.style8 td {
	padding: 10px 0;
	color: #656565;
	border-left: 1px solid #d3d5d6;
}
#boardList.style8 td.first {
	border-left: 0;
}
#boardList.style8 td.day {
	background: #f6f6f6;
	font-weight:bold;
	color: #47658b;
	font-size: 13px;
}
#boardList.style8 td.sun {
	color: #d55555;
}
#boardList.style8 td.sat {
	color: #0d61eb;
}
#boardList.style8 td.viewer {
	font-size: 13px;
}
#boardList.style8 td.viewer p {
	color: #d55555;
}
#boardList.style8 td td {
	padding: 0;
	border-left: 0
}


/* photo Style
*******************************/
#photoList {
	clear: both; 
	width: 531px;
	border-top: 2px solid #afbfd1;
	border-bottom: 2px solid #afbfd1;
	overflow:hidden; zoom: 1;
}
#photoList li {
	float: left;
	width: 114px;
	height: 170px;
	padding: 25px 9px 0 9px;
	text-align: center;
	vertical-align: top;
	border-bottom: 1px solid #E9E9E9;
}
#photoList dt {
	color: #999999;
	font-size: 13px;
	margin: 10px 0 5px 0;
}
#photoList dd {
	color: #999999;
	font-size: 12px;
}

/* style1 */
#photoList.style1 li {
	width: 167px;
	height: 190px;
	padding: 20px 5px 0 5px;
}

#photoList.style1 li.first {
	padding-top:0
}
#photoList.style1 dt a {
	font-size: 13px;
	color: #656565;
}/* 포토뉴스 목록 ie6에서 폰트 사이즈 때문에 추가 */
#photoList.style1 dt a:hover {
	color:#0033CC;
}/* 포토뉴스 목록 ie6에서 폰트 사이즈 때문에 추가 */
#photoList.style1 li dd {
	width: 167px;
	height: 125px;
	line-height: 125px; 
}
#photoList.style1 li dd:after { content: ""; white-space: pre; }
#photoList.style1 li dd img { vertical-align: middle; }

/* style2 */
#photoList.style2 {
	position:relative;
	background: #e7e7e7;
	border-right: 1px solid #c7c6c6;
}
#photoList.style2 li {
	width: 150px;
	height: 210px;
	padding: 20px 13px 0 13px;
	border-left: 1px solid #c7c6c6;
	border-bottom: 1px solid #c7c6c6;	
}
#photoList.style2 li dt {
	color: #656565;
}
#photoList.style2 li dt span {
	font-size: 12px;
}
#photoList.style2 li dd {
	color: #FFF;
}
#photoList.style2 li dd span {
	font-size: 11px;
	background: #ef7171;
	padding: 3px 5px 2px 5px;
	cursor:hand;
}
#photoList.style2 li dd em {
	color: #000;
	font-weight:bold;
}

/* style3 */
#photoList.style3 {
	position:relative;
	border-bottom: 1px solid #e8e8e8;	
}
#photoList.style3 li {
	width: 176px;
	height: 200px;
	padding: 20px 0 0 0;	
	border-bottom: 0;
}
#photoList.style3 li dt a {
	color: #656565;
	font-size: 12px;
}
#photoList.style3 li dt a:hover {
	color: #0521cd;
}
#photoList.style3 li dd {
	color: #FFF;
}
#photoList.style3 li dd span {
	font-size: 11px;
	background: #ef7171;
	padding: 3px 5px 2px 5px;
	cursor:hand;
}
#photoList.style3 li dd em {
	color: #000;
	font-weight:bold;
}



/* 동영상목록 */
#playover {
	z-index: 10;
	width: 155px;
}
#playover .playoverbg {
	overflow:hidden; zoom: 1;
	padding: 5px 7px 5px 7px;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	background: #FFF;
}
#playover .playoverbg dt {
	padding: 0 0 5px 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #be422c;
	font-weight:bold;
	border-bottom: 1px solid #d0d0d0;
}
#playover .playoverbg dd {
	padding: 0 0 5px 10px;
	margin-left: 10px;
	background:url(/images/common/arrow_online.gif) 0 4px no-repeat;
}
#playover .playoverbg dd a:hover {
	font-weight:bold;
}
#playover .playovertop {
	font-size:0px;
	height:8px;
	background:url(/images/common/playover_top.gif) no-repeat;
}
#playover .playoverbottom {
	font-size:0px;
	height:2px;
	background:url(/images/common/playover_bottom.gif) no-repeat;
}



/* view Style
*******************************/
#boardView {
	clear: both; 
	border-bottom: 2px solid #D3D5D6;
}
#boardView #newsContents {
	font-size: 13px;
	line-height: 130%;
	padding: 20px 10px;
}
#boardView .viewhead {
	width: 100%;
	border-top: 2px solid #afbfd1;	
}
#boardView .viewhead th,
#boardView .viewhead td{
	padding: 5px 0 6px 0;
	text-align: center;
	color: #9a9a9a;
	font-size: 12px;
	border-bottom: 1px solid #d3d5d6;	
}
#boardView .viewhead th{
	color: #46648a;
	font-size: 13px;
	background: #e7e7e8 url(/images/common/board_thline.gif) top 0 no-repeat;
}
:root #boardView .viewhead th {
	background: #e7e7e8;
}
#boardView .viewhead td{
	text-align: left;
	border-left: 1px solid #d3d5d6;
	padding-left: 10px;
}
#boardView .viewhead th.first {
	background: #e7e7e8 none;
}
#boardView .viewhead td.first {
	border-left: 0;
}
#boardView .viewhead th.title {
	text-align: left;
	padding-left: 10px;
	font-weight: normal;
}
#boardView .viewhead td.title {
	text-align: center;
	padding-left: 0;
	color: #46648a;
	font-size: 13px;
	font-weight:bold;
	background: #f4f3f3;
}


/* 뉴스기사 */
#newsView {
	clear: both; 
	position:relative;
	overflow:hidden; zoom: 1;
	border-bottom: 2px solid #d3d5d6;
}
#newsView h2 {
/* org
	font-size: 30px; */
	font-size: 20px; /* 기사막단 폰트 크기 축소 */
	font-family: 돋움;
	line-height: 35px;
	color: #001457;
	margin: 30px 0 20px 0;
}
#newsContents {
	font-size: 14px;
	line-height: 150%;
}
#newsView .newsUpload {
	clear: both; 
	font-size: 14px;
	font-family: 돋움;
	text-align: right;
	margin: 30px 0;
}
#newsView .newsUpload em {
	font-size: 11px;
	font-family: 돋움;
	color: #999999;
	font-weight:normal;
}


/* write Style
*******************************/
#boardWrite {
	clear: both; 
	width: 100%;
	border-top: 2px solid #afbfd1;
}
#boardWrite th,
#boardWrite td{
	padding: 5px 0 6px 0;
	text-align: center;
	color: #666666;
	font-size: 13px;
	border-bottom: 1px solid #d3d5d6;
	background: #e7e7e8 url(/images/common/board_thline.gif) top 0 no-repeat;
}
#boardWrite th.first,
#boardWrite td.first {
	background-image: none;
}
#boardWrite th{
	color: #46648a;
	font-size: 13px;
}
#boardWrite td{
	text-align: left;
	padding-left: 20px;	
}
#boardWrite .input,
#boardWrite .textarea {
	border: 1px solid #d5d5d5;
	background: #FFF;	
}
#boardWrite .linecolor th,
#boardWrite .linecolor td {
	background: #FFF;	
}
#boardWrite .linecolor td {
	background: #FFF url(/images/common/board_thline.gif) top 0 no-repeat;
}



/* 뉴스상세보기 상단버튼 */
.typecenter {
	position:absolute;
    top:0px; right:0px;
}
.typecenter li {
	display: inline;
	padding: 0px 0px 0px 12px;
	background: url(/images/common/line_typecenter.gif) 4px 0px no-repeat;
}
.typecenter li.first {
	padding-left: 5px;
	background: none;
}
.typecenter li.scrap_icon_t {
	display: inline;
	padding: 0px 0px 0px 12px;
	background: url(/images/common/line_typecenter.gif) 4px 2px no-repeat;
}
.typecenter li.scrap_icon {
	padding-left: 0;
	background: none;
}

/* 뉴스상세보기 상단버튼 new 101028 */
.typecenter_new {
	position:absolute;
    top:0px; left:180px;
	margin:3px 0 0 0;
}
.typecenter_new li {
	display: inline;
	padding: 0px 0px 0px 12px;
	background: url(/images/common/line_typecenter.gif) 4px 0px no-repeat;
}
.typecenter_new li.first {
	padding-left: 5px;
	background: none;
}
.typecenter_new li.scrap_icon_t {
	display: inline;
	padding: 0px 0px 0px 12px;
	background: url(/images/common/line_typecenter.gif) 4px 2px no-repeat;
}
.typecenter_new li.scrap_icon {
	padding-left: 0;
	background: none;
}
ul.scrap_icon {position:absolute; top:0; right:0px; padding:3px 2px 3px 62px; background: url(http://news.kbs.co.kr/images/2010/layout/snsbtn_wrap.gif) no-repeat;}
ul.scrap_icon li {float:left; margin:0 4px 0 0;}

/* 배포금지문구 */
.distribute {
	clear: both; 
	font-size: 11px;
	font-family: 돋움;
	color: #656565;
	padding: 10px;
	margin: 10px;
	background: #ebebeb;
	text-align: center;
}
.distribute a {
	color: #0521cf;
	text-decoration:underline; 
}


/* 게임진행
*******************************/
.national {
	margin: 0 0 0 10%;
}
.national li {
	float: left;
	overflow:hidden; zoom: 1;
	text-align: center;
	width: 100px;
	color: #2c486c;
	font-size: 13px;
	font-weight:bold;
}
.national li.no {
	width: 40px;
	padding-top: 10px;
}
.national li.no div {
	width: 28px; height: 30px;
	color: #d55555;
	font-family: Tahoma;
	font-weight:bold;
	font-size: 16px;
	line-height: 20px;
	padding-top: 3px;
	background: url(/images/common/box_grade.gif) 0 0 no-repeat;
}
.national li.line {
	 width: 10px;
	padding-top: 15px;
}


/* 관련기사
*******************************/
#related {
	width: 312px;
	border: 1px solid #e2e2e2;
	padding: 3px;
	background: #eaecee;
}
#related h5 {
	font-size: 13px;
	color: #46648a;
	padding: 3px 0 7px 10px;
}
#related .relatedlist {
	border: 1px solid #e2e2e2;
	padding: 12px 10px 8px 10px;
	background: #FFF;
}
#related .relatedlist .updown {
	position:relative;
	float: right; 
}
#related .relatedlist .updown .up {
	position:absolute;
    top:-17px; right:15px; 
}
#related .relatedlist .updown .down {
	position:absolute;
    top:-17px; right:0px; 
}
#related .dotbg {
	margin: 5px 0px 10px 0px;
}
#related .catelist li a{
	font-size: 12px;
	line-height:12px;	
}
#related .catelist li a:hover {
	color: #0422ce;
}


/* 검색
*******************************/
#search {
	overflow:hidden; zoom: 1;
	border: 1px solid #d4d5d7;
	background: #f4f4f4;
	padding: 5px 10px;
	text-align: center;
	margin-bottom:20px
}
#search li {
	display: inline;
	padding: 0 3px;
	overflow:hidden; zoom: 1;

}
#search li.first {
	margin-right: 5px;
}
#search .input {
	display: inline;
	border: 1px solid #d5d5d5;
	background: #FFF;
	height: 16px;
}
#search .select {
	height: 19px;
}


/* box Style
*******************************/
/* org
#graybox {
	overflow:hidden; zoom: 1;
	border: 1px solid #e2e2e2;
	margin-bottom: 30px;
	background: #FFF;
	padding: 15px;
} */
#graybox {
	overflow:hidden; zoom: 1;
	border: 1px solid #e2e2e2;
	margin-bottom: 30px;
	background: #FFF;
	padding: 15px 15px 8px 15px;
}
#graybox h4 {
	background: #f6f6f6;
	border: 0;
	padding: 7px 0 7px 20px;
	margin: -15px -15px 15px -15px;
}
#graybox h3 {
	background: #eeeeee;
	border: 0;
	padding: 7px 8px 7px 12px;
	margin: -15px -15px 15px -15px;
}
#graybox h3 {
	font-size:16px;
	color:#444;
	font-weight:bold;
	margin-bottom: 8px;
	position:relative
}
#graybox h3 a.more:link,
#graybox h3 a.more:visited,
#graybox h3 a.more:hover,
#graybox h3 a.more:active {
    position:absolute;
    top:10px; right:10px;
    width:32px; height:8px;
    font-size:10px;
    color:#6c7885;
    white-space:nowrap;
    text-indent:-9999px;
    line-height:0px;
    background:url(/images/common/btn_more.gif) no-repeat;
}
#graybox h3.fs14 {
	font-size:14px;
	color:#011459;
}
#graybox h3 em {position:absolute; top:8px; right:13px;color:#2c6ea9; font-size:12px; font-weight:normal}
/* style1 */
#graybox.style1 {
	overflow:hidden; zoom: 1;
	border: 0;
	border-top: 2px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 20px;
	background: #FFF;
	padding: 15px;
}


#bluebox {
	overflow:hidden; zoom: 1;
	margin-bottom: 30px;
	background: url(/images/common/scorebox_bg.gif) 0 0 repeat-y;
}
#bluebox .scorecon {
	overflow:hidden; zoom: 1;
	float: left;
	padding: 5px 10px 5px 10px;
}
#bluebox .scorecon ../images {
	padding: 0 0 7px 10px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #e5e5e5;
}
#bluebox .scorelist li {
	float: left;
	width: 143px;
	padding: 0 0 0 4px;
	margin: 0 0 5px 0;
}
#bluebox .scorelist li a:hover {
	color: #d55555;
	text-decoration:none;
}
#bluebox .scorelist li .box {
	float: left;
	width: 30px;
	height: 16px;
	padding-right: 5px;
	text-align: center;
	font-size: 11px;
	font-family:돋움; 
	color: #d55555;
	background: url(/images/common/scorebox_out.gif) 0 0 no-repeat;
}
#bluebox .scorelist li.on .box {
	color: #FFF;
	background: url(/images/common/scorebox_over.gif) 0 0 no-repeat;
}
#bluebox .scorelist li.on a {
	color: #d55555;
	text-decoration:none;
}
#bluebox .scoretop {
	height: 10px;
	font-size: 0; 
	background: url(/images/common/scorebox_top.gif) 0 0 no-repeat;
}
#bluebox .scorebottom {
	clear:both;
	height: 10px;
	font-size: 0; 
	background: url(/images/common/scorebox_bottom.gif) 0 0 no-repeat;
}

/* style1 */
#bluebox.style1 {
	overflow:hidden; zoom: 1;
	background:url(/images/common/box3_bg.gif) repeat-y;
}
#bluebox.style1 .scoretop1 {
	overflow:hidden; zoom: 1;
	font-size: 13px; 
	padding: 15px 15px 5px 15px;
	background: url(/images/common/box3_top.gif) 0 0 no-repeat;
}
#bluebox.style1 .scorebottom1 {
	clear:both;
	height: 10px;
	font-size: 0; 
	background: url(/images/common/box3_bottom.gif) 0 0 no-repeat;
}
#bluebox.style1 h4 {
	color:#444; 
	font-size:15px; 
	border-bottom:1px solid #dfe1e3; 
	padding:0 0 5px 0; 
}
#bluebox.style1 h4 .more {
	margin:0 5px 0 0; 
	_margin-right:16px;
}


/* 칼럼 박스 */
.box1_bottom {background:url(/images/news/box1_bottom.gif) 0 bottom no-repeat}
.box1_bottom .box1_top {background:url(/images/news/box1_top.gif) 0 top no-repeat}

.box2_bottom {clear:both;background:url(/images/news/box2_bottom.gif) 0 bottom no-repeat; overflow:hidden; zoom:1;}
.box2_bottom .box2_top {background:url(/images/news/box2_top.gif) 0 top no-repeat; padding:15px 19px}
.box2_bottom .box2_top h4.tit4 {color:#444; font-size:15px; border-bottom:1px solid #dfe1e3; padding-bottom:5px; }
.box2_bottom .box2_top h4.tit4 .more {margin:0 5px 0 0; _margin-right:16px;}

.box3_bottom {background:url(/images/news/box3_bottom.gif) 0 bottom no-repeat; width:259px;}
.box3_bottom .box3_top {background:url(/images/news/box3_top.gif) 0 top no-repeat}
.box3_bottom .box3_top .writerBox {background:#e8eaec; margin:12px 12px 15px 12px; text-align:right; color:#999; font-size:12px; padding:4px 4px 2px 0}
.box3_bottom .box3_top h4.tit4 {color:#46648a; font-size:14px; padding:8px 0 0 12px}
.box3_bottom .box3_top h4.tit4 .more {margin:5px 5px 0 0}

/* org : -> .issuebox
.box4_bottom {background:url(/images/news/box4_bottom.gif) 0 bottom no-repeat; overflow:hidden; zoom:1}
.box4_bottom .box4_top {background:url(/images/news/box4_top.gif) 0 top no-repeat; }
*html .box4_bottom .box4_top h4 em { right: 20px; }
*/
.issuebox{width:372px; border:3px solid #e8eaec; padding:12px 12px 5px 12px; overflow:hidden; zoom:1;}
.issuebox h4 {color:#444; font-size:14px; border-bottom:1px solid #dfe1e3; padding-bottom:5px; }
.issuebox h4 .more {margin-right:3px; _margin-right:15px;}


/* org : -> #graybox402
.box5_bottom {background:url(/images/news/box5_bottom.gif) 0 bottom no-repeat;overflow:hidden; zoom:1 }
.box5_bottom .box5_top {background:url(/images/news/box5_top.gif) 0 top no-repeat; }
.box5_bottom .box5_top h4.tit4 {color:#46648a; font-size:14px; padding:8px 0 0 12px}
.box5_bottom .box5_top h4.tit4 .more {margin:5px 15px 0 0}
*/
#graybox402 {background:url(/images/news/box5_top.gif) 0 top no-repeat; overflow:hidden; zoom: 1; width:402px;}
#graybox402 h4 {color:#46648a; font-size:14px; padding:8px 0 0 12px; margin:0; height:21px;}
#graybox402 h4.sports_h4 {color:#ce4a4a !important;}
#graybox402 h4 .more {margin:5px 15px 0 0}
#graybox402 #area {
	overflow:hidden; zoom: 1;
	border-top:0;
	border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
	background-color: #f5f5f5;
	padding:13px 11px 2px 11px;
}
#graybox402 #box {overflow:hidden; zoom:1; line-height:16px;}
#graybox402 #box dt {float:left; margin-right:12px; display:inline}
#graybox402 #box dd.tit a {color:#2c486c}
#graybox402 #sList2 {clear:both; margin-top:13px; margin-left:3px;}
#graybox402 #sList2 li {background:url(/images/common/icon_colum.gif) 0 5px no-repeat; font-size:13px; color:#2c486c; padding:0 0 5px 8px;}
#graybox402 #sList2 li.blue {color:#2c486c}
#graybox402 #sList2 li.blue a {color:#2c486c}


/* 많이 본 기사
*******************************/
.hitrecord {
	position:relative;
	overflow:hidden; zoom: 1;
}
.hitrecord .pic {
	float: left;
	margin-right: 15px;
}
.hitrecord dt {
	margin-bottom: 5px;
}
.hitrecord dt a {
	font-size: 14px;
	color: #656565;
	font-weight:bold;
}
.hitrecord .catelist a:hover {
	color: #0521cf;
}
.hitrecord .catelist span {
	float: right;
	font-size: 12px;
	color: #999999;
}

.hitrecord .style1 dt {
	margin-bottom: 10px;
}
.hitrecord .style1 dt a {
	font-size: 18px;
	color: #011457;
}
.hitrecord .style1 .pic img {
	border: 3px solid #d2d0d1;
}

.hitrecord .play a{color:#2c6ea9; font-size:11px; font-family:돋움}
.hitrecord .wirter{color:#999; font-size:12px; font-family:돋움; text-align:right; padding-top:4px}

/* 포토&영상
*******************************/
.photorecord {
	position:relative;
	zoom: 1;
}
.photorecord ul {
	margin-left: 0;
}
.photorecord li {
	float: left;
	width: 100px; 
	padding: 0 12px; _padding: 0 10px;
	text-align: center;
}
.photorecord li img {
	border: 3px solid #FFF;
}
.photorecord li img:hover {
	border: 3px solid #102f65;
}
.photorecord .prev {
	position:absolute;
	top: 32px; left: 0px;
}
.photorecord .next {
	position:absolute;
	top: 32px; right: 0px;
}


/* 선수
*******************************/
.graph {
	overflow:hidden; zoom: 1;
	margin: 0 0 5px 20px;
	text-align: left;
}
.graph .graphbg {
	float: left;
	width: 100px;
	font-size: 0;
	height: 18px;
	background: url(/images/common/icon_ballbg.gif) top 0 repeat-x;
}
.graph .graphball {
	font-size: 0;
	height: 18px;
	background: url(/images/common/icon_ball.gif) top 0 repeat-x;
}
.graph .graphno {
	float: left;
	width: 40px;
	text-align: right;
	font-size: 18px;
	font-weight:bold;
	color: #0d61eb;
}


/* 네티즌평점
*******************************/
.playerman {
	position:relative;
	text-align: left;
	height: 60px;
	margin-left: 90px;
}
.playerman .pic {
	position:absolute;
    top: 0px;  left: -80px;
}
.playerman .pic img {
	border: 2px solid #dbdbdb;
}
.playerman .pic .best {
	border: 2px solid #d23338;
}
.playerman .pic .worst {
	border: 2px solid #46648a;
}
.playercon {
	border-top: #d3d5d6;
	text-align: left;
	padding: 5px 10px 0 10px;
}


/* 핫플레이어
*******************************/
.hotplay li {
	height: 112px;
	padding: 15px;
	background: url(/images/common/box_2line.gif) 150px 2px no-repeat;
	border-bottom: 1px solid #eaeaea;
}
.hotplay .hitrecord {
	position:relative;
	padding-left: 150px;
}
.hotplay .hitrecord dt {
	font-size: 13px;
	color: #0066cc;
}
.hotplay .hitrecord dt strong {
	font-size: 16px;
	color: #102f65;
}
.hotplay .hitrecord .pic {
	position:absolute;
	top: 0px; left: 0px;
	z-index: 5;
	text-align: center;
}
.hotplay .hitrecord .pic .photo {
	width: 113px; height: 95px;
	border: 1px solid #cfcaca;
	background: url(/images/common/box_2bg.gif) 0 0 no-repeat;
}

.hotplay .graph {
	float: left;
	width: 180px; height: 7px;
	font-size: 0;
	margin: 5px 10px 0 0;
	background: #d9d9d9;
}
.hotplay .graph .graphline {
	height: 7px;
	font-size: 0;
	background: url(/images/common/box_2line_green.gif) top repeat-x;
}
.hotplay .percent {
	float: left;
	font-size: 12px;
	color: #0066cc;
	font-weight:bold;
}

.hotplay .hot {
	position:relative;
	height: 128px;
	padding: 15px 15px 0 15px;
	border-bottom: 0;
	background: url(/images/common/box_2.gif) 0 0 no-repeat;
}
.hotplay .hot .point {
	position:absolute;
	top: 0px; left: 0px;
	z-index: 9;
	width: 60px; height: 60px;
	background: url(/images/common/icon_hot.png) 0 0 no-repeat;
	_background: url(/images/common/icon_hot.gif) 0 0 no-repeat;
}
.hotplay .hot .graph .graphline {
	background: url(/images/common/box_2line_red.gif) top repeat-x;
}
.hotplay li li {
	clear:both;
	height: auto;
	padding: 0 0 0 10px;
	margin: 0 0 5px 0;
	background:url(/images/common/icon_colum.gif) 3px 6px no-repeat;
	border-bottom: 0;
}


/*  관련기사 */
.relation {border:1px solid #e2e2e2; background:#eaecee}
.relation ../images {margin:5px 0 6px 15px}
.relation ul {background:#fff; border:1px solid #d4d9de; padding:10px 0 4px; margin:2px}
.relation ul li {background:url(/images/common/icon_colum.gif) 12px 5px no-repeat; padding:0 0 8px 18px}


/* 페이징
*******************************/
.pageNum {
	text-align: center;
	margin: 20px 0 30px 0;
}
.pageNum li {
	display: inline;
	padding: 0 5px 0 8px;
	background: url(/images/common/page_line.gif) 0 0 no-repeat;
}
.pageNum li.first {
	padding: 0 5px;
	background: none;
}
.pageNum li.next {
	padding: 0;
	background: none;
}
/* 090906 css 수정 */
.pageNum a, .pageNum a:hover {
	font-size: 12px;
	color: #555555;
}
.pageNum a.on {
	color: #3a5fa4;
	font-weight:bold;
	text-decoration:none;
}


/* SSO 회원 로그인/로그아웃
*******************************/
.login {width:128px; float:right; text-align:right; font-size:11px;}
.login a:link, .login a:active, .login a:visited {color:#669933; font-size:11px;}
.login a:hover {color:#669933; font-size:11px; text-decoration:underline;}


