.search-page{
    display: flex;
    flex-direction: column;
    width: 100%;
    height : auto;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #ffffff;
    }
    
.search-page .search-ground{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    align-items: center;
    position: relative;
}
    
.search-page .search-title-main {
    position: relative;
    width: 1920px;
    height: 612px;
}

.search-page .search-title-name{
    display : flex;
    flex-direction: column;
    width :600px;
    height :506px;
    align-items: center;
    justify-content: center;
    gap :10px;
    padding:20px;
    position: relative;
}

.search-page .main-logo-box{
    display : flex;
    flex-direction: column;
    width :500px;
    height :300px;
    align-items: center;
    justify-content: center;
    gap :10px;
    padding:20px;
    margin-top:-50.00px;
    position: relative;
}
.search-page .search-title-name-img{
    position: relative;
    width :400px;
    height :300px;
}

.search-page .main-logo{
    position: relative;
    width : 290px;
    height: 100px;
}
    
.search-page .search-result {
    display: flex;
    flex-direction: column;
    width: 1920px;
    height: 1080px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px;
    position: relative;
    overflow: hidden;
    }
    
.search-page .search-result-top{
    display: flex;
    width: 1900px;
    height: 540px;
    align-items: center;
    justify-content: space-around;
    padding: 10px 170px;
    position: relative;
    margin-top: -15.00px;
    }
    
    
.search-page .photo-container {
    display: flex;
    flex-direction: column;
    width: 350px;
    height:462px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px;
    position: relative;
    border: 2px solid;
    border-color:#1307ff;
    }
    
.search-page .photo-title{
    display: flex;
    width: 330px;
    height: 50px;
    align-items: center;
    gap: 5px;
    padding: 5px 20px;
    position: relative;
    }
    
.search-page .photo-title-box{
    display: flex;
    width: 306px;
    height: 40px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0px 5px;
    position: relative;
    border-bottom-width: 3px;
    border-bottom-style: dashed;
    border-color: #1307ff;
    }
    
.search-page .text-wrapper {    
    width: 276px;
    font-size: 24px;
    text-align: center;
    letter-spacing: -0.48px;
    line-height:28.8px;
    position: relative;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight:600;
    color : 000000;
    }
    
.search-page .img-container {
    display: flex;
    flex-direction: column;
    width: 330px;
    height:250px;
    align-items: center;
    justify-content: center;
    padding: 1ox 10px;
    position: relative;
    }
    
.search-page .img-box{
    display: flex;
    width: 310px;
    height: 248px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px;
    position: relative;
    
    }

.search-page .map-rectangle{
    width: 700px;
    height : 500px;
    position: relative;
    background-color : #d9d9d9;
}

.search-page .photo-rectangle{
    display: flex;
    width: 330px;
    height:248px;
    position: relative;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    background-color : #d9d9d9;
}
    
.search-page .explain-container {
    display: flex;
    flex-direction: column;
    width: 330px;
    height: 122px;
    align-items: flex-start;
    gap: 4px;
    padding: 1Opx 1Opx 1Opx 30px;
    position: relative;
    }
    
.search-page .explain-title {
    display: flex;
    width: 290px;
    height: 18px;
    align-items: center;
    gap: 10px;
    padding: Oox 1px;
    position: relative;
    
    }
    
.search-page .divx {
    align-items: center;
    margin-top: -1.00px;
    font-size: 18px;
    letter-spacing: -0.30px;
    line-height : 18.0px;
    white-space: nowrap;
    position: relative;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color: #000000;
    overflow-wrap: break-word;
    }

.search-page .div{
    font-size: 18px;
    font-weight: 600;
    padding: 7px;
    margin-top: 20px;
}
    
    
.search-page .map-contaiver {
    display: flex;
    width: 800px;
    height: 550px;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    position: relative;
  }
  .search-page .fixed {
    position: sticky;
    left: 10px;
    top: 110px;
  }
  .search-page .map-box {
    align-items: center;
    justify-content: center;
    flex: 1;
    align-self: stretch;
    flex-grow: 1;
    display: flex;
    gap: 10px;
    padding: 10px;
    position: relative;
    border-radius: 30px;
  }
.search-page .explain-box {
    display: flex;
    width: 290px;
    height: 80px;
    align-items: center;
    gap: 10px;
    padding: 1Opx 20px;
    position: relative;
    opacity: 0.5;
    }
    
.search-page .text-wrapper-2 {
    width: 250px;
    height: 60px;
    margin-top: -1.00px;
    font-size: 13px;
    letter-spacing: -0.26px;
    line-height: 15.6px;
    position: relative;
    font-family: "Inter-SemiBold", Helvetica;
    font-weight: 600;
    color : #000000;
    }
    
.search-page .map-box {
    display: flex;
    width: 741px;
    height : 520px;
    align-items: center;
    justify-content: center;
    gap: 10px ;
    padding: 10px;
    position: relative;
    }
    
.search-page .rectangle-2 {
    width: 721px;
    height: 500px;
    position: relative;
    background-color: #d9d9d9;
    }
    
.search-page .search-result-bottom{
    display: flex;
    width: 100%;
    height: 600px;
    align-items: center;
    justify-content: space-around;
    position: relative;
    margin-bottom: 100px;
    margin-top: -20.00px;
    }
.search-page .resultContainer{
    width: 100%;
    height: auto;
}
    
    
.serch-page.restart-buttom{
    position: relative;
    width: 1920px;
    height: 182px;
    }

.element {
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: -1.00px;
    margin-bottom: 0px;
    font-family: "Inter", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 21.0px;
    }