/* FONT Include */
@font-face{
font-family: noto-sans;
	src: url(../../component/fonts/NotoSans/NotoSans-Regular.eot);
	src: url(../../component/fonts/NotoSans/NotoSans-Regular.woff) format('woff'),
         url(../../component/fonts/NotoSans/NotoSans-Regular.ttf) format('truetype');
}
@font-face{
font-family: s-core;
	src: url(../../component/fonts/sc/SCDream4.otf) format('opentype');
}
@font-face{
font-family: Cinzel;
	src: url(../../component/fonts/Marcellus/Marcellus-Regular.ttf) format('opentype');
}

@font-face {
  font-family: 'SUIT';
 	src: url(../../component/fonts/suit/SUIT-Thin.otf) format('opentype');
 	font-weight: 100;
}

 @font-face {
  font-family: 'SUIT';
 	src: url(../../component/fonts/suit/SUIT-ExtraLight.otf) format('opentype');
 	font-weight: 200;
}


 @font-face {
  font-family: 'SUIT';
 	src: url(../../component/fonts/suit/SUIT-Light.otf) format('opentype');
 	font-weight: 300;
}

 @font-face {
  font-family: 'SUIT';
 	src: url(../../component/fonts/suit/SUIT-Regular.otf) format('opentype');
 	font-weight: 400;
}

 @font-face {
  font-family: 'SUIT';
 	src: url(../../component/fonts/suit/SUIT-Medium.otf) format('opentype');
 	font-weight: 500;
}

 @font-face {
  font-family: 'SUIT';
 	src: url(../../component/fonts/suit/SUIT-SemiBold.otf) format('opentype');
 	font-weight: 600;
}

 @font-face {
  font-family: 'SUIT';
 	src: url(../../component/fonts/suit/SUIT-Bold.otf) format('opentype');
 	font-weight: 700;
}

 @font-face {
  font-family: 'SUIT';
 	src: url(../../component/fonts/suit/SUIT-ExtraBold.otf) format('opentype');
 	font-weight: 800;
}

 @font-face {
  font-family: 'SUIT';
 	src: url(../../component/fonts/suit/SUIT-Heavy.otf) format('opentype');
 	font-weight: 900;
}

@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;
}


/* Init */
/* *{margin:0; padding:0; font-family: noto-sans, sans-serif !important; font-stretch: ultra-expanded;} */
/* KDY : DevExpress 컴포넌트 추가로 !important 해제 */
*{margin:0; padding:0; 
/* font-family: s-core, noto-sans, sans-serif;  */
font-family:'SUIT';
font-stretch: ultra-expanded;
}

a{color: inherit; text-decoration: none;}
a:hover{color: inherit;}
li{list-style: none;}
body, html{width: 100%; height: 100%;background-color: #ffffff;}

/* 2022-02-07 주현 추가
body, html {
    width: 100%;
    height: 100%;
    min-width: 1336px;
    background-color: #f3f4ed;
}
*/

/* Change the color to your own background color (Chrome input) */
input:-webkit-autofill {
   /* -webkit-box-shadow: 0 0 0 1000px white inset; */
}
/* Change the color to your own background color (IE input) */
input[type=text]::-ms-clear {
  	display: none;
}
/* Mouse Drag Background Color */
::selection {
    background:#3dceed;
    color: #FFF;
    text-shadow: none;
}
::-moz-selection {
    background:#3dceed;
    color: #FFF;
    text-shadow: none;
}
::-webkit-selection {
    background:#3dceed;
    color: #FFF;
    text-shadow: none;
}

/* Select Init */
select{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #ffffff;
    background-image: url(../../images/icon/icon-select-on.png);
    background-position: calc(100% - 5px) 50%;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    cursor: pointer;
}
select:focus{
	appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #ffffff;
	background-image: url(../../images/icon/icon-select-focus.png);
    background-position: calc(100% - 5px) 50%;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    cursor: pointer;
}
select:disabled{
	appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #333333;
    background-color: #f3f3f3;
	background-image: url(../../images/icon/icon-select-off.png);
    background-position: calc(100% - 5px) 50%;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    /* cursor: no-drop; */
}
input:disabled{
    color: #333333;
    background-color: #f3f3f3;
}
input:disabled::placeholder {
	color: #333333;
}
textarea[readonly]{
	background-color: #f3f3f3;
    color: #999999;
    cursor: no-drop;
}
select::-ms-expand {display: none;}

/* Form Init */
button{
	width: auto;
	height: 28px;
	line-height: 27px;
	padding: 0 10px;
	cursor: pointer;
	text-indent: 0px;
	outline: none;
	font-size: 14px;
    background: #ffffff;
    color: #333333;
	border: 1px solid #cccccc;
    border-radius: 3px;
}
button:hover{
	border: 1px solid #999999;
	background-color: #f9f9f9;
}
input,select,textarea{
	height: 28px;
    border: 1px solid #cccccc;
    font-size: 13px;
	border-radius: 3px;
}
select {
	padding-left: 5px;
}
input,textarea {
	padding: 5px 5px;
}
input,select,textarea,div,ul,li,button,span,p,label{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}










button.ui-color-white{
    background: #ffffff;
    color: #333333 !important;
	border: 1px solid #cccccc;
}
button.ui-color-white:hover{
	border: 1px solid #999999;
	background-color: #f9f9f9;
}
button.ui-color-main{
	background-color: #0093d4;
	border-color: #0093d4;
	color: #ffffff;
}
button.ui-color-main:hover{
	background-color: #005bac;
	border-color: #005bac;
	color: #ffffff;
}
button.ui-color-sub{
	background-color: #0093d4;
	border-color: #0093d4;
	color: #ffffff;
}
button.ui-color-sub:hover{
	background-color: #005bac;
	border-color: #005bac;
	color: #ffffff;
}

input.ui-input-calender{
    width: 100px;
    background-image: url(../../images/icon/icon-calender-gray.png);
    background-position: calc(100% - 3px) 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    cursor: pointer;
}

i{
    position: relative;
    top: -2px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center center;
    margin-right: 5px;
}
i.none_txt{
	margin-right: 0px;
}
i.icon_search_white{
	width: 18px; 
	background-size: 18px 18px;
	background-position: center center;
	background-image: url(../../images/icon/icon-search-white.png);
}
i.icon_trash_gray{
	width: 18px; 
	background-size: 18px 18px;
	background-position: center center;
	background-image: url(../../images/icon/icon-trash-gray.png);
}

.dx-widget input, .dx-widget textarea {
/*     font-family: s-core,"Helvetica Neue","Segoe UI",helvetica,verdana,sans-serif !important; */
	font-family:'SUIT' !important;
    line-height: 1.35715;
}