/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
@tailwind base;
@tailwind components;
@tailwind utilities;

/* ========================================
   Global Styles
   ======================================== */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body, html {
  font-family: 'Noto Sans KR', sans-serif;
  height: 100%;
  margin: 0;
  background-color: #000;
  color: #ffffff;
  overflow-x: hidden;
  width: 100%;
  max-width: 100vw;
}

/* 스크롤바 커스텀 (Webkit 브라우저) */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #0a0a0a;
}

::-webkit-scrollbar-thumb {
  background: #333;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: #444;
}

/* Admin 페이지 select 요소 글씨 색상 */
select {
  color: #333 !important;
}

select option {
  color: #333 !important;
}

@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
}