@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:0;background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

.academyPanel {display:flex;margin:30px 0;justify-content:space-between;z-index:10;align-items:center;height:64px;top:58px;position:sticky;background:#fff;margin-bottom: 36px;}
.academyPanel .left {display:flex;align-items:center;gap:14px;}
.academyPanel .switchBox {display:inline-flex;align-items:center;gap:6px;font-size:16px;font-weight:500;}

.switch {display:inline-flex;align-items:center;position:relative;}
.switch span {content: '';position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius: 50%;background-color:#595959;transition: left 250ms linear;box-sizing:border-box;overflow:hidden;}
.switch span .icon {display:block;width:100%;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:9px;display:flex;align-items:center;justify-content:center;font-weight:500;color:#cacaca;}
.switch input {appearance:none;position:relative;border:0;border-radius:100px;width:42px;height:22px;background:#c8c8c8;cursor:pointer;}
.switch input:checked {background: #ffd4d4;}
.switch input:checked + span  {background-color: #ff0000;left:23px;box-shadow:none;}

.academySection {margin-bottom:30px;padding:34px 24px 50px;box-shadow:0 0 8px rgba(9, 9, 9, .15);border-radius:10px;border:1px solid #e5e5e5;}
.academySection .head {text-align:center;;position:relative;margin-bottom: 40px;display:flex;align-items:center;justify-content:space-between;}
.academySection .head .title {display: flex;align-items: center;font-size:24px;font-weight:600;}
 .title img{width: 40px;height: auto;vertical-align: middle;margin-right: 6px;}
.academySection .head .cnt {text-align:left;line-height:1.5;}
.academySection .head .recent {font-size:16px;font-weight:500;}
.academySection .head .recent i {margin-right:6px;font-size:18px;vertical-align:-2px;}
.academySection .body {text-align:center;}
.academySection .body .card {display:inline-block;padding:6px;width:162px;background-color:#3b82f6;border-radius:8px;margin-right:6px;margin-bottom:10px;position: relative;}
.academySection .body .card.purple {background-color:#9333ea;}
.academySection .body .card.purple .cardProfile .etcBtn {background-color:#9333ea;}
.academySection .body .card.orange .cardProfile .etcBtn {background-color:#ff8a00;}
.academySection .body .card.green .cardProfile .etcBtn {background-color:#00c417;}
.academySection .body .card.orange {background-color:#ff8a00;}
.academySection .body .card.green {background-color:#00c417;}
.academySection .body .card.blur {opacity:.4;}
.academySection .body .card:last-child {margin-right:0;}
.academySection .body .card:hover .etc {z-index:2;}
.academySection .body .card:hover .cardLive {z-index:2;display:block;}
.academySection .body .cardProfile {width:100%;height:0;padding-bottom:110%;border-radius:4px 4px 0 0;overflow:hidden;position:relative;}
.academySection .body .cardProfile .profile {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.academySection .body .cardProfile .crew {z-index:1;display:block;width:30px;height:30px;position:absolute;left:7px;top:7px;background-color:#fff;border-radius:100px;padding:4px;}
.academySection .body .cardProfile .crew img {width: 100%;height:100%;object-fit:contain;}
.academySection .body .cardProfile .live {position:inline-block;padding:3px 7px;position:absolute;top:7px;right:7px;border-radius:100px;color:#fff;font-weight:500;font-size:14px;background-color:#fa0030;}
.academySection .body .cardProfile .win {position:absolute;bottom:7px;left:7px;}
.academySection .body .cardProfile .other {position:absolute;bottom:7px;right:7px;}
.academySection .body .cardProfile .etc {position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;background-color:rgba(0, 0, 0, .42);display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;}
.academySection .body .cardProfile .etcBtn {width:88%;text-align:center;color:#fff;display:inline-block;border-radius:6px;line-height:32px;font-size:16px;background-color: #3b82f6;}
.academySection .body .cardInfo {display:flex;align-items:center;padding:7px 4px 4px;}
.academySection .body .cardInfo .nm {flex:1;font-size:17px;font-weight:600;color:#fff;}
.academySection .body .cardInfo .nm .dot {display:inline-block;width:8px;height:8px;border-radius:100px;background-color: #ff0000;margin-right:3px;vertical-align:2px;}
.academySection .body .cardInfo .xi-home {color:#fff;font-size:20px;}
.academySection .body .cardLive {position:absolute;width:500px;max-width:45vw;top:calc(100% + 14px);left:50%;transform:translateX(-50%);display:none;}
.academySection .body .cardLive .liveImg {width:100%;overflow: hidden;}
.academySection .body .cardLive .liveImg img {width:100%;}
.academySection .body .cardLive .liveTitle {position:aboslute;bottom:0;right:0;left:0;background-color:rgba(0, 0, 0, .8);color:#fff;padding:8px 10px;text-align:left;line-height:1.4;font-weight:500;}
.academySection .history {margin-top:28px;}
.academySection .history.on .historyTitle i {transform:rotate(180deg);}
.academySection .historyTitle {background-color:#2d2d38;color:#fff;font-weight:600;font-size:20px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;}
.academySection .historyList {display:none;max-height:300px;overflow:auto;padding:20px 20px;line-height:1.6;border:1px solid #e5e5e5;border-width:0 1px 1px;}
.academySection .historyList li {margin-bottom:24px;}
.academySection .historyList li:last-child {margin-bottom:0;}
.academySection .historyList .date {font-size:18px;font-weight:500;}
.academySection .historyList .type {font-size:18px;font-weight: 500;}
.academySection .historyList .name {font-size:14px;}

@media all and (max-width:1024px){
    .academyContainer {padding:0 16px 24px;}

    .academyPanel {height:52px;margin:0 0 20px;}

    .academySection {margin-bottom:24px;padding:18px 18px 24px;}
    .academySection .head {text-align:left;margin-bottom:20px;}
    .academySection .head .title {font-size:20px;}
    .academySection .head .recent {font-size:14px;}
    .academySection .body .card {margin-right:0;margin:6px 2px;width:calc((100% - 16px)/2);}
    .academySection .body .cardInfo .nm {font-size:16px;}
    .academySection .body .cardLive {top:calc(100% + 8px);}

    .academySection .historyTitle {padding:10px 14px;font-size:16px;}
    .academySection .historyList {padding:10px 14px;line-height:1.5;}
    .academySection .historyList li {margin-bottom:14px;}
    .academySection .historyList .date {font-size:15px;}
    .academySection .historyList .type {font-size:15px;}
}

@media all and (max-width:520px){
}