@charset "utf-8";
:root {
    --default-size:10px;
    --default-color: #404040; /*기본 폰트 색상*/
    --white-op-100: #FFFFFF; /*기본 폰트 색상*/
    --gray-color:#D8D8D8;
    --bg-color: #E8E8E8;
    --section-item-bg: #FFFFFF;
    --line-color: #FFC864;
    --key-acitve-color: rgba(255,200,100,0.15);
    --max-width : 1920px; /*최대 너비 값*/
    --max-height : 1024px; /*최대 높이 값*/
    --min-width : 800px; /*최소 너비 값*/
    --min-height : 610px; /*최소 높이 값*/
    --container-width : 24rem; /*최대 너비 값*/
    --container-height : 57rem; /*최대 높이 값*/
}

/*input style*/
:root {
    --input-line-color:var(--gray-color);
    --input-placeholder-color:var(--gray-color);
    --input-height:5rem;
    --button-bg: #5C5C5C;
    --button-disabled-bg: var(--gray-color);
    --button-active-bg: #000000;
}

/*폰트 정의*/

:root {
    --NanumSquareLight: NanumSquareLight, serif;
    --NanumSquare: NanumSquare, serif;
    --NanumSquareBold: NanumSquareBold, serif;
    --NanumSquareExtraBold: NanumSquareExtraBold, serif;
    --NanumSquareAcb: NanumSquareAcb, serif;
    --NanumSquareAceb: NanumSquareAceb, serif;
    --NanumSquareAcl: NanumSquareAcl, serif;
    --NanumSquareAcr: NanumSquareAcr, serif;
}



@media all and (min-width:1440px) and (min-height:920px) {
    :root {--default-size:0.69vw;}
}


@media all and (max-height:720px) {
    :root { --container-height : 53rem;}
}

@media all and (max-height:660px) {
    :root {--default-size:9px;}
    :root { --container-height : 56rem;}
}