.sec-space.sec-search-result{
    margin-top: 120px;
    min-height: calc(100vh - 400px);
}
.search-result-content-wrapper{
    position: relative;
    padding-top: 80px;
}
.search-page-close{
    width: 40px;
    height: 40px;
    display: flex;
    background: #000;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0px;
    right: 0px;
}
.search-page-close svg{
    fill: var(--mf-white);
}
.search-page-close:hover svg{
    fill: var(--mf-blue);
}
.search-box-wrapper{
    display: block;
    margin-bottom: 60px;
    width: 80%;
}
.search-box-wrapper .search-box{
    max-width: 100%;
    position: relative;
}
.search-box-wrapper .search-box .form-control{
    padding: 20px 30px;
    font-size: 1.1rem;
    font-family: var(--mf-font-regular);
    border-radius: 40px;
    border: 1px solid #666666;
    padding-left: 60px;
}
.search-box-wrapper .search-box .search-icon{
    position: absolute;
    right: 23px;
    top: 50%;
    transform: translateY(-50%);
    content: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="24.216" height="24" viewBox="0 0 24.216 24"><path id="Path_1" data-name="Path 1" d="M14.227,4A10.227,10.227,0,1,0,20.5,22.307l5.536,5.319a1.279,1.279,0,0,0,1.809-1.809L22.307,20.5A10.227,10.227,0,0,0,14.227,4ZM6.557,14.227a7.67,7.67,0,1,1,7.67,7.67A7.668,7.668,0,0,1,6.557,14.227Z" transform="translate(-4 -4)" fill="%23666666"/></svg>');
}
.search-box-wrapper .search-box .search-icon.close{
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23e8eaed"><path d="M256-227.69 227.69-256l224-224-224-224L256-732.31l224 224 224-224L732.31-704l-224 224 224 224L704-227.69l-224-224-224 224Z" fill="%23666666" /></svg>');
    cursor: pointer;
}
.search-box-wrapper .search-box .search-icon.close:hover{
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23e8eaed"><path d="M256-227.69 227.69-256l224-224-224-224L256-732.31l224 224 224-224L732.31-704l-224 224 224 224L704-227.69l-224-224-224 224Z" fill="%231781E4" /></svg>');
}
.search-result-wrapper{
    width: 100%;
}
.search-result-wrapper .result-header{
    width: 100%; 
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.search-result-wrapper .result-header-item{
    flex: 0 0 1;
}
.search-result-wrapper .result-header-item .result-for-title{
    color: #3C3C3C;
    font-size: 1.3rem;
    line-height: 1.5;
    font-family: var(--mf-font-semibold);
}
.search-result-wrapper .result-header-item .result-for-title span{
    color: #3C3C3C;
    font-size: 1.3rem;
    line-height: 1.5;
    font-family: var(--mf-font-semibold);
}
.search-result-wrapper .result-header-item .result-for-title .search-iput-text{
    padding-left: 5px;
    color: var(--mf-purple1);
}
.search-result-wrapper .result-header-item  .result-count-wrapper span{
    font-size: 0.9rem;
    color: #3C3C3C;
    line-height: 1.5;
    font-family: var(--mf-font-regular);
}
.search-result-wrapper .result-header-item.result-count  .result-count-wrapper .count{
    padding-left: 5px;
    color: var(--mf-purple1);
    font-family: var(--mf-font-medium); 
}
.search-result-wrapper .result-content .mf-search-result{
    padding: 20px 15px;
    width: 100%;
    background-color: var(--mf-gray5);
    margin-bottom: 20px;
}
.search-result-wrapper .result-content .mf-search-result .result-title{
    color: #3C3C3C;
    font-size: 1.3rem;
    line-height: 1.5;
    font-family: var(--mf-font-bold);
    margin-bottom: 15px;
}
.search-result-wrapper .result-content .mf-search-result .result-title .result-title-link{
    color: var(--mf-blue);
    font-size: 1.3rem;
    line-height: 1.5;
    font-family: var(--mf-font-bold);
    transition: all 0.5s ease-in-out;
}
.search-result-wrapper .result-content .mf-search-result .result-title .result-title-link:hover{
    color: var(--mf-purple);
}
.search-result-wrapper .result-content .mf-search-result .result-description{
    font-size: 1rem;
    line-height: 1.5;
    font-family: var(--mf-font-regular);
}
@media screen and (min-width: 0px) and (max-width: 767px) {
	.search-box-wrapper{
		width: 100%;
	}
    .search-result-wrapper .result-header{
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .search-page-close{
        right: 15px;
    }
    .search-result-wrapper .result-header-item .result-for-title .search-iput-text{
        word-break: break-all;
    }
}