@charset "utf-8";
html { overflow:-moz-scrollbars-vertical; }

body {
	scrollbar-face-color: #FEFEFe;
	scrollbar-shadow-color: #DDD;
	scrollbar-highlight-color: #FEFEFE;
	scrollbar-3dlight-color: #DDD;
	scrollbar-darkshadow-color: #FEFEFe;
	scrollbar-track-color: #FEFEFE;
	scrollbar-arrow-color: #DDD;
	button-text-color:#FEFEFE ;
	margin:0;
	padding:0;
	color:#808080;
	word-spacing:0.2em;
	line-height:136%;
	font-size:12px;
	height:100%;
	width:100%;
	text-align:left;
	background:TRANSPARENT url(../000/images/mall_02.jpg)  repeat-x;
}

#cybernet {
	z-index:0;
	width:100%;
	height:100%;
	background-color:transparent;
}
#bgflash {
	z-index:1;
	width:100%;
	height:100%;
	background:TRANSPARENT  url("../000/images/mall_01.jpg")  no-repeat;
}
#container {
	z-index:2;
   /*display: -moz-inline-box; /* For FF<3 */ 
    /*display: inline-block; IE <8 needs */ 
   -moz-box-orient: vertical; /* For FF<3 */ 
    vertical-align: top;
    text-align: left; 
    margin: 0px;
    padding: 0px;
    /*margin-left: auto;
    margin-right: auto;*/
    width:1000px;
    overflow:hidden;
	background:transparent  url()  no-repeat;
	background-position:left top;
	
}
div.skybanner { position: relative; width: 1000px; margin: 0 auto; z-index: 10; }
div.skybanner div.skyleft { position:fixed; _position: absolute; top: 150px;  _left: 0px; width: 50px; text-align: center; background-color:transparent;}
div.skybanner div.skyright { position:fixed; _position: absolute; top: 150px;  _right: 0px; width: 80px; text-align: center; background-color:transparent;}

#skybottom { vertical-align: bottom; position:fixed; _position:absolute; bottom: 0px; width: 954px; text-align: center; height: 40px; z-index: 1; margin: 0 auto 0 -450px; _margin: 0 auto -1px -504px; }


#header {
   z-index:3;
	width:1000px;
	height:120px;
   text-align: left; 
	margin:0;
	padding:0px;
    background:url() no-repeat left top;
	display:inline-block;dislpay:-moz-inline-stack;*display:inline;*zoom:1;
    overflow:hidden;	
	border:0px dotted #ff0000;

}
#top {
	width:1000px;
	height:20px;
	text-align:right;
    margin:0px;
	padding:0px;	
	display:inline-block;dislpay:-moz-inline-stack;*display:inline;*zoom:1;
	display:inline;/*FF°ø°£¾ø¾Ú, ³ôÀÌ ÀνøøÇÏ°ÔµÊ*/
	overflow:hidden;
	border:0px dotted #ff0000;
}

#top .right {
	width:950px;
	height:20px;/*FF ³ôÀÌÀÎ½Ä 100-20*/
	float:left;
	text-align:right;
    margin:0px;
	padding-top:0px;

	border:0px dotted #ff0000;
}

#navi {
	width:1000px;
	height:100px;
	text-align:left;
	margin:0px;
	padding:0px;

	border:0px dotted #ff0000;
}
#navi .left {
	width:270px;
	height:100px;
	float:left;
	text-align:left;
	margin:0px;
	padding:0px;
	padding:0px;
}
#navi .right {
	width:710px;
	height:100px;
	float:left;
	text-align:left;
	margin:0px;
	padding:0px;
	border:0px dotted #ff0000;
}

#content  {
	z-index:2;
	width:1000px;
    min-height:800px;
    height:auto !important;
    /*height:550px; ie6*/
	float:left;
	text-align: left;
	background: transparent url()  no-repeat;
	margin:0px;
	padding:0px;
	border:0px dotted #ff0000;
}

#content .left {
	width:285px;
	height:600px;
	leading:2px;
	float:left;
	text-align:left;
	overflow:hidden;
    margin:0px;
	padding:0px;
	border:0px dotted #ff0000;
}
.left_menu{
	width:120px;
	height:30px;
	float:left;
	text-align:left;
    margin-top:215px;
	margin-left:110px;
	display:inline-block;dislpay:-moz-inline-stack;*display:inline;*zoom:1;

	border:0px dotted #ff0000;
}
#content .center {
	width:660px;
	float:left;
	text-align:left;
	overflow:hidden;
    margin-top:320px;
	padding:0px;
	border:0px dotted #ff0000;
}


#main {
	position:	relative;
	z-index:2;
	width:1000px;
	float:center;
	overflow:view;
}
#main  .left {
	width:250px;
	float:left;
	text-align:left;
	overflow:hidden;
    margin: 0px;
	padding: 0px;
}
#main  .center {
	width:270px;
	float:left;
	text-align:left;
	overflow:hidden;
    margin: 0px;
	padding: 0px;
}
#main  .right {
	width:480px;
	float:left;
	text-align:left;
	overflow:hidden;
    margin: 0px;
	padding: 0px;
}



.navigation {
	height: 12px;
	font-size: 11px;
	color: #444;
	padding: 0px;
	font-weight: normal;
	word-spacing:0.2em;
}
a.navigation:link, a.navigation:visited, a.navigation:hover, a.navigation:active {
	height: 12px;
	font-size: 11px;
	color: #666;
	padding: 0px;
	font-weight: normal;
	word-spacing:0.2em;
}

#subj_title {
	height: 60px;
	width: 640px;
	background: url(../cms/img/subj_title.gif) no-repeat  right top;
 	margin: 0px;
	padding:0px;
	padding-right: 20px;
	display:inline-block;dislpay:-moz-inline-stack;*display:inline;*zoom:1;/*for left align// IE 5,5 ~ 8, FF2 ~ 3, opera9 ~ 10, safari3 ~ 4*/
}
#subj_title ul {
    float:left; 
    display: inline; 
 	margin: 0px;
	padding:0px;
	background: url(../cms/img/subj_title.gif) no-repeat  left top;
	height: 60px;
	width: 80%;
	font-size: 14px;
	line-height: 30px;
	color: #006699;
	font-weight: bold;
	padding-top:10px;
	padding-left: 40px;
}
#subj_title ul a{
    float:left; 
    display: inline; 
 	margin: 0px;
	padding:0px;
	font-size: 14px;
	line-height: 30px;
	color: #006699;
	font-weight: bold;
}

.sub_title {
	background-image: url('../cms/img/sub_menu_title.gif');
	background-position: right top;
	height: 30px;
	width: 100%;
	font-size: 14px;
	color: #336600;
	padding: 6px 0px 0px 40px;
	margin: 0px 0px 5px 0px;
}
a.sub_title:link, a.sub_title:visited {
	background-image: url('../cms/img/sub_menu_title.gif');
	background-position: right top;
	height: 30px;
	width: 100%;
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
	padding: 6px 0px 0px 40px;
	margin: 0px 0px 5px 0px;
	font-weight: bold;
}
a.sub_title:hover, a.sub_title:active {
	background-image: url('../cms/img/sub_menu_title.gif');
	background-position: right -50px;
	height: 30px;
	width: 100%;
	font-size: 14px;
	line-height: 18px;
	color: #336699;
	padding: 6px 0px 0px 50px;
	margin: 0px 0px 5px 0px;
	font-weight: bold;
}

.sub_menu {
	background-image: url('../cms/img/sub_menu.gif');
	background-position: right top;
	height: 25px;
	width: 100%;
	font-size: 12px;
	color: #336600;
	padding: 0px 0px 0px 40px;
	margin: 0px 10px 0px 0px;
}
a.sub_menu:link, a.sub_menu:visited  {
	background-image: url('../cms/img/sub_menu.gif');
	background-position: right top;
	height: 25px;
	width: 100%;
	font-size: 12px;
	color: #336699;
	padding: 4px 0px 0px 40px;
	margin: 0px 10px 0px 0px;
}
a.sub_menu:hover, a.sub_menu:active, {
	background-image: url('../cms/img/sub_menu.gif');
	background-position: right -50px;
	height: 25px;
	width: 100%;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	padding: 4px 0px 0px 50px;
	margin:0px 10px 0px 0px;
	font-weight: bold;
}



#pop_title{
  background:#5EA606 url("") no-repeat -100px -80px;
  border:1px dotted #2697C3;
}
.pop_title {
  color: #FFFFFF;
  font-weight:bold;
}

#title {
 	width:100%;
	height:30px;
	background:url() no-repeat left -160px;
	padding: 0px;
}
#title span{
	height:30px;
	font-size: 12px;
	color: #444;
	font-weight: bold;
	float:left;
	margin:0;
	padding: 10px 0px 0px 20px;
}
#title  a span{
	height:30px;
	font-size: 11px;
	color: #666;
	font-weight: normal;
	float:right;
    background:url("../cms/images/nav_menu.png") no-repeat right -160px;
    margin:0px;
	padding: 10px 20px 5px 0px;
  text-decoration:none;
}
#submenu {
 	width:100%;
	height:30px;
	font-size: 12px;
	color: #444;
	font-weight: bold;
	text-align: left;
    background:url("../cms/images/nav_menu.png") no-repeat left -50px;
	padding: 0px 0px 0px 20px;
}
#submenu a span{
 	width:100%;
	height:30px;
	color: #FFFFFF;
    background:url("../cms/images/nav_menu.png") no-repeat right -50px;
    margin:0px;
	padding: 14px 0px 0px 0px;
  text-decoration:none;
}


#footer {
	position:	relative;
	z-index:2;
 	width:1000px;
	height:100px;
	font-size: 11px;
	float: left;
	text-align: left;
	overflow:hidden;
	white-space: nowrap;
	border-top:0px dotted #ccc;
	background: transparent url('../000/images/mall_03.gif') no-repeat left top;
	padding:0px;
	margin-top:20px;
}
#footer .left {
	width:0px;
	leading:2px;
	float:left;
}
#footer .center{
	width:1000px;
	leading:2px;
	float:left;
	text-align:center;
	overflow:view;
	padding: 30px 0px 0px 0px;
	color: #666666;
}

.footer {
 	width:100%;
	font-size: 11px;
	color: #444;
	text-align: left;
	padding: 5px 0 5px 0;
	margin-right: 5px;
	margin-left: 50px;
	white-space: nowrap;
	background:transparent url('../images/bg_titline.gif')  repeat-x;
	background-position:left bottom;
}

.foot{
color: #666666;
}
a.foot:link, a.foot:visited {
color: #666666;
padding:0px 5px 0px 5px;
}
a.foot:hover, a.foot:active {
color:#33FF00;
padding:0px 5px 0px 5px;
}

.top_small {
	font-size:11px;
	line-height: 120%;
	color:#FFF;
	font-weight: normal;	

}
a.top_small:link, a.top_small:visited {
	color:#CF6;
	font-weight:normal;
	Alpha(Opacity=90, FinishOpacity=70, Style=2);
	FILTER: Glow(color='#000000 Strength='3');
}
a.top_small:hover, a.top_small:active {
	color:#3F0;
	Alpha(Opacity=90, FinishOpacity=70, Style=2);
	FILTER: Glow(color='#FFFFFF', Strength='2');
}


#cybernet .c-both {
	clear:both;
}
#cybernet .cyber {
	float:left;
	text-align:left;
	background-color:transparent;
}
#cybernet .c- {
	float:left;
	text-align:left;
	background-color:#FFFFFF;
}
.title {
	font-size:14px;
	font-weight:bold;
	color:#4B4B4B;
	Alpha(Opacity=80, FinishOpacity=70, Style=2);
	FILTER: Glow(color='#FFFCEB', Strength='2');
	HEIGHT: 0px
}

a.dot001:hover, a.dot001:active {
	background-image: url('../cms/img/css_dot002.gif');
	background-position: left top;
	height: 18px;
	width: 100%;
	font-size: 12px;
	line-height: 18px;
	color: #eeeeee;
	padding: 0px 0px 0px 16px;
}
.dot002 {
	background-image: url('../cms/img/css_dot002.gif');
	background-position: left top;
	height: 18px;
	width: 100%;
	font-size: 12px;
	line-height: 18px;
	color: #ccff33;
	padding: 0px 0px 0px 16px;
	font-weight: bold;
}
.submenu01 {
	background-image: url('../cms/img/css_submenu01.gif');
	background-position: left bottom;
	height: 18px;
	width: 100%;
	font-size: 12px;
	line-height: 18px;
	color: #4B4B4B;
	padding: 0px 0px 0px 14px;
	font-weight: bold;
}
.submenu02 {
	background-image: url('../cms/img/css_submenu02.gif');
	background-position: left top;
	height: 18px;
	width: 100%;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	color: #006699;
	padding: 0px 0px 0px 14px;
}
.submenu03 {
	background-image: url('../cms/img/css_submenu04.gif');
	background-position: left top;
	height: 18px;
	width: 100%;
	font-size: 12px;
	color: #336600;
	padding: 0px 0px 0px 14px;
}
a.submenu03:link, a.submenu03:visited  {
	background-image: url('../cms/img/css_submenu04.gif');
	background-position: left top;
	height: 18px;
	width: 100%;
	font-size: 12px;
	color: #336600;
	padding: 0px 0px 0px 14px;
}
a.submenu03:hover, a.submenu03:active, {
	background-image: url('../cms/img/css_submenu03.gif');
	background-position: left top;
	height: 18px;
	width: 100%;
	font-size: 12px;
	line-height: 18px;
	color: #F96736;
	padding: 0px 0px 0px 16px;
	font-weight: bold;
}
 .tel01 {
	background-image: url('../cms/img/css_tel001.gif');
	background-position: left top;
	height: 18px;
	width: 100%;
	font-size: 11px;
	line-height: 18px;
	color: #006699;
	padding: 0px 0px 0px 25px;
	font-weight: normal;
}
.sub001 {
	background-image: url('../cms/img/css_sn001.gif');
	background-position: left top;
	height: 30px;
	width: 100%;
	font-size: 14px;
	Filter: shadow(color=#FFFFFF ,direction=130);
	line-height: 30px;
	color: #4b4b4b;
	padding-left:20px;
	font-weight: bold;
	display:inline-block;dislpay:-moz-inline-stack;*display:inline;*zoom:1;/*for left align// IE 5,5 ~ 8, FF2 ~ 3, opera9 ~ 10, safari3 ~ 4*/
}
.sub002 {
	background-image: url('../cms/img/css_sn002.gif');
	background-position: left top;
	height: 20px;
	width: 100%;
	font-size: 14px;
	Filter: shadow(color=#FFFFFF,direction=130);
	line-height: 20px;
	color: #666666;
	padding: 0px 0px 0px 30px;
	font-weight: bold;
}