/* 공통 컬러값 및 설정값들 지정 - light기본, 다크 별도 지정 */
:root,
:root.light {

    --SpecialPoint: #5F76E1;/*구분 포인트 컬러 (금고 아이콘들 배경)*/
    --moTumbiconBG: #B0B0C5; /*썸네일 아이콘배경색*/

    --PointColor00: #E1E4F0;
    --PointColor01: #8497F1;
    --PointColor02: #5F76E1; /*포인트칼라*/
    --PointColor03: #3E55BD;

    --SubColor01: #f5e1a6;
    --SubColor02: #F6AB00; /*서브칼라 오렌지*/
    --SubColor03: #F68500;

    --SubColorRed02: #FF1F5A; /*서브칼라 레드*/

    --box0: #FCFCFD; 
    --box00: #FFFFFF; /*배경칼라*/
    --box01: #FCFCFD;
    --box02: #f9f9fd; /*박스 베이스컬러 EFEFF6*/
    --box03: #EFEFF6; /*DBDBE9*/
    --box04: #dedeef; /*D4D4E4*/
    --box05: #B0B0C5;
    --box06: #5f6068; /*금고배경색*/
    --box07: #3E3E4A; /*블랙대용 다크색상*/
    --box10: #000000; /*박스 생블랙*/


    --DimBlack: #000000; /*고정컬러 딤드 팝업배경 블랙*/
    --safeBlack: #2a2a2e; /*금고 번호색*/
    --fixWhite: #ffffff; /*금고 번호색*/

    --TextColor00: #FFFFFF;
    --TextColor01: #E6E6E6;
    --TextColor02: #B4B4B4;
    --TextColor03: #969696;
    --TextColor04: #828282;
    --TextColor05: #6E6E6E;
    --TextColor06: #323232;
    --TextColor07: #171717; /*블랙대용 폰트색상*/
    --TextColor10: #000000; /*폰트 생블랙*/




    /* ====== Transition ====== */
    --tran-02: all 0.2s ease;
    --tran-03: all 0.3s ease;
    --tran-04: all 0.4s ease;
    --tran-05: all 0.5s ease;
    --tran-1: all 1s ease;

    /* ====== global value ====== */
    --border-R6: .6rem;
}


:root.dark {

    --SpecialPoint: #5F76E1;/*구분 포인트 컬러 (금고 아이콘들 배경)*/
    --moTumbiconBG: #000000; /*썸네일 아이콘배경색*/

    --PointColor00: #E1E4F0;
    --PointColor01: #8497F1;
    --PointColor02: #5F76E1; /*포인트칼라*/
    --PointColor03: #3E55BD;

    --SubColor01: #32262b;
    --SubColor02: #F68500; /*서브칼라 오렌지*/
    --SubColor03: #F68500;

    --SubColorRed02: #FF1F5A; /*서브칼라 레드*/

    --box0: #000000; /*완전블랙*/
    --box00: #1E1E20; /*배경칼라*/
    --box01: #1F1F20;
    --box02: #232323; /*박스 베이스컬러 EFEFF6*/
    --box03: #28282a; 
    --box04: #303032;
    --box05: #35353B;  /*메뉴하버에만 사용*/
    --box06: #5f6068;  /*금고배경색*/
    --box07: #F6F6FF; /*화이트대용 다크색상*/
    --box10: #ffffff; /*박스 생블랙*/


    --DimBlack: #000000; /*고정컬러 딤드 팝업배경 블랙*/
    --safeBlack: #2a2a2e; /*금고 번호색*/
    --fixWhite: #ffffff; /*금고 번호색*/

    --TextColor00: #000000;
    --TextColor01: #242426;
    --TextColor02: #B4B4B4;
    --TextColor03: #969696;
    --TextColor04: #828282;
    --TextColor05: #6E6E6E;
    --TextColor06: #F6F6FF;
    --TextColor07: #F6F6FF; /*블랙대용 폰트색상*/
    --TextColor10: #FFFFFF; /*폰트 생블랙*/



    /* ====== Transition ====== */
    --tran-02: all 0.2s ease;
    --tran-03: all 0.3s ease;
    --tran-04: all 0.4s ease;
    --tran-05: all 0.5s ease;
    --tran-1: all 1s ease;

    /* ====== global value ====== */
    --border-R6: .6rem;
}





/* reset */
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input,
legend, li, ol, p, select, table, td, textarea, th, ul {margin: 0; padding: 0}

body, div, button, h1, h2, h3, h4, h5, input, select, table, textarea {
    font-family: "Noto Sans KR", "Apple SD Gothic Neo", sans-serif;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0.02em;
    line-height: 1.267em;
    box-sizing: border-box;
}
html {
	width:100%;
	height:100%;
    background:var(--box00);
    /*background: linear-gradient(180deg, #353A40 0%, #16171B 100%);*/
}
body {
    width:100%;
    min-width: 120rem;
    height:100%;
    position: relative;
    color: var(--TextColor06);
    word-break: break-all;
    -webkit-text-size-adjust: none /* 아이폰 가로 모드 */
}
table {border-collapse: collapse}
fieldset, img {border: 0}
ol, ul {list-style: none}
address, em {font-style: normal}
a {color: inherit; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, .1)}
img {vertical-align: top; width: 100%;}
mark {color: inherit; font-weight: 700; background: 0 0}
button, input {-webkit-border-radius: 0; border-radius: 0; background: 0 0}
video::-webkit-media-controls-start-playback-button {display: none !important}

textarea:focus {outline: none;}
button:focus {outline: none;}
input:focus {outline: none;}