@keyframes sizeScale {
    from {
		opacity:0;
        width : 0px;
	}
	to {
		opacity:1;
        width : 80%;
	}
  }

  @keyframes noneScale {
    from {
		opacity:1;
        width : 80%;
	}
	to {
		opacity:0;
        width : 0%;
	}
  }

    #menu_nav .menu_d{
        font-size: 1.1rem;
        font-weight: 900;
        color: #000000;
        /* font-family: 'Roboto', 'NanumSquare' !important; */
        font-family: 's4' !important;
    }


    .menu_d:hover{
        cursor: pointer;
        color: #03324e;
    }


    
    #menu_nav .bg_sm {
        display:none;
        width:80%; 
        border-bottom:3px solid #237cb1;
        z-index: 1004;
        bottom: -10px;  
    }


    #menu_m { background: #FFFFFF }



    /* #menu_wrap li:last-child{
        border-bottom: 0px !important;  
    }
    */


    #menu_wrap li{
        border-right: 1px solid #ccc;  
        /* border-bottom: 1px solid #ccc !important;   */
        border-left: 1px solid #ccc;  
    } 

    #menu_wrap .bd-no {
        border: 0px !important;  
    }



    #menu_wrap div{
        height: 45px;
        /* font-size: 1rem !important; */
    }



    #submenu_wrap div{
        height: 35px;
    }

    #submenu_wrap .bd-no {
        border: 0px !important;  
    }


    #sub_m div{
        height: 45px;
    }

    #sub_m .bd-no {
        border: 0px !important;  
    }

    
    @-webkit-keyframes jaehee {
        0% {
          right:20px;
        }
        100% {
          right:50px;
        }
      }



    #menu_wrap .ani:hover{
        background: #45A251 !important;
        border: 0px !important;
        color: #FFFFFF !important;
        /* transition: all 0.15s linear; */
    }



    .sleft ul{
        padding: 0px !important;
    }


    .sleft li{
        list-style: none;
        /* font-size: 0.9rem; */
        padding-right: 3px;
        padding-left: 3px;
        /* padding-top: 3px;
        padding-bottom: 3px; */
        
    }

    .sleft li:hover{
        cursor: pointer !important;
    }



    #submenu_wrap  .ani0:hover{
        background: #008F8C !important;
        color: #FFFFFF !important;
        /* transition: all 0.15s linear; */
    }


    .sleft0 ul{
        padding: 0px !important;
    }


    .sleft0 li{
        list-style: none;
        padding-right: 3px;
        padding-left: 3px;
        /* font-family: "s3"; */
    }

    .sleft0 li:hover{
        cursor: pointer !important;
    }



    #sub_root .active{
        background: #1f74d1;
        color: #FFFFFF;
    }

    #sub_root .activeno{
        background: #FFFFFF;
        color: #525252;
        border: 1px solid #e0e0e0;
    }




    /* #menu_m ul > li {
        font-size: 0.85rem !important;
        letter-spacing: -0.05rem;
        height: 35px;
        vertical-align: baseline !important; 
        
    } */

   
    /* #menu_m li>a {
        font-family: 's3' !important;
        display: block !important;
        width:90%;
        color: #505050;
        padding: 0.3rem 0.3rem;
        border-radius: 0.05rem;
        -webkit-border-radius: 0.05rem;
        -moz-border-radius: 0.05rem;
        -ms-border-radius: 0.05rem;
        -o-border-radius: 0.05rem;
} */

    /* #menu_m li>a:hover {
        display: block !important;
        opacity: 1;
        color: #FFFFFF !important;
        background-color: #0b74ac !important;

} */


    /* .menu_sX {
        animation-name: sizeScale;
	    animation-duration: 0.2s;  
	    animation-timing-function:  ease-out;
    }

    .menu_sF {
        animation-name: noneScale;
	    animation-duration: 0.2s;  
	    animation-timing-function:  ease-out;
    } */


    .menu_all .login {
        height:30px;
        top:0px;
        left:0;z-index:1104;
        border:0px solid red
    }



    .swiper-button-next {
        /*border:1px solid red !important;*/
        background: #5f5f5f !important;
        color:#FFFFFF !important;
        /*background: url(/godiva/img/common/next.png) no-repeat;
        *//*background-size: 50% auto;
        background-position: center;
        *//*padding: 1rem 0rem 1rem 0rem !important;
        */padding: 0px !important;
        font-size: 1.2rem !important;
          }
      
      .swiper-button-prev {
        /* background: url(/godiva/img/common/prev.png) no-repeat; */
        background: #5f5f5f !important;
        color:#FFFFFF !important;
        /* padding: 1rem 0rem 1rem 0rem !important; */
        padding: 0px !important;
        font-size: 1.2rem !important;
      }
      
      .swiper-button-next::after,
      .swiper-button-prev::after {
        display: none;
      }


      .swiper-button-next2 {
        /*border:1px solid red !important;*/
        background: #5f5f5f !important;
        color:#FFFFFF !important;
        /*background: url(/godiva/img/common/next.png) no-repeat;
        *//*background-size: 50% auto;
        background-position: center;
        *//*padding: 1rem 0rem 1rem 0rem !important;
        */
        padding: 0px !important;
        font-size: 1.2rem !important;
          }
      
      .swiper-button-prev2 {
        /* background: url(/godiva/img/common/prev.png) no-repeat; */
        background: #5f5f5f !important;
        color:#FFFFFF !important;
        /* padding: 1rem 0rem 1rem 0rem !important; */
        padding: 0px !important;
        font-size: 1.2rem !important;
      }
      
      .swiper-button-next2::after,
      .swiper-button-prev2::after {
        display: none;
      }


      /*왼쪽메뉴*/


   .bg-blue-soft {
       background: #185ba5 !important;
    }


    .offcanvas-size-xl {
        --bs-offcanvas-width: min(95vw, 600px) !important;
    }
    .offcanvas-size-xxl {
        --bs-offcanvas-width: min(95vw, 90vw) !important;
    }
    .offcanvas-size-md { /* add Responsivenes to default offcanvas */
        --bs-offcanvas-width: max(95vw, 400px) !important;
    }
    .offcanvas-size-sm {
        --bs-offcanvas-width: min(95vw, 250px) !important;
    }

      @keyframes example {
        0% {left : -10px; background-color: #dcf1f8;}
        /* 50% {left: -10px;background-color: #1D79A0;} */
        100% {left: 0px;background-color: #1D79A0;}
        
      }


    .sm_bg:hover {
       /*margin: auto;
       *//*display: block;
       *//*width: 90% !important;
       *//*width: 0px;
       */position: relative;
       background-color: #1D79A0;
       border-radius: 0.2rem     ;
       -webkit-border-radius: 0.2rem     ;
       -moz-border-radius: 0.2rem     ;
       -ms-border-radius: 0.2rem     ;
       -o-border-radius: 0.2rem     ;
       /* animation-name: example; */
       /*animation-duration: 0.5s;
       */animation: example 0.5s;
       -webkit-animation: example 0.5s;
}


   .fixedRight {
	position: fixed;
    top: 20%; /*창 상단에서부터의 거리*/
    right: 0px; /*창 우측에서부터의 거리*/
    width: 150px; /*너비 지정*/
    height: 150px; /*높이 지정*/
    z-index: 1100; /*요소 중 가장 앞쪽으로 배치*/
   }


   .fixedRight li{
      list-style: none;
      height: 90px;
      width: 90px;
      border-radius: 50%    ;
      -webkit-border-radius: 50%    ;
      -moz-border-radius: 50%    ;
      -ms-border-radius: 50%    ;
      -o-border-radius: 50%    ;
}   


.main-menu-d:hover{
    background-color: #23894f;
    color: #FFFFFF !important;
}

.main-menu-d-hover{
    /* background-color: #23894f; */
    color: #FFFFFF !important;
    background-image: linear-gradient(to top left, #299A76, #299A76, #299A76); height: 200px;
}

.gradient-green-1 {    
    background-image: linear-gradient(to bottom, red, yellow); height: 200px;
}


/* .bd-left-right {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
} */

.menu-d {
    display: table-cell;
    height: 70px;
    vertical-align: middle !important;
    /* border:1px solid red; */
    padding: 0px !important;
}

.menu-ds {
    /* display: table-cell !important; */
    /* height: 70px; */
    vertical-align: middle !important;
    border-right: 1px solid #ebebeb;
}

.menu-d div:first-child{
   border-left: 1px solid #ebebeb !important;
   /* background-color: #ccc; */
}