/* 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;
  }
}
/*****************************************************/