:root{--bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10, 88, 202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545;


    /* edupre def */
    --main-width:1300px;
    --main-gray: #EFEFEF;
    /*--main-blue: #157cc1;*/
    --main-blue: #3b90ea;

    --main-skyblue: #bce0f6;

}

.d-flex{display: flex}
.d-none{display: none}
.gap-1{gap: .25rem}
.gap-2{gap: .5rem}
.gap-3{gap: 1rem}
.gap-4{gap: 2rem}
.gap-5{gap: 3rem}
.mt-1{margin-top: .25rem}
.mt-2{margin-top: .5rem}
.mt-3{margin-top: 1rem}
.mt-4{margin-top: 2rem}
.mt-5{margin-top: 3rem}
.mb-1{margin-bottom: .25rem}
.mb-2{margin-bottom: .5rem}
.mb-3{margin-bottom: 1rem}
.mb-4{margin-bottom: 2rem}
.mb-5{margin-bottom: 3rem}
.ms-1{margin-left: .25rem}
.ms-2{margin-left: .5rem}
.ms-3{margin-left: 1rem}
.ms-4{margin-left: 2rem}
.ms-5{margin-left: 3rem}
.me-1{margin-right: .25rem}
.me-2{margin-right: .5rem}
.me-3{margin-right: 1rem}
.me-4{margin-right: 2rem}
.me-5{margin-right: 3rem}

.my-1{margin-top: .25rem;margin-bottom: .25rem;}
.my-2{margin-top: .5rem;margin-bottom:.5rem;}
.my-3{margin-top: 1rem;margin-bottom:1rem;}
.my-4{margin-top: 2rem;margin-bottom:2rem;}
.my-5{margin-top: 3rem;margin-bottom:3rem;}
.mx-1{margin-left:.25rem;margin-right:.25rem;}
.mx-2{margin-left:.5rem;margin-right:.5rem;}
.mx-3{margin-left:1rem;margin-right:1rem;}
.mx-4{margin-left:2rem;margin-right:2rem;}
.mx-5{margin-left:3rem;margin-right:3rem;}

.pt-1{padding-top: .25rem}
.pt-2{padding-top: .5rem}
.pt-3{padding-top: 1rem}
.pt-4{padding-top: 2rem}
.pt-5{padding-top: 3rem}
.pb-1{padding-bottom: .25rem}
.pb-2{padding-bottom: .5rem}
.pb-3{padding-bottom: 1rem}
.pb-4{padding-bottom: 2rem}
.pb-5{padding-bottom: 3rem}
.ps-1{padding-left: .25rem}
.ps-2{padding-left: .5rem}
.ps-3{padding-left: 1rem}
.ps-4{padding-left: 2rem}
.ps-5{padding-left: 3rem}
.pe-1{padding-right: .25rem}
.pe-2{padding-right: .5rem}
.pe-3{padding-right: 1rem}
.pe-4{padding-right: 2rem}
.pe-5{padding-right: 3rem}

.py-1{padding-top: .25rem;padding-bottom: .25rem;}
.py-2{padding-top: .5rem;padding-bottom:.5rem;}
.py-3{padding-top: 1rem;padding-bottom:1rem;}
.py-4{padding-top: 2rem;padding-bottom:2rem;}
.py-5{padding-top: 3rem;padding-bottom:3rem;}
.px-1{padding-left:.25rem;padding-right:.25rem;}
.px-2{padding-left:.5rem;padding-right:.5rem;}
.px-3{padding-left:1rem;padding-right:1rem;}
.px-4{padding-left:2rem;padding-right:2rem;}
.px-5{padding-left:3rem;padding-right:3rem;}

.fs-1 {font-size: 2.5rem}
.fs-2 {font-size: 2rem}
.fs-3 {font-size: 1.75rem}
.fs-4 {font-size: 1.5rem}
.fs-5 {font-size: 1.25rem}
.fs-6 {font-size: 1rem}
.fs-7 {font-size: .8rem}

.align-items-center{align-items: center;}
.justify-content-center{justify-content: center;}
.justify-content-between{justify-content: space-between;}
.form-control{display: block;width: 100%;padding: .375rem .75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: var(--bs-body-color);-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: var(--bs-body-bg);background-clip: padding-box;border: var(--bs-border-width) solid var(--bs-border-color);border-radius: var(--bs-border-radius);transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.position-relative{position: relative}
.position-absolute{position: absolute}
.rounded{border-radius: 100px}
.w-100{width: 100%;}
.flex-column{flex-direction: column}
.flex-row{flex-direction: row}
.text-start{text-align: left}
.text-center{text-align: center}
.text-end{text-align: right}
.--sub-font{font-family: 'HakgyoansimChilpanjiugae',serif!important}
a{text-decoration: none;color: #333;}
.--main-color{color: var(--main-blue);}


/* header */
header {width: 100%;display: flex;justify-content: center}
header .container {display: block;  width: 100%;}
header .container .h-sec-1{display: flex;gap: 10rem;width: var(--main-width);margin: 3rem auto 2rem auto;}
header .container .h-sec-2{display: flex;width: 100%;border-bottom: 1px solid #f8f8f8; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);}

header .container .h-sec-1 .h-sec-1-wrap-1{display: flex;gap: 2rem;flex-grow: 0;}
header .container .h-sec-1 .h-sec-1-wrap-1 > div a{font-size: 1.25rem;font-weight: bold;}
header .container .h-sec-1 .h-sec-1-wrap-1 > div a:hover{color: var(--main-blue)}
header .container .h-sec-1 .h-sec-1-wrap-2{display: flex;align-items: center;flex-grow: 1;}
header .container .h-sec-1 .h-sec-1-wrap-2 .form-control-wrap{position: relative;}
header .container .h-sec-1 .h-sec-1-wrap-2 .form-control-wrap:after{content: "";border-left: 2px solid var(--main-blue);position: absolute;top: 9px;right:60px;height:22px;}
header .container .h-sec-1 .h-sec-1-wrap-2 .form-control-wrap i{background: url(/images/main2024/magnifying_glass_icon.png) no-repeat;background-size: contain;width: 25px;height: 25px;position: absolute;right:20px;top:6px;}
header .container .h-sec-1 .h-sec-1-wrap-3{display: flex;align-items: center;flex-grow: 0;}
header .container .h-sec-1 .h-sec-1-wrap-3 ul li{display: flex;gap: .5rem;}
header .container .h-sec-1 .h-sec-1-wrap-3 ul li a{display: flex;flex-direction: column;justify-content: center;width: 60px;}
header .container .h-sec-1 .h-sec-1-wrap-3 ul li a span{display: flex;justify-content: center;}
header .container .h-sec-1 .h-sec-1-wrap-3 ul li a span:not(.--icon){font-size: .9rem}
header .container .h-sec-1 .h-sec-1-wrap-3 ul li a:hover span:not(.--icon){color: var(--main-blue)}
header .container .h-sec-1 .h-sec-1-wrap-3 ul li a span.--icon {width: 100%;height: 40px;display: flex;justify-content: center;align-items: center;}
header .container .h-sec-2 ul {width: var(--main-width);margin: 0 auto;}

.main-search{border-color: var(--main-blue);border-width: 2px;text-align: center}
.main-search:focus{border-color: var(--main-blue);outline-color:var(--main-blue);}
.main-gnb{position: relative;}
.main-gnb > ul{display: flex;}
.main-gnb > ul > li{width: 14.28571428571429%;text-align: center;min-height: 50px;line-height:50px;vertical-align: middle;font-weight: bold;cursor: pointer;font-size: 1.1rem}

.main-gnb .main-gnb-wrap{height: 0;position: absolute;top: 50px;left: 0;width: calc(100dvw - 17px);background-color: #EFEFEF;transition: 100ms ease-in;overflow: hidden;z-index: 999;box-shadow: 0 1px 1px rgba(0,0,0,0.15),0 2px 2px rgba(0,0,0,0.15),0 4px 4px rgba(0,0,0,0.15),0 8px 8px rgba(0,0,0,0.15);}
.main-gnb:hover .main-gnb-wrap{height: 400px; transition: 100ms ease-in;}
.main-gnb .main-gnb-wrap .main-gnb-content{width: var(--main-width);margin: 0 auto;height: 100%; }
.main-gnb .main-gnb-wrap .main-gnb-content ul { width: 100%;;display: flex;margin: 1rem 0;}
.main-gnb .main-gnb-wrap .main-gnb-content ul li {width: 14.28571428571429%;}
.main-gnb .main-gnb-wrap .main-gnb-content ul li ol {display: flex;flex-direction: column;width: 100%;}
.main-gnb .main-gnb-wrap .main-gnb-content ul li ol li {width: 100%;text-align: center}
.main-gnb .main-gnb-wrap .main-gnb-content ul li ol li a{display: inline-block;width: 78%;height: 100%; font-weight: normal;line-height: 33px;vertical-align: middle;}
.main-gnb .main-gnb-wrap .main-gnb-content ul li ol li a:hover{color: var(--main-blue);}

.main-ctgr-wrap ul{width: var(--main-width);margin: 0 auto;display: flex;justify-content: space-between}
.main-ctgr-wrap ul li a span {font-size: 1.4rem}