@charset "utf-8";
html { overflow:-moz-scrollbars-vertical; -moz-box-orient: vertical; /* For FF<3 */}
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 ;
	background:#FFFFFF url(../000/images/main_02.jpg)  repeat-x;
}

#cybernet {
	z-index:0;
	width:100%;
	height:100%;
	background:transparent url() no-repeat;
	background-position:center top;
}
#bgflash {
	z-index:1;
	width:100%;
	height:100%;
}
#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: 0;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    overflow-x:hidden;
    *zoom:1;
}
#container:after { content:""; clear:both; display:block; }
/*IE 6~7 ºê¶ó¿ìÀú´Â °¡»ó ¿ä¼Ò ¼±ÅÃÀÚ :after¸¦ Áö¿øÇÏÁö ¾ÊÀ½
 CSS hackÀ» ÀÌ¿ëÇÏ¿© ÀÚ½ÄÀÇ ³ôÀ̸¦ ºÎ¸ð¿¡°Ô Àü´Þ 
 zoom:1 ¼Ó¼ºÀº IE Àü¿ë È®Àå ¼Ó¼º */
#header {
	z-index:3;
	width:1000px;
	height:120px;
	/*float:left;/*ie8 FF ·¹À̾î°ãÃÄÁü*/
	text-align:left;
	padding-top:0px;
	border:0px dotted #ff0000;
}

#header  .top {
	width:900px;
	height:30px;
	overflow:hidden;
	margin:0px;
	padding:0px;
}
#header  .top .right {
	float:right;
	text-align:left;
	padding:5px;
}
#navi {
	width:1000px;
	height:70px;
	text-align:left;
	overflow:hidden;
    margin: 0;
    clear:both;
}
#navi .left {
	width:260px;
	height:70px;
	float:left;
	text-align:left;
	overflow:hidden;
    margin: 0;
	padding: 0;
}
#navi .center {
	width:650px;
	height:70px;
	float:left;
	text-align:left;
	overflow:view;
    margin: 0;
	padding: 0;
}



#main {
	z-index:2;	
	/*Áß¾ÓÁ¤·Ä¾ÈµÊdisplay:inline-block;display:-moz-inline-stack;*display:inline;*zoom:1;display:inline;/*for left align// IE 5,5 ~ 8, FF2 ~ 3, opera9 ~ 10, safari3 ~ 4*/
   -moz-box-orient: vertical; /* For FF<3 */ 
    margin: 0;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    overflow:hidden;
    vertical-align: top;
    text-align: left;     
	background:transparent url(../000/images/main_01.jpg) no-repeat;
	background-position:center top;    
    min-height:770px;
    height:auto !important;
    /*height:550px; ie6*/
    /*ÃÖ¼Ò ³ôÀÌ FF ¾Æ·¡ ÇÊ¿ä But Áß¾ÓÁ¤·Ä¾ÈµÊ*/
	/*display: -moz-inline-box; /* For FF<3 */ 
    /*display: inline-block; /*IE <8 needs */ 
    /*display:inline;/*ie6 ´õºí¸¶Áø*/
}

#main .visual {
	z-index:2;
	width:1000px;
	height:280px;
	text-align:left;
	padding-top:0px;
	border:0px dotted #ff0000;
}
#main .content {
	z-index:2;
	width:1000px;
	height:380px;
	text-align:left;
	padding-top:0px;
	border:0px dotted #ff0000;
}
#main .content .left {
	width:320px;
	float:left;
	text-align:left;
	overflow:hidden;
    margin: 0;
	padding: 0;
	border:0px dotted #ff0000;
}
#main .content .center {
	width:350px;
	float:left;
	text-align:left;
	overflow:hidden;
    margin: 0;
	padding: 0;
	border:0px dotted #ff0000;
}
#main .content .right {
	width:220px;
	float:left;
	text-align:center;
	overflow:hidden;
    margin-left: 20px;
	padding: 0;
	border:0px dotted #ff0000;
}




#content  {
	z-index:2;
	width: 1000px;
	margin:0px;
	padding:0px;
    min-height:600px;
    height:auto !important;
    /*height:550px; ie6*/
}

#content .left {
	width:275px;
    min-height:300px;
    height:auto !important;
    /*height:600px; ie6*/	
	leading:2px;
	float:left;
	text-align:left;
	overflow:hidden;
    margin-top: 157px;
	padding: 0;
	border:0px dotted #ff0000;
}
#content .left2 {
	width:200px;
}

#content  .left_menu_title {
	width:182px;
	height:30px;
    margin:0px;
	padding:8px;
	text-align:center;
}

#content  .left_menu {
	width:152px;
    margin:10px 0 0 23px;
	padding:15px;
	text-align:left;
	border:10px solid #82C3C7;
	background-color:#FFF;
	min-height:140px;
    height:auto !important;
    /*height:50px;/* ie6*/
	overflow:hidden;
    display:inline-block;display:-moz-inline-stack;*display:inline;*zoom:1;
}

#content .center {
	width:600px;
    min-height:600px;
    height:auto !important;
    height:800px; /*ie6*/
	float:left;
	text-align:left;
	/*overflow:hidden;*/
    padding-top: 20px;
	margin: 0;
	border:0px dotted #ff0000;
}



#footer {
    border:0px dotted #ff0000;
	z-index:2;
	float:left;
 	width:1000px;
	height:100px;
	border-top:1px dotted #ccc;
	margin-top:20px;
	display:inline-block;display:-moz-inline-stack;*display:inline;*zoom:1;display:inline;
    -moz-box-orient: vertical; /* For FF<3 */
}
#footer .left {
	width:300px;
	height:100px;
	leading:2px;
	float:left;
	background: transparent url('../000/images/main_05.gif') no-repeat 20px 0;
}
#footer .center{
	width:600px;
	leading:2px;
	float:left;
	text-align:left;
	overflow:view;
	padding: 20px 0px 0px 0;
	color: #666666;	
	white-space: nowrap;
}

.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;
}

/*shop item main.skin10.100.css*/
.lt { dislay:inline; float:left; text-align:left; margin:10px 5px;}
.lt ul{ text-align:center; color:#cc0033; }
.lt li{ text-align:center; color:#444; }


#subj_title {
	height: 60px;
	width: 590px;
	background: url(../cms/img/subj_title.gif) no-repeat  right top;
 	margin: 0;
	padding:0px;
	padding-right: 20px;
	display:inline-block;display:-moz-inline-stack;*display:inline;*zoom:1;
}
#subj_title ul {
    float:left; 
    display: inline; 
 	margin: 0;
	padding:0px;
	background: url(../cms/img/subj_title.gif) no-repeat  left top;
	height: 60px;
	width: 500px;
	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: 0;
	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: 200px;
	font-size: 14px;
	color: #360;
	padding: 6px 0px 5px 60px;
	margin: 0;
}
a.sub_title:link, a.sub_title:visited {
	font-size: 14px;
	line-height: 18px;
	color: #369;
	padding-left:20px;
	margin: 0;
	font-weight: bold;
}
a.sub_title:hover, a.sub_title:active {
	font-size: 14px;
	line-height: 18px;
	color: #069;
	padding-left:30px;
	margin: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 0;
}
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 0;
}
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 0;
	font-weight: bold;
}



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

#title {
 	width:100%;
	height:30px;
	background:url() no-repeat left -160px;
	padding: 0;
}
#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 0;
  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 0;
  text-decoration:none;
}


.top_small {
	font-size:11px;
	line-height: 120%;
	color:#DDD;
	font-weight: normal;
	padding:0px 1px;
}
a.top_small:link, a.top_small:visited {
	color:#EEE;
	font-weight:normal;
}
a.top_small:hover, a.top_small:active {
	color:#33FF00;
}

#cybernet .c-both {clear:both;height:0;font:0px/0px Arial;}

#cybernet .cyber {
	float:left;
	text-align:left;
	display:inline-block;display:-moz-inline-stack;*display:inline;*zoom:1;display:inline;
}
#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:link, a.dot001:visited {
	background-image: url('../cms/img/css_dot001.gif');
	background-position: left top;
	height: 18px;
	width: 100%;
	font-size: 12px;
	line-height: 18px;
	color: #333;
	padding-left: 14px;
	display:inline-block;display:-moz-inline-stack;*display:inline;*zoom:1;display:inline;
}
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: #006699;
	padding-left: 16px;
	display:inline-block;display:-moz-inline-stack;*display:inline;*zoom:1;display:inline;
}
.dot002 {
	background-image: url('../cms/img/css_dot002.gif');
	background-position: left top;
	height: 18px;
	width: 100%;
	font-size: 12px;
	line-height: 18px;
	color: #006699;
	padding-left: 16px;
	font-weight: normal;
}
.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-left: 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-left: 14px;
}
.submenu03 {
	background-image: url('../cms/img/css_submenu04.gif');
	background-position: left top;
	height: 18px;
	width: 100%;
	font-size: 12px;
	color: #336600;
	padding-left: 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-left: 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-left: 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;
}
.sub000 {
	background-image: url(../cms/img/css_sn000.gif);
	background-position: left top;
	height: 25px;
	width: 100%;
	font-size: 12px;
	font-style: normal;
	line-height: 25px;
	color: #4b4b4b;
	text-decoration: none;
	margin: 0;
	padding-left: 16px;
	font-weight: bold;
	font-variant: normal;
	clear: none;
	float: none;
	clip:   rect(auto auto auto 0px);
	border: 0;
}

.sub001{
	background-image: url('../cms/img/css_sn001.gif');
	background-position: left top;
	background-color:#F4F4F4;
	height: 30px; 
	width:580px;
	font-size: 14px;
	line-height: 30px;
	color: #4b4b4b;
	padding-left: 20px;
	font-weight: bold;
	display:inline-block;display:-moz-inline-stack;*display:inline;*zoom:1;display:inline;
    -moz-box-orient: vertical; /* For FF<3 */
}

.sub002 {
	background-image: url('../cms/img/css_sn002.gif');
	background-position: left top;
	height: 20px;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	color: #666666;
	padding-left: 30px;
	font-weight: bold;
	display:inline-block;display:-moz-inline-stack;*display:inline;*zoom:1;display:inline;
}