@charset "euc-kr";
/* CSS Document */

* { margin:0; padding:0; }
ul, li { list-style:none; }
img { border:none }
a:hover img {opacity:0.8;}

a { text-decoration:none;  color:#333; }
a:hover { text-decoration:none; color:#990000; }

p { line-height:150%; color:#666; font-family: ±¼¸²,µ¸¿ò;}

@font-face{ font-family:ngttf; src:url(/fonts/NanumGothic.ttf);}
@font-face{ font-family:ngeot; src:url(/fonts/NanumGothic.eot);}
@font-face{ font-family:Áß°íµñ; src:url(/fonts/jgodic.ttf);}
@font-face{ font-family:Áß°íµñ; src:url(/fonts/jgodic.eot);}

/*
body { background:#f4f6f7 url(/images/top_bg.gif) repeat-x 0 0;  font-family:NanumGothic,¸¼Àº°íµñ,Áß°íµñ, ngttf,ngeot,Arial,Helvetica,sans-serif,Verdana; font-size:12px; margin: 0;}
*/
body { background:#FFF url("/images/bg_topBar.gif") repeat-x 0 0;  font-family:ngttf,ngeot,³ª´®°íµñ,Áß°íµñ; font-size:12px; margin: 0; padding:0;}

widt { font-failmy:Áß°íµñ; }
h2 a { color:#3d3e3e } 
h3 a { color:#3d3e3e }
li { font-family:NanumGothic; text-align: left; }
.clr {clear:both;}

/* layout */
#wrapper { clear:both; width:1000px; margin:0 auto }
.wrapper {clear:both; width:960px; margin:0 auto;}
#header { clear:both; overflow:hidden; height:146px; width:960px; margin:0 auto; }
#container { clear:both; overflow:hidden; }
#footer { clear:both; overflow:hidden; }

/* header */
#top_area { overflow:hidden; height:33px; }
#top_login { overflow:hidden; float:left; width:300px; margin:0 0 0 12px; }
#top_login li { float:left; padding:10px 0 0 0; font-family:NanumGothic; font-size:12px }
#top_login li span { padding:0 8px; color:#c09491;}
#top_login li a { color:#c09491;font-size:11px }
#top_login li a:hover { text-decoration:none; color:#c09491} 
#top_social { float:right; width:183px; padding:6px 10px 0 0;text-align:right;}
#logo_area { clear:both; overflow:hidden; height:75px; }
#top_bn { float:left; margin:10px 0 0 0 }
#logo_area h1 { padding:23px 0 0 0; float:left; width:252px;}
#logo_area h1 a { display:block; width:252px; top:0; left:407px; height:46px; background:url(/images/logo_2013.gif) no-repeat 0 0}
#logo_area #search {float: right; width: 201px; margin-top: 34px; position:relative;}
#logo_area #search #strSearch {height:30px;border:none; background:url(../images/bg-searchBox.png) 0 0 no-repeat; width: 191px; padding-left: 10px;}
.ico-searchBtn {position: absolute; right: 6px; top: 5px;}
/*.bn-top {float:right; margin:10px 0 0 5px }*/

#nav { overflow:hidden; border-top:2px solid #b1160c; height:30px; background:url(/images/nav_off.gif) no-repeat 0 0; }
#nav li { float:left }
#nav li a { display:block; height:37px }

#nav1.on { width:79px; background:url(/images/nav_on.gif) no-repeat 0 0; }
#nav2.on { width:84px; background:url(/images/nav_on.gif) no-repeat -79px 0; }
#nav3.on { width:50px; background:url(/images/nav_on.gif) no-repeat -163px 0; }
#nav4.on { width:51px; background:url(/images/nav_on.gif) no-repeat -213px 0;}
#nav5.on { width:52px; background:url(/images/nav_on.gif) no-repeat -264px 0; }
#nav6.on { width:50px; background:url(/images/nav_on.gif) no-repeat -316px 0; }
#nav7.on { width:78px; background:url(/images/nav_on.gif) no-repeat -366px 0; }
#nav8.on { width:78px; background:url(/images/nav_on.gif) no-repeat -444px 0; }
#nav9.on { width:104px; background:url(/images/nav_on.gif) no-repeat -522px 0; }


#nav1 a { width:79px; }
#nav2 a { width:84px; }
#nav3 a { width:50px; }
#nav4 a { width:51px; }
#nav5 a { width:52px; }
#nav6 a { width:50px; }
#nav7 a { width:78px; }
#nav8 a { width:78px; }
#nav9 a { width:104px; }

/* container */
#container { clear:both; overflow:hidden;}
#contents,#sec-contents { width:565px; padding:24px 26px 24px 0; margin:0 0 0 27px; float:left; border-right:1px solid #cacaca; }
#side { float:right; width:343px; margin:11px 20px 0 0 }

/* opinian */

#top h1 {float:left; font-size:20px; font-family:NanumGothic; font-weight:bold; display:block;}
#top ul li {float:left; font-size:12px; font-family:NanumGothic; font-weight:bold; }
#top {height:30PX; }
#head {}
#top_title ul {
    float: right;
    width: 318px;
    padding-top: 20px;
}
#top_title ul li{float:left;background: url(/images/dot_red.gif) no-repeat 13px 5px;padding-left: 19px;}
#top_title h1 {padding: 10px 0px 10px 30px;float:left;}
#top_title a {color:#000;}
#opinion_head {clear:both; width: 525px; height: 133px; background:url(/images/calrulm_head.jpg) no-repeat; padding: 20px;margin: 10px 20px;}
#opinion_head h1{font-size:18px; margin-bottom: 8px; color:#000;}
#opinion_head h1 a{color:#000;}
#opinion_head h1 a:hover {color:#900;}
#opinion_head h1 span {color:#900;}
#opinion_contents{float:left; width:620px;}
#opinion_head p {font-size:12px;float: left;width: 400px;line-height: 18px;}
#opinion_related_news img{}
#opinion_related_news h2{ font-size: 16px; padding-bottom: 4px;}
#opinion_related_news p{ font-size:12px;  }

#opinion_related_news li{/*height:90px;*/margin:10px 0;width:100%;float:left;clear:both;}

#opinion_related_news {width:380px; margin: 12px 0px 0px 28px;}
#opinion_news_list {font-size: 14px; font-weight: bold;color:#333; margin-left:26px;}
#opinion_news_list li{padding-top:20px;}
#opinion_news_list li a{color:#333}
#opinion_news_list li a:hover {color:#900;}
#opinion_left {float:left; width:420px; /*height:1000px;*/}
#opinion_right {float:left; width:199px; border-left:1px solid #CCC; margin-bottom:15px;}
#opinion_right ul li {padding:10px 0px 0px 28px;float:left;width: 171px;} 


/* contents */
#head_line {
clear: both;
overflow: hidden;
float: left;
border: 1px solid #e2e2e2;
padding: 15px;
background: #f4f6f7;
width: 535px;
	}
#head_photo { width:142px; height:87px;margin-right:10px; float:left; display:block; border:1px solid #EEE;}
#head_line img {float:left; padding-right: 12px;}
#head_photo td a {display:block;}
#head_art { min-width:403px;}
#head_art h2 { font-size:22px; letter-spacing:-2px; }
#head_art h3 { font-size:13px; font-weight:normal; padding:10px 0 0 0; color:#3d3e3e; font-family:NanumGothic; }
#head_art p { color:#777;  padding:10px 0 0 0; letter-spacing: -1px;}
.related_art { margin:7px 0 0; }
.related_art li { background: url(/images/ic_related.gif) no-repeat 0 3px; color:#3d3e3e; padding:3px 0 3px 10px }

#sub_head { clear:both; overflow:hidden; }
.s_h { float:left; width:173px; padding:10px 11px 20px 0; border-right:1px dashed #e2e2e2; }
.s_h h2 {font-size: 16px; letter-spacing: -2px; line-height: 22px;}
.s_h h3 { color:#3d3e3e; font-size:13px; font-weight:normal; overflow:hidden; padding:13px 0 0 0; line-height:130% }
.s_h h3 img { float:left; padding:0 8px 0 0 }
.s_h p { clear:both; padding:11px 0 0 0; }
.s_h.last { border-right:none; padding:11px 0 20px 11px }
.s_h.p { padding:11px 11px 20px 11px }

#special_art { clear:both; }
#special_art1 { clear:both; position:relative; width:568px; height:160px; border-top:1px dashed #e2e2e2 }
#special_art1 dl { position:absolute;  width:368px; height:108px; top:20px; left:108px; z-index:3 } 
#special_art1 dt { font-size:16px; font-weight:bold; color:#000; letter-spacing: -1px; }
#special_art1 dd { font-size:13px; font-weight:bold; color:#5a5a5a; padding:10px 0 0 }
#special_art1 p { padding:10px 0 0 }
#special_art1 .bg { position:absolute; bottom:0; left:0;z-index:1}
#special_art1 .more { position:absolute; width:45px; height:14px; top:129px; left:29px; z-index:2 }
#special_art1 .more a { width:45px; height:14px; display:block  }
#special_art2 { clear:both; background:#f4f6f7; position:relative; width:568px; height:140px; border-top:1px dashed #e2e2e2; border-bottom:1px dashed #e2e2e2  }
#special_art2 h2 { position:absolute; top:25px; left:108px; width:435px; z-index:6; letter-spacing: -1px;} 
#special_art2 ul { position:absolute; top:58px; left:108px; width:367px; z-index:7 } 
#special_art2 li { color:#666; font-size:12px; background:url(/images/dot_red.gif) no-repeat 0 9px; padding:3px 0 3px 10px; font-family:NanumGothic; }
#special_art2 li a { color:#666 } 
#special_art2 .bg { position:absolute; bottom:0; left:0;z-index:1}

.categoty_art { clear:both; overflow:hidden; margin:16px 0 0 0; border-bottom:1px dashed #e2e2e2 }
.categoty_art.last { clear:both; overflow:hidden; margin:10px 0 0 0; border-bottom:none }

.categoty_art h2 { color:#900; font-size:16px; font-failmy:Áß°íµñ; padding:0 0 10px 0; border-bottom:1px solid #efefef }
.c_a_area { clear:both; overflow:hidden; padding:12px 0; }
.c_a_l { float:left; width:300px; padding:0 12px 0 0; border-right:1px solid #efefef }
.c_a_l h3 { font-size:13px; padding:0 0 12px 0; letter-spacing:}
.c_a_l span { float:left }
.c_a_l span img { padding:0 10px 0 0}
.c_a_r { float:right; width:240px; padding:0 0 0 10px }
.c_a_r li { padding:6px 0 3px 0; color:#626262 }
.c_a_r li a { color:#626262 }
.c_a_r li a:hover { color:#990000 }

#resource { clear:both; background:#f4f6f7; margin:10px 0 0 0; padding:21px 22px 7px 22px ; border:1px solid #e6eaec}
#resource_top { clear:boh; overflow:hidden; padding:0 0 10px 0 }
#resource_top h2 { float:left; width:155px; color:#333333; font-size:18px; }
#resource_top ul { float:right; width:330px; padding:3px 0 0 0 }
#resource_top li { float:right; text-align:right; color:#9e9e9e; font-size:12px }
#resource_top li a { color:#9e9e9e}
#resource_top li a:hover { color:#990000  }
#resource_top span { padding:0 6px }

#sec-cat-list img {margin-right:15px;margin-bottom:-4px;}
#sec-cat-list a {padding:0 10px 0 5px; background:url('/images/section_dot_menu.gif') center left no-repeat;}
#sec-cat-list a.on {font-weight:bold;}
#sec-cat-list .mcode_logo {padding:0px;background:none;}
#scode_img {margin-top:10px;padding-top:10px;border-top:1px solid #ddd;}

.sec-list { margin:10px 0 18px 0; border-top:1px solid #ddd;}
.sec-list li { no-repeat 0 3px; color:#3d3e3e; padding:20px 0 3px 0px; border-bottom:1px dotted #ddd; padding-bottom:20px;float:left;clear:both;width:100%}
.sec-list h2 { font-size:17.5px; letter-spacing:-2px; }
.sec-list p { font-size:11px; color:#999999; font-family:NanumGothic; font-weight:normal; padding:10px 0 0 0; line-height:16px;}
.sec-list li.last{ border-bottom:1px solid #ddd;}
.sub_bottom li {no-repeat 0 3px;  padding:20px 0 3px 0px; color:#black; font-size:17px; font-weight:bold;}

.resource_con { clear:both; overflow:hidden; padding:15px 0; border-bottom:1px solid #e6eaec }
.resource_con.last { clear:both; overflow:hidden; padding:15px 0; border-bottom:none}
.r_c_l { float:left;  width:230px; padding:0 25px 0 0; border-right:1px solid #e0e6e9  }
.r_c_l h3, .r_c_r h3 { color:#990000; padding:0 0 4px 0; font:bold 13px NanumGothic; }
.r_c_l li, .r_c_r li  {padding: 3px 0 3px 10px; background: url(/images/dot_red.gif) no-repeat 0px 10px; clear:both;}
.r_c_l li a:hover, .r_c_r li a:hover { color:#990000 }
.r_c_l li a, .r_c_r li a { color:#333}
.r_c_r { float:left; width:230px; padding:0 0 0 22px }
.resource_con li.listTop {border-top:1px solid #e8ecee; border-bottom:1px solid #e8ecee; background:#FFF; padding: 7px 0; float:left; width:100%; margin-bottom: 10px;}
	.resource_con li.listTop h4 {font-weight:bold; color:#FFF; margin: 0 7px; font-size:13px; padding-botton:5px;}
	.resource_con li.listTop p {color:#999999; margin: 0 7px;}

/* gidae */
.sec-list2 { margin:10px 0 18px 0;}
.sec-list2 li { no-repeat 0 3px; color:#3d3e3e; padding:20px 0 3px 0px; border-bottom:1px dotted #ddd; padding-bottom:20px;}
.sec-list2 h2 { font-size:17.5px; letter-spacing:-2px; }
.sec-list2 h3 { font-size:11px; color:#999999; font-family:NanumGothic; font-weight:normal; padding:10px 0 0 0; line-height:16px;}
.sec-list2 li.last{ border-bottom:1px solid #ddd;}

.gidae_slide_01 {float:left; width:100%; position:relative; margin-bottom:25px;}
.gidae_slide_02 {float:left; width:100%; position:relative; margin-bottom:25px;}
.gidae_slide_03 {float:left; width:100%; position:relative; margin-bottom:25px;}
#gidae_main {clear:both; width:568px; height:160px; border-bottom:dotted #CCC 2px;}
#gidae_main2 {width:568px; min-height:142px; padding-bottom:10px; background-color:#f4f6f7;}
#gidae_button li{padding:0px 0px 2px 4px; float:left;}
#gidae_button ul{float:right;}
#gidae_main2 h1{padding:30px 0px 0px 15px; font-size:18px; color:#990000; font-weight:bold;}
#gidae_main2 h2{padding:15px 0px 0px 30px; font-size:14px; color:#333; font-weight:normal; background:url(/images/zam.png) no-repeat 20px 20px;}
#gidae_main2 span{float:right; padding:0px 15px 0px 0px}
#gidae_main2 h1 a{color:#990000;}
#gidae_main2 h1 a:hover {color:#00C;}
#pagination {width:100%; height:20px; background-color:#fafafa; margin:40px 0px 0px 0px; padding-top:8px; text-align:center;font-weight:bold;float:left;clear:both;}
#pagination a,#pagination span {margin:0 3px;}
#pagination ul { margin-left:170px;}
#pagination ul li{float:left; font-size:12px; color:#333; font-family:NanumGothic; font-weight:bold; padding:6px 0px 0px 10px;}
#pagination ul li.current {color:#900;}
#pagination_op {width:360px; height:25px; background-color:#fafafa; margin:40px 0px 0px 28px; text-align:center;}
#pagination_op ul { margin-left:73px;}
#pagination_op ul li{float:left; font-size:12px; color:#333; font-family:NanumGothic; font-weight:bold; padding:6px 0px 0px 10px;}
#pagination_op ul li.current {color:#900;}
.ic_more {position:absolute; top:190px; right:20px;}

/* view */
.sec-view1 ul li{float:left; padding:9px 5px;}
.sec-view1 ul li.date {line-height:18px; }
.sec-view1 {border-bottom:solid 1px #e0e0e0; height:36px; }
#sec-view {width:565px; padding:0px 26px 24px 0; margin:0 0 0 27px; float:left; border-right:1px solid #cacaca;  font-family: ±¼¸²,µ¸¿ò; }
.sec-view2 li {float:left;}
.sec-view2 {margin:12px 0px 0px 12px;}
.sec-view2 li a {color:#999;}
#sec-view3 {border-bottom:solid 2px #cc3333; clear:both; text-align:center; padding:20px 0px 10px 0px; margin-bottom: 15px;}
#sec-view3 h1{font-size:21px; font-weight:bold; letter-spacing:-1px;}
#sec-view3 h2{font-size:12px; color:#666; font-weight:100;  padding-top:5px;}
#sec-view4 {padding:30px;}
#sec-view4 p {font-size:11px; padding-top:6px;}
#sec-view5 {width:568px;}
#sec-view5 p{color:#666; font-size:13px; line-height:25px; }
#sec-view5 span{color:#333; float:right; text-align:right; padding:30px 0px 30px 0px; font-weight:bold; }

/* side */
#opinion { overflow:hidden }
.opinion_top { position:relative;width:343px;height:130px }
.opinion_top h3 { position:absolute; font:bold 15px NanumGothic; color:#666; top:29px; left:19px; z-index:6 }
.opinion_top h3 span  {font-size:12px; padding:0 5px 0 0; font-family:NanumGothic; }
.opinion_top h3 span a {color:#990000;}
.opinion_top p { width:244px; position:absolute; top:70px; left:19px; z-index:6 }
.opinion_top.bg {}
#opinion_list { clear:both; overflow:hidden; padding:17px 0 0 0 }
#opinion_list ul { float:left; border-right:1px solid #e4e4e4; padding:0 12px 0 11px;}
#opinion_list ul.last { border-right:none }
#opinion_list li { color:#666; background:url(/images/dot_gray.gif) no-repeat 0 8px; padding:2px 0 4px 8px }
#opinion_list li a { color:#666666; }
#opinion_list li a:hover { color:#990000; }

.opinion_arr {position:absolute;z-index:9999;margin:-5px 0 0 100px;overflow:hidden;width:30px;height:30px;/*border:1px solid black;*/font-size:100px;}
#opinion_arr_right {margin:-5px 0 0 215px;}

.s_bn { clear:both; margin:20px 0 0 0; text-align:center }

#photo { clear:both; margin:20px 0 0 0; }
#photo h2 { padding:0 0 10px 0;  position:relative;  font-size:16px }
#photo_area { overflow:hidden }
.big_photo { float:left }
.photo_list { float:right; width:83px; }
.photo_list li { margin:0 0 2px 0;padding: 0; }
.photo_list li a {display:block; width: 83px; height: 55px; overflow: hidden;}
.photo_list li img { display:block; margin:0; padding:0;}
#photo h3 { width:333px;padding:5px 0 0 10px; background:#f4f6f7; height:24px; color:#3d3e3e; font-size:13px; }
#photo h2 span {
position: absolute;
top: 3px;
right: 0;
color: #767676;
font: normal 11px NanumGothic;
}

#apl_a1 {clear:both;  overflow:hidden; margin:20px 0 0 0; background:url(/images/apl_bg1.jpg) no-repeat; width:342px; height:176px;  }
#apl_a1 ul { float:left; /*width:250px;*/ padding:36px 0px 0px 20px; }
#apl_a1 ul li { color:#323232; background:url(/images/dot_red.gif) no-repeat 5px 10px; padding:8px 0 4px 13px; }
#apl_a2 {clear:both;  overflow:hidden; margin:20px 0 0 0; background:url(/images/apl_bg2.jpg) no-repeat; width:342px; height:176px; display:none; }
#apl_a2 ul { float:left; /*width:250px;*/ padding:36px 0px 0px 20px; }
#apl_a2 ul li { color:#323232; background:url(/images/dot_red.gif) no-repeat 5px 10px; padding:8px 0 4px 13px; }

.mostly_arr {position:absolute;z-index:9999;margin:19px 0 0 0px;overflow:hidden;width:171px;height:30px;/*border:1px solid black;*/font-size:100px;}
#mostly_arr_right {margin:19px 0 0 171px;}

#books { clear:both; margin:20px 0px 0px 0px;}
#books h2 { font-size:16px; position:relative; margin:0 0 10px 0 }
#books h2 span { position:absolute; top:3px; right:0; color:#767676; font:normal 11px NanumGothic }
#books h2 span a { color:#767676; }
.book_area { background:#f4f6f7; overflow:hidden }
.arr { float:left; }
.book_info { float:left; overflow:hidden; width:277px; padding:18px 10px 0 10px  }
.book_info .b_img { float:left; margin:0 14px 0 0; border:1px solid #e2e2e2}
.book_info .b_txt { padding:10px 0 0 0}
.book_info .b_txt h3 { font:normal 13px NanumGothic}
.book_info .b_txt p { padding:2px 0 0 0}

#gallery { clear:both; margin:20px 0 0 0; position:relative; } 
#gallery h2 { font-size:16px; margin:0 0 10px 0  }
.gallery_area { overflow:hidden; position:relative; height:73px; padding:0 0 9px 0; border-bottom:1px dashed #bfc0c1 }
.gallery_area .txt { float:left; width:250px; }
.gallery_area .txt h3 { font:normal 12px NanumGothic; padding:1px 0 2px 0  }
.gallery_area .img { float:right; width:73px; }
#gallery ul { margin:10px 0 0 0}
#gallery li {  color:#323232; background:url(../images/dot_red.gif) no-repeat 5px 8px; padding:3px 0 3px 13px; } 
#gallery li a { color:#323232;}
#gallery1 {z-index:1;}
#gallery2 {position:absolute; background:#000; top:142px; left:0; width:332px; padding: 5px 0px 5px 10px;  z-index:99999; opacity:0.7; filter:alpha(opacity=70);}
#gallery2 a {color:#FFF;}

#partner { clear:both; margin:20px 0 0 0}
#partner h2 { padding:0 0 10px 0; font-size:16px; }
#partner .p_txt { overflow:hidden }
#partner .p_txt ul { float:left; width:265px }
#partner .p_txt li { color:#323232; background:url(/images/dot_red.gif) no-repeat 5px 10px; padding:4px 0 4px 13px; }
#partner span { float:right; width:73px; }

#event {clear: both; background: #f4f6f7; padding: 17px 14px; margin: 15px 0; float: left;}
#event h2 { color:#990000; font-size:16px; padding:0 0 4px 0;float:left; width: 301px;}
#event ul { bka}
#event li { background:url(/images/dot_red.gif) no-repeat 5px 14px; padding:7px 0 7px 13px; border-bottom:1px dashed #bfc0c1;float:left; width: 301px;} 

#face_book { clear:both; margin:16px 0 25px 0; float: left;}

/* footer */
#footer { clear:both; overflow:hidden; padding:0 0 8px 0; width: 100%; border-top: 3px solid #b1160c; background: #f4f6f7;}
#footer .wrapper {position:relative;}
#f_bn_list { clear:both; overflow:hidden; height:70px;  background:url(/images/f_bn_list.gif) no-repeat 0 0; }
#f_bn_list li { float:left }
.bn_list1 a { display:block; height:70px; width:162px;}
.bn_list2 a { display:block; height:70px; width:180px;}
.bn_list3 a { display:block; height:70px; width:140px;}
.bn_list4 a { display:block; height:70px; width:110px;}
.bn_list5 a { display:block; height:70px; width:137px;}
.bn_list6 a { display:block; height:70px; width:97px;}
.bn_list7 a { display:block; height:70px; width:134px;}

#ic_social { overflow:hidden; width:40px; position:absolute; top:80px; right:0;}
#ic_social li { display:inline }

#company_info { clear:both; overflow:hidden; padding:10px 0; margin:0 0 5px 0; font:12px dotum; border-top:1px solid #cacaca; border-bottom:1px solid #cacaca }
#company_info li { float:left; color:#999999 }
#company_info li a { color:#999999; padding:0 3px 0 6px;  }
#company_info2 { padding:5px 0 0 0; color:#b7b7b7; font-size:11px  }

/* banner */
.bn { padding:12px 0; text-align:center }


/* main_box */
.main_box{float:left; width:100%; margin-bottom:20px; }
.main_box_1 {width:281px; height:310px; float:left; background:url(/images/main_gi_1.gif) no-repeat; border:1px solid #ccc; background-color:#f7f7f7; position:relative;}
.main_box_2 {width:281px; height:310px; float:left; background:url(/images/main_gi_2.gif) no-repeat; border:1px solid #ccc; background-color:#f7f7f7; border-left:none; position:relative;}

.main_box_1_red {width:70px; height:25px; background-color:#b1160c; color:#FFF; font-size:13px; font-weight:bold; text-align:center; line-height:25px;}
.main_box_1_red a {color:#FFF; font-size:13px; font-weight:bold; }

.main_box_2_red {width:92px; height:25px; background-color:#b1160c; color:#FFF; font-size:13px; font-weight:bold; text-align:center; line-height:25px; letter-spacing:-1px;}
.main_box_2_red a {color:#FFF; font-size:13px; font-weight:bold; }

.main_box_1_black {height:37px; background-color:#000; opacity:0.5; margin-top:80px; color:#fff;}
.main_box_2_black {height:37px; background-color:#000; opacity:0.5; margin-top:80px; color:#fff;}

.main_box_1 span{color:#fff; position:absolute; left:10px; top:117px; font-weight:bold; font-size:12px;}
.main_box_1 span a {color:#fff;}

.main_box_2 span{color:#fff; position:absolute; left:12px; top:117px; font-weight:bold; font-size:12px; width:260px; overflow:hidden;}
.main_box_2 span a {color:#fff;}

.main_box_1 h2{font-weight:bold; font-size:12px; letter-spacing:-1px; color:#5e5e5e; padding:10px 9px;}
.main_box_1 p{font-size:12px; letter-spacing:-1px; color:#999; padding:0px 9px; line-height:22px;}
.main_box_2 h2{font-weight:bold; font-size:12px; letter-spacing:-1px; color:#5e5e5e; padding:10px 9px;}
.main_box_2 p{font-size:12px; letter-spacing:-1px; color:#999; padding:0px 9px; line-height:20px;}
.main_box_2 ul { float:left; padding:10px 0px 0px 7px;}
.main_box_2 ul li { color:#323232; background:url(/images/dot_red.gif) no-repeat 5px 10px; padding:4px 0 4px 13px; letter-spacing:-1px;}

/*main category list*/
.catList {float:left; width:566px; border:1px solid #dbddde; margin-bottom:15px;}
	.catList h2 {font-size:14px; margin-bottom:7px;}
	.catList h2 a {color:#000;}
	.catHead {float:left; width:170px; border-right:1px solid #dbddde; background:#f4f6f7; padding:15px; height: 235px;}
		.catHead img {border:1px solid #dddfe0; margin-bottom:10px; width:170px;}
		.catHead p {letter-spacing:-1px;}
	.catMore {float:right; width:365px;}
		.catMore h3 {background:#f4f4f4; line-height:27px; height:27px; overflow:hidden; font-size:11px; color:#8c8c8c; font-weight: normal;}
		.catMore h3 span {background:url(/images/titBar.gif) right 0 no-repeat; font-weight:bold; font-size:12px; height: 27px; float: left; padding: 0 15px 0 10px; margin-right: 6px;}
			.catMore h3 span a {color:#FFF; font-weight:bold;}
			.catMore h3 a {color:#8c8c8c; padding:0 2px;}
	.catMore ul {float:left; width:335px; padding:10px 15px;}
		.catMore ul li {float:left; width:325px; border-bottom:1px dashed #dbddde; padding:7px 0 7px 10px; background: url(/images/dot_red.gif) no-repeat 0px 14px;}
		.catMore ul li.catTop {background:none; padding: 7px 0;}
		.catMore ul li.catTop img {float:right; margin-left:7px;}
		.catMore ul li h4 {letter-spacing:-1px; padding-bottom:5px;}
		

/* 0505 */
.relativeNewsBox {
background: url("/images/bg_lines.gif");
float: left;
width: 100%;
margin-top: 15px;
overflow:hidden;
}
.relativeNewsBox  h3 {
float: left;
background: #FFF;
margin: 5px 5px 0 5px;
width: 333px;
text-align: center;
color: #b1160c;
padding: 7px 0;
}
.relativeNewsBox ul {
float:left;
width:319px;
margin:0 5px 5px 5px;
background:#FFF;
padding:7px;
text-align:left;
}
.relativeNewsBox ul li {float:left; width:100%; border-bottom:1px solid #e7e7e7; padding:7px 0; letter-spacing: -1px;}
.relativeNewsBox ul li span {font-weight:bold;}

.newsletterBox {float:left; width:349px; background:url(../images/bg-newsletterBox.gif) 0 0 no-repeat; height:149px; margin:15px 0; position:relative;}
	.newsletter-email {position: absolute; border: 1px solid #FFF; line-height: 23px; top: 57px; left: 22px; width: 150px; height: 23px; overflow: hidden;}
	.apply-newsletter {position:absolute; top:57px; left:174px;}

ul.specialList {float:left; width:100%;}
	ul.specialList li {float:left; width:100%; padding: 15px 0; border-bottom:1px dashed #ddd;}
	ul.specialList li h3 {font-size:18px; padding-bottom:7px;}

ul.bn-wcc10thList {float:left; width:100%; margin:12px 0 15px;}
	ul.bn-wcc10thList li {float:left; width:100%; padding-bottom:6px;}