@charset "utf-8";
@import url(nanumgothic.css);


/* 초기화 */
html {overflow-y:scroll; }
body {margin:0;padding:0;font-size:1em;font-family:'NanumBarunGothic','Nanum Gothic','돋움', Dotum, Helvetica, sans-serif; overflow:hidden; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img, ul, div, a, li, th, td  {margin:0;padding:0;border:0; box-sizing:border-box; -webkit-box-sizing:border-box; , -moz-box-sizing:border-box;}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:dotum;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
table {border-collapse:collapse;border-spacing:0;}

li {margin:0;padding:0;list-style:none;}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
label, input, button, select, img {vertical-align:middle;}
input, button {margin:0;padding:0;font-family:'NanumBarunGothic','Nanum Gothic','dotum';font-size:1em;}
button {cursor:pointer;}

textarea, select {font-family:dotum;font-size:1em;}
select {margin:0;}
p {margin:0;padding:0;word-break:break-all;}
hr {display:none;}
pre {overflow-x:scroll;font-size:1.1em;}
a:link, a:visited {color:#000;text-decoration:none;}
a:hover, a:focus, a:active {color:#000;text-decoration:underline;}


/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em;}



/* 상단 레이아웃 */
#head {z-index:4; position:relative; width:100%; background:url('/html/images/head_bg.png') repeat-x ; height:130px;}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
#hd_wrapper {position:relative;width:100%;zoom:1;z-index:1000; height:50px;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:"";}
#logo {position:absolute;left:0;top:60px;z-index:9999 !important;}



/* 상단 블로그 등 링크 */
#top_wrap {width:100%; height:40px;}
#top_wrap .tnb_box {position:relative; width:980px; margin:0 auto;}
#top_wrap #tnb {float:right; padding:0; list-style:none;zoom:1; margin-top:10px;}
#top_wrap #tnb:after {display:block; visibility:hidden; clear:both;content:"";}
#top_wrap #tnb li {float:left; margin-left:22px;}
#top_wrap #tnb a {display:inline-block; color:#999; font-size:13px; letter-spacing:-0.2px; font-weight:normal;}
#top_wrap #tnb a:hover{text-decoration:none; color:#98b0cd;}
#top_wrap #tnb img {margin-right:3px;}



/* top & 네비게이션 메뉴 */
#totalWrap{position:absolute;top:0;width:100%;}
/*#shadow_device {left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed;}*/
#swrap {overflow: hidden; position: relative; width: 100%;}
#swrap .top_bg {height:280px;}
header {top:0px; width:100%; height:88px; overflow:hidden; position:absolute; transition:0.6s; border-bottom:3px solid #1d5192; margin-top:1px; background:url('/html/images/active_bg.png') repeat-x;/* -webkit-margin-before:0px !important;*/}
header.active {height:262px; border-bottom:3px solid #1d5192;  background:url('/html/images/active_bg.png') repeat-x;  z-index:0;  }
/*header::after {clear: both; display: block; content: "";  }*/
header nav {position:relative; overflow:hidden; width:980px; margin:0 auto; margin-top:15px;}
header nav #animate {transition:0.5s; height:90px; overflow: hidden;}
header.active #animate {height:270px;}
header.active #animate > .bg_left {position:absolute; top:50px; left:right; width:283px; height:270px; background:url('../img/bg_menu_sub.png') no-repeat 0px -26px; }
header nav #animate > ul::after {clear: both; display: block; content: "";}
header nav #animate > ul {list-style:none; width:680px; float:right; margin-right:-30px;  -webkit-margin-end:-40px !important;}
header nav #animate > ul .th1_4 a {background:none;}
header nav #animate > ul > li {letter-spacing: -0.3px; font-size: 20px; font-weight: normal; float:left; /*width:155px;*/}
header nav #animate > ul > li > a {padding:23px 60px 24px 42px; text-align: center; color:#000; font-weight:400; display: block; text-decoration:none;  background:url('/html/images/navi_bg.png') no-repeat right center; font-family:'NanumBarunGothic','Nanum Gothic','돋움', Dotum, Helvetica, sans-serif; transition:0.6s;}
header nav #animate > ul > li > a.current, header nav #animate > ul > li > a:hover {color:#98b0cd;}
header nav #animate > ul > li > ul {list-style:none;padding:0; min-height: 360px; margin-top:7px; -webkit-margin-before:10px !important;}
/*header nav #animate > ul > li > a:hover + ul, header nav #animate > ul > li > a.current + ul {background:#f8f8f8;}*/
header nav #animate > ul > li > ul > li {transition:opacity 0.5s; text-align:center; font-size:13px; font-weight:normal; opacity: 0;}
header nav #animate > ul > li > ul > li a {padding: 5px 40px 6px 20px;  color:#999; display:block; text-decoration:none; letter-spacing:-0.07em;  transition:0.6s ;}
header nav #animate > ul > li > ul > li:first-child a {padding-top:22px;}
header.active nav #animate > ul > li > ul > li {opacity: 1;}
header nav #animate > ul > li > ul > li:first-child {margin-top: 0px;}
header nav #animate > ul > li > ul > li a:hover {color:#1d5192; font-weight:bold;}




/* 메인 */
#main_img {width:100%; height:430px; background:url('/html/images/main_img01.png') no-repeat; overflow:hidden;}
#main_img .main_txt {width:980px; margin:0 auto;}
#main_img .main_txt .txt01 {margin-top:110px;}

#main_content {position:relative; width:980px; height:220px; margin:0 auto; margin-top:30px; margin-bottom:20px; }
.m_content01 {float:left; width:348px; height:220px; overflow:hidden;  margin-right:30px;}
.m_content02 {position:relative;float:left; width:355px; height:219px; overflow:hidden; border:1px solid #e5e5e5;}
.m_content03 {float:right; width:255px; height:220px; overflow:hidden; margin-right:-31px;}

.m_content01 h3 {font-size:20px; width:200px; float:left; color:#666; font-family:'NanumBarunGothic','Nanum Gothic','dotum'; font-weight:normal; letter-spacing:-0.07em; margin-bottom:16px; margin-left:10px;}
.m_content01 h3 span {color:#1d5192;}
.m_content01 .notice_ttl img {float:right; margin-top:7px; margin-right:11px;}
.m_content01 table {clear:both; font-size:13px; color:#999; border-top:2px solid #1d5192; width:348px;}
.m_content01 table a {clear:both; font-size:13px; color:#999; transition:0.6s;}
.m_content01 table tr th {font-size:0; height:10px; border:none;}
.m_content01 table tr td {border-bottom:1px solid #e5e5e5; height:32px; padding-left:10px; width:255px; overflow:hidden; text-overflow:ellipsis;  white-space:nowrap; letter-spacing:-0.03em;}
.m_content01 table tr td a:hover {color:#1d5192; text-decoration:none;}
.m_content01 table .mtd {padding:0 10px 0 0; width:45px;}

.m_content02 h3 {font-size:0;}
.m_content02 ul li {}
.m_content02 ul li a img {width:357px; height:221px;}
.m_content02 .bxpager {position:absolute; right:0; top:0; margin:8px 10px 0 0; z-index:99;}
.m_content02 .bxpager a {background-color:rgba(153,153,153,0.8); text-indent: -9999px; display: block; width:10px; height:10px; margin:0 2px; outline:0; display:inline-block; -moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;}
.m_content02 .bxpager a:hover,
.m_content02 .bxpager a.active {background-color:rgba(29,81,146,0.8); }

.m_content03 h3 {font-size:0;}
.m_content03 a {display:block; font-size:14px; color:#fff; width:225px; height:56px; line-height:56px; padding-left:58px; transition:0.6s ; }
.m_content03 a:hover {text-decoration:none; font-size:16px; padding-left:70px; }
.m_content03 .link_ban01 {background:url('/html/images/link01.png') no-repeat;  margin-top:-1px; }
.m_content03 .link_ban02 {background:url('/html/images/link02.png') no-repeat;}
.m_content03 .link_ban03 {background:url('/html/images/link03.png') no-repeat;}
.m_content03 .link_ban04 {background:url('/html/images/link04.png') no-repeat; margin-top:-1px;}



/* 서브 */
#sub_img {position:relative;width:100%; height:175px; background:#444952; font-family:'NanumBarunGothic','Nanum Gothic','dotum'; }
#sub_img .sub_txt {margin:0 auto; width:220px; font-size:15px; color:#ccc; font-weight:bold; padding-top:58px; text-align:center;}
#sub_img .sub_txt img {margin-top:7px;}

#sub_img .sub_bg01 {position:absolute; width:175px; height:86px; top:0; left:50%; background:url('/html/images/sub01_bg01.png') no-repeat; margin-left:179px;}
#sub_img .sub_bg02 {position:absolute; width:266px; height:119px; top:0; left:50%; background:url('/html/images/sub01_bg02.png') no-repeat; margin-left:354px;}
#sub_img .sub_bg03 {position:absolute; width:310px; height:156px; bottom:0; left:50%; background:url('/html/images/sub01_bg03.png') no-repeat; margin-left:-577px;}

#s_content {position:relative; width:980px; margin:0 auto; border-left:1px solid #e5e5e5; /*display:inline-block;*/ margin-bottom:-30px;}
#s_content:after {content:"";display:block;clear:both;}

/*서브메뉴*/
#aside {position:relative; float:left; width:170px; /* overflow:hidden;*/  }
#aside #aside_ttl {background:#1e5193; padding:90px 0 18px 20px; color:#fff; font-size:28px;}
#aside #aside_ttl p {font-size:16px;} 
#aside #aside_menu a {display:block; width:170px; height:45px; border-bottom:1px solid #e5e5e5; line-height:46px; padding-left:20px; font-size:14px; font-family:'Nanum Gothic','dotum'; color:#999;   transition:0.6s ; }
#aside #aside_menu a:hover {background:#f1f3f7; text-decoration:none;}
#aside #aside_menu .on {border-bottom:3px solid #1e5193; background:#f1f3f7; color:#1e5193; font-weight:bold; /*background:url('/html/images/smo_bg.png') no-repeat; */text-decoration:none; }
#aside #s_ban {}
#aside #s_ban div {width:87px; height:66px; border-bottom:1px solid #e5e5e5;  float:left; background:#f8f9fc;}
#aside #s_ban a {display:block; width:87px; height:66px; font-size:12px; color:#666; text-align:center; padding-top:46px;  transition:0.6s;}
#aside #s_ban a:hover {text-decoration:none; color:#1e5193; font-weight:blod;}
#aside #s_ban .s_ban01 {background:url('/html/images/ban_bg01.png') no-repeat; border-right:1px solid #e5e5e5;}
#aside #s_ban .s_ban02 {background:url('/html/images/ban_bg02.png') no-repeat; width:83px; }
#aside #s_ban .s_ban03 {background:url('/html/images/ban_bg03.png') no-repeat; border-right:1px solid #e5e5e5;}
#aside #s_ban .s_ban04 {background:url('/html/images/ban_bg04.png') no-repeat; width:83px;}



#s_contents {position:relative; float:right; width:809px; border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
#s_navi {position:relative; top:0; left:0; width:100%; height:40px; border-bottom:1px solid #e5e5e5; background:#f1f3f7; font-family:'Nanum Gothic','dotum';}
#s_navi li {display:inline-block; font-size:14px; color:#999; padding:0 42px; height:39px; line-height:38px; border-right:1px solid #e5e5e5;  }
#s_navi li a {display:block; color:#999; }
#s_navi .snl {color:#1e5193; font-weight:bold; background:url('/html/images/snl_bg.png') no-repeat right center; text-align:left; padding-left:36px;}

#content_box {background:url('/html/images/sub_bg.png') no-repeat; padding:70px 50px;  }
#content_box h3 {text-align:center; font-size:15px; font-family:'Nanum Gothic','dotum'; color:#999; font-weight:normal; margin-bottom:80px;}
#content_box h3 img {margin-bottom:15px;}

#content_box #sc_txt {position:relative; font-size:14px; font-family:'Nanum Gothic','dotum'; color:#666; line-height:24px; letter-spacing:-0.03em; }
#content_box #sc_txt .sct_ttl {font-size:25px; color:#333; font-family:'NanumBarunGothic','Nanum Gothic','dotum'; line-height:34px; margin-bottom:40px; }
#content_box #sc_txt .sct_ttl b {color:#229ad4; font-weight:normal;}
#content_box #sc_txt .ceo_img {position:absolute; top:0; right:0;}
#content_box #sc_txt .sct_sign {text-align:right; margin-top:20px;}
#content_box #sc_txt .sct_sign b {color:#229ad4;}
#content_box #sc_txt .sct_sign img {margin-left:20px;}
#content_box #sc_txt .s_img0102 {margin-left:70px;}


/* 게시판 */
#board_box {font-family:'NanumBarunGothic','Nanum Gothic','dotum';}
.board {width:710px; margin:0 auto; padding:0; }
.board th {font-size:14px; color:#333; border-top:1px solid #333; border-bottom:1px solid #e5e5e5; background:#fafafa; height:35px; text-align:center;}
.board tr td {height:30px; border-bottom:1px solid #e5e5e5; font-size:13px; color:#999; text-align:center;}
.board a {color:#999;  transition:0.6s ;}
.board a:hover {color:#1e5193;  text-decoration:none;}
.board .sbj {text-align:left; padding-left:20px;}
.board .numb, .name, .count {width:100px;}
.board .subject {width:410px;}


.board_write {width:710px; }
.board_write .bwr_ttl {font-size:14px; color:#333; border-top:1px solid #333;border-bottom:1px solid #e5e5e5; height:40px; }
.board_write th {color:#333; text-align:center; width:200px; border-right:1px solid #e5e5e5; background:#fafafa;  border-bottom:1px solid #e5e5e5;}
.board_write tr td {height:35px; border-bottom:1px solid #e5e5e5; font-size:14px; color:#999; text-align:left; padding-left:8px;}
.board_write .b_text {height:25px; border:1px solid #e5e5e5;}
.board_write .b_contents {height:300px; width:510px; border:1px solid #e5e5e5; overflow-y:scroll; margin:5px 0; vertical-align:top;}
.board_write .bdt_contents {text-align:left; padding:40px; height:100%; vertical-align:top;}
.board_write a {color:#999;}
.board_write a:hover {color:#b32421; font-weight:bold;}


.board_detail {width:710px; margin:0 auto;}
.board_detail .bdt_ttl {font-size:14px; color:#333; border-top:1px solid #333;border-bottom:1px solid #e5e5e5; background:#fafafa; height:40px; text-align:center;}
.board_detail th {color:#333; text-align:center; width:118px; border-right:1px solid #e5e5e5; line-height:35px;}
.board_detail tr td, th {height:35px; border-bottom:1px solid #e5e5e5; font-size:13px; color:#999;}
.board_detail .bdt_td {border-right:1px solid #e5e5e5; padding-left:20px; width:118px; line-height:35px;}
.board_detail .bdt_tdl {padding-left:20px; width:118px;}
.board_detail .bdt_other {text-align:left; padding-left:10px;}
.board_detail .bdt_contents {text-align:left; padding:30px; height:100%; vertical-align:top;}
.board_detail a {color:#999;}
.board_detail a:hover {color:#b32421; font-weight:bold;}

/*
#gallery_list {width:710px; overflow:hidden; font-family:'NanumBarunGothic','Nanum Gothic','dotum';}
#gallery_list li {display:inline-block; margin-left:65px; vertical-align:top; margin-bottom:70px;}
#gallery_list li a {display:block; width:150px; font-size:12px; color:#999; letter-spacing:-0.03em;}
#gallery_list li a:hover {text-decoration:none;  }
#gallery_list li img {width:150px; border:1px solid #f5f5f5;}
#gallery_list li h4 { font-family:'NanumBarunGothic','Nanum Gothic','dotum'; font-size:13px; color:#333; margin-top:15px; margin-bottom:5px;}
#gallery_list .gll { margin-right:0px; }
*/

#gallery_list {width:710px; overflow:hidden; font-family:'NanumBarunGothic','Nanum Gothic','dotum';}
#gallery_list li {display:inline-block; width:150px;  margin-left:65px; vertical-align:top; margin-bottom:70px; font-size:12px; color:#999; letter-spacing:-0.03em;}
#gallery_list li .book_img { display:table-cell; width:150px; height:220px; text-align:center;   vertical-align:middle !important; overflow:hidden; }
#gallery_list li .book_img img {max-width:150px; border:1px solid #f5f5f5; }
#gallery_list li a:hover {text-decoration:none;  }
#gallery_list li h4 { font-family:'NanumBarunGothic','Nanum Gothic','dotum'; font-size:13px; color:#333; margin-top:15px; margin-bottom:5px;}
#gallery_list .gll { margin-right:0px; }



#gallery_ttl {content:"";display:block;clear:both;}
#gallery_ttl .book_img {width:220px; float:left; overflow:hidden; text-align:center;}
#gallery_ttl .book_img .book {width:220px;border:1px solid #e5e5e5; margin-bottom:10px;}
#gallery_ttl .book_info {position:relative; width:460px; height:325px; float:right; border-bottom:0px solid #e5e5e5; text-align:left; font-size:14px; color:#999; line-height:20px; }
#gallery_ttl .book_info h3 { text-align:left; font-size:22px; font-weight:bold; color:#333; letter-spacing:-0.05em; font-family:'Nanum Gothic','dotum'; border-bottom:2px solid #1e5193; padding:15px 0;}
#gallery_ttl .book_info p { margin-top:-50px; font-size:16px; color:#333; margin-bottom:15px; vertical-align:top;}
#gallery_ttl .book_info span { font-size:14px; color:#999; padding-bottom:10px;}


#gallery_contents {margin-top:50px;}
#gallery_contents ul li {display:inline-block; width: 20%;}
#gallery_contents ul li a {	display: block; padding: 0;text-align: center;line-height: 40px;margin-right: 1%;margin-bottom: -1px;background: #eee;border:1px solid #ddd; border-top-right-radius: 10px;border-top-left-radius: 10px;box-sizing: border-box;}
#gallery_contents ul li a:hover, #gallery_contents ul li.on a {background: #fff; border-bottom: 0px solid #fff;}
#gallery_contents ul li a:focus{background: #fff;border-bottom: 1px solid #fff;}
#gallery_contents section { }
article {position: relative;border: 1px solid #ddd;width:670px; padding:20px;}
.box {content:"";display:block;clear:both;font-size:14px; color:#999; line-height:20px; }
.box:target{display: block;}
.box p {font-size:18px; color:#1e5193; font-weight:bold; margin-bottom:15px;}



#gallery_list2 {width:710px; overflow:hidden; font-family:'NanumBarunGothic','Nanum Gothic','dotum';}
#gallery_list2 li {position:relative; display:inline-block; margin-right:20px; vertical-align:top; margin-bottom:40px;}
#gallery_list2 li a {display:block; width:220px; font-size:12px; color:#999; text-align:center;letter-spacing:-0.03em;}
#gallery_list2 li a:hover {text-decoration:none;  }
#gallery_list2 li img {width:220px; border-right:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5;  border-left:1px solid #f5f5f5;}
#gallery_list2 li h4 { font-family:'NanumBarunGothic','Nanum Gothic','dotum'; font-size:12px; color:#fff; background:#229ad4; height:35px;  line-height:35px; margin-top:15px;  font-weight:normal; transition:0.6s;}
#gallery_list2 li a:hover h4 {font-weight:bold;font-size:15px;  opacity:1; filter:alpha(opacity=100);   }
#gallery_list2 .gll { margin-right:0px; }

#gallery_ttl {content:"";display:block;clear:both; }
#gallery_ttl .gall_img {width:240px; float:left; overflow:hidden; text-align:left;}
#gallery_ttl .gall_img .gall {width:220px;border:1px solid #e5e5e5; margin-bottom:10px;}
#gallery_ttl .gall_info {position:relative; width:460px; height:218px; float:right; border-bottom:0px solid #e5e5e5; text-align:left; font-size:14px; color:#999; line-height:20px; vertical-align:top;}
#gallery_ttl .gall_info h3 { text-align:left; font-size:22px; font-weight:bold; color:#333; letter-spacing:-0.05em; font-family:'Nanum Gothic','dotum'; border-bottom:2px solid #1e5193; padding:0 0 15px 0;}
#gallery_ttl .gall_info span { position:absolute; margin-top:-50px; font-size:14px; color:#999; padding-bottom:10px;vertical-align:top;}


#sc_0102 {margin:0 auto; text-align:center;}
#sc_0102 table {width:608px; height:325px; background:url('/html/images/sub01_02bg.png') no-repeat top center; text-align:center; margin:0 auto;}
#sc_0102 table th {width:160px; height:96px;  border:0; color:#fff; font-size:22px; font-weight:normal; padding-top:0px; }
#sc_0102 ul {background:url('/html/images/sub01_02bg01.png') no-repeat top center; margin-top:50px;}
#sc_0102 ul li {display:inline-block; width:182px; height:230px; text-align:center; padding:75px 0 0 0 ; margin:0 20px 0 25px;  vertical-align:top;}
#sc_0102 ul li p {margin-bottom:90px;}

#cban_list li {display:inline-block; border:1px solid #e5e5e5; margin-right:20px; margin-bottom:30px;}
#sc_0103 {position:relative; background:url('/html/images/sub01_03bg.png') no-repeat top right; }
#sc_0103 h3 {display:block; text-align:left; margin-bottom:0; font-size:0px;}
#sc_0103 ul {display:block; margin-bottom:40px;}
#sc_0103 ul li {background:url('/html/images/l_type.png') no-repeat top left; padding-left:20px; font-size:13px; color:#999; line-height:22px; letter-spacing:-0.05em;}

#sc_0105 h3 {display:block; text-align:left; margin-bottom:5px;font-size:20px; color:#1e5193; font-weight:bold;}
#sc_0105 p {font-size:15px; color:#999; letter-spacing:0.05em;}
#sc_0105 p b {color:#1e5193; margin-left:10px;}
#sc_0105 .frame_map {width:100%; height:450px; margin-top:10px; padding:0;}
#sc_0105 span {background:url('/html/images/l_type.png') no-repeat top left; font-size:15px; color:#999; letter-spacing:0.05em; padding-left:20px;}
#sc_0106 span {background:url('/html/images/l_type.png') no-repeat top left; font-size:15px; color:#999; letter-spacing:0.05em; padding-left:20px;}


/* 게시판 paging */
.paging {position:relative; margin:30px auto; text-align:center; }
.paging p { margin-left:-5px;}
.paging p, .paging ol, .paging li {display:inline; vertical-align:middle; }
.paging ol {margin:0 20px 0 -20px;}
.paging ol li {display:inline-block; border:1px solid #e2e2e2; border-right:none; font-size:12px;margin-left:-5px;  background:#fff;   } 
.paging ol li a {display:block; width:32px; height:30px; line-height:30px; color:#999; transition:0.6s ;   }
.paging ol li a:hover {text-decoration:none; color:#fff; background:#1e5193;}
.paging ol li:last-child {border-right:1px solid #e2e2e2; }
.paging ol .paging_o {background:#eeeeee !important;}


/* 게시판 버튼 */
.board_btn {position:relative; text-align:right; margin:30px 10px 30px 0;}
.board_btn a {display:inline-block; color:#fff; font-size:14px; width:120px; height:35px; text-align:center; line-height:32px; margin-left:5px; transition:0.6s ;}
.board_btn a:hover {background:#1e5193; text-decoration:none;}
.board_btn .btn_write {background:#229ad4; }
.board_btn .btn_grey {background:#ccc;}








#footer {position:relative;background:url('/html/images/footer_bg.png') repeat-x; height:145px; width:100%; overflow:hidden;}
#footer #footer_box {width:980px; margin:0 auto;}
#footer #footer_box h4 {margin-top:75px;}
#footer #footer_box #fnb {position:absolute; top:15px; left:50%; margin-left:-200px; font-size:14px;  }
#footer #footer_box #fnb li {display:inline-block; }
#footer #footer_box #fnb li a {display:block; color:#999; background:url('/html/images/fnb_bg.png') no-repeat right center; padding:0 18px 0 14px; transition:0.6s ;}
#footer #footer_box #fnb li a:hover {color:#333; text-decoration:none;}
#footer #footer_box #fnb .fnb_l a {padding-right:0; background:none;}
#footer #footer_box #f_content {position:absolute; top:70px; left:50%;  margin-left:-300px; color:#999; font-size:13px; letter-spacing:-0.05em; line-height:16px;}
#footer #footer_box #f_content p {color:#666; letter-spacing:0em; line-height:30px;}