a{text-decoration: none;font-family: 'suit';}
input{font-family: 'suit';}
textarea{font-family: 'suit';}
::placeholder{font-family: 'suit';}
*{box-sizing: border-box;margin: 0;padding: 0;font-family: 'suit';}
ul,ol,li{margin: 0;padding: 0;list-style: none;}
button{cursor: pointer; font-family: 'suit';background-color: transparent;border: 0;}

select{appearance: none;width: 100%;background-image: url('./img/chevron-down.png');background-repeat: no-repeat;background-size: 14px;background-position: calc(100% - 10px) center;cursor: pointer;color: #000;background-color: #fff;}

select,input{border: 1px solid #000;width: 100%;height: 42px;background-color: #fff;padding: 0 10px;font-size: 16px;color: #000;transition: 0.2s;font-weight: 400;text-align: center;}
select::placeholder,
input::placeholder{color: #000;}
textarea{border: 1px solid #d9d9d9;border-radius: 12px;width: 100%;min-height: 150px;padding: 10px;}


input:focus,
select:focus,
textarea:focus{
    outline: none;
    border: 1px solid #000;
}

html{width: 100%;height: 100%;}
body{width: 100%;height: 100%;background-color: #f2f2f2;}
.stock-common-wrap{display: flex;align-items: center;justify-content: flex-start;flex-direction: column;gap: 16px;position: relative;width: 100%;margin: 0 auto;height: 100%;max-width: 1024px;padding: 128px 24px 24px 24px;}
.stock-top{width: 100%;height: 100%;display: flex;align-items: center;flex-direction: column;min-height: 0;}
.stock-top>p{font-size: 36px;letter-spacing: 32px;text-indent: 32px;font-weight: 500;text-align: center;margin-bottom: 96px;}
.stock-input-wrap{display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 16px;width: 100%;max-width: 640px;margin-bottom: 16px;}
.stock-input-wrap>span{letter-spacing: 4px;font-weight: 400;font-size: 16px;}
.stock-input{display: flex;width: 100%;gap: 16px;}
.stock-input input{letter-spacing: 1px;}
.stock-btn-wrap{display: flex;gap: 10px;}
.stock-btn-wrap button{display: flex;height: 42px;align-items: center;justify-content: center;padding: 0 10px;min-width: 120px;background-color: #000;color: #fff;font-size: 16px;letter-spacing: 3px;text-indent: 3px;}
.input-wrap{width: 100%;}
.admin-btn{display: flex;justify-content: space-between;width: 100%;}
.admin-btn a,
.admin-btn button{display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 100%;transition: 0.2s;background-color: #000;color: #fff;}
.admin-btn button svg{width: 22px;height: 22px;}
.admin-btn a{border-radius: 100%;color: #fff;background-color: #000;font-size: 24px;}
.search-btn{min-width: 42px !important;background-color: #f2f2f2 !important;}
.search-btn svg{width: 20px;height: 20px;color: #000 !important;}

.admin-btn a:active,
.admin-btn button:active{background-color: #fff;color: #000;}

.input-wrap{position: relative;}
.search-list{position: absolute;top: 42px;left: 0;width: 100%;background-color: #fff;display: none;z-index: 10;border: 1px solid #000;border-top: 0;max-height: 210px;overflow-y: auto;}
.search-item{padding: 0px 16px;text-align: center;min-height: 42px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: 0.2s;}
.search-item:active{background-color: #f9f9f9;}

.stock-list{height: 100%;width: 100%;max-width: 640px;padding: 16px 0;border: 1px solid #000;border-left: 0;border-right: 0;margin-bottom: 16px;min-height: 0;overflow-y: auto;}

.stock-item{display: flex;}
.stock-item li{font-size: 16px;display: flex;align-items: center;justify-content: center;padding: 5px 0;}

.stock-item li:nth-of-type(1){justify-content: left;width: 100%;}
.stock-item li:nth-of-type(2){width: 60px;flex-shrink: 0;}

.more-btn{height: 32px !important;font-size: 14px !important;min-width: 0 !important;}

/*.stock-result-wrap{height: auto;min-height: 100%;}
.stock-count{width: 100%;max-width: 640px;margin-bottom: 8px;text-align: right;font-size: 13px;letter-spacing: 1px;}

.stock-message{height: 20px;margin-top: 12px;font-size: 13px;text-align: center;}
#stock_upload_form{display: flex;align-items: center;flex-direction: column;width: 100%;}
#upload_btn:disabled{opacity: 0.5;cursor: default;}*/

#stock_upload_form{width: 100%;display: flex;align-items: center;height: 100%;flex-direction: column;}
.stock-count{display: none !important;}
.stock-empty{padding: 32px 0;text-align: center;color: #000;}

.stock-message{display: none !important;}

.stock-top>p{display: flex;flex-direction: column;gap: 16px;align-items: center;justify-content: center;}
.stock-top img{display: block;height: 24px;}
@media (max-width: 768px) {
  .stock-top>p{font-size: 32px;letter-spacing: 24px;text-indent: 24px;}
}

@media (max-width: 540px) {
  .stock-input-wrap>span{font-size: 14px;}
  .stock-common-wrap{padding: 96px 20px 20px 20px;}
  .stock-top>p{margin-bottom: 64px;}
  .stock-item li{font-size: 14px;}
  .stock-top>p{font-size: 26px;letter-spacing: 16px;text-indent: 16px;}
  .stock-top img{height: 20px;}
  select, input{font-size: 14px;}
  .stock-btn-wrap button{font-size: 14px;height: 40px;}
  select, input{height: 40px;}
  .search-btn{min-width: 40px !important;}
}

@media (max-width: 360px) {
  .stock-top>p{font-size: 20px;letter-spacing: 12px;text-indent: 12px;margin-bottom: 32px;}
  .stock-top img{height: 16px;}
}









@font-face {
  font-family: 'suit';
  src: url('../assets/font/suit-Light.woff2');
  font-weight: 300;
}
@font-face {
  font-family: 'suit';
  src: url('../assets/font/suit-Regular.woff2');
  font-weight: 400;
}
@font-face {
  font-family: 'suit';
  src: url('../assets/font/suit-Medium.woff2');
  font-weight: 500;
}
@font-face {
  font-family: 'suit';
  src: url('../assets/font/suit-SemiBold.woff2');
  font-weight: 600;
}
@font-face {
  font-family: 'suit';
  src: url('../assets/font/suit-Bold.woff2');
  font-weight: 700;
}