* { padding: 0; margin: 0; }

body {
 font-size: 12px;
 background-color: #E6E6E6;
 color: #333333;
}
img {
 border: none;
}
.c-both {
 clear:both;
}
#wrapper { 
 margin: 0 auto;
 width: 820px;
}
#header {
 width: 820px;
 background-image: url(../img/main_bg.gif);
 background-repeat: repeat-y;
 height: 108px;
 margin: 0px 0px 0px 0px;
}
#header h1 {
 width: 788px;
 height: 23px;
 color: #FFFFFF;
 font-size: 12px;
 font-weight: 100;
 margin: 0px auto 0px 11px;
 background-image: url(../img/cardloan_topbg.gif);
 background-repeat: repeat-x;
 padding: 7px 0px 0px 10px;
}
#header-frame {
 width: 798px;
 height: 68px;
 margin: 0px 11px 0px 11px;
 padding: 10px 0px 0px 0px;
 background-image: url(../img/cardloan_bg.gif);
 background-repeat:repeat-x;
}
#logo {
 width: 241px;
 height: 54px;
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 10px;
}
.header-menu {
 width: 547px;
 height: 54px;
 float: right;
 margin: 0px 0px 0px 0px;
}
.header-menu li {
 width: 90px;
 height: 26px;
 margin: 1px 0px 0px 1px;
 list-style: none;
 float: left;
}
#content { 
 width: 820px;
 background-image: url(../img/main_bg.gif);
 background-repeat: repeat-y;
 margin: 0px 0px 0px 0px;
 height: auto;
 text-align: center;
}
.title-img {
 width: 760px;
 margin: 0px 30px 5px 30px;
}
.main-txt {
 width: 740px;
 line-height: 150%;
 margin: 0px 40px 15px 40px;
 text-align: left;
}
.contents-frame {
 width: 750px;
 height: 156px;
 border: 1px solid #CCCCCC;
 margin: 0px 30px 5px 30px;
 padding: 5px;
}

#contents-txt {
 width: 740px;
 height: auto;
 background-color: #E6E6E6;
 text-align: left;
 margin: 0px 30px 0px 30px;
 padding: 10px;
 line-height: 140%;
}
.site-image {
 width: 200px;
 height: 150px;
 background-image: url(../img/cardloan_imgbg.gif);
 background-repeat: repeat;
 margin: 0px 0px 0px 0px;
 padding: 4px;
 float: left;
}
.site-info {
 width: 535px;
 height: auto;
 float: right;
 text-align: left;
 margin: 0px 0px 0px auto;
}
.site-tit {
 width: 529px;
 height: 17px;
 margin: 0px 0px 0px 0px;
 padding: 3px;
 background-color: #3e720b;
 color: #FFFFFF;
 font-size: 14px;
 font-weight: bold;
 text-align: left;
}
.site-info-txt {
 width: 535px;
 height: 92px;
 line-height: 140%;
 margin: 5px 0px 0px 0px;
}
.site-info-bt {
 
 height: 35px;
 text-align: right;
 margin: 0px 0px 0px 0px;
}
#footer-top { 
 width: 820px;
 height: 10px;
 text-align: center;
 background-image: url(../img/footer_bg01.gif);
 background-repeat: repeat-y;
}
#footer-line {
 height: 4px;
}
#footer-line2 {
 height: 1px;
 width: 816px;
 background-color: #3e720b;
}
#footer-banner {
 width: 632px;
 height: 35px;
 margin: 15px 96px 0px 93px;
}
#footer-banner li {
 list-style: none;
 float: left;
 margin-right: 3px;
}
#footer-bottom { 
 width: 820px;
 height: 180px;
 line-height: 170%;
 font-size: 10px;
 color: #333333;
 text-align: center;
 background-image: url(../img/footer_bg02.gif);
 background-repeat: repeat-y;
 padding: 10px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
}

h2 {font-size: 13px;color: #000000;font-weight: bold;margin: 0px;}
h3 {font-size: 13px;color: #000000;font-weight: normal;margin: 0px;}
h4 {font-size: 14px;color: #FFFFFF;font-weight: bold;margin: 0px;}
h5 {font-size: 14px;color: #000000;font-weight: normal;margin: 0px;}
h6 {font-size: 14px;color: #000000;font-weight: normal;margin: 0px;}