@charset ¡°euc-kr¡±;
@import url("ymca_common.css");



div#wrap {
	width: 1065px;
        margin:0 auto;
	padding:0 0 0 0;
        background: url("../img/main_bg.jpg") no-repeat;
 }
div#wrap2 {
	width: 991px;
	height:1300px;
	margin:0 0 0 0;
	padding:0 0 0 0;
 }


 
 



/*----MIDDLE1------*/

#middle1 {
	width: 992px;
  	position: relative;
	margin:0;
	padding:0;
	display: inline;  
	float: left;
	vertical-align:top;
}
.m-flash {
	width: 504px;
	margin:0;
	padding:0;
	display: inline;  
	float: left;
}

.flash {
	width: 504px;
	height: 424px;
	margin:0;
	padding:0;
	display: inline;  
	float: left;
}
.m-program{
	width: 486px;
	margin:8px 0 0 14px;
	padding:0;
	display: inline;  
	float: left;
}
.program-flash {
	width: 486px;
	margin:0;
	padding:0;
	display: inline;  
	float: left;
}
 
ul.pro-tit {
	display: inline;  
    	float:left;   
}
ul.pro-tit  li{
    	display:inline;
   	font-size:0;	
    	float:left;    
}
.pro-b {
        width:500px;
    	float:left;    
	position:absolute; 
	left:13px; 
	top:486px; 
	z-index:10; 
}
.pro-c {
        width:477px;
        height:100px;
        margin:4px 0 0 0;
        padding:3px 0 0 0;
        border:3px solid #EAE4DE;
    	float:left;    
}
  


.m-right {
	width: 406px;
	margin:23px 0 0 14px;
	padding:0;
	display: inline;  
	float: left;
}
.login {
	width: 403px;
	padding:0;
	margin:4px 0 0 1px;
	display: inline;  
	float: left;
}
.news {
	width: 403px;
	padding:0;
	margin:4px 0 0 1px;
	display: inline;  
	float: left;
}
dl.login-form {
	width: 188px;
	margin:7px 0 7px 10px ;
	padding:0 0 0 0;
	display: inline;  
	float: left;
}
dl.login-form dt{
	width: 133px;
	padding:1px 0 0 0;
	margin:0;
	display: inline;  
	float: left;
}
dl.login-form dt dd{
	width: 58px;
	margin:0 0 0 5px;
	padding:0 0 0 0;
	vertical-align:top;
}
.member-btns{
	width: 193px;
	margin:10px 0 0 5px;
	padding:0 0 0 0;
	display: inline;  
	float: left;
}
.member-btns img {
	padding:5px 0 0 0;
}

.news-wrap {
	width: 402px;
	height:439px;
	margin:0;
	padding:0;
}
.r-baner {
	width: 400px;
	height:77px;
	margin:5px  0 7px 0;
	padding:0 0 0 0;
	text-align:center;
	display: inline;  
    	float:left;   
}
 
ul.right-tab {
    	width: 375px;
    	height: 30px;
    	margin:0 0 0 13px;
    	border-bottom:1px solid #CACACA;
	display: inline;  
    	float:left;   
}
ul.right-tab li {
    	display:inline;
   	font-size:0;	
    	float:left;    
}
ul.right-tab li img {
	margin:0 3px 0 0 ;
}
.tab-more {
    	width: 375px;
    	text-align:right;
    	margin:0 0 0 15px;
}


dl.photo-list-tit {
    	width: 375px;
    	margin:2px 0 0 13px;
    	padding:0;
	display: inline;  
    	float:left;
}
dl.photo-list-tit dt {
    	width: 79px;
    	margin:0;
    	padding:0;
    	text-align:center;
	display: inline;  
    	float:left;    
}
dl.photo-list-tit dt img{
    	margin:0 0 5px 0 ;   
}
dl.photo-list-tit dd{
    	width: 286px;
    	margin:0 0 0 0;
    	padding:0;
	display: inline;  
    	float:left;    
}



dl.photo-list {
    	width: 375px;
    	margin:0 0 1px 13px;
    	padding:0;
	display: inline;  
    	float:left;
}
dl.photo-list dt {
    	width: 82px;
    	margin:0;
    	padding:0;
    	text-align:center;
	display: inline;  
    	float:left;    
}
dl.photo-list dt img{
    	margin:0 0 0 0 ;   
		border:1px solid #BEBCB5;
		padding:1px;
}
dl.photo-list dd{
    	width: 291px;
    	margin:0 0 0 0;
    	padding:0 0 0 2px; 
	display: inline;  
    	float:left;    
		font-size:11px;
}

table.photo-list-no{
	margin:1px 0 1px 13px;
	width:371px;
}
table.photo-list-no td{
	padding:0 0 0 4px;
}
table.photo-list-no td.plcon{
	padding:2px 0 0 4px;
	font-size:11px;
}


.dotted{
    	width: 375px;
        height:1px;
        font-size:0;
        background: url("../img/dot_bg.gif") repeat;
	display: inline;  
    	float:left;    
        margin:3px 0 5px 13px;
        padding:0;
}
.list-wrap {
    	width: 380px;
    	padding:2px 0 11px 13px;
    	float:left;
}
dl.news-list {
    	width: 375px;
    	height:15px;
    	margin:0 0 0 0;
    	padding:0;
    	float:left;
}
dl.news-list dt {
    	width: 19px;
    	margin:0;
    	padding:0 0 2px 0;
    	float:left;        	
}
dl.news-list dd{
    	width: 356px;
    	margin:0 0 0 0;
    	padding:0 0 2px 0;
    	float:left;    
		color:#4E85AF;
}

 dl.news-list dd a:link, a:visited {
 	color: #4E85AF;
 	text-decoration: none;
 }
 dl.news-list dd a:hover,a:active {color: #316186;}


ul.list {
    width: 254px;
    height: 98px;
    margin:5px 0 0 10px;
}

ul.list li {
    float: left;
    width: 100%;
    height:19px;
    list-style: none;
}

ul.list li span{width: 47px;} 

.right-program {
	width: 55px;
	margin:43px  0 0 0;
	display: inline;  
	float: right;
}

ul.pro-in {
	display: inline;  
    	float:left;   
}
ul.pro-in  li{
    	display:inline;
   	font-size:0;	
    	float:left;    
}





/*----MIDDLE2------*/
#middle2 {
	width: 980px;
  	position: relative;
	margin:0;
	padding:0;
	display: inline;  
	float: left;
}
.y-intro {
	width: 940px;
	margin:0;
	padding:0;
	display: inline;  
	float: left;
}
.y-event {
	width: 334px;
	margin:0 0 0 13px;
	padding:0;
	display: inline;  
	float: left;
}
.yf-event {
	width: 334px;
        height:180px;
	display: inline;  
	float: left;
}


.y-network {
	width: 404px;
	margin:0 0 0 21px;
	padding:0;
	display: inline;  
	float: left;
}

dl.jibu-wrap {
	width: 380px;
	height:186px;
	margin:8px 0 0 10px;
	padding:0;
	display: inline;  
	float: left;
}
dl.jibu-wrap dt{
	width: 160px;
	margin:0;
	padding:0;
	display: inline;  
	float: left;
}
dl.jibu-wrap dt  dd{
	width: 220px;
	margin:0;
	padding:0;
	display: inline;  
	float: left;
}

dl.jibu {
	width: 216px;
	margin:0 0 0 0;
	padding:0;
	display: inline;  
	float: left;
}
dl.jibu dt{
	width: 216px;
	height:36px;
	margin:0;
	padding:0;
	border-bottom:1px solid #DADADA;
}
dl.jibu dd{
	width: 216px;
	margin:0;
	padding:0;
}
table.jibu-list {
	width: 220px;
	margin:5px 0 0 0;
	padding:0;
	display: inline;  
	float: left;
}
table.jibu-list tr td {
        height:15px;
    font-size:11px;
    color:#10253C;
}
 
  
 
 
 
 


.y-quick {
	width: 134px;
	margin:22px 0 0 14px;
	padding:0;
	display: inline;  
	float: left;
}
.y-program {
	width: 967px;
	margin:11px  0 0 8px;
	padding:0;
	display: inline;  
	float: left;
}
ul.pro-in {
	width: 957px;
	height:34px;
	margin:0 0 0 7px;
	padding:0;
	display: inline;  
	float: left;
}
ul.pro-in li{
	margin:0;
	padding:0;
	display: inline;  
	float: left;
	text-align:center;
}
.tit {
	width: 100%;
	height: 19px;
	margin:6px 0 6px 0 ;
	padding:0;
	border-bottom: 2px solid #DED5CC;
}
 
 
 
/*----MIDDLE------*/


 
/*----BANER------*/
 #baner {
 	width: 967px;
   	position: relative;
	margin:4px  0 0 8px;
 	padding:0;
 	display: inline;  
 	float: left;
 }
 .y-baner1{
 	width: 967px;
	margin:0  0 4px 0;
 	padding:0;
 	display: inline;  
 	float: left;
 }
 .y-baner2{
 	width: 967px;
	margin:0  0 0 0;
 	padding:0;
 	display: inline;  
 	float: left;
 }
.tit2 {
 	width: 943px;
	height: 24px;
	margin:3px 0 3px 11px;
	padding:0;
	border-bottom: 1px solid #DED5CC;
}
.baner-wrap {
 	width: 943px;
	margin:0  0 5px 11px;
 	padding:0 0 0 0 ;
 	display: inline;  
 	float: left;
}

ul.cooperation {
	width: 100%;
	margin:0;
	padding:3px 0 0 0 ;
	display: inline;  
	float:left;      
}
ul.cooperation li {
	display: inline;  
	margin:0;
	padding:0;
	float:left;      
}
ul.cooperation li img {
	margin:0;
	padding:0 0 0 3px;
}

ul.cooperation2 {
	width: 100%;
	margin:0;
	padding:3px 0 0 0 ;
	display: inline;  
	float:left;      
}
ul.cooperation2 li {
	display: inline;  
	margin:0;
	padding:0;
	float:left;      
}
ul.cooperation2 li img {
	margin:0;
	padding:0 0 0 3px;
}


/*----BANER------*/

 
 

 
  /**¸Þ¼¼Áö ¹Ú½º**/
  div.mesgbox {
      clear:both;
      width:100%;
      margin:0 0 3px 0;
      background:#fff  url('../img/rybox_lrbg.gif') repeat-y left 0;
  }
  div.mesgbox div.mgright {
      width:100%;
      background:url('../img/rybox_lbg.gif') repeat-y right 0;
  }
  div.mesgbox div.mgright div.t-left {
      height:2px;
      background:url('../img/rybox_tleft.gif') no-repeat;
      font-size:0px;
  }
  div.mesgbox div.mgright div.t-left span {
      float:right;
      width:3px;
      height:2px;
      background:url('../img/rybox_tright.gif') no-repeat;
  }
  div.mesgbox div.mgright div.b-left {
      clear:both;
      margin:2px 0 0 0;
      height:2px;
      background:url('../img/rybox_bleft.gif') no-repeat;
      font-size:0px;
  }
  div.mesgbox div.mgright div.b-left span {
      float:right;
      width:3px;
      height:2px;
      background:url('../img/rybox_bright.gif') no-repeat;
  }
  

   
   /*----- Tab -----*/
   /* ÅÇ °øÅë */
   div.tab-wrap {
       clear:both;
       zoom:1;
   }
   div.tab-wrap div.tab-cont {
       display:none;
   }
   div.tab-wrap div.tab-cont.on {
       display:block;
   }