/* searchInput */
/* #searchInput{padding: 50px; border: 1px solid #a51013; margin-bottom: 70px;}
#searchInput form{margin-bottom: 35px;}
#searchInput .serSec{display: flex; align-items: center; margin-bottom: 5px;}
#searchInput .serSec label{width: 100px; font-family: "Pretendard"; text-align: right; margin-right: 14px;}
#searchInput .searGroup select{width: 300px; padding: 5px 7px; border-color: #ddd;}
#searchInput .serSec input{width: 300px; padding: 5px 7px; border-color: #ddd;}
#searchInput .searPrice input{width: 136px;}
#searchInput .searPrice span{margin: 0 10px;}
#searchInput .serBtn{margin-left: 114px; margin-top: 30px;}
#searchInput .serBtn input{padding: 10px 40px; border: 0; background-color: #a51013; border-radius: 4px; color: #fff; font-family: 'Pretendard'; font-size: 14px; cursor: pointer;}
#searchInput .popularWord{padding: 0 50px;}
#searchInput .popularWord .popTit{font-family: "Pretendard"; margin-bottom: 10px; font-weight: 700;}
#searchInput .popularWord .popTag a{display: inline-block; font-size: 13px; font-weight: 300; font-family: "Pretendard"; margin-bottom: 5px; padding: 5px 8px; background-color: #a51013; border-radius: 4px; color: #fff;}
#searchInput .popularWord .popTag a:hover{background-color: #a51013;} */


/* search_con */
/* .search_con{width: 100%; overflow: hidden;}
.search_con .search-input{width: 640px;  margin: 0 auto; max-width: 100%; border-bottom: 1px solid #a51013;}
.search_con .search-input form input{ outline: none; border: 0; width: calc(100% - 74px); padding: 16px 0;}
.search_con .search-input form .btn-cancle{width: 20px; height: 20px; border-radius: 50%; background-color: #c7c7c7; color: #fff;font-size: 10px; padding: 2px;}
.search_con .search-input form .btn-search{width: 35px; height: 35px; margin-left: 8px;}
.search_con .search-input form .btn-search i{font-size: 23px; color: #a51013;}

.search_con .search-result .no-result{text-align: center; padding: 60px 0;}
.search_con .search-result .yes-result{padding: 60px 0;}
.search_con .search-result .yes-result .top_minilist p span{ color:#be3434; padding-left: 4px; font-weight: 600; padding-right: 0; margin-right: 0;}
.search_con .search-result .yes-result .top_minilist p span::before{display: none;}
 */

 .search_con .search-input form input[type='text']{font-family: 'Pretendard';} 
 
/* search_con */
.search_con{width: 100%; overflow: hidden;}
.search_con .search-input{width: 500px;  margin: 0 auto; max-width: 100%; background-color: #f5f5f5; border-radius: 30px;}
.search_con .search-input form input{ outline: none; border: 0; width: calc(100% - 74px); padding: 20px 20px 22px;background-color: #f5f5f5; border-radius: 30px 0 0 30px; margin-bottom: 0 !important;}
.search_con .search-input form input::placeholder{font-family: 'Pretendard'; line-height: 1; }
.search_con .search-input form .btn-cancle{width: 20px; height: 20px; border-radius: 50%; background-color: #c7c7c7; color: #fff;font-size: 10px; padding: 2px;}
.search_con .search-input form .btn-search{width: 35px; height: 35px; }
.search_con .search-input form .btn-search i{font-size: 18px; color: #555;}

.search_con .search-result .no-result{text-align: center; padding: 60px 0; color: #777;}
.search_con .search-result .yes-result{padding: 60px 0;}
.search_con .search-result .yes-result .top_minilist p span{ color:#F49422; padding-left: 4px; font-weight: 600; padding-right: 0; margin-right: 0;}
.search_con .search-result .yes-result .top_minilist p span::before{display: none;}


/* search_shop */
.search_con.search_shop .search-input{width: 350px; margin-right:0; margin-left: auto; margin-bottom: 20px; }
.search_con.search_shop .search-input form input{padding: 14px 20px;width: calc(100% - 40px); height: 50px; font-size: 16px;}
.search-area-in{position: relative; border: 1px solid #ddd; border-radius: 30px;}
.search-area-in button{width: 50px; height: 40px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.search-area-in button img{width: 20px;}


.disb-in-m{display: inline-block; vertical-align: middle; margin-right: -4px; }


/* search_download */
.search_con.search_guide.search_download .search-input{width: 500px;}


/* search_guide */
.search_con.search_guide .search-input{width: 650px;}
.search_con.search_guide .search-input form input{width: calc(100% - 60px);}
.search_con.search_guide button i{font-size: 18px; color: #555;}


/* ********************************************* *
* 1400px max
* ********************************************* */

@media (max-width:1400px){


}

/* ********************************************* *
* 1200px max
* ********************************************* */
@media (max-width:1200px){
  
}

/* ********************************************* *
* 1024px max
* ********************************************* */
@media (max-width:1024px){
  
}
/* ********************************************* *
* 960px max
* ********************************************* */
@media (max-width:960px){
  
    
}
/* ********************************************* *
* 840px max
* ********************************************* */
@media (max-width:840px){

}
/* ********************************************* *
* 768px max
* ********************************************* */

@media (max-width:768px){
    .search_con.search_shop .search-input, .user_guide .guide_top .search{width: 250px; height: 40px;}
    .search_con.search_shop .search-input form input{height: 40px;}
    .search-area-in button{width: 40px;}
    .search_con.search_shop .search-input, .user_guide .guide_top .search{width: 100%; height: 40px;}


}
/* ********************************************* *
* 640px max
* ********************************************* */
@media (max-width:500px){
    /* .search_con .search-input{border-radius: 6px;} */
}

/* ********************************************* *
* 500px max
* ********************************************* */
@media (max-width:500px){
    .search_con .search-input form input{padding: 14px 14px 16px; width: calc(100% - 68px);}
    .search_con .search-input form .btn-search{margin-right: 0;}
}


/* ********************************************* *
* 400px max
* ********************************************* */
@media (max-width:400px){

}