@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* @font-face { 
    font-family: 'Pretendard'; 
    src: url('/woff/Pretendard-Regular.woff') format('woff'); 
    font-weight: normal; 
    font-style: normal;
  }
 */

:root {
    /* --bs-body-font-family:'Montserrat', 'Noto Sans KR', Dotum, Sans-serif; */
    --bs-body-font-family: 'Montserrat', 'Pretendard', Dotum, Sans-serif;
    --bs-body-font-size:1rem;
    --bs-body-font-weight:300;
    --bs-body-line-height:1.5;
    --bs-body-color:#000;

    --bs-primary:#727cf5;
    --bs-secondary: #261f44;
    --bs-success: #24a148;
    --bs-info: #17a2b8;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #aaaaaa;
    --bs-dark: #000000;
    --bs-lightblue: #eef2fa;

    --bs-white: #fff;
    --bs-gray: #666666;
    --bs-gray-dark: #222222;
    --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;

    --admin-bg-color:#28344e;
    --admin-login-color:#535d71;
}

body {
        font-family:var(--bs-body-font-family); 
        font-weight:var(--bs-body-font-weight); 
        font-size:var(--bs-body-font-size); 
        line-height:var(--bs-body-line-height);
        color:var(--bs-body-color); 
        -webkit-font-smoothing: antialiased;
		overflow-x: hidden!important;
}

ul,ol,li {margin:0; padding:0; list-style: none;}

.fw-100 {font-weight: 100;}
.fw-200 {font-weight: 200;}
.fw-300 {font-weight: 300;}
.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.fw-600 {font-weight: 600;}
.fw-700 {font-weight: 700;}
.fw-800 {font-weight: 800;}
.fw-900 {font-weight: 900;}



/* ********************* */
/* **** color & bg ***** */
/* ********************* */
.text-primary {color: var(--bs-primary) !important;}
.text-secondary {color: var(--bs-secondary) !important;}
.text-success {color: var(--bs-success) !important;}
.text-info {color: var(--bs-info) !important;}
.text-warning {color: var(--bs-warning) !important;}
.text-danger {color: var(--bs-danger) !important;}
.text-light {color: var(--bs-light) !important;}
.text-dark {color: var(--bs-dark) !important;}
.text-white {color: var(--bs-white) !important;}

/* btn */
.btn-primary {background-color:var(--bs-primary); -webkit-box-shadow:0 2px 6px 0 rgba(114,124,245,.5);box-shadow:0 2px 6px 0 rgba(114,124,245,.5); border-color:var(--bs-primary);}
.btn-primary:hover {color:#fff;background-color:#6169d0;border-color:#5b63c4;}
.btn-secondary {color: #fff;background-color: #6c757d;border-color: #6c757d; box-shadow: 0 2px 6px 0 rgb(108 117 125 / 50%);}
.btn-secondary:hover{color:#fff;background-color:#5c636a;border-color:#565e64}
.btn-success {color: #fff; background-color:#0acf97; border-color:#0acf97;     box-shadow: 0 2px 6px 0 rgb(10 207 151 / 50%);}
.btn-success:hover {color: #fff; color:#fff;background-color:#09b080;border-color:#08a679;}
.btn-danger {color: #fff; background-color: #fa5c7c; border-color: #fa5c7c; box-shadow: 0 2px 6px 0 rgb(250 92 124 / 50%);}
.btn-danger:hover {color:#fff; background-color:#d54e69;border-color:#c84a63}
.btn-warning {color: #313a46;background-color: #ffbc00;border-color: #ffbc00; box-shadow: 0 2px 6px 0 rgb(255 188 0 / 50%);}
.btn-warning:hover {color:#313a46;background-color:#ffc626;border-color:#ffc31a}
.btn-info {color: #fff;background-color: #39afd1;border-color: #39afd1; box-shadow: 0 2px 6px 0 rgb(57 175 209 / 50%);}
.btn-info:hover{color:#fff;background-color:#3095b2;border-color:#2e8ca7}
.btn-light {color: #313a46;background-color: #eef2f7;border-color: #eef2f7;box-shadow: 0 2px 6px 0 rgb(238 242 247 / 50%);}
.btn-light:hover{color:#313a46;background-color:#f1f4f8;border-color:#f0f3f8}
.btn-link {font-weight: 400;color: #727cf5;text-decoration: none;}
.badge-primary-lighten{color:#727cf5;text-decoration:none;background-color:rgba(114,124,245,.18)}

/* btn outline */
.btn-outline-primary {color:#727cf5; border-color:#727cf5;}
.btn-outline-primary:hover {color:#fff;background-color:#727cf5;border-color:#727cf5;}
.btn-outline-secondary {color:#6c757d;border-color:#6c757d;}
.btn-outline-secondary:hover {color:#fff;background-color:#6c757d;border-color:#6c757d;}
.btn-outline-success {color:#0acf97;border-color:#0acf97;}
.btn-outline-success:hover {color:#fff;background-color:#0acf97;border-color:#0acf97;}
.btn-outline-info {color:#39afd1; border-color:#39afd1;}
.btn-outline-info:hover {color:#fff;background-color:#39afd1;border-color:#39afd1}
.btn-outline-warning {color:#ffbc00;border-color:#ffbc00}
.btn-outline-warning:hover {color:#313a46;background-color:#ffbc00;border-color:#ffbc00}
.btn-outline-danger {color:#fa5c7c;border-color:#fa5c7c}
.btn-outline-danger:hover {color:#fff;background-color:#fa5c7c;border-color:#fa5c7c}
.btn-outline-light {color:#eef2f7;border-color:#eef2f7}
.btn-outline-light:hover {color:#313a46;background-color:#eef2f7;border-color:#eef2f7}
.btn-outline-dark {color:#313a46;border-color:#313a46}
.btn-outline-dark:hover {color:#fff;background-color:#313a46;border-color:#313a46}

/* btn size */
.btn:focus {box-shadow:none;}

/* section */
.section {word-break: keep-all; padding: 80px 0;}

@media (min-width: 1200px) {
    .section {padding:  100px 0; }
}

.intro {position:relative; height:100vh;  display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:20px; }
.intro .logo {width:200px; border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 30px; margin-bottom:30px;}
.intro p {}
.intro p.fs-5 {}
.intro a {font-weight:700; border-radius:30px; padding: 0.8rem 2.5rem; background:#e83f46; color:#fff;}
.intro a:hover, .intro a:focus {background:#e83f46; color:#fff;}
.intro .foot {position:absolute; bottom:20px; font-size: 7pt; }

.desc-box {word-break: keep-all;}
.desc-box .title {font-weight:700; display:flex; align-items:center;}
.desc-box .title .num {display:flex; align-items:center; justify-content:center; background-color:#e83f46; color:#fff; width:20px; height:20px; border-radius:4px; font-size:14px; margin-right:4px;}