@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');

ul, li {list-style:none; padding:0;}

body { background-color:#fff; -ms-overflow-style: none; font-family: 'Noto Sans KR', sans-serif !important; }
::-webkit-scrollbar { display: none; }
.table-responsive { overflow:auto; }
.main-panel { height: 100vh; background:#f7f9fa !important;}
.iconbox {  }
.iconbox img { margin:0 auto; cursor:pointer;}
.page-item.active .page-link { background-color: #222 !important; border-color: #222 !important; outline: none; color:#fff !important;}
.pop_span { position: relative; top:2px; }
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
textarea { resize: none; border:1px solid #DDDDDD; }
textarea:focus { outline: none; }
.over_text { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 400px; margin: 0 auto; }
label {font-size:16px; width:100%; font-weight: bold;}
.btn_main button {width:100%; background-color:#222; font-size:16px;}
.page_wrap { width:100%; max-width:1024px; margin:0 auto; padding:0 20px;}
img {display: block;}
.page-link { color:#222 !important;}
a:hover, a:focus { color:#fd3a1d !important;}
.search_box {min-width:160px; width:auto;}
.page-link:focus {box-shadow:none !important;}
.page-link:hover {background: transparent !important;}
.sidebar .nav p, .off-canvas-sidebar .nav p {font-size:16px; color:#222; font-weight: bold;}
.w24 {width:24%;}
.w33 {width:33%;}
.w49 {width:49%;}
.table > thead > tr > th {font-size:15px !important;}
.table td {font-size:15px;}
.nav .active {color:#fd3a1d!important;}

/* 22.10.18 : JJH */
.d_none{display:none;}

.popup{position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3); z-index:9999;}
.popup .popup_card{width:300px; padding:20px; border-radius:10px; background-color:#fff; box-shadow:2px 4px 6px rgba(0,0,0,0.2); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.popup .popup_title{font-size:18px; font-weight:700; color:#333; margin-bottom:20px;}
.popup .popup_content_box{font-size:16px; font-weight:500; color:#333;}
.popup .popup_button_box{display:flex; justify-content:space-evenly; align-items:center; margin-top:20px;}

input[type="text"].basic{width:100%; padding:8px 16px; border:1px solid #ccc; border-radius:6px;}
input[type="text"].basic::placeholder{font-size:14px; font-weight:500; color:#ccc;}

button[type="button"].black{background-color:#333; border-color:#333;}
button[type="button"].red{background-color:#dc3545; border-color:#dc3545;}
button[type="button"].blue{background-color:#0069d9; border-color:#0069d9;}
button[type="button"].gray{background-color:#5a6268; border-color:#5a6268;}
button[type="button"].green{background-color:#28a745; border-color:#28a745;}
button[type="button"].yellow{background-color:#ffc107; border-color:#ffc107; color:#fff;}
button[type="button"].mint{background-color:#17a2b8; border-color:#17a2b8;}
button[type="button"].white{background-color:#fff; border-color:#fff; color:#333;}
/* // 22.10.18 : JJH */

/* 23.05.18 NJH*/
button[type="button"].list{padding: 10px 20px; background-color:#fff; border-color: #222; color:#222; border-style: solid; border-width: 1px;}

/* 텍스트 정렬 */
.txt_left { text-align: left; }
.txt_right { text-align: right; }
.txt_center {text-align: center;}
.txt_justify { text-align: justify; }

/* flex 공통클래스 */
.flex {display: flex; align-items: center;}
.flex_column {display: flex; flex-direction: column; }
.flex_column {display: flex; flex-direction: column; justify-content: space-evenly;}
.space_around {justify-content: space-around;}
.space_evenly {justify-content: space-evenly;}
.flex_center {display: flex; justify-content: center; align-items: center;}

/* align-items에 따른 분류(justify-content: space_between 공통 적용) */
.flex_between {display: flex; justify-content: space-between; align-items: center;}
.flex_start {display: flex; justify-content: space-between; align-items: flex-start;}
.flex_end {display: flex; justify-content: space-between; align-items: flex-end;}

/* justify-content에 따른 분류 */
.flex_start_start {display: flex; justify-content: flex-start; align-items: flex-start;}
.flex_end_end {display: flex; justify-content: flex-end; align-items: center;}
.no_flex {flex: none;}

/* 간격 공통클래스(padding/margin) */
.p_LR_10 {padding: 0 10px;}
.p_LR_12 {padding-left:12px; padding-right: 12px;}
.p_LR_20 {padding: 0 20px;}
.p_B5 {padding-bottom: 5px;}
.p_B10 {padding-bottom: 10px;}
.p_B20 {padding-bottom: 20px;}
.p_B30 {padding-bottom: 30px;}
.p_B40 {padding-bottom: 40px;}
.p_T5 {padding-top: 5px;}
.p_T10 {padding-top: 10px;}
.p_T20 {padding-top: 20px;}
.p_T30 {padding-top: 30px;}
.p_T40 {padding-top: 40px;}
.p_T70 {padding-top: 70px;}

.m_R5  {margin-right: 5px;}
.m_R10  {margin-right: 10px;}
.m_R20  {margin-right: 20px;}
.m_L5  {margin-left: 5px;}
.m_L10  {margin-left: 10px;}
.m_L20  {margin-left: 20px;}
.m_L24  {margin-left: 24px;}
.m_T5 {margin-top: 5px;}
.m_T-1 {margin-top: -1px;}
.m_T-3 {margin-top: -3px;}
.m_T-5 {margin-top: -5px;}
.m_T10 {margin-top: 10px;}
.m_T20 {margin-top: 20px;}
.m_T30 {margin-top: 30px;}
.m_T40 {margin-top: 40px;}
.m_T70 {margin-top: 70px;}
.m_B5 {margin-bottom: 5px;}
.m_B-1 {margin-bottom: -1px;}
.m_B-3 {margin-bottom: -3px;}
.m_B-5 {margin-bottom: -5px;}
.m_B-10 {margin-bottom: -10px;}
.m_B10 {margin-bottom: 10px;}
.m_B12 {margin-bottom: 12px;}
.m_B20 {margin-bottom: 20px;}
.m_B24 {margin-bottom: 24px;}
.m_B30 {margin-bottom: 30px;}
.m_B50 {margin-bottom: 50px;}
.m_B70 {margin-bottom: 70px;}

/* cursor:pointer 속성 클래스 */
.cursor_p {cursor:pointer;}

@media screen and (max-width:767px) {
  label {font-size:14px;}
}