/* 기본 Start */
* {margin:0;padding:0;}
html,body	{width:100%; height:100%;}
/*html	{overflow-y:scroll;}*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button{margin:0;padding:0;}
/*body	 {background-color:#fff; *word-break:break-all; -ms-word-break:break-all;}*/

body	 {
	font-family: "돋움","Dotum","굴림","arial","sans-serif";
	font-size: 12px;
	color: #666666;
	line-height: 160%;
	text-align:center;
}

a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #666666;
	text-decoration: underline;
}
a:active {
	color: #666666;
	text-decoration: none;
} 

img,fieldset,iframe	{border:0 none;}
ul,ol,li	{list-style:none outside;}
img,input,select,textarea	{vertical-align:middle;}
hr	 {display:none;}
.ir:hover	{text-decoration:none;}
/* 기본 End */

/* 기본Div Start */
#pageHeader {
	position: relative;
	margin: 0 auto;
	text-align:left;
	padding: 0;
	width: 995px;
	height: 212px;
	background:url(../../Images/statistics/navi2.gif) no-repeat;
}

#sitelogo {
	position: absolute;
	top: 20px;
	width: 118px;
	height: 58px;
	z-index:99;
}
#sitelogo a	{display:block;text-indent:-1000px;width:118px;height:58px;}

#pageNavi {
	position: relative;
	padding-right: 24px;
	width: 500px;
	height: 50px;
	float:right;
	z-index:5;
}
#pageNavi h3 {display:none;}
#pageNavi ul {float:right;}
#pageNavi li {float:left;text-indent:-3000em;}
#pageNavi li a	{display:block;height:30px;background:url(../../Images/main_v1.gif) no-repeat;}
#pageNavi .info	 {width:73px;background:url(../../Images/top_myinfo.gif) no-repeat;}
#pageNavi .com	 {width:89px;background:url(../../Images/top_com.gif) no-repeat;}
#pageNavi .dealer {width:89px;background:url(../../Images/top_dealer.gif) no-repeat;}
#pageNavi .kaida  {width:89px;background:url(../../Images/top_kaida.gif) no-repeat;}

#pageNavi .logout	{width:62px;background:url(../../Images/top_logout.gif) no-repeat;}
#pageNavi .login	{width:52px;background-position:0 -30px;}
#pageNavi .join	{width:80px;background-position:0px -60px;}
#pageNavi .eng	{width:64px;background-position:0 -90px;}
#pageNavi .search	{width:139px;height:17px;margin-left:12px;margin-top:10px;border:0px;border-bottom:1px solid #DDD7D6;font-size:11px;}
#pageNavi #inputs {
	position: relative;
	width: 180px;
	height: 35px;
	float:right;
}
#pageNavi #searchbtnarea {
	position: absolute;
	margin-top: 10px;
	width: 22px;
	height: 19px;
	float:right;
	background:#ccc
}
#pageNavi #searchbtnarea .searchbtn {display:block;width:22px;height:19px;border:none;text-indent:-3000em;cursor:pointer;background:url(../../Images/statistics/main_v1.gif) 0 -149px no-repeat;}
#pageNavi #searchbtnarea .searchbtnOver {display:block;width:22px;height:19px;border:none;text-indent:-3000em;cursor:pointer;background:url(../../Images/statistics/main_v1.gif) -57px -150px no-repeat;}

#pageTopmenu {
	position: relative;
	width: 980px;
	height: 162px;
	z-index: 0;
}

#pageTopmenuOn {
	position: relative;
	width: 980px;
	height: 162px;
	z-index: 88;
	background:url(../../Images/statistics/statistics_bg.gif);
}

.statisticsBgOn {
	position: relative;
	width: 980px;
	height: 162px;
	z-index: 88;
	background:url(../../Images/statistics/statistics_bg.gif);
}

.statisticsBgOff {
	position: relative;
	width: 980px;
	height: 162px;
	z-index: 88;
}

#pageTopmenu h3 {display:none;}


#pageBody {
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align:left;
	overflow: visible;
	/*width: 995px; 20090916*/
	width: 1105px;
}

#pageLeft {
	position: relative;
	padding: 0;
	margin-top: 32px;
	width: 185px;
	float: left;
}

#pageCenter {
	position: relative;
	margin-right: 10px;
	padding: 0;
	float: left;
	/*width: 800px; 20090916*/
	width: 910px;
}
#pageCenter #pageDir {
	position: relative;
	padding: 0;
	text-align: right;
	float: right;
	width: 100%;
	font-size: 11px;
	height: 33px;
}
#pageCenter #pageDir .dir {
	position: relative;
	top: 19px;
	right: 9px;
	font-size: 11px;
	color: #979291;
	height: 18px;
}
#pageCenter #pageDir .dir2 {
	font-size: 11px;
	color: #666260;
}
#pageCenter #pageTitle {
	position: relative;
	padding: 0;
	float: left;
	width: 100%;
	height: 43px;
}
#pageCenter #pageCon {
	position: relative;
	padding: 0;
	top: 10px;
	float: left;
	width: 100%;
}

#page3DepthMenu {
	padding-top:2px;
	padding-left:7px;		
}

.page3DepthMenu {
	font-size:14px;
	color:#403D3C;
	font-weight:bold;	
}

.pageIcon {	
	padding-top:12px;
	padding-right:12px;
	font-size:14px;
	color:#403D3C;	
	text-align:right;	
}

#pageRight {
	position: absolute;
	top: -128px;
	right: 0;
	width: 10px;
	height: 41px;
}

#pageFooter {
	position: relative;
	margin-top: 68px;
	padding: 0;
	width: 100%;
	height: 80px;
	float: left;
}
#pageFooter h3 {display:none;}
#pageFooter .policy	 {width:286px;height:80px;position:absolute;left:0px;background:url(../../Images/statistics/main_v1.gif) 0 -829px no-repeat;}
#pageFooter .policy li {float:left;padding-top:15px;height:22px;text-indent:-3000em;}
#pageFooter .policy li a	{display:block;height:22px;}
#pageFooter .use	 {width:47px;}
#pageFooter .pp	{width:84px;}
#pageFooter .site	{width:52px;}
#pageFooter .contact	{width:69px;}
#pageFooter .help	{width:33px;}

#pageFooter .company	 {width:389px;height:80px;position:absolute;right:15px;background:url(../../Images/statistics/main_v1.gif) 0 -930px no-repeat;}
#pageFooter .company li {float:left;padding-top:15px;height:22px;text-indent:-3000em;}
#pageFooter .company li a	{display:block;height:22px;}
/*#company_layout	 {width:324px;height:28px;position:absolute;top:22px;}*/
#company_layout	 {width:324px;height:28px;position:absolute;top:22px;left:36px;}
#pageFooter .prev	 {width:10px;height:12px;position:absolute;top:30px;left:17px;text-indent:-3000em;cursor:pointer;}
#pageFooter .next	 {width:10px;height:12px;position:absolute;top:30px;right:10px;text-indent:-3000em;cursor:pointer;}


/* 서브메뉴Div Start */
#submenu {
	position: relative;
	padding: 0;
	margin: 0;
	width: 160px;
	z-index:10;
}
#submenu h3	{height:68px;background:url(../../Images/statistics/sub1.gif) no-repeat;text-indent:-3000em;}

#sub_area1,#sub_area6 {
	position: relative;
	padding: 0;
	margin: 0;
	padding-top: 3px;
	padding-bottom: 7px;
	width: 160px;
	float: left;
	z-index: 11;
	background:url(../../Images/statistics/submenu_line2.gif) no-repeat 0 0;
}

#sub1_1 {
	position: absolute;
	top: -20px;
	left: 67px;
	width: 107px;
	float: left;
	z-index: 20;
}
#sub1_2 {
	position: absolute;
	top: 5px;
	left: 67px;
	width: 150px;
	background: url(../../Images/statistics/4depth_bg.gif) repeat-y;
	z-index: 21;
}
#sub1_3 {
	position: absolute;
	top: 30px;
	left: 67px;
	width: 107px;
	background: url(../../Images/statistics/4depth_bg.gif) repeat-y;
	z-index: 21;
}
#sub1_4 {
	position: absolute;
	top: 55px;
	left: 67px;
	width: 107px;
	background: url(../../Images/statistics/4depth_bg.gif) repeat-y;
	z-index: 21;
}
#sub1_5 {
	position: absolute;
	top: 80px;
	left: 67px;
	width: 107px;
	background: url(../../Images/statistics/4depth_bg.gif) repeat-y;
	z-index: 21;
}

#sub_area2 {
	position: relative;
	padding-top: 3px;
	padding-bottom: 7px;
	width: 160px;
	z-index: 1;
	background:url(../../Images/statistics/submenu_line2.gif) no-repeat 0 0;
}

#sub2_1 {
	position: absolute;
	top: -20px;
	left: 67px;
	width: 107px;
	float: left;
	z-index: 20;
}
#sub2_1Data {
	position: absolute;
	top: 7px;
	left: 67px;
	width: 107px;
	float: left;
	z-index: 20;
}
#sub2_2 {
	position: absolute;
	top: 5px;
	left: 67px;
	width: 107px;
	background: url(../../Images/statistics/4depth_bg.gif) repeat-y;
	z-index: 21;
}
#sub2_2Data {
	position: absolute;
	top: 30px;
	left: 67px;
	width: 107px;
	background: url(../../Images/statistics/4depth_bg.gif) repeat-y;
	z-index: 21;
}
#sub2_3 {
	position: absolute;
	top: 30px;
	left: 67px;
	width: 107px;
	background: url(../../Images/statistics/4depth_bg.gif) repeat-y;
	z-index: 21;
}
/* 서브메뉴Div End */

/* 내용Div Start */
/* 통계 년도 레이어 */
#sYearSel {
	font:12px dotum;
	position: absolute;
	top:38px;
	left:69px;
	color:#FFFFFF;padding-left:2px;line-height:17px;cursor:pointer;
	width: 45px;
	height: 102px;
	background: #666260;
	border:1px solid #666260;
	z-index: 50;
	overflow-y: scroll;
	scrollbar-face-color:#9a9492;
	scrollbar-highlight-color:#9a9492;
	scrollbar-3dlight-color: #9a9492;
	scrollbar-shadow-color:#9a9492;
	scrollbar-darkshadow-color: #9a9492;
	scrollbar-track-color: #666260;
	scrollbar-arrow-color:#5d5a59;
}

#eYearSel {
	font:12px dotum;
    position: absolute;
    top:38px;
    left:285px;
    color:#FFFFFF;padding-left:2px;line-height: 17px;cursor:pointer;
    width: 45px;
    height: 102px;
    background: #666260;
    border:1px solid #666260;
    z-index: 50;
    overflow-y: scroll;
    scrollbar-face-color:#9a9492;
    scrollbar-highlight-color:#9a9492;
    scrollbar-3dlight-color: #9a9492;
    scrollbar-shadow-color:#9a9492;
    scrollbar-darkshadow-color: #9a9492;
    scrollbar-track-color: #666260;
    scrollbar-arrow-color:#5d5a59;
}

/* 통계 월 레이어 */
#sMonSel {
	font:12px dotum;
	position: absolute;
	top:38px;
	left:141px;
	color:#FFFFFF;padding-left:2px;line-height: 17px;cursor:pointer;
	width: 35px;
	height: 102px;
	background: #666260;
	border:1px solid #666260;
	z-index: 51;
	overflow-y: scroll;
	scrollbar-face-color:#9a9492;
	scrollbar-highlight-color:#9a9492;
	scrollbar-3dlight-color: #9a9492;
	scrollbar-shadow-color:#9a9492;
	scrollbar-darkshadow-color: #9a9492;
	scrollbar-track-color: #666260;
	scrollbar-arrow-color:#5d5a59;
}

#eMonSel {
	font:12px dotum;
    position: absolute;
    top:38px;
    left:357px;
    color:#FFFFFF;padding-left:2px;line-height: 17px;cursor:pointer;
    width: 35px;
    height: 102px;
    background: #666260;
    border:1px solid #666260;
    z-index: 51;
    overflow-y: scroll;
    scrollbar-face-color:#9a9492;
    scrollbar-highlight-color:#9a9492;
    scrollbar-3dlight-color: #9a9492;
    scrollbar-shadow-color:#9a9492;
    scrollbar-darkshadow-color: #9a9492;
    scrollbar-track-color: #666260;
    scrollbar-arrow-color:#5d5a59;
}

/* 통계 일 레이어 */
#selday {
	font:12px dotum;
	position: absolute;
	top:38px;
	left:249px;
	color:#FFFFFF;padding-left:7px;line-height: 17px;cursor:pointer;
	width: 43px;
	height: 102px;
	background: #666260;
	border:1px solid #666260;
	z-index: 52;
	overflow-y: scroll;
	scrollbar-face-color:#9a9492;
	scrollbar-highlight-color:#9a9492;
	scrollbar-3dlight-color: #9a9492;
	scrollbar-shadow-color:#9a9492;
	scrollbar-darkshadow-color: #9a9492;
	scrollbar-track-color: #666260;
	scrollbar-arrow-color:#5d5a59;
}

/* 통계 상세검색 안의 배기량 etc 레이어 */

	#sYear, #eYear {
		width:55px;		
		font:normal 12px tahoma, arial, helvetica, sans-serif, dotum;
	}
	
	#sMonth, #eMonth, #sMon, #sDay, #eMon, #eDay, #tdeMon, #tdsMon {
		width:45px;		
		font:normal 12px tahoma, arial, helvetica, sans-serif, dotum;
	}
	
	
	
	#sel1, #sel2, #sel3, #sel4  {
		width:100px;
		font:normal 11px tahoma, arial, helvetica, sans-serif, dotum;	
	 		
	}
	
	#sel5 {
		width:100px;
		font:normal 11px tahoma, arial, helvetica, sans-serif, dotum;
	}
	
	#sel6 {
		width:80px;
		font:normal 11px tahoma, arial, helvetica, sans-serif, dotum;
	}
	
	#sel7, #sel8, #sel9 {
		width:100px;
		font:normal 11px tahoma, arial, helvetica, sans-serif, dotum;		
	 		
	}
	
	#sel10 {
		width:67px;		
		font:normal 11px tahoma, arial, helvetica, sans-serif, dotum;
		 		
	}
	
	#sel11 {
		width:81px;		
		font:normal 11px tahoma, arial, helvetica, sans-serif, dotum;			
	}
	/*
	.input_textfield {
		behavior:url("htcTest.htc");
	}	
	*/
/*
#sel1,#sel2,#sel3,#sel4,#sel5 {
	position: absolute;
	top: -2px;
	left: -8px;
	padding-left:7px;line-height: 17px;cursor:pointer;
	width: 118px;	
	background: #FFFFFF;
	border:1px solid #CEC7C5;
	z-index: 900;
}

#sel6,#sel7,#sel8,#sel9,#sel10,#sel11 {
	position: absolute;
	top: -2px;
	left: -9px;
	padding-left:8px;line-height: 17px;cursor:pointer;
	width: 132px;	
	background: #FFFFFF;
	border:1px solid #CEC7C5;
	z-index: 900;
}

#sel10 {
	position: absolute;
	top: -3px;
	left: -7px;
	padding-left:6px;line-height: 17px;cursor:pointer;
	width: 58px;	
	background: #FFFFFF;
	border:1px solid #CEC7C5;
	z-index: 900;
}

#sel11 {
	position: absolute;
	top: -3px;
	left: -9px;
	padding-left:8px;line-height: 17px;cursor:pointer;
	width: 63px;	
	background: #FFFFFF;
	border:1px solid #CEC7C5;
	z-index: 900;
}

#sel3,#sel4,#sel5,#sel8,#sel9,#sel10,#sel11 {
	top: -1px;
}
*/

/* 통계 검색결과 내용부분 레이어 */
#contents {
	position: relative;
	margin: 5px;
}
/* 내용Div End */


/* Style Start */
/* 4depth메뉴 table */
.submn {width:107px;background: url(../../Images/statistics/4depth_bg.gif) repeat-y;}
.submn td {height:19px;padding-left:15px;color:#979291;}
.submn td.tp {padding:0;height:4px;background:url(../../Images/statistics/4depth_top.gif) no-repeat right top;}
.submn td.tp2 {height:3px;background:url(../../Images/statistics/4depth_top3.gif) no-repeat right top;}
.submn td.tpar {padding:0;width:8px;padding-top:26px;vertical-align:top;}
.submn td.tparData {padding:0;width:8px;padding-top:0px;vertical-align:top;}
.submn td.bt {padding:0;height:11px;background:url(../../Images/statistics/4depth_bottom.gif) no-repeat right top;}
.submn tr.On td {color:#249EC2;background:url(../../Images/statistics/4depth_arrow.gif) no-repeat right top;cursor:pointer;}
.submn tr.Ontp td {color:#249EC2;background:url(../../Images/statistics/4depth_arrow3.gif) no-repeat right top;cursor:pointer;}
.submn tr.Onbt td {color:#249EC2;background:url(../../Images/statistics/4depth_arrow2.gif) no-repeat right top;cursor:pointer;}
.submn tr.tp2 td {background:url(../../Images/statistics/4depth_top2.gif) no-repeat right top;cursor:pointer;}
.submn tr.bt2 td {background:url(../../Images/statistics/4depth_bottom2.gif) no-repeat right top;cursor:pointer;}

/* 통계 검색 table */
.srch {width:100%;}
.srch td {padding-top:1px;}
.srch td span {float:left;}
.srch td span.year {width:62px;height:20px;background:url(../../Images/statistics/bg_year.gif) no-repeat;color:#FFFFFF;padding-left:8px;cursor:pointer;}
.srch td span.month {width:52px;height:20px;background:url(../../Images/statistics/bg_month.gif) no-repeat;color:#FFFFFF;padding-left:8px;cursor:pointer;}

/* 통계 상세검색 brand Div 스타일 */
.brand {
	width: 96%;
	height: 108px;
	border: 1px solid #CAC1BE;
	padding-left: 7px;
	overflow-y: auto;
	scrollbar-face-color:#F1ECEB;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color: #CAC1BE;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-darkshadow-color: #CAC1BE;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color:#979291;
}

.model {
	width: 96%;
	height:108px;
	border:1px solid #CAC1BE;
	padding-left: 7px;
	overflow-y: auto;
	scrollbar-face-color:#F1ECEB;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color: #CAC1BE;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-darkshadow-color: #CAC1BE;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color:#979291;
}

/* 통계 상세검색 select table */
.sel {width:99%;height:103px;}
.sel td.left	{width:8px;height:20px;background:url(../../Images/statistics/sel_left.gif) no-repeat left top;cursor:pointer;}
.sel td.bg	{height:20px;padding-top:1px;background:url(../../Images/statistics/sel_bg.gif) repeat-x;cursor:pointer;}
.sel td.right	{width:19px;height:20px;background:url(../../Images/statistics/sel_right.gif) no-repeat left top;cursor:pointer;}


/* 통계 결과table */
.sttb {width:100%;border-top:2px solid #BDAA95;border-bottom:1px solid #BEA994;}
.sttb th {text-align:center;height:30px;border-right:1px solid #F5F1E8;border-bottom:1px solid #BEA994;background:#E6DECE;}
.sttb th.wh {color:#FFFFFF;background:#D1C4AD;}
.sttb th.bt {border-bottom:1px solid #F5F1E8;}
.sttb th.nor, .sttb td.nor {border-right:0px;}
.sttb th.txtb {color:#000000;}
.sttb td {text-align:right;padding-right:7px;height:30px;border-right:1px solid #EFEFE7;}
.sttb td.txt {text-align:left;padding:0;padding-left:14px;background:#F1EEE7;}
.sttb td.txtc {text-align:center;padding:0;background:#FFFFFF;}
.sttb td.numbg {background:#FBF8F3;color:#000000;}

/* 통계 결과 파란색table */
.sttbBlue {width:100%;border:1px solid #249EC2;border-top:2px solid #249EC2;}
.sttbBlue th {text-align:center;height:30px;border-right:1px solid #FFFFFF;border-bottom:1px solid #CECDCD;background:#DFEBEE;}
.sttbBlue th.bt {border-bottom:1px solid #FFFFFF;}
.sttbBlue th.nor, .sttbBlue td.nor {border-right:0px;}
.sttbBlue th.txtb {color:#000000;}
.sttbBlue td {text-align:right;padding-right:7px;height:30px;border-right:1px solid #D9E0E4;}
.sttbBlue td.numbg {background:#F7FEFF;color:#000000;}

/* 통계 결과 table2 */
.sttb2 {width:100%;border-top:2px solid #9A9592;border-right:1px solid #9A9592;}
.sttb2 th {text-align:center;height:60px;border-right:1px solid #F1EEE7;border-bottom:1px solid #CECDCD;background:#E6DECE;}
.sttb2 th.wh {background:#D1C4AD;border-right:0px;}
.sttb2 th.mt {height:30px;text-align:left;padding:0;padding-left:18px;background:#D0C4AC;border-right:0px;border-bottom:0px;}
.sttb2 th.mt2 {height:30px;text-align:right;padding:0;padding-right:7px;border-right:0px;border-bottom:0px;}
.sttb2 th.nor, .sttb2 td.nor {border-right:0px;}
.sttb2 th.txtb {color:#000000;}
.sttb2 td {text-align:right;padding-right:7px;height:30px;border-right:1px solid #EFEFE7;}
.sttb2 td.txt {text-align:left;padding:0;padding-left:22px;background:#F1EEE7;}
.sttb2 td.txtc {text-align:center;padding:0;background:#FFFFFF;}
.sttb2 td.numbg {background:#FBF8F3;color:#000000;}

/* 통계 결과 파란색table2 */
.sttbBlue2 {width:100%;border:1px solid #249EC2;}
.sttbBlue2 th {text-align:left;padding-left:22px;height:30px;background:#DFEBEE;color:#000000;}
.sttbBlue2 td {text-align:right;padding-right:7px;height:30px;color:#000000;font-weight:bold;}
.sttbBlue2 td.bg {background:#DFEBEE;}

.btnBig {
	border:none;
	background:url(../../Images/statistics/btn_big.gif);
	width:78px;
	height:21px;
}

.btnChart {
	border:none;
	background:url(../../Images/statistics/btn_chart.gif);
	width:63px;
	height:21px;
}

.btnExcel {
	border:none;
	background:url(../../Images/statistics/btn_excel.gif);
	width:56px;
	height:21px;
}


/* 타이틀 */
.title	{font-size:14px;color:#403D3C;font-weight:bold;x;padding-left:5px;padding-top:20px;padding-bottom:5px;}


/* 글씨배경색 */
.fontbg {background:#9AACB1;color:#FFFFFF;font-size:12px;font-weight:bold;padding:2px 2px 1px 3px;}

.linetxt li {overflow:hidden;height:20px;padding:5px 0 0 20px;background:url(../Images/common/icon_point22.gif) 7px 12px no-repeat;border-bottom:1px solid #EAE6E6;}

/* Style End */