body{margin: 0; font-family: 'IBMPlexSansKR-Regular';}
.d_none{display: none !important;}
.d_block{display: block !important;}
a{color: inherit;text-decoration: none;}
ul,li,p,i,pre,h1,h2,h3,h4,h5,h6{font-style: normal; margin: 0; padding: 0; list-style: none; font-weight: unset; }
.p_r{position: relative;}
.overx{overflow-x: scroll;}

.green{color: #0daca6 !important;}
.blue{color: #007aff !important;}
.darkblue{color: #0c2556 !important;}
.red{color: #F24726 !important;}
.hotpink{color:#f00251 !important;}
.yellow{color: #ffc700 !important;}
.turquois{color: #4CBBCC !important;}
.black{color: #000 !important;}
.gray{color: #4d5159 !important;}
.whitegray{color: #a5a5a5 !important;}
.white{color: #fff !important;}
.bg_white{background-color: #fff;}
.bg_gray{background-color: #4d5159 !important;color: #fff !important;}
.bg_whitegray{background-color: #f3f7f9 !important;}
.b_adminbg{background-color: #f3f7f9;}
.b_blue{background-color: #007aff;}
.b_gray{background-color: #4d5159;}
.b_yellow{background-color: #ffc700; color: #525252;}
.b_navyblue{background-color: #1b4fb7;}

.b{font-weight: 900;}

.m_top{margin-top: 100px;}
.p0{padding: 0 !important; }
.m0{margin: 0 !important; }
.m_t5{margin-top: 5px !important;}
.m_t10{margin-top: 10px !important;}
.m_t20{margin-top: 20px !important;}
.m_t30{margin-top: 30px !important;}
.m_t50{margin-top: 50px !important;}
.m_b0{margin-bottom: 0 !important;}
.m_b5{margin-bottom: 5px !important;}
.m_b10{margin-bottom: 10px !important;}
.m_b20{margin-bottom: 20px !important;}
.m_b30{margin-bottom: 30px !important;}
.m_b40{margin-bottom: 40px !important;}
.m_b50{margin-bottom: 50px !important;}
.m_b100{margin-bottom: 100px !important;}
.m_r5{margin-right: 5px  !important;}
.m_r10{margin-right: 10px  !important;}
.m_r20{margin-right: 20px  !important;}
.m_r30{margin-right: 30px  !important;}
.m_r50{margin-right: 50px  !important;}
.m_r100{margin-right: 100px  !important;}
.m_l5{margin-left: 5px  !important;}
.m_l10{margin-left: 10px  !important;}
.m_l20{margin-left: 20px  !important;}
.m_l30{margin-left: 30px  !important;}
.m_l50{margin-left: 50px  !important;}
.m_l100{margin-left: 100px  !important;}
.w_100{width: 100% !important;}
.f_100{flex:1 0 100%;}
.h_1{height: 30px;}
.h_2{height: 60px;}
.h_3{height: 90px;}
.h_4{height: 120px;}
.h_5{height: 150px;}

.long{width: 300px !important;}
.long2{width: 500px !important;}
.long3{width: 800px !important;}
.long4{width: 1000px !important;}
.short{width: 150px;}
.mini{width: 100px;}
.mini2{width: 80px;}
.mini3{width: 50px;}
.mini4{width: 40px;}


.flex{display: flex; flex-wrap: wrap;}
.flex.end{justify-content: flex-end;}
.column{flex-direction: column;}
.grow{flex-grow: 1;}
.center{text-align: center; justify-content: center;}
.right{text-align: right;justify-content: right;}
.left{text-align: left;justify-content: left;}
.between{justify-content: space-between;}
.around{justify-content: space-around;}
.evenly{justify-content: space-evenly;}
.bottom{align-items: flex-end;}
.nowrap{white-space: nowrap;}
.i_c{align-items: center !important;}
.i_e{align-items:flex-end !important;}


.contents{
  width: 100%;
  max-width: 1200px;
  position: relative;
  margin: 0 auto;
}
.mc_group{
  background: #fff;
  padding: 25px 30px;
  flex-grow: 1;
  margin-bottom: 15px;
}
.mc_row{
  display: flex;
  line-height: 1.7;
  flex-wrap: wrap;
  align-items: stretch;
  margin-bottom: 20px;
}
.mc_column{
  display: flex;
  line-height: 1.7;
  flex-direction: column;
}
.mc_item_name {
  /* width: 200px; */
  flex-basis: 200px;
  font-family: 'Pretendard-Light';
  font-weight: 900;
}
.mc_item_name_m{
  font-family: 'Pretendard-Light';
  font-weight: 900;
}
.mc_item_val{
  flex-grow: 1;
}
.mc_item_val_row{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 16px;
  align-items: baseline;
}
a.underline,i.underline,p.underline,b.underline{
  text-decoration: underline;
  font-size: 15px;
}

input[type="text"].border_none{
  border: none !important;
  background-color: #f5f5f5;
  cursor: pointer;
  line-height: 30px !important;
  font-size: 16px;
  font-weight: 900;
  font-family: 'SpoqaHanSansNeo-Light';
}
textarea{
  resize: none;
  padding: 10px 15px;
  line-height: 1.8;
  box-sizing: border-box;
  font-family: 'Pretendard-Light';
  font-size: 15px;
}


.b_outline{
  background-color: transparent;
  border: 1px solid;
  box-sizing: border-box;
  box-shadow: 1px 1px;
  height: 29px;
}
.outline{
  border: 1px solid;
  padding: 20px;
  box-sizing: border-box;
}
.b_outline:hover{
  box-shadow: inset 1px 1px 0px 0px;
}

.notes{
  font-size: 15px;
  line-height: 1.6;
}
html {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica
      Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
}


button.add,button.f_add{
	background-color: #1b4fb7;
  }
button.add.on, button.f_add{
  background-color: #0f2d69;
}
/* button.add:hover,button.f_add:hover{
  background-color: #0075ff;
  color: #fff;
} */

/* 삭제버튼 */
button.del,button.f_del{
  color: #F24726;
  border: 1px solid #F24726;
  background-color: #fff;
}
button.nomal{
  color: #767a82;
  border-color: #d2d5dc;
  background-color: #fff;
  border: 1px solid;
}

/* 수정, 취소, 자세히, 미리보기, 닫기, 확인*/
button.download,button.confirm,
button.serch,button.detail,
button.cancel,button.close{
  color: #666;
  background-color: #fff;
  border: 1px solid #dbdde2;
}
/* button.cancel:hover,button.close:hover{
  color: #666;
  background-color: #fff;
  border: 1px solid #b9bdc7;
} */
/* 비활성화버튼(클릭x) */
button.disable{
  cursor: unset;
  background-color: #c5c9cb;
}
/* 동작중. 특정 조건으로 비활성화된 버튼 */
button.running{
  background-color: transparent;
  color: #1b4fb7;
}
/*응답 대기중. 특정조건으로 활성화된 버튼(clickable 강조) */
button.waiting{
  background-color: #0075ff;
}
button.disable{
  background-color: #d3d1d4;
  color: #8c8a8d;
  cursor: unset;
}
/* 등록 / 추가버튼 */
button.submit{
  background-color: #1b4fb7;
}

/* 적용 */
button.add, button.preview, button.modify, button.f_add{
  background-color: #fff;
  border: 1px solid #dbdde2;
  color: #1b4fb7;
  border: 1px solid #1b4fb7;
}

.divbtn{
  border: 1px solid;
  padding: 8px 4px;
  cursor: pointer;
  box-sizing: border-box;
  min-width: 150px;
  max-width: 160px;
  overflow-x: hidden;
  text-align: left;
  font-family: 'Pretendard-Regular';
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  text-align: center;
  line-height: 1;
  word-break: keep-all;
  color: #3c3d44;
  background-color: #fff;


  color: #767a82;
  background-color: #fff;
  border: 1px solid #d2d5dc;
}
@font-face {
  font-family: 'MaruBuri-Regular';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/MaruBuri-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'IBMPlexSansKR-ExtraLight';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-ExtraLight.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'IBMPlexSansKR-Light';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'IBMPlexSansKR-Regular';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'IBMPlexSansKR-Medium';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'IBMPlexSansKR-SemiBold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-SemiBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'IBMPlexSansKR-Bold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SLEIGothicTTF';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SLEIGothicTTF.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ELAND_Choice_M';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/ELAND_Choice_M.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GmarketSansLight';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GmarketSansMedium';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GmarketSansBold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'IBMPlexSansKR-SemiBold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-SemiBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'IBMPlexSansKR-Regular';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KOTRA_GOTHIC';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/KOTRA_GOTHIC.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'paybooc-Bold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans KR', sans-serif;
  src: url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap') format("woff");
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans', sans-serif;;
  src: url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap') format("woff");
  unicode-range: U+0020-007E;
  font-style: normal;
}

@font-face {
  font-family: 'Handon3gyeopsal300g';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_seven@1.2/Handon3gyeopsal300g.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* 프리텐다드 */
@font-face {
  font-family: 'Pretendard-Thin';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard-Light';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard-Regular';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard-Medium';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard-SemiBold';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard-Bold';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard-ExtraBold';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard-Black';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}
/* 스포카한산스 */
@font-face {
  font-family: 'SpoqaHanSansNeo-Thin';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Thin.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SpoqaHanSansNeo-Light';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SpoqaHanSansNeo-Regular';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SpoqaHanSansNeo-Medium';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SpoqaHanSansNeo-Bold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {font-family: 'Titillium_Web';font-weight: 800;src: url('./fonts/Titillium_Web/TitilliumWeb-Bold.ttf');}
@font-face {font-family: 'Titillium_Web';font-weight: 700;src: url('./fonts/Titillium_Web/TitilliumWeb-SemiBold.ttf');}
@font-face {font-family: 'Titillium_Web';font-weight: 500;src: url('./fonts/Titillium_Web/TitilliumWeb-Regular.ttf');}
@font-face {font-family: 'Titillium_Web';font-weight: 300;src: url('./fonts/Titillium_Web/TitilliumWeb-Light.ttf');}
@font-face {font-family: 'Titillium_Web';font-weight: 100;src: url('./fonts/Titillium_Web/TitilliumWeb-ExtraLight.ttf');}


@font-face {font-family: 'Pretendard_Variable'; font-weight: 45 920; src: url('./fonts/pretendard/PretendardVariable.woff2') format('woff2-variations'); font-style: normal; font-display: swap;}