/* 면허태그스타일 */
.license_keyword_wrap dt{display: none;}
.licensebox {
  display: flex; flex-wrap: wrap; gap:.5rem;
}
.licenseTag {
  display: flex; align-items: center; 
  padding: .2rem 0.4rem; font-size: .9rem; 
  background-color: var(--white);
  border: var(--border-1);
}
.licenseTag input[type="image"]{
  position: relative; top:2px;
}
.licenseTag input[type="checkbox"]{
  white-space: nowrap; width:14px;
  position: relative; top:3px;
}
.licenseTag .center {
  white-space: nowrap;
}

/* 자동완성 스타일 */
.autocomplete{
    z-index: 9999999999;
    position: absolute;
    left: 0;
    top: 20px; 
    margin-top: 18px;
    min-width: 320px;
    border:var(--border-1);
    background: #fff;
    box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2);
}
.autocomplete ul{
    min-width:260px; padding:5px;
}
.autocomplete ul li{
    font-size: .9rem;
    height: 32px;
    line-height: 32px;
    display: flex;
    align-items: center; 
    color: var(--gray-2);
}
.autocomplete ul li.on{
    background-color: var(--gray-6);
      color: var(--gray-1);    
}

.autocomplete ul li span{
  color:var(--red-1)
}
.autocomplete .gbtn {
    min-width: 320px;
    height: 30px;
    border-top: var(--border-1);
    color: var(--gray-1);
    background-color: var(--gray-6);
    display: flex; align-items: center;
}
.autocomplete .gbtn .center,
.autocomplete .gbtn .right, 
.autocomplete .gbtn .left {
  display: flex; gap:.3rem; align-items: center;
  width:100%;
}
.autocomplete .gbtn .left{ justify-content: flex-start; padding-left: 1rem;}
.autocomplete .gbtn .center{ justify-content: center;}
.autocomplete .gbtn .right{ justify-content: flex-end; padding-right: 1rem;}

.autocomplete .gbtn .center input {
  width: 55px;  text-align: center;
  height: 21px;
  border: 1px solid #dedede;
  font-size: 13px;
  color: #999;
}
.autocomplete .gbtn .center em{
  font-size: .9rem; color:var(--gray-2); 
  font-weight: 600;
  font-style: normal;
}
.autocomplete .gbtn img{cursor: pointer;}

/* 지역선택 공통영역 */
.dasso_area_wrap{
  width:100%; display:flex; flex-direction:column; 
  gap:.5rem;
}

.dasso_area_wrap > div{
  display:flex; flex-direction:row;  align-items:center;
  gap:.5rem;
}

.dasso_area_wrap select{
  flex:1 1 0; min-width:0;
}

.dasso_area_wrap .check-pack{
  flex:0 0 auto;  
  min-width:60px; 
  display:inline-block;
  white-space:nowrap; 
}
.dasso_area_wrap .check-pack label{color:var(--blue-1)}

.dasso_area_wrap .check-pack span{
  display:flex; align-items:center; gap:4px;
}

.dasso_area_wrap input[type="checkbox"]{ width:12px; }

.dasso_license_wrap {
  display: flex; gap: .5rem;  
  flex-wrap: wrap; flex-direction: column;
}
.dasso_license_wrap > div{
  display:flex; flex-direction:row;  align-items:center;
  gap:.5rem;
}

.dasso_license_wrap input[type="text"]
{
  width: 100%;  
}

.dasso_license_wrap input[type="text"]:focus-visible{
  outline: 1px solid #1a73e8;;
  outline-offset: 1px;
}

.dasso_license_wrap select{
  flex:1 1 0; min-width:0;
}

.dasso_product_wrap {
  display: flex; gap: .5rem;  
  flex-wrap: wrap; flex-direction: column;
}
.dasso_product_wrap > div{
  display:flex; flex-direction:row;  align-items:center;
  gap:.5rem;
}

.dasso_product_wrap input[type="text"]
{
  width: 100%;  
}

.dasso_product_wrap input[type="text"]:focus-visible{
  outline: 1px solid #1a73e8;;
  outline-offset: 1px;
}

.dasso_product_wrap select{
  flex:1 1 0; min-width:0;
}

.dasso_area_wrap button{
  flex:0 0 auto;  
  min-width:60px; 
  display:inline-block;
  white-space:nowrap; 
}
.dasso_license_wrap button {
  height:32px;
}
.dasso_product_wrap {border: 1px solid #bbe81a;}
.dasso_set_category {border: 1px solid #1a73e8;}
@media (max-width:768px){
  .dasso_area_wrap > div{
    flex-direction:column;
    align-items:flex-start;
  }
  .dasso_area_wrap select{ width:100%; } 
  .dasso_area_wrap .check-pack{ width:auto; } 
}