@charset "utf-8";

@import url('../../../font/upa/com/pretendard.css');

/* --------------------------초기화------------------------- */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	height: 100vh; overflow: hidden;
}

body {
	color: #222;
	font-family: 'Pretendard',"맑은고딕",'MalgunGothic', sans-serif;
	position: relative;
	/* background-color: #333; */
	font-size:16px;
	font-variant-numeric: tabular-nums;
}

a {
    color: #222;
    text-decoration: none;
    cursor: pointer;
}

ol, ul {
	list-style: none;
}

/* --------------------------디자인시스템------------------------- */

input[type=radio] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	border-radius: 50%;
	width: 16px;
	height: 16px; 

	border: 1px solid #aaa;
	transition: 0.2s all linear;
	outline: none;
	margin-right: 5px;
	margin-bottom: 10px;
	position: relative;
	top: 12px;
	cursor: pointer;
}

/* 통계리포팅 */
/* 
.statisticsReportingSearch input[type=radio] {
	top: auto; margin-bottom: 0;
}
.statisticsReportingSearch select { min-width: 100px; }

input[type=radio]:checked {
	border: 5px solid #007BF5;
	background-color:  #FFF;
}

::selection {
	background-color: #2C3C73;
	color: #fff;
}

::-webkit-scrollbar{
	width: 6px;
	height: 6px;
}

::-webkit-scrollbar-thumb{
	height: 17%;
	background: #b0d6ff;
	border-radius: 10px;
}

::-webkit-scrollbar-track{
	background-color: transparent;
}

input[type=text], input[type=email], input[type=password], input[type=date] {
	background-color: #fff;
	border: 1px solid #d7d7d7;
	border-radius: 4px;
	height: 35px;
	font-family: 'Pretendard Regular';
	padding: 0px 10px;
}

input[type=text]:focus, textarea:focus, input[type=email]:focus, input[type=password]:focus, input[type=date]:focus {
	outline: 1px solid #007BF5;
}

input[type=text]:read-only, textarea:read-only, input[type=email]:read-only, input[type=password]:read-only {
	border: 1px solid #d9d9d9;
	background-color: #ddd;
	cursor: default;
}

input[type=text]:read-only:focus, textarea:read-only:focus, input[type=email]:read-only:focus, input[type=password]:read-only:focus {
	outline: none;
	border: 1px solid #d9d9d9;
}

input.must, select.must, textarea.must{position:relative; background-image:url('../../../../images/upa/com/cmm/icon-must.png'); background-position:right 5px top 5px; background-repeat: no-repeat}

textarea {
	background-color: #fff;
	border: 1px solid #d7d7d7;
	border-radius: 10px;
	font-family: 'Pretendard';
	padding: 10px 10px;
	resize: none;
}

select {
	background-color: #fff;
	border: 1px solid #d7d7d7;
	border-radius: 4px;
	height: 35px;
	font-family: 'Pretendard';
	padding: 0px 30px 0 10px;
	background:url('../../../../images/upa/com/selectDownArrowGray.png') no-repeat right 10px center #ffffff;
	background-size: 12px 6px
}

 */
 
/**rest**/

article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;line-height:normal}
ul,ol{list-style:none}
i,em,address,optgroup{font-style:inherit;font-weight:inherit}
b,strong{/*font-weight:inherit*/}
a{background-color:transparent;font-size:inherit;font-style:inherit;font-weight:inherit;text-decoration:none}
/* img{border-style:none;max-width:100%;height:auto;vertical-align:middle} */
table{width:100%; border-collapse:collapse;border-spacing:0}
::-ms-clear{display:none}
:invalid{-webkit-box-shadow:none;box-shadow:none}
:-moz-submit-invalid{box-shadow:none}
:-moz-ui-invalid{box-shadow:none}
button,input,optgroup {/*width:100%;*/font-family:inherit;line-height:normal;margin:0; border:none; background:none;outline:none;border-radius:0;color:inherit; /*text-align:left;-webkit-appearance:unset;-moz-appearance:none*/}
button::-webkit-input-placeholder, input::-webkit-input-placeholder, select::-webkit-input-placeholder, optgroup::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#ccc}
button::-moz-placeholder, input::-moz-placeholder, select::-moz-placeholder, optgroup::-moz-placeholder, textarea::-moz-placeholder{color:#ccc}
button:-ms-input-placeholder, input:-ms-input-placeholder, select:-ms-input-placeholder, optgroup:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#ccc}
button::-ms-input-placeholder, input::-ms-input-placeholder, select::-ms-input-placeholder, optgroup::-ms-input-placeholder, textarea::-ms-input-placeholder{color:#ccc}
button::placeholder,input::placeholder,select::placeholder,optgroup::placeholder,textarea::placeholder{color:#ccc}
i{background-repeat:no-repeat;background-size:contain;background-position:center;}
button, input[type="checkbox"], input[type="radio"], label {cursor:pointer}
button,input{overflow:visible;line-height:normal}
button,select{text-transform:none;appearance:none;/*-webkit-appearance:none*/}
input[type="text"][disabled],input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="email"][disabled],input[type="password"][disabled],textarea[disabled]{background-color:#f6f6f6}

button[disabled],html input[disabled]{cursor:default}

input[type="radio"]+label:before,input[type="radio"]+label:after{border-radius:50%}
input[type="checkbox"],input[type="radio"]{/*opacity:0;*/-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}
select::-ms-expand{display:none}


button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0} 
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}


progress{vertical-align:baseline}
textarea{overflow:auto;resize:none}
[type="checkbox"],[type="radio"]{padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}


details{display:block}
summary{display:list-item}
template,[hidden]{display:none}
fieldset {border: none;}
/* :focus {outline:2px solid #3c9eff} */
:focus:not(:focus-visible) {outline: 0;}



/* datepicker 리드온리 색깔 변경 */
/* .datepicker:read-only {
	background-color: #FFF !important;
}
.datepicker:disabled {
	background-color: #ddd !important;
}

.listWrap {height: calc(100vh - 80px); min-height: 850px}
.listBox {height: calc(100% - 30px)}
.listBox2 {height: calc(100% - 120px)}
.listBox3 {height: calc(100% - 160px)} */