@charset "utf-8"; 
:root {
    --designFontEn:'Pretendard';
    --designFontKr:'Pretendard';
    --defaultFontKr:'맑은고딕';
    --defaultFontEn:'Pretendard';
    --defaultFontWeight:400;

	--mainColor:#000;
	--subColor:#333;

    --color:#111;

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


	--inputHeight:33px;
	--inputRadius:3px;
	--inputLineHeight:33px;
    --inputFontSize:1.6rem;
    --inputColor:#666;
    --inputColorActive:#111;
	--inputBorderLineHeight:31px;
    --inputBorder:1px solid transparent;
	--inputBorderColor:#ccc;
    --inputBorderColorActive:#858788;
    --inputMargin:2px 0px;
    --inputPadding:7px 8px;
    --inputPlaceholderColor:#888;
    --inputBackgroundColor:#fff;

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

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

    --inputRadioBackgroundColor:#1d77cb;

    --selectPadding:7px 30px 7px 8px;
    --selectBackgroundArrow:#fff url(../img/common/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:rgba(255,255,255,0.8);
    --selectionColor:rgba(0,0,0,1);

}