@charset "utf-8";

/*
Media Query Size
----------------------------------
Small display scales - @media (min-width: 576px) and @media (max-width: 575px)
Medium screen scale - (min-width: 768px) and (max-width: 767px)
Large size display dimension - (min-width: 992px) and (max-width: 991px)
And Additional big display sizes - (min-width: 1200px) and (max-width: 1199px)
*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Do+Hyeon&family=Noto+Sans+KR:wght@100..900&family=Noto+Serif+KR:wght@200..900&display=swap');

:root {
    --font-gothic:      'Lato', 'Noto Sans KR', sans-serif;
    --font-serif:       'Playfair Display', 'Noto Serif KR', serif;
    --font-title:       'Do Hyeon', 'Lato', sans-serif;
    --font-monospace:   SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", 'Noto Sans KR';

    --red-dark:     #cb000e;
    --red-dark-transparent: rgba(203, 0, 14, 0.7);
    --red-light:    #ea4836;
    --red-light-transparent: rgba(234, 72, 54, 0.7);
    --blue-dark:    #096ad2; /* rgb(0, 99, 208) */
    --blue-light:   #f0faff; /* rgb(209, 239, 254) */
    --green-dark:   #144520;
    --green-light:  #ebffe7;
    --yellow-dark:  #B9A644;
    --yellow-light: #FFFEBD;
    --edm-color: #6CB640;
    --edm-bg-color: #f1ffe8;


    --ielts-primary: #30C214;
    --academy-primary: #339DFF;
    --toeic-primary: #FF6B2A;
    --hnd-primary: #007FA3;

    --ielts-primary-light: 	rgba(213, 240, 195, 0.5);
    --academy-primary-light: rgba(212, 235, 255, 0.5);
    --toeic-primary-light: rgba(255, 229, 213, 0.5);
    --hnd-primary-light: rgba(214, 241, 247, 0.5);
}

html {
    font-family: var(--font-gothic);
    -webkit-text-size-adjust: 100%;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
	background-color: var(--bs-gray-200);
    font-family: var(--font-gothic);
    -webkit-tap-highlight-color: #ced4da;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

pre {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", 'Nanum Gothic Coding';
}

article {
    font-family: var(--font-serif);
}

a:link, a:visited {
    text-decoration: none;
    color: var(--blue-dark);
    transition: color .5s linear;
}

.ielts a:link, .ielts a:visited { color: var(--ielts-primary); }
.academy a:link, .academy a:visited { color: var(--academy-primary); }
.toeic a:link, .toeic a:visited { color: var(--toeic-primary); }
.hnd a:link, .hnd a:visited { color: var(--hnd-primary); }


a:hover, .ielts a:hover {
    color: #000;
    transition: color .5s linear;
}

h1, h2, h3, h4, h5, h6, input, select, button {
    font-family: var(--font-gothic)
}

b,strong {
    font-weight: 700
}

code {
	font-family: var(--font-monospace);
}