@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://webfontworld.github.io/SCoreDream/SCoreDream.css');

/* base CSS Document */

/* reset */
body,p,div,span,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0;}
body,input,textarea,button,select{font-family:'Noto Sans KR', sans-serif;color:#222;}
html,body{font-size:16px; line-height:1.5;}
	@media (max-width: 550px) {
		html,body{font-size:14px;}
	}
h1,h2,h3,h4,h5,h6{font-size:1rem;}
input,textarea,button,select{font-size:0.9375rem;}
img, fieldset, button{border:0;}
textarea{overflow:auto;}
input[type=submit],
input[type=button],
button{cursor:pointer; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible;}
img{vertical-align:top;}
address, em{font-style:normal;}
table{border-spacing:0; border-collapse:collapse;}
table,th,td{border:none;}
caption{overflow:hidden; line-height:0; text-indent:-2000em;}
legend, .hidden{padding:0; margin:0; overflow:hidden !important; text-indent:100%; white-space:nowrap; font-size:0;}
i{font-style:normal;}
select{background: #fff;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
figure{padding:0px; margin:0px;}

/* 링크 기본값 */
a{color: inherit;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:focus{text-decoration:none;}

/* 리스트 스타일 제거 */
ul,ol,li{list-style:none;}

/*셀렉트*/
select{
	/*ios대응*/
	-webkit-appearance: none;
	-moz-appearance: none; 
	appearance: none;
	
	/*화살표 배경 넣기*/
	background: url('../../_ZRS/images/common/icon_select.png') no-repeat calc(100% - 5px) 50% / 10px auto;}
	select::-ms-expand{ 
	display:none; /* 화살표 없애기 for IE10, 11*/
}

/*input date*/
input[type='date'], input[type='button']{
	/*ios대응*/
	appearance: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

input[type='date']::before {
	content: attr(data-placeholder);
	width: 100%;
	color: #ccc;
}
input[type='date']:focus::before,
input[type='date']:valid::before {
display: none;
}
input[type="date"]{background: url('../../_ZRS/images/common/icon_calender.png') no-repeat calc(100% - 5px) 50% / 18px auto;}
input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button { 
	display: none;
} 
input[type="date"]::-webkit-calendar-picker-indicator { 
	background: transparent;
	z-index: 1;
} 
/*input number 화살표 삭제*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/*input placeholder 색 통일*/
input::placeholder {color:#aaa;}
input::-webkit-input-placeholder {color:#aaa;}
input:-ms-input-placeholder {color:#aaa;}
textarea::placeholder {color:#aaa;}
textarea::-webkit-input-placeholder {color:#aaa;}
textarea:-ms-input-placeholder {color:#aaa;}

/*스크롤*/
::-webkit-scrollbar { width: 6px;}
::-webkit-scrollbar-thumb { background: #aaa; }
::-webkit-scrollbar-track{background: #eee;}

/* select 읽기전용 */
select[readonly], input[readonly], textarea[readonly] {
	background-color: #ddd !important;
	pointer-events: none;
}