@charset "utf-8";
/* Info
 ========================================================================== */
/**
 * 1. Writer: Ajin Lee. (Weaverloft Corp.)
 * 2. Production Date: 2025-03-10
 * 3. Client: 서울대학교병원 융합의학기술원
 */

/*========== Awards ==========*/
.sub-top.notice { background-image: url('../images/common/sub-bg-notice.jpg'); }
.awards-list .basic-select-wrap { justify-content: space-between; align-items: center; }
.awards-list .basic-select-wrap .left .table-total { font-size: 1.250rem; font-weight: 600; font-variation-settings: 'wght' 600; color: #333; }
.awards-list .basic-select-wrap .left .total-num { color: var(--main-color); }
.awards-list .basic-select-wrap .right { display: flex; justify-content: flex-end; gap: 12px; }
.awards-table { margin: 1.250em 0 0; }
.awards-table thead th.awards-min-date { width: 140px; }
.awards-table thead th.awards-min { width: 120px; }
.awards-table thead th.awards-min-name { width: 175px; }
.awards-table thead th.awards-min-tit { width: 220px; }
.awards-table thead th.awards-min-txt .con-th { min-width: 220px; }
.awards-table td.txt-bold { font-weight: 700; font-variation-settings: 'wght' 700; }
.awards-sec .view-list-btn.line { display: none; }
@media screen and (max-width: 1100px){
    .awards-table-wrap { overflow-x: auto; padding: 0 0 1.25em; }
    .awards-table-wrap::-webkit-scrollbar { display: block; width: 4px; height: 4px; border-radius: 10px; transition: 300ms; }
    .awards-table-wrap::-webkit-scrollbar-thumb { height: 30%; background: var(--main-color); border-radius: 10px; border-left: 16px solid var(--main-color); border-right: 16px solid var(--main-color); }
    .awards-table-wrap::-webkit-scrollbar-track { background: #ccc; border-radius: 10px; }
    .awards-table { overflow: hidden; overflow-x: auto; min-width: 1100px; }
    .awards-table thead th.awards-min-date { width: 160px; }
    .awards-table thead th.awards-min-txt .con-th { min-width: 180px; }
}
@media screen and (max-width: 768px){
    .awards-sec .basic-select-wrap .basic-select-box select { min-width: 96px; }
    .awards-table { margin: 1.25em 0 0; min-width: 780px; }
    .awards-table thead th .con-th { min-width: 26px; }
    .awards-table thead th.awards-min-name { width: 80px; }
    .awards-table thead th.awards-min-tit { width: 100px; }
    .awards-table thead th.awards-min-txt { width: auto; }
    .awards-sec .view-list-btn.line { display: block; }
    .awards-sec .pagination-wrap { display: none; }
}
@media screen and (max-width: 360px){
    .awards-sec .basic-select-wrap.flex { flex-direction: column; }
}

/*========== Awards Slide ==========*/
.awards-list-sec { padding:0; }
.awards-list-sec .awards-list { padding: 6.25em 0 12.50em; background-color: #F1F5FD; }
.awards-list-sec .view-list-btn.line { display: block; margin: 0 auto; margin-top: 80px; background-color: transparent; }
.awards-list-sec .view-list-btn.line:hover { color: var(--main-color); }
.awards-list-sec .awards-table tbody tr td { background-color: transparent; }
.awards-list-sec .awards-table { border-color: #ddd; }
@media screen and (max-width: 768px){
    .awards-list-sec .btn-wrap:has(.view-list-btn.line) { margin: 0; }
    .awards-list-sec .view-list-btn.line { display: block; margin: 60px 0 0; }
}
.awards-slide {padding: 7.50em 0 5em;background-size: cover;background-position: center;background-image: url("../images/sub/awards-bg.svg");background-repeat: no-repeat; }
.awards-slide-area {position: relative;width: 100%;max-width: 1190px;margin: 0 auto; }
.awards-slide-swiper {overflow: visible;position: relative;padding: 0 90px;touch-action: pan-y;-webkit-overflow-scrolling: touch; }
.awards-slide-swiper .swiper-wrapper {display: flex;align-items: center;width: 100%; }
.awards-slide-swiper .swiper-slide {opacity: 0;overflow: hidden;display: flex;align-items: center;justify-content: center;border-radius: 6px;box-shadow: 10px 10px 30px rgba(72, 89, 123, 0.3);transform: scale(0.802);transition: all 300ms ease;will-change: transform;transform-style: preserve-3d;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: transparent; }
.awards-slide-swiper .swiper-slide-active {opacity: 1;z-index: 2;transform: scale(1); }
.awards-slide-swiper .swiper-slide-prev {opacity: 1; }
.awards-slide-swiper .swiper-slide-next {opacity: 1; }
.awards-slide-swiper .swiper-slide:has(+ .swiper-slide-active) {opacity: 1; }
.awards-slide-swiper .swiper-slide-active + .swiper-slide {opacity: 1; }
.awards-slide-swiper .swiper-slide .wrap {width: 100%;height: 100%;overflow: hidden; }
.awards-slide-swiper .swiper-slide figure {width: 100%;height: 100%;margin: 0; }
.awards-slide-swiper .swiper-slide figure img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s ease; }
.awards-slide-swiper .swiper-slide-prev,
.awards-slide-swiper .swiper-slide-next {z-index: 1; }
.awards-slide-swiper .awards-slide-btn button { position: absolute; top: calc(50% - 30px); transform: translate(0, -50%); width: 80px; height: 80px; font-size: 0; background-position: center; background-size: 23px 46px; transition: 300ms; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); }
.awards-slide-swiper .awards-slide-btn .swiper-button-prev { left: 0; background-image: url("http://codeloft.kr/snuh_tdmat/asset/css/../images/common/icon-slide-prev.svg"); }
.awards-slide-swiper .awards-slide-btn .swiper-button-next { right: 0; background-image: url("http://codeloft.kr/snuh_tdmat/asset/css/../images/common/icon-slide-next.svg"); }
.awards-slide-swiper .swiper-btn-wrap {display: flex;justify-content: center;align-items: center;margin-top: 36px; }
.awards-slide-swiper .swiper-btn-inner {display: flex;justify-content: center;align-items: center;gap: 1em;min-width: 230px;min-height: 48px;padding: 12px 30px;border: 1px solid #ddd;border-radius: 28px; }
.awards-slide-swiper .swiper-pagination {position: static;display: flex;justify-content: center;align-items: center;width: auto;min-width: 60px;font-size: 1rem;font-weight: 600; font-variation-settings: 'wght' 600; }
.awards-slide-swiper .pagination-current {display: inline-block;min-width: 20px;color: var(--main-color); }
.awards-slide-swiper .pagination-all {display: inline-block;min-width: 20px;position: relative;margin-left: 10px;padding-left: 12px;color: #767676; }
.awards-slide-swiper .pagination-all::before {content: '';position: absolute;top: 50%;left: 0;transform: translate(0, -50%);width: 1px;height: 12px;background-color: #ddd; }
.awards-slide-swiper .swiper-progress {position: relative;width: 50px;height: 2px;background-color:#E0E0E0;overflow: hidden; }
.awards-slide-swiper .progress-current {position: absolute;top: 0;left: 0;height: 100%;background-color: var(--main-color);transition: width 0.3s ease; }
.awards-slide-swiper .swiper-btns-autoplay {display: flex;align-items: center; }
.awards-slide-swiper .swiper-play, .awards-slide-swiper .swiper-pause {background: none;border: none;width: 24px;height: 24px;cursor: pointer;position: relative;outline: none; }
.awards-slide-swiper .swiper-play span,.awards-slide-swiper .swiper-pause span {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0; }
.awards-slide-swiper .swiper-play:before {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-35%, -50%);width: 0;height: 0;border-top: 6px solid transparent;border-left: 10px solid var(--main-color);border-bottom: 6px solid transparent; }
.awards-slide-swiper .swiper-pause:before, .awards-slide-swiper .swiper-pause:after {content: '';position: absolute;top: 50%;transform: translateY(-50%);width: 2px;height: 12px;background-color: var(--main-color); }
.awards-slide-swiper .swiper-pause:before {left: 15px; }
.awards-slide-swiper .swiper-pause:after {right: 15px; }
@media screen and (max-width: 1100px) {
    .awards-slide .inner { margin: 0; }
    .awards-slide-swiper { padding: 0; }
    .awards-slide-swiper .swiper-slide { overflow: visible; }
    .awards-slide-swiper .swiper-btns.awards-slide-btn { display: none; }
    .awards-slide-swiper .swiper-btn-inner { gap: 8px; min-width: 157px; min-height: 30px; padding: 6px; }
    .awards-slide-swiper .swiper-pagination { font-size: 14px; }
    .awards-slide-swiper .pagination-all { margin-left: 6px; padding-left: 6px; }
    .awards-slide-swiper .swiper-progress { width: 40px; }
    .awards-slide-swiper .swiper-play, .awards-slide-swiper .swiper-pause { width: 18px; height: 18px; }
    .awards-slide-swiper .swiper-pause:before { left: 11px; }
    .awards-slide-swiper .swiper-pause:after { right: 11px; }
    .awards-slide-swiper .swiper-play:before { border-top: 5px solid transparent; border-left: 8px solid var(--main-color); border-bottom: 5px solid transparent; }
    .awards-list .basic-select-wrap .left .table-total { font-size: 14px; }
}
@media screen and (max-width: 768px) {
    .awards-slide { padding: 3.750em 0 6.25em; }
    .awards-list-sec .awards-list .basic-select-wrap { flex-direction: column-reverse; align-items: normal; gap: 24px; }
    .awards-slide-swiper .swiper-slide { transform: scale(0.802) !important; -webkit-transform: scale(0.802) !important; -moz-transform: scale(0.802) !important; -ms-transform: scale(0.802) !important; -o-transform: scale(0.802) !important; }
    .awards-slide-swiper .swiper-slide-active { transform: scale(1) !important; -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; }
}