/* CSS Document */

body{
  
	margin:0; 
	text-align:center;
	/*background:#ffffff url(../images/bg_main.gif) repeat-x left top;*/

}


body, div, td, li {
color:#444444;
font-size:12px;
}
body, div, td, li, .p11 {
font-family:µ¸¿ò,Dotum,AppleGothic,sans-serif;

}
b {
letter-spacing:-1px;
}
div, p, ul, li, ol, dl, dd,h1,h2,h3,h4,h5,h6 {
margin:0pt;
padding:0pt;
}

ul, ol, li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;

}

a:link {
color:#444444;
text-decoration:none;
}
a:visited {
color:#444444;
text-decoration:none;
}
a:hover {
color:#438A01;
text-decoration:underline;
}
a:active {
text-decoration:none;
}

img {
border:0pt none;
}
.ls1 {
letter-spacing:-1px;
}
.stockinp, .tbox {
border:1px solid #B5B37C;
}
.dotum {
font-family:dotum !important;
}
.p11 {
font-size:11px;
}
.p11_R{
font-size:11px;
color:#FF0000;
}
.p14 {
font-size:14px;
}
.ln14 {
line-height:1.4;
}
.ln17 {
line-height:1.7;
}
.c, a.c:link, a.c:visited, a.c:hover, a.c:active {
color:#444444;
}
.o, a.o:link, a.o:visited, a.o:hover, a.o:active {
color:#ED6C1F;
}
.b, a.b:link, a.b:visited, a.b:hover, a.b:active {
font-weight:bold;
letter-spacing:-1px;
}
.nv, a.nv:link, a.nv:visited, a.nv:hover, a.nv:active {
color:#01498D;
}
.tj {
color:#ED6C1F;
font-size:10px;
}
dt.first, dd.first, li.first {
background:transparent none repeat scroll 0% !important;
padding-left:0pt;
}


/*·¹ÀÌ¾Æ¿ô*/
#LayoutWrapper{
   position:relative;
   background:url(../images/bg_main.jpg) no-repeat left top;
   min-width:1004px;
   /*height:760px;*/
}
#TopWrapper{
position:relative;
/*background:url(../images/bg_top.gif) no-repeat center top;*/
min-width:1004px;
height:440px;
z-index:30;
}
#TopWrapper_sub{
position:relative;
/*background:url(../images/bg_top.gif) no-repeat center top;*/
min-width:1004px;
height:150px;
z-index:30;
}
#BodyWrapper{
   position:relative;
width:100%;
z-index:20;
}

#FooterWrapper{
width:100%; height:134px;

}
/*********¼­ºê·¹ÀÌ¾Æ¿ô**************/
#SubBodyWrapper{





}
#SubContentWrapper{
position:relative;
width:1010px;
margin-top:30px;
}

#sub_bg{
   position:absolute; left:0px; top:0px;
   width:1010px;
}

/**************input****************/
.type-text{
     border:1px solid #c2c2c2; 
	 height:19px; 
	 font-size:14px; font-weight:bold;
	 vertical-align:top;
}

/****************»ó´Ü******************/
#top{  
      margin:0pt auto;
      position:relative;
      width:1024px; height:440px; 


}
#top_sub{  
      margin:0pt auto;
      position:relative;
      width:1024px; height:150px; 
            z-index:29;
}

#logo{
    position:absolute; left:20px; top:0px;
	width:180px; height:40px;
	z-index:20;
}
#loginmenu{
    position:absolute; left:480px; top:2px;
	width:500px; height:18px;
	text-align:right;
}
#loginmenu ul{padding-left:10px; padding-top:0px;}
#loginmenu li{ 
      background:transparent url(../images/loginmenu_line.gif) no-repeat; 
	  background-position:0pt 2px !important; 
	  display:inline; 
	  padding: 0pt 2px 0pt 4px;
	  font-size:11px;
}
#topmenu{
    position:absolute; left:10px; top:80px;
	width:1005px; height:100px;
	text-align:left;
	z-index:110;

}
#topmenu ul{padding-left:5px; padding-top:0px;}
#topmenu li{ 
      background:transparent url(../images/loginmenu_line.gif) no-repeat; 
	  background-position:0pt 2px !important; 
	  display:inline; 
	  padding: 0pt 0px 0pt 1px;
	  font-size:11px;
}

#search_text{
    position:absolute;
	left:220px; top:43px;
	width:190px; height:16px;
	marign
   
}
     #search_text h3{
	    background:url(../images/search_icon.gif) no-repeat left top;
	   float:left;
	   width:57px; height:16px;
	   margin:4px 5px 0px 5px;
	 }
	 #search_text ul{ 
	    padding:6px 4px 0pt 6px;}
	  #search_text li{ padding:0pt 2px 0pt 0pt;}
	  #search_text .vLine{
	     font-size:9px;
		 padding:1px 0pt 0pt 2px;
		 color:#cfcfcf;
	  }
	  
#search{
    position:absolute;
	left:800px; top:55px;
	width:220px; height:24px;
	font-size:11px;
}
    #search input{
	   width:150px;
       margin-top:2px;
	}
/*****************¸ÞÀÎÁß¾Ó¹è³Ê****************/

/* Win IE 4~6, Mac IE 4, Netscape 4 Á¦¿Ü
================================= */
/*
html>body #main_content{
   background:url(../images/bg_maincontent.png) no-repeat left top;
   position:absolute; left:411px; top:103px;
   width:523px; height:479px;
   z-index:30;
}
*/
/* Win IE 6
================================= */
/*
* html #main_content{
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_maincontent.png',sizingMethod='crop');  
   position:absolute; left:411px; top:103px;
   width:523px; height:479px;
}
*/
#mainbody{
   margin:0pt auto;
   position:relative;
   width:1004px; height:225px;
}
#subbody{
   position:relative;
   margin:0pt auto;
   width:1004px; 
   background:#ffffff url(../images/bg_subbody.gif) no-repeat left top;
   text-align:left;
}
#mainflash{
   position:absolute; left:10px; top:140px;
   width:1005px; height:279px;
   z-index:10;
  
}
#maintext{
   position:absolute; left:49px; top:35px;
	width:400px; height:153px;
}
#subtop{
   position:absolute; left:34px; top:77px;
   width:961px; height:297px;
}
#contentbody{position:relative;}
#maincontent{
   position:relative;
   width:1000px; 
      margin:0pt auto;
}
#bg_content{
   position:absolute; left:0pt; top:0pt;
   width:523px; height:479px;
}

#main_b1{
   position:absolute; left:1px; top:126px;
   width:283px; height:88px;
}
#main_b2{
   position:absolute; left:310px; top:0px;
   width:240px; height:86px;
}
#main_b3{
   position:absolute; left:310px; top:90px;
   width:284px; height:126px;
}
#main_b4{
   position:absolute; left:610px; top:0px;
   width:393px; height:218px;
}

#board01{
   position:absolute; left:1px; top:0px;
   width:279px; height:131px;
   
}
#board01 #content{
   position:absolute; left:1px; top:27px;
   width:279px; height:102px;
   
}



#customer{
   position:absolute; left:0px; top:450px;
   width:1004px; height:171px;
   background:#ffffff url(../images/bg_cscenter.gif) no-repeat left top;
}
#customer #customercall{
   position:absolute; left:30px; top:7px;
   width:276px; height:158px;
}

/*****************ÁÂÃø****************/
#left{ 
   float:left; width:230px; 
   position:relative;
}
#leftmenu{
 position:relative; 
width:230px;
}
#bg_leftmenu{
  position:absolute; left:0px; top:150px;
  width:239px; height:306px;
  
}
#leftbanner01{
 position:relative;
width:230px;
}
#leftbanner02{
 position:relative;
width:230px;
}
#leftbanner03{
 position:relative; 
width:230px;
}
#leftbanner04{
 position:relative; 
width:230px;
}
#leftbanner05{
 position:relative; 
width:230px;
}
/*****************ÁÂÃø³¡****************/

/*****************¿ìÃø*****************/
#rightwrapper{
   float:left;
   position:relative;
   width:750px; height:100%;
   background:url(../images/bg_subbodyright.gif) repeat-y right top;
}
#right{ 
   float:right;
   position:relative; 
   width:750px;
}
#sub_title{
    position:relative;
	height:50px; width:750px;
	text-align:left;
}
     
#navi{
	position:absolute;
	width:400px;
	height:16px;
	text-align:right;
	top: 18px;
	left: 319px;
	
	 }
#sub_content{
   width:750px;

}
#banner_wrapper{
      position:relative;
	height:350px; width:750px;
}
#sub_banner01{
      position:absolute; left:0px; top:0px;
  width:535px; height:350px;
}
#sub_banner02{
      position:absolute; left:545px; top:0px;
  width:192px; height:350px;
}

/*****************¿ìÃø³¡*****************/

/***************º»¹®¿µ¿ª*****************/ 

  
/*¿ìÃø ½ºÅ©·Ñ·¯*/
.scroll_bar_main {position:absolute; right:0px; width:60px; margin-left:0px;}

 
 
/*ÇÏ´Ü*/ 
#footer {
    margin:0pt auto;
	text-align:left;  
    width:1004px; height:134px;
}

  #footer #footlink{
      position:relative;
	  width:900px; height:51px;
   }
   #footer #footlink ul{
      padding:8px 0pt 0pt 25px;
   }
   #footer #footlink li{
      margin-right:10px;
      display:inline; 
   }

#copyright{

   width:1000px; height:80px;
   padding:10px 0px 0px 00px;
   
}

/*ÇÏ´Ü³¡*/

td .left{ text-align:left;}
td .right{ text-align:right;}
table.left{text-align:left;}
table.right{text-align:right;}


/*·Ñ¿À¹ö*/
   a.rollover img { border-width:0px; display:inline; }
   a.rollover img.over { display:none; } 
  
   a.rollover:hover { border:0px }
   a.rollover:hover img { display:none; }
   a.rollover:hover img.over { display:inline; } 
      
/*·Î±×ÀÎÈ­¸é°ü·Ã*/
#login input, select{font-size:100%; vertical-align:middle;}


#login {width:592px; height:212px; position:relative; margin-left:40px;
        background:url(../images/bg_login.gif) no-repeat left top;
        }
.LoginInput label.title{display:none;}
.LoginInput dd {margin-bottom:3px;}

#login #ssl { font-size:11px; }

#login fieldset {
                width:220px;
				background:transparent;
				border:medium none;
				
				position:relative;
				text-align:left;
				left:200px;
				top:93px;
		}
 #login fieldset legend { display:none;}		


#login .type-text{width:130px;}
#id {background:transparent url(../images/id.gif) no-repeat scroll 4px 3px;}
#pw {background:transparent url(../images/pw.gif) no-repeat scroll 4px 3px;}
#loginbtn{margin-left:3px;}

#login ul{margin-top:7px;}
#login li {display:inline;}
#login #nomember{margin-top:2px;}
/*********ºñÈ¸¿øÁÖ¹®**************/
#nomember{
        width:592px;height:212px; margin-left:40px;
        background:url(../images/bg_nomember.gif) no-repeat left top;
}

 #nomember_name{
   position:absolute; left:280px; top:335px;
}
 #nomember_number{
   position:absolute; left:280px; top:360px;
}
 #nomember_pw{
   position:absolute; left:280px; top:385px;
}
 #nomember_btn{
   position:absolute; left:410px; top:345px;
}
/*********ºñÈ¸¿øÁÖ¹®³¡**************/

/*·Î±×ÀÎÈ­¸é°ü·Ã³¡*/


.board {background:url(../images/bg_board.gif) no-repeat left top;}
/*°Ô½ÃÆÇ±ÛÁ¶È¸*/
.text01 {color:#5e4a26; font-size:11px;}
.color01{color:#e2d1b5;}
/*°Ô½ÃÆÇ±ÛÀÐ±â*/
.text02 {color:#5e4a26;}
.color02{color:#e2d1b5;}
/*°Ô½ÃÆÇ±Û¾²±â*/
.text03 {color:#5e4a26;}
.color03{color:#e2d1b5;}
/*°Ô½ÃÆÇ±Û¸¶Áø*/
.board_padding {padding-left:5px;}
.board_margin {margin-left:5px;}


#jointable td {line-height:30px;}
   #jointable input,select {margin-left:7px;}
   
/* ie png 
================================== */
.png24 {
    background:transparent;
  tmp:expression(setPng24(this));
}

/*****************ÅÇ¸Þ´º***************/
#dolphincontainer{
     position:relative;
     width:100%;
}
#dolphinnav{
   position:relative;height:25px;font-size:11px;background:url(../images/board_bar.gif) no-repeat left bottom;
   font-family:"µ¸¿ò"
}
        
		#dolphinnav ul{
		margin:0;padding:0;list-style-type:none;width:auto;float:left;        }
        #dolphinnav ul li{display:block;float:left;}
        #dolphinnav ul li a{display:block;float:left;text-decoration:none;height:25px; background: url(../images/board_off.gif) no-repeat top left;}
        #dolphinnav ul li a span{height:25px;float:left;padding:8px 20px 0px 20px;}
        #dolphinnav ul li a:hover{color:#666666;}
        #dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
        #dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#666666;background: url(../images/board_on.gif) no-repeat top left;
		}
        #dolphinnav ul li a.current span{display:block;width:auto;height:25px;}

        #dolphin_inner{color: white; padding: 1px; font-size: 80%; height: 1em}

        #dolphin_inner a:link, #dolphin_inner a:visited, #dolphin_inner a:active{color:#57ad2b}
        #dolphin_inner a:hover{color:#306d12}

        .innercontent{display: none;margin:0}

