#wrap {width:1000px;}
#fistwrap {background:url(/images/general/main_bg_sky1.jpg) no-repeat; float:left;}

/*--------------로고 & 로그인 부분--------------*/

/* 탑 아웃라인*/

 #twrap h2 { display:none; }

/* 탑 인라인박스 */
#tmwrap 
{
    color:#333; 
    font-size:11px;
    height:190px;
    margin:0 ;  
    padding:0; 
    float:left;
    width:970px; 
    }

/* 로고 */
#logo
{
    background:url(/images/general/logo.gif) left top no-repeat;
    height:57px; 
    left: 0px;
    margin:6px 0px 0px 40px; 
    position:absolute; 
    top:0px;
    width:180px; 
    }
    
#logo a	
{
     background:url(/images/general/logo.gif) no-repeat;
     height:50px; 
     display:block; 
     width:191px;
     }


/* 로그인 */        
#logoin 
{
    float:right; 
    margin:25px 65px 0 0 ;
    display:inline;
    }


    #logoin .loginId  /*아이디 입력 인풋*/
    {
        background:url(/images/general/bg_idinputon.gif) repeat-x #fff; 
        border:#022c87 solid 2px;
        color:#0c79ff; 
        font-family:dotum;
        font-size:12px;
        height:15px;
        padding:3px 0 0 25px;
        margin-right:3px; 
        width:160px; 
        cursor: pointer;
        }
  
   #logoin .btlogoin /*로그인*/ 
    {
        background:url(/images/general/bt_logoin.gif) no-repeat; 
        border:none; 
        color:#fff; 
        font-size:11px; 
        height:23px; 
        padding:3px 0 0 3px; 
        width:65px; 
        cursor: pointer;
        } 
        
    #logoin .btjoin  /*회원가입*/
    {
        background:url(/images/general/bt_join.gif) no-repeat; 
        border:none;
        color:#fff; 
        font-size:11px; 
        height:23px; 
        width:67px; 
        cursor: pointer;
        }

		
    #logoin .btlogout  /*로그아웃*/
    {
        background:url(/images/general/btn_logout.gif) no-repeat; 
        border:none; 
        height:23px;
        width:53px; 
        color:#fff; 
        font-size:11px; 
        cursor: pointer;

        }
    
    #logoin .btmemedit  /*회원정보관리*/
    {
        background:url(/images/general/btn_memedit.gif) no-repeat; 
        border:none;
        height:23px;
        width:88px; 
        color:#fff; 
        font-size:11px; 
        cursor: pointer;
        }
    
   #logoin .bulet  /*블릿*/
    {
		background:url(/images/general/login_bulet.gif) no-repeat 0% 30%;
		color:#00132b;
        font-size:11px;
        font-weight:bold; 
        height:23px;
        margin-right:8px; 
        padding-left:10px;
    }

     #logoin .mL { margin-left:5px; }
    
    #logoin .checkbox
    {
        border:none;
		background:none;
		}

/*--------------Footer 컨텐츠--------------*/
/* 푸터 박스 */
#footer 
{
	float:left;
	display:inline;
	margin-left:178px;
    width:745px;
    }
    
/* SPOT MENU */        
#bottomlinkbox	
{
    background:url(/images/general/spotmenubg.gif) no-repeat; 
    margin-bottom:5px;
    width:735px; 
    height:30px;
    float:left;
    }
            
    #bottomlinkbox li.sub { background:url(/images/main/bul_02.gif) right 50% no-repeat ; padding:5px 9px; float:left; font-size:11px; list-style:none;}
        
    #bottomlinkbox li a:link, li a:visited, li a:active { color:#ffffff; }
    
    #bottomlinkbox li a:visited { color:#ffffff; }
    
    #bottomlinkbox li a:hover { color:#ffff00; text-decoration:none; }            
        
    #bottomlinkbox li.sitemap { list-style:none; float:right; margin:5px 5px 0 0;}

/*------------- 함께하는 까페 단체 --------------------*/ 

#tbwrap { background:url(/images/general/footerbg.jpg) repeat-y;
	width:740px; height:100%;
	}

#tbwrap .top { background:url(/images/general/footerbgt.jpg) no-repeat;
	width:740px; height:15px; margin-bottom:5px;}
#tbwrap .bot {background:url(/images/general/footerbgb.jpg) no-repeat;
	width:740px; height:25px; margin-top:5px;}
/* 함께하는 까페 타이틀 */
    #footer h4 
    {
        display:inline;
        float:left;                
        font-family:gulim;
        font-size:13px; 
        font-weight:bold;
        margin:0 16px 0 20px; /* HACK - ie 6.0 제외 */          
        position:relative;         
        width:100px;
        }
        
/* 하단 점선 
div.togetherhr 
{
    border-top:1px dotted #d5d5d5; 
    clear:both;    
    float:right;
    margin-top:10px; 
    width:745px; 
    }    */
    div.togetherhr hr {display: none;}
    
#togetherBox 
{
    float:left;
    margin:0;     
    }
    
    #togetherBox dt
    {
        display:inline;
        float:left;
        height:15px;
        width:60px;
        }
        
        #togetherBox dt.daum { background:url(/images/general/img_daum.gif) 0% 0% no-repeat; }
        
        #togetherBox dt.naver { background:url(/images/general/img_naver.gif) 0% 0% no-repeat; }
        
        #togetherBox dt.cyworld { background:url(/images/general/cyworld.gif) 0% 0% no-repeat; }
        
    #togetherBox dd
    {
        background:url(/images/general/bul_03.gif) 0% 50% no-repeat;
        float:left; 
        font-size:11px;
        line-height:160%;
        padding:0px 8px 0 5px;
        }

#corpinfor ul { margin:0 ; }

#corpinfor li 
{
    float:left; 
    list-style:none; 
    margin:20px 15px 10px 0;
    }

#copyright 
{
    color:#333; 
    float:left;
    text-align:left;
    font-size:11px; 
    line-height: 150%;
    padding:0 0 30px 10px; 
    }
/*------------------------------------------인덱스, 서브 공통적용부분 끝 ----------------------------------------*/

/*--------------발바닥 캠페인 부분--------------*/
#mcampaign 
{
    position:relative; 
    width:682px;
    height:100px; 
    float:left;
    cursor: pointer;
    }
    
    #mcampaign .mevent
    {
        position:absolute; 
        top:-106px;
        left:11px; 
        z-index:0;
        }
    
        
#toe ul 
{
    margin-top:26px; 
    margin:0; 
    padding:0; 
    z-index:2;
    }
    
#toe li 
{
    list-style:none; 
    margin:0; 
    padding:0;
    cursor: pointer;
    }
    
/*#toe .toe5 
{
    position:absolute; 
    top:2px;
    left:140px; 
    cursor: pointer;
    }
    
#toe .toe4 
{
    position:absolute; 
    top:25px;
    left:72px; 
    cursor: pointer;
    }*/
    
#toe .toe3 
{
    position:absolute; 
    top:13px;
    left:645px; 
    cursor: pointer;
    }
    
#toe .toe2 
{
    position:absolute; 
    top:13px;
    left:612px; 
    cursor: pointer;
    }
    
#toe .toe1 
{
    position:absolute; 
    top:13px;
    left:580px; 
    cursor: pointer;
    }
    
#toe b { display:none; }



/*--------------메인 컨텐츠--------------*/
#mwrap 
{
	 background :url(/images/general/main_contentsBG.jpg) 0px 500px repeat-y;
    width:740px; 
    margin:0 ; 
    padding:0; 
    text-align:left; 
    float:left;
    }
.bottombg 
{
	background:url(/images/general/main_contentsBGb.jpg) no-repeat;
	width:745px;
	height:86px;
	clear:both;
}

#mlmenu 
{
	width:178px; float:left; }

#mlwrap
{	width:178px;
	float:left;
	background:url(/images/general/leftmenubg.gif); background-repeat:repeat-y;
  }
#mlwrap ul 
{ 
	margin:0; 
	padding:0 0 30px 0; 
	background:url(/images/general/leftmenubgb.jpg) bottom no-repeat; 
	height:180px; 
	}
#mlwrap li  
{ 
	margin:0; 
	padding-left:42px; 
	height:22px;
	list-style:none; 
	background:url(/images/general/leftmenuicon.gif) 33px 50% no-repeat; 
	color:#333;
	}				
#mlwrap li a:link, li a:visited, li a:active 
{ 
	color:#333; 
	}
#mlwrap li a:hover
{
	color:#71c32e; 
	font-weight:bold;
	text-decoration:none;
	}

#mcwrap 
{ 
    padding:0 35px; 
    margin:0px; 
    clear:both;
    }
    
#leftm { margin:0 40px 0 5px; float:left; width:300px; vertical-align:top;}

#rightm {  margin-right:0px; float:left; width:300px; vertical-align:top;}

#mnotice 
{
    background:url(/images/main/bg_notice2.gif) no-repeat; 
    font-size:12px;
    width:600px;
    height:39px;
    padding: 13px 0 0 95px ;
    margin: 130px 0 10px 5px;
    }
    
    #mnotice b { color:#ff5468;}
  
    #mnotice a, a:visited { color:#666666; text-decoration:none;}
  
    #mnotice a:hover, a:active { color:#000000; text-decoration:none; }
    
#mfree { font-size:12px; margin:0 0 20px 0; }

#mfree h2{ width:30px; height:71px;}
#mfree ul { margin:7px 0 0 3px;}
#mfree li  
{
		background:url(/images/main/bul_03.gif) no-repeat left 50% ; 
		padding-left:13px; 
		margin-left:10px; 
		list-style:none;
		}

#mfree li a:link, a:visited , a:active { color:#333; text-decoration:none;}
#mfree li a:hover{ color:#e45000; text-decoration:underline;}

#mstory { font-size:12px; margin:0 0 20px 0; }

#mstory h2{ width:30px; height:71px;}
#mstory ul { margin:7px 0 0 3px;}
#mstory li  
{
		background:url(/images/main/bul_03.gif) no-repeat left 50% ; 
		padding-left:13px; 
		margin-left:10px; 
		list-style:none;
		}

#mstory li a:link, a:visited , a:active { color:#333; text-decoration:none;}
#mstory li a:hover{ color:#e45000; text-decoration:underline;}


#mhealcookie {float:left;margin:0;}

#mtoon { font-size:12px; margin:0 0 20px 0; }
#mtoon {font-size:11px; margin:0; text-align:center; } 
#mtoon dl { float:left; margin:7px 0 15px 0px; padding:0;}
#mtoon dt { font-weight:bold; margin:6px 0 0 7px; padding:0; text-align:left;} 
#mtoon dd { margin:0 0 0 7px; padding:0;}
#mtoon dd img { border-style:solid; border-width:1px; border-color:#e9e9e9; padding:1px; margin:0;}
#mtoon dd.wr { color:#999999; font-size:11px; margin:-3px 0 0 7px; padding:0; text-align:left;}

#mdeclare { font-size:12px; margin:0 0 20px 0; }
#mdeclare {font-size:11px; margin:0; text-align:center; } 
#mdeclare dl { float:left; margin:7px 0 15px 0px; padding:0;}
#mdeclare dt { font-weight:bold; margin:6px 0 0 7px; padding:0; text-align:left;} 
#mdeclare dd { margin:0 0 0 7px; padding:0;}
#mdeclare dd img { border-style:solid; border-width:1px; border-color:#e9e9e9; padding:1px; margin:0;}
#mdeclare dd.wr { color:#999999; font-size:11px; margin:-3px 0 0 7px; padding:0; text-align:left;}

            /*--------------배너 기타 부분 (힐링쿠키 , HSP생활문화협회 , 홍익이스트) ------------*/                  
            #banner_etc 
            {
				float:left;
				margin:10px 0 0 13px;
            }
                   
#rightbanner 
{   
    float:right;
    text-align:center;
    width:80px;
    height:171px;
    padding:63px 0 0 0;
    font-size:16px;
    color:#000;
    font-weight:bold;
    background:url(/images/sub/banner_HSPindex.jpg) no-repeat;
    position:absolute; 
    top:190px;
    left:920px;
    z-index:1;
    cursor: pointer;   
    }