/* pretendard font */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

@font-face {
    font-family: "Pretendard Variable", sans-serif;
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}


tbody {
    font-family: "Pretendard Variable" !important;
    font-weight: 600 !important;
}

.ag-cell-value {
    font-family: "Pretendard Variable" !important;
    font-weight: 500 !important;
}


/* common style */
:root {
    /* common color */
    --main-font-color: #333;
    --point-color: #1DA65B;
    --sub-point-color: #178C4C;
    --content-bg-color: #F8F8F8;
    --input-color: #178C4C;
    --input-sub-color: #B7B7B7;
    --place-holder-color: rgba(183, 183, 183, 0.8);

    /* common font size */
    --big-font-size: 5rem;
    --bgTitle-font-size: 2.4rem;
    --title-font-size: 2rem;
    --sm-big-font-size: 1.8rem;
    --normal-font-size: 1.6rem;
    --mobile-normal-size: 1.4rem;
    --mobile-sm-size: 1.2rem
}

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

html {font-size: 10px;}

body {
   min-width: 320px;
   font-family: "Pretendard Variable", sans-serif;
   font-size: var(--normal-font-size);
   color: var(--main-font-color);
   overflow-x: hidden;
}

li {list-style: none;}

a  {
   text-decoration: none;
   color: var(--main-font-color);
}

h3 {
   font-size: var(--bgTitle-font-size);
   font-weight: 600;
}



#mobile_bg {
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 8000;
    display: none;
}



/* 우측 콘텐츠 전체영역 */
#contentWrap {
    width: 100%;
    height: 100vh;
    position: relative;
}



/* 우측 타이틀 하단 콘텐츠영역 */
#innerContent {
    width: calc(100% - 30rem);
    height: 100%;
    padding: 3rem 0;
    position: absolute;
    left: 30rem;
    transition: 0.6s ease;
}

#innerContent.grow {
    width: 100%;
    left: 0;
}

input {
    font-family: "Pretendard Variable", sans-serif;
    font-size: var(--sm-big-font-size);
}

input:focus {
    outline-color: var(--point-color);
}

input::placeholder {
    font-size: var(--sm-big-font-size);
    color: var(--place-holder-color);
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
     opacity: 0;
     position: absolute;
     right: 10px;
}

select {
    font-family: "Pretendard Variable", sans-serif;
}

button {
    font-family: "Pretendard Variable", sans-serif;
    border: none;
}

span {
    font-family: "Pretendard Variable", sans-serif;
}

/************************반응형************************/

@media (max-width: 1400px) {
   #innerContent {
    width: calc(100% - 25rem);
    left: 25rem;
  }
}

@media (max-width:1024px) {


  #innerContent {
    width: 100%;
    left: 0;
  }
}
/*****************************************************/