@import url('https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nanum+Gothic:wght@400;800&family=Noto+Sans+KR:wght@100..900&display=swap');

html, body{
	background-color: #fff;
	height: calc(100% - 10px);
	font-family: 'Montserrat', 'Nanum Gothic', sans-serif;
}


/*로딩부분*/
#load {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	/*display: none;*/
	opacity: 0.9;
	background: #fff;
	z-index: 9999;
	text-align: center;
}

#load > img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	z-index: 100;
}

.nopointer {
	cursor:default;
}

.pointer{
	cursor:pointer;
}

.alignCenter{
	text-align: center;
}
.alignRight{
	text-align: right;
}
div.clr{
    clear: both;
}

/*modal*/
#modal {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	display: none;
	opacity: 0.6;
	background: #000;
	z-index: 9990;
	text-align: center;
}

.modalPopup {
	left:50%;
	transform:translateX(-50%);
	position: fixed;
	background-color: #ffe;
	padding: 25px;
	z-index: 9995;
	border-radius:20px;
	display: none;
}
/*모달 팝업시 뒷배경 스크롤 방지*/
.hidden {min-height:100%; overflow:hidden !important; touch-action:none;}

/*select 화살표 없애기*/
select {
	border-radius:0; /* 아이폰 사파리 보더 없애기 */
	-webkit-appearance:none; /* 화살표 없애기 for chrome*/
	-moz-appearance:none; /* 화살표 없애기 for firefox*/
	appearance:none; /* 화살표 없애기 공통*/
	background: url('/images/icon/select_arrow_off.png') no-repeat 95% center;
	transition: all 200ms linear;
}

select:focus {
	background: url('/images/icon/select_arrow_on.png') no-repeat 95% center;
	background-color: #fff;
}
::-webkit-scrollbar {
	width: 15px;
}
::-webkit-scrollbar-thumb {
	background-color: #009de833;
	border-radius: 10px;
	background-clip: padding-box;
	border: 2px solid transparent;
}
::-webkit-scrollbar-thumb:hover {
	width: 15px;
	background-color: #009de8;
}
::-webkit-scrollbar-track {
	background-color: #fff;
	border-radius: 10px;
	box-shadow: inset 0px 0px 5px white;
}