/* 프로그램 자체 CSS 수정말것 */

/* 공통 */
*{ margin:0;padding:0; }

ul { list-style: none;margin:0;padding:0; }
img { border: none; }

/* null 테이블 */
.null_table {
 border-spacing:0;
 border-collapse:collapse;/* for ie */	
 width:100%;
}

.null_table tr, th, td { padding:0; }

.div_100 { width:100%; }

/*  ie6 이하 png24 위한 값 */
/*.png24 { border:0px;padding:0px;margin:0px; } /* png24 이미지 */
.back_png24 { border:0;padding:0;margin:0; } /* png24 배경 */
.alpha_img { visibility:hidden;border:0;padding:0;margin:0; } /* 테두리 이미지 감추기 */

.Button_Over { cursor:pointer; } /* 마우스 오버시 */

/* 가운데 정렬 <div class="box_c"><div class="align_c"></div></div>*/
.box_c { width:100%;tex-align:center; }
.align_c { margin:0 auto; }

/*
-------------------------------------
 div width 100%처리 
 #사용법
 <div class="div_width100p_out">
 <div class="div_width100p_in">
 <center>
 	내용
 </center> 
 </div>
 </div>
------------------------------------- 
 */
.div_width100p_out { width:100%; }
.div_width100p_in {
 position:absolute;width:100%;left:0;
 _width:expression(document.body.clientWidth); /*ie6 핵 */
}

/*
-------------------------------------
 alt, title 속성처리 박스 
------------------------------------- 
 */
#alt_view {
 position:absolute;
 float:left; 
 max-width:300px;				/* 중요 */
 z-index:799;
 left:0;top:0;
 margin:0;  
}

#alt_view_box {
 float:left;
 filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;
 padding:5px;
}

#alt_view_contents {
 float:left;
 font-size:9pt;color:#FFFFFF;
 background:#000000;
 padding:2px 5px 2px 5px;	
 -webkit-border-radius:5px;
 -khtml-border-radius:5px;
 -moz-border-radius:5px;
 text-align:left;
}

/* (ie전용) */
#alt_view_iframe {
 filter:alpha(opacity=0);opacity:0.0;-moz-opacity:0.0;
 overflow-y:hidden;
 position:absolute;
 left:0;top:0;
 width:10px;height:10px;
 margin:0;
 z-index:-1; /* 지우면 안됨 */
}

#ajax_error_view {
 padding:5px;
 float:center;
 position:absolute;
 text-align:center;
 vertical-align:bottom;
 max-width:300px;				/* 중요 */
 z-index:801;
}

#ajax_error_contents {
 float:left;
 font-size:9pt;color:#FFFFFF;
 background:#000000;
 padding:2px 5px 2px 5px;	
 -webkit-border-radius:5px;
 -khtml-border-radius:5px;
 -moz-border-radius:5px; 
 text-align:left;
}

#ajax_loading {
 padding:5px;
 float:center;
 position:absolute;
 text-align:center;
 vertical-align:bottom;
 z-index:800;
}

#ajax_loading_contents {
 border:1px solid #CCCCCC;
 float:left;
 font-size:9pt;color:#FFFFFF;
 background:#FFFFFF;
 padding:2px 5px 2px 5px;	
 -webkit-border-radius:5px;
 -khtml-border-radius:5px;
 -moz-border-radius:5px; 
 text-align:left;
}

/* 슬라이드 DIV 속성 */
.slide_empty { margin:0;padding:0; }	

/* (ie전용) */
.slide_empty_iframe {
 filter:alpha(opacity=0);opacity:0.0;-moz-opacity:0.0;
 overflow-y:hidden;
 position:absolute;
 left:0;top:0;
 width:10px;height:10px;
 margin:0;
 z-index:-1; /* 지우면 안됨 */
}

/* 홈페이지 전반에 쓰여지는 이미지 */
.allImg { background:url('http://test39.mong9.com/m9_img/design/sns/sns_group.gif') no-repeat 0 0; }

/* 보기모드 변경 버튼 속성 */
.btn_mode0 {width:56px;height:20px;display:inline-block;}
.box_mode0 {width:56px;height:20px;display:block;}
.btn_mode1 {width:56px;height:20px;display:inline-block;}
.box_mode1 {width:56px;height:20px;display:block;}
.btn_mode2 {width:74px;height:20px;display:inline-block;}
.box_mode2 {width:74px;height:20px;display:block;}

.pos_mode0 { background-position:0 -100px; }
.pos_mode1 { background-position:-100px -100px; }
.pos_mode2 { background-position:-200px -100px; }

.btn_guide {width:63px;height:20px;display:inline-block;}
.box_guide {width:63px;height:20px;display:block;}
.pos_guide { background-position:-120px -50px; }

/* 내용글크기 변환 버튼 속성 */
.btn_fontsize {width:28px;height:20px;display:inline-block;}
.box_fontsize {width:28px;height:20px;display:block;}

.pos_fontsize_plus { background-position:0 -50px; }
.pos_fontsize_minus { background-position:-30px -50px; }
.pos_fontsize_reset { background-position:-60px -50px; }

/* SNS 버튼 속성 */
.btn_sns {width:18px;height:18px;display:inline-block; }
.box_sns {width:18px;height:18px;display:block;text-indent:100%;white-space:no-wrap;overflow:hidden;}

.pos_facebook { background-position:0 0; }
.pos_twitter { background-position:-20px 0; }
.pos_me2day { background-position:-40px 0; }
.pos_yozm { background-position:-60px 0; }
.pos_kakao { background-position:-80px 0; }
.pos_qrcode { background-position:-100px 0; }