/* Right Side Menu CSS  */   
/* A                A A                :            A                :            A                :            A                :                      */
   section#menu_left #left_menu
                    { z-index          : 999999999; position         : fixed;     top              : 150px;     right            : 105px;       width            : 60px; 
                      height           : 60px;      box-shadow       : #808285 2px 3px 4px;     text-align : center;
                      background-color : #fff;      color            : #5D5D5D;   cursor           : pointer;  border-radius : 100px;   margin-right : 3px;
                      font-size        : 18px;      vertical-align   : middle;    opacity         : 0.8;
                      -webkit-transition : 0.4s ease all; 
                         -moz-transition : 0.4s ease all; 
                          -ms-transition : 0.4s ease all;
                           -o-transition : 0.4s ease all; 
                              transition : 0.4s ease all;                                                                                             }

   section#menu_left #left_menu:hover
                    { background-color : #333;      color            : #FFE400;      cursor           : pointer;  border-radius : 100px;   margin-right : 10px;
                      font-size      : 18px;      vertical-align   : middle;            opacity         : 1;
                      -webkit-transition : 0.4s ease all; 
                         -moz-transition : 0.4s ease all; 
                          -ms-transition : 0.4s ease all;
                           -o-transition : 0.4s ease all; 
                              transition : 0.4s ease all;                                                                                             }

   section#menu_left .rightsideICON
                   { padding-top : 14px; font-size : 14px !important;  font-weight : 500; line-height:16px; display : inline-block;}
   section#menu_left #left_menu.left_open
                   { right             : 150px;                                                                                                         }        
   section#menu_left h3:before
                   { font-size         : 25px;      margin           : 12px;                                                                            }
   section#menu_left ul
                   { z-index           : 999999999;  position          : fixed;     padding-top      : 0px;       top              : 150px;       right            : -150px;
                     width             : 100px;     box-shadow       : #808285 1px 2px 4px; 
                     background-color  : #fff;  opacity : 0.7;
                     -webkit-transition : 0.4s ease all; 
                        -moz-transition : 0.4s ease all; 
                         -ms-transition : 0.4s ease all;
                          -o-transition : 0.4s ease all; 
                             transition : 0.4s ease all;                                                                                              }
   
   
   section#menu_left ul:hover
                   { opacity : 1;
                     -webkit-transition : 0.4s ease all; 
                        -moz-transition : 0.4s ease all; 
                         -ms-transition : 0.4s ease all;
                          -o-transition : 0.4s ease all; 
                             transition : 0.4s ease all;                                                                                              }
                             
                             
                             
   section#menu_left ul.left_open
                   { right             : 0px;                                                                                                           }
   section#menu_left ul .SideMenuTop ,section#menu_left ul .SideMenuTop a
                  { width : 100%; height : auto; padding-top : 5px; padding-bottom : 5px; background-color : #006993; font-size:15px; font-weight:500; text-align:center; color : #fff; overflow:hidden;}
   
   section#menu_left ul .SideMenuTop a
                  {width:100%; height:auto; display : inline-block; overflow:hidden; margin-left:-5px;}
   section#menu_left ul .SideMenuTop a img
                  {width:100%; height:auto; display : inline-block; overflow:hidden; margin-left:1px;}
   section#menu_left ul .SideMenuTop a img
                  { width : 100%; height : auto; }
   
   section#menu_left ul li
                   { float             : left;     width            : 100%;      color            : #5d5d5d;      background-color : #fff; 
                     -webkit-transition : 0.4s ease all; 
                        -moz-transition : 0.4s ease all; 
                         -ms-transition : 0.4s ease all;
                          -o-transition : 0.4s ease all; 
                             transition : 0.4s ease all;                                                                                                }                   
   section#menu_left ul li a
                   { display            : inline-block; float             : left;     color            : #5d5d5d;      padding          : 12px 12px 7px 12px;  
                     -webkit-transition : 0.4s ease all; 
                        -moz-transition : 0.4s ease all; 
                         -ms-transition : 0.4s ease all;
                          -o-transition : 0.4s ease all; 
                             transition : 0.4s ease all;                                                                                                }        
   section#menu_left ul li a img
                   { width:120%; height:auto; margin-left : -10%; }     /* �좏뒠釉� �ъ씠利� 議곗젙�� �꾪빐 height 湲곗��쇰줈 肄붾뵫 */
   section#menu_left ul li a span
                   { margin-left : 15px; position : relative; top:-5px; font-size:15px; }
                   
   section#menu_left ul .SideMenuDes:hover
                   { background-color  : #e5e5e5;                                                                                                         }
   section#menu_left ul li:hover a
                   { color             : #FFE400;           font-weight : 700;                                                                                               }    
         
   
@media (min-width:641px) and (max-width:1024px) {
  
section#menu_left ul
                   { z-index           : 999999999;  position          : fixed;     padding-top      : 0px;       top              : 120px;       right            : -150px;
                     width             : 100px;      box-shadow       : #808285 1px 2px 4px; 
                     background-color  : #fff;       opacity : 0.7; }
                             
                             
}


@media (min-width: 0px) and (max-width:640px) {
   #menu_left      { display           : none;                                                                                                       }
}