/** default */
body {
	font-size: 9pt;
	font-family: ngulim, gulim;
/*    ngulim, gulim; */
	color: #444444;

	margin: 2px 0px 0px 0px;
}

a {
	color:#0000cc;
	cursor: pointer;
	text-decoration: none;
}

a:link, a:active, a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

input {
    font-size: 9pt;
	font-family: ngulim, gulim;
    padding: 3px 3px;
    vertical-align: middle;
    ime-mode: active;
}

select {
    font-family: ngulim, gulim;
    font-size: 10pt;
    padding: 3px 3px;
}

textarea {
    font-size: 9pt;
	font-family: ngulim, gulim;
    padding: 3px 3px;
    line-height: 120%;
    ime-mode: active;
}

.popupBody {
     margin: 5px 5px;
}

.inputEn {
    ime-mode: disabled;
}

.inputMoney {
    text-align: right;
}

/** font */
.f8 {
	font-size: 8pt;
}

.f9 {
	font-size: 9pt;
}

.f10 {
	font-size: 10pt;
}

.f11 {
	font-size: 11pt;
}

.f12 {
	font-size: 12pt;
}

.f14 {
	font-size: 14pt;
}

.f16 {
	font-size: 16pt;
}

.bold {
	font-weight: bold;
}

.underline {
	text-decoration: underline;
}

/** button */
.btnArea {
	width: 100%;
}

.popupContentArea {
    width: 100%;    
    margin-left: 5px;
    margin-right: 5px;
}

.accountbookContentArea {
    width: 98.2%;
    margin-left: 10px;
    margin-right: 5px;
}

.contentArea {
	width: 980px;
	margin: 0 auto;
}

.headerArea {
	width: 100%;

	text-align: left;
}

.headerBar {

}

.headerBarBottom {
    height: 2px;
    background-color: #2d70ae;
}

.headerMenuConsole {
    float: left;
    width: 73px;
	height: 30px;
	cursor: pointer;
	text-align: center;
	background-image: url('/images/button/btn_topmenu_console.gif');
}

.headerMenuConsoleActive {
    float: left;
    width: 73px;
	height: 30px;
	cursor: pointer;
	text-align: center;
	background-image: url('/images/button/btn_topmenu_console_active.gif');
}

.headerMenuHome {
    float: left;
    width: 42px;
	height: 30px;
	cursor: pointer;
	text-align: center;
	background-image: url('/images/button/btn_topmenu_home.gif');
}

.headerMenuHomeActive {
    float: left;
    width: 42px;
	height: 30px;
	cursor: pointer;
	text-align: center;
	background-image: url('/images/button/btn_topmenu_home_active.gif');
}

.headerMenuAccountbook {
    float: left;
    width: 68px;
	height: 30px;
	cursor: pointer;
	text-align: center;
	background-image: url('/images/button/btn_topmenu_accountbook.gif');
}

.headerMenuAccountbookActive {
    float: left;
    width: 68px;
	height: 30px;
	cursor: pointer;
	text-align: center;
	background-image: url('/images/button/btn_topmenu_accountbook_active.gif');
}

.headerMenuDiary {
    float: left;
    width: 84px;
	height: 30px;
	cursor: pointer;
	text-align: center;
	background-image: url('/images/button/btn_topmenu_diary.gif');
}

.headerMenuDiaryActive {
    float: left;
    width: 84px;
	height: 30px;
	cursor: pointer;
	text-align: center;
	background-image: url('/images/button/btn_topmenu_diary_active.gif');
}

.headerMenuCommunity {
    float: left;
    width: 84px;
	height: 30px;
	cursor: pointer;
	text-align: center;
	background-image: url('/images/button/btn_topmenu_community.gif');
}

.headerMenuCommunityActive {
    float: left;
    width: 84px;
	height: 30px;
	cursor: pointer;
	text-align: center;
	background-image: url('/images/button/btn_topmenu_community_active.gif');
}

.headerMenuPhoto {
    float: left;
    width: 59px;
	height: 30px;
	cursor: pointer;
	text-align: center;
	background-image: url('/images/button/btn_topmenu_photo.gif');
}

.headerMenuPhotoActive {
    float: left;
    width: 59px;
	height: 30px;
	cursor: pointer;
	text-align: center;
	background-image: url('/images/button/btn_topmenu_photo_active.gif');
}

.headerMenuMyPage {
    float: left;
    width: 106px;
	height: 30px;
	cursor: pointer;
	text-align: center;
	background-image: url('/images/button/btn_topmenu_mypage.gif');
}

.headerMenuMyPageActive {
    float: left;
    width: 106px;
	height: 30px;
	cursor: pointer;
	text-align: center;
	background-image: url('/images/button/btn_topmenu_mypage_active.gif');
}

.btn30 {
	width: 30px;
	height: 18px;
	cursor: pointer;
	font-size: 9pt;
	padding-top: 6px;
	text-align: center;
	background-image: url(/images/button/btn_30.gif);
    vertical-align: bottom;    
    color: #555;
}

.btn60 {
	width: 60px;
	height: 18px;
	cursor: pointer;
	font-size: 9pt;
	padding-top: 6px;
	text-align: center;
	background-image: url(/images/button/btn_60.gif);
    vertical-align: bottom;    
    color: #555;
}

.btn80 {
	width: 80px;
	height: 18px;
	cursor: pointer;
	font-size: 9pt;
	padding-top: 6px;
	text-align: center;
	background-image: url('/images/button/btn_80.gif');
    color: #555;    
}

.btn100 {
	width: 100px;
	height: 18px;
	cursor: pointer;
	font-size: 9pt;
	padding-top: 6px;
	text-align: center;
	background-image: url('/images/button/btn_100.gif');
    color: #555;
}

.btn120 {
	width: 120px;
	height: 18px;
	cursor: pointer;
	font-size: 9pt;
	padding-top: 6px;
	text-align: center;
	background-image: url('/images/button/btn_120.gif');
    color: #555;
}

.btn150 {
	width: 150px;
	height: 18px;
	cursor: pointer;
	font-size: 9pt;
	padding-top: 6px;
	text-align: center;
	background-image: url('/images/button/btn_150.gif');
    color: #555;
}

.btn160 {
	width: 160px;
	height: 18px;
	cursor: pointer;
	font-size: 9pt;
	padding-top: 6px;
	text-align: center;
	background-image: url('/images/button/btn_160.gif');
    color: #555;
}

.headerBarColor {
	background-color: #67a7e3;
}

.verticalMarginBottom {
    margin-bottom: 8px;
}

.noticeArea {   
    margin-bottom: 8px;
}

.noticeBar {
    font-weight: bold;
    padding: 5px 5px;    
    background-color: #c3d9ff;    
    border-style:solid; 
    border-color: #67a7e3; 
    border-width: 1px;
    vertical-align: middle;
}

.noticeBarTopLeft {
    width: 5px;
    height: 5px;
    background-image: url(/images/etc/etc_round_noticebar_lefttop.gif);
}

.noticeBarTopCenter {
    height: 5px;
    background-image: url(/images/etc/etc_round_noticebar_centertop.gif);
}

.noticeBarTopRight {
    width: 5px;
    height: 5px;
    background-image: url(/images/etc/etc_round_noticebar_righttop.gif);
}

.noticeBarMiddleLeft {
    width: 5px;
    height: 22px;
    background-image: url(/images/etc/etc_round_noticebar_leftmiddle.gif);
}

.noticeBarMiddleCenter {
    background-color: #c3d9ff;
}

.noticeBarMiddleRight {
    width: 5px;
    height: 22px;
    background-image: url(/images/etc/etc_round_noticebar_rightmiddle.gif);
}

.noticeBarBottom {
    height: 1px;
    background-color: #67a7e3;
}

.noticeBarTitle {
    float: left; 
    font-weight: bold;
    padding-left: 5px;
}

.noticeBarMore {
    float: right; 
    margin-top: 2px;
}

.noticeContent {
    padding: 5px 5px;
    background-color: #ffffff;    
    border-style:solid; 
    border-color: #67a7e3; 
    border-width: 1px;  
    border-top-width: 0px;
}

.noticeContentLeft {
    background-image: url(/images/etc/etc_round_noticebar_leftcontent.gif);
}

.noticeContentCenter {
    background-color: #ffffff;
    padding-top: 3px;
}

.noticeContentRight {
    background-image: url(/images/etc/etc_round_noticebar_rightcontent.gif);
}

.noticeBottomLeft {
    width: 5px;
    height: 5px;
    background-image: url(/images/etc/etc_round_noticebar_leftbottom.gif);
}

.noticeBottomCenter {
    height: 5px;
    background-image: url(/images/etc/etc_round_noticebar_centerbottom.gif);    
}

.noticeBottomRight {
    width: 5px;
    height: 5px;
    background-image: url(/images/etc/etc_round_noticebar_rightbottom.gif);    
}

.bestMemberBox {
    padding: 5px 5px;
    background-color: #f8f8f8;    
    border-style:solid; 
    border-color: #c6c8e4; 
    border-width: 1px;  
}

.accountbookTabArea {

}

.accountbookTab {
    border-style: solid;
    border-width: 1px;
    border-bottom-width: 0px;    
    border-color: #94b4e6;
    background-color: #e8effd;
    height: 18px;  
    padding-top: 7px;
    margin-left: 5px;
    text-align: center; 
    float: left;
    cursor: pointer;
}

.accountbookTabActive {
    border-style: solid;
    border-width: 1px;
    border-bottom-width: 0px;
    border-color: #94b4e6;
    background-color: #94b4e6;
    color: #ffffff;
    height: 18px;  
    padding-top: 7px;
    margin-left: 5px;
    text-align: center; 
    float: left;
    font-weight: bold;
}

.accountbookTab:hover {
    background-color: #d9e9f9;
    font-weight: bold;    
}

.accountbookTabBottomLine {
    width: 100%;
    height: 2px;
    background-color: #94b4e6;
    float: left;    
    overflow-y: hidden;    
}

.accountbookTabContentArea {
    width: 100%;
    padding-top: 5px;
    float: left;
}

.leftOnly {
    float: left;
}

.rightOnly {
    float: right;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.listHeaderLine {
    width: 100%;
    height: 1px;
    background-color: #94b4e6;
    overflow-y: hidden;
}

.listArea {
    border-style: solid;
    border-width: 1px;           
    border-color: #94b4e6;
}

.listTable {    
    width: 100%;
    border-style: solid;
    border-width: 1px;           
    border-color: #f0f0f0;
    border-top-color: #94b4e6;
    border-collapse: collapse;
}

.excelListTable {    
    width: 100%;
    border-style: solid;
    border-width: 1px;           
    border-color: #f0f0f0;
    border-collapse: collapse;
}

.listHeader {       
    background-color: #c3d9ff;
    padding: 5px 3px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    color: #666666;
}

.listHeaderLeft {
    background-color: #c3d9ff;
    padding: 5px 3px;
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
    color: #666666;
}

.listHeaderRight {
    background-color: #c3d9ff;
    padding: 5px 3px;
    text-align: right;
    vertical-align: middle;
    font-weight: bold;
    color: #666666;
}

.listDetail {
    text-align: center;
    height: 24px;
    vertical-align: middle;
    color: #666666;
}

.listDetailLeft {
    text-align: left;
    padding-left: 3px;
    height: 24px;
    vertical-align: middle;
}

.listDetailRight {
    text-align: right;
    padding-right: 3px;    
    height: 24px;
    vertical-align: middle;    
}

.excelListDetail {
    font-size: 9pt;
    text-align: center;
    height: 18px;
    vertical-align: middle;        
}

.excelListDetailLeft {
    font-size: 9pt;
    text-align: left;
    padding-left: 3px;
    height: 18px;
    vertical-align: middle;   
}

.excelListDetailRight {
    font-size: 9pt;
    text-align: right;
    padding-right: 3px;    
    height: 18px;
    vertical-align: middle;    
}

.popupTitleBar {
    font-size: 10pt;
    height: 12px;
    border-style: solid;
    border-width: 1px;           
    border-color: #94b4e6;    
    font-weight: bold;
    background-color: #c3d9ff;
    padding: 6px 0px 8px 5px;
    color: #666;
    margin-bottom: 6px;
}

.formTable {
    width: 100%;
    background-color: #ddd;
    border-style: solid;
    border-width: 1px;           
    border-color: #f0f0f0;
    border-top-color: #94b4e6;
    border-collapse: collapse;
}

.formTable tr {
    background-color: #e0ecff;
}

.formTable td {
    padding-top: 3px;
    padding-bottom: 3px;
}

.formItem {
    width: 95px;
    padding-left: 5px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;    
    color: #666;
}

.formItemRight {
    width: 95px;
    padding-right: 5px;
    text-align: right;
    vertical-align: middle;
    font-weight: bold;
    color: #666;
}

.formData {
    padding-left: 3px;
    vertical-align: middle;
    background-color: #fff;
}

.formRadioData {
    padding-left: 3px;
    vertical-align: middle;
    background-color: #fff;    
}

.searchArea {
    margin-bottom: 10px;
}

.searchTable {
    width: 100%;
    border-style: solid;
    border-width: 1px;           
    border-color: #f0f0f0;
    border-collapse: collapse;
}

.searchTable tr {
    background-color: #e0ecff;
}

.searchTable td {
    padding-top: 3px;
    padding-bottom: 3px;
}

.searchItem {
    width: 95px;
    padding-left: 5px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;    
    color: #666;
}

.searchData {
    padding-left: 3px;
    vertical-align: middle;
    background-color: #fff;
}

.searchButtonTable {
    width: 100%;
    border-style: solid;
    border-width: 1px;           
    border-color: #f0f0f0;
    border-top-color: #94b4e6;
    border-collapse: collapse;
}

.searchButtonTable td {
    padding-top: 3px;
    padding-bottom: 3px;
}

.searchButton {
    text-align: right;
    padding-right: 3px;
    vertical-align: middle;
}

.funcButtonBar {
    width: 100%;
    height: 1px;
    background-color: #ddd;
    overflow-y: hidden;
}

.calendar {
    width: 100px;
}

.lineBar {
    width: 100%;
    height: 1px; 
    background-color: #bbb; 
    margin-top: 10px; 
    margin-bottom: 10px;
    overflow-y: hidden;
}

.comment {
    color: #e45507;
}

.helpTitle {
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
    text-decoration: underline;
}

.excelTitle {
    vertical-align: middle;
    text-align: center;
    font-size: 14pt;
    font-weight: bold;
    height: 30px;
    text-decoration: underline;    
}

.printTitle {
    vertical-align: middle;
    font-size: 14pt;
    text-align: center;
    font-weight: bold;
    height: 30px;
    text-decoration: underline;        
}

.printTitleInfo {
    vertical-align: middle;
    padding: 5px 5px;
    line-height: 130%;
}

.printDate {
    text-align: right;
}

.flgUseNo {
    background-color: #ffe9ef;
}

.roundBoxGray1 {
    background-color: #fff;
}
.roundBoxGray1 .rtop, .rbottom {
    display: block;
}
.roundBoxGray1 .rtop *, .rbottom * {
    display: block; 
    height: 1px; 
    overflow: hidden;
}
.roundBoxGray1 .r1 {
    margin: 0 5px; 
    background: #CCCCCC;
}
.roundBoxGray1 .r2 {
    margin:0 3px; 
    border-left: 2px solid #cccccc;
    border-right: 2px solid #cccccc; 
    background: #eeeeee;
}
.roundBoxGray1 .r3 {
    margin: 0 2px; 
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc; 
    background: #eeeeee;
}
.roundBoxGray1 .r4 {
    margin: 0 1px; 
    height: 2px; 
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc; 
    background: #eeeeee;
}
.roundBoxGray1 .box {
    margin: 0; 
    padding: 5px 10px; 
    border-left: #cccccc solid 1px;
    border-right: #cccccc solid 1px;
    background: #eeeeee; 
}

.pageTitle {
    border-style: solid;
    border-width: 1px;           
    border-color: #ccc;
    border-collapse: collapse;
    padding-left: 8px;
    padding-top: 8px;    
    margin-bottom: 8px;
    background-color: #f0f0f0;
    color: #666;
    vertical-align: middle;
    font-size: 10pt;
    text-align: left;
    font-weight: bold;
    height: 21px;
}

.no_data_found {
    padding: 5px 5px;
    text-align: center;
    font-style: italic;    
}

.borderGrayTable {
    border-style: solid;
    border-width: 1px;           
    border-color: #ccc;
    border-collapse: collapse;
    color: #666;
    vertical-align: middle;
    text-align: left;
}

.incomeColor {
    color: #0101e1;
}

.expenseColor {
    color: #e51b23;
}

.transferColor {
    color: #008000;
}

.zeroColor {
    color: #444444;
}

.incomeBackgroundColor {
    background: #448ccb;
}

.expenseBackgroundColor {
    background: #ed145b;
}

.transferBackgroundColor {
    background: #84ab37;
}

.buttonMarginLeft {
    margin-left: 5px;
}

.buttonMarginRight {
    margin-right: 5px;
}

.fixedHeight {
    overflow-x: hidden;
    overflow-y: scroll;
}

.listTableBackground:hover {
    background: #dddddd;
}

.footer {

}

/*
테이블 크기 절대 고정
style="table-layout:fixed" 


<input type="text" STYLE = "ime-mode:inactive">
<input type="text" STYLE = "ime-mode:active">
<input type="text" STYLE = "ime-mode:disabled">

테이블 자동 스크롤
style="word-break:break-all;" wrap="hard"

익스 -  filter:alpha(opacity=70) 
파폭 -  opacity: .7 


table, th, td {
   border-collapse: collapse;
} 
 

expression은 css에서 javascript 문법이 가능하도록 만든 MS의 확장기능이다. 결국...IE 전용이라는거~~~
input,textarea { border: expression( (this.type=='checkbox'||this.type=='radio')?'0px':'1px solid #c0c0c0' ); }

파폭은 요로코 해줘도 됨.
input[type=text], textarea{
  border:1px solid #c0c0c0;
}
<input type="text"><br>
<input type="checkbox"><br>
<input type="radio"><br>
<input type="file"><BR>
<textarea></textarea>
*/