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

body {
background:#F7F7F2 url('images/layout_grid2.gif');
/*background:white url(layout_grid.gif);*/
height:100%; 
padding:0;
margin: 0px;
overflow:auto
}

form{margin:0; padding:0;}
img {border:0;}

a:link,a:visited,a:active {font:8pt 돋움, dotum, san-serif;color:#4b4b4b;text-decoration:none;}
a:hover {font:8pt 돋움, dotum, san-serif;color:#ef5900;text-decoration:none;}


/* 글쓰기 textarea */
.post_textarea {
background-color:#fbfbfb;
width:98%; 
height:130px;
border:1px solid #979797;
font:8.5pt 굴림;color:#4b4b4b;
padding:5px;
word-spacing:2px; 
letter-spacing:-1px;
/*overflow:auto*/
}

.x_input {width:30px;height:15px;background-color:#f7f7f7;border:1px solid #979797;font:7pt tahoma;color:#4b4b4b; padding:0 0 0 3px;}
.x_sp {font:8.5pt 돋움;color:#000000;}

.post_top {background:#F7F7F2 url('images/bd_top_pt.gif') repeat-x;height:40px;}
.post_top2 {background:#F7F7F2 url('images/bd_top_pt2.gif') repeat-x;height:6px}

/* 페이지 목록관련 */
#post_ct {
position:absolute;
background-color:transparent;
left:80px;
top:15px;
overflow:visible;
height:15px;
width:400px;
border:0;
float:none;
padding: 0px;
font:8.5pt 돋움; color:#4b4b4b;
text-align: left;
z-index:1498498
}

A.link_page:link,a.link_page:visited,a.link_page:active {
font: 8pt 돋움;
color: #000000;
text-decoration:none;
}

A.link_page:hover { 
font: 8pt 돋움;
color: #FF0000;
text-decoration:none;
}

/* 포스트잇 색상 선택
.post_tm001 {background-color:#FFFFAF;border: 2px solid #FAEB5A;}
.post_tm002 {background-color:#E1FFDB;border: 2px solid #D2E6CE;}
.post_tm003 {background-color:#FFE7DE;border: 2px solid #FFDCCF;}
.post_tm004 {background-color:#D7FEFA;border: 2px solid #C7E7E5;}
.post_tm005 {background-color:#E6E9FF;border: 2px solid #DBDFFF;}
.post_tm006 {background-color:#A5A5A5;border: 2px solid #8B8B8B;}
 */

/* 포스트잇 색상 선택 */
/* 노랑 */
.post_tm1 {position:absolute;background-color:#FFE96D;width:200px;padding:0px;cursor:move;border: 1px solid #FFD732;}
.post_tm1_on {position:absolute;background-color:#FFE96D;width:200px;padding:0px;cursor:move;border: 2px dotted #4b4b4b;}
* html body div .post_tm1_on {position:absolute;background-color:#FFE96D;width:200px;padding:0px;margin:0;cursor:move;border: 2px dashed #4b4b4b;}
.post_tm001 {background-color:#FFE96D;border: 2px solid #FFD732;}

/* 초록 */
.post_tm2 {position:absolute;background-color:#A1F98A;width:200px;padding:0px;cursor:move;border: 1px solid #8CE176;}
.post_tm2_on {position:absolute;background-color:#A1F98A;width:200px;padding:0px;cursor:move;border: 2px dotted #4b4b4b;}
* html body div .post_tm2_on {position:absolute;background-color:#A1F98A;width:200px;padding:0px;cursor:move;border: 2px dashed #4b4b4b;}
.post_tm002 {background-color:#A1F98A;border: 2px solid #8CE176;}

/* 빨강 */
.post_tm3 {position:absolute;background-color:#FDA08E;width:200px;padding:0px;cursor:move;border: 1px solid #FC7964;}
.post_tm3_on {position:absolute;background-color:#FDA08E;width:200px;padding:0px;cursor:move;border: 2px dotted #4b4b4b;}
* html body div .post_tm3_on {position:absolute;background-color:#FDA08E;width:200px;padding:0px;cursor:move;border: 2px dashed #4b4b4b;}
.post_tm003 {background-color:#FDA08E;border: 2px solid #FC7964;}

/* 파랑 */
.post_tm4 {position:absolute;background-color:#BAD6EB;width:200px;padding:0px;cursor:move;border: 1px solid #9CC5E3;}
.post_tm4_on {position:absolute;background-color:#BAD6EB;width:200px;padding:0px;cursor:move;border: 2px dotted #4b4b4b;}
* html body div .post_tm4_on {position:absolute;background-color:#BAD6EB;width:200px;padding:0px;cursor:move;border: 2px dashed #4b4b4b;}
.post_tm004 {background-color:#BAD6EB;border: 2px solid #9CC5E3;}

/* 보라 */
.post_tm5 {position:absolute;background-color:#E0C4FF;width:200px;padding:0px;cursor:move;border: 1px solid #D3ADFF;}
.post_tm5_on {position:absolute;background-color:#E0C4FF;width:200px;padding:0px;cursor:move;border: 2px dotted #4b4b4b;}
* html body div .post_tm5_on {position:absolute;background-color:#E0C4FF;width:200px;padding:0px;cursor:move;border: 2px dashed #4b4b4b;}
.post_tm005 {background-color:#E0C4FF;border: 2px solid #D3ADFF;}

/* 회색 */
.post_tm6 {position:absolute;background-color:#A5A5A5;width:200px;padding:0px;cursor:move;border: 1px solid #878787;}
.post_tm6_on {position:absolute;background-color:#A5A5A5;width:200px;padding:0px;cursor:move;border: 2px dotted #4b4b4b;}
* html body div .post_tm6_on {position:absolute;background-color:#A5A5A5;width:200px;padding:0px;cursor:move;border: 2px dashed #4b4b4b;}
.post_tm006 {background-color:#A5A5A5;border: 2px solid #878787;}




/* 리스트 출력 관련 */
.post_memo1 {font:8.5pt 돋움; color:#000;padding:5px;overflow:hidden;word-spacing:2px; /*letter-spacing:-1px;*/text-align:justify;}
.post_memo2 {font:8.5pt 돋움; color:#fff;padding:5px;overflow:hidden;word-spacing:2px;/* letter-spacing:-1px;*/text-align:justify;}
.post_memo3 {background-color:#316AC5;font:8.5pt 돋움; color:#fff;padding-top:3px;overflow:hidden;word-spacing:2px; letter-spacing:-1px; line-height:130%;text-align:justify;}


/*..post_memo1 {height:150px;font:8.5pt 돋움; color:#4b4b4b;padding:5px;overflow:auto;white-space: nowrap;}
.post_memo2 {height:150px;font:8.5pt 돋움; color:#fff;padding:5px;overflow:auto;white-space: nowrap;}*/



/* Required CSS classes: must be included in all pages using this script */

/* Apply the element you want to drag/resize */
.drsElement {
 position: absolute;
}

/*
 The main mouse handle that moves the whole element.
 You can apply to the same tag as drsElement if you want.
*/
.drsMoveHandle {
 height: 20px;
 background-color: #CCC;
 border-bottom: 1px solid #666;
 cursor: move;
}

/*
 The DragResize object name is automatically applied to all generated
 corner resize handles, as well as one of the individual classes below.
*/
.dragresize {
 position: absolute;
 width: 5px;
 height: 5px;
 font-size: 1px;
 background: #4b4b4b;
 border: 0px solid #333;
}

/*
 Individual corner classes - required for resize support.
 These are based on the object name plus the handle ID.
*/
.dragresize-tl {
 top: -6px;
 left: -6px;
 cursor: nw-resize;
}
.dragresize-tm {
 top: -6px;
 left: 50%;
 margin-left: -4px;
 cursor: n-resize;
}
.dragresize-tr {
 top: -6px;
 right: -6px;
 cursor: ne-resize;
}

.dragresize-ml {
 top: 50%;
 margin-top: -4px;
 left: -6px;
 cursor: w-resize;
}
.dragresize-mr {
 top: 50%;
 margin-top: -4px;
 right: -6px;
 cursor: e-resize;
}

.dragresize-bl {
 bottom: -6px;
 left: -6px;
 cursor: sw-resize;
}
.dragresize-bm {
 bottom: -6px;
 left: 50%;
 margin-left: -4px;
 cursor: s-resize;
}
.dragresize-br {
 bottom: -6px;
 right: -6px;
 cursor: se-resize;
}