@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/sub/icon_select_arrow.svg) no-repeat calc(100% - 2rem) center;
    --selectBackgroundColor:#f3f3f3;

    --textareaPadding:1rem;

    --buttonDisabledOpacity:0.35;


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

	--lineHeight:1.45;

    --selectionBackgroundColor:#ffd1b2;
    --selectionColor:#fff;

}