
/* 내 강좌현황 페이지 */
.academy_wrap{padding-top: 100px;}
.academy_wrap .aw_tit{position: relative; display:flex; align-items: flex-end;}
/* .academy_wrap .aw_tit h2{font-size: 24px; color: #000;} */
.academy_wrap .aw_tit h2{font-size: 30px; color: #000; position: relative;}
.academy_wrap .aw_tit span{margin-left: auto; color: #888; font-size: 13px;}
.academy_wrap .aw_tit span.beta {
    position: absolute;
    top: 36%;
    left: 105%;
    transform: translateY(-50%);
    font-size: 9px;
    color: #4876ef;
    letter-spacing: 0.5px;
    background: #4876ef;
    color: #fff;
    padding: 1px 7px 2px;
    border-radius: 10px;
}
/* .academy_wrap .aw_tit em{position: absolute; top: 100%; left: 0; font-size: 13px; color: #333; padding-top: 8px;} */
.academy_wrap .aw_tit em{position: absolute; top: 100%; left: 0; font-size: 16px; color: #333; padding-top: 8px;}

/* .academy_content_wrap{margin: 50px 0;} */
.academy_content_wrap{margin: 70px 0 50px 0;}
.academy_content_wrap .ac_tabs{border-bottom: 1px solid #e3e5e8;}
.academy_content_wrap .ac_tabs a{position: relative; padding: 10px 4px; color:#687190; font-size: 20px; display: inline-block;}
.academy_content_wrap .ac_tabs a.on{color: #000;}
.academy_content_wrap .ac_tabs a.on::after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #4b74f2;}
.academy_content_wrap .ac_tabs a + a{margin-left: 15px;}

.academy_content_wrap .ac_inner{margin: 20px 0;}
.academy_content_wrap .ac_inner .lecture_status{display: flex; align-items: center; justify-content: space-between; padding: 25px 30px; background: #f4f6fa; border-radius: 6px;background: #fff; border-bottom: 1px solid #e3e5e8; }  
.academy_content_wrap .ac_inner .lecture_status .btn{position: relative; display: flex; align-items: center;}
.academy_content_wrap .ac_inner .lecture_status .btn p{font-size: 13px; color: #555; margin-right: 10px; letter-spacing: -0.75px;}
.academy_content_wrap .ac_inner .lecture_status .btn span{color: #4876ef;}

.academy_content_wrap .ac_inner .lecture_status.login{background: #f4f6fa;}
.academy_content_wrap .ac_inner .lecture_status .ls_info b{display: block; font-size: 15px; color: #000;}
.academy_content_wrap .ac_inner .lecture_status .ls_info ul{margin-top: 10px; display: flex; align-items: center; position: relative; }
.academy_content_wrap .ac_inner .lecture_status .ls_info ul li{position: relative; font-size: 15px; color: #000; padding: 0 15px;}
.academy_content_wrap .ac_inner .lecture_status .ls_info ul li:first-child{padding-left: 0;}
.academy_content_wrap .ac_inner .lecture_status .ls_info ul li:last-child{padding-right: 0;}
.academy_content_wrap .ac_inner .lecture_status .ls_info ul li + li::before{content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 13px; background: #e3e5e8; transform: translateY(-50%);}
.academy_content_wrap .ac_inner .lecture_status .ls_info ul li font{padding-left: 5px;}
.academy_content_wrap .ac_inner .lecture_status .ls_info ul li font.ac_blue{color: #4876ef;}
.academy_content_wrap .ac_inner .lecture_status .ls_info ul li font.ac_red{color: #ff3981;}
.academy_content_wrap .ac_inner .lecture_status .ls_info p{margin-top: 10px; font-size: 15px; color: #555; text-align: center; word-break: keep-all;}

.academy_content_wrap .ac_inner .lecture_status .btn a{margin-left: 15px; padding: 8px 35px; border-radius: 100px; font-size: 15px;}
.academy_content_wrap .ac_inner .lecture_status .btn a:nth-of-type(1){margin-left: 0;}
.academy_content_wrap .ac_inner .lecture_status .btn a.login{ background: #4876ef; color: #fff; transition: 0.2s all;}
.academy_content_wrap .ac_inner .lecture_status .btn a.login:hover{background: #2f59c3;}
.academy_content_wrap .ac_inner .lecture_status .btn a.my{background:#fff; border: 1px solid #e3e5e8; color: #555; transition: 0.2s all;}
.academy_content_wrap .ac_inner .lecture_status .btn a.my:hover{background: #f1f1f1;}

.academy_content_wrap .ac_inner .lecture_status .btn {font-size:12px;}

/* .academy_content_wrap .ac_inner .lecture_status .btn a#kscore_update_btn{background:#4876ef; border: 1px solid #4876ef; color: #fff; transition: 0.2s all;} */
/* .academy_content_wrap .ac_inner .lecture_status .btn a#kscore_update_btn:hover{background: #2f59c3;} */

.academy_content_wrap .ac_inner .lecture_status .btn a#kscore_update_btn {
    background: #4876ef;
    border: 1px solid #4876ef;
    color: #fff;
    position: relative;
    transition: 0.2s all;
}

.academy_content_wrap .ac_inner .lecture_status .btn a#kscore_update_btn:hover {
    background: #2f59c3;
}

.academy_content_wrap .ac_inner .lecture_status .btn a#kscore_update_btn .loading-spinner.on {
    position: absolute;
    left: 16px;
    top: 53%;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    border: 2px solid #fff;
    border-radius: 50%;
    border-top-color: transparent;
    animation: spin 1s linear infinite;
    z-index: 10002;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.comm_dim_noclick {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 10001;}
#update_alert {position: fixed; bottom: 5%; left: 50%; transform: translateX(-50%); background-color: rgba(0, 0, 0, 0.8); color: white; padding: 10px 20px; border-radius: 5px; display: none; z-index: 999999; font-size: 14px;}

.academy_content_wrap .ac_inner .lecture_status .btn em{font-size: 12px; color: #4876ef; margin-right: 15px;}

.academy_content_wrap .ac_inner .my_lecture_login{padding: 60px 0 20px;}
.academy_content_wrap .ac_inner .my_lecture_login > .lecture_wrap:nth-child(n+2){margin-top: 50px;}

.academy_content_wrap .ac_inner .my_lecture_login .ml_tit{display: flex; align-items: flex-start;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_tit.al{align-items: center; justify-content: flex-end; }
.academy_content_wrap .ac_inner .my_lecture_login .ml_tit.al select{padding: 7px 15px; border: 1px solid #e3e5e8; border-radius: 7px; font-size: 14px; color: #555;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_tit.al select + select{margin-left: 7px; }
.academy_content_wrap .ac_inner .my_lecture_login .ml_tit .ml_t_info .name{font-size: 20px;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_tit .ml_t_info .filter{display: flex; align-items: center; margin-top: 15px;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_tit .ml_t_info .filter > div{position: relative;  color: #555; padding: 0 10px;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_tit .ml_t_info .filter > div:first-child{padding-left: 0;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_tit .ml_t_info .filter > div:last-child{padding-right: 0;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_tit .ml_t_info .filter > div + div::before{content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 11px; background: #e3e5e8;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_tit .ml_t_info .filter .alram{display: flex; align-items: center; color: #4876ef; font-size: 14px;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_tit .ml_t_info .filter .alram img{margin-right: 4px;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_tit .ml_t_info .filter .alramChk{display: flex; align-items: center;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_tit .ml_t_info .filter .alramChk > div{display: flex; align-items: center;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_tit .ml_t_info .filter .alramChk > div + div{margin-left: 15px;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_tit .ml_t_info .filter .alramChk em{color: #555; font-size: 13px;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_tit .ml_t_info .filter .alramChk label{position: relative; display: inline-block; width: 45px; height: 20px; border-radius: 50px; background: gray; transition: 0.2s all; margin-left: 8px;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_tit .ml_t_info .filter .alramChk label.on{background :#4876ef;}

.academy_content_wrap .ac_inner .my_lecture_login .ml_tit .ml_t_info .filter .alramChk label input{appearance: none; display: block; width: 100%; height: 100%;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_tit .ml_t_info .filter .alramChk label input::before{position: absolute; content: ''; width: 15px; height: 15px; border-radius: 50px; background: #fff; left: 3px; top: 50%; transform: translateY(-50%); transition: 0.2s all;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_tit .ml_t_info .filter .alramChk label input:checked::before{left: 60%;}

.academy_content_wrap .ac_inner .my_lecture_login .ml_tit > a.moreBtn{background: url(/img/doctor_bridge/academy/next_btn.png) no-repeat right 15px center / 8px; margin-left: auto; border-radius: 100px; font-size: 13px; border: 1px solid #e3e5e8; padding: 8px 50px 8px 15px; color: #000;} 

.academy_content_wrap .ac_inner .my_lecture_login .ml_cont{margin-top: 20px; display: flex; align-items: center; flex-wrap: wrap; gap: 20px;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box{position: relative; padding: 15px 20px; width: calc(50% - 10px); box-sizing: border-box; border: 1px solid #e3e5e8; border-radius: 7px; }
.academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box > div{margin-bottom: 15px;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box > div:nth-last-of-type(1){margin-bottom: 0px;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box h3{margin:9px 0 15px; font-size: 18px; font-weight: 500; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box h3:hover{text-decoration: underline; text-underline-offset: 4px;}
.academy_content_wrap .dday{color: #fff; background: #4876ef; font-size: 12px; border-radius: 30px; padding: 2px 10px; font-weight: 300;}

.academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box .ml_c_info dl{display: flex; align-items: flex-start;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box .ml_c_info dl + dl{margin-top: 6px;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box .ml_c_info dl dt{width: 100px; font-size: 14px; color: #555;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box .ml_c_info dl dd{width: calc(100% - 100px); font-size: 14px; color: #000;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box .ml_c_info dl dd.fc_b{color: #4876ef;}

.academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box .ml_c_location ul{display: flex; align-items: flex-start; background: url(/img/doctor_bridge/academy/location_ico.png) no-repeat left top 3px; padding-left: 15px; }
.academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box .ml_c_location ul li{position: relative; padding: 0px 9px; font-size: 14px; color: #000; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box .ml_c_location ul li:first-child{padding-left: 0;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box .ml_c_location ul li:last-child{padding-right: 0; width: calc(100% - 80px);}
.academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box .ml_c_location ul li + li::before{content: ''; position: absolute; top:4px; left: 0; width: 1px; height: 12px; background: #e7e8eb;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box .ml_c_location ul li.txt_area {flex-shrink:0; width: 71px;}

/* .academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box .add_lecture{position: absolute; top: 20px; right: 20px; font-size: 12px; color: #555; background: url(/img/doctor_bridge/academy/ad_lect_ico.png) no-repeat left center / 13px; padding-left: 17px; height: 16px; filter: grayscale(1); cursor: default;} */
.academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box .add_lecture{position: absolute; top: 20px; right: 20px; font-size: 14px; color: #555; background: url(/img/doctor_bridge/academy/ad_lect_ico.png) no-repeat left center / 15px; padding-left: 17px; height: 16px; filter: grayscale(1); cursor: default;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box .add_lecture.on{filter: grayscale(0); cursor: pointer; color: #4876ef;}

.academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box_none{display: flex; align-items: center; flex-direction: column; justify-content: center; width: 100%; padding: 60px 0; border-top: 1px solid #e3e5e8; border-bottom: 1px solid #e3e5e8; }
.academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box_none p{font-size: 16px; color: #4f5157;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box_none em{margin: 3px 0 17px; display: block; font-size: 13px; color: #5c667b;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box_none a{display: inline-block; padding: 10px 25px; background: #fff; font-size: 14px; color: #4876ef; border: 1px solid #4876ef; border-radius: 6px; text-align: center; transition: 0.2s all;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box_none a:hover{background: #4876ef; color: #fff;}

.academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box.noneLec *{color: #888 !important;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box.noneLec .dday{background: #ededed; color: #898989;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box.noneLec h3{cursor: default;}
.academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box.noneLec h3:hover{text-decoration: none;}
/* .academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box.noneLec .noneBg{width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; z-index: 9999;} */
 
/* kma 로그인 유도 팝업 */
.academy_pop{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -46%); background: #fff; border-radius: 8px; min-width: 500px; z-index: 10003; opacity: 0; visibility: hidden; transition: 0.2s all;}
.academy_pop.on{ transform: translate(-50%, -50%); opacity: 1; visibility: visible;}
.academy_pop .tit{padding: 20px; border-bottom: 1px solid #e3e5e8;}
.academy_pop .tit img{width: 130px;}

.academy_pop .ap_inner{padding: 40px 30px 10px;}
.academy_pop .ap_inner h4{margin-bottom: 25px; font-size: 24px; color: #000;}
.academy_pop .ap_inner p{color:#333; font-size: 16px;}
.academy_pop .ap_inner .thumb{text-align: center; margin: 40px 0;}
.academy_pop .ap_inner label.chkBox{display: block; font-size: 14px; display: flex; align-items: center; padding-left: 20px;}
.academy_pop .ap_inner label.chkBox input{margin-right: 5px;}

.academy_pop .ap_inner .kp_btn{margin-top: 13px; text-align: center;}
.academy_pop .ap_inner .kp_btn a{display: block; text-align: center; padding: 15px 0;  border-radius: 100px; font-size: 14px;}
.academy_pop .ap_inner .kp_btn a.submit{background: #4876ef; color: #fff; transition: 0.2s all; }
.academy_pop .ap_inner .kp_btn a.submit:hover{background: #2f59c3;}

.academy_pop .ap_inner .kp_btn a.close{display: inline-block; margin-top: 5px; color: #888; }

.academy_pop .ap_inner .login_form > div + div{margin-top: 20px;}
.academy_pop .ap_inner .login_form label p{font-size: 14px; margin-bottom: 8px;}
.academy_pop .ap_inner .login_form label input{width: 100%; padding: 12px 13px; border: 1px solid #e3e5e8; border-radius: 6px; appearance: none; outline: none; font-size: 14px;}
.academy_pop .ap_inner .login_form label input::placeholder{font-size: 12px; }

.academy_pop .ap_inner label[for="kp_chk02"]{margin-top: 45px; padding-left: 5px;}

@media screen and (max-width:1260px) { /* pc 컨텐츠 최대 width 1200px + 양 옆 여백 30px */
    .academy_wrap .aw_tit{padding: 0 30px;}
    .academy_wrap .aw_tit em{left: 30px;}
    .academy_content_wrap .ac_tabs{padding: 0 30px;}
    .academy_content_wrap .ac_inner .login_status{padding: 0 30px;}
    .academy_content_wrap .ac_inner .my_lecture{padding: 0 30px;}
    .academy_content_wrap .ac_inner .my_lecture_login .lecture_wrap{padding: 0 30px;}
    
    .m_enter{display: block;}
}
@media screen and (max-width:1023px) { /* 테블릿 가로 (해상도 768px ~ 1023px) */
    

    .academy_wrap .aw_tit{padding: 0 15px;}
    /* .academy_wrap .aw_tit h2{font-size: 20px;} */
    .academy_wrap .aw_tit h2{font-size: 24px;}
    .academy_wrap .aw_tit em{ padding: 8px 15px 0 15px; left: 0; font-size: 13px;}
    
    .academy_content_wrap{margin: 50px 0;}
    .academy_content_wrap .ac_tabs{padding: 0 15px;}
    .academy_content_wrap .ac_tabs a{font-size: 16px;}
    .academy_content_wrap .ac_inner .login_status{padding: 0 15px;}
    .academy_content_wrap .ac_inner .my_lecture{padding: 0 15px;}
    .academy_content_wrap .ac_inner .my_lecture_login .lecture_wrap{padding: 0 15px;}

    .academy_content_wrap .ac_inner .lecture_status.kma_before{padding: 30px 10px 60px 10px;}
    .academy_content_wrap .ac_inner .lecture_status.kma_after_re{padding: 30px 30px 55px 30px;}
    .academy_content_wrap .ac_inner .lecture_status{flex-direction: column; border-bottom: 0px; padding: 30px;} 
    .academy_content_wrap .ac_inner .lecture_status .btn{ margin-top: 15px; width: 100%; justify-content: center; }
    .academy_content_wrap .ac_inner .lecture_status .btn a{margin-left: 0;}
    .academy_content_wrap .ac_inner .lecture_status .btn a + a{margin-left: 10px;}
    .academy_content_wrap .ac_inner .lecture_status .btn p{position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%); text-align: center; width: 100%; word-break: keep-all;}

    .academy_content_wrap .ac_inner .lecture_status .ls_info b{text-align: center;}    
    
    .academy_content_wrap .ac_inner .lecture_status.kma_after .ls_info ul{ padding-top: 26px;}
    .academy_content_wrap .ac_inner .lecture_status.kma_after .ls_info ul li:nth-child(1){position: absolute; top: 0; width: 100%; text-align: center;}
    .academy_content_wrap .ac_inner .lecture_status.kma_after .ls_info ul li:nth-child(2){padding-left: 0;}
    .academy_content_wrap .ac_inner .lecture_status.kma_after .ls_info ul li:nth-child(2)::before{display: none;}
    /* .academy_content_wrap .ac_inner .lecture_status.kma_after .btn{flex-direction: column; } */
    .academy_content_wrap .ac_inner .lecture_status.kma_after .btn{flex-direction: row; }
    .academy_content_wrap .ac_inner .lecture_status.kma_after .btn em{order: 2; margin-right: 0px; margin-top: 5px;}

    .academy_content_wrap .ac_inner .lecture_status.kma_after_re .ls_info ul{ padding-top: 26px;}
    .academy_content_wrap .ac_inner .lecture_status.kma_after_re .ls_info ul li:nth-child(1){position: absolute; top: 0; width: 100%; text-align: center;}
    .academy_content_wrap .ac_inner .lecture_status.kma_after_re .ls_info ul li:nth-child(2){padding-left: 0;}
    .academy_content_wrap .ac_inner .lecture_status.kma_after_re .ls_info ul li:nth-child(2)::before{display: none;}

    .academy_content_wrap .ac_inner .my_lecture_login{ padding: 20px 0;}
    .academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box{width: 100%;}
    .academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box_none{border: 1px solid #e3e5e8; border-radius: 7px;}
    .academy_content_wrap .ac_inner .my_lecture_login .ml_tit{position: relative;}
    .academy_content_wrap .ac_inner .my_lecture_login .ml_tit > a.moreBtn{position: absolute; top: 0; right: 0; padding: 8px 0px 8px 15px; border: 0px; border-radius: 0px; background: none;}
    .academy_content_wrap .ac_inner .my_lecture_login .ml_tit .ml_t_info{width: 100%; }
    .academy_content_wrap .ac_inner .my_lecture_login .ml_tit .ml_t_info .filter{padding: 13px 20px; border-radius: 5px; justify-content: space-between; background: #f2f4f7;}
    .academy_content_wrap .ac_inner .my_lecture_login .ml_tit .ml_t_info .filter > div + div::before{display: none;}

    .m_enter{display: none;}
    .m_line{width: 100%; height: 15px; background: #f7f7f7; border-top: 1px solid #e3e5e8; margin: 20px 0;}
}
@media screen and (max-width:767px) { /* 모바일 가로 & 테블릿 세로 (해상도 480px ~ 767px) */    
    .academy_content_wrap{margin: 70px 0;}
    .academy_wrap .aw_tit em{ padding: 10px 15px 0 15px;}
    
    .academy_content_wrap .ac_inner .lecture_status{padding: 30px 10px;}
    .academy_content_wrap .ac_inner .lecture_status .ls_info p{font-size: 14px;}
    .academy_content_wrap .ac_inner .my_lecture_login .ml_tit .ml_t_info .name{font-size: 18px;}
    .academy_content_wrap .ac_inner .my_lecture_login .ml_cont .ml_c_box h3{font-size: 16px;}
    .academy_content_wrap .ac_inner .my_lecture_login > .lecture_wrap:nth-child(n+2){margin-top: 30px;}
    .academy_content_wrap .ac_inner .lecture_status .btn a{font-size: 13px;}
    .m_line{height: 10px;}

    .academy_pop{min-width: 100%;}
    .academy_pop .ap_inner h4{font-size: 21px;}
}



/* 전체강좌페이지 */
.all_lecture .academy_content_wrap .ac_inner{margin:25px 0;}
.all_lecture .academy_content_wrap .ac_inner .al_search_wrap {display: flex; align-items: center; justify-content:center; flex-wrap:wrap; padding-bottom:25px; border-bottom: 1px solid #e3e5e8;}

.all_lecture .academy_content_wrap .ac_inner .al_search_wrap input[type=text]::placeholder {font-size:14px; color:#aaa;}
.all_lecture .academy_content_wrap .ac_inner .al_search_wrap input[type=text]::-moz-placeholder {font-size:14px; color:#aaa;}
.all_lecture .academy_content_wrap .ac_inner .al_search_wrap input[type=text]:-ms-input-placeholder {font-size:14px; color:#aaa;}
.all_lecture .academy_content_wrap .ac_inner .al_search_wrap input[type=text]::-webkit-input-placeholder {font-size:14px; color:#aaa;}

.all_lecture .academy_content_wrap .ac_inner .search_filter {display: flex; align-items: center; width:100%; gap:10px;}

.all_lecture .academy_content_wrap .ac_inner .search_filter .inner_search {display:flex;align-items:center;gap:10px;}

.all_lecture .academy_content_wrap .ac_inner .search_filter .sf_select {display: flex; align-items: center; gap:10px;}
.all_lecture .academy_content_wrap .ac_inner .search_filter .sf_select .ep_allList {border: 1px solid #e3e5e8; border-radius: 5px; position: relative;} 
.all_lecture .academy_content_wrap .ac_inner .search_filter .sf_select .ep_allList button {display: flex; align-items: center;  border-radius: 5px; padding:8px 12px;} 
.all_lecture .academy_content_wrap .ac_inner .search_filter .sf_select .ep_allList button span {font-size: 14px;}
.all_lecture .academy_content_wrap .ac_inner .search_filter .sf_select .ep_allList button .morBtn {display: flex; align-items: center; margin-left:8px; width:10px;}
.all_lecture .academy_content_wrap .ac_inner .search_filter .sf_select .ep_allList button .morBtn img {width:100%;}

.all_lecture .academy_content_wrap .ac_inner .search_filter .sf_period {display:flex; align-items: center;}  
.all_lecture .academy_content_wrap .ac_inner .search_filter .sf_period input{ border: 1px solid #e3e5e8;  padding:8px 12px; border-radius: 5px; font-size: 14px; outline: none; width:120px;}
.all_lecture .academy_content_wrap .ac_inner .search_filter .sf_period em {width:24px; font-size:14px; color:#333; font-weight:400; letter-spacing:-0.025em; line-height:20px; text-align:center;}

.all_lecture .academy_content_wrap .ac_inner .search_filter .sf_searchbar {border: 1px solid #e3e5e8; border-radius: 5px; position: relative; max-width:250px; width: 100%;}  
.all_lecture .academy_content_wrap .ac_inner .search_filter .sf_searchbar input{ padding:8px 12px; border-radius: 5px; font-size: 14px; width: 100%; outline: none;}

.all_lecture .academy_content_wrap .ac_inner .search_filter .sf_chkbox {display: flex; align-items: center; margin-left:10px;}
.all_lecture .academy_content_wrap .ac_inner .search_filter .sf_chkbox label {display: flex; align-items: center;flex-shrink:0;}
.all_lecture .academy_content_wrap .ac_inner .search_filter .sf_chkbox label + label {margin-left:20px;}
.all_lecture .academy_content_wrap .ac_inner .search_filter .sf_chkbox label input{width:20px; height: 20px; appearance: none; background: url("/img/doctor_bridge/employ/chk_off02.png") no-repeat left center / 20px;}
.all_lecture .academy_content_wrap .ac_inner .search_filter .sf_chkbox label input:checked{ background: url("/img/doctor_bridge/employ/chk_on02.png") no-repeat left center / 20px;}
.all_lecture .academy_content_wrap .ac_inner .search_filter .sf_chkbox label em {margin-left:7px; color: #3f4354; font-size: 15px;}

.all_lecture .academy_content_wrap .ac_inner .serach_btn {display: flex; align-items: center; justify-content: center; margin-top:15px; gap:30px;}
.all_lecture .academy_content_wrap .ac_inner .serach_btn a {position: relative; padding:6px 20px; border-radius: 100px; font-size: 14px; display: flex; align-items: center;}
.all_lecture .academy_content_wrap .ac_inner .serach_btn a:first-child{margin-left: 0;}
.all_lecture .academy_content_wrap .ac_inner .serach_btn a:last-child{margin-right: 0;}
.all_lecture .academy_content_wrap .ac_inner .serach_btn a img{margin-right: 5px;}
.all_lecture .academy_content_wrap .ac_inner .serach_btn a.check{background: #4876ef; color: #fff; border: 1px solid #4876ef; }
.all_lecture .academy_content_wrap .ac_inner .serach_btn a.reset{background: #fff; color: #555; border: 1px solid #e3e5e8;}
.all_lecture .academy_content_wrap .ac_inner .serach_btn a.reset img{width: 13px;}
.all_lecture .academy_content_wrap .ac_inner .serach_btn a + a::before{content: ''; position: absolute; left: -16px; top: 50%; transform: translateY(-50%); width: 1px; height:15px; background: #e3e5e8;}


.all_lecture .cf_content .cf_pop_tit {width:100%; display:block;}
.all_lecture .cf_content .cf_pop_tit div {display:none; align-items: center; justify-content: center;}
.all_lecture .cf_content .cf_pop_tit div p {font-size:17px; color:#000; font-weight:500; letter-spacing:-0.025em; line-height:21px; padding-top:2px;}
.all_lecture .cf_content .cf_pop_tit div b {display: flex; align-items: center; justify-content: center; width:19px; height: 19px; background: #4876ef; margin-left:6px; border-radius:100px; font-size:13px; font-weight:400; color: #fff; line-height:17px; padding-right:1px;}
.all_lecture .cf_content .cf_pop_tit div b.exceed {width:auto; height:19px; padding:0 7px;}
.all_lecture .cf_content .cf_pop_tit .reset {position: absolute; top:50%; right:20px; background: url("/img/doctor_bridge/employ/reset_icon.png") no-repeat left top 2px / 12px; padding-left:18px;  font-size:13px; line-height:17px; margin-top:-10px; display:none;}
.all_lecture .cf_content .cf_pop_tit .back {position: absolute; top:10px; right:10px; width:34px; height:34px; background:url("/img/doctor_bridge/common/popClose.png")no-repeat center; background-size:14px;}

.all_lecture .cf_content .cf_pop_btn {width:100%; display:block; padding: 0 20px 20px; box-sizing: border-box; }
.all_lecture .cf_content .cf_pop_btn a {width:100%; font-size:16px; font-weight:400; color:#fff; letter-spacing:-0.025em; line-height:52px; background-color:#4876ef; text-align: center; display: block; border-radius: 50px;}

.all_lecture .cf_content {display: none; position: absolute; left: 0; top: 110%; background: #fff; z-index: 99999; width: 500px; border: 1px solid #ccc; border-radius: 8px;}

.all_lecture .cf_content.ms .cf_pop_cont{overflow-y: visible;}
.all_lecture .cf_content.ms .cf_pop_cont .cf_chk_list{box-sizing: border-box; justify-content: flex-start; border: 0px; border-bottom: 1px solid #e3e5e8; border-radius: 8px 8px 0 0;}
.all_lecture .cf_content.ms .cf_pop_btn {display: flex; padding: 0 20px 15px; box-sizing: border-box; justify-content: flex-end; text-align: left;}
.all_lecture .cf_content.ms .cf_pop_btn a{line-height: 42px; height: 39px; width: 150px;}

.all_lecture #msPopup .pc_tit{padding: 20px 0 0 20px; font-size: 14px; color: #888;}

.all_lecture #wtPopup{padding: 20px; width: 450px;}
.all_lecture #wtPopup .pc_tit{font-size: 14px; color: #888; margin-bottom: 20px;}
.all_lecture #wtPopup .cf_chk_list{background-color: #fff; display: flex; justify-content: space-between; border: none; padding: 0; gap: 0;}
.all_lecture #wtPopup .cf_pop_btn {width: 100%; display: block; box-sizing: border-box; padding: 0; display: flex; justify-content: end;}
.all_lecture #wtPopup .cf_pop_btn a{line-height: 37px; max-width: 150px;}
.all_lecture #wtPopup .cf_pop_cont{border: 0;padding: 0px 0 20px 0; height: auto; overflow-y: auto; border-bottom: 1px solid #ccc; margin-bottom: 20px;}
.all_lecture .cf_content .cf_pop_cont {border:0; padding:0 0 20px 0; height: auto; overflow-y: auto;}

.all_lecture .cf_chk_list {width:100%; border:1px solid #e3e5e8; background-color:#fff; border-radius:6px; padding:20px; display:flex; flex-wrap:wrap; gap:10px;}
.all_lecture .cf_chk_list label {cursor: pointer; margin-top: 5px;}
.all_lecture .cf_chk_list label input {display:none;}
.all_lecture .cf_chk_list label div {padding:0 16px; background-color:#f2f4f7; font-size:13px; color:#888; font-weight:400; letter-spacing:-0.04em; line-height:29px; border:1px solid #f2f4f7; border-radius:100px;}
.all_lecture .cf_chk_list label input:checked + div {background-color:#fff; border:1px solid #4876EF; color:#4876EF; font-weight:500;}


.all_lecture .ft_btn{display: inline-block; margin: 0 5px; border: 1px solid #e3e5e8; border-radius: 7px; position: relative;}
.all_lecture .ft_btn:first-child{margin-left: 0;}
.all_lecture .ft_btn:last-child{margin-right: 0;}
.all_lecture .ft_btn button {padding:8px 12px; display: flex; align-items: center;}
.all_lecture .ft_btn button:hover{background: #ededed;}
.all_lecture .ft_btn button span{display: inline-block; margin-right: 6px; font-family: 'Spoqa Han Sans Neo',sans-serif!important; font-size: 14px; color: #333; font-weight: 500;}
.all_lecture .ft_btn button span.filter_tit{color: #4876ef; margin-right: 0;}
.all_lecture .ft_btn button em{display: flex; align-items: center;justify-content: center; background-color: #36f; border-radius: 10px; color: #fff; font-size: 12px; font-weight: 600; width: 20px; height: 20px; margin-left: 7px; position: absolute; top: -9px; right: -9px; z-index: 0;}
.all_lecture .ft_btn button em.exceed{width: auto; height: 20px; padding: 0 8px;}
.all_lecture .ft_reset_area{display: inline-block;}
.all_lecture .ft_reset_area .all_reset_btn {margin-left: 15px; background: url('/img/doctor_bridge/employ/reset_icon.png') no-repeat left top 3px / 13px; padding-left: 19px; font-size: 14px;}
.all_lecture .academy_content_wrap .ac_inner .search_filter .sf_select .ft_btn.area .morBtn{display: flex; align-items: center; margin-left: 5px;}


.all_lecture .area_filter { display: flex; align-items: center; justify-content: space-between; border: 1px solid #e3e5e8; border-radius: 5px; position: relative; cursor: pointer;}
.all_lecture .area_filter select {padding:8px 30px 8px 12px; display: flex; align-items: center; border: none; border-radius: 5px; appearance: none; font-size: 14px !important; outline: none; cursor: pointer; width: 100%;}
.all_lecture .area_filter .morBtn {display: flex; align-items: center; position: absolute; right:12px; top: 50%; transform: translateY(-50%);}
.all_lecture .area_filter .morBtn img {display: block; width:10px;}

.condPopup {max-width:550px; width:100%; position: fixed; top:50%; left:50%; transform: translate(-50%, -50%); z-index: 100002; background-color:#fff; box-shadow: 0 4px 8px rgba(0,0,0,.15); border-radius: 8px; display:none; max-height:calc(100vh - 100px); max-height:calc((var(--vh, 1vh) * 100) - 100px); box-sizing: border-box;}
.condPopup * {box-sizing: border-box;}

.condPopup .tit {position: relative; padding:20px;}
.condPopup .tit div {display:flex; align-items: center; justify-content: center;}
.condPopup .tit div p {font-size:18px; color:#000; font-weight:500; letter-spacing:-0.025em; line-height:22px;}
.condPopup .tit div b {display: flex; align-items: center; justify-content: center; width:20px; height: 20px; background: #4876ef; margin-left:6px; border-radius:100px; font-size:14px; font-weight:400; color: #fff; line-height:18px; padding-right:1px;}
.condPopup .tit div b.exceed {width:auto; height:20px; padding:0 8px;}
.condPopup .tit .reset {position: absolute; top:50%; left:20px; padding-left:19px; background: url("/img/doctor_bridge/employ/reset_icon.png") no-repeat left top 3px / 13px; font-size:14px; color: #555; font-weight: 500; line-height:20px; margin-top:-10px; cursor: pointer;}
.condPopup .tit .close {position: absolute; top:50%; right:0; width:54px; height:54px; background:url("/img/doctor_bridge/common/popClose.png")no-repeat center; background-size:14px; margin-top:-27px; cursor: pointer;}

.condPopup .form {width:100%; display:flex; padding:0 20px;}
.condPopup .form .depth.depth1 {border-right:0; width:42%;}
.condPopup .form .depth.depth2 {width:58%;}
.condPopup .form .depth h4 {display: block; font-size:14px; color:#888; font-weight:400; letter-spacing:-0.025em; line-height:20px; margin-bottom:10px;}
.condPopup .form .depth .dContainer {width:100%; height:230px; border: 1px solid #e3e5e8;}
.condPopup .form .depth1 .dContainer {border-right:0; border-radius:6px 0 0 6px;}
.condPopup .form .depth2 .dContainer {border-radius:0 6px 6px 0;}

.condPopup .scroll-wrapper {overflow: hidden !important;  padding: 0 !important; position: relative;}
.condPopup .scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important;}
.condPopup .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0;}
.condPopup .scroll-element { display: none;}
.condPopup .scroll-element, .scroll-element div { box-sizing: content-box;}
.condPopup .scroll-element.scroll-x.scroll-scrollx_visible,
.condPopup .scroll-element.scroll-y.scroll-scrolly_visible { display: block;}
.condPopup .scroll-element .scroll-bar,
.condPopup .scroll-element .scroll-arrow { cursor: default;}
.condPopup .scroll-textarea {border: 1px solid #cccccc; border-top-color: #999999;}
.condPopup .scroll-textarea > .scroll-content { overflow: hidden !important;}
.condPopup .scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: content-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important;}
.condPopup .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0;}
.condPopup .scrollbar-outer > .scroll-element,
.condPopup .scrollbar-outer > .scroll-element div{ border: none; margin: 0; padding: 0; position: absolute; z-index: 10;} 
.condPopup .scrollbar-outer > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; }
.condPopup .scrollbar-outer > .scroll-element.scroll-x { display:none; bottom: 0; height: 12px; left: 0; width: 100%;}
.condPopup .scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 0;}
.condPopup .scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; }
.condPopup .scrollbar-outer > .scroll-element .scroll-element_track { background-color:none; }
.condPopup .scrollbar-outer > .scroll-element .scroll-element_outer,
.condPopup .scrollbar-outer > .scroll-element .scroll-element_track,
.condPopup .scrollbar-outer > .scroll-element .scroll-bar { -ms-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.condPopup .scrollbar-outer > .scroll-content.scroll-scrolly_visible { left:0; margin-left: 0; }
.condPopup .scrollbar-outer > .scroll-content.scroll-scrollx_visible { top:  -12px; margin-top:  12px;}
.condPopup .scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; }
.condPopup .scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; }
.condPopup .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; }
.condPopup .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; }
.condPopup .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; }
.condPopup .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; }

.condPopup .scrollbar-outer > .scroll-element.scroll-y {height:calc(100% - 9px); right: 0; top:4px; width:7px; position:absolute;}
.condPopup .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {left:0; width:3px;}
.condPopup .scrollbar-outer > .scroll-element .scroll-bar { background-color: #e0e0e0; cursor: pointer;}
.condPopup .scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #ccc;}
.condPopup .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #acacac;}

.condPopup .form .depth .dContainer .tab {width:100%; padding:5px 0;}
.condPopup .form .depth .dContainer .tab div {width:100%; padding:10px 15px; cursor: pointer; transition:all 0.2s; display:flex;}
.condPopup .form .depth .dContainer .tab div:hover {background-color:#f4f6fa;}
.condPopup .form .depth .dContainer .tab div p {font-size:14px; color:#333; font-weight:400; letter-spacing:-0.025em; line-height:20px; position: relative;}
.condPopup .form .depth .dContainer .tab div.chk p {color:#4876EF; font-weight:500;}
.condPopup .form .depth .dContainer .tab div.on {background-color:#f4f6fa;}
.condPopup .form .depth .dContainer .tab div.on p {color:#4876EF; font-weight:500;}


.condPopup .form .depth .dContainer .dContent {width:100%; padding:5px 0;}
.condPopup .form .depth .dContainer .dContent .cont {width:100%; display:none;}

.condPopup .form .depth .dContainer .dContent .cont label {display: block; width:100%; cursor: pointer;}
.condPopup .form .depth .dContainer .dContent .cont label input {display:none;}
.condPopup .form .depth .dContainer .dContent .cont label p {width:100%; font-size:14px; color:#333; font-weight:400; letter-spacing:-0.025em; line-height:20px; padding:10px 15px; position: relative; padding-left:40px;}
.condPopup .form .depth .dContainer .dContent .cont label p::before {content:""; width:16px; height:16px; border:1px solid #e3e5e8; border-radius:4px; position: absolute; top:50%; left:15px; margin-top:-9px; background-color:#fff;}
.condPopup .form .depth .dContainer .dContent .cont label:hover p {background-color:#f4f6fa;}
.condPopup .form .depth .dContainer .dContent .cont label input:checked + p {color:#4876EF; font-weight:500;}
.condPopup .form .depth .dContainer .dContent .cont label input:checked + p::before {background:url("/img/doctor_bridge/mypage/chk.png")no-repeat center #fff; background-size:10px; border:1px solid #4876EF;}


.condPopup .select {width:100%; background-color:#f4f6fa; margin-top:20px; }
.condPopup .select .list {width:100%; padding:20px; gap:8px; display:flex; flex-wrap: wrap; max-height:140px;}
.condPopup .select .list div {border:1px solid #4876EF; border-radius:100px; padding:0 12px; display:flex; align-items: center; background-color:#fff;}
.condPopup .select .list div p {font-size:14px; color:#4876EF; font-weight:400; letter-spacing:-0.04em; line-height:26px;}
.condPopup .select .list div a {background:url("/img/doctor_bridge/employ/ep_close.svg")no-repeat center / cover; filter: invert(37%) sepia(98%) saturate(764%) hue-rotate(197deg) brightness(97%) contrast(92%); width:10px; height:10px; margin-left:8px; cursor: pointer;}
.condPopup .select .list b {display: block; width:100%; text-align: center; font-size:14px; color:#8491a7; font-weight:400; letter-spacing:-0.025em; line-height:28px;}

.condPopup .btn {width:100%; padding:20px;}
.condPopup .btn a {display: block; width:100%; background-color:#4876EF; font-size:16px; color:#fff; font-weight:400; letter-spacing:-0.025em; line-height:50px; border-radius:100px; text-align: center;}
.condPopup.ssdr_offer_cond .btn a {background-color:#FF3981;}


@media screen and (max-width:1260px){
    .all_lecture .academy_content_wrap {margin: 20px 0;}
    .all_lecture .academy_content_wrap .ac_inner .al_search_wrap{padding:0 30px 20px 30px;}
    .all_lecture .academy_content_wrap .ac_inner .search_filter .sf_searchbar{width:180px;}
    .all_lecture .academy_content_wrap .ac_inner .serach_btn {gap:24px;}
    .all_lecture .academy_content_wrap .ac_inner .serach_btn a + a::before{left: -13px;}
}
@media screen and (max-width:1260px) {
    .all_lecture .academy_content_wrap .ac_inner .search_filter {flex-direction:column;}
    .all_lecture .academy_content_wrap .ac_inner .search_filter .inner_search {width:100%;}

    .all_lecture .academy_content_wrap .ac_inner{margin: 20px 0 ;}
    .all_lecture .academy_content_wrap .ac_inner .al_search_wrap{padding: 0 15px; flex-direction: column; border-bottom: 0px;}
    .all_lecture .academy_content_wrap .ac_inner .search_filter{flex-direction: column; width: 100%;}
    .all_lecture .academy_content_wrap .ac_inner .search_filter .sf_searchbar{width: 100%; max-width: none;}
    .all_lecture .academy_content_wrap .ac_inner .search_filter .sf_searchbar input{padding: 12px 15px;}

    .all_lecture .academy_content_wrap .ac_inner .search_filter .sf_select {width: 100%; justify-content: center;}    
    .all_lecture .academy_content_wrap .ac_inner .search_filter .sf_select .ep_allList button{width: 100%; padding:12px 15px;}
    .all_lecture .academy_content_wrap .ac_inner .search_filter .sf_select .ep_allList button .morBtn{margin-left: auto;}
    .all_lecture .academy_content_wrap .ac_inner .search_filter .sf_select .ep_allList{width: 50%; margin: 0;}
    .all_lecture .academy_content_wrap .ac_inner .search_filter .sf_select .ft_btn.area{width: 50%;}
    .all_lecture .academy_content_wrap .ac_inner .search_filter .sf_select .ft_btn.area .morBtn{margin-left: auto;}
    .all_lecture .academy_content_wrap .ac_inner .search_filter .sf_select .ft_btn button{width: 100%; padding: 12px 15px;}

    
    .all_lecture .academy_content_wrap .ac_inner .search_filter .sf_period {width:100%;}
    .all_lecture .academy_content_wrap .ac_inner .search_filter .sf_period input {width:calc(50% - 12px); padding:12px 15px;}
    
    
    .all_lecture .area_filter{width: 50%;}
    .all_lecture .area_filter select{ padding: 12px 30px 12px 15px;}
    .all_lecture .area_filter .morBtn {right:15px;}
    .all_lecture .area_filter .morBtn img {height:auto;}

    .all_lecture .academy_content_wrap .ac_inner .search_filter .sf_chkbox{margin-left: 0px; width: 100%;justify-content:flex-start;}
    .all_lecture .academy_content_wrap .ac_inner .search_filter .sf_chkbox label em{font-size: 14px;}

    .all_lecture .academy_content_wrap .ac_inner .serach_btn{width: 100%; gap:15px; margin-top: 20px;}
    .all_lecture .academy_content_wrap .ac_inner .serach_btn a{padding:8px 25px;}
    .all_lecture .academy_content_wrap .ac_inner .serach_btn a + a::before{display: none;}
}
@media screen and (max-width:1023px){
    .all_lecture .academy_content_wrap .ac_inner .search_filter .inner_search {flex-direction:column;}
    .all_lecture .academy_content_wrap .ac_inner .search_filter .sf_chkbox {margin-top: 10px;justify-content:center;}
    
    .all_lecture .cf_content {display: block; width:100%; height:100%; position: fixed; top:0; left:0; transform: translateX(100%); background-color:#fff; z-index:100002;}
    .all_lecture .cf_content .cf_pop_tit {display: block; position: relative; border-bottom:1px solid #e3e5e8; padding:18px 0;}
    .all_lecture .cf_content .cf_pop_tit div {display:flex;}
    .all_lecture .cf_content .cf_pop_tit .reset {display: block;}
    .all_lecture .cf_content .cf_pop_tit .back {top:0; left:0; width:54px; height:100%; background-image:url("/img/doctor_bridge/common/back.png"); background-size:14px;}


    .all_lecture .cf_content .cf_pop_cont {border:0; padding:20px !important; height:calc(100vh - 112px); height:calc((var(--vh, 1vh) * 100) - 112px); overflow-y: auto; border-bottom: 0px !important;}
    .all_lecture .cf_content .cf_pop_btn {display: block; position: absolute; bottom: 0; left: 0; right: 0; padding: 0; z-index: 99999;}  
    .all_lecture .cf_content .cf_pop_btn a {border-radius: 0px;}

    .all_lecture #msPopup .pc_tit{display: none;}
    .all_lecture .cf_content.ms .cf_pop_btn{display: block; position: absolute; bottom: 0; left: 0; right: 0; padding: 0; z-index: 99999;}
    .all_lecture .cf_content.ms .cf_pop_btn a{width: 100%; font-size: 16px; font-weight: 400; color: #fff; letter-spacing: -0.025em; line-height: 45px; background-color: #4876ef; text-align: center; display: block;}

    .all_lecture .cf_chk_list{padding: 0; border: 0; gap: 8px; border-bottom: 0 !important;}
    .all_lecture .cf_chk_list label {width:calc(25% - 6px); text-align: center;}
    .all_lecture .cf_chk_list label div{padding: 0 10px; background-color: #fff; font-size: 13px; color: #999; line-height: 38px; border: 1px solid #e3e5e8; border-radius: 6px;}    

        

    .condPopup {max-width:none; max-height:none; height:100%; top:0; left:0; transform:none; box-shadow:none; border-radius:0; display:block!important; padding-bottom:80px; box-sizing: border-box; transform: translateX(100%);}

    .condPopup .tit {padding:18px 0; border-bottom:1px solid #e3e5e8;}
    .condPopup .tit div {display:flex; align-items: center; justify-content: center;}
    .condPopup .tit div p {font-size:17px; line-height:21px; padding-top:2px;}
    .condPopup .tit div b {font-size:13px; line-height:17px; width:19px; height:19px;}
    .condPopup .tit div b.exceed {width:auto; height:19px; padding:0 7px;}

    .condPopup .tit .reset {top:50%; left:auto; right:20px; padding-left:18px; background-size:12px; font-size:13px; line-height:17px; background-position:left top 2px;}
    .condPopup .tit .close {top:0; right:auto; left:0; height:100%; background:url("/img/doctor_bridge/common/back.png")no-repeat center; background-size:14px; margin:0;}

    .condPopup .form {padding:20px;}
    .condPopup .form .depth.depth1 {width:45%;}
    .condPopup .form .depth.depth2 {width:55%;}
    .condPopup .form .depth .dContainer {width:100%; height:calc(100vh - 182px); height:calc((var(--vh, 1vh) * 100) - 182px); border: 1px solid #e3e5e8;}
    .condPopup .form .depth1 .dContainer {border-right:0; border-radius:6px 0 0 6px;}
    .condPopup .form .depth2 .dContainer {border-radius:0 6px 6px 0;}


    .condPopup .scrollbar-outer > .scroll-element.scroll-y {height:calc(100% - 9px); right: 0; top:4px; width:7px; position:absolute;}
    .condPopup .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {left:0; width:3px;}
    .condPopup .scrollbar-outer > .scroll-element .scroll-bar { background-color: #e0e0e0; cursor: pointer;}
    .condPopup .scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #ccc;}
    .condPopup .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #acacac;}

    .condPopup .form .depth .dContainer .tab {width:100%; padding:5px 0;}
    .condPopup .form .depth .dContainer .tab div {width:100%; padding:10px 15px; cursor: pointer; transition:all 0.2s; display:flex;}
    .condPopup .form .depth .dContainer .tab div:hover {background-color:#f4f6fa;}
    .condPopup .form .depth .dContainer .tab div p {font-size:14px; color:#333; font-weight:400; letter-spacing:-0.025em; line-height:20px; position: relative;}
    .condPopup .form .depth .dContainer .tab div.chk p {color:#4876EF; font-weight:500;}
    .condPopup .form .depth .dContainer .tab div.on {background-color:#f4f6fa;}
    .condPopup .form .depth .dContainer .tab div.on p {color:#4876EF; font-weight:500;}

    .condPopup .form .depth .dContainer .dContent {width:100%; padding:5px 0;}
    .condPopup .form .depth .dContainer .dContent .cont {width:100%; display:none;}

    .condPopup .form .depth .dContainer .dContent .cont label {display: block; width:100%; cursor: pointer;}
    .condPopup .form .depth .dContainer .dContent .cont label input {display:none;}
    .condPopup .form .depth .dContainer .dContent .cont label p {width:100%; font-size:14px; color:#333; font-weight:400; letter-spacing:-0.025em; line-height:20px; padding:10px 15px; position: relative; padding-left:40px;}
    .condPopup .form .depth .dContainer .dContent .cont label p::before {content:""; width:16px; height:16px; border:1px solid #e3e5e8; border-radius:4px; position: absolute; top:50%; left:15px; margin-top:-9px; background-color:#fff;}
    .condPopup .form .depth .dContainer .dContent .cont label:hover p {background-color:#f4f6fa;}
    .condPopup .form .depth .dContainer .dContent .cont label input:checked + p {color:#4876EF; font-weight:500;}
    .condPopup .form .depth .dContainer .dContent .cont label input:checked + p::before {background:url("/img/doctor_bridge/mypage/chk.png")no-repeat center #fff; background-size:10px; border:1px solid #4876EF;}

    .condPopup .select {margin:0;}
    .condPopup .select .list b {display: flex; align-items: center; justify-content: center; height:100%; text-align: center;}

    .condPopup .btn {padding:0; position: absolute; bottom:0; left:0;}
    .condPopup .btn a {font-size:15px; font-weight:400; line-height:52px; border-radius:0;}
}

@media screen and (max-width:767px) {
    .all_lecture .academy_content_wrap{margin: 15px 0;}
   
}

@media screen and (max-width:500px) {
    .condPopup {padding:0; overflow-y: auto;}
    .condPopup .tit {width:100%; background-color:#fff; z-index:99;}
    .condPopup .form .depth .dContainer {height:240px!important;}
    .condPopup .btn {position: static; margin-top:20px;}
    .all_lecture .cf_chk_list label {width:calc(33.33333% - 6px); text-align: center;}
    
}

@media screen and (max-width:479px){
    
    
}

/* 강좌 상세페이지 */
.aw_view .academy_info_wrap h3{position: relative; display: flex; align-items: center;}
.aw_view .academy_info_wrap h3 .dday{display: block; width: 65px; margin-right: 10px; font-size: 14px; padding: 4px 12px; box-sizing: border-box; text-align: center;}
.aw_view .academy_info_wrap h3 p{width: calc(100% - 75px); font-size: 24px; color: #000;     word-break: keep-all;}
.aw_view .academy_info_wrap h3 > a{display: none; align-items: center; font-size: 14px; padding: 0 10px; position: absolute; top: 0; right: 0; color: #000; letter-spacing: -0.75px; text-decoration: underline; text-underline-offset: 3px;}
.aw_view .academy_info_wrap h3 > a img{    width: 16px; margin-right: 3px;}

.aw_view .academy_info_wrap .info_detail{margin-top: 20px; padding: 25px 0; border-bottom: 1px solid #e3e5e8; border-top: 1px solid #e3e5e8; display: flex; align-items: center; flex-wrap: wrap; gap: 15px;}
.aw_view .academy_info_wrap .info_detail dl{display: flex; align-items: flex-start; width: 50%; width: calc(50% - 8px);}
.aw_view .academy_info_wrap .info_detail dl dt{max-width: 90px; width: 100%; font-size: 14px; color: #555;}
.aw_view .academy_info_wrap .info_detail dl dd{width: calc(100% - 90px); font-size: 14px;}
.aw_view .academy_info_wrap .info_detail dl dd *{font-size: 14px;}
.aw_view .academy_info_wrap .info_detail dl dd font{color: #4876ef;}
.aw_view .academy_info_wrap .info_detail dl dd ul{display: flex; align-items: flex-start;}
.aw_view .academy_info_wrap .info_detail dl dd ul li {position: relative; padding: 0 10px;}
/* .aw_view .academy_info_wrap .info_detail dl dd ul li:first-child{padding-left: 0; max-width: 75px; width: 100%;} */
.aw_view .academy_info_wrap .info_detail dl dd ul li:first-child{padding-left: 0;}
/* .aw_view .academy_info_wrap .info_detail dl dd ul li:last-child{padding-right: 0; width: calc(100% - 40px);} */
.aw_view .academy_info_wrap .info_detail dl dd ul li:last-child{padding-right: 0;}
.aw_view .academy_info_wrap .info_detail dl dd ul li + li::before{content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 12px; background: #e3e5e8; transform: translateY(-50%);}

.aw_view .academy_info_wrap .info_btn{display: flex; align-items: center; justify-content: center; margin: 40px 0;}
.aw_view .academy_info_wrap .info_btn a{padding: 11px 35px; box-sizing: border-box; border-radius: 50px; text-align: center; font-size: 15px; display: flex; align-items: center;}
.aw_view .academy_info_wrap .info_btn a + a{margin-left: 15px;}
.aw_view .academy_info_wrap .info_btn a.home{background: #242424; color: #fff;}
.aw_view .academy_info_wrap .info_btn a.add{background: #fff; color: #4876ef; border: solid 1px #4876ef;}
.aw_view .academy_info_wrap .info_btn a.add.on{background: #4876ef; color: #fff;}
.aw_view .academy_info_wrap .info_btn a.my{background: #eff5ff; color: #4876ef;}
.aw_view .academy_info_wrap .info_btn a.list{background: #fff; color: #4876ef; border: 1px solid #4876ef;}

.aw_view .academy_info_wrap .info_btn a > img{margin-right: 7px;}

.aw_view .ac_inner .ac_content_view img{width: 100%;}
.aw_view .ac_inner .ac_content_view .ac_v_txt{padding: 15px 0;}
.aw_view .ac_inner .ac_content_view .ac_v_txt *{font-size: 16px;}

/* 강좌 상세 페이지 - 상세 내용 중 테이블이 있을 경우*/

/* 강의 정보 */
pre table.scheduleView {padding: 20px 0; width: 100%;border-spacing:0;}
pre table.scheduleList {border-spacing:0;}
pre table.scheduleList th,
pre table.scheduleList td {border-right:1px solid #fff;}
pre table.scheduleList th:last-child,
pre table.scheduleList td:last-child {border-right:0;}

pre table.scheduleView th {
    font-size: 14px;
    width: 160px;
    height: 42px;
    background: #f5f8ff;
    color:#555;
    font-weight: 400;
    border-bottom: 1px solid #ddd;
}

pre table.scheduleView td {
    font-size: 14px;
    width: 280px;
    height: 42px;
    background: #fff;
    padding: 5px 0;
    padding-left: 10px;
    border-bottom: 1px solid #ddd;
    text-align: left;
}

/* 세부 스케쥴 */
pre table.scheduleList th {
    font-size: 14px;
    width: 160px;
    height: 42px;
    background: #f5f8ff;
    color: #555;
    font-weight: 400;
    border-bottom: 1px solid #ddd;
}

pre table.scheduleList td {
    font-size: 14px;
    width: 280px;
    height: 42px;
    background: #fff;
    padding: 5px 0;
    padding-left: 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
    text-align: left;
    word-break: break-word;
}

pre table.scheduleList th:nth-of-type(1) {width: 10%;}
pre table.scheduleList th:nth-of-type(2) {width: 10%;}
pre table.scheduleList th:nth-of-type(3) {width: 10%;}
pre table.scheduleList th:nth-of-type(5) {width: 10%;}
pre table.scheduleList th:nth-of-type(6) {width: 20%;}

@media screen and (max-width:1260px){
    .aw_view .academy_info_wrap{padding: 0 30px;}
    .aw_view .ac_inner .ac_content_view {padding: 0 30px;}

}

@media screen and (max-width:1023px){
    .aw_view .academy_info_wrap{padding: 0 15px;}
    .aw_view .ac_inner .ac_content_view {padding: 0 15px;}
    .aw_view .academy_info_wrap h3 p{font-size: 20px;}
    .aw_view .academy_info_wrap h3 .dday{width: 60px; font-size: 13px;}
}

@media screen and (max-width:767px) {
    .aw_view .academy_content_wrap{ margin: 30px 0;}
    .aw_view .academy_info_wrap h3{flex-direction: column; align-items: flex-start;}
    .aw_view .academy_info_wrap h3 p{width: 100%; font-size: 18px;}
    .aw_view .academy_info_wrap h3 .dday{width: 60px; font-size: 12px; margin-bottom: 7px;}
    .aw_view .academy_info_wrap h3 > a{display: flex;}

    .aw_view .academy_info_wrap .info_detail{border-top: 0px; border-bottom: 0px; padding: 10px 0;}
    .aw_view .academy_info_wrap .info_detail dl{width: 100%;}
    .aw_view .academy_info_wrap .info_detail dl dd font{display: block;}

    .aw_view .academy_info_wrap .info_btn{position: fixed; bottom: 0; left: 0; right: 0; width: 100%; /*z-index: 99999;*/z-index:9999; background: #fff; margin: 0; padding: 25px 15px; border-top: 1px solid #ccc; flex-direction: row-reverse;}
    .aw_view .academy_info_wrap .info_btn a{border-radius: 8px; padding: 15px 35px; width: 50%; display: flex; align-items: center; justify-content: center;}
    .aw_view .academy_info_wrap .info_btn a + a{margin-left: 0px;}
    .aw_view .academy_info_wrap .info_btn a.my{display: none; margin-left: 5px;}
    .aw_view .academy_info_wrap .info_btn a.home{margin-left: 15px;}

    .aw_view .academy_info_wrap .info_btn a.list {margin-right: 5px;}
    

    .aw_view .ac_inner .ac_content_view .ac_v_txt *{font-size: 15px;}
    .footerWrap{padding-bottom: 102px;}
    
}




.ac_content_view.mo_view {display:none;}
@media screen and (max-width:767px) {
    .ac_content_view.pc_view {display:none;}
    .ac_content_view.mo_view {display:block;}
}