body, div, p, table, tr, th, td, ul, ol, li, dl, dt, dd, input, textarea, select, button, img {
	margin: 0; padding: 0; border: 0; resize: none; border-spacing: 0; border-collapse: collapse; list-style: none;
    /*word-break: normal;*/
    /*overflow-wrap: break-word;*/
}
h1, h2, h3, h4, h5, h6{
	margin: 0; padding: 0;
}
a{
	text-decoration: none;
}
body {
	line-height: 1.4;
	font-family: var(--font-default);
	word-break: keep-all;
}

body * { 
    box-sizing: border-box; font-family: var(--font-default);
}

.blind {
    visibility:hidden;
	position:absolute;
	top:-9999999px;
	left:-9999999px;
	width:1px;
	height:1px;
	margin:0;
	padding:0;
	background:none;
	font-size:0;
	line-height:0;
	text-indent:-9999999px;
}

.hide{
	display: none;
}

select, input, textarea {
    padding: 0 5px;
    border-radius: var(--radius-control);
    border: 1px solid var(--color-border-control-default);
    font-size: 13px;
    font-weight: 400; 
    color: var(--color-text-default);
	outline: none;
}
select, 
input:not([type="checkbox"]):not([type="radio"]){
	/* min-width: 100px; */
	height: 28px;
}
select{
	padding-right: 30px; 
	-webkit-appearance:none;
   -moz-appearance:none; 
   appearance:none;
}
select::-ms-expand{
    display:none;/*for IE10,11*/
}
input{
	height: 28px;
	padding: 0 5px;
	border-radius: var(--radius-control);
	border: 1px solid var(--color-border-control-default);
	font-size: 13px;
	font-weight: 400;
	color: var(--color-text-default);
}
textarea{
	padding: 5px;
}
button{
	border: 0; background-color: transparent; cursor: pointer;
}
input:focus,
select:focus,
textarea:focus{
	border-color: var(--color-border-control-strong) !important;
}
input:disabled {
    background: var(--color-bg-disabled) !important; border: 1px solid var(--color-border-disabled) !important;
	color: var(--color-text-disabled) !important;
}
input[readonly],
select[readonly],
textarea[readonly]{
    background: var(--color-bg-onSurface) !important; border: 1px solid var(--color-border-control-default) !important;
	color: var(--color-text-default) !important;
}

/* 
html, body { width:100%; height: 100%; overflow: hidden;}
*/


.popup-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 1111;
}

.popup {
    background-color: white;
    border-radius: 8px;
    padding: 10px 20px 25px;
    text-align: center;
}


.xLogo {
    margin-left: 250px;
    position: inherit;
}


.popup-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 1111;
}

.popup {
    background-color: white;
    border-radius: 8px;
    padding: 10px 20px 25px;
    text-align: center;
    width: 320px;
    height: auto;
}

input::placeholder {
    color: var(--color-text-placeholder);
}

select:disabled {
    background: var(--color-bg-disabled);
}

.xLogo {
    margin-left: 250px;
    position: inherit !important;
    padding-top: 22px !important;
}

#alertButton{
    background-color: #2D2E55;
}

#wrap-loading{
	border:0;  width: 60px; height: 60px;
	position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); z-index: 1000001;
}
#wrap-loading img{
	width: 100%; display: block;
}

.Datepicker_wrap.chartMonth{
	width : 100px;
}

.Datepicker_wrap.chartMonth > div {
	width : 10px;
	text-align: center;
}


.Datepicker_wrap_end.chartMonth{
	width : 100px;
}

.Datepicker_wrap_end.chartMonth > div {
	width : 10px;
	text-align: center;
}

hr{
	border: 1px solid var(--color-border-light); border-right: none; border-left: none; border-bottom: none;
	margin: 20px 0;
}


.flex--row{
	display: flex;
}


/* Width */
.w100p{	width: 100% !important;	}
.w50{	width: 50px !important;	}
.w80{	width: 80px !important;	}
.w100{	width: 100px !important; }
.w150{	width: 150px !important; }
.w200{	width: 200px !important; }
.w240{	width: 240px !important; }
.w250{	width: 250px !important; }
.w300{	width: 300px !important; }
.w350{	width: 350px !important; }
.w400{	width: 400px !important; }

/* Height */
.h50{	height: 50px !important; }
.h150{	height: 150px !important; }
.h50p{	height: 50% !important; }
.h100p{	height: 100% !important; }


/* Text align */
.align-r{	text-align: right; justify-content: flex-end;	}
.align-l{	text-align: left;  justify-content: flex-start;	}
.align-c{	text-align: center;  justify-content: center;	}


/* Margin */
.ml10{	margin-left: 10px;	}
.ml20{	margin-left: 20px;	}
.ml30{	margin-left: 30px;	}
.ml40{	margin-left: 40px;	}
.ml50{	margin-left: 50px;	}

.mr10{	margin-right: 10px;	}
.mr20{	margin-right: 20px;	}
.mr30{	margin-right: 30px;	}
.mr40{	margin-right: 40px;	}
.mr50{	margin-right: 50px;	}

.mt10{	margin-top: 10px;	}
.mt20{	margin-top: 20px;	}
.mt30{	margin-top: 30px;	}
.mt40{	margin-top: 40px;	}
.mt50{	margin-top: 50px;	}

.mb10{	margin-bottom: 10px;	}
.mb20{	margin-bottom: 20px;	}
.mb30{	margin-bottom: 30px;	}
.mb40{	margin-bottom: 40px;	}
.mb50{	margin-bottom: 50px;	}

/* Padding */
.pl10{	padding-left: 10px;	}
.pl20{	padding-left: 20px;	}
.pl30{	padding-left: 30px;	}
.pl40{	padding-left: 40px;	}
.pl50{	padding-left: 50px;	}

.pr10{	padding-right: 10px;	}
.pr20{	padding-right: 20px;	}
.pr30{	padding-right: 30px;	}
.pr40{	padding-right: 40px;	}
.pr50{	padding-right: 50px;	}

.pt10{	padding-top: 10px;	}
.pt20{	padding-top: 20px;	}
.pt30{	padding-top: 30px;	}
.pt40{	padding-top: 40px;	}
.pt50{	padding-top: 50px;	}

.pb10{	padding-bottom: 10px;	}
.pb20{	padding-bottom: 20px;	}
.pb30{	padding-bottom: 30px;	}
.pb40{	padding-bottom: 40px;	}
.pb50{	padding-bottom: 50px;	}

/* overflow */
.scroll-all {overflow: auto;}

/* 문자열 관련 */
.text-break {overflow-wrap: break-word;}

/* 테이블 스크롤 관련 */
.tbl-inscroll {max-height: calc(100% - 28px); overflow: auto;}