html, body{
   font-family: 'Noto Sans KR', sans-serif;
   overflow-x: hidden; /* 스크롤 숨김 */
}	
*{
        margin: 0;
        padding: 0;	
    }
        /* 모바일 */	
		/* 모바일 */
		/* 모바일 */	
@media screen and (max-width: 1024px) {
	#quickMenuPC {
        display: none; /* PC용 메뉴를 숨김 */
    }
	#quickMenuMobile {
        position: fixed;
        bottom: 20%;
        right: 0;
        width: 15%;
  		z-index: 2; 
        
    }
    #quickMenuMobile img {
        width: 80%;
        height: auto;
    }
    #quickMenuMobile a img {
        width: 100%;
        height: auto;
    }
    
    #quickMenuMobile img:nth-child(5){
        display: block; 
    }
    
     #quickMenuMobile a:last-child img {
        display: block; 
    }
            
    .image-dasan_01-Main {
    width: 100vw;
    background-color: #000D42;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.image-dasan_01 {
	margin-top:20px;
    width: 100%;
    padding-top: 89%;
    position: relative;
}

.image-dasan_01 img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-50px); 
}
.image-dasan_05-Main {
			  width: 100vw;
			  background-color: #3e3e3e;
			  display: flex;
			  justify-content: center;
			  align-items: center;
			  position: relative;
			  overflow: hidden;
			}
				
				.image-dasan_05 {
			  width: 100%;
        padding-top: 120%;
			  position: relative;
			}
				
      .image-dasan_05 img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        height: auto;
        transition: all 2s ease-in-out;
        transform-origin: center; 
    }

    .image-dasan_05 img:first-child {
        width: 100%;
        opacity: 1;
    }

    .image-dasan_05 img:last-child {
        width: 100%;
        opacity: 0;
    }	
     .image-dasan_02-Main,
    .image-dasan_03-Main,
    .image-dasan_04-Main,
    .image-dasan_06-Main,
    .image-dasan_07-Main,
    .image-dasan_09-Main,
    .image-dasan_10-Main,
    .image-dasan_11-Main,
    .image-dasan_12-Main {
        width: 100vw;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
    }

    .image-dasan_02,
    .image-dasan_03,
    .image-dasan_04_01,
    .image-dasan_06,
    .image-dasan_07,
    .image-dasan_09,
    .image-dasan_10,
    .image-dasan_11,
    .image-dasan_12 {
        width: 100%; 
    }

    .image-dasan_02 img,
    .image-dasan_03 img,
    .image-dasan_04_01 img,
    .image-dasan_06 img,
    .image-dasan_07 img,
    .image-dasan_09 img,
    .image-dasan_10 img,
    .image-dasan_11 img,
    .image-dasan_12 img {
        display: block;
        width: 100%;
        height: auto;
        margin: 0;
        opacity: 0; 
	  	transition: opacity 4s; 
    }

    .image-dasan_08-Main {
			  width: 100vw;
			  display: flex;
			  justify-content: center;
			  align-items: center;
			  position: relative;
			  overflow: hidden;
        padding: 0;

			}
				
			.image-dasan_08 {
        width: 100%;
        padding-top: 100%;

			  position: relative;
			}
				
			.image-dasan_08 img {
        display: block;
        width: 100%;
        height: auto;
        margin: 0;
        position: absolute; 
        top: 0; 
        left: 0; 
      }




	.video-container{
    	width:100%;
    }
    
    .video-container iframe{
    	width:100%;
    }
    
    .mouse-follow {
                display: none 
    }  
    .image-dasan_04-Main {
	     width: 100vw;
	     background-color: #E8EAF7;
	     display: flex;
	     justify-content: center;
	     align-items: center;
	     position: relative; 
     }
	
	     .image-dasan_04_01 {
	     width: 60%;
	     position: relative; 
     }
	
	     .image-dasan_04_01 img {
	     display: block;
	     width: 100%;
	     height: auto;
	     margin: 0;
	     position: relative;
	     z-index: 1;
     }
	

            .top-animate {
			    position: absolute;
			    top: 70%; /* y축 위치를 중앙으로 설정 */
			    left: 45%; /* x축 위치를 중앙으로 설정 */
			    transform: translate(-50%, -60%); /* x축 중앙, y축 중앙에서 50px 아래로 이동 */
			    z-index: 2; 
			}     
			
			.top-animate-1 {
			    width: 100%;
			    text-align: center;
			}
			
			.top-animate-top {
			    width: 100%; 
			    background-color: white;
			    padding: 6% 20%;
			    font-size: 3vw; 
			    opacity: 0.9;
			    font-weight: bold;
			}
			
			.top-animate-middle {
			    font-size: 5vw; 
			    background-color: #263897;
			    width: 100%; 
			    color: white;
			    padding: 6% 20%; 
			    font-weight: bold;
			    opacity: 0.9;
			}
    /* 유튜브 */
    
     #mid-video {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;
        background-color: white;
    }

    .video-container {
        border: 3px solid #000d42;
	    width: 96%;
	    margin: auto;
	    margin-bottom: 10px;
    }

    .video-container iframe {
        width: 100%;
        height: 200px; /* iframe의 높이를 조정합니다. */
    }

    .video-image-container {
        border: 3px solid #000d42;
	    width: 96%;
	    margin: auto;
        position: relative;
        height: 350px; 
        overflow: hidden;
        margin-bottom:20px;
    }

    .video-images {
   	    width: 90%;
   		margin: auto;
        height: 100%;
        overflow-y: scroll; /* 이미지가 너무 많아서 container를 벗어나면 스크롤 */
    }

    .video-images .video-image {
        margin: 10px;
    	width: 90%;
        display: flex;
        align-items: center;
        margin-bottom:5px;
    }

    .video-images .video-image img {
        width: 40%;
        height: auto;
        box-sizing: border-box;
    }

    .video-images .video-image span {
        margin-left: 10px;
        font-size: 3.5vw;
    }

    .video-image {
        border: 1px solid #3e3e3e;
        border-radius: 5px;
        box-sizing: border-box;
    }

    .video-arrow {
        background-color: #007bff;
        width: 40%;
        margin: auto;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 5px;
        border: none; 
        color: white;
    }

    .video-arrow:hover {
        background-color: #5a75cc; 
        border: 1px solid #5a75cc; 
    } 

    .video-up-arrow {
        margin-bottom:10px;
        top: 0;
        display: none;
    }

    .video-down-arrow {
        bottom: 0;
        margin-top:10px;
        display: none;
    }
    .video-images a {
	    display: inline-block;
	    text-decoration: none; 
	    color: black; 
	}
    	.video-foot-more-pc{
    		display: none;
    	}
    	.video-foot-main {
				  width: 100vw;
				  background-color: #ffffff;
				  justify-content: center;
				  align-items: center;
				  position: relative;
				  overflow: hidden;
				  margin-bottom:20px;
				}
				.video-foot-more-mobile{
					width: 60%;
					margin:auto;
				  	position: relative;
					background-color: #7990E0;
					justify-content: center;
			  		align-items: center;
					border-radius: 50px;
				    padding: 15px;
				}
				.video-foot-more-a{
					text-decoration: none;
	    			color: white; 
	    			justify-content: center;
			  		align-items: center;
			  		text-align: center;
			  		font-weight: bold;
			  		font-size: 3vw;
			  		height: 100%;
				}
				
				.video-foot-more-p {
				    margin: 0;
				}
				
     #map-main{
		width:100%;
		background-color:rgba(170, 170, 170, 0.199);
        padding-top:50px;
        padding-bottom:50px;
	}
     #staticMap {
		width : 97%;
		margin:auto;
		height : 300px;
		border-radius : 10px;
		border: 5px solid black;
      }
    .customoverlay {position:relative;bottom:85px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;}
	.customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
	.customoverlay a {display:block;text-decoration:none;color:#000;text-align:center;border-radius:6px;font-size:14px;font-weight:bold;overflow:hidden;background: #d95050;background: #d95050 url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center;}
	.customoverlay .title {display:block;text-align:center;background:#fff;margin-right:35px;padding:10px 15px;font-size:14px;font-weight:bold;}
	.customoverlay:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
             
             
    .bottom-img-2main {
        width: 100vw;
        background-color: rgba(170, 170, 170, 0.199);
        padding-top: 20px; 
        padding-bottom: 20px; 
    }

    .bottom-img-2 {
        width: 80%; 
        margin: auto;
        background-color: #fff;
        text-align: center;
        border-radius: 20px;
        padding: 20px; 
    }

    .bottom-img-2 p {
        font-size: 1.5em; 
        font-weight: bold;
        margin-bottom: 20px; 
    }

    #consultationForm {
        display: flex;
        flex-direction: column;
        width: 100%; 
        margin: auto;
        height: auto; 
        text-align: center;
        justify-content: center;
        padding: 10px; 
    }       

    #consultationForm input[type="text"],
    #consultationForm input[type="tel"],
    #consultationForm textarea {
        margin-bottom: 10px;
        padding: 10px;
        border: 1px solid #ccc;
        color: gray;
        height: auto; 
        text-align: center;
        font-size: 14px; 
    }

    .consultationForm-checkbox {
        margin-bottom: 20px; 
    }

    #consultationForm button {
        padding: 10px;
        background-color: #4CAF50;
        color: white;
        border: none;
        cursor: pointer;
        height: auto; 
        text-align: center;
        font-size: 14px; 
    }

    #consultationForm textarea {
        height: auto; 
        margin-bottom: 20px; 
    }

    #consultationForm button[disabled] {
        background-color: #ccc;
        cursor: not-allowed;
    }

    .blur-text {
        color: transparent;
        text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
        font-size: 20px;
        display: inline-block;
    }
     #inquiry{
     	height:100px;
     }    
            
}
            
            
        /* pc */
        /* pc */
        /* pc */
@media screen and (min-width: 1025px) {
/*     전체div */
       .totaldiv{
       width: 60%;
       margin: auto;
       }



	/* sdf */
	.image-dasan_01-Main {
	    width: 100vw;
	    background-color: #000D42;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    position: relative;
	    overflow: hidden;
	}
	
	.image-dasan_01 {
	    width: 60%;
	    padding-top: 55%;
	    position: relative;
	    
	}
	
	.image-dasan_01 img {
	    display: block;
	    width: 100%;
	    height: auto;
	    margin: 0;
	    margin-top:30px;
	    position: absolute;
	    top: 0;
	    left: 0;
	    transform: translateY(-50px); 
	}

		.image-dasan_02-Main {
		  width: 100vw;
		  background-color: #1A1F25;
		  display: flex;
		  justify-content: center;
		  align-items: center;
		  position: relative;
		  overflow: hidden;
		}
		
		.image-dasan_02 {
		  width: 60%;
		  position: relative;
		}
		
		.image-dasan_02 img {
		  display: block;
		  width: 100%;
		  height: auto;
		  margin: 0;
		  opacity: 1;

		}
			
			
	.image-dasan_03-Main {
		width: 100vw;
    	background: #000D42;
		display: flex;
		justify-content: center;
		align-items: center;
	}
				
	.image-dasan_03 {
	  width: 60%;
	}
	
	.image-dasan_03 img {
	  display: block;
	  width: 100%;
	  height: auto;
	  margin: 0;
	}               
             .mouse-follow {
	  position: absolute;
	  pointer-events: none;
	  transition: left 0.01s, top 0.01s; 
	  font-size: 20px; 
  	 		  font-weight: bold;
  	 		  color : black;
	  
	}
	.image-dasan_04-Main {
	  width: 100vw;
	  background-color: #E8EAF7;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  position: relative; 
	}
	
	.image-dasan_04_01 {
	  width: 60%;
	  position: relative; 
	}
	
	.image-dasan_04_01 img {
	  display: block;
	  width: 100%;
	  height: auto;
	  margin: 0;
	  position: relative; 
	  z-index: 1;
	}
	
	.top-animate {
	  position: absolute;
	  top: 43%; 
	  left: 47%; 
	  transform: translate(-45%, 20px);
	  z-index: 2; 
	}     
	.top-animate-1{
	    width: 100%;
	    
	    text-align: center;
	}
	.top-animate-top{
	    width: 430px;
	    background-color: white;
	    padding: 10px 30px;
	    font-size: 3em;
	    opacity: 0.9;
	    font-weight: bold;
	}
	.top-animate-middle{
	    font-size: 4em;
	
	    background-color: #263897;
	    width: 430px;
	    color: white;
	    padding: 30px 30px;
	    font-weight: bold;
	    opacity: 0.9;
	}      

	.image-dasan_05-Main {
	  width: 100vw;
	  background-color: #3e3e3e;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  position: relative;
	  overflow: hidden;
	}
	
	.image-dasan_05 {
	  width: 60%;
      padding-top: 72%;
	  position: relative;
	}
				
      .image-dasan_05 img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        height: auto;
        transition: all 2s ease-in-out;
        transform-origin: center; 
    }

    .image-dasan_05 img:first-child {
        width: 70%;
        opacity: 1;
    }

    .image-dasan_05 img:last-child {
        width: 100%;
        opacity: 0;
    }		
				
				
.image-dasan_06-Main {
  width: 100vw;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
	
	.image-dasan_06 {
  width: 60%;
  position: relative;
}
	
	.image-dasan_06 img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  opacity: 1;

}	
					
.image-dasan_video-Main {
  	margin-top: 30px;
    width: 100vw;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}          
            
    

       #mid-video {
	        display: flex;
		    width: 60%;
		    margin: auto;
		    height: 530px;
		    background-color: white;
		    justify-content: center;
		    flex-wrap: nowrap;
      }

	.video-container {
        margin-top: 50px;
	    height: 405px;
        width: 726px;
	    border: 5px solid #000d42;
	    margin-right: 10px;
     }

      .video-container iframe {
      width: 100%;
      height: 100%;
   }

          .video-image-container {
	           height: 550px;
	           width: 376px;
	           position: relative;
           
          }

          .video-images {
           	border: 4px solid #000d42;
		    overflow: hidden;
		    height: 389px;
		    padding: 10px;
		    margin-top:10px;
		    margin-bottom:10px;
          
          }

          .video-images .video-image {
	          width: 100%;
	          display: flex;
	          align-items: center;
	          margin-bottom:5px;
          }

          .video-images .video-image img {
	          width: 40%;
	          height: auto;
	          border: 1px solid #3e3e3e;
	          border-radius: 5px;
	          box-sizing: border-box;
          }

          .video-images .video-image span {
	          margin-left: 20px;
	          font-size: 0.9em;                
          }
	.video-image{
		border: 1px solid #3e3e3e;
           border-radius: 5px;
           box-sizing: border-box;
	}
             .video-arrow {
	             width: 40%;
	             margin:auto;
	             height: 40px;
	             display: flex;
	             justify-content: center;
	             align-items: center;
	/*                 border-radius: 5px; */
	             border: none; 
	/*                 color: white; */
	 			background: white;
             
             }
       .video-arrow img:hover {
		    border: 4px solid #A8C1E4; 
		    border-radius: 30px; 
	}
             .video-arrow img{
             	height:100%;
             	margin:auto;
             	display: flex;
            	 justify-content: center;
             	align-items: center;
             	background-color:white;
             }
/* 				.video-arrow:hover{ */
/* 					background-color: #686868;  */
/* 			  		border: 1px solid #3e3e3e;  */
/* 		  		}  */
             .video-up-arrow {
             	top: 0;
             }

             .video-down-arrow {
            	 bottom: 0;
            	 margin-top:10px;
             }
		
		.video-images a {
		    display: inline-block;
		    text-decoration: none; 
		    color: black; 
		}
		.video-image span {
		    margin-left: 20px;
              	font-size: 0.8vw;
		    color: black; 
		}
		
		.video-foot-main {
		  width: 100vw;
		  background-color: #ffffff;
		  justify-content: center;
		  align-items: center;
		  position: relative;
		  overflow: hidden;
		  margin-bottom:30px;
		}
		.video-foot-more-mobile{
			display: none;
		}
		.video-foot-more-pc{
		    width: 45%;
		    margin:auto;
		    position: relative;
		    background-color: #7990E0;
		    justify-content: center;
		    align-items: center;
		    border-radius: 50px;
		    padding: 25px;
		    transition: background-color 0.3s ease; 
		}
		
		.video-foot-more-pc:hover{
		    background-color: #92A6F3; 
		    border: 2px solid #000;
		}
		
		.video-foot-more-a{
		    text-decoration: none; 
		    color: white; 
		    justify-content: center;
		    align-items: center;
		    text-align: center;
		    font-weight: bold;
		    font-size: 2em;
		    height: 100%;
		}
		
		.video-foot-more-a:hover{
		    color: #ccc; 
		}
		
		.video-foot-more-p {
		    margin: 0; 
		}
						
	.image-dasan_07-Main {
	  width: 100vw;
	  background-color: #000D42;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  position: relative;
	  overflow: hidden;
	}
		
	.image-dasan_07 {
	  width: 60%;
	  position: relative;
	}
		
	.image-dasan_07 img {
	  display: block;
	  width: 100%;
	  height: auto;
	  margin: 0;
	  opacity: 1;
	  
	}
		
	.image-dasan_08-Main {
	  width: 100vw;
	  background: #2A2F35;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  position: relative;
	  overflow: hidden;
	}
		
	.image-dasan_08 {
	  width: 60%;
   			padding-top: 56%; 

	  position: relative;
	}
		
	.image-dasan_08 img {
      display: block;
      width: 100%;
      height: auto;
      margin: 0;
      position: absolute; 
      top: 0;
      left: 0; 
    }




			.image-dasan_09 {
			  width: 60%;
			  position: relative;
			}
			.image-dasan_10 {
			  width: 60%;
			  position: relative;
			}
			.image-dasan_11 {
			  width: 60%;
			  position: relative;
			}
			.image-dasan_12 {
			  width: 60%;
			  position: relative;
			}

			.image-dasan_09-Main {
			  width: 100vw;
			  background-color: #ffffff;
			  display: flex;
			  justify-content: center;
			  align-items: center;
			  position: relative;
			  overflow: hidden;
			}
			
			.image-dasan_10-Main {
			  width: 100vw;
			  background: #333941;
			  display: flex;
			  justify-content: center;
			  align-items: center;
			  position: relative;
			  overflow: hidden;
			}
			
			.image-dasan_11-Main {
			  width: 100vw;
			  background-color: #ffffff;
			  display: flex;
			  justify-content: center;
			  align-items: center;
			  position: relative;
			  overflow: hidden;
			}
			.image-dasan_12-Main {
			  width: 100vw;
			  background-color: #000D42;
			  display: flex;
			  justify-content: center;
			  align-items: center;
			  position: relative;
			  overflow: hidden;
			}


			.image-dasan_09 img {
			  display: block;
			  width: 100%;
			  height: auto;
			  margin: 0;

			}
			
			.image-dasan_10 img {
			  display: block;
			  width: 100%;
			  height: auto;
			  margin: 0;

			}
			
			.image-dasan_11 img {
			  display: block;
			  width: 100%;
			  height: auto;
			  margin: 0;

			}
			.image-dasan_12 img {
			  display: block;
			  width: 100%;
			  height: auto;
			  margin: 0;

			}
			
			.image-dasan_02 img,
			.image-dasan_04_01 img,
			.image-dasan_05 img,
			.image-dasan_06 img,
			.image-dasan_07 img,
			
			.image-dasan_09 img,
			.image-dasan_10 img,
			.image-dasan_11 img,
			.image-dasan_12 img {
			  opacity: 0;
			  transition: opacity 5s; 
			}
			

                .bottom-img-1-image1,
                .bottom-img-1-image2 {
                width: 100%;
                }
                .bottom-img-2main{
                width:100vw;
                    background-color:rgba(170, 170, 170, 0.199);
                    padding-top: 50px;
                    padding-bottom: 50px;
                }

                .bottom-img-2 {
				  width: 50%;
				  margin: auto;
				
				  background-color: #fff;
				  text-align: center;
				  border-radius: 20px;
				  padding: 50px;
				}
                .bottom-img-2 p{
                    font-size: 2.5em; 
                    font-weight: bold;
                    margin-bottom:30px;
                }


                #consultationForm {
                    display: flex;
                    flex-direction: column;
                    width: 80%;
                    margin: auto;
                    height: 500px;
                    text-align: center;
                    justify-content: center;
                    
                }       

                #consultationForm input[type="text"],
                #consultationForm input[type="tel"],
                #consultationForm textarea {
                margin-bottom: 10px;
                padding: 10px;
                border: 1px solid #ccc;
                color: gray;
                height: 40px; 
                text-align: center;
                
                font-size: 16px; 
                }
                .consultationForm-checkbox{

                    margin-bottom: 30px;
                }

                #consultationForm button {
                    padding: 10px;
                    background-color: #4CAF50;
                    color: white;
                    border: none;
                    cursor: pointer;
                    height: 50px; 
                    text-align: center; 
                    font-size: 16px; 
                }
                #consultationForm textarea {
                    height: 150px; 
                    margin-bottom:30px;

                }

                #consultationForm button[disabled] {
                background-color: #ccc;
                cursor: not-allowed;
                }

                .blur-text {
                color: transparent;
                text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
                font-size: 20px;
                display: inline-block;
                }

                .totaldiv {
                width: 60%;
                margin: auto;
                }

                .top-img-1-button {
                align-items: center;
                justify-content: center;
                text-align: center;
                margin: auto;
                }
                #map-main{
                	width:100%;
					background-color:rgba(170, 170, 170, 0.199);
                	padding-top:50px;
                	padding-bottom:50px;
                }
                #staticMap {

					width : 50%;
					margin:auto;
					height : 500px;
					border-radius : 10px;
					border: 5px solid black;
                }
                .customoverlay {position:relative;bottom:85px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;}
				.customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
				.customoverlay a {display:block;text-decoration:none;color:#000;text-align:center;border-radius:6px;font-size:14px;font-weight:bold;overflow:hidden;background: #d95050;background: #d95050 url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center;}
				.customoverlay .title {display:block;text-align:center;background:#fff;margin-right:35px;padding:10px 15px;font-size:14px;font-weight:bold;}
				.customoverlay:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
                
                 #quickMenuPC {
				    position: fixed;
				    top: 45%;
				    width: 100px;
				    height: 300px;
				    margin-left:86%;
		      		z-index: 2; 
				    
				}
				
				#quickMenuPC img {
				    width: 80px;
				    height: 80px;
				    display: block;
				    margin: 0 auto;
			        transition: box-shadow 1s ease;  
				    
				}
				#quickMenuPC img:hover {
				    cursor: pointer; 
			        border: 5px solid #7990E0;
    				border-radius: 40px;
				    box-shadow: 0 0 0px rgba(0, 0, 0, 0.3); 
				    box-sizing: border-box;
				}
				 #quickMenuMobile  {
			        display: none; 
			    }
            }