/* noto-sans-kr-100 - korean */
@font-face {
  font-family: 'Noto Sans KR Thin';
  font-style: normal;
  font-weight: 100;
  src: url('/assets/memo/font/noto-sans-kr-v27-korean-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/memo/font/noto-sans-kr-v27-korean-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/memo/font/noto-sans-kr-v27-korean-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/memo/font/noto-sans-kr-v27-korean-100.woff') format('woff'), /* Modern Browsers */
       url('/assets/memo/font/noto-sans-kr-v27-korean-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/memo/font/noto-sans-kr-v27-korean-100.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-300 - korean */
@font-face {
  font-family: 'Noto Sans KR Light';
  font-style: normal;
  font-weight: 300;
  src: url('/assets/memo/font/noto-sans-kr-v27-korean-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/memo/font/noto-sans-kr-v27-korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/memo/font/noto-sans-kr-v27-korean-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/memo/font/noto-sans-kr-v27-korean-300.woff') format('woff'), /* Modern Browsers */
       url('/assets/memo/font/noto-sans-kr-v27-korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/memo/font/noto-sans-kr-v27-korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-regular - korean */
@font-face {
  font-family: 'Noto Sans KR Regular';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/memo/font/noto-sans-kr-v27-korean-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/memo/font/noto-sans-kr-v27-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/memo/font/noto-sans-kr-v27-korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/memo/font/noto-sans-kr-v27-korean-regular.woff') format('woff'), /* Modern Browsers */
       url('/assets/memo/font/noto-sans-kr-v27-korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/memo/font/noto-sans-kr-v27-korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-500 - korean */
@font-face {
  font-family: 'Noto Sans KR Medium';
  font-style: normal;
  font-weight: 500;
  src: url('/assets/memo/font/noto-sans-kr-v27-korean-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/memo/font/noto-sans-kr-v27-korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/memo/font/noto-sans-kr-v27-korean-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/memo/font/noto-sans-kr-v27-korean-500.woff') format('woff'), /* Modern Browsers */
       url('/assets/memo/font/noto-sans-kr-v27-korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/memo/font/noto-sans-kr-v27-korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - korean */
@font-face {
  font-family: 'Noto Sans KR Bold';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/memo/font/noto-sans-kr-v27-korean-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/memo/font/noto-sans-kr-v27-korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/memo/font/noto-sans-kr-v27-korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/memo/font/noto-sans-kr-v27-korean-700.woff') format('woff'), /* Modern Browsers */
       url('/assets/memo/font/noto-sans-kr-v27-korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/memo/font/noto-sans-kr-v27-korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-900 - korean */
@font-face {
  font-family: 'Noto Sans KR Black';
  font-style: normal;
  font-weight: 900;
  src: url('/assets/memo/font/noto-sans-kr-v27-korean-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/memo/font/noto-sans-kr-v27-korean-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/memo/font/noto-sans-kr-v27-korean-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/memo/font/noto-sans-kr-v27-korean-900.woff') format('woff'), /* Modern Browsers */
       url('/assets/memo/font/noto-sans-kr-v27-korean-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/memo/font/noto-sans-kr-v27-korean-900.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}


/* remove ================================================== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
html {
	font-size: min(8.00px, 1vw);
}
body {
	width: 100%;
	height: 100%;
/* 	background-color: #fafafa; */
/* 	background-color: #f7f9fe; */
	background-color: #DAF1E7;
	font-family:'Noto Sans KR Thin';
	font-size: 3rem;
	line-height: 3rem;
	color: #000;
/* 	letter-spacing: -0.1rem; */
	vertical-align: baseline;
}
body > .encase {
	max-width: 100vw;
	min-height: 100vh;
	height: 100%;
	margin: 0 auto;
}
ul li {
	list-style: none;
}
*::-webkit-scrollbar {
	width: 10px;
	height: 10px;
	background: transparent;
}
*::-webkit-scrollbar-thumb {
	background-color: #D3D1CB;
	border-radius: 10px;
	cursor: pointer;
}
*::-webkit-scrollbar-track {
	background-color: transparent;
	border-radius: 4px;
	box-shadow: inset 0px 0px 5px white;
}
*::-webkit-scrollbar-corner {
	background: transparent;
}


/* font ================================================== */
/* 20230901 크롬은 최소 font를 10px 제한하므로 10px 이상으로 작성 */
/*
	다음과 같이 H1 ~ H6 의 기준을 그대로 채용
	_01 : _06 * 3
	_01 : _06 * 2.238
	_01 : _06 * 1.75
	_01 : _06 * 1.5
	_01 : _06 * 1.238
	_01 : _06 * 1 : 10px 기준
*/
.jms_bold_01 {
	font-family:'Noto Sans KR Bold';
	font-size: max(min(45px, 2rem), 30px);
	line-height: max(min(45px, 2rem), 30px);
}
.jms_bold_02 {
	font-family:'Noto Sans KR Bold';
	font-size: max(min(36px, 1.5rem), 24px);
	line-height: max(min(36px, 1.5rem), 24px);
}
.jms_bold_03 {
	font-family:'Noto Sans KR Bold';
	font-size: max(min(27px, 1.17rem), 18px);
	line-height: max(min(27px, 1.17rem), 18px);
}
.jms_bold_04 {
	font-family:'Noto Sans KR Bold';
	font-size: max(min(22px, 1rem), 15px);
	line-height: max(min(22px, 1rem), 15px);
}
.jms_bold_05 {
	font-family:'Noto Sans KR Bold';
	font-size: max(min(18px, 0.83rem), 12px);
	line-height: max(min(18px, 0.83rem), 12px);
}
.jms_bold_06 {
	font-family:'Noto Sans KR Bold';
	font-size: max(min(15px, 0.67rem), 10px);
	line-height: max(min(15px, 0.67rem), 10px);
}
.jms_regular_01 {
	font-family:'Noto Sans KR Regular';
	font-size: max(min(45px, 2rem), 30px);
	line-height: max(min(45px, 2rem), 30px);
}
.jms_regular_02 {
	font-family:'Noto Sans KR Regular';
	font-size: max(min(36px, 1.5rem), 24px);
	line-height: max(min(36px, 1.5rem), 24px);
}
.jms_regular_03 {
	font-family:'Noto Sans KR Regular';
	font-size: max(min(27px, 1.17rem), 18px);
	line-height: max(min(27px, 1.17rem), 18px);
}
.jms_regular_04 {
	font-family:'Noto Sans KR Regular';
	font-size: max(min(22px, 1rem), 15px);
	line-height: max(min(22px, 1rem), 15px);
}
.jms_regular_05 {
	font-family:'Noto Sans KR Regular';
	font-size: max(min(18px, 0.83rem), 12px);
	line-height: max(min(18px, 0.83rem), 12px);
}
.jms_regular_06 {
	font-family:'Noto Sans KR Regular';
	font-size: max(min(15px, 0.67rem), 10px);
	line-height: max(min(15px, 0.67rem), 10px);
}
.jms_thin_01 {
	font-family:'Noto Sans KR Thin';
	font-size: max(min(45px, 2rem), 30px);
	line-height: max(min(45px, 2rem), 30px);
}
.jms_thin_02 {
	font-family:'Noto Sans KR Thin';
	font-size: max(min(36px, 1.5rem), 24px);
	line-height: max(min(36px, 1.5rem), 24px);
}
.jms_thin_03 {
	font-family:'Noto Sans KR Thin';
	font-size: max(min(27px, 1.17rem), 18px);
	line-height: max(min(27px, 1.17rem), 18px);
}
.jms_thin_04 {
	font-family:'Noto Sans KR Thin';
	font-size: max(min(22px, 1rem), 15px);
	line-height: max(min(22px, 1rem), 15px);
}
.jms_thin_05 {
	font-family:'Noto Sans KR Thin';
	font-size: max(min(18px, 0.83rem), 12px);
	line-height: max(min(18px, 0.83rem), 12px);
}
.jms_thin_06 {
	font-family:'Noto Sans KR Thin';
	font-size: max(min(15px, 0.67rem), 10px);
	line-height: max(min(15px, 0.67rem), 10px);
}
h1 {
	font-size: 2rem;
	line-height: 2rem;
	font-weight: bold;
}
h2 {
	font-size: 1.5rem;
	line-height: 1.5rem;
	font-weight: bold;
}
h3 {
	font-size: 1.17rem;
	line-height: 1.17rem;
	font-weight: bold;
}
h4 {
	font-size: 1.0rem;
	line-height: 1.0rem;
	font-weight: bold;
}
h5 {
	font-size: 0.83rem;
	line-height: 0.83rem;
	font-weight: bold;
}
h6 {
	font-size: 0.67rem;
	line-height: 0.67rem;
	font-weight: bold;
}


/* font_awesome ================================================== */
i.red {
	color: red;
}
i.blue {
	color: blue;
}
i.grey {
	color: grey;
}
i.fa-solid.fa-circle-check {
	color: navy;
}
i.fa-regular.fa-circle-check {
	color: #e6e6e6;
}


/* form ================================================== */
label {
}
input[type="text"] {
}
input[type="password"] {
}
input[type="number"] {
}
input[type="email"] {
}
input[type="date"] {
}
input::placeholder {
}
/* select는 기본적으로 다음과 같이 버튼과 유사하게 사용 */
select {
/* 	border: 1px solid #666; */
/*	border-radius: 10rem; */
/* 	appearance:none; 화살표 없애기 */
/* 	-webkit-appearance:none; 크롬 화살표 없애기 */
/* 	-moz-appearance:none; 파이어폭스 화살표 없애기 */
/* 	text-align-last: center; 가운데 정렬 */
}
input[type="radio"] {
/* 	margin: 0 1rem; */
}


/* layout ================================================== */
.layout-row {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.layout-row > .layout-left {
	height: -webkit-fill-available;
}
.layout-row > .layout-middle {
	height: -webkit-fill-available;
}
.layout-row > .layout-right {
	height: -webkit-fill-available;
}
.layout-column {
	width: 100%;
	display: flex;
	flex-direction: column;
}
/* 다른 영향이 있으면 100% 로 변경 */
/* 	width: 100%; */
.layout-column .layout-header {
	width: -webkit-fill-available;
}
.layout-column .layout-body {
	width: -webkit-fill-available;
}
.layout-column .layout-footer {
	width: -webkit-fill-available;
}


/* button ================================================== */
.button {
}
.button.black {
	color: #fff;
	background-color: #111;
}
.button.grey {
	color: #333;
	background-color: #e2e2e2;
}
.button.orange {
	color: #fff;
	background-color: #ff5533;
}
.button.blue {
	color: #fff;
	background-color: #5522ff;
}
.button.orange_gradation {
	color: #fff;
	background-color: #ff5533;
}