@charset "utf-8";

* {margin:0; padding:0; box-sizing: border-box; letter-spacing: -0.5px;
    /* 사파리 브라우저 글자크기 적용 */
    -webkit-text-size-adjust: 100%;        
    text-size-adjust: 100%;        

    /* 크롬 브라우저에서 인쇄할때 배경색도 나오게 적용 */
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

*::before, *::after {box-sizing: border-box; -webkit-print-color-adjust: exact; print-color-adjust: exact;}

html {font-size: 1rem; scroll-behavior: smooth;}
body {width: 100%; font-size: 100%; color: #000; font-weight: 400; font-family:"Pretendard",sans-serif; overflow-x: hidden;}

h1,h2,h3,h4,h5,h6 {font: inherit;}

img {display: block; max-width: 100%;}   

ul,ol {list-style:none;}

table {width: 100%; border-collapse: collapse; vertical-align: middle; table-layout: fixed;}

th {font-weight: inherit;}

caption {position:absolute; left:-10000px;}

a,button {transition: all 0.2s ease; font: inherit; color: inherit;}
a {text-decoration: none;}
input,select,textarea {border: 1px solid #ddd; font: inherit; color: inherit;}
input::placeholder {color: inherit;}
select {background-color: #fff;}
button {background-color: transparent; cursor: pointer; border: none;}
textarea {width: 100%; display: block; resize: none;}

/* 사파리 기본 border-radius 제거 */
input:not([type="radio"]):not([type="checkbox"]) {border-radius: 0;}
input:where([type="radio"],[type="checkbox"]) {cursor: pointer;}

blockquote,fieldset,iframe {border:0}

address {font-style: normal;}

label {cursor: pointer;}

article,aside,details,figcaption,figure,footer,header,nav,section {display:block;}

/***************************************************************

	Web Font

***************************************************************/
/* Pretendard */
@font-face {
    font-family: 'Pretendard';
    src: url('/resources/user/eng/font/Pretendard/Pretendard-Light.subset.woff2') format('woff2'),
        url('/resources/user/eng/font/Pretendard/Pretendard-Light.subset.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/resources/user/eng/font/Pretendard/Pretendard-Regular.subset.woff2') format('woff2'),
        url('/resources/user/eng/font/Pretendard/Pretendard-Regular.subset.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/resources/user/eng/font/Pretendard/Pretendard-Medium.subset.woff2') format('woff2'),
        url('/resources/user/eng/font/Pretendard/Pretendard-Medium.subset.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/resources/user/eng/font/Pretendard/Pretendard-SemiBold.subset.woff2') format('woff2'),
        url('/resources/user/eng/font/Pretendard/Pretendard-SemiBold.subset.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/resources/user/eng/font/Pretendard/Pretendard-Bold.subset.woff2') format('woff2'),
        url('/resources/user/eng/font/Pretendard/Pretendard-Bold.subset.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}



:root {
    /* 왼쪽 공통 사이드바 width */
    --com-sidebar-width: 180px; 
    /* 공통 왼쪽,오른쪽 padding */
    --com-pd-lr-01: 20px;
    /* 공통 hover,focus background */
    --com-hover-focus-bg-01: rgba(0, 0, 0, 0.2);

    /* Color styles */
    --main01: #A6165F;
    --main02: #AA6085;
    --main03: #004386;
    --sub01: #892D5B;
    --sub02: #A6165F;
    --white: #FFFFFF;   
    --bg--bg-primary: #FFFFFF;
    --bg--bg-content_01: #F9F9F9;
    --bg--evaluate-bg: #FBFCFD;
    --bg--board-header: #FCFCFC;
    --bg--list-box-bg: #F9F8F7;
    --bg--main-section01: #F2EBE0;
    --bg--main-section02: #DCE3EE;
    --bg--main_content-box01: #FFFFFF;
    --bg--main_content-box02: #FFFFFF;
    --bg--sub_content-box01: #FFFFFF;
    --bg--sub_content-box02: #F9F8F7;
    --bg--sub_content-box03: #FBFCFD;
    --bg--textarea: rgba(255, 255, 255, 0.1);
    --bg--modal: #FFFFFF;  
    /* 기본 글자 색  */
    --contents--primary: #000000;
    /* // 기본 글자 색  */
    --contents--secondary: #FFFFFF;
    --contents--third: #333333;
    --contents--accent-color: #A61660;
    --contents--dominant-color: #004386;
    --contents--placeholder: #666666;
    --contents--text-color555: #555555;
    --contents--text-color888: #888888;
    --contents--tab-default: #888888;
    --contents--tab-active: #A61660;
    --contents--sub-contentHeader-tabDefault: #333333;
    --contents--historyYear: #000000;   
    --btn--btn-color01: #1E5792;
    --btn--btn-color02: #A6165F;
    --btn--btn-color03: #666666;
    --btn--btn-color04: #004286;
    --btn--btn444: #444444;
    --btn--home-btn: #004286;
    --btn--notify: #A6165F;
    --btn--notify_01: #1E5792;
    --btn--notify_02: #A6165F;
    --btn--notify_03: #666666;
    --btn--more-btn: #A6165F;
    --btn--tab-active: #888888; 
    --border--board-header: #871854;
    --border--table-td: #DDDDDD;
    --border--content-box: #6E6E6E47;
    --border--pagination: #CCCCCC;
    --border--btn-colorAAA: #AAAAAA;
    --border--contentHeader: #111111;   

    --alpha: 1;
    --progress-bar: #004386;
    --key-date: #FFFFFF;
}

:root[data-mode="dark"] {
    --main01: #A6165F;
    --main02: #AA6085;
    --main03: #0073E9;
    --sub01: #892D5B;
    --sub02: #A6165F;
    --white: #FFFFFF;
    --bg--bg-primary: #121214;
    --bg--bg-content_01: #1B1B1C;
    --bg--evaluate-bg: rgba(230,230,230,0.07);
    --bg--board-header: #1F2021;
    --bg--list-box-bg: #252525;
    --bg--main-section01: #333333;
    --bg--main-section02: #DCE3EE24;
    --bg--main_content-box01: #2F2F31;
    --bg--main_content-box02: #4E4D4D;
    --bg--sub_content-box01: #1F1F20;
    --bg--sub_content-box02: #1B1B1D;
    --bg--sub_content-box03: #292929;
    --bg--modal: #2C2C2C;
    --contents--primary: #F9F9FD;
    --contents--secondary: #818088;
    --contents--third: #EEEEEE;
    --contents--accent-color: #CDCDCD;
    --contents--dominant-color: #818088;
    --contents--placeholder: #CCCCCC;
    --contents--text-color555: #EEEEEE;
    --contents--text-color888: #DDDDDD;
    --contents--tab-default: #888888;
    --contents--tab-active: #F9F9F9;
    --contents--sub-contentHeader-tabDefault: #AAAAAA;
    --contents--historyYear: #8F8F8F;
    --btn--btn-color01: #325F8D;
    --btn--btn-color02: #303030;
    --btn--btn-color03: #7878781F;
    --btn--btn-color04: #004286;
    --btn--btn444: #B0B0B0;
    --btn--home-btn: #0267CC;
    --btn--notify: #A6165F;
    --btn--notify_01: #1E77D60d;
    --btn--notify_02: #BD026214;
    --btn--notify_03: #7878781f;
    --btn--more-btn: #F9F9FD;
    --btn--tab-active: #272727;
    --border--board-header: #522F40;
    --border--table-td: #393939;
    --border--pagination: #353535;
    --border--btn-a-a-a: #393737;
    --border--contentHeader: #2C2C2C;

    --alpha: 0.05;
    --progress-bar: #F9F9FD;
    --key-date: #252527;
}