@charset "utf-8";



/* 전공동아리 */
.wrapClub {height: 360px; border-radius: 4px; background: #F0F0F0; position: relative;}
.wrapClub h2 {line-height: 1; padding: 28.5px 25px; border-bottom: 1px solid rgba(112,112,112,.3);font-size: 16px;}
.club-tab-btns {position: absolute; top: 17px; right: 25px; display: flex; gap: 8px;}
.club-tab-btns button {min-width: 100px; height: 40px;padding: 0 10px; background: var(--white); border-radius: 4px; color: var(--gray07)}
.club-tab-btns button:hover,
.club-tab-btns button.active {color: var(--white); background: var(--solidBlack);}
.tab-contents {padding: 20px 25px;}
.container.non-list{height: calc(100% - 74px);}
.container.non-list ul{height: 100%; display: flex; justify-content: center; align-items: center;}
.tab-contents .no-data{font-size: 16px; line-height: 26px;}
.tab-contents > li {display: none;}
.tab-contents > li.on {display: block;}
.tab-con > a > .item {height: 245px; display: flex; flex-wrap: nowrap; gap: 4.7%; justify-content: space-between;}
.tab-con > a > .item.active {display: flex !important;}
.club-info {flex-basis: 46.3%;gap: 10px;}
.club-info p {display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 6;}
.wrapClub p.P6 {line-height: 26px; }
.club-img {flex-basis: 49%;}
.club-img img {width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 4px;}
.club-img.departA1-clubA {background: url('../../images/sub/departA1-clubA1.png')no-repeat center / cover;}
.club-img.departA1-clubB {background: url('../../images/sub/departA1-clubB1.png')no-repeat center / cover;}
.club-img.departA1-clubC {background: url('../../images/sub/departA1-clubC1.png')no-repeat center / cover;}
.club-img.departA1-clubD {background: url('../../images/sub/departA1-clubD1.png')no-repeat center / cover;}
.wrapClub .control {display: none;position: absolute;left: 50%;bottom: 20px;transform: translateX(-50%);}
.wrapClub .dots-wrap {display: none;}
.wrapClub .dots-wrap .slick-dots {display: flex;}
.wrapClub .dots-wrap .slick-dots li {width: 7px;height: 7px;margin: 0 10px 0 0 !important;border-radius: 50%;opacity: 30%;text-indent: -9999px;cursor: pointer;}
.wrapClub .dots-wrap .slick-dots li:last-child {margin: 0 !important;}
.wrapClub .dots-wrap .slick-dots li.slick-active {opacity: 1;}

.wrapClub .dots-wrap.c1 .slick-dots li {background: #000;}
.wrapClub .dots-wrap.c2 .slick-dots li {background: #fff;}
.wrapClub a {display: block;}

@media (max-width: 1800px) {
    .page4495 .wrapClub h2,
    .page4480 .wrapClub h2, 
    .page4622 .wrapClub h2 {padding: 28.5px 25px 70px}

    .page4622 .club-tab-btns,
    .page4495 .club-tab-btns, 
    .page4480 .club-tab-btns {max-width: 450px;flex-wrap: wrap;}
}

@media (max-width: 1280px) {
    .wrapClub {margin: 0 0 12px;}
    .club-img img {max-height: 300px;}
}

@media (max-width: 768px) {
    .wrapClub {height: auto;}
    .club-tab-btns {display: none;}
    .tab-contents {padding: 20px 25px 50px;overflow: hidden;}
    .club-info {margin: 0 0 20px;flex-basis: auto;width: 100%;}
    .club-img {flex-basis: auto;}
    .wrapClub .control {display: block;}
    .wrapClub .slick-slide  {margin: 0 40px !important;}
    .wrapClub .slick-list {margin: 0 -40px;} 
    .container.non-list{height: calc(100% - 56px);}
    .container.non-list ul{padding: 50px 0;}
    .wrapClub .container.non-list .slick-list{margin: 0;}
    .wrapClub .container.non-list .slick-slide{margin: 0 !important;}
    .wrapClub h2 {padding: 20px 22px 18px;font-size: 17px;}
    .wrapClub .H_5 {font-size: 24px;}
    .tab-con > a > .item {display: flex !important;flex-direction: column;height: auto;}
    .page4495 .wrapClub h2,
    .page4480 .wrapClub h2, 
    .page4622 .wrapClub h2 {padding: 20px 22px 18px;}
    .club-img img {max-height: 250px;}
    .wrapClub .dots-wrap {display: block;} 
}