@charset "utf-8";
@import "style.css";
/* ------------------------------------------------------------
 * Name      : common.css
 * Desc       : 
 * e-mail     : naru3111@gmail.com
 * Created   : 2008/09/16 by myungwol
 * Updated  :
 ------------------------------------------------------------ */

/*Common*/
body {
	width:100%;height:100%;
	margin:0;padding:0;
	font-size: 0.75em;line-height: 1.5;
	font-family:verdana, Arial;
	color:#777;
}
table{border-collapse:collapse;}
td, th{font-size: 1em;padding:0;}
p, div, th, td, select{font-size:1em;margin:0;padding:0;}
optgroup label{font-style:normal;font-weight:normal;}
form, p, blockquote, dl, dd, dt{margin:0;padding:0;}
ul, li, ol{list-style:none;margin:0;padding:0;}
em{font-style:normal;}
li img{vertical-align:top;line-height:0;}
fieldset{margin:0;padding:0;border:0;}
img, input.type-image{border:0 none;line-height:0;}

textarea, dl, div{
	scrollbar-face-color: #FDFDFD;
	scrollbar-shadow-color: #e5e5e5;
	scrollbar-highlight-color: #e5e5e5;
	scrollbar-3dlight-color: #FDFDFD;
	scrollbar-darkshadow-color: #FDFDFD;
	scrollbar-track-color: #F5F5F5;
	scrollbar-arrow-color: #e5e5e5;
}
input, select, textarea{
	vertical-align: middle;
	font-size: 1em;color:#888;
}
hr{display:none;}
.comment{display:none;width:0px; height:0px; overflow:hidden;font-size:0;line-height:0;}

/*INPUT*/
input.text{padding:3px 5px 4px 5px;border:1px solid #e0e0e0;}
input.textOn{padding:3px 5px 4px 5px;border:1px solid #e0e0e0;background:#f6f6f6;}
textarea.textarea{border:1px solid #d8d2d4;}

/*LINK*/
a:link{color:#777; text-decoration:none;}
a:visited{color:#777; text-decoration:none;}
a:hover{color:#777; text-decoration:none;}
a:active{color:#777; text-decoration:none;}

/*title*/
h1 img, h2 img, h3 img, h4 img h5 img{display:block;}
h1, h2, h3, h4, h5{font-size:1em; margin:0; padding:0;}

/*Button*/
.btnStyle1{text-align: right;}
.btnStyle2{text-align: center;}

/*Layout*/
#wrapperAll{width:891px;margin:0 auto;}
#wraperCnt{background:none;}
#topNav{margin-bottom:26px;}
#cntArea{ width:100%; }
#footerArea{height:100px;margin-top:60px;clear:both;}

	/*topNav*/
	#topNav .logoSec{height:62px;overflow:hidden;}
	#topNav .logoSec h1{float:left;width:180px;padding:20px 0 0 29px;}
	#topNav .logoSec ul{float:right;width:120px;height:35px;padding-top:24px;}
	#topNav .logoSec ul li{float:left;padding:0 5px 0 6px;background:url(/image/common/nav/subGnb_bar.gif) 0 1px no-repeat;}
	#topNav .logoSec ul li.first-child{padding-left:0;background:none;}
	#topNav ul#topGnb{height:35px;}
	#topNav ul#topGnb li{float:left;line-height:0;font-size:0;}
	
	/*cntArea*/
	#cntArea .titleArea{height:53px;padding-left:29px;margin-bottom:25px;background:url(/image/common/historyLine.gif) 0 bottom repeat-x;}
	#cntArea .titleArea h3{height:32px;}
	#cntArea .titleArea .historyNav a, #cntArea .titleArea .historyNav span{
		font-size:0.9em;line-height:1.2;
		padding:0 5px 0 7px;background:url(/image/common/arrow_orange1.gif) 0 4px no-repeat;
	}
	#cntArea .titleArea .historyNav a.first-child{padding-left:0;background:none;}


	/*footerArea*/
	#footerArea div.footerGnb{height:23px;padding-top:4px;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;text-align: center;}
	#footerArea div.footerGnb a{padding:0 5px 0 6px;background:url(/image/common/nav/footerGnb_bg.gif) 0 2px no-repeat;}
	#footerArea div.footerGnb a.first-child{padding-left:0;background:none;}
	#footerArea p.email{text-align:center;padding:5px 0 12px 0;}
	#footerArea p.email a:link, #footerArea p.email a:visited, #footerArea p.email a:hover, #footerArea p.email a:active{color:#06aad3;text-decoration: underline;}
	#footerArea p.copy{text-align:center;font-size:0.9em;}


/*renderStart Layout*/
body#renderStart #topNav{margin-bottom:25px;}
body#renderStart #wrapperCnt{background:url(/image/common/cntBg_middle.gif) 0 0 repeat-y;}
body#renderStart #wrapperBg1{padding-bottom:50px;background:url(/image/common/cntBg_bottom.gif) 0 bottom no-repeat;}
body#renderStart #wrapperBg2{
	min-height:330px;
	position:relative;
	padding-top:21px;
	background:url(/image/common/cntBg_top.gif) 0 0 no-repeat;
}
*html body#renderStart #wrapperBg2{height:330px;}/*for IE6.0*/
	/*secontNav*/
	#secondNav{position:absolute;left:0;top:0;}
	#secondNav ul.depth2{margin:0 0 0 2px;width:213px;}
	#secondNav ul.depth2 li a{
		display: block;
		width:196px;height:29px;
		padding:0 0 0 17px;margin-top:1px;
		line-height: 2.1;
		background: url(/image/common/nav/depth2_bg.gif) no-repeat;
	}
	#secondNav ul.depth2 li a:link,	#secondNav ul.depth2 li a:visited {text-decoration: none;}
	#secondNav ul.depth2 li a:hover,	 #secondNav ul.depth2 li a:active ,#secondNav ul.depth2 li a.on {text-decoration:none;color:#da7201;font-weight:bold;}
	#secondNav ul.depth2 li ul.depth3{
	width:159px;
	margin:4px 0 14px 26px;
	}
	#secondNav ul.depth2 li ul.depth3 li{width:159px;border-bottom:1px solid #e5e5e5;}
	#secondNav ul.depth2 li ul.depth3 li a{
	display: block;
	width:159px;height:21px;
	margin:0;padding:0;
	line-height:1.8;
	background: url(/image/common/nav/depth3_bg.gif) right 4px no-repeat;
	}
	#secondNav ul.depth2 li ul.depth3 li.on a{
	color:#777;
	background: url(/image/common/nav/depth3_bg1.gif) right 4px no-repeat;
	}
	#secondNav ul.depth2 li ul.depth3 li a:link, #secondNav ul.depth2 li ul.depth3 li a:visited {color:#bbb;font-weight: normal;}
	#secondNav ul.depth2 li ul.depth3 li a:hover, #secondNav ul.depth2 li ul.depth3 li a:active {color:#777;font-weight: normal;}
	#secondNav ul.depth2 li ul.depth3 li.on a:link,#secondNav ul.depth2 li ul.depth3 li.on a:visited,#secondNav ul.depth2 li ul.depth3 li.on a:hover,#secondNav ul.depth2 li ul.depth3 li.on a:active{color:#777;}

	body#renderStart #cntArea{width:599px;padding:0 0 0 259px;}
	body#renderStart #cntArea .titleArea{padding-left:0;}


/*table List Type1 - invoice pop*/
table.tblType1{border-top:2px solid #c59b6e;border-bottom:1px solid #c59b6e;}
table.tblType1 thead tr th{height:20px;font-size:0.9em;background:#e3b195;text-align:center;color:#955c1a;border-left:1px solid #FFF;}
table.tblType1 thead tr th.first-child, table.tblType1 tbody tr td.first-child{border-left:0;}
table.tblType1 tbody tr td{height:20px;text-align:center;background:#f2e3d8;border-left:1px solid #FFF;border-top:1px solid #FFF;}
table.tblType1 tbody tr td.total{background:#FFF;text-align:right;font-weight:bold;font-size:0.9em;padding-right:10px;}

/*table List Type2*/
table.tblType2_head{border-top:2px solid #c59b6e;border-bottom:1px solid #c59b6e;margin-bottom:2px;}
table.tblType2_head thead tr th{
	height:20px;
	text-align:center;font-size:0.9em;color:#955c1a;
	border-left:1px solid #FFF;border-top:1px solid #FFF;
	background:#f4ecd6;
}
table.tblType2_head thead tr th.first{border-left:0;}
table.tblType2_head thead tr th.point{background:#f3e2b9;}

ul.tblType2_body li{padding:6px 0 7px 0;background:url(/image/common/line_dot1.gif) 0 bottom repeat-x;}
ul.tblType2_body li table{border:1px solid #d9d9d9;}
ul.tblType2_body li table tbody tr td{
	height:20px;
	text-align:center;
	border-left:1px solid #d9d9d9;border-top:1px solid #d9d9d9;
}
ul.tblType2_body li table tbody tr.first-child td{background:#f5f3f1;}
ul.tblType2_body li table tbody tr.first-child td.noPoint{background:#FFF;}

/*paging*/
.paging{text-align:center;font-size:0.9em;margin-top:7px;}
.paging em{padding-left:20px;background:url(/image/common/bbs/paging_bar.gif) 9px 1px no-repeat;}
.paging em.first-child{padding-left:15px;background:none;}
.paging span.first{padding-left:15px;}


/* 090223 added */
.listType1{width:100%;font-size:0.9em;border-top:2px solid #7ea809;border-bottom:1px solid #7ea809;border-right:1px solid #dcdcdc;}
.listType1 tr th, .listType1 tr td{height:28px;border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
.listType1 tr th{background:#f8fced;font-weight: normal;text-align: left;padding-left:8px;}
.listType1 tr td{text-align: center;background:#FFF;}
.listType1 tr.credit td{font-weight: bold;color:#ea7c06;}
.listType1 tr.low th{font-weight: bold;}
.listType1 tr.low td{text-align:left;padding-left:12px;color:#ea7c06;}

.listType2 li{padding-left:8px;background:url(/image/common/arrow_green1.gif) 0 8px no-repeat;}

.listType3{width:100%;border-top:2px solid #c59b6e;border-bottom:2px solid #c59b6e;}
.listType3 tr th{background:#f3e2b9;padding-left:10px;color:#955c1a;text-align:left;border-top:1px solid #FFF;}
.listType3 tr td{background:#f4ecd6;padding:2px 0 2px 4px;text-align:left;border-left:1px solid #FFF;border-top:1px solid #FFF;}



.style1 { font-size:12px; color:White;}