@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css');
@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=c&family=Jua&family=Nanum+Gothic+Coding&family=Noto+Sans+KR:wght@400;500;700;900&display=swap');

html, body { height:100%; }
body { margin:0; padding:0; font-family:'Noto Sans KR'; }

.crimson { color:#940034; }
.crimson-dark { color:#6e0027; }

a, .nav-llink { --bs-nav-link-color:#940034; --bs-nav-link-hover-color:#6e0027; }
header a.nav-link { position:relative; padding:0; margin-left:2rem; }
header a.nav-link.on:after,
header a.nav-link:hover:after { position:absolute; content:""; left:0; bottom:-2px; width:100%; height:3px; background:#6e0027; }

main .nav-tabs { --bs-nav-tabs-border-width:2px; }
main a.nav-link { color:var(--bs-nav-tabs-link-active-color); }
main a.nav-link.active,
main a.nav-link:hover { color:#940034!important; }


#carouselHome .carousel-inner { background-image:url('/images/2022-1-1.jpg');/*filter:hue-rotate(128deg);*/ }
#carouselContent .carousel-inner { background-image:url('/images/bg5.jpg'); }

.carousel-inner {
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}

/* #carouselHome .carousel-bg { background-color:rgba(132,32,41,.8); } */
#carouselHome .carousel-bg { background-color:rgba(0,0,0,.4); }
#carouselContent .carousel-bg { background-color:rgba(0,0,0,.4); }

.carousel-title {
    /* color:#940034; */
    font-family:'Noto Sans KR';
    font-weight:700;
    font-size:2.5rem;
    /* border: 2px solid #fff; */
}

.carousel-text {
    color:#212529;
    font-family:'Noto Sans KR';
    font-size:2rem;
}

.carousel-caption { top:15%;bottom:unset;/*filter:hue-rotate(256deg);*/ }
.carousel-caption * { margin:0; padding:0; }

@media (max-width: 768px) {
    .carousel-caption { top:10%; }
}

@media (max-width: 576px) {
    .carousel-caption { top:5%; }
}

@media (max-width: 768px) {
    .carousel-bg { min-height:45rem!important; }
}

@media (max-width: 576px) {
    .carousel-bg { min-height:40rem!important; }
}

@media (max-width: 576px) {
    .d-sm-none { display:none; }
}


.card h1 { color:#940034; }

.card-body { min-height:10rem; }

.text-shadow-1 {text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25);}
.text-shadow-2 { text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); }
.text-shadow-3 { text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25); }

footer img { filter:grayscale(1) brightness(1) invert(1); }