/* SVG icon 사용 */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");

* {
    margin: 0;
    padding: 0; }
body {
    font-family: "Pretendard", sans-serif;
    font-size: 14px; 
}
/* top nav menu 강제 설정 */
.nav-link, .dropdown-item {
    font-size: 15px !important;
}
.accordion-toggle {
    cursor: pointer;
}

.table>:not(caption)>*>* {
    font-size: 13px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.cancleline {
    text-decoration: line-through;
    text-decoration-color: red;
}
tr:hover,
tr.show {
    border-color: skyblue;
}
.accordion-collapse {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.1s ease-in-out; /* Updated transition duration and easing */
    border: 2px solid transparent; /* Set initial border to transparent */
}
.accordion-collapse.show {
    max-height: 1000px; /* Adjust the value to accommodate the expanded content */
    transition: max-height 0.1s ease-in-out; /* Updated transition duration and easing */
    border-color: skyblue; /* Apply sky blue border color */
}

/* 버튼 사이즈 사용자 정의 */
.btn-cs {
    --bs-btn-padding-y: .1rem; 
    --bs-btn-padding-x: .5rem; 
    --bs-btn-font-size: .5rem;
}

/* 오프캔버스 사용자 정의 */
.offcanvas {
    max-width: 80%; /* 오프캔버스의 최대 너비 설정 */
}

@media (max-width: 1399px) {
.shadow-sm {
    height: 0;
    visibility: hidden;
    /* display: none; */
}

}

@media (min-width: 992px) {
    .offcanvas-end {
    padding-right: calc(20% - 15px); /* 오른쪽 패딩 조정 (80% 오프캔버스의 너비를 제외한 부분) */
    }
}

/* Colors */
.btn_toolbar {
    text-align: center;
}
:root {
    --color-default: #222222;
    --color-primary: #020408;
}
.selector-for-some-widget {
    box-sizing: content-box;
}

table {
    text-align: center;
}

a {
    color: #616161;
    font-weight: bold;
}

li {
    color: #b40808;
    font-size: 15px;
}


a:hover {
    color: #f57c00;
    font-weight: bold;
}

@media only screen and (max-width: 960px) {
    .table>:not(caption)>*>* {
        font-size: 11px;
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .nav-tabs .nav-link {
    padding: 0 15px;
    font-size: 12px;
    margin-bottom: 5px; }
    
    th#locate, td#locate {
        display: none;
    }
    .btn-cs {
        font-size: 11px !important;
        --bs-btn-padding-y: 0.1rem; 
        --bs-btn-padding-x: 0.1rem;
        line-height: 15px;
        /* --bs-btn-font-size: 0.1rem; */
    }
}

@media only screen and (max-width: 767px) {
    .btn-cs {
      width: auto; /* 원하는 너비 값으로 설정 */
      max-width: 20%; /* 부모 요소의 너비를 초과하지 않도록 설정 */
    }
    .album {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {
    font-size: 14px;
    padding: 50px 0;
    color: white;
}

.footer .footer-info .logo {
    line-height: 0;
    margin-bottom: 25px;
}

.footer .footer-info .logo img {
    max-height: 40px;
    margin-right: 6px;
}

.footer .footer-info .logo span {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff;
}

.footer .footer-info p {
    font-size: 14px;
}

.footer .social-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    margin-right: 10px;
    transition: 0.3s;
}

.footer .social-links a:hover {
    color: #fff;
    border-color: #fff;
}

.footer h4 {
    font-size: 16px;
    font-weight: bold;
    position: relative;
    padding-bottom: 12px;
}

.footer .footer-links {
    margin-bottom: 30px;
}

.footer .footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer .footer-links ul i {
    padding-right: 2px;
    color: rgba(122, 131, 0, 0.8);
    font-size: 12px;
    line-height: 0;
}

.footer .footer-links ul li {
    padding: 10px 0;
    display: flex;
    align-items: center;
}

.footer .footer-links ul li:first-child {
    padding-top: 0;
}

.footer .footer-links ul a {
    color: rgba(255, 255, 255, 0.7);
    transition: 0.3s;
    display: inline-block;
    line-height: 1;
}

.footer .footer-links ul a:hover {
    color: #fff;
}

.footer .footer-contact p {
    line-height: 26px;
}

.footer .copyright {
    text-align: center;
}