body.stop{overflow-y:hidden}
body {
    background: url(/assets/riings/images/body_back.png)right -130px top 152px no-repeat fixed;
    background-size: contain;
}
.view-content{width: 1280px;margin: 0 auto;}

/*form*/
.pgc-form-submit{padding:20px 10px;text-align:center;}

/*main*/
.main-inner{position:relative;max-width:1500px;width:100%;margin:0 auto}
.pgc-main{height:calc( 100vh - 100px );min-height:900px;}
.pgc-main .main-inner{position:relative;height:100%;}
.pgc-main .main-inner:after{content:'';position:absolute;top:45%;margin-top:-300px;right:0;width:800px;height:629px;background:url(/assets/riings/images/main_visual.png)center center no-repeat;background-size: contain;}
.pgc-main .txt-box{margin-bottom:300px;}
.pgc-main .txt-box h1{font-size: 60px; line-height: 75px; -webkit-animation:textAni 1s both;animation:textAni 1s both;height:85px}
.pgc-main .txt-box h1 span{font-weight:bold !important;letter-spacing: 0.5px !important; vertical-align: top; margin-left:5px}
.view-content.exam.print{width:100%}
header.exam.print .header-in .test-timer-wrap{border:0px}

.view-content.exam.print .pgc-test-in{border-top:1px solid #eee}

.pgc-main .txt-box h2{font-size:42px;font-weight:500;line-height:54px;margin-top:35px;-webkit-animation:textAni 1s both;animation:textAni 1s both;animation-delay:0.2s;color: #6876f7 !important; font-family: Gmarket Sans;letter-spacing: 0px !important;border-bottom: 0px !important;}
.pgc-main .txt-box p{font-size:18px;font-weight:600;line-height:36px;line-height:30px;margin-top:90px;-webkit-animation:textAni 1s both;animation:textAni 1s both;animation-delay:0.4s;letter-spacing: 0.5px !important;}
.pgc-main .txt-box .btn{width:150px;height:48px;background-color:#000;color:#fff;margin-top:60px;-webkit-animation:textAni 1s both;animation:textAni 1s both;animation-delay:0.6s;letter-spacing: 0.5px !important;font-size:16px !important;font-weight: 500;}
.pgc-main .txt-box .btn i {display:inline-block;margin-top:-4px;margin-left:15px;width:20px;height:15px;background:url(/assets/riings/images/ic_start.png)no-repeat;transition:transform 0.2s;}
.pgc-main .txt-box .btn:hover i{transform:translateX(5px);}
.ebook-sticky{position:fixed;bottom:0;left:0;right:0;}
.ebook-sticky .ebook-sticky-in{width:1280px;margin:auto;}
.ebook-sticky .ebook-sticky-box{position:Relative;width:440px;height:110px;border-radius:10px 10px 0 0;display:flex;flex-wrap:wrap;align-items:center;background:rgba(0,0,0,0.7) url(/assets/riings/images/ic_ebook.png)20px center no-repeat;padding:0 50px 0 100px;color:#fff;box-sizing:border-box;overflow:hidden;}
.ebook-sticky .ebook-sticky-box h4{font-size:15px;font-weight:500;padding-top:10px;}
.ebook-sticky .ebook-sticky-box p{font-size:13px;line-height:20px;font-weight:200;color:rgba(255,255,255,0.5);margin-top:8px;}
.ebook-sticky .ebook-sticky-box .more{position:absolute;right:0;top:0;width:50px;height:100%;border-left:1px solid rgba(255,255,255,0.2);background:url(/assets/riings/images/ic_ebook_more_w.png)center center no-repeat;transition:background-color 0.2s;}
.ebook-sticky .ebook-sticky-box:hover .more{background-color:#1766E5;}

@-webkit-keyframes textAni {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes textAni {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/*ebook*/
.pgc-ebook{position:relative;height:calc( 100vh - 100px );min-height:1080px;}
.pgc-ebook:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:107px;border-top:24px solid #f9f9f9;background-color:rgba(0,0,0,0.02);}
.pgc-ebook .main-inner{position:relative;height:100%;z-index:1;}
.pgc-ebook .deco{position:absolute;}
.pgc-ebook .deco1{bottom:10px;left:50%;transform:translate(-50%,0);}
.ebook-wrap{text-align:center;position:relative}
.ebook-wrap .title-wrap{position:relative;}
.ebook-wrap .title-wrap:before{content:'';left:195px;top:-80px;position:absolute;width:157px;height:310px;background:url(/assets/riings/images/deco01.png)no-repeat;}
.ebook-wrap .title-wrap:after{content:'';right:195px;top:-80px;position:absolute;width:157px;height:310px;background:url(/assets/riings/images/deco02.png)no-repeat;}
.ebook-wrap .title-wrap span{font-size:16px;font-weight:500;color:#1766E5;font-family:'Gmarket Sans'}
.ebook-wrap .title-wrap h1{font-size:45px;font-weight:500;line-height:60px;margin-top:35px;font-family:'Gmarket Sans'}
.ebook-wrap .tab-group{width:620px;height:68px;padding:10px;margin:50px auto 0;box-sizing:border-box;display:flex;border-radius:10px;background-color:#e5e5e5;font-family:'Gmarket Sans'}
.ebook-wrap .tab-group a{width:calc(100% / 4);height:100%;display:inline-flex;align-items:center;justify-content:center;color:#999;font-size:15px;font-weight:500;}
.ebook-wrap .tab-group a:hover{color:#000;}
.ebook-wrap .tab-group a.active{color:#fff;background-color:#000;border-radius:10px;}
.ebook-wrap .sm-info{font-size:12px;color:#999;font-weight:300}
.ebook-wrap .ebook-box{padding:105px 0 0;opacity:0;z-index:0;position:absolute;left:50%;right:50%;margin-left:-460px;width:920px}
.ebook-wrap .ebook-box.cate1,.ebook-wrap .ebook-box.cate0{opacity:1;z-index:10;}
.ebook-wrap .ebook-box .flex3{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align:center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; justify-content: center;}

.ebook-wrap .ebook-box ul li{display:inline-flex}
.ebook-wrap .ebook-box ul li:nth-child(even){margin-top:30px;}
.ebook-wrap .ebook-box ul li img{max-height:297px;max-width:216px}
/* 회원영역 공통 */
.pgc-member .pgc-member-box{width:600px;margin:auto;box-sizing:border-box;}
.pgc-member .pgc-member-box .pgc-title{font-weight:700;line-height:34px;font-size:24px;}
.pgc-member .pgc-member-box .pgc-title i{margin-right:10px;vertical-align:-2px;}
.pgc-member .pgc-member-box .input-box{width:100%;}
.pgc-member .pgc-member-box .paging{margin-bottom:45px;width:70px;height:6px;border-radius:6px;background-color:rgba(0,0,0,0.1);display:flex;}
.pgc-member .pgc-member-box .paging > a{display:inline-block;width:35px;height:6px;border-radius:3px;flex-grow:1;}
.pgc-member .pgc-member-box .paging > a.active{background-color:#000;}
.pgc-member .join-group .btn-text{position:relative;color:#555;font-weight:300;display:inline-block;padding:0 10px;}
.pgc-member .join-group .btn-text + .btn-text:before{content:'';position:absolute;width:1px;height:14px;background-color:#ddd;top:5px;left:-2px;}
.pgc-member .join-group .btn-text.point1{font-weight:500;text-decoration:underline;}
.pgc-member .btn-box{width:620px;margin:auto;}
.pgc-member .input-wrap > li + li {padding-top:30px;margin-top:30px;border-top:1px solid #eee;}
.pgc-member .input-wrap > li .input-block + .input-block{margin-top:30px;}
.pgc-member .input-wrap > li a{display:block;width:216px;height:297px;}
.pgc-member .input-wrap > li a img{width:100%;height:100%;object-fit:cover;}

/*로그인*/
.pgc-member.login{padding:130px 0}
.pgc-member.login .pgc-member-box{width:600px;margin:auto;}
.pgc-member.login .pgc-member-box .input-box input{padding-left:60px;}
.pgc-member.login .pgc-member-box .input-box.id input{background:url(/assets/riings/images/ic_account_id.png)20px center no-repeat;}
.pgc-member.login .pgc-member-box .input-box.password input{background:url(/assets/riings/images/ic_account_pw.png)20px center no-repeat;}
.pgc-member.login .pgc-member-box .input-block + .input-block{margin-top:20px;}

/*회원가입*/
.pgc-member.join{padding:30px 0 100px;}
.pgc-member.join .pgc-member-box{border:1px solid #eee;border-radius:8px;padding:50px 30px 30px;}
.pgc-member.join .agree-terms-wrap .chk-all .point{text-decoration:underline;}
.pgc-member.join .agree-terms-wrap .chk-all .sm{font-size:13px;color:#555;}
.pgc-member.join .agree-terms-list{padding-top:30px;margin-top:30px;border-top:1px solid #eee;}
.pgc-member.join .agree-terms-list .terms-cont .terms-scroll{border:1px solid #eee;padding:20px;font-size:12px;line-height:20px;max-height:150px;overflow-y:auto;box-sizing:border-box;color:#777;}
.pgc-member.join .agree-terms-list > li + li{margin-top:30px;}
.pgc-member.join .agree-terms-list > li a{transition:all 0.3s;}
.pgc-member.join .agree-terms-list > li:hover a, .pgc-member.join .agree-terms-list > li.active a{color:#006CFF;}

/*아이디찾기*/
.pgc-member.find{padding:30px 0 100px;}
.pgc-member.find .pgc-member-box{border:1px solid #eee;border-radius:8px;}
.pgc-member.find .pgc-mail{margin-top:50px;font-size:16px;font-weight:500;color:#1766E5;width:100%;height:60px;display:flex;align-items:center;justify-content:center;border:1px solid #eee;}
.pgc-member.find .pgc-mail i {margin-left: 14px;}
.pgc-member-tab > li{width:50%;}
.pgc-member-tab > li > a{display:flex;align-items:center;justify-content:center;height:60px;color:#999;border-bottom:1px solid #eee;font-weight:300;}
.pgc-member-tab > li.active > a{color:#000;font-weight:500;border-bottom:0;}
.pgc-member-tab > li.active:first-child > a {border-right:1px solid #eee;}
.pgc-member-tab > li.active:last-child > a {border-left:1px solid #eee;}
.pgc-member-tab + .pgc-join{padding:48px 30px 40px;box-sizing:border-box;}
.pgc-noti-box{width:600px;margin:auto;padding:10px 30px;box-sizing:border-box;}
.pgc-noti-box p {font-weight:500;}
.pgc-noti-box p a{color:#006cff;}

/*시험view*/

.test-ready.stop{display: block}
.test-ready{height: 100%;display:none;align-items: center;width: 1220px;position:fixed;color: #ff7f50;top: 100px;text-align: center;z-index:999;background-color:rgb(0,0,0,70%)}
body.pause .test-ready{display: block}

button.start-countdown,button.testPlay{background: #000 url(/assets/riings/images/write_start.png) left 16px top 10px no-repeat;line-height: 30px;color: #fff;letter-spacing: 1px;font-size: 21px;font-weight: 700;border-radius: 10px;padding: 8px 18px 7px 50px;border: 1px solid #000;transition: all 0.3s}
button.start-countdown:hover,button.testPlay:hover{background: #fff url(/assets/riings/images/write_start_bl.png) left 16px top 12px no-repeat;color:#000;transition: all 0.5s;}

button.end-btn{background: #fff url(/assets/riings/images/close24.png) left 14px top 11px no-repeat;line-height: 30px;color:#000;letter-spacing: 1px;font-size: 21px;font-weight: 700;border-radius: 10px;padding: 8px 18px 7px 42px;border:1px solid #000;transition: all 0.3s;margin-left:12px;background-size:20px}
button.end-btn:hover{background: #000 url(/assets/riings/images/close24w.png) left 14px top 11px no-repeat;color:#fff;transition: all 0.5s;background-size:20px}

.test-timer-wrap{height:100px;display:flex;align-items:center;width:1220px;}
.test-timer-wrap.no-view{display:none}
header.print .header-in .test-timer-wrap{width:910px}
header.print.no-view{display:none}
.test-timer-wrap .timer{margin-right:30px;}
.test-timer-wrap .timer p{font-size:15px;font-weight:500;margin-right:10px;}
.test-timer-wrap .timer .stop-timer{vertical-align:middle;margin-left:10px}
.test-timer-wrap .timer .stop-timer img{vertical-align: middle;cursor:pointer}
.test-timer-wrap .timer .stop-timer.stop{    visibility: hidden;}
.test-timer-wrap .timer p i {margin-right:14px;vertical-align:-4px;}
.test-timer-wrap .timer .time{width:50px;height:42px;line-height:45px;text-align:center;background-color:#f5f5f5;border-radius:10px;font-size:20px;font-weight:700;}

.test-timer-wrap .timer .time.print{width:unset;padding:0px 10px}

.test-timer-wrap .timer .time.red,.test-timer-wrap .timer p.red{color:red}
.test-timer-wrap .timer .txt{font-size:18px;font-weight:700;color:rgba(0,0,0,0.5);margin:0 5px;}
.test-timer-wrap .step.flex{width:550px}
header.print .header-in .test-timer-wrap .step.flex{width:400px}

.test-timer-wrap .step p{font-size:15px;font-weight:500;margin-right:25px;}
.test-timer-wrap .step p i{margin-right:14px;vertical-align:-3px;}
.test-timer-wrap .step .step-line{width:330px;height:5px;border-radius:2.5px;background:rgba(0,0,0,0.07);position:relative;}
.test-timer-wrap .step .step-line .line{position:absolute;left:0;top:0;height:5px;background-color:#0078FF;border-radius:2.5px;}
.test-timer-wrap .step .step-line .line em{font-size:12px;font-weight:500;color:#fff;background-color:rgba(0,0,0,0.5);border-radius:10px;height:20px;line-height:20px;position:absolute;padding:0 6px;top:-24px;right:-20px;min-width:39px;text-align:center;box-sizing:border-box;}
.test-timer-wrap .step .num{font-size:12px;font-weight:500;color:#999;}
.test-timer-wrap .step .num.point2{width:30px;text-align:right}
.test-timer-wrap .exam-number{width:300px}
header.print .header-in .test-timer-wrap .exam-number{width:200px}
.test-timer-wrap .exam-number span{display:block;text-align:center;font-size:14px;font-weight:500;}
.test-timer-wrap .exam-number span.sm{font-size:11px;color:#999;}
.pgc-test-wrap{padding:100px 0px 0px;}
.pgc-test-wrap.finish{padding:80px 0px 0px;}

.pgc-test-wrap.no-view{padding:10px 0px 0px 0px}


body.stop .pgc-test-wrap{opacity:0.1;transition: all 0.5s;}
.pgc-test-in{display:flex;border:1px solid #eee;position: relative;border-top: 0px;}
.pgc-test-view{padding:40px 0px 30px 0px;width:890px;margin-left: 27px;}
.pgc-test-view .title-group{padding:0px 0px 26px 0px;border-bottom:1px solid #ddd;}
.pgc-test-view .title-group h2{font-size:24px;}
.pgc-test-view .title-group h2 i{margin-right:15px;vertical-align:-1px;}
.pgc-test-view .title-group p{font-size:18px;font-weight:500;color:#0078FF;position:relative;}
.pgc-test-view .title-group h2 + p{padding-left:30px;}
.pgc-test-view .title-group h2 + p:before{content:'';position:absolute;width:1px;height:15px;background:#ddd;left:15px;top:6px;}
.pgc-test-view .test-box{margin-top:30px;position:relative;font-size:10pt}
.pgc-test-view .test-box .test-noti{font-size:24px;font-weight:500;color:rgba(0,0,0,0.2);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.pgc-test-check{min-width:275px;border-left:1px solid #eee;box-sizing:border-box;position:fixed;padding:0px 0px 160px 0px;margin-left:943px;height: calc(100% - 100px);background-color: #fff;border-right: 1px solid #eee;z-index:10}
.pgc-test-check .answer-scroll{height:100%;overflow-y:auto;padding-left: 16px;}
.pgc-test-check .answer-list{margin:20px 0px 0px 0px}
.pgc-test-check .answer-list li{display:flex;margin:5px 0px}
.pgc-test-check .answer-list li + li {margin-top:10px;}
.pgc-test-check .answer-list li .num{width:40px;height:38px;background-color:#f9f9f9;text-align:center;line-height:38px;border:1px solid #f9f9f9;font-size:16px;font-weight:500;cursor:pointer}
.pgc-test-check .answer-list li .num.check-val{background:#f9f9f9 url('/assets/riings/images/icn_check_small.png') center 9px no-repeat}

.pgc-test-check .answer-list li .answer-group{display:flex;}
.pgc-test-check .answer-list li .answer-group span{position:relative}
.pgc-test-check .answer-list li .answer-group input[type="radio"]{width:40px;height:38px;border:1px solid #ddd;margin-left:-1px;display:flex;align-items:center;justify-content:center}
.pgc-test-check .answer-list li .answer-group input[type="radio"] + label{position:absolute;left:0px;top:0px;display:inline-block;width:38px;height:38px;cursor:pointer}
.pgc-test-check .answer-list li .answer-group input[type="radio"] + label em{position:absolute;left:9px;top:10px;display:inline-block;width:19px;height:19px;border:1px solid #999;border-radius:100%;font-size:13px;text-align:center;line-height:17px;color:#999;cursor:pointer}
.pgc-test-check .answer-list li .answer-group input[type="radio"]:checked{background-color:#333;border-color:#333;}
.pgc-test-check .answer-list li .answer-group input[type="radio"]:checked + label em{color:#e7e7e7;border-color:#e7e7e7}

.pgc-test-check .answer-list li .answer-group input[type="radio"]:disabled + label em,.pgc-test-check .answer-list li .answer-group input[type="radio"]:disabled + label {cursor:default !important}

.pgc-test-check .submit-box{position:absolute;width:calc(100% - 50px);bottom:5px;left:50%;transform:translate(-50%,0);padding:15px 0 30px;box-sizing:border-box;border-top:1px solid #eee;}
.pgc-test-check .submit-box p{font-size:13px;font-weight:500;color:#EC3939;text-align:center;}
.pgc-test-check .submit-box .btn-submit{width:100%;height:50px;background-color:#0078FF;border-radius:10px;color:#fff;font-size:15px;font-weight:500;transition:all 0.2s;margin-top:15px;}
.pgc-test-check .submit-box .btn-submit i {margin-right:14px;margin-top:-2px;}
.pgc-test-check .submit-box .btn-submit:hover{opacity:0.9;}
.pgc-result-in{border:0px solid #eee;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:10px 0 75px;}
.result-img{width:100%;text-align:center;}
.result-txt{width:100%;font-size:24px;font-weight:500;text-align:center;margin-top:50px;}
.result-box{width:600px;background-color:#f9f9f9;height:80px;border-radius:10px;padding:10px 0;box-sizing:border-box;margin-top:50px;}
.result-box > div {width:50%;height:100%;padding:0 30px;box-sizing:border-box;display:flex;align-items:center;flex-wrap:wrap;}
.result-box > div + div {border-left:1px solid #ddd;}
.result-box .left{font-size:18px;font-weight:500;}
.result-box .right span{display:block;width:100%;}
.result-box .right span.label{font-size:12px;font-weight:500;color:#999;}
.result-box .right span.num-group{font-size:18px;font-weight:500;color:#999;}
.result-box .right .per{font-size:15px;font-weight:500;color:#000;letter-spacing:1px}

/***어드민용***/
.view-inner{width:1140px;margin:auto;}
.view-content.exam .view-inner{width:1220px}
.view-content.exam.print .view-inner{width:920px}
body.stop .view-content.exam .view-inner{ background-color:#fff;transition: all 0.5s}
   
.view-inner.share{width:540px}


/*시험목록*/
.pgc-table-group{padding:30px 0 30px;}
.pgc-table-cont{padding:80px 0 0;position:relative;}
.pgc-table.dataTable{width:100% !important;border-radius:10px;}
.pgc-table.dataTable th, .pgc-table.dataTable td{box-sizing:border-box;word-break:break-all;}
.pgc-table.dataTable thead th{font-size:14px;font-weight:500;padding:16px 8px 12px;position:relative;}
.pgc-table.dataTable tbody td{font-size:13px;padding:16px 8px 12px;color:#707070;border-bottom:1px solid #eee;}
.pgc-table.dataTable tbody td .txt:hover{text-decoration:underline;}
.pgc-table.dataTable tbody td .tit{font-size:14px;font-weight:500;color:#000;display:block;line-height:20px}
.pgc-table.dataTable tbody td .tit label{font-size: 11px; margin-right: 5px; color: #fff; background-color: #46b2f1; display: inline-block; padding: 0px 3px; min-width: 44px; line-height: 18px; text-align: center; border-radius: 3px;margin-top: -3px;vertical-align: middle;}
.pgc-table.dataTable tbody td .tit label.ing{background-color: #ff7373;}
.pgc-table.dataTable tbody td .tit label.ready{background-color: #52d141;}

.pgc-table.dataTable tbody td .subtxt{font-size:11px;color:#1766E5;font-weight:400;letter-spacing: 0px;line-height:20px}
.pgc-table.dataTable tbody td .badge{text-align: center;display:inline-block;min-width:90px;padding:2px 2px 0px 2px;line-height: 22px;vertical-align:middle;background-color:#eaeff5;box-sizing:border-box;font-size:12px;color:#000;margin:4px;border-radius:5px}
.pgc-table.dataTable tbody td .badge em{color:#1766E5}
.pgc-table.dataTable tbody td button,.pgc-table.dataTable tbody td a{border-radius:4px;width:40px;height:40px}
.pgc-table.dataTable tbody td button:hover,.pgc-table.dataTable tbody td a:hover{background-color:#f9f9f9;text-decoration: underline;text-underline-position: under;}
.pgc-table.dataTable tbody td.select-checkbox:before, 
.pgc-table.dataTable tbody th.select-checkbox:before{
    width:20px;
    height:20px;    
    top:50%;
    left:50%;
    margin-top:-10px;
    margin-left:-10px;
    background:url(/assets/riings/images/ic_check_off.png)no-repeat;
    border: 0;
	cursor: pointer;
}
.pgc-table.dataTable tr.selected td.select-checkbox:after, 
.pgc-table.dataTable tr.selected th.select-checkbox:after {
    width:20px;
    height:20px;
    background-image:url(/assets/riings/images/ic_check_on.png);
    content:'';
    top:50%;
    left:50%;
    margin-top:-10px;
    margin-left:-10px;
	cursor: pointer;
}
.pgc-table.dataTable tbody>tr.selected, 
.pgc-table.dataTable tbody>tr>.selected{background-color: #d2dceb;}
.pgc-table.dataTable thead .sorting{background-image:url(/assets/riings/images/ic-sort-bth.svg);background-repeat:no-repeat;}
.pgc-table.dataTable thead .sorting_asc{background-image:url(/assets/riings/images/ic-sort-up.svg) !important;background-repeat:no-repeat;}
.pgc-table.dataTable thead .sorting_desc{background-image:url(/assets/riings/images/ic-sort-down.svg) !important;background-repeat:no-repeat;}
.pgc-table-cont .dataTables_scrollBody{border-bottom:1px solid #eee !important;height:auto !important;}
.pgc-table-cont .dataTables_scrollBody .col-filter-box{display:none;}
.pgc-table-cont .dataTables_scrollHeadInner{background-color: #fbfbfb; width: auto !important; border: 1px solid #e9e9e9; border-radius: 10px 10px 0px 0px;}
.pgc-table-cont .dataTables_wrapper .dataTables_paginate{display:flex;align-items:center;justify-content:center;float:none;text-align:center;margin-top:20px;}
.pgc-table-cont .dataTables_wrapper .dataTables_paginate .paginate_button{color:#999 !important;font-size:15px;padding:0;width:35px;height:35px;line-height:35px;border:0;margin:0;}
.pgc-table-cont .dataTables_wrapper .dataTables_paginate .paginate_button:focus{outline:none;box-shadow:none;}
.pgc-table-cont .dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:#1766E5 !important;border:0;background:transparent;}
.pgc-table-cont .dataTables_wrapper .dataTables_paginate .paginate_button.current{background:transparent;border:0;color:#1766E5 !important;font-weight:700;}
.pgc-table-cont .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#1766E5 !important;border:0;background:transparent;}
.pgc-table-cont .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.pgc-table-cont .dataTables_wrapper .dataTables_paginate .paginate_button.next
{position:relative;font-size:0;text-indent:-999px;}
.pgc-table-cont .dataTables_wrapper .dataTables_paginate .paginate_button.previous{margin-right:10px;}
.pgc-table-cont .dataTables_wrapper .dataTables_paginate .paginate_button.next{margin-left:10px;}
.pgc-table-cont .dataTables_wrapper .dataTables_paginate .paginate_button.previous:before{content:'';position:absolute;right:19px;top:50%;margin-top:-5.5px;border:solid #071B3B;border-width: 0 2px 2px 0;display:inline-block;padding:4px;transform:rotate(135deg);}
.pgc-table-cont .dataTables_wrapper .dataTables_paginate .paginate_button.next:before{content:'';position:absolute;left:19px;top:50%;margin-top:-5.5px;border:solid #071B3B;border-width: 0 2px 2px 0;display:inline-block;padding:4px;transform:rotate(-45deg);}
.pgc-table-cont .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:before{opacity:0.2;}
.pgc-table-cont .dataTables_wrapper .dataTables_filter{margin-bottom:20px;}
.pgc-table-cont .dataTables_wrapper .dataTables_filter input{background:#fff url(/assets/riings/images/ic-search.svg)no-repeat right 10px center;border:0;border-radius:10px;width:340px;height:46px;padding:14px 60px 14px 20px;box-sizing:border-box;font-size:15px;}
.pgc-table-cont .dataTables_wrapper .dataTables_length{position:absolute;right:0;top:-70px;z-index:2;}
.pgc-table-cont .make-test{position:absolute;left:50%;transform:translate(-50%,0);bottom:0;font-size: 18px;}

/* 시험지 */
.pgc-member.test{padding:70px 0 100px;}
.pgc-member.test .pgc-member-box{width:100%;}
.pgc-setting-list{border-top:1px solid #ddd;margin-top:30px;padding-top:40px;}
.pgc-setting-list .label{font-size:16px;font-weight:500;margin-bottom:15px;width:100px;}
.pgc-setting-list > ul > li.flex .label{margin-bottom:0;}
.pgc-setting-list > ul > li + li {margin-top:38px;}
.pgc-setting-list .sm-txt{font-size:16px;font-weight:300;display:inline-block;margin-left:10px;}


.pgc-setting-list span.text{border-radius:5px;border:1px solid #e3e3e3;padding:10px 15px;line-height:20px;font-weight: 300;}
.module-box{border:1px solid #eee;border-radius: 10px;}
.module-box .left-group{width:600px;padding:20px;box-sizing:border-box;}
.module-box .left-group .help{margin-top:15px;font-size:12px;}
.module-box .left-group .help span{color:red;margin:0px 4px 0px 7px;vertical-align:middle}
.module-box .left-group .help label{margin:0px 10px;color:#a1a1a1;font-weight:300}
.module-box .right-group{position:relative;width:calc( 100% - 600px );height:290px;display:flex;align-items:center;justify-content:flex-end;padding:20px;box-sizing:border-box;}
.module-box .right-group:after{content:'';position:absolute;left:30px;width:28px;height:20px;background:url(/assets/riings/images/ic_module_arrow.png)no-repeat;}
.module-box .badge{width:100%;height:32px;border:1px solid #cad4df;background-color:#eaeff5;display:flex;align-items:center;justify-content:center;font-size:12px;text-align: center;vertical-align: middle;line-height: 12px;border-radius:5px}
.module-box .badge:hover{border:1px solid #758ca8}
.module-header{margin-bottom:15px;}
.module-header li{font-size:12px;color:#777;font-weight:300;width:calc((100% - 50px) / 3);text-align:center;}
.module-box.share .module-header li{border-bottom: 1px solid #efefef;width: calc((100% - 50px) / 2);padding-bottom: 10px;}
.module-box.share .module-header li:last-child{width: calc((100% - 10px) / 2);}

.module-box.share .left-group{width:100%}

.module-box.share .module-cont > li {width:100% !important;}
.module-box.share .module-cont li dd{margin-left:10px}

.module-box.share .left-group .help{border-top:1px solid #f5f5f5;padding-top:10px}

.module-header li + li {margin-left:10px;}
.module-header li:last-child{width:50px;}
.module-cont{min-height:200px}
.module-cont > li{display:flex;align-items:center;width:560px !important;}
.module-cont > li + li {margin-top:10px;}
.module-cont > li .remove {width:50px;}
.module-cont .cell{width:calc((100% - 50px) / 3);}
.module-cont .cell + .cell{margin-left:10px;}
.module-cont .cell .ic-delete{width:35px;height:35px;}
.module-cont .cell .ic-delete:hover {background-color:#eee;border-radius:100%;}
.module-cont .select-block{width:100%;}

.module-cont li dt{ width: calc((100% - 50px) / 2)}
.module-cont li dd{width: calc((100% - 10px) / 2);text-align:center};

.module-select-box p {text-align:center;font-size:12px;color:#777;font-weight:300;margin-bottom:20px;}
.module-select-box ul{width:390px;border:1px dashed #ddd;border-radius:10px;padding:15px; box-sizing:border-box;display:flex;flex-wrap:wrap;margin-top: 8px;}
.module-select-box ul li {width:calc( ( 100% - 40px) / 4);margin:5px;cursor: pointer;}
.module-select-box ul li .select-cell{display:none;}
.module-select-box ul li.on .select-cell{display:block;}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #006CFF;
}

input:focus + .slider {
  box-shadow: 0 0 1px #006CFF;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.login-error-pop{padding-top:90px;background:url(/assets/riings/images/ic_warning.png)center 30px no-repeat;}
.login-error-pop .pgc-txt-cont{padding-bottom:25px;}

/*header*/
header{position:relative;display:block;height:100px;z-index:50;}
header.exam{position:fixed;display:block;height:100px;z-index:50;width:100%}
header.exam.print{position:absolute}

header.inc{height:150px;}
header .header-in{min-width:1200px;height:100%;margin:0 auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:center;position:relative;width:100%;box-sizing:border-box;z-index:10;padding:0 30px;}
header.exam.print .header-in{min-width:900px}

header.exam .header-in .test-timer-wrap{background-color:#fff;border-bottom:1px solid #eee}

header .header-in .logo{width:120px;height:32px;line-height:1;position:absolute;left:30px;}
header .header-in .nav-util{display:inline-block;margin:auto;}
header .header-in .nav-util .list > li{font-size:0;}
header .header-in .nav-util .list > li > a{position:relative;display:flex;align-items:center;font-size:18px;padding:0 40px;height:100px;transition:color 0.4s;color:#555;font-weight:300;}
header .header-in .nav-util .list > li.active > a{font-weight:700;color:#000;}
header .header-in .nav-util .list > li.active > a:after{content:'';position:absolute;bottom:0;width:calc(100% - 80px);height:4px;background-color:#000;}
header .header-in .nav-util .list > li:hover > a{color:#000;}
header .header-in .utility{position:absolute;right:30px;display:flex;align-items:center;}
header .header-in .utility li{margin-left:20px;}
header .header-in .utility li a {display:flex;padding:0 15px;min-width:150px;height:48px;border-radius:10px;font-size:15px;line-height:1;box-sizing:border-box;font-weight:500;}
header .header-in .utility li a i {display:inline-block;}
header .header-in .utility li .btn-login{border:1px solid #ddd;}
header .header-in .utility li .btn-inquiry{border:1px solid #000;background-color:#000;color:#fff;}
header .header-in .utility li .due-time{font-size:15px;font-weight:500;}
header .header-in .utility li .due-time .ic-time{width:20px;height:20px;background:url(/assets/riings/images/ic_gnb_time.png)center center no-repeat;margin-top:-3px;margin-right:15px;}
header .header-in .utility li .ic-login{width:20px;height:22px;background:url(/assets/riings/images/ic_login.svg)center center no-repeat;margin-top:-3px;margin-right:15px;}
header .header-in .utility li .ic-inquiry{width:30px;height:28px;background:url(/assets/riings/images/ic_inquiry.png)center center no-repeat;margin-top:-3px;margin-right:15px;}
header .header-in .utility li .ic-gnb-setting{width:24px;height:27px;background:url(/assets/riings/images/ic_gnb_setting.png)center center no-repeat;margin-top:-3px;margin-right:15px;}
header .header-in .utility li .btn-login:hover{background:rgba(0,0,0,0.03);}
header .header-in .utility li .btn-inquiry:hover{background:rgba(0,0,0,0.8);}
header.admin{border-bottom:1px solid #eee;}

header.print .header-in .test-timer-wrap .step .step-line{width:200px}

/*footer*/
footer{display:block;height:64px;width:100%;box-sizing: border-box;}
footer .footer-in{min-width:1200px;height:100%;margin:0 auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-box-pack: center;-webkit-justify-content: center; justify-content: center;position:relative;width:100%;box-sizing:border-box}
footer .footer-in p{font-size:14px;color:#747983;}
footer.v-2{height:200px;background:#fff;}
footer.v-2 .footer-in{max-width:1600px;margin:auto;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:flex-start; -webkit-box-pack: flex-start;-webkit-justify-content: flex-start; justify-content:flex-start;padding:35px 0;}
footer.v-2 .footer-in .right-box{margin-left:150px;width:800px;text-align:left;}
footer.v-2 .footer-in .footer-logo{display:inline-block;width:140px;}
footer.v-2 .footer-in .footer-list + .footer-list{margin-top:15px;}
footer.v-2 .footer-in .footer-list > li{text-align:left;font-size:15px;display:inline-block;}
footer.v-2 .footer-in .footer-list > li span{display:inline-block;padding:0 15px;position:relative;color:#555;transition:color 0.3s;}
footer.v-2 .footer-in .footer-list > li span:after{content:'';position:absolute;width:1px;height:14px;background-color:#ddd;top:6px;right:-4px;}
footer.v-2 .footer-in .footer-list > li:last-child span:after{content:none;}
footer.v-2 .footer-in .footer-list.sub > li:first-child{width:100%;}
footer.v-2 .footer-in .footer-list.sub > li:first-child span:after{content:none;}
footer.v-2 .footer-in .footer-list.sub > li span{color:#999;}
footer.v-2 .footer-in .copyright{color:#999;font-size:15px;padding-left:15px;margin-top:15px;}
footer.v-2 .footer-in .footer-list > li:hover > a{color:#000;}

.pgc-table.dataTable tbody td.dt-body-center.fon11{font-size:11px}
.pgc-table.dataTable tbody td.dt-body-center.fon12{font-size:12px}

.check_pop{transition:transform 0.2s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:none;width:450px;z-index:70;line-height:22px;box-shadow:5px 5px 25px #000;text-align: center;}
.check_pop.view{display:block;position:absolute;margin-top:-220px;-webkit-animation: textAni 1s both;animation: textAni 1s both;animation-delay: 0.2s;margin-left:-222px;border-radius: 10px; }

body.pause .check_pop.view{display:none}

body.pause #resume-timer{;z-index:1000}

.check_pop div.inpop{border:3px solid #39455d;border-radius: 10px; }
.check_pop div.inpopLn{background-color: #FFF; padding:15px 25px 25px 25px;overflow: hidden;border-radius: 10px; }
.check_pop div.inpopLn strong{font-weight:bold;font-size: 14px;}

.check_pop h2{margin:0 0 15px 0;padding:0 0 0 27px;height:32px;border-bottom:1px solid #e3e3e3; font-size:19px; color:#080808; background:url(https://image1.educe.co.kr/aptitude_exam/bg_pop_tit.png) no-repeat 0 0px;text-align: left}
.check_pop h2.start{background: url(/assets/riings/images/ico_volume32.png) no-repeat 0 0px;text-align:left;background-size:25px;vertical-align:middle;line-height:29px;padding-left:35px}
.check_pop .pContents{padding:20px 0px; background-color:#FDFCE0; border:1px solid #E6E6DE; font-size:13px; color:#846546; letter-spacing:-1px;margin-bottom:10px}
.check_pop ul{margin:12px 0;font-size:13px;}
.check_pop ul li{padding-left:17px;background:url(https://image1.educe.co.kr/icon/icon_16.gif) no-repeat 0 2px; letter-spacing:-1px; line-height:130%; margin-bottom:8px}
.check_pop .subject{ text-align:center; font-size:20px; font-weight:bold; letter-spacing:-1px; padding:10px 10px 20px 10px; }
.check_pop .selectType{padding:0px;width:48%;letter-spacing:-1px; border:1px solid #D9D9D9;background:url(https://image1.educe.co.kr/aptitude_exam/bg_tabOmr.gif) repeat-x left bottom; }
.check_pop .selectType strong{font-weight:bold;margin-bottom: 10px;display: inline-block;}

.check_pop .selectType a{display: inline-block;width: 100%;padding: 16px 0px;font-weight: 700;font-size: 21px;} 

.check_pop .btn{clear:both;text-align:center;}
.check_pop .close_btn{position:absolute;top:0;right:0;padding:22px 30px;width:20px;text-align:right;}

.check_pop .left_layout{float:left}
.check_pop .right_layout{float:right}
.txt_center{text-align:center}

.pg3{padding:0px 3px}
#modal-bg{
  display:none;
  position:fixed; 
  width:100%; height:100%;
  top:0; left:0; 
  background:rgba(0,0,0,0.6);z-index: 60;
}
.mb200{margin-bottom:200px}


.q_type{font-family: "맑은 고딕";line-height: 160%;position:relative;min-height: 45px;}
.q_type li.num{display:inline-block;width:30px;vertical-align: top;font-size: 16px;margin-top: 1px;}

.test-box .q_type .correct-mark{position:absolute;top:10px;left:20px;background: url(/assets/riings/images/correct-mark.png) no-repeat 0px 0px;width:45px;height:45px;top: -7px;left: -15px;}
.test-box .q_type .incorrect-mark{position:absolute;top:10px;left:20px;background: url(/assets/riings/images/incorrect-mark.png) no-repeat 0px 0px;width:45px;height:28px;top: -1px;left: -10px;}

.q_type li.qq{display:inline-block;width:800px}

.view-content.exam.print .pgc-test-check{position:relative;display:inline-block;margin-left:0px}
.comment{background: url(/assets/riings/images/sti_testExplain.png) no-repeat 0px 0px;}
.title.view_check2{margin: 0px 0px 25px 35px;font-size:16px;height:25px;line-height:28px;letter-spacing: 1px; color: #f00;}
.comment .memo{padding: 42px 10px 25px 20px; border: 1px solid #cdd1d9; font-family: "맑은 고딕"; line-height: 150%; font-size: 10pt; margin-top: 5px; width: 97%; border-radius: 0px 20px 20px 20px;font-weight: 500;}
.comment p{font-family: "맑은 고딕";line-height:150%;font-size:10pt}

.q_answer{padding:20px 0px;font-family: "맑은 고딕";}
.q_answer li{padding:8px 0px}
.q_answer li dt.answer_num{margin-left:35px;font-size:20px;display:inline-block;margin-right:8px;height:18px;width:18px;line-height:100%;margin-top: 2px;border-radius: 50%;height:24px;width: 20px}
.q_answer li dt.answer_num.on{background: url(/assets/riings/images/icn_check_small.png) no-repeat center center}
.q_answer li dt.answer_num.on.no-view,.test-box .q_type .correct-mark.no-view,.test-box .q_type .incorrect-mark.no-view{background:none}
.q_answer li dd.answer_contents{display:inline-block;vertical-align:top;width:820px;margin-top: 1px;}

.q_answer.hz li dd.answer_contents{float:left;overflow:hidden;}
.q_answer.hz li dd.answer_contents.wid5{width:114px}
.q_answer.hz li dd.answer_contents.wid4{width:154px}
.q_answer.hz li dd.answer_contents.wid3{width:220px}
.q_answer.hz li dd.answer_contents.wid2{width:330px}

.test-box hr{border-top: 1px dashed #d1d1d1;margin-top:160px;margin-bottom:40px}
.test-box hr.end{border-top: 0px;margin-top:160px;margin-bottom:140px}

.print-btn{position:absolute;top:26px;right:30px;cursor:pointer;z-index:100}

.print-info{border:1px solid #eee;margin-bottom:10px;padding:10px}

.print-info dt{display:inline-block;width:135px;text-align:center}
.print-info dd{display:inline-block}

.checkbox input[type="checkbox"] { display: none;}
.checkbox input[type="checkbox"] + label { position:relative;height:28px; background:#fff url(/assets/riings/images/ck_off.png) no-repeat 5px center; border:1px solid #c3c3c3; cursor: pointer;vertical-align:middle;display:inline-block;margin-right:3px}
.checkbox input[type="checkbox"]:checked + label { background:url(/assets/riings/images/ck_on.png) #fff no-repeat 5px center; border:1px solid #61bce9;color:#1bafcf;vertical-align:middle;display:inline-block}
.checkbox input[type="checkbox"] + label span {font-weight:500;display:inline-block;vertical-align:middle;font-size:13px;-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;padding:0px 10px 0px 28px; line-height:26px }
.checkbox input[type="checkbox"]:checked + label span{}
.checkbox input[type="checkbox"]+ label:hover{box-shadow: 0px 1px 6px 0px #dddddd}

.clip-text{display:none;position: absolute; bottom: 10px; right: 10px; width: max-content; height: 28px; border: 1px solid #d9d9d9; padding: 5px 15px 3px 15px; border-radius: 10px; background-color: #fffcef; font-size: 12px; font-weight: 500;}


.dt-body-center{position:relative}


.pgc-member .title-line{font-size: 13px;border: 1px solid #e7e7e7;border-radius: 10px;padding: 20px 10px;}

.pgc-member ul.memo {text-align: center;}
.pgc-member ul.memo li{display:inline-block;margin:0px 15px}
.pgc-member ul.memo li dt{display:inline-block;font-weight:500;margin-right:5px}
.pgc-member ul.memo li dd{display:inline-block;margin-left:5px}

.view-content.summary .pgc-member h2.tit{padding-left: 30px;margin-top:40px;margin-left:5px;color: #577dbf;background: url(/assets/riings/images/icon_titsym_gray.png) no-repeat left 5px;color:#787878}

#wrap.ebook {background-color:#f5f5f5;margin-top:-30px}
#wrap.ebook .view-content{margin-top:60px;width: 100%;}

.make-edit{width:14px;vertical-align:middle;margin-right:6px;margin-top: -2px;}
.share-close{vertical-align:middle;margin-left:6px;margin-top: -1px;cursor:pointer}

.radio-check{display:none}
.radio-check+ label{
    position:relative;
	display: inline-block;
  
    background:url(/assets/riings/images/ic_check_off.png) no-repeat;
    border: 0;
	cursor: pointer;
	padding-left:28px;
	line-height: 20px;
}

.radio-check:checked + label {
    background:url(/assets/riings/images/ic_check_on.png) no-repeat;
}


table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty {
  
    height: 200px;
}




.dataTables_scrollBody::-webkit-scrollbar {
  width:12px;height:12px
}
.dataTables_scrollBody::-webkit-scrollbar-track {
    background-color: #f3f3f3;
    border-left: 1px solid #f3f3f3;
	border-radius: 6px;
}
.dataTables_scrollBody::-webkit-scrollbar-thumb {
      border-radius: 6px;
    background-color: #bebebf;
}
.dataTables_scrollBody::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}

.pgc-setting-list > ul > li.flex .help{margin-left:30px;color:#429dce}

.scroll-css::-webkit-scrollbar {
  width:6px;height:12px
}
.scroll-css::-webkit-scrollbar-track {
    background-color: #fafafa;
    border-left: 1px solid #f8f8f8;
	border-radius: 6px;
}
.scroll-css::-webkit-scrollbar-thumb {
      border-radius: 6px;
    background-color: #ced5e5;
}
.scroll-css::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}

.pgc-test-check .answer-list li .answer-group span.admin-answer-check{    position: absolute; top: 0px; right: 0px; display: inline-block; width: 8px; height: 8px; background-color: #f00;}

.test-box img{max-width:100%}
.pos-rel{position:relative}

.module-help{width: 700px; position: absolute; left: 0px; top: 130px; text-align: center; font-size: 15px; color: #95a7b3;}
.module-help img{vertical-align: middle; width: 16px; margin-right: 5px; margin-top: -3px; display: inline-block;}


.tab-in{width:100%;display: block;top:41px;position: absolute;    z-index: 1;}
.tab-in.b3{border-bottom:3px solid #cdcdcd;}
.tab-in li{display:inline-block;list-style:none;cursor:pointer}
.tab-in li:first-child{margin-left:15px}
.tab-in li a{display:inline-block;padding:10px 26px;border-left:0px;;border-bottom:0px;font-size:14px;color:#b1b1b1;font-weight:400;    border-radius: 10px 10px 0 0;    border: 1px solid #e9e9e9; border-bottom: 0px;vertical-align: bottom;}
.tab-in li a:hover{color:#000;border: 1px solid #c7c7c7;border-bottom:0px}
.tab-in li.on a{background-color:#fbfbfb;color: #000;font-weight: 500;box-shadow: none;height: 40px;line-height: 20px; ;}

.tab-in.reg li.on a{border: 1px solid #c7c7c7;
    margin-bottom: -1px;}
.tab-in li.off a{background-color:#f5f5f5;border-top:1px solid #d4d4d4;border-right:1px solid #d4d4d4;color:#afafaf;cursor:default;box-shadow:none}
.clear{clear:both}

.pgc-table.dataTable thead .sorting{background-image:url(/assets/riings/images/ic-sort-bth.svg);background-repeat:no-repeat;background-position:right -3px center;}
.pgc-table.dataTable thead .sorting_asc{background-image:url(/assets/riings/images/ic-sort-up.svg) !important;background-repeat:no-repeat;}
.pgc-table.dataTable thead .sorting_desc{background-image:url(/assets/riings/images/ic-sort-down.svg) !important;background-repeat:no-repeat;}


.sel-state{position:relative}
.sel-state .select-box.lengthSelect{position: absolute; right: 160px; top: -70px;z-index:2;}

.sel-state .select-box.lengthSelect select {  background: #fff url(/assets/riings/images/ic_result.png) 15px center no-repeat !important; }

.tab-in.reg {
    width: 100%;
    display: block;
    position: relative;top:30px
}

.ebook-wrap .tab-group.exam-type a {width: calc(100% / 2);}

.ncs-icon{color: #e57bed; font-weight: 600;}
.com-icon{color: #46b2f1; font-weight: 600;}