/* default styles */
body { padding: 0; margin: 0; font: .7em Arial, sans-serif; line-height: 1.7em;}
clear { CLEAR: both;}
a { color: #004499; background: inherit;}
a:hover { color: #F2860F; background: inherit; }
p {	margin: 0 0 5px 0; TEXT-DECORATION: none }
ul { margin: 0; padding : 0; list-style : none; }
img { border: 0; }
input,TEXTAREA,SELECT{
font-family:Arial;
}
.H:link { COLOR: #777; TEXT-DECORATION: none}
.H:active { COLOR: #777; TEXT-DECORATION: none}
.H:visited { COLOR: #777; TEXT-DECORATION: none}
.H:hover { COLOR: #ffa421; TEXT-DECORATION: underline}
.M {FONT-SIZE: 13px; COLOR: #9C4816;}
.L{FONT-SIZE: 12px; COLOR: #444;}
.italic{font-style:italic; line-height:20px;}
/* layout */
#content { margin: 10px auto; width: 960px; }
#logo { FLOAT: left; width:280px; margin: 0 0 0 0px; padding:0 0 0px 0px; }
#slogan { font-size: 0.9em; margin: 0 0 10px 2px; padding: 0; color: #808080; background: #fff; }
#top_info { line-height: 27px; float: right; color: #808080; background: #fff; margin: 12px 5px 7px 0; text-align: right; height: 74px; }
#logoBox { MARGIN-BOTTOM: 5px; WIDTH: 960px; HEIGHT: 43px}
#topLinkBox { MARGIN-TOP: 0px; FLOAT: right; WIDTH: 250px; HEIGHT: 18px}
#Tlink1 { FONT-SIZE: 9pt; FLOAT: left; LINE-HEIGHT: 18px; LIST-STYLE-TYPE: none}
#Tlink2 { FONT-SIZE: 9pt; BACKGROUND: url(images/cn_tapB.gif) no-repeat; FLOAT: right; MARGIN-LEFT: 15px; WIDTH: 123px; LINE-HEIGHT: 18px; LIST-STYLE-TYPE: none; HEIGHT: 18px; TEXT-ALIGN: center}
#layoutHeader{}
	#layoutHeader .sitelogo {BOTTOM:10px;left:16px;FLOAT: left; WIDTH: 230px;}
	#layoutHeader .toparea1 {height:65px;text-align:right; FLOAT: left; WIDTH: 730px;}
	#layoutHeader .top_util {margin:5px 0px 0px 0px;color:#37544E; font:11px dotum,;}
	#layoutHeader .top_util A {color:#37544E;}
	#layoutHeader .top_util em {font-weight:bold; color:#D66921;}
	#layoutHeader .top_util A em {color:#D66921; }
	#layoutHeader .top_util A:hover{text-decoration:none;}
	#layoutHeader .top_util img {vertical-align:top;}
	#layoutHeader #menuNavi {margin:15px 0 0 190px;}
	#layoutHeader #menuNavi:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	#layoutHeader #menuNavi {display: inline-block;}
	#layoutHeader #menuNavi {display: block;}
	#layoutHeader #menuNavi li {float:left; padding-left:5px;}		
/* main menu topics */
#topics {float: left; width: 960px; background: url(images/topicsbg02.gif) repeat-x; margin: 0 0 5px 0;color: #fff; height: 80px;}
#topics li a { background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: center left;  padding: 0 0 0 12px; }
.searchBox {
   COLOR: #fff; margin: 14px 0; TEXT-ALIGN: center
}
.searchBox A {
	COLOR: #fff
}

INPUT.buttonSkinA {
	BORDER: #f39d24 1px solid; BACKGROUND: url(images/button.gif) #feeeb1 repeat-x 50% bottom; color: #5e2708; padding:0px 4px; FONT: bold 12px arial; cursor:pointer;}
INPUT.buttonSkinb {
	BORDER-RIGHT: #cf6f18 1px solid; BORDER-TOP: #f39d24 1px solid; BACKGROUND: url(images/button.gif) #feeeb1 repeat-x 50% bottom; BORDER-LEFT: #f39d24 1px solid; COLOR: #FFF; BORDER-BOTTOM: #cf6f18 1px solid
}	
/* main menu */
#layoutMid {display: inline-block;
}
.leftbar {
	MARGIN: 5px 0; FLOAT: left; WIDTH: 580px; TEXT-ALIGN: left
}
.rightbar {
	MARGIN: 5px 0; FLOAT: left; WIDTH: 365px; TEXT-ALIGN: left; MARGIN-LEFT: 10px
}
.blackborder {border-left:#E7E7E7 1 solid;border-right:#E7E7E7 1 solid;border-bottom:#E7E7E7 1 solid;}
.padd {padding-left:5px;padding-bottom:15px;padding-right:5px;LINE-HEIGHT: 130%;font-size:12px}
.M{color:#FE6700 font:bold 14px}
.More03{ MARGIN-RIGHT: 10px; MARGIN-TOP: -17px; FLOAT: right}
.More04{ MARGIN-RIGHT: 20px; MARGIN-TOP: -17px; FLOAT: right}
/* left side */
.NewOffers{	padding-left:5px;padding-right:5px;
    }
A.NewOffers:link    {COLOR: #004499; TEXT-DECORATION: none; FONT-SIZE: 12px;}
A.NewOffers:visited {COLOR: #004499; TEXT-DECORATION: none; FONT-SIZE: 12px;}
A.NewOffers:hover   {COLOR: #F2860F; TEXT-DECORATION: underline; FONT-SIZE: 12px;}
.FrameStyle{ background-color:#f8f8f8; border-left:1px solid #D8E5EF; border-bottom:1px solid #D8E5EF; border-right:1px solid #D8E5EF; margin-bottom:10px; width:580px; height:130px;
}
.Frame{ padding-left:10px; margin:0px;background:url(images/hz_006.gif);color:#9C4816; font-weight:bold; font-size:12px;line-height:26px;
 }
.FrameMore{ float:right; margin:5px 5px 0px 0px;}
A.More:link,
A.More:visited {color: #000;font-size:9px; text-decoration: none}
A.More:hover {color: #000;font-size:9px; text-decoration: underline}
.LeadsCycle {margin: 0px;width:580;}
h2{font-size: 12px;margin:0px;border-bottom: #d4d4d4 1px solid;padding:0px 10px; height:20px}
h2 A:link {color: #004499;font-weight:bold; text-decoration: none}
h2 A:visited {color: #004499;font-weight:bold; text-decoration: none}
h2 A:hover {color: #F2860F;font-weight:bold; text-decoration: underline}
.Column {float:left;width:290px;overflow:hidden}
.Column.one1 ul{ border-right:1px dotted  #c8c8c8; background-color:#fff; list-style-type: none;padding:0px;overflow:hidden;}
.Column.one1 ul li{ margin:0px;padding:0px 5px 0px 5px; height:20px; overflow:hidden}
.Column2 {float:left;clear:right;width:290px;overflow:hidden}
.Column2.one2 ul{ background-color:#fff; list-style-type: none; padding:0px;overflow:hidden}
.Column2.one2 ul li{ margin:0px;padding:0px 5px 0px 5px; height:20px; overflow:hidden}
.Date1{ color:#c8c8c8; float:right; clear:right;}
.LeadsCycleBg{ background-color:#f8f8f8;}

#index_btn {
	BORDER-RIGHT: #DCDDDE 1px solid;  BORDER-TOP: #DCDDDE 1px solid;BORDER-BOTTOM: #DCDDDE 1px solid; BORDER-LEFT: #DCDDDE 1px solid; MARGIN-TOP: 10px; OVERFLOW: hidden; BACKGROUND: #f7fbfd; PADDING-BOTTOM: 0px; WIDTH: 580px; HEIGHT: 84px; 
}
#index_btn IMG {
	  FLOAT: left; DISPLAY: block; WIDTH: 580px; HEIGHT: 84px
}

.fairnews {
	BORDER-RIGHT: #FAD494 1px solid; MARGIN-TOP: 0px; OVERFLOW: hidden; BORDER-LEFT: #FAD494 1px solid; WIDTH: 580px; BORDER-BOTTOM: #FAD494 1px solid; margin-top:10px; background:#FEFBF5;
}
.fairnews .title {
	PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 13px; OVERFLOW: hidden; WIDTH: 580px; COLOR: #9C4816; LINE-HEIGHT: 26px; HEIGHT: 26px; TEXT-ALIGN: left; BACKGROUND-IMAGE: url(images/hz_007.gif)
}
.fairnews .title A {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #9C4816;OVERFLOW: hidden;
}
.fairnews .title A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #9C4816; TEXT-DECORATION: none
}
.category1 {
  PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 270px; PADDING-TOP: 0px
}
.category1 UL {
	FLOAT: left;
}
.category1 UL LI {
    FONT-SIZE: 13px; MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 260px; LINE-HEIGHT: 25px; HEIGHT: 25px; TEXT-ALIGN: left;
	PADDING-LEFT: 10px; BACKGROUND: url(images/icon-04.gif) no-repeat 0px 12px; HEIGHT: 1%
}
.category1 UL LI A {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #004499;
}
.category1 UL LI A:hover {
	FONT-SIZE: 12px; COLOR: #F2860F
}
.category2 {
	 PADDING-LEFT: 10px; FLOAT: right; PADDING-BOTTOM: 0px; WIDTH: 270px; PADDING-TOP: 0px
}
.category2 UL {
	FLOAT: left;
}
.category2 UL LI {
    FONT-SIZE: 13px; MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 260px; LINE-HEIGHT: 25px; HEIGHT: 25px; TEXT-ALIGN: left;
	PADDING-LEFT: 10px; BACKGROUND: url(images/icon-04.gif) no-repeat 0px 12px; HEIGHT: 1%
}
.category2 UL LI A {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #004499;
}
.category2 UL LI A:hover {
	FONT-SIZE: 12px; COLOR: #F2860F
}
.S{font-size:12px; color:#666}

.clatitle a{
	FONT-WEIGHT: bolder; COLOR: #FF9900;FONT-SIZE: 12px
}
.clatitle a:hover{
	FONT-WEIGHT: bolder; COLOR: #336699;FONT-SIZE: 12px
}
.subclass a{
	FONT-SIZE: 13px; LINE-HEIGHT: 160%; COLOR: #336699; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.subclass a:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #FF9900; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
#left03 {
	BORDER-RIGHT: #D8E5EF 1px solid; MARGIN-TOP: 0px; OVERFLOW: hidden; BORDER-LEFT: #D8E5EF 1px solid; WIDTH: 580px; BORDER-BOTTOM: #D8E5EF 1px solid; HEIGHT: 272px; margin-top:10px;
}
#left03 .title {
	PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 13px; OVERFLOW: hidden; WIDTH: 580px; COLOR: #9C4816; LINE-HEIGHT: 26px;      HEIGHT: 26px; TEXT-ALIGN: left; BACKGROUND-IMAGE: url(images/hz_006.gif)
}
#left03 .title A {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #9C4816;OVERFLOW: hidden
}
#left03 .title A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #9C4816; TEXT-DECORATION: none
}
#left03 .title more a{
		MARGIN: 8px 5px 0 0; FLOAT: right
}
.boxa {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: url(images/lbg.gif) repeat-y; PADDING-BOTTOM: 10px; PADDING-TOP: 5px;
}
.boxa UL.prolist {
	LIST-STYLE-TYPE: none
}
.boxa UL.prolist LI {
	DISPLAY: block; FLOAT: left; MARGIN: 5px; OVERFLOW: hidden; WIDTH: 84px; HEIGHT: 108px; TEXT-ALIGN: center;
}
.boxa UL.prolist LI DIV {
	BORDER: #E0E8EE 1px solid;  WIDTH: 64px; HEIGHT: 64px;line-height:64px;
}
.boxa UL.prolist LI DIV:hover{
	BORDER: #83BCE3 1px solid;
}
.boxa UL.prolist LI div img {vertical-align:middle; /*optional*/}
.boxa UL.prolist LI A{COLOR: #004499;TEXT-DECORATION:none;}
.boxa UL.prolist LI A:hover {COLOR: #F2860F;}
#left04 {
    BORDER-TOP: #FAD494 1px solid; BORDER-RIGHT: #FAD494 1px solid; OVERFLOW: hidden; BORDER-LEFT: #FAD494 1px solid; WIDTH: 580px; BORDER-BOTTOM: #FAD494 1px solid; HEIGHT: 120px; MARGIN-TOP: 10px
}
.boxline3 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 0.92em; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; HEIGHT: 82px
}
.boxline3 a{
	FONT-SIZE: 13px; COLOR: #004499; TEXT-DECORATION: none
}
.boxline3 a:hover{
	FONT-SIZE: 13px; COLOR: #F2860F
}
.linesky {
	BORDER: #b6daeb 1px solid;
}
.more02 {
	MARGIN-TOP: -10px; FLOAT: right
}

/* right side */
#Login {
	 OVERFLOW: hidden; WIDTH: 365px ;HEIGHT: 132px; }
#Login .top{
	 FLOAT: left; WIDTH: 365px; height:26px;
}
#Login .top li{
	 BORDER-TOP: #FAD494 1px solid; border-left:#FAD494 1px solid; border-right:#FAD494 1px solid; background:url(images/top3.gif); margin-left:10px; float:left; width:100px; height:26px; line-height:26px; text-align:center;
}
#Login .top .moveoverli{
	 background:url(images/top4.gif) repeat-x;
}
#Login .top li a{
	 FONT: bold 15px arial;color:#9C4816;text-decoration:none;
}
#Login .end{
	BORDER: #FAD494 1px solid; OVERFLOW:hidden; WIDTH:363px; HEIGHT:101px; background-color:#FEFBF5;float:none; text-align:center;
}
#Login .end p{
margin-left:10px; margin-top:10px; line-height:18px
}
#news {
     OVERFLOW: hidden; WIDTH: 365px; HEIGHT: 155px; MARGIN-TOP: 10px
}
#news .title {
	PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 13px; OVERFLOW: hidden; WIDTH: 365px; COLOR: #9C4816; LINE-HEIGHT: 26px;HEIGHT: 26px; TEXT-ALIGN: left; BACKGROUND-IMAGE: url(images/hz_010.gif)
}
#news .title A {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #9C4816;OVERFLOW: hidden;
}
#news .title A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #9C4816; TEXT-DECORATION: none
}
#news UL {
	FLOAT: left; MARGIN-TOP: 5px;
}
#news UL LI {
    FONT-SIZE: 12px; MARGIN-LEFT: 5px; OVERFLOW: hidden; WIDTH: 345px; LINE-HEIGHT: 25px; HEIGHT: 25px; TEXT-ALIGN: left;
	PADDING-LEFT: 10px; BACKGROUND: url(images/icon-04.gif) no-repeat 0px 10px; HEIGHT: 1%
}
#news UL LI A {
	FONT-SIZE: 12px; COLOR: #004499; TEXT-DECORATION: none
}
#news UL LI A:hover {
	FONT-SIZE: 12px; COLOR: #F2860F
}
#index_btn02 {
	BORDER-RIGHT: #DCDDDE 1px solid;  BORDER-TOP: #DCDDDE 1px solid;BORDER-BOTTOM: #DCDDDE 1px solid; BORDER-LEFT: #DCDDDE 1px solid; MARGIN-TOP: 10px; OVERFLOW: hidden; BACKGROUND: #f7fbfd; PADDING-BOTTOM: 0px; WIDTH: 365px; HEIGHT: 90px; 
}
#index_btn02 IMG {
	  FLOAT: left; DISPLAY: block; WIDTH: 365px; HEIGHT: 90px
}
#right03 {
    BORDER-RIGHT: #83BCE3 1px solid; OVERFLOW: hidden; BORDER-LEFT: #83BCE3 1px solid; WIDTH: 365px; BORDER-BOTTOM: #83BCE3 1px solid; HEIGHT: 222px; MARGIN-TOP: 10px
}
#right03 .title {
	PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 13px; OVERFLOW: hidden; WIDTH: 365px; COLOR: #054D7C; LINE-HEIGHT: 26px;      HEIGHT: 26px; TEXT-ALIGN: left; BACKGROUND-IMAGE: url(images/hz_008.gif)
}
#right03 .title A {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #9C4816;OVERFLOW: hidden;
}
#right03 .title A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #9C4816; TEXT-DECORATION: none
}
#right03 .rbtext {
	PADDING-RIGHT: 5px; BORDER-TOP: #7da1c3 1px; PADDING-LEFT: 5px; BACKGROUND: #f3f9ff; PADDING-BOTTOM: 5px;  PADDING-TOP: 5px;
}
.rbtext UL.comlist {
     PADDING-LEFT: 5px;  LIST-STYLE-TYPE: none
}
.rbtext UL.comlist LI {
	MARGIN-TOP: 5px; FONT-SIZE: 12px; COLOR: #666
}
.rbtext UL.comlist LI A{
	 FONT-SIZE: 12px; COLOR: #004499
}
.rbtext UL.comlist LI A:hover {
	 FONT-SIZE: 12px; COLOR: #F2860F
}
#right04 {
    BORDER-RIGHT: #D8E5EF 1px solid; OVERFLOW: hidden; BORDER-LEFT: #D8E5EF 1px solid; WIDTH: 365px; BORDER-BOTTOM: #D8E5EF 1px solid; HEIGHT: 161px; MARGIN-TOP: 10px
}
#right04 .title {
	PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 13px; OVERFLOW: hidden; WIDTH: 365px; COLOR: #9C4816; LINE-HEIGHT: 26px;      HEIGHT: 26px; TEXT-ALIGN: left; BACKGROUND-IMAGE: url(images/hz_006.gif)
}
#right04 .title A {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #9C4816;OVERFLOW: hidden;
}
#right04 .title A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #9C4816; TEXT-DECORATION: none
}
#right04 .media {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: url(images/lbg.gif) repeat-y; PADDING-BOTTOM: 10px; PADDING-TOP: 2px;
}
#right04 .media UL.prolist {
	LIST-STYLE-TYPE: none
}
#right04 .media UL.prolist LI {
	FLOAT: left; MARGIN: 2px 3px; OVERFLOW: hidden; BORDER: #E0E8EE 1px solid; WIDTH: 108px; HEIGHT: 38px; TEXT-ALIGN: center
}
#right04 .media UL.prolist LI DIV {
	OVERFLOW: hidden; TEXT-ALIGN: center
}
/* footer */
#footer {
	CLEAR: both; BORDER-TOP: #3980B0 10px solid; MARGIN: 10px auto; WIDTH: 960px;
}
#footer UL {
	CLEAR: both; FLOAT: left; MARGIN: 3px auto; WIDTH: 100%; TEXT-ALIGN: center
}
#footer LI {
	BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 8px; DISPLAY: inline; PADDING-LEFT: 8px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; COLOR: #666
}
#footer UL LI A {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #FF7C24; TEXT-DECORATION: none
}
#footer UL LI A:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #0F378C; TEXT-DECORATION: none
}
#footer .no_border {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
#foot_corp {
	CLEAR: both; MARGIN: 0px auto; WIDTH: 120px
}
#foot_corp SPAN {
	FLOAT: left; MARGIN: 0px 5px
}
#foot_corp SPAN.img_pd {
	PADDING-TOP: 5px
}
/* footer */
#topinfo {
height:30px;background-image:url(../images/topbg.gif); display:none;line-height:30px;
}
.hotword{color:#9C4816; margin-top:-5px}