@charset "utf-8"; 

:root {
	--designFontKr:'Pretendard';
	--defaultFontKr:'맑은고딕';
	--defaultFontEn:'Malgun Gothic';
	--defaultFontWeight:400;

	--mainColor:#1d77cb;
	--subColor:#333;

	--color:#111;

	--h1:3rem;
	--h2:2.7rem;
	--h3:2.5rem;
	--h4:2.3rem;
	--h5:2.1rem;
	--h6:1.7rem;


	--inputHeight:3rem;
	--inputRadius:3px;
	--inputLineHeight:3rem;
	--inputFontSize:1.3rem;
	--inputColor:#999;
	--inputColorActive:#111;
	--inputBorderLineHeight:calc(3rem - 2px);
	--inputBorder:1px solid transparent;
	--inputBorderColor:#cdd0d3;
	--inputBorderColorActive:#858788;
	--inputPadding:0 1rem;
	--inputPlaceholderColor:#9a9a9a;
	--inputBackgroundColor:#fff;

	--inputDisabledBackgroundColor:#f5f5f5;
	--inputDisabledBorderColor:#cdd0d3;
	--inputDisabledColor:#999;

	--inputCheckboxBackgroundColor:#6160dc;
	--inputCheckboxBorderColor:#5453cb;

	--inputRadioBackgroundColor:#1d77cb;

	--selectPadding:0 5rem 0 1rem;
	--selectBackgroundArrow:#fff url(../img/icon_select_arrow.svg) no-repeat calc(100% - 10px) center;
	--selectBackgroundColor:#f3f3f3;

	--textareaPadding:1rem;

	--buttonDisabledOpacity:0.35;


	--transition:all 0.2s ease-in-out;


	--lineHeight:1.45;

	--selectionBackgroundColor:#111;
	--selectionColor:rgb(2, 2, 2);

}