/*

div{border: 1px solid #ff0000;}*/

html { 
height:100%; 
border:0;
padding:0;
}

body{
margin:0px;
padding:0px;
height:100%;
width:100%;
text-align:center;
background-color: #f3f9fb;

}

/*·¹ÀÌ¾î ±âº»¼³Á¤*/
/*1deps*/

#layer_all{
float:center;
width:840px;
margin-top:0px;
padding:5px;
text-align:left;
background-color: #dfdfdf;
}


#layer_topbar{
float:center;
width:100%;
margin:0;
padding:0;
text-align:left;
}


#layer_footer{
float:center;
width:840px;
margin:0;
padding:0;
text-align:center;
}


/*2deps*/

#layer_topflash{
float:left;
width:830px;
margin:0;
padding-bottom:4px;
text-align:left;
background-color: #ffffff;
}

#layer_topmenu{
float:left;
width:830px;
margin:0;
padding-bottom:0;
text-align:left;
background-color: #ffffff;
}


#layer_center{
float:left;
width:830px;
margin:0;
padding:0;
text-align:left;
background-color: #ffffff;
}


/*3deps*/

#layer_left{
float:left;
width:200px;
margin:0;
padding:0;
text-align:left;
background-color: #ffffff;
}



#layer_contents{
float:left;
width:628px;
margin:0;
padding-left:2px;
text-align:left;
background: url("http://battlebeadman.sonokong.co.kr/images/bg_rightline.jpg");
}




/* ¸ðµç·¹À̾Ÿ³»±â-ÄÚµù¿ë */


#login_layer{
float:left;
margin:0;
padding:0;
text-align:center;
background-color: #000000;
z-index:0; 
position:absolute; 
width:100%; 
height:100%; 
z-index:0;
filter:Alpha(Opacity=70) revealTrans(transition=23,duration=0.5) blendTrans(duration=0.5);
}

#login_page{
float:center;
margin:0;
padding:0;
text-align:center;
background-color: #000000;
z-index:0;
width:335px; 
height:230px;
}

.AAA {border:2px;
border-style:solid; 
border-color:#e7e7e7;
text-decoration: none;
margin: 0px;
background-color:white;
}
.AAA2 { border:2px;
border-style:solid; 
border-color:#ef1a30;
text-decoration: none;
margin: 0px;
background-color:white;
}


/*ÀÏ¹Ý ±âº»¼³Á¤*/

body, table, tr, td, select, input, textarea { font-family:µ¸¿ò, seoul, arial, verdana;font-size:9pt;line-height:150%;color:#707070; }

form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,input,blockquote,th,td{margin:0;padding:0;border:0px;}

table{border-collapse:collapse;border-spacing:0;}

em,cite,address,dfn,var{font-style:normal;}

dl,ul,ol{list-style:none;}

select, input, textarea, file { border:1 solid #a6b5bc;font-size: 12px;}


/* À̹ÌÁö Å׵θ®0 */
IMG { border:0 }



/* ¸µÅ©Á¡¼± ¾ø¾Ö±â */
a { selector-dummy : expression(this.hideFocus=true);}


/*±âº» ¸µÅ© ½ºÅ¸ÀÏ*/
a:link {color:#707070; text-decoration: none;}
a:visited{color:#707070; text-decoration: none;}
a:active{color:#707070; text-decoration: underline;font-weight:bold;}
a:hover{color:#707070; text-decoration: underline;font-weight:bold;}


/*ŸÀÌƲ ÅؽºÆ®*/
.title_text { font-family:µ¸¿ò, seoul, arial, verdana;font-size:15px;line-height:150%;color:#205285; font-weight:bold;}


/*³×ºñ°ÔÀ̼Ç*/
.navi{ font-family:µ¸¿ò, seoul, arial, verdana;font-size:11px;line-height:150%;color:#7C9883;}




.product { border:1px solid #dddddd;text-decoration: none;}
.product a:link {text-decoration: none;}
.product a:visited{text-decoration: none;}
.product a:active{text-decoration: none;}
.product a:hover{text-decoration: none;}

.product_ov { border:3px solid #dddddd;text-decoration: none;}
.product_ov a:link {text-decoration: none;}
.product_ov a:visited{text-decoration: none;}
.product_ov a:active{text-decoration: none;}
.product_ov a:hover{text-decoration: none;}



/*±âŸ ÅؽºÆ®*/
.black12 { font-family:µ¸¿ò, seoul, arial, verdana;font-size:12px;line-height:150%;color:#000000;}
.black12 a:link {color:#000000; text-decoration: none;}
.black12 a:visited{color:#000000; text-decoration: none;}
.black12 a:active{color:#000000; text-decoration: underline;}
.black12 a:hover{color:#000000; text-decoration: underline;}

.black12b { font-family:µ¸¿ò, seoul, arial, verdana;font-size:12px;line-height:150%;color:#000000;font-weight:bold;}
.black12b a:link {color:#000000; text-decoration: none;font-weight:bold;}
.black12b a:visited{color:#000000; text-decoration: none;font-weight:bold;}
.black12b a:active{color:#000000; text-decoration: underline;font-weight:bold;}
.black12b a:hover{color:#000000; text-decoration: underline;font-weight:bold;}




.gray12 { font-family:µ¸¿ò, seoul, arial, verdana;font-size:12px;line-height:150%;color:#9A9A9A;}
.gray12 a:link {color:#9A9A9A; text-decoration: none;}
.gray12 a:visited{color:#9A9A9A; text-decoration: none;}
.gray12 a:active{color:#9A9A9A; text-decoration: underline;}
.gray12 a:hover{color:#9A9A9A; text-decoration: underline;}

.gray12b { font-family:µ¸¿ò, seoul, arial, verdana;font-size:12px;line-height:150%;color:#9A9A9A;font-weight:bold;}
.gray12b a:link {color:#9A9A9A; text-decoration: none;font-weight:bold;}
.gray12b a:visited{color:#9A9A9A; text-decoration: none;font-weight:bold;}
.gray12b a:active{color:#9A9A9A; text-decoration: underline;font-weight:bold;}
.gray12b a:hover{color:#9A9A9A; text-decoration: underline;font-weight:bold;}




.orange12 { font-family:µ¸¿ò, seoul, arial, verdana;font-size:12px;line-height:150%;color:#FF5400;}
.orange12 a:link {color:#FF5400; text-decoration: none;}
.orange12 a:visited{color:#FF5400; text-decoration: none;}
.orange12 a:active{color:#FF5400; text-decoration: underline;}
.orange12 a:hover{color:#FF5400; text-decoration: underline;}

.orange12b { font-family:µ¸¿ò, seoul, arial, verdana;font-size:12px;line-height:150%;color:#FF5400;font-weight:bold;}
.orange12b a:link {color:#FF5400; text-decoration: none;font-weight:bold;}
.orange12b a:visited{color:#FF5400; text-decoration: none;font-weight:bold;}
.orange12b a:active{color:#FF5400; text-decoration: underline;font-weight:bold;}
.orange12b a:hover{color:#FF5400; text-decoration: underline;font-weight:bold;}


.orange14b { font-family:µ¸¿ò, seoul, arial, verdana;font-size:14px;line-height:150%;color:#FF5400;font-weight:bold;}
.orange14b a:link {color:#FF5400; text-decoration: none;font-weight:bold;}
.orange14b a:visited{color:#FF5400; text-decoration: none;font-weight:bold;}
.orange14b a:active{color:#FF5400; text-decoration: underline;font-weight:bold;}
.orange14b a:hover{color:#FF5400; text-decoration: underline;font-weight:bold;}




.blue12 { font-family:µ¸¿ò, seoul, arial, verdana;font-size:12px;line-height:150%;color:#0B5EC4;}
.blue12 a:link {color:#0B5EC4; text-decoration: none;}
.blue12 a:visited{color:#0B5EC4; text-decoration: none;}
.blue12 a:active{color:#0B5EC4; text-decoration: underline;}
.blue12 a:hover{color:#0B5EC4; text-decoration: underline;}

.blue12b { font-family:µ¸¿ò, seoul, arial, verdana;font-size:12px;line-height:150%;color:#0B5EC4;font-weight:bold;}
.blue12b a:link {color:#0B5EC4; text-decoration: none;font-weight:bold;}
.blue12b a:visited{color:#0B5EC4; text-decoration: none;font-weight:bold;}
.blue12b a:active{color:#0B5EC4; text-decoration: underline;font-weight:bold;}
.blue12b a:hover{color:#0B5EC4; text-decoration: underline;font-weight:bold;}



.red12 { font-family:µ¸¿ò, seoul, arial, verdana;font-size:12px;line-height:150%;color:#FF0000;}
.red12 a:link {color:#FF0000; text-decoration: none;}
.red12 a:visited{color:#FF0000; text-decoration: none;}
.red12 a:active{color:#FF0000; text-decoration: underline;}
.red12 a:hover{color:#FF0000; text-decoration: underline;}

.red12b { font-family:µ¸¿ò, seoul, arial, verdana;font-size:12px;line-height:150%;color:#FF0000;font-weight:bold;}
.red12b a:link {color:#FF0000; text-decoration: none;font-weight:bold;}
.red12b a:visited{color:#FF0000; text-decoration: none;font-weight:bold;}
.red12b a:active{color:#FF0000; text-decoration: underline;font-weight:bold;}
.red12b a:hover{color:#FF0000; text-decoration: underline;font-weight:bold;}


.green12 { font-family:µ¸¿ò, seoul, arial, verdana;font-size:12px;line-height:150%;color:#028C3D;}
.green12 a:link {color:#028C3D; text-decoration: none;}
.green12 a:visited{color:#028C3D; text-decoration: none;}
.green12 a:active{color:#028C3D; text-decoration: underline;}
.green12 a:hover{color:#028C3D; text-decoration: underline;}

.green12b { font-family:µ¸¿ò, seoul, arial, verdana;font-size:12px;line-height:150%;color:#028C3D;font-weight:bold;}
.green12b a:link {color:#028C3D; text-decoration: none;font-weight:bold;}
.green12b a:visited{color:#028C3D; text-decoration: none;font-weight:bold;}
.green12b a:active{color:#028C3D; text-decoration: underline;font-weight:bold;}
.green12b a:hover{color:#028C3D; text-decoration: underline;font-weight:bold;}