@charset "utf-8";
/* CSS Document */

body {font-size: 12px;font-family:Arial, AppleGothic; margin: 0; padding: 0;}
a { text-decoration: none; color: #000000; }
a:hover, a:focus { color: #2D648A; }
.x { clear: both; }
.line { clear: both; padding: 15px 0 0; border-bottom: 1px solid #ddd; margin: 0 0 35px; }

img{border:none;}
/* head */
#wrap						{width:100%;}
#wrap .top					{width:100%;height:73px;z-index:300;background:url(../images/header_bg.gif) repeat-x top left;}
#wrap .header				{width:1020px;height:73px;margin:0 auto;position:relative; z-index:150;}
.header .logo				{margin-top:15px;float:left;}
.header ul					{margin:0;padding:0;}
.header li					{list-style:none;}

#wrap .main					{width:100%;z-index:200;}
.main .container			{width:1020px; position:relative; padding-top:50px;margin:0 auto 30px auto;_margin-bottom:50px;overflow:hidden;}
#wrap .slide_banner			{width:100%;height:446px;background:url(../images/slide_box_bg.gif) repeat-x top left; padding-top:15px;}
.container .search_box_layout		{position:absolute; float:right; top:10px;right:0px;}
.search_box_layout .inputBox		{width:218px;height:29px;background:url(../images/search_box_bg.gif) no-repeat top left;}
.search_box_layout .inputBox .inputTypeText	{width:175px;float:left;background:none;;outline:none;border:0 none;padding-left:10px;margin-top:3px;}
.search_box_layout .inputBox .is_submit		{width:15px;height:14px;float:right;margin-top:6px;margin-right:10px;}

.container .container_main {width:800px; float:left; margin: 0 0 0 0;}
.container .right_container {margin: 0 0 0 20px; float:right; width:200px;}
.right_container .right_submenu {position:relative; float:right; width:200px; overflow:hidden; margin: 0 0 0 0; background-color: transparent; border-top-color: rgb(255, 255, 255); border-top-width: 0px; border-top-style: solid; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 0px; border-bottom-style: solid; border-left-color: rgb(255, 255, 255); border-left-width: 0px; border-left-style: solid; border-right-color: rgb(255, 255, 255); border-right-width: 0px; border-right-style: solid; background-image: none; background-position: 0px 0px; background-repeat: repeat repeat;}
.right_container .right_content {position:relative; float:right; margin: 10px 0 0 0; width:200px;}

/* GNB */
.header .gnb				{position:absolute;top:36px; left:20px;z-index:300;}
.gnb li.m1					{width:109px;height:35px;float:left;position:relative;}
.gnb li.m_on				{background:url(../images/gnb_m1_on_n.gif) no-repeat top left;}
.gnb li.m_ons				{background:url(../images/gnb_m1_on_n.gif) no-repeat top left;}

.gnb a						{font-family:Arial, Helvetica, sans-serif;font-weight:bold;outline:none;ie-dummy: expression(this.hideFocus=true);}
.gnb li.m1 a.m1_a			{color:#FFF;font-size:14px;line-height:14px;text-decoration:none;
display:block;width:109px;height:35px;cursor:pointer;}

.gnb li.m_on a.m1_a			{color:#0f0f0f !important;}
.gnb li.m_ons a.m1_a			{color:#0f0f0f !important;}
.gnb li.m1 span.m1_span		{display:block;width:109px;height:25px;text-align:center;padding-top:10px;}
.gnb .lnb					{margin:0;padding:1px 0 0 0;background:url(../images/lnb_bg.gif) no-repeat top left;}
.gnb .sub					{width:106px;position:absolute;left:2px;z-index:1000; display:none;}
.gnb .lnb .s1				{width:106px;height:32px;background: url(../images/lnb_bg.gif) no-repeat top left;}
.gnb .lnb .s1 a				{width:106px;height:24px;padding-top:8px;font-size:12px;text-align:center;color:#5e5e60;display:block;font-weight:bold;text-decoration:none;}
.gnb .lnb .s1 a:hover		{color:white;background:url(../images/lnb_bg_on.gif) no-repeat 1px 0;}
.gnb .lnb .s1 a.a_on		{color:white;background:url(../images/lnb_bg_on.gif) no-repeat 1px 0;}
.gnb .bottom			{width:106px;height:3px;background:url(../images/lnb_bg.gif) no-repeat bottom left;}
.gnb .bottom span			{width:0;height:0;background:#000;}



/* slide_widget */
#slide_widget				{width:100%;height:446px; position:relative;background:url(../images/slide_box_bg.gif) repeat-x top left;}
#slide_widget .mask			{width:958px;height:446px;position:relative;z-index:80;margin:0 auto;padding:0;overflow:hidden;}
#slide_widget ul			{margin:0; padding:0;}
#slide_widget li			{float:left;list-style:none;}
ul.imgSet					{height:418px;position:absolute;left:width:100%;top:0;}
.imgSet li					{width:958px;height:420px;float:left;}
.imgSet div.item			{position:relative;z-index:50;}
.imgSet li p				{position:absolute;x:0;y:0;z-index:20;margin:0;}
.imgSet li div.shadow		{position:absolute;left:15px;top:323px;z-index:10;}

ul.paging					{width:75px;height:10px;margin:0 auto !important;text-align:center;}
.paging	li					{width:10px;height:10px;margin-right:5px;}
.paging li.on 				{background:url(../images/slide_page_on.gif) no-repeat top left;}
.paging li.off				{background:url(../images/slide_page_off.gif) no-repeat top left;}
.paging	li span				{visibility:hidden;}
.paging	a					{text-decoration:none;}


#footer               {width:100%;height:73px;margin:0 auto;position:relative;background:url(../images/header_bg.gif) repeat-x bottom left;}
#footer	#foot					{width:1020px;margin:1px auto;position:relative;font-family:Arial, Geneva, sans-serif; }
#foot .footer_p			{text-align:center; width:100%; color:#9fa09f;}

#footerMenu {float:right; position: relative; margin:10px 0 10px 0;}
#footerMenu a:hover, a:focus { color: #2D648A; }
#footerMenu li { display:inline; padding:0 .6em 0 1em; }
#footerMenu li.first-child { background:none;}
#footerMenu li a { color:#9fa09f; font-family: Arial, AppleGothic, Sans-serif;}

#footerMenu.mask { width:197px; height:5px; background:#ffffff; display:block; clear:both;}


/* familySite */
#familySite {position: relative; top:-1px; float:left; width:107px; background: url("../images/bg_family_site.gif") no-repeat;}
#familySite h4 {width:107px; height:16px; margin:0; cursor: pointer; }
#familySite span {display: none;}
#familySite #siteList {position:absolute; bottom:15px; border:solid #d5d5d5; border-width:1px 1px 0 1px; background: #FFFFFF; width: 105px; height: 0; margin:0; overflow: auto; z-index:100;}

#familySite #siteList a:hover,
#familySite #siteList a:focus {color:#0066cc; text-decoration:none;}
#familySite #siteList ul {list-style: none;  margin:0; padding:5px 0; text-align:left; overflow:hidden;}
#familySite #siteList ul li { display:block; color:#666;	line-height:14px !important; font:10px "arial"; background:none;}


#sel_lang						{width:100%; height:27px;}
#selectLang					{top:0;right:0;margin:1px;}
#selectLang dd				{float:right;margin:0;}
#selectLang .langBtn		{width:61px;height:20px; cursor:pointer;padding-top:7px;padding-left:7px;color:#5a5a5a;text-decoration:none;font-size:11px;line-height:11px;background:url(../images/btn_language.gif) no-repeat top left;}
#selectLang .langSet		{display:none;width:68px;padding:0px 0 3px 0;margin:0;position:absolute;top:100px;_top:26px;z-index:500;background:url(../images/language_ul_bottom__.GIF) no-repeat bottom left;}
#selectLang ul li			{list-style:none;border-right:#bdbaba solid 1px;border-left:#bdbaba solid 1px; background:#f0f0f0;}
#selectLang ul li a			{height:12px;padding:6px 0 6px 7px;display:block;}
#selectLang li.on			{border:#c3c3c3 solid 1px;background:#d7d7d7;}
#selectLang li.on a			{height:12px;padding:5px 0 5px 7px;}
#selectLang li a			{color:#5a5a5a;text-decoration:none;font-size:11px;line-height:11px;vertical-align:text-top;}

/* Sub Menu */
.SubMenuBoxContainer{
        width:180px;
	position:relative;
	padding: 0 5px 5px 10px;
	margin: 0;
	border-style: solid;
	border-width: 1px;
	border-color: #EFEFEF;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; display: block;
}
* html .SubMenuBoxContainer { border: #EFEFEF; }

.SubMenuBox{ position:relative; *zoom:1; }
.SubMenuBox:after{content:""; display:block; clear:both; }
.SubMenuBox .SubMenuBoxHeader {
	position:relative;
	font-size:16px;
	z-index:10;
	float: left;
	font-weight: bold;
	color: #c8c8c8;
	margin: 5px 0px;
	padding: 5px;
	font-family: Arial;
	clear:both;
	background-color:#FFFFFF;
	width:100%;
	left:-5px;
}
* html .SubMenuBox .SubMenuBoxHeader { margin-right: -10px; }

.SubMenuBox .SubMenuBoxHeader a, .SubMenuBox .SubMenuBoxHeader a:visited {
	text-decoration: none;
}

.SubMenuBox .SubMenuBoxHeader a:hover, .SubMenuBox .SubMenuBoxHeader a:focus{
	text-decoration: underline;
}

.SubMenuBox .SubMenuContainer{ position:relative;	z-index:10;}
.SubMenuBox .SubMenuMore{
	position:absolute;
	display:block;
	text-decoration:none;
	font-size:12px !important;
	white-space:nowrap;
	font-family:Tahoma;
	color:#DFDFDF;
	text-align:center;
	z-index:20;
	margin: 13px 0 10px 0;
	padding:0;
	right:0;
	top:0;
	font-family: Arial;
}
.SubMenuBox .SubMenuMore img{ border:0;}

.SubMenuBox .titleline{
	clear: both;
	margin: 0 0 13px 0;
	padding: 0;
	border-style: solid;
	border-width: 1px;
	border-color: #EFEFEF;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
}

* html .SubMenuBox .titleline { border: #EFEFEF; }

.SubMenuBox .post{
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.SubMenuBoxContainer h2 {margin:0; padding:0px 0; font-size:16px; color:#EFEFEF;}
.SubMenuBoxContainer h2 a {font-size:16px; color:#5a5a5a;}
.SubMenuBoxContainer ul {list-style: none;  margin:0; padding:0px 0; text-align:left; overflow:hidden;}
.SubMenuBoxContainer ul li { margin: 0; list-style:none; line-height: 2;}
.SubMenuBoxContainer ul .active a { font-weight:bold; }

.SubMenuBoxContainer ul ul {list-style: none;  margin:0; padding:0 0 0 10px; text-align:left; overflow:hidden;}
.SubMenuBoxContainer ul ul a { font-weight:none; }