@charset "utf-8";
/* CSS Document */

/* Common */
body { background:url(/images/lnbBg.gif) left top repeat-y;overflow:auto;}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select { margin:0; padding:0 }
body, input, textarea, select, button, table { font-family:'굴림', gulim, AppleGothic, sans-serif; font-size:13px; color:#606060; }
table { font-size:13px; font-family:"굴림", Gulim, AppleGothic, Sans-serif; border-collapse:collapse; }
img, fieldset { border:0 }
ul, ol { list-style:none }
ul { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none }
li { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none }
em, address { font-style:normal }
a { text-decoration:none }
a:hover, a:active, a:focus { color:#4b4b4b; text-decoration:underline }
select{border:1px solid #b1b1b1;vertical-align:-0.1em;}
.inputBox{border:1px solid #b1b1b1;height:21px;line-height:20px;}
.inputBoxBg{background:#e6e6e6;}
.inputBoxBgYellow{background:#feffa5;}
.inputBoxSmall{border:1px solid #b1b1b1;line-height:16px;padding:0 3px;font-size:13px;height:18px;}
.textWarning{color:#c12828;}
.valign_02{vertical-align:0.4em;}

/* 전체틀 */
#wrap{background:url(/images/headerBg.gif) left top repeat-x;MIN-WIDTH: 1000PX;width:100%;height:100%;overflow:hidden;}
#header{width:100%;height:40px;MARGIN: 0px auto;overflow:hidden;POSITION: relative;padding:0;}
#header .menuHome a{padding:0 13px 0 13px;text-align:center;border-right:1px solid #775cbe;border-left:1px solid #775cbe;line-height:0;}
#header ul{height: 39px;MARGIN: 0px;overflow:hidden;POSITION: relative;}
#header li{float:left;position:relative;z-index:10;color:#fff;font-size:13px;border-right:1px solid #775cbe;text-align:center;line-height:12px;white-space:nowrap;}
#header li a{color:#e1e1e1;text-decoration:none;display:inline-block;padding:10px 15px;background-position: 100% 0;}
#header .on{background:#775cbe;}
#lnb {width:120px;padding:0;text-align:left;}
#lnb h1{background:url(/images/lnbTitleBg.gif) left top no-repeat;width:120px;font-size:14px;color:#e1e1e1;font-weight:bold;text-align:center;line-height:51px;height:51px;}
#lnb img{vertical-align:-0.3em;}
#lnb ul{border-top:1px solid #20222f;width:119px;}
#lnb li{width:119px;border-bottom:1px solid #20222f;background:#2f3244;}
#lnb li a{color:#e1e1e1;text-decoration:none;display:block;padding:5px 0 5px 5px;border-right:5px solid #514b72;}
#lnb li .on{font-weight:bold;letter-spacing:0em;border-right:5px solid #775cbe;background:#1f202e;}
.tel{font-family:Tahoma, Geneva, sans-serif;font-size:13px;border-bottom:1px solid #20222f;color:#aaaec7;}
.tel span{text-decoration:none;display:block;padding:10px 0 10px 10px;border-right:5px solid #514b72;}
.mInfo{width:119px;font-family:gulim;font-size:13px;border-top:1px solid #20222f;border-bottom:1px solid #20222f;color:#aaaec7;letter-spacing:-0.0em;position:absolute;bottom:0;border-right:5px solid #514b72;background:#1f202e;}
.mInfo span{text-decoration:none;display:block;padding:10px 10px 10px 10px;line-height:14px;}
.mInfo img{vertical-align:-0.3em;}
#cont{padding:20px 25px;width:100%;height:100px;}
#contSub{padding:0;width:100%;height:100%;}
#contSub .contSubWrap{width:100%;height:100%;overflow-y:auto;}
.contArea{padding-top:12px;padding-left:10px; width:1110px; float:none;}

/* 랭킹섹션 */
.section_ol{position:relative;font-size:13px;font-family:Tahoma, Geneva, sans-serif;line-height:normal;*zoom:1;background:url(/images/lineBg2x3.gif) left bottom repeat-x;padding:0 0 10px 0;margin:0 0 22px 0;}
.section_ol a{color:#4b4b4b;text-decoration:none;}
.section_ol a:hover,
.section_ol a:active,
.section_ol a:focus{text-decoration:underline}
.section_ol .best .nameList a{color:#7971a7;text-decoration:none}
.section_ol .best .nameList a:hover,
.section_ol .best .nameList a:active,
.section_ol .best .nameList a:focus{text-decoration:underline;}
.section_ol em{font-style:normal}
.section_ol h2{margin:0;padding:10px 0 8px 13px;border-bottom:2px solid #fff;font-size:13px;color:#4b4b4b;background:url(/images/ico3Dot.gif) 3px 11px no-repeat;}
.section_ol h4{margin:0;padding:10px 0 8px 13px;border-bottom:2px solid #fff;font-size:14px;color:#303030;background:url(/images/ico3Dot.gif) 3px 11px no-repeat;}
.section_ol ol{margin:0;padding:0;list-style:none;}
.section_ol li{position:relative;*zoom:1;padding:3px 0 2px 0;}
.section_ol li:after{display:block;clear:both;content:""}
.section_ol li .ranking{display:inline-block;width:14px;height:11px;margin:0 5px 0 10px;border-bottom:2px solid #8e8e8e;background:#8e8e8e;text-align:center;vertical-align:top;font:bold 10px Tahoma;color:#fff}
.section_ol li.best{color:#7971a7;}
.section_ol li.best .ranking{border-bottom:2px solid #5e548f;background:#5e548f}
.section_ol li .num{position:absolute;right:10px;font-size:13px;color:#4b4b4b;white-space:nowrap;}
.section_ol li .totalNum{position:absolute;right:70px;font-family:Tahoma, Geneva, sans-serif;}
.section_ol li.best .num{color:#7971a7;}
.section_ol .more{position:absolute;top:10px;right:0;!important}
.section_ol .tableTop{position:relative;background:url(/images/lineBg2x3.gif) left  bottom repeat-x;padding:10px 0 8px 0;margin:0 0 11px 0;}
.section_ol .tableTop .afterNo{position:absolute;right:10px;white-space:nowrap;}
.section_ol .tableTop .total{position:absolute;right:90px;white-space:nowrap;}
.section_ol .tableTop .name{position:absolute;left:90px;white-space:nowrap;}
.section_ol .tableTop .no{padding:0 0 0 5px;}
/* //랭킹섹션 */

/* 메인섹션 */
.section_ul{position:relative;font-size:13px;font-family:Tahoma, Geneva, sans-serif;line-height:normal;*zoom:1;margin:0 0 20px 0;}
.section_ul a{color:#666;text-decoration:none}
.section_ul a:hover,
.section_ul a:active,
.section_ul a:focus{text-decoration:underline}
.section_ul em{font-style:normal}
.section_ul h2{margin:0;padding:5px 0 5px 13px;font-size:13px;color:#4b4b4b;background:url(/images/ico1Dot.gif) 3px 8px no-repeat;}
.section_ul h3{margin:0;padding:5px 0 5px 13px;font-size:13px;font-weight:lighter; background:url(/images/dot01.gif) 3px 11px no-repeat;}
.section_ul h4{margin:0;padding:10px 0 8px 13px;border-bottom:2px solid #fff;font-size:14px;color:#303030;background:url(/images/ico3Dot.gif) 3px 11px no-repeat;}
.section_ul ul{margin:5px 0;padding:0;list-style:none}

.section_ul .best{color:#7971a7;}
.section_ul .best .nameList a{color:#7971a7;text-decoration:none}
.section_ul .best .nameList a:hover,
.section_ul .best .nameList a:active,
.section_ul .best .nameList a:focus{text-decoration:underline;}
.section_ul .best .ranking{border-bottom:2px solid #5e548f;background:#5e548f}
.section_ul .time{font-size:13px;color:#767676;font-family:Tahoma, Geneva, sans-serif;}
.section_ul .ranking{display:inline-block;width:14px;height:11px;margin:0 5px 0 10px;border-bottom:2px solid #8e8e8e;background:#8e8e8e;text-align:center;vertical-align:top;font:bold 10px Tahoma;color:#fff}
.section_ul .num{font-size:13px;color:#4b4b4b;white-space:nowrap;}
.section_ul .totalNum{font-family:Tahoma, Geneva, sans-serif;}
.section_ul .best .num{color:#7971a7;}

.section_ul li{position:relative;padding:7px 0;background:url(/images/lineBg2x3.gif) left bottom repeat-x;}
.section_ul li div{background:url(/images/ico1Dot.gif) 5px 5px no-repeat;padding:0 0 0 15px;}
.section_ul li:after{display:block;clear:both;content:""}
.section_ul li a{color:#4b4b4b;}
.section_ul li .time{font-size:13px;color:#767676;font-family:Tahoma, Geneva, sans-serif;}
.section_ul .more{position:absolute;top:10px;right:0; !important}
/* //메인섹션 */

.tab2{position:relative;height:26px;font-family:'굴림',gulim;font-size:13px;border-bottom:5px soild #000;width:100%;}
.tab2 ul,.tab2 ul li{margin:0;padding:0}
.tab2 ul li{list-style:none;}
.tab2 ul li,.tab2 ul li a{background:url(/images/bg_tab2_off.gif) no-repeat;}
.tab2 ul li{float:left;margin-right:-1px;line-height:22px;text-align:center;}
.tab2 ul li a{display:inline-block;padding:2px 20px 0;_padding:3px 16px 0;background-position:100% 0;color:#4d4d4d;text-decoration:none !important}
.tab2 ul li a:hover{color:#000;}
.tab2 ul li.on,.tab2 ul li.on a{background-image:url(/images/bg_tab2_on.gif);}
.tab2 ul li.on a{color:#000;font-weight:bold;letter-spacing:0em;}
.tab2Top{margin-top:3px;}
.contSubWrap .WrapsubTable .tab3{position:relative;height:26px;font-family:'굴림',gulim;font-size:13px}
.contSubWrap .WrapsubTable .tab3 ul,.tab3 ul li{margin:0;padding:0;}
.contSubWrap .WrapsubTable .tab3 ul li{list-style:none;}
.contSubWrap .WrapsubTable .tab3 ul li,.tab3 ul li a{background:url(/images/bg_tab2_off.gif) no-repeat}
.contSubWrap .WrapsubTable .tab3 ul li{float:left;margin-right:-1px;line-height:24px;text-align:center;}
.contSubWrap .WrapsubTable .tab3 ul li a{display:inline-block;padding:2px 10px 0;background-position: 100% 0;color:#4d4d4d;text-decoration:none !important}
.contSubWrap .WrapsubTable .tab3 ul li a:hover{color:#000;}
.contSubWrap .WrapsubTable .tab3 ul li.on,.tab3 ul li.on a{background-image:url(/images/bg_tab2_on.gif)}
.contSubWrap .WrapsubTable .tab3 ul li.on a{color:#000;font-weight:bold;letter-spacing:0em;}

.titleTable{border-left:1px solid #b1b1b1;border-right:1px solid #b1b1b1;border-top:1px solid #b1b1b1;background:#fff;font-size:13px;font-family:gulim;}
.titleTable th{background:#4c5483;color:#f3f4f4;padding:3px 20px;white-space:nowrap}
.titleTable td{border-right:0 solid #b1b1b1;border-bottom:1px solid #707070;padding:3px;white-space:nowrap}
.titleTable .name{width:50px;padding:0 5px;}
.titleTable .mobile{width:70px;padding:0 5px;}
.titleTable .noCharge{width:70px;padding:0 5px;}

.maintitleTable{border-left:1px solid #b1b1b1;border-right:1px solid #b1b1b1;border-top:1px solid #b1b1b1;background:#fff;font-size:14px;font-family:gulim;}
.maintitleTable td{border-right:0 solid #b1b1b1;border-bottom:1px solid #b1b1b1;padding:3px;white-space:nowrap}
.maintitleTable .colorBar{border-bottom:1px solid #7862cc;}
.maintitleTable .desc{padding:6px 8px;color:#666;line-height:15px;font-size:11px;font-family:gulim;background:#e9e9e9;}
.maintitleTable .desc span.bulgray{margin:0;background:url(/images/dot03.gif) 0 6px no-repeat;width:8px;vertical-align:top;}
.maintitleTable .desc span.bulpoint{margin:0;background:url(/images/dot01.gif) 0 6px no-repeat;width:8px;vertical-align:top;}
.maintitleTable .desc span.bultext{width:100%;}

.subtitleTable{border-left:1px solid #b1b1b1;border-right:1px solid #b1b1b1;border-top:1px solid #b1b1b1;background:#e9e9e9;font-family:gulim;margin-top:8px;}
.subtitleTable td{padding:3px;white-space:nowrap}
.subtitleTable .colorBar{border-bottom:1px solid #7862cc;}

.WrapsubTable{border-bottom:2px solid #666;}
.WrapsubTable .subTable th, .WrapsubTable .subTable01 th{border-bottom:1px solid #b1b1b1;padding:3px;font-size:13px;font-family:gulim;font-weight:100;letter-spacing:0em;background:#d6dbe8;white-space:nowrap;}
.WrapsubTable .subTable{border-top:1px solid #b1b1b1;border-left:1px solid #b1b1b1;}
.WrapsubTable .subTable th.title{height:26px;padding-left:5px;background-color:#a5a9be;border-bottom:1px solid #888;}
.WrapsubTable .subTable td{border-right:1px solid #b1b1b1;border-bottom:1px solid #b1b1b1;padding:3px;background:#ebedf5;font-size:13px;font-family:gulim;letter-spacing:0;}
.WrapsubTable .subTable .lr {border-right:0;}
.WrapsubTable td{padding:0;}
.WrapsubTable td.subline{border-left:1px solid #636363;}

/*
.subTable .inputBoxSmall{vertical-align:-0.2em;}
.subTable  td span{vertical-align:-0.3em;}
.subTable  td select{vertical-align:-0.3em;}*/
.WrapsubTable .subTable .text{font-size:13px;font-family:gulim;}
.WrapsubTable .spaceBg{background:#b1b1b1;}
.WrapsubTable .subTable .alignC{text-align:center;}
.WrapsubTable .subTable .lineH span{margin:1px 5px 1px 2px;}

.WrapsubTable .subTableFixed{border-left:1px solid #b1b1b1;border-top:1px solid #b1b1b1;border-right:1px solid #b1b1b1;border-bottom:1px solid #b1b1b1}
.WrapsubTable .subTableFixed th{padding:3px;font-size:13px;font-family:gulim;font-weight:100;letter-spacing:0em;background:#ced0d8;}
.WrapsubTable .subTableFixed th.title{height:26px;padding-left:5px;background-color:#a5a9be;border-bottom:1px solid #888;}
.WrapsubTable .subTableFixed td{border-top:1px solid #b1b1b1;padding:3px;background:#e1e4f2;font-size:13px;font-family:gulim;letter-spacing:0;}
.WrapsubTable .subTableFixedList{margin-bottom:5px;}
.WrapsubTable .subTableFixedList td{border-bottom:1px solid #b1b1b1;padding:5px 3px;background:#ffffff;font-size:13px;font-family:gulim;letter-spacing:0;text-align:center;}
.WrapsubTable .subTableOverflow{overflow-y:scroll;overflow-x:hidden;height:113px;border-bottom:1px solid #b1b1b1;border-right:1px solid #b1b1b1;border-left:1px solid #b1b1b1;}
.WrapsubTable .subTableOverflow01{overflow-y:scroll;overflow-x:hidden;height:52px;border-bottom:1px solid #b1b1b1;border-right:1px solid #b1b1b1;border-left:1px solid #b1b1b1;}
.WrapsubTable .subTableOverflow02{overflow-y:scroll;overflow-x:hidden;height:190px;border-bottom:1px solid #b1b1b1;border-right:1px solid #b1b1b1;border-left:1px solid #b1b1b1;}
.subTableOverflow04{overflow-y:scroll;overflow-x:hidden;height:108px;border-bottom:1px solid #b1b1b1;border-right:1px solid #b1b1b1;border-left:1px solid #b1b1b1;}
.WrapsubTable .subTableOverflow03{overflow-y:scroll;overflow-x:hidden;height:82px;border-bottom:1px solid #b1b1b1;border-right:1px solid #b1b1b1;border-left:1px solid #b1b1b1;}
.subTable01{border-left:1px solid #b1b1b1;border-right:1px solid #b1b1b1;}
.subTable01 th{padding:7px;font-size:13px;font-family:gulim;font-weight:100;letter-spacing:0em;background:#ced0d8;border-bottom:1px solid #b1b1b1;white-space:nowrap;}
.subTable01 td{border-bottom:1px solid #b1b1b1;background:#ffffff;text-align:center;font-size:13px;font-family:gulim;padding-top:3px;padding-bottom:3px;}
.subTable02{border-left:1px solid #b1b1b1;border-right:1px solid #b1b1b1;}
.subTable02 th{padding:7px;font-size:13px;font-family:gulim;font-weight:100;letter-spacing:0em;background:#ced0d8;border-bottom:1px solid #b1b1b1;white-space:nowrap;width:10%;}
.subTable02 td{border-bottom:1px solid #b1b1b1;background:#e1e4f2;text-align:left;font-size:13px;font-family:gulim;}

.searchTable{border-top:1px solid #afafaf;border-left:1px solid #b1b1b1;border-right:1px solid #b1b1b1;margin-top:15px;margin-bottom:20px;}
.searchTable th{padding:10px 7px;font-size:13px;font-family:gulim;font-weight:100;letter-spacing:0em;background:#d5d7e0;border-bottom:1px solid #c0c0c0;white-space:nowrap;width:5%;}
.searchTable td{border-bottom:1px solid #c0c0c0;background:#ebedf5;text-align:left;font-size:13px;font-family:gulim;}
.searchTable .searchTopBar{line-height:1px;border-bottom:1px solid #f9f9f9;}
.searchTable .searchBottomBar{line-height:1px;border-bottom:1px solid #808080;}

.inputTable{border-top:1px solid #afafaf;border-left:1px solid #b1b1b1;border-right:1px solid #b1b1b1;}
.inputTable th{padding:10px 7px;font-size:13px;font-family:gulim;font-weight:100;letter-spacing:0em;background:#c2c5da;border-bottom:1px solid #b1b1b1;white-space:nowrap;width:5%;}
.inputTable td{border-bottom:1px solid #b1b1b1;background:#e9ebf3;text-align:left;font-size:13px;font-family:gulim;}

.inputTable2{border-top:1px solid #afafaf;border-left:1px solid #b1b1b1;border-right:1px solid #b1b1b1;}
.inputTable2 th{padding:10px 7px;font-size:13px;font-family:gulim;font-weight:100;letter-spacing:0em;background:#c2c5da;border-bottom:1px solid #b1b1b1;white-space:nowrap;}
.inputTable2 td{border-bottom:1px solid #b1b1b1;background:#e9ebf3;text-align:left;font-size:13px;font-family:gulim;}


.subTableOverflow02{overflow-y:auto;overflow-x:hidden;height:42px;border-bottom:1px solid #b1b1b1;border-right:1px solid #b1b1b1;border-left:1px solid #b1b1b1;}
/*.titleTable .textBtnAlign span, .subTable .textBtnAlign span , .subTable01 .textBtnAlign span{vertical-align:-0.3em;}*/
.subTable01 .textBtnAlign {height:28px;text-align:left;padding:0 5px;border-top:1px solid #b1b1b1;}
.textFix{white-space:nowrap}
.thRight{border-right:1px solid #b1b1b1;}
.H22 th{height:22px;}
.titleText{height:26px;}
.textAlign{line-height:11px;display:inline-block;padding-bottom:3px;}
.textAlignBtn{display:inline-block;vertical-align:-0.4em;}
.bottom2{border-bottom:2px solid #666666;}
.bottom0{border-bottom:0;}
.reportList{height:340px;border-top:1px solid #404040;border-bottom:2px solid #707070;overflow-y:scroll;}
.textInputAlign input{vertical-align:0em;}
.listredtext{color:#FF0000;}
.listbluetext{color:#000066;}

.titleBar_tit   {font-size:13px;font-family:Tahoma, Geneva, sans-serif;line-height:normal;margin:0;*zoom:1;vertical-align:0;}
.titleBar_tit h2{margin:0;padding:0 0 0 8px;font-size:13px;color:#4b4b4b;background:url(/images/ico3Dot.gif) 0 2px no-repeat;}
.subTitleBar_tit{font-size:13px;font-family:Tahoma, Geneva, sans-serif;line-height:normal;margin:0;*zoom:1;vertical-align:0;}
.subTitleBar_tit h2{padding-left:8px;font-size:13px;color:#fff;background:url(/images/ar01w.gif) 0 4px no-repeat;}

/**** GridView의 Area Div ****/
.divFixed
{
	overflow:auto;
	width:100%;
	height:100%;
	padding:0px;
	border-spacing:0px;
	
	border-left:solid 1px #b1b1b1;
	border-top:solid 1px #7862cc;
	border-right:solid 1px #b1b1b1;
	border-bottom:solid 1px #b1b1b1;
	
	background-color:#ffffff;
}

/**** GridView의 Header의 th테그(Row헤더 고정) ****/
.grdv_header
{
	top: expression(this.parentNode.parentNode.parentNode.offsetParent.scrollTop);	
	position:relative;	
	background-color: #c2c5da;
	height:26px;	
	z-index:99;
}

.grdv_header th
{
	white-space:nowrap;
	text-align: center;
	font-family: gulim;
	font-size: 12px;
	color:#4b4b4b;
	padding:0 5px;
	border-top:solid 1px #b1b1b1;
	border-left:solid 1px #b1b1b1;
	border-bottom:solid 1px #b1b1b1;
	border-right:0;
	position:relative;
}

.grdv_headersum
{
	top: expression(this.parentNode.parentNode.parentNode.offsetParent.scrollTop);	
	position:absolute;	
	z-index:90;
}

.grdv_headersum td
{
	white-space:nowrap;
	padding:0 5px;	
	border-top:0;
	border-left:solid 1px #b1b1b1;
	border-bottom:solid 1px #b1b1b1;
	border-right:0;
    font-size: 11px;
	position:relative;
	height:22px;	
	background-color:#f6f6dc;
	font-weight:bold;
}


.grdv_headersum_2 {
	top: expression(this.parentNode.parentNode.parentNode.offsetParent.scrollTop);
	position: absolute;
	z-index: 90;
}

.grdv_headersum_2 td {
	white-space: nowrap;
	padding: 0 5px;
	border-top: 0;
	border-left: solid 1px #b1b1b1;
	border-bottom: solid 1px #b1b1b1;
	border-right: 0;
	font-size: 11px;
	height: 22px;
	background-color: #f6f6dc;
	font-weight: bold;
}

.grdv_header th span
{
	white-space:nowrap;
}


/**** GridView의 Cell의 td테그 ****/
.grdv_cell td
{
	white-space:nowrap;	
	padding:0 5px;
	border-top:0;
	border-left:solid 1px #b1b1b1;
	border-bottom:solid 1px #b1b1b1;
	border-right:0;
    height:22px;        
    font-size: 11px; 
}

.grdv_cell2 td
{
	white-space:nowrap;	
	padding:2px 5px;
	border-left:solid 1px #b1b1b1;
	border-right:0;
    height:22px;        
    font-size: 11px; 
}

.grdv_cell_on
{  
	background-color: #FCEEED;		
}

.listredtext_Right{color:#FF0000; text-align:right} /*2011-10-10 유경훈 추가*/
.TextRight{text-align:right} /*2011-10-10 유경훈 추가*/
/*2011-10-10 유경훈 추가*/
.divFixed1
{
	overflow:auto;
	width:100%;
	height:100%;
	padding:1px;
	border-spacing:1px;
	
	border-left:solid 1px #b1b1b1;
	border-top:solid 1px #7862cc;
	border-right:solid 1px #b1b1b1;
	border-bottom:solid 1px #b1b1b1;
	
	background-color:#ffffff;
}