/* 교육 > 진행중 퀴즈 */
.quiz-cont-wrap{width: 100%;max-width: 1180px;transition: .23s ease;}
.quiz-cont-wrap .q-cont-box{margin: 70px 0 50px;transition: .23s ease;}
.quiz-cont-wrap .q-cont-box h2{font-size: 24px;color: #151515;margin-bottom: 20px;}
.quiz-cont-wrap .q-cont-box .q-info-wrap{background: #f6f7fb url(../image/bg/bg_quiz_img.png)no-repeat left bottom / cover;padding: 90px 0 65px;}
.quiz-cont-wrap .q-cont-box .q-info-wrap dl{display: flex;flex-direction: column;align-items: center;}
.quiz-cont-wrap .q-cont-box .q-info-wrap dl .quiz_tit{font-size: 50px;font-weight: bold;color: #833f9e;text-align: center;margin-bottom: 40px;}
.quiz-cont-wrap .q-cont-box .q-info-wrap dl .quiz_tit strong{font-size: inherit;line-height: inherit;color: #833f9e;font-weight: inherit;}
.quiz-cont-wrap .q-cont-box .q-info-wrap dl .quiz_time{display: flex;align-items: center;justify-content: center;gap: 0 90px;margin-bottom: 33px;}
.quiz-cont-wrap .q-cont-box .q-info-wrap dl .quiz_time>div{font-size: 20px;line-height: 30px;color: #151515;padding-left: 40px;background: no-repeat center left;}
.quiz-cont-wrap .q-cont-box .q-info-wrap dl .quiz_time>div strong{font-size: inherit; color: inherit; line-height: inherit;font-weight: bold;padding-left: 5px;}
.quiz-cont-wrap .q-cont-box .q-info-wrap dl .quiz_time .item01{background-image: url(../image/ico/ico_time01.png);}
.quiz-cont-wrap .q-cont-box .q-info-wrap dl .quiz_time .item02{background-image: url(../image/ico/ico_time02.png);}
.quiz-cont-wrap .q-cont-box .q-info-wrap dl .quiz_info{max-width: 800px; background: rgba(255,255,255,.95);display: flex;align-items: center;justify-content: center;padding: 82px 55px;box-sizing: border-box;border-radius: 20px;transition: .23s ease;}
.quiz-cont-wrap .q-cont-box .q-info-wrap dl .quiz_info .txt{text-align: center;}
.quiz-cont-wrap .q-cont-box .q-info-wrap dl .quiz_info .txt p{font-size: 16px;line-height: 24px;color: #999;word-break: keep-all;}

.quiz-cont-wrap .q-cont-box .q-notice-box{background: #eaeaea;display: flex;align-items: center;padding: 40px 50px 40px 60px;margin-bottom: 50px;}
.quiz-cont-wrap .q-cont-box .q-notice-box strong{font-size: 18px;line-height: 22px;font-weight: bold;color: #151515;}
.quiz-cont-wrap .q-cont-box .q-notice-box ul{padding-left: 23px;}
.quiz-cont-wrap .q-cont-box .q-notice-box ul li{font-size: 14px;line-height: 22px;display: flex;word-break: keep-all;}
.quiz-cont-wrap .q-cont-box .q-notice-box ul li::before{content: '·';display: block;margin-right: 5px;}
.quiz-cont-wrap .q-cont-box .btn_quiz_start{display: block; font-size: 28px;color: #fff;/*font-weight: bold;line-height: 80px;*/width: 240px;background: #833f9e;border-width: 0;}
.quiz-cont-wrap .q-cont-box .btn-wrap{text-align: center;margin-top: 50px;padding-top: 30px;border-top: 1px solid #e0e3ea;}
.quiz-cont-wrap .q-cont-box .btn-wrap a{display: block;width: 75px;line-height: 40px;border: 1px solid #d6d9e0;border-radius: 4px;margin: 0 auto;color: #151515;}/* 211209 */

.quiz-cont-wrap .q-cont-box .q-btn-wrap {display: flex; justify-content: space-around;}

/* 교육 > 진행중 모의고사 리스트 211209 */
.quiz-cont-wrap .q-cont-box .search-box{display: flex;align-items: center;border: 1px solid #c1c5d7;padding: 13px 15px;box-sizing: border-box;}
.quiz-cont-wrap .q-cont-box .search-box .sel-box{display: flex;padding-right: 15px;position: relative;}
.quiz-cont-wrap .q-cont-box .search-box .sel-box::before{content: '';display: block;width: 35px;height: 35px;background: url(../image/ico/ico_category.png)no-repeat center right;}
.quiz-cont-wrap .q-cont-box .search-box .sel-box::after{content: '';display: block;width: 1px;height: 26px;background: #e6e6e6;position: absolute;top: calc(50% - 13px);right: 0;}
.quiz-cont-wrap .q-cont-box .search-box .sel-box .sel{width: 250px;border-width: 0;padding-left: 10px;font-size: 18px;line-height: 1;color: #151515;background-image: url(../image/ico/ico-arrow-down-gray03.png);background-position: center right 15px;}
.quiz-cont-wrap .q-cont-box .search-box .input-box{padding-left: 15px;display: flex;width: 100%;}
.quiz-cont-wrap .q-cont-box .search-box .input-box::before{content: '';display: block;width: 35px;height: 35px;background: url(../image/ico/ico-search-thin.png)no-repeat center right;}
.quiz-cont-wrap .q-cont-box .search-box .input-box .inp{border-width: 0;padding: 0 15px;width: 100%;font-size: 18px;line-height: 1;}
.quiz-cont-wrap .q-cont-box .search-box .btn-search{display: block; font-size: 16px;color: #fff;background: #151515;border-width: 0;width: 70px;line-height: 40px;flex-shrink: 0;}




.quiz-cont-wrap .list-box .more-wrap>div>strong{font-size:24px;}
.quiz-cont-wrap .list-box .more-wrap>div.title-cost2>strong{color:#3a1964;}
.quiz-cont-wrap .list-box .more-wrap>div.title-cost1>strong{color:#833f9e;}
.quiz-cont-wrap .list-box .more-wrap>div.title-free>strong{color:#3a5099;}


.quiz-cont-wrap .list-box .more-wrap{padding:42px 0 16px 0;display:flex;justify-content:space-between;position:relative;width:100%;height:auto;overflow:hidden;}
.quiz-cont-wrap .list-box .more-wrap h2{font-size:20px;color:#151515;}
.quiz-cont-wrap .list-box .more-wrap a{/*position:absolute;right:0;top:53px;*/display:flex;justify-content:flex-start;align-items:center;}
.quiz-cont-wrap .list-box .more-wrap a span{display:flex;font-size:13px;color:#151515;}
.quiz-cont-wrap .list-box .more-wrap a i{display:flex;margin-left:3px;font-size:15px;color:#151515;}
.quiz-cont-wrap .list-box .more-wrap a.btn-bluePurple{display: flex;align-items: center;gap: 0 8px;border-radius: 4px;background: #5854A5;padding: 0 16px;color: #FFF;font-size: 14px;line-height: 40px;}
.quiz-cont-wrap .list-box .more-wrap a.btn-bluePurple::after{content: '';display: block;width: 6px;height: 11px;background: url(../image/ico/ico-arrow-right08.png) no-repeat center / cover;}



.quiz-cont-wrap .list-box .more-wrap>div>span{font-size:16px;color:#151515;}

.quiz-cont-wrap .list-box .more-wrap>div>span.count,
.quiz-cont-wrap .list-box .more-wrap>div>span.desc,
.quiz-cont-wrap .list-box .more-wrap>div>span.cost{display:inline-block;border:1px solid #8a90ad;color:#8a90ad; background-color: #ffffff; text-align: center; padding: 5px 20px; border-radius: 5px; min-width:50px;}
.quiz-cont-wrap .list-box .more-wrap>div>span.remain{display:inline-block;border:1px solid #833f9e;color:#ffffff; background-color: #833f9e; text-align: center; padding: 5px 20px; border-radius: 5px; min-width:50px;}
.quiz-cont-wrap .list-box .more-wrap>div>span.desc{cursor: pointer;}

.list-quiz-wrap>ul{border-top:1px solid #151515;border-bottom:0px solid #c1c5d7;}
.list-quiz-wrap>ul>li{padding:18px 0 20px 0;display:flex;justify-content:flex-start;align-items:center;border-top:1px solid #e0e3ea;}
.list-quiz-wrap>ul>li:first-child{border-top:0;}
.list-quiz-wrap>ul>li .link-wrap{display: block; width: 100%;}

.list-quiz-wrap>ul>li .link-wrap{display: block; flex-direction:column;width: calc(100% - 300px);}
.list-quiz-wrap>ul>li .link-wrap .opt{width:100%;height:auto;overflow:Hidden;display:flex;justify-content:flex-start;align-items:center;}
.list-quiz-wrap>ul>li .link-wrap .opt .ing,
.list-quiz-wrap>ul>li .link-wrap .opt .deadline,
.list-quiz-wrap>ul>li .link-wrap .opt .cost,
.list-quiz-wrap>ul>li .link-wrap .opt .cost1,
.list-quiz-wrap>ul>li .link-wrap .opt .cost2,
.list-quiz-wrap>ul>li .link-wrap .opt .free{margin-right:5px;padding:1px 10px 3px;height:18px;border-radius:10px;font-size:13px;background:#fff;display:flex;justify-content:center;align-items:center; min-width: 35px;}
.list-quiz-wrap>ul>li .link-wrap .opt .ing{border:1px solid #833f9e;color:#833f9e;}
.list-quiz-wrap>ul>li .link-wrap .opt .deadline{border:1px solid #8a90ad;color:#8a90ad;}
.list-quiz-wrap>ul>li .link-wrap .opt .cost{border:1px solid #833f9e;color:#ffffff; background-color: #833f9e;}
.list-quiz-wrap>ul>li .link-wrap .opt .cost1{border:1px solid #833f9e;color:#ffffff; background-color: #833f9e;}
.list-quiz-wrap>ul>li .link-wrap .opt .cost2{border:1px solid #3a1964;color:#ffffff; background-color: #3a1964;}


.list-quiz-wrap>ul>li .link-wrap .opt .free{border:1px solid #3a5099;color:#ffffff; background-color: #3a5099;}
.list-quiz-wrap>ul>li .link-wrap .tit{margin-top:5px;font-size:18px;color:#151515;font-weight:400;width:100%;height:auto;overflow:Hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-quiz-wrap>ul>li .link-wrap:hover .tit{text-decoration: underline;}
.list-quiz-wrap>ul>li .period{width: 300px;text-align: right;letter-spacing: normal;font-size: 14px;}
.list-quiz-wrap>ul>li .date{width: 110px;text-align: right;letter-spacing: normal;}

.list-quiz-wrap>ul>li.end-quiz .link-wrap .tit,
.list-quiz-wrap>ul>li.end-quiz .link-wrap .cate,
.list-quiz-wrap>ul>li.end-quiz .period,
.list-quiz-wrap>ul>li.end-quiz .date{opacity: .6;}

.list-quiz-wrap>ul>li.nodata{flex-direction:column;display:flex;justify-content:center;align-items:center;width:100%;height:400px;overflow:hidden;border-bottom:1px solid #e0e3ea;}
.list-quiz-wrap>ul>li.nodata img{display:flex;}
.list-quiz-wrap>ul>li.nodata span{margin-top:10px;display:flex;font-size:18px;color:#151515;font-weight:400;}

.list-quiz-wrap>ul>li.nodata_short{flex-direction:column;display:flex;justify-content:center;align-items:center;width:100%;height:100px;overflow:hidden;border-bottom:1px solid #e0e3ea;}
.list-quiz-wrap>ul>li.nodata_short span{margin-top:10px;display:flex;font-size:18px;color:#151515;font-weight:400;}

/* 유료 고급 코스 사용중 배너 */
.q-banner-box {margin: 40px 0 20px;}
.list-box-highcourse {display: grid;grid-template-columns: 1fr 1fr;column-gap: 50px; background-color: #3a1964; padding: 30px 50px; border-radius: 12px;}
.list-box-highcourse .title {flex-basis: 40%; text-align: center;}
.list-box-highcourse .title>span {font-size: 34px; color: #ffffff;font-weight: bold; line-height: 1.2em;}
.list-box-highcourse .title>p {font-size: 18px; color: #d0b3f7; line-height: 1.2em; padding-top: 15px;}
.list-box-highcourse .links {flex-basis: 50%; text-align: center;}
.list-box-highcourse .links .links-btns {display: flex;justify-content: space-between;column-gap: 25px;margin-top: 25px;}
.list-box-highcourse .links .links-btn1 {background-color: #5e31b6; border-radius: 12px; padding: 15px; cursor:pointer;}
.list-box-highcourse .links .links-btn2 {background-color: #532b8d; border-radius: 12px; padding: 15px; width: 100%; cursor:pointer;}
.list-box-highcourse .links span {font-size: 25px; font-weight: bold; color: #ffffff;}
    /* 교육원 회원일 경우 */
.list-box-highcourse .support-info *{font-size: 15px;color:#ffffff;}
.list-box-highcourse .support-info .desc {background-color: #6a78c0;border-radius: 12px;padding: 10px 15px;}
.list-box-highcourse .support-info .desc .name {font-size: 1.2em; font-weight: 600;}
.list-box-highcourse .support-info ul {margin: 20px;display: grid;grid-template-columns: repeat(2, 1fr);}
.list-box-highcourse .support-info .remain-cnt {font-size: 13px; color:#6a78c0;}



@media (max-width:1024px) {
    /* 교육 > 진행중 퀴즈 */
    .quiz-cont-wrap .q-cont-box{margin: 0 0 25px;}
    .quiz-cont-wrap .q-cont-box .q-info-wrap{background: #eaeaea;position: relative;z-index: 1;padding: 40px 0 0;min-height: 480px;}
    .quiz-cont-wrap .q-cont-box .q-info-wrap::before{content: '';display: block; background: #f6f7fb url(../image/bg/bg_quiz_img_m.png)no-repeat left bottom / cover;width: 100%; height: 480px;position: absolute;top: 0;left: 0;z-index: -1;}
    .quiz-cont-wrap .q-cont-box .q-info-wrap dl .quiz_tit{line-height: 40px;font-size: 30px;margin-bottom: 30px;padding: 0 20px;}
    .quiz-cont-wrap .q-cont-box .q-info-wrap dl .quiz_tit strong{display: block;}

    .quiz-cont-wrap .q-cont-box .q-info-wrap dl .quiz_time{gap: 0 15px;}
    .quiz-cont-wrap .q-cont-box .q-info-wrap dl .quiz_time>div{padding-left: 25px;font-size: 16px;}
    .quiz-cont-wrap .q-cont-box .q-info-wrap dl .quiz_time>div strong{padding-left: 2px;}
    .quiz-cont-wrap .q-cont-box .q-info-wrap dl .quiz_time .item01{background-image: url(../image/ico/ico_time01_m.png);background-size: 19px auto;}
    .quiz-cont-wrap .q-cont-box .q-info-wrap dl .quiz_time .item02{background-image: url(../image/ico/ico_time02_m.png);background-size: auto 19px;}
    .quiz-cont-wrap .q-cont-box .q-info-wrap dl .quiz_info{width: calc(100% - 40px);margin: 0 auto;padding: 30px 25px;border-radius: 10px;}
    .quiz-cont-wrap .q-cont-box .q-notice-box{padding: 30px 20px;flex-direction: column;margin-bottom: 25px;justify-content: flex-start;align-items: flex-start;}
    .quiz-cont-wrap .q-cont-box .q-notice-box strong{font-size: 15px;margin-bottom: 15px;}
    .quiz-cont-wrap .q-cont-box .q-notice-box ul{padding-left: 0;}
    .quiz-cont-wrap .q-cont-box .q-notice-box ul li::before{content: '-';}
    .quiz-cont-wrap .q-cont-box .btn_quiz_start{font-size: 18px;/*line-height: 50px;*/width: 125px;}
    .quiz-cont-wrap .q-cont-box .btn-wrap{display: none;}
    .quiz-content + footer{display: none;}

    /* 교육 > 진행중 모의고사 리스트 211209 */
    .quiz-cont-wrap .q-cont-box .search-box{border-width: 0;box-shadow: 4px 0 16px rgba(0, 0, 0, 0.08);padding: 10px 20px;}
    .quiz-cont-wrap .q-cont-box .search-box .sel-box{padding-right: 0;}
    .quiz-cont-wrap .q-cont-box .search-box .sel-box::before{content: none;}
    .quiz-cont-wrap .q-cont-box .search-box .sel-box::after{content: none;}
    .quiz-cont-wrap .q-cont-box .search-box .sel-box .sel{font-size: 13px;width: 97px;padding-left: 0;background-size: 10px auto;}
    .quiz-cont-wrap .q-cont-box .search-box .input-box{padding-left: 0;}
    .quiz-cont-wrap .q-cont-box .search-box .input-box::before{content: none;}
    .quiz-cont-wrap .q-cont-box .search-box .input-box .inp{font-size: 13px;}
    .quiz-cont-wrap .q-cont-box .search-box .btn-search{font-size: 0;background: transparent url(../image/ico/ico-search-top-black-m.png)no-repeat center / 20px auto;width: 30px;line-height: 30px;}
    .quiz-cont-wrap .q-cont-box .list-box{padding: 0 20px;}
    .quiz-cont-wrap .list-box .more-wrap{padding: 35px 0 15px;flex-direction: column;row-gap: 10px;}

    .quiz-cont-wrap .list-box .more-wrap>div>span.count,
    .quiz-cont-wrap .list-box .more-wrap>div>span.desc,
    .quiz-cont-wrap .list-box .more-wrap>div>span.cost{padding: 0 20px; font-size: 14px; }

    .quiz-cont-wrap .list-box .more-wrap>div>strong{font-size:18px;}
    .list-quiz-wrap>ul{border-top-color: #e0e3ea;}
    .list-quiz-wrap>ul li{padding: 20px 0;flex-direction: column; text-align: left;position: relative;}
    .list-quiz-wrap>ul>li .link-wrap{width: 100%;}
    .list-quiz-wrap>ul>li .period{width: 100%;text-align: left;/*padding-left: 70px;*/box-sizing: border-box;font-size: 13px;}
    .list-quiz-wrap>ul>li .date{display: none;}
    .list-quiz-wrap>ul>li .link-wrap .cate{font-size: 13px;position: absolute;bottom: 20px;left: 0;}
    .quiz-list-content + footer{display: block;}

    /* 유료 고급 코스 사용중 배너 */
    .list-box-highcourse {
        grid-template-columns: 1fr;
        row-gap: 20px;
        padding: 20px;
        margin: 40px 15px 0 15px;;
    }

    .list-box-highcourse .title > span {
        font-size: 24px;
    }

    .list-box-highcourse .links .links-btns {
        column-gap: 10px;
        margin-top: 10px;
    }

    .list-box-highcourse .links span {
        font-size: 15px;
        font-weight: normal;
    }

    .list-box-highcourse .links .links-btn1,
    .list-box-highcourse .links .links-btn2 {
        border-radius: 6px;
    }

}