/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */
.line-clamp-2 {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}

/* Swiper */
.swiper-vertical-container .swiper-slide {height:auto !important;}
.swiper-vertical-container {transition:height 0.3s ease;}
html[data-bs-theme="dark"] .swiper-vertical-container.shadow-top::before,
html[data-bs-theme="dark"] .swiper-vertical-container.shadow-bottom::before,
html[data-bs-theme="dark"] .swiper-vertical-container.shadow-top::after,
html[data-bs-theme="dark"] .swiper-vertical-container.shadow-bottom::after {content:''; position:absolute; left:0; width:100%; height:20px; pointer-events:none; z-index:10;}
html[data-bs-theme="dark"] .swiper-vertical-container.shadow-top::before {top:0; background:linear-gradient(to bottom, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 100%);}
html[data-bs-theme="dark"] .swiper-vertical-container.shadow-bottom::after {bottom:0; background:linear-gradient(to top, rgba(0, 0, 0, .7) 0%, rgba(255, 255, 255, 0) 100%);}
@media (min-width: 992px) {
    .main-contents .swiper-horizontal {margin-left:-.25rem; margin-right:-.25rem;}
}

@media (max-width:991px) {
    .nav-wrap {border-bottom:0 !important;}
    .basic-body {padding-top:15px;}
    /*.page-body {padding-top:0;}*/
    .page-title-wrap {display:none;}
}

/* 최근게시물 공통 탭 */
[class*="eblatest-common"] .nav-tabs {border:1px solid #e5e5e5; border-bottom:0;}
[class*="eblatest-common"] .nav-tabs li:first-child:nth-last-child(1) {width:100%; display:none}
[class*="eblatest-common"] .nav-tabs li:first-child:nth-last-child(2), [class*="eblatest-common"] .nav-tabs li:first-child:nth-last-child(2) ~ li {width:50%}
[class*="eblatest-common"] .nav-tabs li:first-child:nth-last-child(3), [class*="eblatest-common"] .nav-tabs li:first-child:nth-last-child(3) ~ li {width:33.3333%}
[class*="eblatest-common"] .nav-tabs li:first-child:nth-last-child(4), [class*="eblatest-common"] .nav-tabs li:first-child:nth-last-child(4) ~ li {width:25%}
[class*="eblatest-common"] .nav-tabs li:first-child:nth-last-child(5), [class*="eblatest-common"] .nav-tabs li:first-child:nth-last-child(5) ~ li {width:20%}
[class*="eblatest-common"] .nav-tabs li:first-child:nth-last-child(6), [class*="eblatest-common"] .nav-tabs li:first-child:nth-last-child(6) ~ li {width:16.6666666667%}
[class*="eblatest-common"] .nav-tabs li:first-child:nth-last-child(7), [class*="eblatest-common"] .nav-tabs li:first-child:nth-last-child(7) ~ li {width:14.2857142857%}
[class*="eblatest-common"] .nav-tabs li:first-child:nth-last-child(8), [class*="eblatest-common"] .nav-tabs li:first-child:nth-last-child(8) ~ li {width:12.5%}
[class*="eblatest-common"] .nav-tabs li a {display:block; text-align:center; margin-right:0; margin-left:-1px; background:#f5f5f5; color:#959595; border:1px solid #e5e5e5; padding:8px 5px; border-top:0}
[class*="eblatest-common"] .nav-tabs li:first-child a {margin-left:0; border-left:0}
[class*="eblatest-common"] .nav-tabs li:last-child a {border-right:0}
[class*="eblatest-common"] .nav-tabs li a:hover {background:#fff; border-bottom:1px solid #e5e5e5}
[class*="eblatest-common"] .nav-tabs li a.active {z-index:1; background:#fff; color:#000; border-bottom:1px solid transparent}
[class*="eblatest-common"] .nav-tabs li .cursor-pointer:hover {cursor:pointer}
[class*="eblatest-common"] .tab-content.border {border-color:#e5e5e5}
[class*="eblatest-common"] .tab-content li .blind-subj {color:#a5a5a5}
[class*="eblatest-common"] .tab-content a:hover .item-subject {text-decoration:underline;}
[class*="eblatest-common"] .tab-content .item-comment-reply {display:inline-block;width:7px;height:12px;border-left:1px dotted #959595;border-bottom:1px dotted #959595;margin-right:3px}
[class*="eblatest-common"] .tab-content .item-new-icon {font-size:.5875rem; padding:3px 5px;}
[class*="eblatest-common"] .tab-content a:hover {}

/* 최근게시물 카드타입 */
[class*="eblatest-common"] .card-title {font-size:.9375rem; font-weight:400; color:initial}
[class*="eblatest-common"] .card-footer span {font-size:.8125rem;}

/* 최근게시물 제목 */
.headline-short :is(h1, h2, h3, h4, h5, h6):after {width:40px;/*background-color:#51515c;*/}

/* 게시판 상단 슬로건 박스 */
html[data-bs-theme="dark"] .board-content-head .alert {background:transparent; border-image-slice:2; animation:border-gradient 3s linear infinite;}
html[data-bs-theme="dark"] .board-content-head .alert p {color:inherit;}
html[data-bs-theme="dark"] .board-content-head .alert b,
html[data-bs-theme="dark"] .board-content-head .alert strong {color:var(--bs-danger); font-weight:normal;}
@keyframes border-gradient {
    0% {border-image-source:linear-gradient(45deg, #DBA626, #00AD5E, #007151, #0091C0, #B71F91, #DB3700, #00AD5E);}
    25% {border-image-source:linear-gradient(135deg, #00AD5E, #007151, #0091C0, #B71F91, #DB3700, #00AD5E, #DBA626);}
    50% {border-image-source:linear-gradient(225deg, #007151, #0091C0, #B71F91, #DB3700, #00AD5E, #DBA626, #00AD5E);}
    75% {border-image-source:linear-gradient(315deg, #0091C0, #B71F91, #DB3700, #00AD5E, #DBA626, #00AD5E, #007151);}
    100% {border-image-source:linear-gradient(405deg, #DBA626, #00AD5E, #007151, #0091C0, #B71F91, #DB3700, #00AD5E);}
}

/* 게시판 뷰 */
.page-title-wrap {background-color:#1f2227}
.board-view .board-view-subj {/*overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/ font-size:1.15rem !important;}
.board-view .board-view-info {padding:15px !important;}
.board-view .board-view-info .view-photo-box {left:15px !important; top:50% !important; transform:translateY(-50%);}
.board-view .board-view-info .view-photo-box + .view-info-box {margin-left:70px !important;}

.board-view .board-view-con p {margin-bottom:15px;}
.board-view .board-view-con ul,
.board-view .board-view-con ol {margin-top:15px; margin-bottom:15px; padding-left:2rem;}
.board-view .board-view-con ul {list-style:disc;}

/* 게시판 댓글 */
.view-comment .view-comment-heading,
.comment-area .comment-write-heading {border-bottom:0 !important; margin-bottom:10px !important;}

/* NBA 보더 이미지 처리 */
img.img-highlight-crop {transform: scale(1.04);}

/* 분석 VS */
.card-cracked .card-img-top {position:relative; z-index:500;}
.card-cracked::after {content:""; position:absolute; top:0; left:50%; width:1px; height:80%; background:linear-gradient(to bottom, transparent 10%, #000 30%, transparent 60%); transform:translateX(-50%); z-index:499;}
html[data-bs-theme="dark"] .card-cracked::after {background:linear-gradient(to bottom, transparent 10%, var(--bs-danger) 30%, transparent 60%);}

/* 팀 처리 */
.team-gradient{background-image:linear-gradient(120deg,var(--start-color) 0,var(--start-color) 10.75%,var(--mid-color) 11%,var(--mid-color) 14.75%,transparent 15%,transparent 85%,var(--end-color) 85.25%,var(--end-color) 89%,var(--final-color) 89.25%,var(--final-color) 100%)}
.team-gradient-color-1 {--start-color:rgba(163, 25, 53, 1); --mid-color:rgba(163, 25, 53, 0.35); --end-color:rgba(228, 228, 228, 0.35); --final-color:rgba(228, 228, 228, 1)}
.team-gradient-color-2 {--start-color:rgba(128, 50, 125, 1); --mid-color:rgba(128, 50, 125, 0.35); --end-color:rgba(177, 13, 40, 0.35); --final-color:rgba(177, 13, 40, 1)}
.team-gradient-color-3 {--start-color:rgba(46, 48, 148, 1); --mid-color:rgba(46, 48, 148, 0.35); --end-color:rgba(228, 228, 228, 0.35); --final-color:rgba(228, 228, 228, 1)}
.team-gradient-color-4 {--start-color:rgba(17, 17, 17, 1); --mid-color:rgba(17, 17, 17, 0.35); --end-color:rgba(15, 76, 161, 0.35); --final-color:rgba(15, 76, 161, 1)}
.team-gradient-color-5 {--start-color:rgba(196, 196, 196, 1); --mid-color:rgba(196, 196, 196, 0.35); --end-color:rgba(228, 228, 228, 0.35); --final-color:rgba(228, 228, 228, 1)}
.team-gradient-color-6 {--start-color:rgba(27, 71, 141, 1); --mid-color:rgba(27, 71, 141, 0.35); --end-color:rgba(0, 51, 103, 0.35); --final-color:rgba(0, 51, 103, 1)}
.team-gradient-color-7 {--start-color:rgba(196, 196, 196, 1); --mid-color:rgba(196, 196, 196, 0.35); --end-color:rgba(159, 46, 52, 0.35); --final-color:rgba(159, 46, 52, 1)}
.team-gradient-color-8 {--start-color:rgba(177, 13, 40, 1); --mid-color:rgba(177, 13, 40, 0.35); --end-color:rgba(17, 17, 17, 0.35); --final-color:rgba(17, 17, 17, 1)}
.team-gradient-color-9 {--start-color:rgba(17, 17, 17, 1); --mid-color:rgba(17, 17, 17, 0.35); --end-color:rgba(27, 71, 141, 0.35); --final-color:rgba(27, 71, 141, 1)}
.team-gradient-color-10 {--start-color:rgba(1, 39, 93, 1); --mid-color:rgba(1, 39, 93, 0.35); --end-color:rgba(159, 46, 52, 0.35); --final-color:rgba(159, 46, 52, 1)}

/* AI 추천효과 */
.border-danger-pulse {animation:color-pulse 2s infinite;}
.border-danger-pulse:hover {border-color:var(--bs-danger); animation:none;}
@keyframes color-pulse {
    0% {border-color:var(--bs-danger);}
    50% {border-color:rgba(var(--bs-danger-rgb), 0.5);}
    100% {border-color:var(--bs-danger);}
}