@charset "utf-8";
div.wgt_sticky_note ul{list-style:none}
div.wgt_sticky_note .clearLeft{clear:left}
div.wgt_sticky_note .clearRight{clear:right}
div.wgt_sticky_note .widgetNavigator{z-index:-100;position:absolute;top:5%;width:95%;margin:0 3%;left:0} /* width:94%; top:50%;*/
div.wgt_sticky_note .widgetNavigator button{font-weight:bold;font-size:18px;cursor:pointer;background:none;border:0}
div.wgt_sticky_note .widgetNavigator button.prev{float:left}
div.wgt_sticky_note .widgetNavigator button.next{float:right}

div.wgt_sticky_note .widget_doc a{display:block;margin-bottom:5px;white-space:nowrap;letter-spacing:-1px;font-weight:bold}
div.wgt_sticky_note .widget_doc .date{display:block;font-weight:normal;font-size:11px;color:#888}

div.wgt_sticky_note {
    z-index: 100;
    position: absolute;
    float: left;
    margin: 15px;
    padding: 20px 30px;
    cursor: move;
    border: 1px solid #EEE;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 5px 5px 18px #CCC;
    -webkit-box-shadow: 5px 5px 18px #CCC;

    /* [À¯Áö] °¡µ¶¼ºÀ» À§ÇØ ºÒÅõ¸íÇÏ°Ô ¼³Á¤ */
    opacity: 1.0;
    filter: alpha(opacity=100);

    /* [¼öÁ¤] 3ÃÊ µ¿¾È ºÎµå·´°Ô °¡¼Ó/°¨¼Ó (²÷±è ¹æÁö) */
    transition: transform 3s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: -webkit-transform 3s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: -moz-transform 3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* [¼öÁ¤] ¸¶¿ì½º ¿À¹ö ½Ã ½ºÅ¸ÀÏ: ºü¸£°í È®½ÇÇÏ°Ô È®´ë */
div.wgt_sticky_note:hover {
    z-index: 150 !important;
    
    /* Åõ¸íµµ 100% (¼±¸íÇÏ°Ô) */
    opacity: 1.0 !important;
    filter: alpha(opacity=100) !important;

    /* [ÇÙ½É] ¸¶¿ì½º ¿Ã¸± ¶§´Â 0.2ÃÊ ¸¸¿¡ ºü¸£°Ô º¯È¯ (Fast Zoom In) */
    transition: transform 0.2s ease-out !important;
    -webkit-transition: -webkit-transform 0.2s ease-out !important;
    -moz-transition: -moz-transform 0.2s ease-out !important;

    /* È®´ë (1.2¹è) ¹× ȸÀü Á¤¹æÇâ Á¤·Ä */
    transform: scale(1.2) rotate(0deg) !important;
    -ms-transform: scale(1.2) rotate(0deg) !important;
    -webkit-transform: scale(1.2) rotate(0deg) !important;
    -moz-transform: scale(1.2) rotate(0deg) !important;
}
/*div.wgt_sticky_note{z-index:100; position:absolute;float:left;margin:15px;padding:20px 30px;cursor:move;border:1px solid #EEE;border-radius:8px;-webkit-border-radius:8px;box-shadow:5px 5px 18px #CCC;-webkit-box-shadow:5px 5px 18px #CCC;opacity:.9;filter:alpha(opacity=90);transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease} 
div.wgt_sticky_note:hover{z-index:150 !important;opacity:.9;filter:alpha(opacity=90);-ms-transform:scale(1.2) rotate(0) !important;-moz-transform:rotate(-1.2deg) !important;-webkit-transform:scale(1.2) rotate(0) !important;-moz-transform:scale(1.2) rotate(0) !important}  */

div.wgt_sticky_note .deco{display:block;position:absolute;top:-13px;left:50%;margin-left:-38px;width:77px;height:27px;background:url(./img/tape.png) no-repeat}

div.wgt_sticky_note h3{margin-bottom:8px;font-weigt:bold;font-size:16px;text-align:center; min-width:200px;}
div.wgt_sticky_note.ivory{background:#FFC;color:#F96}
div.wgt_sticky_note.ivory a,div.wgt_sticky_note.ivory button{color:#F96}
div.wgt_sticky_note.sky{background:#CCF;color:#369}
div.wgt_sticky_note.sky a,div.wgt_sticky_note.sky button{color:#369}
div.wgt_sticky_note.green{background:#CF9;color:#3C0}
div.wgt_sticky_note.green a,div.wgt_sticky_note.green button{color:#3C0}
div.wgt_sticky_note.violet{background:#C9F;color:#936}
div.wgt_sticky_note.violet a,div.wgt_sticky_note.violet button{color:#936}
div.wgt_sticky_note.purple{background:#FCF;color:#F39}
div.wgt_sticky_note.purple a,div.wgt_sticky_note.purple button{color:#F39}

#paper{position:relative}
#paper .paper_bg{width:100%;max-width:690px;min-height:360px}
#paper .notepad {overflow:hidden; position:absolute; top:0px;} /* top:50px */
#paper .notepad .zoom {*zoom:1;padding:0px 0px 0px 0px !important; padding:none !important;}
#paper .random {position:absolute;top:0;right:0;padding:2px 6px;background:#FCFCFC;border-width:1px;border-style:solid;border-color:#DDD #CCC #BBB #D6D6D6;border-radius:3px}
.wgt_sticky_note{display:none}