@charset "utf-8";
/* 투어머치 - 전현진 */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;800&display=swap');

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}


/* 폰트 세팅 */
:root {
    --basic-font: 'Pretendard';
    --point-font: 'GmarketSansMedium';
    --point-font-light: 'GmarketSansLight';
    --point-font-bold: 'GmarketSansBold';
    --english-font: 'Open Sans';
}


/* 기본 컬러 */
html {
    --background-color: #fff;
    --input-placeholder-color: #b5b5b5;

    --basic-color: #333;
    --point-color: #3C3E71;
    --light-color: #ccc;

    --sky-color: #00bfff;
    --blue-color: #2E70EC;
    --green-color: #35BC5F;
    --orange-color: #ffa500;
    --red-color: #DB4545;
    --darkviolet-color: #3C3E71;
    --darkviolet-color-ov: #1c1d4b;

    --background-color-rgb: 255,255,255;
    --black-white-rgb: 0,0,0;


    /* 상담 헤더 */
    --header-bg-color: #1C273F;
    --header-gnb-color: #637191;
    --header-gnb-color-ov: #fff;
    --header-searchbar-bg: #323E5B;
    --header-searchbar-color: #8F9CBE;


    /* 현재영역, 시간, 유저이름 */
    --locabar-bg-color: #F8F8F8;
    --locabar-color: #666;
    --locabar-point-color: #212121;


    /* 아람존 */
    --alarm-bg: #FDF1C8;
    --alarm-ico-bg: #DB4545;
    --alarm-ico-color: #fff;
    --alarm-tit-color: #DB4545;
    --alarm-close-bg: #333;
    --alarm-close-color: #fff;


    /* 탭메뉴 */
    --tabmnu-link-color: #999;
    --tabmnu-current-color: #3C3E71;
    --tabmnu-current-linecolor: #2E70EC;


    /* 테이블 영역 */
    --table-header-color: #F1F2F7;


    /* 게시판 검색 */
    --searchbox-dl-bg: #fff;
    --searchbox-button-bg: #333;
    --searchbox-button-color: #fff;
}


/* 다크 모드 */
html.theme-dark {
    --background-color: #1C1D1E;
    --input-placeholder-color: #666;

    --basic-color: #ccc;
    --point-color: #63ebc9;
    --light-color: #494A4B;

    --sky-color: #1ff4ff;
    --blue-color: #2EB2EC;
    --green-color: #35BC5F;
    --red-color: #F05555;
    --darkviolet-color: #2AB5A5;
    --darkviolet-color-ov: #0d9585;

    --background-color-rgb: 0,0,0;
    --black-white-rgb: 255,255,255;


    /* 상담 헤더 */
    --header-bg-color: #2A2A2D;
    --header-gnb-color: #999;
    --header-gnb-color-ov: #fff;
    --header-searchbar-bg: #0A0A0A;
    --header-searchbar-color: #888;


    /* 현재영역, 시간, 유저이름 */
    --locabar-bg-color: #2A2A2D;
    --locabar-color: #ccc;
    --locabar-point-color: #fff;


    /* 아람존 */
    --alarm-bg: #372E43;
    --alarm-ico-bg: #DB4545;
    --alarm-ico-color: #fff;
    --alarm-tit-color: #DB4545;
    --alarm-close-bg: #fff;
    --alarm-close-color: #333;


    /* 탭메뉴 */
    --tabmnu-link-color: #999;
    --tabmnu-current-color: #5EFAD4;
    --tabmnu-current-linecolor: #ACFCFE;


    /* 테이블 영역 */
    --table-header-color: #27282A;


    /* 게시판 검색 */
    --searchbox-dl-bg: #1C1D1E;
    --searchbox-button-bg: #ccc;
    --searchbox-button-color: #1C1D1E;
}