html{scroll-behavior:smooth}
body, th,td,input,select,textarea,button{font-size:13px;line-height:1.3;color:#333}
input[type="date"]::-webkit-clear-button{display:none}
/* Removes the spin button */
input[type="date"]::-webkit-inner-spin-button{display:none}
/* Always display the drop down caret */
input[type="date"]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer}
button{outline:none}
button:focus{outline:none}
a{outline:none;color:#333}
.new{width:13px;vertical-align:middle;margin:0 0 2px 5px}
dl, ol, ul{margin:0}
p{margin:0}

body.scrollNone{overflow-y:hidden}

@media(min-width:1024px){
  body.scrollNone{overflow-y:auto}
  h3, h4, h5, h6{font-weight:700}
}

body.bg{background:#f2f4f7}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
/* Firefox */
input[type=number]{appearance:textfield;-moz-appearance:textfield}

.inputChk{display:none}
.inputChk + label{font-weight:400;margin:0 15px 0 0;cursor:pointer}
.inputChk + label:before{display:inline-block;content:"";width:16px;height:16px;border:solid 1px #CDD0D2;border-radius:2px;vertical-align:middle;margin:0 3px 0 0}
.inputChk:checked + label{color:#535bfb}
.inputChk:checked + label:before{background:#535bfb url(/images/ico_check_att.png) 50% 50% no-repeat;border-color:#535bfb}
.inputChk:disabled + label{opacity:0.6;cursor:default}
.inputChk:disabled + label:before{background:#eee}
.inputChk:checked:disabled + label{color:#333}
.inputChk:checked:disabled + label:before{border:solid 1px #CDD0D2;background:#eee url(/images/ico_state_finish.png) 50% 50% no-repeat;background-size:10px auto}

.inputRadio{display:none}
.inputRadio + label{font-size:14px;color:#333;font-weight:400;margin:3px 20px 3px 0;cursor:pointer}
.inputRadio + label:before{display:inline-block;content:"";width:16px;height:16px;background:#fff;border:solid 1px #C2C2C2;border-radius:50%;vertical-align:middle;margin:0 5px 3px 0}
.inputRadio:checked + label{color:#535bfb}
.inputRadio:checked + label:before{border:solid 5px #535bfb;box-sizing:border-box}
.inputRadio:disabled + label{opacity:0.6;cursor:default}
.inputRadio:disabled + label:before{background:#eee}
.inputRadio:disabled:checked + label{color:#333}
.inputRadio:disabled:checked + label:before{background:#fff;border:solid 5px #a4a5a7}

.inputText:disabled{background:#f5f5f5;color:#000;opacity:0.5}
.inputSelect:disabled{background:#f5f5f5;color:#000;opacity:0.5}

.btnTop{display:none;position:fixed;right:15px;bottom:100px;z-index:1000;width:45px;height:45px;background:rgba(0,0,0,0.6) url(/images/common/ico_anchor_top.png) 50% 50% no-repeat;border-radius:50px;cursor:pointer;transition:all 0.3s}
.btnTop.up{bottom:420px}

@media(min-width:1024px){
  .btnTop{right:20px}
}

.headerAdmin{width:100%;height:52px;background:#535bfb;position:fixed;top:0;z-index:999}
.headerAdminIn{position:relative;border-bottom:solid 1px #535bfb}
.headerAdmin .btnAsideFold{position:absolute;top:7px;left:205px;width:40px;height:40px;background:url(/images/ico_aside_fold_on.png) 50% 50% no-repeat;cursor:pointer}
.headerAdmin .btnAsideFold.on{background:url(/images/ico_aside_fold.png) 50% 50% no-repeat}
.headerAdmin .btnSearchArea{vertical-align:top;position:relative}
.headerAdmin .btnSearchDown{width:34px;height:34px;font-size:13px;font-weight:400;cursor:pointer;color:#272727;background:#6f8aff url(/images/ico_admin_sh@2x.png) 50% 50% no-repeat;background-size:16px auto;border-radius:50%;text-indent:-9999px;padding:0 5px;margin:0}
.headerAdmin .btnSearchDown:before{display:inline-block;content:"";width:17px;height:15px;background:url(/images/ico_top_search.png) 0 0 no-repeat;vertical-align:middle;margin:0 3px 2px 0}

.searchPsLayer{display:none;position:absolute;top:30px;right:10px;width:500px;background:#fff;border-radius:5px;box-shadow:4px 4px 8px rgba(0,0,0,0.4)}
.searchPsLayerIn{padding:40px 30px 30px 30px;position:relative}
.searchPsLayer .btnPsClose{position:absolute;top:13px;right:13px;width:20px;height:20px;background:url(/images/ico_x_gray@2x.png) 0 0 no-repeat;background-size:15px auto;cursor:pointer}
.searchPsLayer .personTopTab{padding:0 0 !important;border:solid 1px #e6eafc;border-radius:5px}
.searchPsLayer .personTopTab ul{display:table;width:100%;border-bottom:1px solid #e8e8e8;border:none;background:none}
.searchPsLayer .personTopTab li{display:table-cell;width:33%;font-size:15px;text-align:center;background:#f8f8f8;border-right:1px solid #e8e8e8;padding:10px 0;font-weight:700}
.searchPsLayer .personTopTab li:first-child{border-radius:5px 0 0 0}
.searchPsLayer .personTopTab li:last-child{border-radius:0 5px 0 0;border-right:none}
.searchPsLayer .personTopTab li a{color:#666}
.searchPsLayer .personTopTab li a:focus{outline:none}
.searchPsLayer .personTopTab li.ui-state-active{background:#fff}
.searchPsLayer .personTopTab li.ui-state-active a{color:#535bfb}
.searchPsLayer .personTopTab .ui-tabs-panel{text-align:center;padding:20px 0}
.searchPsLayer .personTopTab .tabsIn{text-align:left !important;padding:0 15px}
.searchPsLayer .personTopTab .tabsIn table{width:100%}
.searchPsLayer .personTopTab .tabsIn table td{height:40px}
.searchPsLayer .personTopTab .inputSrh{width:45%;height:36px;line-height:34px;border:1px solid #D8D8D8;border-radius:2px;font-size:15px;padding:0 5px}
.searchPsLayer .otherSel{margin:0 0 5px 0}
.searchPsLayer .btnNameSH{min-width:70px;height:35px;line-height:33px;background:#535bfb;border-radius:2px;font-size:14px;color:#fff;font-weight:700;margin:0}
.searchPsLayer .btnNameSH:before{display:inline-block;width:14px;height:15px;content:"";background:url(/images/ico_search_top_w.png) 0 0 no-repeat;vertical-align:middle;margin:0 3px 3px 0}
.searchPsLayer .inputText{width:100%;height:35px;border:1px solid #D8D8D8;font-size:14px;color:#000;border-radius:2px;padding:0 10px;vertical-align:middle}
.searchPsLayer .inputText:disabled{cursor:default;background:#f5f5f5;opacity:0.8}
.searchPsLayer .inputSelect{border:1px solid #D8D8D8}
.searchPsLayer .wNameSH{width:200px}
.searchPsLayer .nameResultTable{width:100%;margin:10px 0 20px 0}
.searchPsLayer .nameResultTable th{font-weight:400;border-bottom:solid 1px #e6eafc;padding:10px 0}
.searchPsLayer .nameResultTable td{border-bottom:solid 1px #eee;padding:10px 0}
.searchPsLayer .nameResultTable  .saintNm{font-size:16px;font-weight:700}
.searchPsLayer .nameResultTable .info{display:block;font-size:14px;letter-spacing:0px}
.searchPsLayer .nameResultTable .dpt{font-size:13px;color:#3574ff}
.searchPsLayer .nameResultTable .bar{display:inline-block;font-size:12px;color:#bfbdbd;margin:0 5px 3px 5px;vertical-align:middle}
.searchPsLayer .nameResultTable td.tdBtn{text-align:right}
.searchPsLayer .nameResultTable .tit{font-size:15px;font-weight:700;padding-top:10px;padding-bottom:10px}
.searchPsLayer .nameResultTable .btnNameSave{min-width:50px;height:30px;line-height:28px;background:#fff;border:solid 1px #535bfb;color:#535bfb;font-size:14px;font-weight:700;padding:0 10px;border-radius:30px;cursor:pointer}

.headerAdminL{height:52px;font-size:12px;color:#777;padding:12px 0 0 20px}
.headerAdminL h1{display:inline-block;font-size:24px;color:#fff;letter-spacing:-0.5px;margin:0}
.headerAdminL h1 a{display:inline-block;color:#f3ff00;font-size:18px}
.headerAdminL h1 a:hover{text-decoration:none}
.headerAdminL h1 a:before{display:inline-block;content:"";width:88px;height:20px;background:url(/images/ico_logo_admin.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 6px 0}
.headerAdminL h1 .admin{display:inline-block;font-size:12px;color:#fff;height:24px;line-height:24px;letter-spacing:-1px;font-weight:700;background:rgba(0,0,0,0.2);border-radius:26px;vertical-align:middle;padding:0 10px;margin:0 0 0 5px}
.headerAdminNav{display:none;position:absolute;top:0;left:252px}
.headerAdminNav .btnNav{display:inline-block;vertical-align:top}
.headerAdminNav .btnNav button{min-width:75px;max-width:120px;height:65px;color:#fff;font-size:12px;font-weight:700;line-height:1.0;text-align:center;background-color:transparent;padding:25px 5px 0 5px;margin:0 -2px;cursor:pointer}
.headerAdminNav .btnNav button.navPastor{background:url(/images/ico_admin_pastor.png) center 12px no-repeat}
.headerAdminNav .btnNav button.navEdu{background:url(/images/ico_admin_edu.png) center 12px no-repeat}
.headerAdminNav .btnNav button.navWorker{background:url(/images/ico_admin_worker.png) center 12px no-repeat}
.headerAdminNav .btnNav button.navLife{background:url(/images/ico_admin_life.png) center 12px no-repeat}
.headerAdminNav .btnNav button.navCourse{background:url(/images/ico_admin_course.png) center 12px no-repeat}
.headerAdminNav .btnNav button.navLecture{background:url(/images/ico_admin_lecture.png) center 12px no-repeat}
.headerAdminNav .btnNav button.navGrade{background:url(/images/ico_admin_grade.png) center 12px no-repeat}
.headerAdminNav .btnNav button.navStudent{background:url(/images/ico_admin_student.png) center 12px no-repeat}
.headerAdminNav .btnNav button.navCommunity{background:url(/images/ico_admin_community.png) center 12px no-repeat}
.headerAdminNav .btnNav button.navManager{background:url(/images/ico_admin_manager.png) center 12px no-repeat}
.headerAdminNav .btnNav button.navChart{background:url(/images/ico_admin_chart.png) center 12px no-repeat}
.headerAdminNav .btnNav button.navBasic{background:url(/images/ico_admin_basic.png) center 12px no-repeat}
.headerAdminNav .btnNav button:hover{background-color:#3038da}
.headerAdminNav .btnNav button.on{background-color:#4048e4}

@media(min-width:1200px){
  .headerAdminNav{display:block}
}

.headerAdminR{position:absolute;top:9px;right:20px;font-size:15px;color:#777;padding:0 5px 0 20px}
.headerAdminR .nameInfoWrap{display:inline-block;position:relative}
.headerAdminR .nameInfo{display:inline-block;width:34px;height:34px;background:url(/images/ico_admin_name@2x.png) 0 0 no-repeat;background-size:34px auto;color:rgba(255,255,255,0.9);vertical-align:middle;margin:0 0 0 0;padding:0;cursor:pointer}
.headerAdminR .nameInfoLayer{position:absolute;width:120px;background:#fff;top:35px;left:-50px;border-radius:5px;box-shadow:4px 4px 8px rgb(0 0 0 / 40%);padding:10px 10px;text-align:center}
.headerAdminR .nameInfoLayer .nameText{font-size:14px;line-height:1.3;letter-spacing:-0.5px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;border-bottom:solid 1px #f5f5f5;margin:0 0 5px 0;padding:0 0 10px 0}
.headerAdminR .nameInfoLayer button{width:100%;height:30px;background:transparent;color:#000;font-size:13px;font-weight:400;cursor:pointer}
.headerAdminR .btn-group{display:inline-block;margin:0}
.headerAdminR .btn-group .btn{float:inherit;width:34px;height:34px;background:#6f8aff url(/images/ico_admin_lang@2x.png) 50% 50% no-repeat;background-size:18px auto;border-radius:50%;text-indent:-9999px;color:#fff;font-size:14px;font-weight:400;line-height:1.3;vertical-align:middle;padding:2px 5px 0 5px}
.headerAdminR .btn-group .btn:focus{color:rgba(255,255,255,0.75);box-shadow:none}
.headerAdminR .btn-group .btn::after{border:none;display:inline-block;content:"";width:8px;height:4px;background:url(/images/ico_top_arrow.png) 0 0 no-repeat;vertical-align:middle;margin:0 0 3px 2px}
.headerAdminR .btn-group .btn .caret{display:none}
.headerAdminR .btn-group .btn .kor{display:none}
.headerAdminR .btn-group .btn .eng{display:none}
.headerAdminR .btn-group .btn-lang{font-size:13px}
.headerAdminR .btn-group .btn-lang:before{display:inline-block;content:"";width:15px;height:15px;background:url(/images/ico_lang_admin@2x.png) 0 0 no-repeat;background-size:15px auto;vertical-align:middle;margin:0 5px 2px 0}
.headerAdminR .btn-group .btn-lang:after{display:none}
.headerAdminR .btn-group .dropdown-menu{min-width:190px;font-size:14px;color:#000;box-shadow:2px 2px 2px rgba(0,0,0,0.15);padding:7px 0 7px 0}
.headerAdminR .btn-group .dropdown-menu li{padding:3px 10px}
.headerAdminR .btn-group .dropdown-menu li.topLine{border-top:1px solid #dfe3e7}
.headerAdminR .btn-group .dropdown-menu li.padTop{padding-top:5px}
.headerAdminR .btn-group .dropdown-menu li.padBot{padding-bottom:5px}
.headerAdminR .btn-group .dropdown-menu a{display:block;color:#444;line-height:1.4;font-weight:700;font-family:tahoma !important;letter-spacing:-0.5px;padding:0 10px;margin:0 0 10px 0;min-width:115px;cursor:pointer}
.headerAdminR .btn-group .dropdown-menu a:hover{text-decoration:none;color:#007bff;background:none}
.headerAdminR .btn-group .dropdown-menu a .kor{display:inline-block;font-size:13px;margin:0 0 0 5px}
.headerAdminR .btn-group .dropdown-menu a .eng{display:block;font-size:13px;color:#adadad;font-weight:400;letter-spacing:0}
.headerAdminR .btn-group.help .dropdown-menu{min-width:110px}
.headerAdminR .btn-group.lang .dropdown-menu{min-width:400px;max-height:calc(100vh - 100px);overflow-y:auto;right:0;left:auto;padding:20px}
.headerAdminR .btn-group.lang .dropdown-menu a{display:inline-block;width:calc(50% - 3px);vertical-align:middle}
.headerAdminR .btnInstead{width:90px;height:30px;line-height:30px;background:#6f8aff !important;color:#fff !important;border-radius:4px;vertical-align:top;font-size:13px;font-weight:400;padding:0 5px;cursor:pointer;margin:0}
 
.headerUserM{display:none;height:50px;position:relative;background:#fff;padding:13px 0 0 20px}
.headerUserM .btnFoldSide{display:none;width:33px;height:33px;background:#fff url(/images/ico_side@2x.png) 50% 50% no-repeat;background-size:auto 14px;border:solid 1px #d8dbe2;border-radius:4px;cursor:pointer;margin:0 5px 0 0}
.headerUserM .btnFoldSide.on{background:#fff url(/images/ico_side_on@2x.png) 50% 50% no-repeat;background-size:auto 14px}
.headerUserM h1.logoM{display:inline-block;height:24px;margin:0;vertical-align:middle;padding:0 0 0 0}
.headerUserM h1.logoM a{display:inline-block;width:84px;height:20px;color:#485faf;background:url(/images/ico_logo_sub@2x.png) 0 0 no-repeat;background-size:78px auto;text-indent:-9999px}
.headerUserM h1.logoM a:hover{text-decoration:none}
.headerUserM .btnR{position:absolute;top:0;right:0}
.headerUserM .btnR .btnListM{width:45px;height:50px;background:transparent url(/images/ico_m_list@2x.png) 40% 50% no-repeat;background-size:19px auto;cursor:pointer}
.headerUserM .btnR .btnNote{width:33px;height:33px;background:#765afb url(/images/ico_note_w@2x.png) 50% 50% no-repeat;background-size:33px auto;border-radius:50%;position:relative;cursor:pointer;opacity:0.9}
.headerUserM .btnR .btnNote .num{display:inline-block;height:16px;line-height:16px;background:#ff5757;border-radius:16px;color:#fff;font-size:11px;padding:0 5px;position:absolute;top:-4px;right:-4px}
.headerUserM .headerUserLecL{display:none}

.headerUserMobile{position:relative}
.headerUserMobile .btnNote{width:33px;height:33px;background:transparent url(/images/ico_notice_main@2x.png) 50% 50% no-repeat;background-size:16px auto;position:absolute;cursor:pointer;border-radius:50%;right:20px;top:15px}
.headerUserMobile .btnNote .num{display:inline-block;height:16px;line-height:16px;background:#ff5757;border-radius:16px;color:#fff;font-size:11px;padding:0 5px;position:absolute;top:0;right:0}
.alertLayer{background:#fff;margin-top:5px;border-radius:5px;padding:5px 15px;width:calc(100%)}
.alertLayer .alertList{cursor:pointer}
.alertLayer .message{padding:10px 0px}
.alertLayer .alertTitle{color:#000;font-size:14px;font-weight:700;padding:10px 0px;letter-spacing:-0.5px;display:flex;justify-content:space-around}
.alertLayer .alertMsg .msgContents{font-size:13px;color:#000;font-weight:700;margin:3px 0}
.alertLayerM{width:auto;background:#fff;border-radius:5px;margin-top:5px;position:absolute;right:20px;top:40px}
.alertLayerM .alertTitle{color:#000;font-size:13px;font-weight:700;padding:7px 5px;letter-spacing:-0.5px;display:flex;flex-direction:column}
.alertLayerM .message{padding:5px}
.alertLayerM .message:before, .alertLayer .message:before{display:inline-block;content:"";width:21px;height:21px;background:#4f81fc url(/images/comment_none.png) 4px 5px no-repeat;background-size:13px auto;vertical-align:super;margin:2px 5px 3px 3px;border-radius:50%}
.alertLayerM .alertMsg, .alertLayer .alertMsg{display:inline-block}
.alertLayerM .alertMsg .msgContents{font-size:12px;color:#000;font-weight:700;margin:2px 0}
.alertLayerM .alertMsg .msgDate{color:#8a8a8a;font-size:11px}
.alertLayerM .noAlert, .alertLayer .noAlert{font-size:13px;font-weight:700;text-align:center;padding:10px 0}
.alertTitle .qnaCntM:before, .qnaCnt:before{display:inline-block;content:"";width:23px;height:20px;background:url(/images/ico_view_qna@2x.png) 0 0 no-repeat;background-size:20px auto;vertical-align:middle}
.alertTitle .msgCntM:before, .msgCnt:before{display:inline-block;content:"";width:23px;height:20px;background:url(/images/ico_lecture_notice@2x.png) 0 0 no-repeat;background-size:20px auto;vertical-align:middle}
.alertTitle .qnaCnt, .msgCnt{display:inline-block;width:calc(100% - 51%);text-align:center;cursor:pointer}
.alertTitle .qnaCntM, .headerUserMobile .alertTitle .msgCntM{display:inline-block;width:100%;text-align:left;padding:8px 10px}
.alertTitle .cntNumber{color:#f94040}

@media(min-width:1024px){
  .headerUserMobile{display:none}
  .mobileLogout{display:none}
  .setMobile{display:none}
}

.headerUser{display:block;height:90px;background:#fff;border-bottom:solid 1px #f0f0f0;z-index:300}
.headerUserIn{position:relative;width:1240px;margin:0 auto;padding:0 20px}
.headerUserL{position:absolute;top:25px;left:20px;font-size:12px;color:#777;padding:0}
.headerUserL .btnFoldSide{display:none;width:48px;height:44px;background:#fff url(/images/ico_side@2x.png) 50% 50% no-repeat;background-size:auto 14px;border:solid 1px #d8dbe2;border-radius:4px;cursor:pointer;margin:0 15px 0 0}
.headerUserL .btnFoldSide.on{background:#fff url(/images/ico_side_on@2x.png) 50% 50% no-repeat;background-size:auto 14px}
.headerUserL h1.logo{display:inline-block;height:24px;margin:4px 0 0 0;vertical-align:top}
.headerUserL h1.logo a{display:inline-block;width:106px;height:24px;color:#485faf;background:url(/images/ico_logo_sub@2x.png) 0 0 no-repeat;background-size:106px auto;text-indent:-9999px}
.headerUserL h1 a:hover{text-decoration:none}
.headerUserL .asideSection{display:none;border-top:solid 10px #f2f2f2;padding:20px}

.headerUserLecL{display:inline-block}
.headerUserLecL button{max-width:85px;color:#adadad;font-size:13px;font-weight:700;letter-spacing:-0.5px;background:transparent;cursor:pointer}
.headerUserLecL button.on{color:#111}
.headerUserLecL .bar{display:inline-block;color:#d8dbe2;vertical-align:middle;margin:0 4px 3px 4px}

@media(min-width:1024px){
  .headerUserLecL button{max-width:inherit;font-size:21px}
  .headerUserLecL .bar{font-size:20px;margin:0 5px 3px 5px}
}

.headerTopM{display:none;position:relative;padding:0 20px 0 20px;margin:40px 0 0 0}
.headerTopM h2{font-size:24px;color:#222;font-weight:700;margin:0;padding:0 0 10px 0}
.headerTopM .btnR{position:absolute;top:-4px;right:20px}
.headerTopM .btnR .btnClose{width:28px;height:28px;background:url(/images/ico_play_close@2x.png) 50% 50% no-repeat;background-size:20px auto;cursor:pointer}

/*PC버전 상단메뉴*/
.headerUser .navTop{display:inline-flex;align-items:center;gap:18px;max-width:765px;height:40px;margin:0 0 0 40px}
.headerUser .navTop button{width:auto;font-size:14px;color:#222;font-weight:600;text-align:left;line-height:1.1;background:transparent;cursor:pointer}
.headerUser .navTop button.on{color:#535bfb}
.headerUser .navTop button.btnAdmin:after{display:inline-block;content:"";width:14px;height:12px;background:url(/images/common/ico_admin_sub@2x.png) 0 0 no-repeat;background-size:14px auto;vertical-align:middle;margin:0 0 3px 5px}
.headerUser .navTop button .num{display:inline-block;min-width:16px;height:16px;line-height:16px;text-align:center;color:#fff;font-size:11px;font-weight:700;background:#ff0030;border-radius:50%;vertical-align:middle;margin:0 0 3px 3px}
.headerUser .headerUserLecL{display:none}
.headerUser .settingLayer{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;padding:0 20px}
.headerUser .settingLayer .mSetTitle{position:relative;margin:40px 0 30px 0}
.headerUser .settingLayer .mSetTitle h2{font-size:24px;color:#222;font-weight:700}
.headerUser .settingLayer .mSetTitle .btnR{position:absolute;top:-5px;right:0}
.headerUser .settingLayer .mSetTitle .btnClose{width:30px;height:30px;background:url(/images/ico_play_close@2x.png) 50% 50% no-repeat;background-size:20px auto}
.headerUser .settingContents{padding:0}
.headerUser .settingContents li{font-size:16px;color:#333;height:unset !important;line-height:unset !important;padding:0 0px 20px 0px}

@media(min-width:1024px){
.headerUser .settingLayer{position:absolute;width:135px;background:#fff;top:35px;left:-10px;right:inherit;bottom:inherit;border-radius:5px;box-shadow:4px 4px 8px rgb(0 0 0 / 40%);text-align:left;padding:10px 20px;text-align:center}
.headerUser .settingLayer h3{font-size:16px;font-weight:700;color:#111;margin:0 0 10px 0}
.headerUser .settingLayer .btnSetting{letter-spacing:-0.5px}
.headerUser .settingLayer .btnLogoutPc{letter-spacing:-0.5px}
.headerUser .settingLayer .mSetTitle{display:none}
.headerUser .settingContents li{height:30px;line-height:30px;font-size:14px;font-weight:600;color:#666;padding:6px 0px;cursor:pointer}
.headerUser .settingContents li:hover{color:#00b8d9}
}

.headerUserR{position:absolute;top:28px;right:20px;font-size:12px;color:#777}
.headerUserR .nameInfo{display:inline-block;max-width:140px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;vertical-align:middle;color:rgba(0,0,0,0.9);font-size:14px;line-height:1.3;margin:0 0 0 0}
.headerUserR .nameInfo .nameText{display:inline-block;vertical-align:middle;margin:0 0 2px 0}
.headerUserR .btnNote{display:none;width:33px;height:33px;background:url(/images/ico_notice_sub@2x.png) 50% 50% no-repeat;background-size:16px auto;position:relative;cursor:pointer}
.headerUserR .btnNote .num{display:inline-block;height:16px;line-height:16px;background:#ff5757;border-radius:16px;color:#fff;font-size:11px;padding:0 5px;position:absolute;top:0;right:0}
.headerUserR .btnLogout{height:33px;background:#f5f5f5;color:#666;font-size:14px;border-radius:20px;vertical-align:middle;padding:0 15px;cursor:pointer;margin:0 0 0 10px}
.headerUserR .btnAdmin{display:none;font-size:14px;color:#222;font-weight:700;background:transparent;cursor:pointer;padding:0 5px 0 15px;position:relative;margin:0 0 0 10px}
.headerUserR .btnAdmin:before{display:inline-block;content:"";width:1px;height:14px;background:#d8dbe2;position:absolute;top:2px;left:0}
.headerUserR .btnAdmin:after{display:inline-block;content:"";width:14px;height:12px;background:url(/images/common/ico_admin_sub@2x.png) 0 0 no-repeat;background-size:14px auto;margin:0 0 0 6px}
.headerUserR .infoArea{display:inline-block}
.headerUserR .btnAllMClose{width:30px;height:30px;background:url(/images/ico_play_close@2x.png) 50% 50% no-repeat;background-size:20px auto;margin:0 0 0 5px;cursor:pointer}

@media(min-width:1024px){
.headerUserR .nameInfo .nameText{max-width:60px}
.headerUserR .btnNote{display:inline-block}
.headerUserR .btnAllMClose{display:none}
}
.headerUser .btn-group{display:inline-block;vertical-align:middle;margin:0 0 0 5px}
.headerUser .btn-group .btn{float:inherit;height:33px;background:#f5f5f5;border:none;border-radius:20px;color:#666;font-size:14px;font-weight:700;line-height:1.3;vertical-align:middle;padding:2px 15px 0 15px}
.headerUser .btn-group .btn:focus{color:rgba(0,0,0,0.75);box-shadow:none}
.headerUser .btn-group .btn:after{display:none}
.headerUser .btn-group .btn .caret{display:none}
.headerUser .btn-group .btn .eng{display:none}
.headerUser .btn-group .dropdown-menu{min-width:190px;font-size:14px;color:#000;box-shadow:2px 2px 2px rgba(0,0,0,0.15);padding:7px 10px 7px 10px;margin-top:10px}
.headerUser .btn-group .dropdown-menu li{padding:3px 10px}
.headerUser .btn-group .dropdown-menu li.topLine{border-top:1px solid #dfe3e7}
.headerUser .btn-group .dropdown-menu li.padTop{padding-top:5px}
.headerUser .btn-group .dropdown-menu li.padBot{padding-bottom:5px}
.headerUser .btn-group .dropdown-menu a{color:#444;line-height:1;font-weight:700;font-family:tahoma !important;padding:6px 10px;display:block;letter-spacing:-0.5px;min-width:115px}
.headerUser .btn-group .dropdown-menu a:hover{text-decoration:none;color:#3d66f5;background-color:none;cursor:pointer}
.headerUser .btn-group .dropdown-menu a .eng{display:block;font-size:13px;color:#adadad;font-weight:400;margin:5px 0 0 0}
.headerUser .btn-group.help .dropdown-menu{min-width:110px}
.headerUser .btn-group.lang .dropdown-menu{position:fixed;top:0;left:0;right:0;bottom:0;margin:0;border:none;border-radius:0;padding:0 20px 150px 20px;overflow-y:auto}
.headerUser .btn-group.lang .dropdown-menu a{display:inline-block;width:calc(33.3% - 5px);min-width:auto;display:inline-block;vertical-align:top;letter-spacing:0;padding:0 0 12px 0}
.headerUser .btn-group.lang .mSetTitle{position:relative;margin:40px 0 30px 0}
.headerUser .btn-group.lang .mSetTitle h2{font-size:24px;color:#222;font-weight:700}
.headerUser .btn-group.lang .mSetTitle .btnR{position:absolute;top:-5px;right:0}
.headerUser .btn-group.lang .mSetTitle .btnClose{width:30px;height:30px;background:url(/images/ico_play_close@2x.png) 50% 50% no-repeat;background-size:20px auto}

/*.headerSub는 강좌 들어갔을때 화면*/
.headerSub .headerUserIn{width:100%}
.headerSub .headerUser{height:70px}
.headerSub .headerUser .headerUserL{top:12px}
.headerSub .headerUser .headerUserR{top:17px}
.headerSub .headerUser .navTop{display:none}
.headerSub .headerUserM .headerUserLecL{display:inline-block;vertical-align:middle;padding:0 0 0 0}
.headerSub .headerUserM .btnFoldSide{display:inline-block}
.headerSub .headerUserL .btnFoldSide{display:inline-block}
.headerSub .headerUserR .btnAdmin{display:inline-block}

@media(max-width:1024px){/*작은화면*/
  .headerUserM{display:none}
  .headerUser{display:none;position:fixed;top:0;right:0;bottom:0;left:0;height:100%;background:rgba(0,0,0,0.5) !important}
  .headerUserIn{position:fixed;top:0;right:0;bottom:0;width:100%;height:100%;background:#fff;padding:0 0 100px 0;overflow-y:auto}
  .headerUserInBox{position:relative}
  .headerUserR{position:absolute;top:0}
  .headerUserR .nameInfo{display:inline-block;width:30px;height:30px;text-indent:-9999px;background:url(/images/ico_ft_set@2x.png) 50% 50% no-repeat;background-size:25px auto}
  .headerUserR .btnLogout{position:absolute;top:10px;right:15px;width:100px;height:30px;color:#666;border-radius:20px;line-height:1.1}
  .headerUserR .infoArea{display:inline-block}
  .headerUserR .infoArea .btnLogout{display:none}
  .headerUser .btn-group .btn-lang{width:30px;height:30px;background:transparent url(/images/ico_ft_lang@2x.png) 50% 50% no-repeat;background-size:22px auto;text-indent:-9999px}
  .headerUser .btn-group .btn-lang:before{display:none}
  .headerUserL{display:none;position:relative;top:inherit;left:inherit}
  .headerTopM{display:block}
  .headerSub .headerUserIn{width:100%}
  .headerSub .headerUser{height:100%}
  .headerSub .headerUser .headerUserL{top:inherit}
  .headerSub .headerUser .headerUserR{top:inherit}
  .headerSub .headerUser .navTop{display:block}
  .headerSub .headerUserL .btnFoldSide{display:none}
  .headerSub .headerUserR .btnAdmin{display:none}
}

@media(min-width:1024px){
  .headerUser .navTop button.btnAdmin{max-width:inherit;flex-shrink:0}
  .headerUserR .nameInfo{height:25px;font-weight:500;background:url(/images/ico_name.png) 0 0 no-repeat,url(/images/ico_name_arrow.png) right 50% no-repeat;cursor:pointer;padding:2px 15px 0 30px}
  .headerUser .btn-group .btn-lang{font-size:14px;font-weight:400;font-family:helvetia,tahoma !important}
  .headerUser .btn-group .btn-lang:before{display:inline-block;content:"";width:18px;height:18px;background:url(/images/ico_lang_sub@2x.png) 0 0 no-repeat;background-size:18px auto;vertical-align:middle;margin:0 5px 3px 0}
  .headerUser .btn-group.lang .dropdown-menu{position:absolute;left:inherit;right:0;top:inherit;bottom:inherit;min-width:400px;padding:20px;border-radius:10px;margin-top:10px;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;padding:20px}
  .headerUser .btn-group.lang .dropdown-menu a{width:calc(50% - 5px);padding:6px 10px}
  .headerUser .btn-group.lang .mSetTitle{display:none}
  .headerSub .headerUser .headerUserLecL{display:inline-block;position:absolute;top:18px;left:145px}
}

.contentH{min-height:calc(100vh - 131px)}
.contentFaqH{min-height:calc(100vh - 131px)}
.footerUser{padding:20px 20px 120px 20px;text-align:center;background:#f5f5f6}
.footerUser .site{font-size:12px;color:#777;font-weight:700;margin:0 0 20px 0}
.footerUser .site a{color:#777;text-decoration:none;line-height:1.5}
.footerUser .site .bar{display:inline-block;color:#e4e8eb;font-weight:400;margin:0 7px}
.footerUser .copy{font-size:12px;color:#777;line-height:1.5}
.footerLecture{text-align:center;padding:20px 0;margin:0 0 80px 0}
.footerLecture .copy{font-size:12px;color:#777;line-height:1.5}

@media(min-width:1024px){
  .contentH{min-height:calc(100vh - 170px)}
  .contentFaqH{min-height:calc(100vh - 170px)}
  .footerUser{padding:40px}
  .footerLecture{margin:0;padding:23px 0}
}

/*footer*/
.footer{border-top:solid 8px #f2f3f4;text-align:center;font-size:13px;color:gray;padding:10px 0 10px 0}
.footer .copy{padding:10px 0 0 0}

@media(min-width:1024px){
  .footer{border-top:solid 1px rgba(0,0,0,0.1)}
  .footer .in{padding:40px 30px 40px 30px}
  .footer .logoMBE{width:285px}
  .footer .copy{letter-spacing:-0.5px;font-size:12px;margin:0 0 3px 0}
  .footer dl{margin:0}
}

.navFootM{position:fixed;left:0;bottom:0;right:0;z-index:100}
.navFootMIn{position:relative;height:80px;background:url(https://globalapi.watv.org/images/EduLMS/banner/bg_foot_m@2x.png) 50% 0 no-repeat;background-size:auto 150px}
.navFootM .btnNavFootMore{position:absolute;bottom:35px;left:50%;transform:translate(-50%, 0);width:59px;height:59px;background:#2D5AF6 url(/images/ico_foot_more@2x.png) 50% 50% no-repeat;background-size:20px auto;border-radius:50%;filter:drop-shadow(0px 3px 4px rgba(45, 90, 246, 0.3));cursor:pointer}
.navFootM .btnFootNavWrap{display:flex;padding:17px 0 0 0}
.navFootM .btnFootNavWrap .btnFootNav{flex:1;display:inline-flex;display:inline-flex;justify-content:center;padding-top:27px}
.navFootM .btnFootNavWrap .btnFootNav.on{color:#2D5AF6}
.navFootM .btnFootNav.footEmpty{cursor:default}
.navFootM .btnFootNav.footHome{background-image:url(/images/ico_ft_home@2x.png)}
.navFootM .btnFootNav.footHome.on{background-image:url(/images/ico_ft_home_on@2x.png)}
.navFootM .btnFootNav.footLec{background-image:url(/images/ico_ft_lec@2x.png)}
.navFootM .btnFootNav.footLec.on{background-image:url(/images/ico_ft_lec_on@2x.png)}
.navFootM .btnFootNav.footBook{background-image:url(/images/ico_ft_book@2x.png)}
.navFootM .btnFootNav.footBook.on{background-image:url(/images/ico_ft_book_on@2x.png)}
.navFootM .btnFootNav.footAll{background-image:url(/images/ico_ft_all@2x.png)}
.navFootM .btnFootNav.footAll.on{background-image:url(/images/ico_ft_all_on@2x.png)}

@media(min-width:1024px){
  .navFootM{display:none}
}

/*모바일 하단 자세히보기, 모바일 전체보기(공통 아이콘)*/
.btnFootNav{height:54px;font-size:12px;color:#9FB1CA;line-height:1.0;background-color:transparent;background-position:50% 0;background-repeat:no-repeat;background-size:auto 24px;padding:18px 0 0 0;cursor:pointer}
.btnFootNav.footLecMy{background-image:url(/images/ico_ft_lec_my@2x.png);background-size:24px auto}
.btnFootNav.footLecAdm{background-image:url(/images/ico_ft_lec_adm@2x.png);background-size:24px auto}
.btnFootNav.footLecNS{background-image:url(/images/ico_ft_lec_ns@2x.png);background-size:24px auto}
.btnFootNav.footLecNS1{background-image:url(/images/ico_ft_lec_ns1@2x.png);background-size:24px auto}
.btnFootNav.footAppBook{background-image:url(/images/ico_ft_app_book@2x.png);background-size:24px auto}
.btnFootNav.footPlay{background-image:url(/images/ico_ft_play@2x.png);background-size:24px auto}
.btnFootNav.footPers{background-image:url(/images/ico_ft_pers@2x.png);background-size:auto 24px}
.btnFootNav.footNotice{background-image:url(/images/ico_ft_notice@2x.png);background-size:auto 24px}
.btnFootNav.footData{background-image:url(/images/ico_ft_data@2x.png);background-size:auto 24px}
.btnFootNav.footFaq{background-image:url(/images/ico_ft_faq@2x.png);background-size:auto 24px}
.btnFootNav.footGuide{background-image:url(/images/ico_ft_guide@2x.png);background-size:auto 24px}
.btnFootNav.footMyQ{background-image:url(/images/ico_ft_myq@2x.png);background-size:auto 24px}

/*모바일 하단 자세히보기*/
.navFootMore{display:none;position:fixed;left:0;bottom:0;right:0;z-index:200}
.navFootMoreIn{position:relative;background:#fff;border-top:solid 1px #eee;border-radius:30px 30px 0 0;box-shadow:0 -5px 10px rgb(0 0 0 / 10%);padding:40px 20px 100px 20px}
.navFootMore .btnNavFootClose{position:absolute;bottom:35px;left:50%;transform:translate(-50%, 0);width:59px;height:59px;background:#2D5AF6 url(/images/ico_foot_more_close@2x.png) 50% 50% no-repeat;background-size:16px auto;border-radius:50%;filter:drop-shadow(0px 3px 4px rgba(45, 90, 246, 0.3));cursor:pointer}
.navFootMore .btnFootNavMoreWrap{display:flex;flex-wrap:wrap}
.navFootMore .btnFootNavMoreWrap .btnFootNav{display:inline-flex;align-items:flex-start;justify-content:center;width:33.3%;height:75px;font-size:12px;color:#666;margin:0 0 10px 0;padding-top:35px}

/*모바일 전체보기*/
.headerNavM{padding:0 20px 20px 20px}
.headerNavM h3{font-size:17px;font-weight:600;color:#222;margin:40px 0 15px 0;padding:0 0 0 0;position:relative}
.headerNavM .btnFootNav{display:block;width:100%;height:auto;min-height:35px;background-color:transparent;background-position:0 2px;background-size:24px auto;font-size:17px;color:#333;letter-spacing:-0.5px;text-align:left;padding:0 0 0 40px;margin:0 0 10px 0;cursor:pointer}
.headerNavM .btnFootNav.footLecMy{background-position:0 5px}
.headerNavM .btnFootNav.footGuide{background-position:0 5px}

@media(min-width:1024px){
  .headerNavM{display:none}
}

.navLeftAdminWrap{z-index:1;position:fixed;top:52px;left:0;bottom:0;width:251px;background:#fff;border-right:solid 1px #ededed;overflow-y:auto}
.navLeftAdminWrap::-webkit-scrollbar{width:8px}
.navLeftAdminWrap::-webkit-scrollbar-thumb{background:#E8E8FB;border-radius:10px}
.navLeftAdminWrap .navGroup{padding:1px 0 0 0}
.navLeftAdminWrap .btnNav{width:100%;text-align:left;color:#111;font-size:15px;font-weight:600;letter-spacing:-0.5px;background:#fff;border-top:solid 1px #ededed;border-bottom:solid 1px #ededed;transition:none;padding:10px 20px;margin:-1px 0 0 0;position:relative;cursor:pointer}
.navLeftAdminWrap .btnNav.lineTop{border-top:solid 8px #ededed}
.navLeftAdminWrap .sub{width:100%;min-height:45px;text-align:left;color:#555;font-size:13px;letter-spacing:-0.5px;background:#f6f6ff;border-top:solid 1px #e6eafc;border-bottom:solid 1px #e6eafc;transition:none;padding:5px 0 5px 32px;margin:-1px 0 0 0;position:relative;cursor:pointer}
.navLeftAdminWrap .sub:before{display:inline-block;content:"-";margin:0 6px 0 0;position:absolute;top:12px;left:20px}
.navLeftAdminWrap .sub:after{display:inline-block;content:"";width:3px;height:45px;background:#6e89f7;position:absolute;top:0;left:0;z-index:1}
.navLeftAdminWrap .sub.on{color:#535bfb}
.navLeftAdminWrap .sub.disabled{color:#bfbfbf}
.navLeftAdminWrap .sub:disabled{background-color:#cad4e8;border-top:solid 1px #a7b5d0;border-bottom:solid 1px #a7b5d0}
.navLeftAdminWrap .btnNavDown:after{position:absolute;top:16px;right:20px;display:inline-block;content:'';width:11px;height:11px;background:url(/images/ico_nav_adm_plus.png) 0 0 no-repeat;background-size:10px auto;opacity:0.7}
.navLeftAdminWrap .btnNavDown.up:after{position:absolute;top:20px;right:20px;display:inline-block;content:'';width:11px;height:11px;background:url(/images/ico_nav_adm_minus.png) 0 0 no-repeat;background-size:10px auto}
.navLeftAdminWrap .navSubArea{display:none}

.navLeftAdminWrap .btnUnder{margin:8px 0 0 10px}
.navLeftAdminWrap .btnGuide{width:230px;height:65px;background:url(https://globalapi.watv.org/images/EduLMS/banner/bg_guide_admin.png) 0 0 no-repeat;text-align:left;font-size:17px;color:#fff;letter-spacing:-0.5px;padding:0 0 0 80px;cursor:pointer}
.navLeftAdminWrap .btnGuide .guideLogo{width:78px;height:13px;background:url(/images/bg_guide_admin_logo.png) 0 0 no-repeat}

.navLeftWrap{padding:0}
.navLeftTitle{min-height:50px;background:#f7f7f7;padding:13px 40px 13px 0;position:relative}
.navLeftTitle h3{min-height:30px;font-size:20px;font-weight:700;color:#111;letter-spacing:-0.5px;background:url(/images/ico_nav_left_tit@2x.png) 0 0 no-repeat;background-size:36px auto;padding:3px 0 0 45px;margin:0 0 0 20px}
.navLeftTitle .btnClose{position:absolute;top:4px;right:0;width:50px;height:50px;background:url(/images/ico_close_left@2x.png) 50% 50% no-repeat;background-size:18px auto;cursor:pointer}

@media(min-width:1200px){
  .navLeftAdminWrap{z-index:inherit}
}

@media(min-width:1024px){
  .navLeftWrap{padding:0 20px}
  .navLeftTitle{background:transparent;padding:22px 0 0 0;margin:0 0 10px 0}
  .navLeftTitle h3{min-height:40px;font-size:22px;background-size:44px auto;padding:5px 0 0 52px;margin:0}
  .navLeftTitle .btnClose{display:none}
}

.asideStateCon{font-size:16px;color:gray;margin:0 15px;padding-top:20px}
.asideStateCon .progress{display:inline-block;width:100%;height:30px;background:#fce4bf url(/images/bg_progress@2x.png) 0 0 repeat-x;background-size:auto 30px;border-radius:30px;box-shadow:inset 0 2px 15px rgb(249 201 133);vertical-align:middle}
.asideStateCon .progress .bar{display:block;height:30px;background:linear-gradient(to right, #ffc33a, #ffa93a);border-radius:30px;text-align:center;position:relative}
.asideStateCon .rate{display:inline-block;font-size:17px;color:#fff;font-weight:700;line-height:28px;text-shadow:2px 2px 2px rgb(235 132 1 / 15%);padding:0 10px}
.asideCalTit{cursor:pointer;padding:0;margin:15px 0 0 0}
.asideCalTit button{width:100%;height:20px;background:url(/images/ico_aside_cal@2x.png) 15px 50% no-repeat;background-size:18px auto;font-size:15px;color:#111;font-weight:700;text-align:left;padding:0 0 0 40px;cursor:pointer}
.asideCalTit button:after{display:inline-block;content:"";width:12px;height:8px;background:url(/images/ico_cal_arrow@2x.png) 50% 50% no-repeat;background-size:12px auto;border-radius:50%;vertical-align:middle;margin:0 0 4px 8px}
.asideCalTit button.on:after{background:url(/images/ico_cal_arrow_up@2x.png) 50% 50% no-repeat;background-size:12px auto}

.navLeftState{display:none;border-top:solid 1px #dcdcdc}
.navLeftState .asideSection{padding:5px 0 20px 0}
.navLeftState .calTop{position:relative;height:30px;text-align:center;margin:15px 0 0 0}
.navLeftState .calTop .btnToday{position:absolute;top:0;right:0;height:20px;background:#fff;border:solid 1px #d8dbe2;border-radius:2px;font-size:11px;color:#111;font-weight:700;letter-spacing:-0.5px;padding:0 5px;cursor:pointer}
.navLeftState .calTop .btnCalPrev{width:20px;height:20px;background:#fff url(/images/ico_cal_prev@2x.png) 50% 50% no-repeat;border:solid 1px #d8dbe2;background-size:6px auto;cursor:pointer}
.navLeftState .calTop .btnCalPrev:disabled{opacity:0.4;cursor:default}
.navLeftState .calTop .btnCalDay{width:auto;background:transparent;color:#111;font-size:15px;margin:0 3px}
.navLeftState .calTop .btnCalNext{width:20px;height:20px;background:#fff url(/images/ico_cal_next@2x.png) 50% 50% no-repeat;border:solid 1px #d8dbe2;background-size:6px auto;cursor:pointer}

@media(min-width:1024px){
  .navLeftState{display:block}
}

.navLeftWrap .navLeftChapter{border-bottom:solid 1px #f2f2f2}
.navLeftWrap .navLeftChapter.lineNone{border-bottom:solid 10px #f2f2f2}
.navLeftWrap .navLeftChapter button{display:block;width:calc(100% - 40px);min-height:45px;background:#fff;border-bottom:solid 1px #f2f2f2;border-radius:4px;font-size:15px;font-weight:700;color:#111;letter-spacing:-0.5px;text-align:left;position:relative;cursor:pointer;padding:10px 15px 10px 0;margin:0 20px}
.navLeftWrap .navLeftChapter button.on{color:#535bfb}
.navLeftWrap .navLeftChapter button.btnSub{padding:0 15px 0 10px}
.navLeftWrap .navLeftChapter button.btnSub:before{display:inline-block;content:"";width:4px;height:2px;background:url(/images/ico_lec_sub.gif) 0 0 no-repeat;vertical-align:middle;margin:0 5px 3px 0}
.navLeftWrap .navLeftChapter button.btnSub .subTxt{display:inline-block}
.navLeftWrap .navLeftChapter button.btnSub.on{color:#111}
.navLeftWrap .navLeftChapter button.btnSub.on .subTxt{background:url(/images/bg_left_line.png) 0 bottom repeat-x}
.navLeftWrap .navLeftChapter button.btnProcess{background:#fff url(/images/ico_nav_left_process@2x.png) 0 50% no-repeat;background-size:18px auto;padding:0 0 0 25px}
.navLeftWrap .navLeftChapter button.btnNotice{background:#fff url(/images/ico_nav_left_notice@2x.png) 0 50% no-repeat;background-size:20px auto;padding:0 0 0 25px}
.navLeftWrap .navLeftChapter button.btnCommunity{background:#fff url(/images/ico_nav_left_kitchen.svg) 0 50% no-repeat;background-size:21px auto;padding:0 0 0 25px}
.navLeftWrap .navLeftChapter button.btnData{background:#fff url(/images/ico_lec_data@2x.png) 0 50% no-repeat;background-size:18px auto;padding:0 0 0 25px}
.navLeftWrap .navLeftChapter button.btnQna{background:#fff url(/images/ico_lec_qna@2x.png) 0 50% no-repeat;background-size:18px auto;padding:0 0 0 25px}
.navLeftWrap .navLeftChapter button.btnNotifi{background:#fff url(/images/ico_nav_left_notice@2x.png) 0 50% no-repeat;background-size:20px auto;padding:0 0 0 25px}

.navLeftWrap .navLeftChapter button.navFold{padding-right:30px}
.navLeftWrap .navLeftChapter button:last-child{border-bottom:none}
.navLeftWrap .navLeftChapter .icoN{display:inline-block;font-size:13px;color:#ff5757;font-weight:lighter}
.navLeftWrap .navLeftChapter .icoUp{display:inline-block;font-size:14px;color:#ff5757;font-weight:lighter}
.navLeftWrap .navLeftChapter .icoPass{display:inline-block;width:30px;height:16px;background:url(/images/ico_pass@2x.png) 0 0 no-repeat;background-size:auto 16px;vertical-align:middle;margin:0 0 3px 0}

@media(min-width:1024px){
  .navLeftWrap .navLeftChapter{border-bottom:none;border-top:solid 1px #dcdcdc;padding:15px 0;margin:0}
  .navLeftWrap .navLeftChapter.lineNone{border-bottom:none}
  .navLeftWrap .navLeftChapter button{width:100%;min-height:40px;border-bottom:none;padding:10px 15px;margin:0}
  .navLeftWrap .navLeftChapter button.btnSub{padding:0 15px 0 25px}
  .navLeftWrap .navLeftChapter button.btnProcess{background-position:15px 50%;padding:0 0 0 40px}
  .navLeftWrap .navLeftChapter button.btnNotice{background-position:15px 50%;padding:0 0 0 40px}
  .navLeftWrap .navLeftChapter button.btnCommunity{background-position:13px 48%;padding:0 0 0 40px}
  .navLeftWrap .navLeftChapter button.btnNotifi{background-position:15px 50%;padding:0 0 0 40px}
  .navLeftWrap .navLeftChapter button.btnData{background-position:15px 50%;padding:0 0 0 40px}
  .navLeftWrap .navLeftChapter button.btnQna{background-position:15px 45%;padding:0 0 0 40px}
  .navLeftWrap .navLeftChapter button.on{background-color:rgba(83,91,251,0.1)}
  .navLeftWrap .navLeftChapter button.btnSub.on{background-color:transparent}
}

.conWrap{margin:55px 20px 0 270px}
.conWrap.book{max-width:1600px}
.conWrap.asideWide{margin-left:20px}
.conWrap.listGuideW{max-width:1150px;margin:30px 40px 0 40px}
.conWrap .conTitle{height:60px;position:relative}
.conWrap .conTitleL{position:absolute;top:0;left:0}
.conWrap .conTitleC{text-align:center;padding:10px 0 0 0}
.conWrap .conTitle h3{font-size:25px;font-weight:700;letter-spacing:-2px;line-height:1.1;margin:0 0 15px 0}
.conWrap .conTitle h3 .bar{display:inline-block;font-size:20px;color:#b7b7b7;vertical-align:middle;margin:0 10px 3px 10px}
.conWrap .conTitle h3 .point{color:#535bfb}
.conWrap .conBg{min-width:1400px;min-height:calc(100vh - 160px);/*background:#fff;border:solid 1px #e6eafc;padding:20px 30px 10px 30px;*/}
.conWrap .conBgM{min-height:calc(100vh - 160px)}
.conWrap .conWideBg{min-width:1500px;/* min-height:calc(100vh - 160px);*/background:#fff;border:solid 1px #e6eafc}
.conWrap .wSelTop{width:200px;border:solid 1px #c7c7e8}
.conWrap .wSelLec{width:300px;border:solid 1px #c7c7e8}
.conWrap .btnSelTop{width:35px;height:35px;line-height:33px;background:#535bfb url(/images/ico_search_top_w.png) 50% 50% no-repeat;border-radius:2px;font-size:14px;color:#fff;font-weight:700;text-indent:-9999px;cursor:pointer}

@media(min-width:1200px){
  .conWrap.smallW{width:1000px}
  .conWrap.listSmallW{width:1000px}
  .conWrap .conBg{min-width:auto}
  .conWrap .conWideBg{min-width:auto}
}

.conAgent{padding:0 0 30px 0}
.conAgent h3{background:url(/images/ico_tab_download_black@2x.png) 0 3px no-repeat;background-size:20px auto;font-size:20px;color:#000;font-weight:600;letter-spacing:-2px;line-height:1.1;margin:10px 0 15px 0;padding:0 0 0 28px}
.conAgent .btnAgentDown{display:inline-block;min-width:130px;height:34px;background:#2b3b59;border:solid 1px #0f0f0f;border-radius:5px;color:#fff;font-weight:500;font-size:13px;padding:0 7px;margin:0 1px;cursor:pointer}
.conAgent .btnAgentDown.icoN:after{display:inline-block;content:"";width:15px;height:15px;background:url(/images/ico_issue_new.png) 0 0 no-repeat;vertical-align:middle;margin:0 0 2px 5px}

.conLecStTop{height:115px;border:solid 1px #e6eafc;background:#fff;;margin:0 0 10px 0;padding:20px 30px}
.conLecStTopTable .search{display:inline-block;position:absolute;right:0;top:0}
.conLecStTopTable .dhxcombo_dhx_skyblue{height:34px;border:solid 1px #e6eafc;border-radius:2px}
.conLecStTopTable div.dhxcombo_dhx_skyblue input.dhxcombo_input{height:34px;color:#000;font-size:14px;letter-spacing:-0.5px;padding:0 5px}
.conLecStTopTable div.dhxcombo_dhx_skyblue div.dhxcombo_select_button{height:30px;background:transparent;border:none}
.conLecStTopTable div.dhxcombo_dhx_skyblue div.dhxcombo_select_button div.dhxcombo_select_img{background:url(/images/ico_arrow_sel.gif) 50% 50% no-repeat}
.conLecStTopTable th{height:30px;padding:0 5px 0 0}
.conLecStTopTable td{padding:0 5px 0 0}
.conLecStTopTable td .inputSelect{border:solid 1px #e6eafc}
.conLecStTopTable td .wLecSel{width:250px}/*추가*/
.conLecStTopTable .btnRefresh{background:url(/images/ico_mem_pwinit_on.png) 50% 50% no-repeat;width:35px;height:34px;background-position:center;border:1px solid #e6eafc;box-shadow:2px 3px 2px #e6eafc;cursor:pointer}
.conLecStTopTableSh .search{display:inline-block;position:absolute;right:0;top:0}
.conLecStTopTableSh .dhxcombo_dhx_skyblue{height:34px;border:solid 1px #e6eafc;border-radius:2px}
.conLecStTopTableSh div.dhxcombo_dhx_skyblue input.dhxcombo_input{height:34px;color:#000;font-size:14px;letter-spacing:-0.5px;padding:0 5px}
.conLecStTopTableSh div.dhxcombo_dhx_skyblue div.dhxcombo_select_button{height:30px;background:transparent;border:none}
.conLecStTopTableSh div.dhxcombo_dhx_skyblue div.dhxcombo_select_button div.dhxcombo_select_img{background:url(/images/ico_arrow_sel.gif) 50% 50% no-repeat}
.conLecStTopTableSh th{height:30px;padding:0 5px 0 0}
.conLecStTopTableSh td{padding:0 5px 0 0}
.conLecStTopTableSh td .inputSelect{border:solid 1px #e6eafc}
.conLecStTopTableSh td .wLecSel{width:250px}/*추가*/
.conLecStTopTableSh .btnRefresh{background:url(/images/ico_mem_pwinit_on.png) 50% 50% no-repeat;width:35px;height:34px;background-position:center;border:1px solid #e6eafc;box-shadow:2px 3px 2px #e6eafc;cursor:pointer}
.conLecStTopTableSh .stColTit{display:inline-block;vertical-align:middle;margin:0 10px 0 0}
.conLecStTopTableSh .textNmArea{vertical-align:middle}

.conLecStTopDiv .dhxcombo_dhx_skyblue{height:34px;border:solid 1px #e6eafc;border-radius:2px}
.conLecStTopDiv div.dhxcombo_dhx_skyblue input.dhxcombo_input{height:34px;color:#000;font-size:15px;letter-spacing:-0.5px;padding:0 5px}
.conLecStTopDiv div.dhxcombo_dhx_skyblue div.dhxcombo_select_button{height:30px;background:transparent;border:none}
.conLecStTopDiv div.dhxcombo_dhx_skyblue div.dhxcombo_select_button div.dhxcombo_select_img{background:url(/images/ico_arrow_sel.gif) 50% 50% no-repeat}
.conLecStTopDiv .selMajor .dhxcombo_dhx_skyblue{width:500px !important}
.conLecStTopDiv .selMajor div.dhxcombo_dhx_skyblue input.dhxcombo_input{width:100% !important}
.conLecStTopDiv{padding:0 5px 0 0}
.conLecStTopDiv .inputSelect{font-size:15px;border:solid 1px #e6eafc;color:#535bfb}
.conLecStTopDiv .wLecSel{width:250px}/*추가*/
.conLecStTopDiv .wLecWide{width:560px !important}
.conLecStTopDiv .selTit{display:block;font-size:15px;font-weight:700;margin:0 0 5px 0}
.conLecStTopDiv .selCell{min-width:400px}
.conLecStTopDiv .btnLecInfo{height:35px;background:#3b4e72 url(/images/ico_admin_edu.png) 10px 50% no-repeat;color:#fff;font-size:13px;font-weight:700;border-radius:3px;cursor:pointer;padding:0 10px 0 30px;margin:0 0 0 5px}

.conLecStTopDiv .btnExcel{min-width:80px;height:35px;line-height:33px;background:#207347;border:solid 1px #207347;border-radius:4px;font-size:13px;color:#fff;font-weight:700;letter-spacing:-1px;cursor:pointer;padding:0 10px}
.conLecStTopDiv .btnExcel:before{display:inline-block;content:"";width:20px;height:20px;background:url(/images/common/ico_excel_s.png) 0 0 no-repeat;background-size:20px auto;vertical-align:middle;margin:0 5px 3px 0}
.conLecStTopDiv .btnPrint{min-width:80px;height:35px;line-height:33px;background:#fff;border:solid 1px #e0e0e0;border-radius:4px;font-size:13px;color:#000;font-weight:700;letter-spacing:-1px;cursor:pointer;padding:0 10px}
.conLecStTopDiv .btnPrint:before{display:inline-block;content:"";width:12px;height:12px;background:url(/images/ico_print.png) 0 0 no-repeat;vertical-align:middle;margin:0 3px 3px 0}
.conLecStTopDiv .btnWrite{min-width:100px;display:inline-block;color:#fff;font-size:13px;font-weight:700;text-align:center;background:#535bfb;height:35px;line-height:33px;margin-left:5px;border-radius:4px;cursor:pointer;padding:0 10px}
.conLecStTopDiv .btnWrite:before{display:inline-block;content:"";width:11px;height:11px;background:url(/images/common/ico_adm_plus.png) 0 0 no-repeat;vertical-align:middle;margin:0 3px 3px 0}
.conLecStTopDiv .btnScore{min-width:100px;display:inline-block;color:#fff;font-size:13px;font-weight:700;text-align:center;background:#00c577;height:35px;line-height:33px;border-radius:4px;cursor:pointer;padding:0 13px 0 13px}
.conLecStTopDiv .btnScore.off{background:#b2b2b2 !important;cursor:default;opacity:0.8}
.conLecStTopDiv .btnScore:before{display:inline-block;content:"";width:19px;height:20px;background:url(/images/ico_view_file_w.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 0 0}
.conLecStTopDiv .btnSearch{height:35px;line-height:33px;color:#fff;font-weight:700;cursor:pointer;width:120px;border-radius:4px;padding:0 10px 0 10px;background:#535bfb}
.conLecStTopDiv .btnSearch:before{display:inline-block;content:"";width:15px;height:15px;background:url(/images/ico_search_top_w.png) 0 0 no-repeat;vertical-align:middle;margin:0 3px 1px 0}
.conLecStTopDiv .btnBasic{min-width:80px;display:inline-block;color:#fff;font-size:13px;font-weight:700;text-align:center;background:#535bfb;height:35px;line-height:33px;margin-left:5px;border-radius:4px;cursor:pointer;padding:0 10px}

.conLecStTopDiv .stateSet{display:inline-block;min-height:33px;margin:0 0 0 0;padding:5px;border:solid 1px #BDBDBD;border-radius:3px;font-size:14px;font-family:tahoma !important;position:relative}
.conLecStTopDiv .stateSet p{position:absolute;top:-13px;left:5px;font-size:13px;font-family:tahoma !important;background:#fff;padding:0 10px}
.conLecStTopDiv .stateSet .inputRadio + label{display:block;height:20px;font-size:12px;text-indent:-22px;letter-spacing:-0.5px;font-weight:400;margin:0 5px 0 0;padding:0 0 0 22px}
.conLecStTopDiv .stateSet .inputRadio + label:before{width:16px;height:16px;border-radius:16px;margin:0 5px 2px 0}
.conLecStTopDiv .inputText{width:100%;height:32px;border:solid 1px #cbcbcb;font-size:14px;color:#000;padding:0 10px;vertical-align:middle}
.conLecStTopDiv .inputText.date{width:150px;padding:5px 10px;font-size:13px;background:url(/images/ico_date_cal_adm.png) 92% 50% no-repeat;background-size:auto 34px}

.lecInfoLayer{position:absolute;top:230px;left:50%;width:660px;background:#fff;border-radius:5px;box-shadow:4px 4px 8px rgba(0,0,0,0.4);margin:0 0 0 -330px;z-index:100}
.lecInfoLayer .popTitle{position:relative;height:45px;background:#496AEA;border-radius:5px 5px 0 0}
.lecInfoLayer .popTitle h3{line-height:45px;font-size:17px;color:#fff;padding:0 0 0 20px}
.lecInfoLayer .popTitle .btnClose{position:absolute;top:0;right:0;width:45px;height:45px;background:url(/images/common/bn_close.png) 50% 50% no-repeat;opacity:0.4;cursor:pointer}
.lecInfoLayer .popTitle .btnClose:hover{opacity:0.8}
.lecInfoLayer .popCon{padding:30px}
.lecInfoLayer .popCon .explainArea{line-height:1.5}
.lecInfoLayer .popCon .explainArea .explain{color:red}
.lecInfoLayer .popFoot{background:#F9F9F9;border-top:solid 1px #EBEBEB;border-radius:0 0 5px 5px;text-align:center;padding:20px 0 30px 0}
.lecInfoLayer .popFoot .btnDefault{width:120px;height:35px;line-height:33px;background:#74818E;border:solid 1px #5C5C5C;font-size:14px;color:#fff;font-weight:700;border-radius:2px;cursor:pointer}
.lecInfoLayer .popFoot .btnDefault:hover{background:#5A6A7A;border-color:#506171}
.lecInfoLayer .popFoot .btnNormal{width:120px;height:35px;line-height:33px;background:#fff;border:solid 1px #BDBDBD;font-size:14px;color:#333;font-weight:700;border-radius:2px;cursor:pointer}
.lecInfoLayer .popFoot .btnNormal:hover{background:#FAFAFA}
.lecInfoLayer .popFoot .btnPrimary{min-width:120px;height:35px;line-height:33px;background:#535bfb;border:solid 1px #353de2;font-size:14px;color:#fff;font-weight:700;border-radius:2px;padding:0 10px;cursor:pointer}
.lecInfoLayer .popFoot .btnPrimary:hover{background:#353de2;border-color:#353de2}

.conLecExplainDiv{margin:7px 0 0 0}

.conLecStTopTableN{width:100%}
.conLecStTopTableN th{min-width:80px;height:25px;vertical-align:top;font-size:16px;font-weight:700;letter-spacing:-0.5px}
.conLecStTopTableN td{vertical-align:top;position:relative;overflow:hidden}
.conLecStTopTableN td .inputSelect{border:solid 1px #e6eafc;margin:0 0 5px 0}
.conLecStTopTableN td .wLecSel{width:250px}/*추가*/
.conLecStTopTableN .btnRefresh{background:url(/images/ico_mem_pwinit_on.png) 50% 50% no-repeat;width:35px;height:34px;background-position:center;border:1px solid #e6eafc;box-shadow:2px 3px 2px #e6eafc;cursor:pointer}
.conLecStTopTableN .search{display:inline-block;margin:0 0 0 20px;position:relative}
.conLecStTopTableN .showRadio{display:inline-block;vertical-align:middle}
.conLecStTopTableN .dhxcombo_dhx_skyblue{height:34px;border:solid 1px #e6eafc;border-radius:2px}
.conLecStTopTableN div.dhxcombo_dhx_skyblue input.dhxcombo_input{height:34px;color:#000;font-size:14px;letter-spacing:-0.5px;padding:0 5px}
.conLecStTopTableN div.dhxcombo_dhx_skyblue div.dhxcombo_select_button{height:30px;background:transparent;border:none}
.conLecStTopTableN div.dhxcombo_dhx_skyblue div.dhxcombo_select_button div.dhxcombo_select_img{background:url(/images/ico_arrow_sel.gif) 50% 50% no-repeat}
.conLecStTopTableN .eduSelect{width:100%}
.conLecStTopTableN .inputText{width:100%;height:32px;border:solid 1px #cbcbcb;font-size:14px;color:#000;padding:0 10px;vertical-align:middle}
.conLecStTopTableN .inputText.date{width:150px;padding:5px 10px;font-size:13px;background:url(/images/ico_date_cal_adm.png) 92% 50% no-repeat;background-size:auto 34px}

.conWrap .aui-grid-info-layer{border-top:solid 1px #eee}
.conWrap .aui-grid-table td{font-size:13px}
.conWrap .aui-grid{border:solid 1px #e6eafc;border-top:none}
.conWrap .aui-grid-header-panel .aui-grid-table tr td{background:#fafbfe}
.conWrap .aui-grid-row-background{background:transparent}
.conWrap .auiSubject{font-size:14px !important;font-weight:700;color:#000;text-align:left}
.conWrap .auiSubjectCenter{font-size:14px !important;font-weight:700;color:#000;text-align:center}
.conWrap .auiSubject .aui-grid-renderer-base{padding:0 15px !important}
.conWrap .auiLecture .aui-grid-renderer-base{white-space:inherit !important;padding:0 5px !important;box-sizing:border-box}
.conWrap .auiSubjectCenter .icoReply{display:inline-block;font-size:11px;color:#111;font-weight:700;vertical-align:middle;margin:0 0 3px 10px}
.conWrap .auiSubjectCenter .icoReply:before{display:inline-block;content:"";width:15px;height:15px;background:url(/images/ico_qna_reply@2x.png) 0 0 no-repeat;background-size:15px auto;vertical-align:middle;margin:0 5px 3px 0}
.conWrap .auiName{font-size:13px !important;font-weight:700;color:#000}
.conWrap .auiButton .aui-grid-renderer-base{overflow:inherit !important}
.conWrap .auiButton .aui-grid-template-renderer-wrapper{white-space:initial !important}
.conWrap .auiDateRed{color:red}
.conWrap .auiDate{color:#888}
.conWrap .auiChkIco .inputChk + label{cursor:default;margin:0}
.conWrap .auiMajor{font-size:13px;color:#097AFF;font-weight:700}
.conWrap .auiBackPurple{background:#e6eafc}

.conTitle h3{display:inline-block;min-width:170px;font-size:22px;color:#000;font-weight:700;padding:5px 0 0 0}
.conTitle .areaR{position:absolute;top:0;right:0}
.conTitle .areaR .finish{display:inline-block;color:#2366ff;margin:0 10px 0 10px}
.conTitle .areaR .finish:before{display:inline-block;content:"";width:15px;height:12px;background:url(/images/ico_confirm_ok.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 3px 0}
.conTitle .explainMsg{color:red;margin:0 10px 0 0;font-size:12px}
.conTitle .editTab{display:inline-block;margin:0 0 -4px 20px;vertical-align:middle}
.conTitle .editTab strong{display:inline-block;min-width:120px;height:40px;line-height:38px;padding:0 10px;background:#fff;border:solid 1px #4D4D4D;border-radius:3px 3px 0 0;border-bottom:none;color:#000;font-size:14px;font-weight:700;text-align:center;cursor:pointer}
.conTitle .editTab .btnQEdit{display:inline-block;min-width:120px;height:40px;line-height:38px;background:#E0E0E0;border:solid 1px #4D4D4D;border-bottom:solid 2px #4D4D4D;border-radius:3px 3px 0 0;padding:0 10px;color:#555;font-size:14px;font-weight:700;text-align:center;color:#000}
.conTitle .editTab .btnQEdit:hover{color:#0075D2}
.conTitle .btnW{display:inline-block;min-width:100px;height:37px;line-height:35px;background:#fff;border:solid 1px #ccc;border-radius:2px;color:#000;font-weight:700;text-align:center;vertical-align:middle}
.conTitle .btnW:hover{background:#F4F4F4;color:#000;text-decoration:none}
.conTitle .btnB{display:inline-block;min-width:100px;height:37px;line-height:35px;background:#0091F7;border:solid 1px #0087E6;border-radius:2px;color:#fff;font-weight:700;text-align:center;vertical-align:middle}
.conTitle .btnB:hover{background:#0087E6;border-color:#0078CD;color:#fff;text-decoration:none}

.btnItemFoot{text-align:center;padding:30px 0}
.btnItemFoot .btnB{display:inline-block;min-width:100px;height:37px;line-height:35px;background:#0091F7;border:solid 1px #0087E6;border-radius:2px;color:#fff;font-weight:700;text-align:center;vertical-align:middle}
.btnItemFoot .btnB:hover{background:#0087E6;border-color:#0078CD;color:#fff;text-decoration:none;cursor:pointer}
.btnItemFoot .btnG{display:inline-block;min-width:100px;height:37px;line-height:35px;background:#74818E;border:solid 1px #616C77;border-radius:2px;color:#fff;font-weight:700;text-align:center;vertical-align:middle}
.btnItemFoot .btnG:hover{background:#616C77;border-color:#515B65;color:#fff;text-decoration:none}
.btnItemFoot .btnW{display:inline-block;min-width:100px;height:37px;line-height:35px;background:#fff;border:solid 1px #ccc;border-radius:2px;color:#000;font-weight:700;text-align:center;vertical-align:middle}
.btnItemFoot .btnW:hover{background:#F4F4F4;color:#000;text-decoration:none;cursor:pointer}

.qsBox{border-bottom:solid 1px #ccc}
.qsBox .qsTitle{text-align:center;border-bottom:solid 1px #E6E6E6;padding:20px 0 15px 0}
.qsBox .qsTitle h4{font-size:26px;color:#000;font-weight:700}
.qsBox .qsTitle h4 .point{color:#535bfb}
.qsBox .qsTitle .bookTitle{font-size:16px;color:#000;margin:10px 0 0 0}
.qsBox .qsTitle .wLang{width:120px}
.qsBox .qsTitle .info{font-size:13px;color:#000;font-weight:700;padding:10px 0 0 0;margin:0}
.qsBox .qsTitle .info .bar{display:inline-block;color:#E6E6E6;font-weight:400;margin:0 5px}
.qsBox .qsTitle .info .state{color:#0091F7}
.qsTitle .inputRadio{display:none}
.qsTitle .inputRadio + label{display:inline-block;height:21px;font-size:14px;font-weight:600;color:#777;cursor:pointer;text-indent:-20px;border:none;padding:0 0 0 20px;margin:0 10px 8px 0}
.qsTitle .inputRadio + label:before{content:"";display:inline-block;width:17px;height:17px;border:solid 1px #dedede;background:#f7f7f7;border-radius:17px;vertical-align:middle;margin:0 5px 3px 0}
.qsTitle .inputRadio:checked + label{color:#0091F7}
.qsTitle .inputRadio:checked + label:before{border-color:#0280d8;background:#0091F7 url(/images/ico_chk_step@2x.png) 50% 50% no-repeat;background-size:auto 8px}
.qsTitle .inputRadio:disabled + label{color:#888;opacity:0.5}
.qsTitle .inputRadio:checked:disabled + label:before{border-color:#666;background-color:#888}
.qsTitle .inputRadio:disabled + label:before{border-color:#666;opacity:0.5}

.inputSelect{width:100%;height:35px;border:solid 1px #b8b9ba;border-radius:2px;font-size:13px;color:#000;padding:0 3px}
.inputSelect.gubun{width:30% !important}
.inputSelect.anal{width:30% !important;font-size:12px;float:right;position:relative;bottom:7px;right:10px}

.contentTit{height:45px;border-bottom:solid 2px #b3bad5;position:relative}
.contentTit.hWbComp{min-height:90px}
.contentTitL{position:absolute;top:0;left:0}
.contentTitL .btnRefresh{background:url(/images/ico_mem_pwinit_on.png) 50% 50% no-repeat;width:35px;height:35px;background-position:center;border:1px solid #e6eafc;box-shadow:2px 3px 2px #e6eafc;cursor:pointer}
.contentTitC{text-align:center}
.contentTitR{position:absolute;top:0;right:0}
.contentTitR.bot{top:inherit;bottom:8px}
.contentTitIntroR{position:absolute;top:-40px;right:0;text-align:right}
.contentTitIntroR .introBtn{margin:5px 0 0 0}
.contentTitR .inputRadio + label{margin-right:10px}
.contentTitR .btnList{min-width:55px;height:25px;border:solid 1px #dbdfe6;background:#fff;font-size:12px;color:#333;padding:0 5px;cursor:pointer}
.contentTitR .btnList:before{display:inline-block;content:"";width:10px;height:7px;background:url(/images/ico_list_b.png) 0 0 no-repeat;background-size:10px auto;vertical-align:middle;margin:0 5px 3px 0}
.contentTitR .inputDate{width:150px;height:35px;border:solid 1px #e6eafc;font-size:14px;background:url(/images/ico_date_cal_adm.png) 93% 50% no-repeat;padding:0 0 0 10px}
.contentTitEvlR{position:absolute;top:0;right:0}
.contentTit .inputSelect{width:120px;height:35px;line-height:33px;font-size:14px;border:solid 1px #e6eafc;border-radius:2px;margin:0;cursor:pointer}
.contentTit .inputTopSH{width:220px;height:35px;line-height:33px;border:solid 1px #e6eafc;border-radius:2px;font-size:13px;color:#000;padding:0 10px;margin:0}
.contentTit .wLecKind{width:250px}
.contentTit .btnTopSH{height:35px;line-height:33px;background:#535bfb;border-radius:4px;font-size:14px;color:#fff;font-weight:700;padding:0 10px}
.contentTit .btnTopSH:before{display:inline-block;content:"";width:14px;height:15px;background:url(/images/ico_search_top_w.png) 0 0 no-repeat;vertical-align:middle;margin:0 3px 3px 0}
.contentTit .btnTrans{min-width:100px;display:inline-block;color:#fff;font-size:13px;font-weight:700;text-align:center;background:#31a00d;border:solid 1px #258207;height:35px;line-height:33px;border-radius:2px;cursor:pointer;padding:0 10px}
.contentTit .btnTrans:before{display:inline-block;content:"";width:12px;height:14px;background:url(/images/ico_step_ing_on.png) 0 0 no-repeat;vertical-align:middle;margin:0 3px 3px 0}
.contentTit .btnTrans:hover{background:#2e9c0b;border:solid 1px #258207}
.contentTit .inputGroupSH{width:300px;height:35px;line-height:33px;border:solid 1px #e6eafc;border-radius:2px 0 0 2px;font-size:13px;color:#000;padding:0 10px;margin:0}
.contentTit .btnFilter{background:url('/images/ico_enter@2x.png') no-repeat 97% 50%;background-size:18px 15px;width:30px;height:35px;cursor:pointer}
.contentTit .btnGroupSH{width:35px;height:35px;background:#535bfb url(/images/ico_search_top_w.png) 50% 50% no-repeat;border-radius:0 2px 2px 0;font-size:14px;color:#fff;font-weight:700;text-indent:-9999px;cursor:pointer;padding:0 10px;margin:0 0 0 -5px}
.contentTit .btnDateSearch{height:32px;padding:0 10px;color:#fff;border-radius:3px;background:#535bfb;cursor:pointer}
.contentTit .btnGroupSH.only{border-radius:2px}
.contentTit .btnGroupAuth button{width:150px;height:35px;background:#fff;border:solid 1px #ddd;font-size:13px;font-weight:700;margin:0 -3px;cursor:pointer}
.contentTit .btnGroupAuth button.on{background:#535bfb;border-color:#535bfb;color:#fff;position:relative}
.contentTit .btnGroupAuth button:first-child{border-radius:4px 0 0 4px}
.contentTit .btnGroupAuth button:last-child{border-radius:0 4px 4px 0}
.contentTit .inputQnaChk{display:none}
.contentTit .inputQnaChk + label{color:#000;font-size:15px;font-weight:700;cursor:pointer;margin:0 0 0 50px}
.contentTit .inputQnaChk + label:before{display:inline-block;content:"";width:26px;height:26px;background:#e0e0e0 url(/images/ico_login_chk@2x.png) 50% 50% no-repeat;background-size:15px auto;border-radius:50%;vertical-align:middle;margin:0 5px 3px 0}
.contentTit .inputQnaChk:checked + label:before{background-color:#535bfb}
.contentTit .wSchool{width:180px}
.contentTit .wArea{width:223px}
.contentTit .inputChk + label{color:#000}
.contentTit .areaChoiceTop{display:block;margin:0 0 5px 0}
.contentTit .compTit{display:inline-block;font-weight:700;color:#000;margin:0 5px 0 0}
.contentTit .areaChoiceWrap{display:inline-block}
.contentTit .targetChWrap{display:inline-block;margin:0 0 0 20px;padding:0 0 0 20px;position:relative}
.contentTit .targetChWrap.lineL:before{display:inline-block;content:"";width:1px;background:#d7d9ef;position:absolute;top:5px;bottom:10px;left:0}
.contentTit .targetChTop{padding:0 0 7px 0}
.contentTit .wbCompR{position:absolute;bottom:20px;right:0}
.contentTit .btnCompMonth{height:35px;background:#888c9d;color:#fff;font-size:13px;font-weight:700;border-radius:3px;cursor:pointer;padding:0 10px}
.contentTit .btnCompStep{height:35px;background:#535bfb;color:#fff;font-size:13px;font-weight:700;border-radius:3px;cursor:pointer;padding:0 10px}
.contentTit .btnCompGrade{width:100px;height:35px;background:#3b4e72;color:#fff;font-size:13px;font-weight:700;border-radius:3px;cursor:pointer;padding:0 10px}

.contentTit .btnExcel{min-width:80px;height:35px;line-height:33px;background:#207347;border:solid 1px #207347;border-radius:4px;font-size:13px;color:#fff;font-weight:700;letter-spacing:-1px;cursor:pointer;padding:0 10px}
.contentTit .btnExcel:before{display:inline-block;content:"";width:20px;height:20px;background:url(/images/common/ico_excel_s.png) 0 0 no-repeat;background-size:20px auto;vertical-align:middle;margin:0 5px 3px 0}
.contentTit .btnPrint{min-width:80px;height:35px;line-height:33px;background:#fff;border:solid 1px #e0e0e0;border-radius:4px;font-size:13px;color:#000;font-weight:700;letter-spacing:-1px;cursor:pointer;padding:0 10px}
.contentTit .btnPrint:before{display:inline-block;content:"";width:12px;height:12px;background:url(/images/ico_print.png) 0 0 no-repeat;vertical-align:middle;margin:0 3px 3px 0}
.contentTit .btnWrite{min-width:100px;display:inline-block;color:#fff;font-size:13px;font-weight:700;text-align:center;background:#535bfb;height:35px;line-height:33px;margin-left:5px;border-radius:4px;cursor:pointer;padding:0 10px}
.contentTit .btnWrite:before{display:inline-block;content:"";width:11px;height:11px;background:url(/images/common/ico_adm_plus.png) 0 0 no-repeat;vertical-align:middle;margin:0 3px 3px 0}
.contentTit .btnSaveT{min-width:100px;display:inline-block;color:#fff;font-size:13px;font-weight:700;text-align:center;background:#00c577;height:35px;line-height:33px;margin-left:5px;border-radius:4px;cursor:pointer;padding:0 10px}
.contentTit .btnScore{min-width:100px;display:inline-block;color:#fff;font-size:13px;font-weight:700;text-align:center;letter-spacing:-1px;background:#00c577;height:35px;line-height:33px;border-radius:4px;cursor:pointer;padding:0 13px 0 13px}
.contentTit .btnScore:before{display:inline-block;content:"";width:19px;height:20px;background:url(/images/ico_view_file_w.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 0 0}
.contentTit .btnSearch{height:35px;line-height:33px;color:#fff;font-weight:700;cursor:pointer;width:120px;border-radius:4px;padding:0 10px 0 10px;background:#535bfb}
.contentTit .btnSearch:before{display:inline-block;content:"";width:15px;height:15px;background:url(/images/ico_search_top_w.png) 0 0 no-repeat;vertical-align:middle;margin:0 3px 1px 0}
.contentTit .btnSearchS{height:35px;line-height:33px;color:#fff;font-weight:700;cursor:pointer;min-width:100px;border-radius:4px;padding:0 10px 0 10px;background:#535bfb}
.contentTit .btnSearchS:before{display:inline-block;content:"";width:15px;height:15px;background:url(/images/ico_search_top_w.png) 0 0 no-repeat;vertical-align:middle;margin:0 3px 1px 0}
.contentTit .btnIntroBring{min-width:100px;display:inline-block;color:#fff;font-size:13px;font-weight:700;text-align:center;letter-spacing:-1px;/*background:#00c577;*/background:#3b4e72;height:35px;line-height:33px;border-radius:4px;cursor:pointer;padding:0 10px 0 10px}
.contentTit .btnChange{min-width:100px;display:inline-block;color:#000;font-size:13px;font-weight:700;text-align:center;letter-spacing:-1px;background:#fff;border:solid 1px #ccc;height:35px;line-height:33px;border-radius:4px;cursor:pointer;padding:0 10px 0 10px}
.contentTit .btnChange .point{color:#535bfb}

.contentTit .selMajor{display:inline-block;vertical-align:middle}
.contentTit .dhxcombo_dhx_skyblue{height:34px;border:solid 1px #e6eafc;border-radius:2px}
.contentTit div.dhxcombo_dhx_skyblue input.dhxcombo_input{height:34px;color:#000;font-size:14px;letter-spacing:-1px;padding:0 5px}
.contentTit div.dhxcombo_dhx_skyblue div.dhxcombo_select_button{height:30px;background:transparent;border:none}
.contentTit div.dhxcombo_dhx_skyblue div.dhxcombo_select_button div.dhxcombo_select_img{background:url(/images/ico_arrow_sel.gif) 50% 50% no-repeat}

.contentTit em.langBox.on{background:#797ffb;border-color:#797ffb;color:#fff}
.contentTit em.langBox{display:inline-block;width:25px;height:23px;line-height:21px;color:#777;font-weight:700;background:#f5f5f5;border:solid 1px #f5f5f5;border-radius:4px;text-align:center;margin:0 2px 2px 0;font-size:11px}
.contentTit em.langBox.wait{background:#b0b4ff;border-color:#b0b4ff;color:#fff}

.contentEvalTit{border-bottom:solid 2px #bdc2d6;position:relative;padding:0}
.contentEvalTit .wKind{width:180px;border-color:#e6eafc}
.contentEvalTit .tabArea button{width:100px;height:40px;font-size:14px;font-weight:700;color:#000;letter-spacing:-1px;padding:0 5px 0 5px;background:#f6f6ff;border:1px solid #cad5ef;border-radius:4px 4px 0 0;border-bottom:0;margin-right:0.5px;cursor:pointer}
.contentEvalTit .tabArea button.on{background:#3b4e72;color:#fff;border-color:#2f334d}

.contentLecEvalTit{height:40px;position:relative;padding:0}
.contentLecEvalTit .wKind{width:180px;border-color:#e6eafc}
.contentLecEvalTit .tabArea button{width:200px;height:40px;font-size:14px;font-weight:700;color:#000;letter-spacing:-1px;padding:0 5px 0 5px;background:#f6f6ff;border:1px solid #cad5ef;border-radius:4px 4px 0 0;border-bottom:0;margin-right:0.5px;cursor:pointer}
.contentLecEvalTit .tabArea button.on{background:#3b4e72;color:#fff;border-color:#2f334d}

.lecEvalTopArea{position:relative}

.lecEvalTop .inputSelect{vertical-align:middle}
.evalGroup{display:inline-block;vertical-align:middle;background:#fafbfe;margin:0 20px 0 0;padding:10px}
.evalGroup button{min-width:115px;height:35px;background:#fff;border:solid 1px #c9d0ef;font-size:14px;color:#555;font-weight:700;padding:0 15px;margin:0 4px;cursor:pointer}
.evalGroup button em{font-size:14px;color:#535bfb;font-weight:700}
.evalGroup button.on{background:#535bfb;border:solid 1px #6f8aff;color:#fff}
.evalGroup button.on em{color:#fff}
.evalGroup button.btnStL{margin-right:-2px}
.evalGroup button.btnStR{margin-left:-2px}
.radGroup{display:inline-block;vertical-align:middle;margin:0 20px 0 0}
.radGroup .inputRadio + label:before{width:26px;height:26px;border:solid 1px #c9d0ef}
.radGroup .inputRadio:checked + label{color:#535bfb}
.radGroup .inputRadio:checked + label:before{background:#535bfb url(/images/ico_quiz_chk@2x.png) 50% 50% no-repeat;background-size:14px auto;border:solid 1px #535bfb}

.insteadBtnArea{display:inline-block;position:relative}
.insteadBtnArea .btnWrite{background:#535bfb;color:#fff;font-size:12px;line-height:1.1;letter-spacing:-0.5px;padding:0 10px;border-radius:4px;cursor:pointer}
.insteadBtnArea .btnWrite.on{background:#acacac}

.conListTableYellow{background :#FFF29E}

.scoreTopTableRWrap{position:absolute;bottom:8px;right:0}
.scoreTopTableRWrap .btnExcel{min-width:80px;height:35px;line-height:33px;background:#207347;border:solid 1px #207347;border-radius:4px;font-size:13px;color:#fff;font-weight:700;letter-spacing:-1px;cursor:pointer;padding:0 10px}
.scoreTopTableRWrap .btnExcel:before{display:inline-block;content:"";width:20px;height:20px;background:url(/images/common/ico_excel_s.png) 0 0 no-repeat;background-size:20px auto;vertical-align:middle;margin:0 5px 3px 0}
.scoreTopTableRWrap .btnSubmit{background:#00c577;color:#fff;padding:4px 10px;font-size:13px;border-radius:4px}

.scoreTopTableRWrap .btnDataUpdate{height:35px;color:#fff;font-size:12px;font-weight:700;line-height:1.0;cursor:pointer;width:140px;border-radius:4px;padding:2px 10px 0 10px;background:#00AC2C}

.scoreTopTableRWrap .btnSearch{height:35px;color:#fff;font-size:12px;font-weight:700;line-height:1.0;cursor:pointer;width:120px;border-radius:4px;padding:2px 10px 0 10px;background:#535bfb}
.scoreTopTableRWrap .btnSearch:before{display:inline-block;content:"";width:15px;height:15px;background:url(/images/ico_search_top_w.png) 0 0 no-repeat;vertical-align:middle;margin:0 3px 1px 0}

.scoreTopTableBtn{height:45px;text-align:right}
.scoreTopTable{display:inline-table;border-right:solid 1px #d5d9dd;border-left:solid 1px #d5d9dd;vertical-align:bottom;margin:0 0 0 10px}
.scoreTopTable th{width:60px;text-align:center;background:#fff;color:#6a6a6a;font-size:12px;font-weight:400;border-right:solid 1px #ebedef;border-top:solid 1px #d5d9dd;padding:5px}
.scoreTopTable th.on{width:65px;background:#535bfb;color:#fff;font-weight:700;border-right:none}
.scoreTopTable th:last-child{border-right:none}
.scoreTopTable td{text-align:center;background:#fff;color:#3574ff;font-size:18px;font-weight:700;border-right:solid 1px #ebedef;border-bottom:solid 1px #d5d9dd}
.scoreTopTable td.on{background:#535bfb;color:#fff;border-right:none;border-bottom:solid 1px #535bfb}
.scoreTopTable td:last-child{border-right:none}
.scoreTopTable td .btnScoreView{min-width:42px;background:#3574ff;color:#fff;font-size:16px;font-weight:700;border-radius:2px;box-shadow:2px 2px 0 #b2b6c0;padding:1px 0 0 0;cursor:pointer}

.divInstead{height:45px}
.divInstead .wKind{width:180px;border-color:#e6eafc}

.contentTitView{display:inline-block;position:relative;width:calc(100% - 700px);text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;padding:0}
.contentTitView .subject{font-size:24px;font-weight:700;color:#333;letter-spacing:-0.7px;margin:0 10px 0 0}
.contentTitView .date{font-size:17px;color:#111}

.contentStTitView{padding:5px 0 0 0;margin:0 0 20px 0;position:relative}
.contentStTitView .subject{display:inline-block;font-size:24px;font-weight:700;color:#333;letter-spacing:-0.5px;margin:0 10px 0 0}
.contentStTitView .date{font-size:17px;color:#111}
.contentStTitView .arrow{display:inline-block;color:#959595;font-size:15px;margin:0 10px}
.contentStTitView .btnR{position:absolute;top:0;right:0}
.contentStTitView .btnWrite{min-width:120px;display:inline-block;color:#fff;font-size:13px;font-weight:700;text-align:center;background:#535bfb;height:35px;line-height:33px;margin-left:1px;border-radius:4px;cursor:pointer;padding:0 10px}
.contentStTitView .btnWrite:before{display:inline-block;content:"";width:11px;height:11px;background:url(/images/common/ico_adm_plus.png) 0 0 no-repeat;vertical-align:middle;margin:0 3px 3px 0}
.contentStTitView .btnScore{min-width:120px;display:inline-block;color:#fff;font-size:13px;font-weight:700;text-align:center;background:#00c577;height:35px;line-height:33px;border-radius:4px;cursor:pointer;padding:2px 10px 0 10px}
.contentStTitView .btnScore.off{background:#b2b2b2 !important;cursor:default;opacity:0.8}
.contentStTitView .btnScore:before{display:inline-block;content:"";width:19px;height:20px;background:url(/images/ico_view_file_w.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 0 0}
.contentStTitView .btnSearch{height:35px;line-height:33px;color:#fff;font-weight:700;cursor:pointer;width:120px;border-radius:4px;padding:0 10px 0 10px;background:#535bfb}
.contentStTitView .btnSearch:before{display:inline-block;content:"";width:15px;height:15px;background:url(/images/ico_search_top_w.png) 0 0 no-repeat;vertical-align:middle;margin:0 3px 2px 0}
.contentStTitView .explain{display:block;color:#ec1515} 

.stdFilterArea{display:inline-block;margin-right:0;vertical-align:top}
.stdFilterArea .stateSet{display:inline-block;min-height:33px;margin:0 0 0 0;padding:5px;border:solid 1px #BDBDBD;border-radius:3px;font-size:14px;font-family:tahoma !important;position:relative}
.stdFilterArea .stateSet p{position:absolute;top:-13px;left:5px;font-size:13px;font-family:tahoma !important;background:#fff;padding:0 10px}
.stdFilterArea .stateSet .inputRadio + label{display:block;height:20px;font-size:12px;text-indent:-22px;letter-spacing:-0.5px;font-weight:400;margin:0 5px 0 0;padding:0 0 0 22px}
.stdFilterArea .stateSet .inputRadio + label:before{width:16px;height:16px;border-radius:16px;margin:0 5px 2px 0}
.stdFilterArea .stateSetAge{display:inline-block;min-height:33px;margin:0 0 0 0;padding:7px 5px 5px 8px;border:solid 1px #e6eafc;border-radius:3px;font-size:14px;font-family:tahoma !important;position:relative}
.stdFilterArea .stateSetAge p{position:absolute;top:-13px;left:5px;font-size:13px;font-family:tahoma !important;background:#fff;padding:0 10px}
.stdFilterArea .stateSetAge .inputRadio + label{display:block;height:20px;font-size:13px;text-indent:-22px;letter-spacing:-0.5px;font-weight:400;margin:0 5px 0 0;padding:0 0 0 22px}
.stdFilterArea .stateSetAge .inputRadio + label:before{width:16px;height:16px;border-radius:16px;margin:0 5px 2px 0}
.stdFilterArea .btnSubmit{background:#00c577;color:#fff;padding:4px 10px;font-size:13px;border-radius:4px}

.contentTitTable{background:#f6f6ff;margin:10px 0 10px 0;padding:10px 0}
.contentTitTable th{height:20px;padding:0 5px;text-align:center;white-space:nowrap;font-size:19px}
.contentTitTable td{padding:5px 20px;text-align:center;font-size:12px;color:#666}
.contentTitTable .contentTypeSpan{background:#6F8AFF;border:1px solid #6F8AFF;padding:7px 15px;border-radius:20px;color:#fff;margin-left:20px;font-size:13px}

.lectureInfoTable{background:#fff;margin:20px 0 0 0}
.lectureInfoTable table{width:100%;margin:0 auto;color:#000;border:solid 1px #cfd6f9}
.lectureInfoTable th{height:20px;background:#f6f6ff;padding:5px;text-align:center;font-size:13px;border-left:solid 1px #e6eafc}
.lectureInfoTable th:first-child{border-left:none}
.lectureInfoTable td{height:30px;padding:5px 20px;text-align:center;font-size:13px;border-top:solid 1px #e6eafc;border-left:solid 1px #e6eafc;font-weight:700}
.lectureInfoTable td:first-child{border-left:none}
.lectureInfoTable td.tdKind{background:#f8f9fb}

table.borTop{border-top:solid 2px #454c59}
table .btnModifyS{width:25px;height:25px;background:#f5f5f5 url(/images/common/ico_adm_modify.png) 50% 50% no-repeat;border-radius:2px;text-indent:-9999px;cursor:pointer}
table .btnAddLang{width:25px;height:25px;background:#fff url(/images/ico_plus_circle@2x.png) 50% 50% no-repeat;/* border:solid 1px #c3c3c3;*/border-radius:2px;text-indent:-9999px;/* box-shadow:1px 1px 1px rgba(0,0,0,0.15);*/cursor:pointer;background-size:23px}
table .btnDelS{width:25px;height:25px;background:#f5f5f5 url(/images/common/ico_adm_del.png) 50% 50% no-repeat;border-radius:2px;text-indent:-9999px;cursor:pointer}

.conListTable{width:100%;border-bottom:solid 1px #BDBDBD}
.conListTable th{height:35px;background:#F9F9F9;border-bottom:solid 1px #D7D9DE;border-left:solid 1px #EBEBEB;font-size:13px;color:#000;font-weight:700;text-align:center}
.conListTable th:first-child{border-left:none}
.conListTable th.thNum{width:60px}
.conListTable th.thBtn{width:80px}
.conListTable td{height:35px;font-size:13px;color:#333;border-left:solid 1px #EBEBEB;border-top:solid 1px #EBEBEB;text-align:center}
.conListTable td:first-child{border-left:none}
.conListTable tr:hover td{background:#F5F5F5}
.conListTable .tdFieldName{font-weight:700;color:#000}
.conListTable .tdProcessName{font-weight:700;color:#000}
.conListTable .tdSubject{font-weight:700;color:#000}
.conListTable .btnLec{display:inline-block;width:90%;text-align:center;background:#9f9f9f;border:solid 1px #777;color:#fff;line-height:1.1;letter-spacing:-0.5px;border-radius:2px;padding:3px 5px;cursor:pointer;font-size:13px;font-weight:700;border-radius:4px;box-shadow:3px 3px 0 #777}
.conListTable .btnLec:hover{background:#909090;box-shadow:4px 4px 0 #777}
.conListTable .icoY{display:inline-block;width:14px;height:14px;background:url(/images/ico_yes_blue.png) 0 0 no-repeat}
.conListTable .icoN{display:inline-block;width:10px;height:10px;background:url(/images/ico_x_gray.png) 0 0 no-repeat}
.conListTable td .btnDel{width:25px;height:25px;background:#f5f5f5 url(/images/common/ico_adm_del.png) 50% 50% no-repeat;border-radius:2px;text-indent:-9999px;cursor:pointer}

.btnIntroConn{display:inline-block;width:90%;text-align:center;background:#9f9f9f;border:solid 1px #777;color:#fff;line-height:1.1;letter-spacing:-0.5px;border-radius:2px;padding:3px 5px;cursor:pointer;font-size:13px;font-weight:700;border-radius:4px;box-shadow:3px 3px 0 #777}
.btnIntroConn:hover{background:#909090;box-shadow:4px 4px 0 #777}

.lecLegendBox{display:inline-block;border:1px solid #e6e4e4;border-radius:2px;font-size:12px;padding:9px 8px 7px 8px}
.lecLegendBox .icoY{display:inline-block;width:14px;height:14px;background:url(/images/ico_yes_blue.png) 0 0 no-repeat;vertical-align:middle;margin:0 0 3px 0}
.lecLegendBox .icoN{display:inline-block;width:10px;height:10px;background:url(/images/ico_x_gray.png) 0 0 no-repeat;vertical-align:middle;margin:0 0 3px 0}
.lecLegendBox .icoFinish{display:inline-block;width:14px;height:14px;background:url(/images/ico_lec_finish@2x.png) 0 0 no-repeat;background-size:14px;vertical-align:middle}
.lecLegendBox .bar{color:#ddd}

.btnGridLec{display:inline-block;width:90px;text-align:center;background:#9f9f9f;border:solid 1px #777;color:#fff;line-height:1.1;border-radius:2px;padding:3px 5px;cursor:pointer;font-size:13px;font-weight:700;border-radius:4px;box-shadow:3px 3px 0 #777;margin:0 5px 0 10px}
.btnGridLec:hover{background:#909090;box-shadow:4px 4px 0 #777}

.lecHisSection{margin:40px 0 15px 0}
.lecHisSection h5{font-weight:700;margin:0 0 15px 0}

.quizResultArea{padding:10px 0 0 0}
.dvPointView{text-align:center}
.dvPointView .point{color:#535bfb;font-size:60px;font-weight:700;line-height:1.1;margin:0 0 20px 0}
.dvPointView .date{font-weight:700;font-size:15px}

.quizResultNum{font-size:16px;color:#777;font-weight:700;text-align:center;margin:0 0 10px 0}
.quizResultNum .take{color:#535bfb;font-weight:700}
.quizResultNum .bar{font-weight:lighter}
.quizResultMsg{font-size:28px;text-align:center;font-weight:700;margin:0 0 10px 0}
.quizResultDate{font-size:16px;color:#777;text-align:center}
.quizResultExplain{font-size:13px;font-weight:700;color:#ff5757;line-height:1.7;text-align:center;margin:40px 0 10px 0}

.quizResultPass{font-size:16px;color:#777;font-weight:700;text-align:center;margin:0 0 10px 0}

@media(min-width:1024px){
  .quizResultArea{padding:20px 0 0 0}
  .dvPointView .point{font-size:80px;margin:0 0 30px 0}

  .quizResultNum{font-size:18px}
  .quizResultMsg{font-size:32px}
  .quizResultDate{font-size:18px}
  .quizResultExplain{font-size:15px;margin:40px 0 0 0}

  .quizResultPass{font-size:18px}
}

.conLecHisTable{width:100%;border-bottom:solid 1px #BDBDBD;border-top:solid 1px #BDBDBD}
.conLecHisTable th{height:35px;background:#F9F9F9;border-bottom:solid 1px #D7D9DE;border-left:solid 1px #EBEBEB;font-size:13px;color:#000;font-weight:700;text-align:center}
.conLecHisTable th:first-child{border-left:none}
.conLecHisTable th.thNum{width:60px}
.conLecHisTable th.thDate{width:75px}
.conLecHisTable th.thBtn{width:80px}
.conLecHisTable td{height:35px;font-size:13px;color:#333;border-left:solid 1px #EBEBEB;border-top:solid 1px #EBEBEB;text-align:center}
.conLecHisTable td:first-child{border-left:none}
.conLecHisTable tr:hover td{background:#F5F5F5}
.conLecHisTable .tdWriter{font-weight:700;color:#000}
.conLecHisTable .tdDate{font-size:12px}
.conLecHisTable .btnLec{display:inline-block;width:90%;text-align:center;background:#9f9f9f;border:solid 1px #777;color:#fff;line-height:1.1;border-radius:2px;padding:3px 5px;cursor:pointer;font-size:13px;font-weight:700;border-radius:4px;box-shadow:3px 3px 0 #777}
.conLecHisTable .btnLec:hover{background:#909090;box-shadow:4px 4px 0 #777}
.conLecHisTable .icoY{display:inline-block;width:14px;height:14px;background:url(/images/ico_yes_blue.png) 0 0 no-repeat}
.conLecHisTable .icoN{display:inline-block;width:10px;height:10px;background:url(/images/ico_x_gray.png) 0 0 no-repeat}
.conLecHisTable td .btnDel{width:25px;height:25px;background:#f5f5f5 url(/images/common/ico_adm_del.png) 50% 50% no-repeat;border-radius:2px;text-indent:-9999px;cursor:pointer}

@media(min-width:1024px){
  .conLecHisTable th.thWriter{width:140px}
  .conLecHisTable th.thDate{width:auto}
  .conLecHisTable .tdDate{font-size:13px}
}

.popWrite{/* max-width:830px;*/margin:0 auto;padding:30px 30px 30px 30px}
.popWrite .title{height:40px;border-bottom:solid 2px #454c59;color:#333;position:relative}
.popWrite .title h3{font-weight:700;font-size:21px}
.popWrite .inputSelect{height:32px;border:solid 1px #cbcbcb;font-size:14px;color:#000;vertical-align:middle;margin:0;cursor:pointer;padding:0 5px}
.popWrite .inputSelect:disabled{cursor:default;background:#f5f5f5;opacity:0.8}
.popWrite .inputText{width:100%;height:32px;border:solid 1px #cbcbcb;font-size:14px;color:#000;padding:0 10px;vertical-align:middle}
.popWrite .inputText.date{width:150px;padding:5px 10px;font-size:13px}
.popWrite .inputText:disabled{cursor:default;background:#f5f5f5;opacity:0.8}
.popWrite .inputArea{width:100%;height:70px;border:solid 1px #cbcbcb;font-size:14px;color:#000;padding:10px;resize:none}
.popWrite .inputArea:disabled{cursor:default;background:#f5f5f5;opacity:0.8}
.popWrite .w200{width:200px}
.popWrite .w50{width:50px}
.popWrite .btnFoot{border-top:solid 1px #E4E5E7;text-align:center;padding:30px 0 0 0;margin:0}
.popWrite .btnNormal{min-width:120px;height:35px;font-size:14px;color:#000;font-weight:700;background:#fff;border:solid 1px #cbcbcb;border-radius:2px;padding:0 10px;margin:0 2px;cursor:pointer}
.popWrite .btnNormal:hover{background:#f5f5f5}
.popWrite .btnPrimary{min-width:120px;height:35px;font-size:14px;color:#fff;font-weight:700;background:#535bfb;border:solid 1px #535bfb;border-radius:2px;padding:0 10px;margin:0 2px;cursor:pointer}
.popWrite .btnPrimary:hover{background:#353dea;border:solid 1px #353dea}
.popWrite .btnCode{min-width:100px;height:32px;font-size:14px;color:#fff;font-weight:700;background:#535bfb;border:solid 1px #535bfb;border-radius:2px;padding:0 10px;margin:0 2px;cursor:pointer}
.popWrite .btnCode:hover{background:#353dea;border:solid 1px #353dea}

.popWriteTable{width:100%;margin:20px 0}
.popWriteTable th{width:120px;font-size:13px;color:#333;text-align:left;font-weight:700;padding:5px 5px 5px 20px}
.popWriteTable th.vTop{vertical-align:top}
.popWriteTable th.th2{padding-left:0}
.popWriteTable th.thCategory{vertical-align:top;padding:15px 0 0 20px}
.popWriteTable td{padding:5px 20px 5px 5px}
.popWriteTable td .inputChk + label{min-width:155px;font-size:14px;margin:0 0 5px 0}
.popWriteTable td .btnNameDel{width:16px}
.popWriteTable .must{display:inline-block;color:red;font-size:20px;font-weight:700;vertical-align:middle}
.popWriteTable td.lang{padding:5px 20px 5px 6px}
.popWriteTable td.lang button{width:88px;height:32px;line-height:30px;background:#fff;border:solid 1px #cbcbcb;font-size:12px;color:#000;font-weight:500;overflow:hidden;margin:-1px 0 0 -1px;padding:0;cursor:pointer}
.popWriteTable td.lang button:hover{background:#f9f9f9}
.popWriteTable td.lang button.on{background:#438cff;border:solid 1px #3a7be0;color:#fff;position:relative}
.popWriteTable td.lang button.on:hover{background:#438cff}
.popWriteTable td.lang button .up{display:inline-block;vertical-align:middle;margin:0 0 2px 3px}
.popWriteTable .langArea{display:table;width:100%}
.popWriteTable th.vTop{vertical-align:top;padding-top:10px}
.popWriteTable td.vTop{vertical-align:top}
.popWriteTable .btnG{display:inline-block;min-width:150px;height:37px;line-height:35px;background:#74818E;border:solid 1px #616C77;border-radius:2px;color:#fff;font-weight:700;font-size:13px;text-align:center;vertical-align:middle}
.popWriteTable .btnG:hover{background:#616C77;border-color:#515B65;color:#fff;text-decoration:none;cursor:pointer}
.popWriteTable .ms-choice{height:32px;line-height:32px;border:solid 1px #cbcbcb;border-radius:0;color:#000}
.popWriteTable .ms-search input{min-height:30px;border-radius:2px}
.popWriteTable .ms-drop{min-width:170px}
.popWriteTable .ms-drop input[type="radio"], 
.popWriteTable .ms-drop input[type="checkbox"]{margin-top:0}
.popWriteTable .exp{color:gray;font-size:13px;letter-spacing:-1px}

.popWriteTable .categoryTable{width:100%;border-top:solid 1px #a6a9af;border-bottom:solid 1px #a6a9af}
.popWriteTable .categoryTable th{height:40px;background:#fafbfe;border-bottom:solid 1px #cccdce;text-align:center;font-size:13px;font-weight:700;color:#777;padding:0}
.popWriteTable .categoryTable th.thKind{text-align:left;width:100px;;padding-left:20px}
.popWriteTable .categoryTable th.thWeek{width:80px}
.popWriteTable .categoryTable th.thEval{width:100px}
.popWriteTable .categoryTable td{height:40px;border-bottom:solid 1px #f3f3f3;text-align:center;color:#000;font-size:14px;padding-left:20px}
.popWriteTable .categoryTable tr:last-child th,
.popWriteTable .categoryTable tr:last-child td{border-bottom:none}
.popWriteTable .categoryTable td.tdKind{font-weight:700;text-align:left}
.popWriteTable .categoryTable td.tdWeek{color:gray}
.popWriteTable .categoryTable td .inputChk + label{min-width:40px}

.popWriteTable .categoryStr{display:inline-block;padding:10px 0;font-size:14px;color:#777}

.popWriteTable .dvSvAnswer{text-align:right}
.popWriteTable .saveOnlyAnswer{padding:4px 15px;margin:5px 0px 0px 0px;background:#535bfb;border:solid 1px #535bfb;color:#fff;border-radius:3px;cursor:pointer}
.popCopyBody .dhxcombolist_dhx_skyblue{width:calc(50vw - 180px) !important}

.popCopyWrite{padding:20px 30px 0 30px}
.popCopyWrite .title{border-bottom:solid 2px #454c59;color:#333;position:relative;padding:0 0 10px 0}
.popCopyWrite .title h3{display:inline-block;font-weight:700;font-size:25px;letter-spacing:-1px;vertical-align:middle;margin:0 30px 0 0}
.popCopyWrite .titArea{vertical-align:middle}
.popCopyWrite .title .btnC{position:absolute;top:0;left:360px}
.popCopyWrite .title .btnR{position:absolute;top:0;right:0}
.popCopyWrite .btnCopyGuide{height:40px;background:url(/images/ico_myinfo@2x.png) 15px 50% no-repeat;background-size:18px auto;border:solid 1px #ccc;border-radius:4px;color:#000;font-weight:700;font-size:14px;padding:0 15px 0 40px;cursor:pointer}
.popCopyWrite .inputSelect{height:32px;border:solid 1px #cbcbcb;font-size:14px;color:#000;vertical-align:middle;margin:0;cursor:pointer;padding:0 5px}
.popCopyWrite .inputSelect:disabled{cursor:default;background:#f5f5f5;opacity:0.8}
.popCopyWrite .titArea .inputSelect{height:40px;border:solid 1px #bdc2d6}
.popCopyWrite .inputText{width:100%;height:32px;border:solid 1px #cbcbcb;font-size:14px;color:#000;padding:0 10px;vertical-align:middle}
.popCopyWrite .inputText.date{width:150px;padding:5px 10px;font-size:13px}
.popCopyWrite .inputText:disabled{cursor:default;background:#f5f5f5;opacity:0.8}
.popCopyWrite .inputArea{width:100%;height:70px;border:solid 1px #cbcbcb;font-size:14px;color:#000;padding:10px;resize:none}
.popCopyWrite .inputArea:disabled{cursor:default;background:#f5f5f5;opacity:0.8}
.popCopyWrite .w150{width:150px}
.popCopyWrite .btnAllCopy{display:inline-block;height:40px;background:#00c577 url(/images/ico_admin_grade.png) 15px 50% no-repeat;border-radius:4px;color:#fff;font-size:13px;font-weight:700;letter-spacing:-1px;padding:0 15px 0 35px;cursor:pointer}
.popCopyWrite .btnApply{width:200px;height:50px;background:#535bfb;border-radius:4px;font-size:16px;color:#fff;font-weight:700;margin-top:20px;cursor:pointer}
.popCopyWrite .langArea{display:table;width:100%;text-align:left;margin-top:8px}
.popCopyWrite .langArea .on{background:#535bfb;border:solid 1px #3c44e4;color:#fff;position:relative}
.popCopyWrite .langArea button{width:92px;height:32px;line-height:30px;background:#fff;border:solid 1px #cbcbcb;font-size:12px;color:#000;font-weight:500;overflow:hidden;margin:-1px 0 0 -1px;padding:0;cursor:pointer}

.popCopyWrite .itemTable th{width:46px !important;border-bottom:solid 1px #e6eafc;text-align:center;padding:10px 0}
.popCopyWrite .itemTable td{width:390px;overflow:auto;border-bottom:solid 1px #e6eafc;border-left:solid 1px #e6eafc;padding:10px 20px}
.popCopyWrite .itemTable.header th{height:40px;background:#fafbfe;border-bottom:solid 2px #bdc2d6;color:#000;font-weight:700;text-align:center;font-size:12px;vertical-align:middle;padding:0}
.popCopyWrite .itemTable.header td{background:#fafbfe;border-bottom:solid 2px #bdc2d6;color:#000;font-weight:700;vertical-align:middle;text-align:center;padding:0}
.popCopyWrite .itemTable.addItem td{border-left:none;font-weight:700;text-align:center;color:#000}
.popCopyWrite .itemTable .itemTit{display:inline-block;background:#6f8aff;color:#fff;border-radius:18px;font-size:18px;padding:0 15px 2px 15px}
.popCopyWrite .itemTable .inputText{width:unset !important}
.popCopyWrite .itemTable.on{background:#f1faff}
.popCopyWrite .itemTable.confirm{background:#ecf0fb}
.popCopyWrite .itemTable:not(.confirm):hover{background:#f1faff}
.popCopyWrite .itemTable .icoY{display:inline-block;width:14px;height:14px;background:url(/images/ico_yes_blue.png) 0 0 no-repeat}
.popCopyWrite .itemTable .icoN{display:inline-block;width:10px;height:10px;background:url(/images/ico_x_gray.png) 0 0 no-repeat}
.popCopyWrite .itemTable .dv_intro{padding:20px;border:1px solid #ddd;margin-bottom:20px}
.popCopyWrite .conScroll{width:100%;height:calc(100vh - 180px);overflow-y:auto;border:solid 1px #bdc2d6}
.popCopyWrite .majorSel{display:inline-block;vertical-align:middle;margin:0}
.popCopyWrite .dhxcombo_dhx_skyblue{width:calc(50vw - 180px) !important;height:40px;border:solid 1px #fff;margin:-8px 0 0 0;/*background:#fafbfe;border:solid 1px #6f8aff;border-radius:2px*/}
.popCopyWrite .dhxcombo_dhx_skyblue:hover{background:#f1faff;border-radius:4px}
.popCopyWrite div.dhxcombo_dhx_skyblue input.dhxcombo_input{width:100% !important;height:40px;background:transparent;color:#000;font-size:20px;font-weight:700;cursor:pointer;padding:0;margin:0}
.popCopyWrite div.dhxcombo_dhx_skyblue div.dhxcombo_select_button{height:35px;background:transparent;border:none}
.popCopyWrite div.dhxcombo_dhx_skyblue div.dhxcombo_select_button div.dhxcombo_select_img{background:url(/images/ico_total_arrow.png) 50% 50% no-repeat}
.popCopyWrite .dhxcombo_hdrcell.LECTURE_NM{width:200px !important}
.popCopyWrite .dhxcombo_cell.LECTURE_NM{width:200px !important}
.popCopyWrite .icoArrowT{display:inline-block;width:21px;height:15px;background:url(/images/ico_arrow_visual@2x.png) 0 0 no-repeat;background-size:21px auto;margin:0 24px;vertical-align:middle}
.popCopyWrite .projectTit{display:inline-block;width:calc(50vw - 240px);font-size:20px;margin:0;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;vertical-align:middle}
.popCopyWrite .projectTit .point{color:#5454e0}

.popCopyNoteLayer{position:fixed;top:65px;right:30px;width:600px;box-shadow:2px 2px 2px rgba(0,0,0,0.3)}
.popCopyNoteLayer .title{height:45px;background:#6067e8;border-bottom:solid 1px #484fd4;border-radius:2px 2px 0 0;position:relative;cursor:default}
.popCopyNoteLayer .title h3{font-size:15px;font-family:tahoma !important;line-height:45px;color:#fff;padding:0 0 0 20px;margin:0}
.popCopyNoteLayer .title .btnClose{position:absolute;top:0;right:0;display:inline-block;width:45px;height:45px;background:url(/images/ico_pop_close_w.png) 50% 50% no-repeat;opacity:0.5;cursor:pointer}
.popCopyNoteLayer .title .btnClose:hover{opacity:1}
.popCopyNoteLayer .con{padding:20px 30px 23px 30px;background:#fff;border:solid 1px #b1b2b2;border-top:none;border-radius:0 0 2px 2px}

.quizConWrap{display:table;width:100%}
.quizConWrap .beforeQuizDiv{display:table-cell;width:calc(50vw - 180px);vertical-align:top}
.quizConWrap .arrowDiv{display:table-cell;vertical-align:middle;width:100px;text-align:center}
.quizConWrap .targetQuizDiv{display:table-cell;width:calc(50vw - 180px);vertical-align:top;position:relative}
.quizConWrap .targetQuizDiv .btnDel{width:35px;height:35px;background:url(/images/ico_del.png) 50% 50% no-repeat;background-size:18px auto;border:solid 1px #ddd;border-radius:3px;vertical-align:middle;margin:0 0 0 10px;cursor:pointer}
.quizConWrap .btnTotalAdd{width:70px;background:#535bfb;border-radius:5px;font-size:14px;font-weight:700;color:#fff;line-height:1.2;letter-spacing:-1px;padding:5px 5px;cursor:pointer}
.quizConWrap .btnNewAdd{width:70px;background:#00c577;border-radius:5px;font-size:14px;font-weight:700;color:#fff;line-height:1.2;letter-spacing:-1px;padding:5px 5px;cursor:pointer}
.quizConWrap .btnArrow{width:70px;height:60px;background:transparent url(/images/ico_arrow_visual@2x.png) 50% 50% no-repeat}

.quizConWrap .mappingQuizDiv{display:table-cell;width:200px;vertical-align:top;padding:0 0 0 40px}
.quizConWrap .mappedItemDiv{text-align:center;font-size:15px;font-weight:700;margin:0 0 5px 0}
.quizConWrap .mappedItemDiv .btnDel{width:30px;height:30px;background:url(/images/ico_del.png) 50% 50% no-repeat;background-size:13px auto;border:solid 1px #ddd;border-radius:3px;vertical-align:middle;margin:0 0 0 10px;cursor:pointer}
.quizConWrap .mappedItemDiv .icoArrow{display:inline-block;width:16px;height:11px;background:url(/images/ico_arrow_change_s.png) 0 0 no-repeat;background-size:16px auto;margin:0 10px}
.quizConWrap .mappingQuizCon{width:200px;height:calc(100vh - 250px);overflow-y:auto;border:solid 1px #bdc2d6;padding:20px 0 20px 0}
.quizConWrap .topArea{height:17px;margin:10px 0}
.quizConWrap .topArea h5{padding:7px 0 0 0}
.quizConWrap .topAreaTit{height:40px}

.copyExplainArea{font-size:15px;color:#000}
.copyExplainArea p{padding:0;margin:0 0 5px 0}
.copyExplainArea .icoY{display:inline-block;width:14px;height:14px;background:url(/images/ico_yes_blue.png) 0 0 no-repeat}
.copyExplainArea .icoN{display:inline-block;width:10px;height:10px;background:url(/images/ico_x_gray.png) 0 0 no-repeat}
.copyExplainArea .bold{font-weight:700}
.copyExplainArea .bar{display:inline-block;color:#ecebeb;margin:0 10px}

.pageTable{width:calc(100% - 40px);margin:20px}
.pageTable th{font-size:13px;color:#333;text-align:center;font-weight:700;padding:5px}
.pageTable td{font-size:13px;text-align:center;padding:5px}
.pageTable td.page{color:blue;font-weight:700}
.pageTable td .inputText{width:50px;text-align:center}
.pageTable td .btnDel{min-width:50px;height:32px;font-size:14px;color:#000;font-weight:500;background:#fff;border:solid 1px #cbcbcb;cursor:pointer}
.pageTable td .btnDel:hover{background:#f5f5f5}
.pageTable td .btnDel:before{display:inline-block;content:"";width:11px;height:12px;background:url(/images/ico_del.png) 0 0 no-repeat;vertical-align:middle;margin:0 0 4px 0}

.popDefiniWrap{margin:0 auto;padding:30px 30px 0 30px}
.popDefiniWrap .title{height:40px;border-bottom:solid 2px #454c59;color:#333;position:relative}
.popDefiniWrap .title h3{font-weight:700;font-size:21px}
.popDefiniWrap .title .btnR{position:absolute;top:-5px;right:0}
.popDefiniWrap .con{height:calc(100vh - 200px);overflow-y:scroll}
.popDefiniWrap .inputSelect{height:32px;border:solid 1px #cbcbcb;border-radius:2px;font-size:14px;color:#000;vertical-align:middle;margin:0;cursor:pointer;padding:0 5px}
.popDefiniWrap .inputSelect:disabled{cursor:default;background:#f5f5f5;opacity:0.8}
.popDefiniWrap .inputText{width:100%;height:32px;border:solid 1px #cbcbcb;border-radius:2px;font-size:14px;color:#000;padding:0 10px;vertical-align:middle}
.popDefiniWrap .inputText.date{width:150px;padding:5px 10px;font-size:13px}
.popDefiniWrap .inputText:disabled{cursor:default;background:#f5f5f5;opacity:0.8}
.popDefiniWrap .inputDate{width:140px;height:32px;border:solid 1px #cbcbcb;border-radius:2px;font-size:14px;color:#000;padding:0 10px;vertical-align:middle}
.popDefiniWrap .inputArea{width:100%;height:70px;border:solid 1px #cbcbcb;font-size:14px;color:#000;padding:10px;resize:none}
.popDefiniWrap .inputArea:disabled{cursor:default;background:#f5f5f5;opacity:0.8}
.popDefiniWrap td .inputChk + label{min-width:auto;margin:0 20px 3px 0}
.popDefiniWrap .selBox{display:table;width:100%}
.popDefiniWrap .selBoxL{display:table-cell;width:90px;vertical-align:top}
.popDefiniWrap .selBoxR{display:table-cell;vertical-align:top}
.popDefiniWrap .w200{width:200px}
.popDefiniWrap .w600{width:600px}
.popDefiniWrap .w50{width:50px}
.popDefiniWrap .wYear{width:80px}
.popDefiniWrap .btnFoot{border-top:solid 1px #E4E5E7;text-align:center;padding:30px 0 0 0;margin:0}
.popDefiniWrap .btnNormal{min-width:120px;height:35px;font-size:14px;color:#000;font-weight:700;background:#fff;border:solid 1px #cbcbcb;border-radius:2px;padding:0 10px;margin:0 2px;cursor:pointer}
.popDefiniWrap .btnNormal:hover{background:#f5f5f5}
.popDefiniWrap .btnTemp{min-width:120px;height:35px;font-size:14px;color:#fff;font-weight:700;background:#888;border:solid 1px #888;border-radius:2px;padding:0 10px;margin:0 2px;cursor:pointer}
.popDefiniWrap .btnTemp:hover{background:#777;border-color:#777}
.popDefiniWrap .btnPrimary{min-width:120px;height:35px;font-size:14px;color:#fff;font-weight:700;background:#535bfb;border:solid 1px #535bfb;border-radius:2px;padding:0 10px;margin:0 2px;cursor:pointer}
.popDefiniWrap .btnPrimary:hover{background:#353dea;border:solid 1px #353dea}
.popDefiniWrap .btnCpConfirm{min-width:120px;height:35px;font-size:14px;color:#fff;font-weight:700;background:#00c577;border:solid 1px #00c577;border-radius:2px;padding:0 10px;margin:0 2px;cursor:pointer}

.popWriteDefiniTable{width:100%;margin:0}
.popWriteDefiniTable th{width:180px;font-size:13px;color:#333;text-align:left;font-weight:700;border-top:solid 1px #eee;border-right:solid 1px #eee;padding:5px 5px 5px 20px;position:relative}
.popWriteDefiniTable th .chkAreaR{position:absolute;top:12px;right:0}
.popWriteDefiniTable td{border-top:solid 1px #eee;padding:5px 15px 5px 15px;position:relative}
.popWriteDefiniTable td .inputChk + label{min-width:130px;margin:0 0 3px 0}
.popWriteDefiniTable .must{display:inline-block;color:red;font-size:20px;font-weight:700;vertical-align:middle}
.popWriteDefiniTable th.vTop{vertical-align:top;padding-top:10px}
.popWriteDefiniTable td.vTop{vertical-align:top}
.popWriteDefiniTable tr:first-child th,
.popWriteDefiniTable tr:first-child td{border-top:none}
.popWriteDefiniTable tr.trMemo th,
.popWriteDefiniTable tr.trMemo td{background:#fdfbe7}
.popWriteDefiniTable .periodArea{display:inline-block;background:#f6f8fd;padding:4px;border-radius:2px}
.popWriteDefiniTable .inputMulti .ms-choice{height:32px;line-height:32px;border:solid 1px #cbcbcb;border-radius:2px;color:#000}
.popWriteDefiniTable .ms-drop ul>li.multiple label input{vertical-align:middle;margin-top:0}
.popWriteDefiniTable .ms-search input{min-height:32px;border-radius:2px}
.popWriteDefiniTable .inputChk + label:before{background:#fff}
.popWriteDefiniTable .inputChk:checked + label:before{background:#535bfb url(/images/ico_check_att.png) 50% 50% no-repeat;border-color:#535bfb}
.popWriteDefiniTable .select2-container--default .select2-selection--single{height:32px;border:solid 1px #cbcbcb;border-radius:2px}
.popWriteDefiniTable .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:32px;color:#000}
.popWriteDefiniTable .select2-container--default .select2-selection--single .select2-selection__arrow{height:30px}

.popWriteDefiniTable .bgBox{background:#f6f8fd;border-radius:2px;padding:5px 0;margin:5px 0 0 0}
.popWriteDefiniTable .bgBox.noMar{margin:0}
.popWriteDefiniTable .subTable{width:100%}
.popWriteDefiniTable .subTable td{border-top:none}
.popWriteDefiniTable .subTable td.lineT{border-top:solid 1px #dbe2f5}
.popWriteDefiniTable .subTable td.tdCheck{width:100px}
.popWriteDefiniTable .subTable td.tdCheck label{min-width:auto;margin:0 0 3px 0}
.popWriteDefiniTable .subTable td.vTop{vertical-align:top}
.popWriteDefiniTable .subTable .gb_departM{display:inline-block;color:#888;margin:0 0 0 18px}
.popWriteDefiniTable .subTableList{width:auto}
.popWriteDefiniTable .subTableList td{width:134px;vertical-align:top;padding:0}

.resultSbjList{max-height:110px;overflow-y:auto;background:#f7f9fb;padding:5px 20px;margin:0 0 20px 0}
.resultSbjList dl{border-top:solid 1px #eee;padding:7px 10px}
.resultSbjList dl:first-child{border-top:none}

.popAuthWrap{margin:0 auto;padding:30px 30px 0 30px}
.popAuthWrap .title{height:40px;border-bottom:solid 2px #454c59;color:#333;position:relative}
.popAuthWrap .title h3{font-weight:700;font-size:21px}
.popAuthWrap .title .btnR{position:absolute;top:-5px;right:0}
.popAuthWrap .con{height:calc(100vh - 200px);overflow-y:scroll}
.popAuthWrap .inputSelect{height:32px;border:solid 1px #cbcbcb;border-radius:2px;font-size:14px;color:#000;vertical-align:middle;margin:0;cursor:pointer;padding:0 5px}
.popAuthWrap .inputSelect:disabled{cursor:default;background:#f5f5f5;opacity:0.8}
.popAuthWrap .inputText{width:100%;height:32px;border:solid 1px #cbcbcb;border-radius:2px;font-size:14px;color:#000;padding:0 10px;vertical-align:middle}
.popAuthWrap .inputText.date{width:150px;padding:5px 10px;font-size:13px}
.popAuthWrap .inputText:disabled{cursor:default;background:#f5f5f5;opacity:0.8}
.popAuthWrap .inputDate{width:160px;height:32px;border:solid 1px #cbcbcb;border-radius:2px;font-size:14px;color:#000;padding:0 10px;vertical-align:middle}
.popAuthWrap .inputArea{width:100%;height:70px;border:solid 1px #cbcbcb;font-size:14px;color:#000;padding:10px;resize:none}
.popAuthWrap .inputArea:disabled{cursor:default;background:#f5f5f5;opacity:0.8}
.popAuthWrap td .inputChk + label{min-width:auto;margin:0 20px 3px 0}
.popAuthWrap td .authChkArea .inputChk + label{min-width:120px}
.popAuthWrap .selBox{display:table;width:100%}
.popAuthWrap .selBoxL{display:table-cell;width:90px;vertical-align:top}
.popAuthWrap .selBoxR{display:table-cell;vertical-align:top}
.popAuthWrap .w100{width:100px}
.popAuthWrap .w200{width:200px}
.popAuthWrap .wHalf{width:307px}
.popAuthWrap .w600{width:600px}
.popAuthWrap .w50{width:50px}
.popAuthWrap .wYear{width:80px}
.popAuthWrap .wNameSH{width:200px}
.popAuthWrap .btnFoot{border-top:solid 1px #E4E5E7;text-align:center;padding:30px 0 0 0;margin:0}
.popAuthWrap .btnNormal{min-width:120px;height:35px;font-size:14px;color:#000;font-weight:700;background:#fff;border:solid 1px #cbcbcb;border-radius:2px;padding:0 10px;margin:0 2px;cursor:pointer}
.popAuthWrap .btnNormal:hover{background:#f5f5f5}
.popAuthWrap .btnTemp{min-width:120px;height:35px;font-size:14px;color:#fff;font-weight:700;background:#888;border:solid 1px #888;border-radius:2px;padding:0 10px;margin:0 2px;cursor:pointer}
.popAuthWrap .btnTemp:hover{background:#777;border-color:#777}
.popAuthWrap .btnPrimary{min-width:120px;height:35px;font-size:14px;color:#fff;font-weight:700;background:#535bfb;border:solid 1px #535bfb;border-radius:2px;padding:0 10px;margin:0 2px;cursor:pointer}
.popAuthWrap .btnPrimary:hover{background:#353dea;border:solid 1px #353dea}
.popAuthWrap .btnCpConfirm{min-width:120px;height:35px;font-size:14px;color:#fff;font-weight:700;background:#00c577;border:solid 1px #00c577;border-radius:2px;padding:0 10px;margin:0 2px;cursor:pointer}
.popAuthWrap .select2-container--default .select2-selection--single{height:32px;border:solid 1px #cbcbcb;border-radius:2px}
.popAuthWrap .select2-container--default .select2-selection--single .select2-selection__arrow{height:30px}

.popAuthWrap .nameResultTable{width:100%;border-top:solid 1px #ddd;margin:20px 0 20px 0}
.popAuthWrap .nameResultTable th{font-weight:400;border-bottom:solid 1px #eee;padding:10px 0}
.popAuthWrap .nameResultTable td{border-bottom:solid 1px #eee;padding:10px 0}
.popAuthWrap .nameResultTable  .saintNm{font-size:16px;font-weight:700}
.popAuthWrap .nameResultTable .info{display:block;font-size:14px;letter-spacing:0px}
.popAuthWrap .nameResultTable .dpt{font-size:13px;color:#3574ff}
.popAuthWrap .nameResultTable .bar{display:inline-block;font-size:12px;color:#bfbdbd;margin:0 5px 3px 5px;vertical-align:middle}
.popAuthWrap .nameResultTable td.tdBtn{width:100px;text-align:right}
.popAuthWrap .nameResultTable .tit{font-size:15px;font-weight:700;padding-top:10px;padding-bottom:10px}
.popAuthWrap .nameResultTable .btnNameSave{min-width:50px;height:30px;line-height:28px;background:#fff;border:solid 1px #535bfb;color:#535bfb;font-size:14px;font-weight:700;padding:0 10px;border-radius:30px}

.popAuthWrap .wNameSH{width:200px}
.popAuthWrap .btnNameSH{min-width:70px;height:32px;line-height:30px;background:#74818E;border:solid 1px #5C5C5C;border-radius:2px;font-size:14px;color:#fff;font-weight:700;margin:0}
.popAuthWrap .btnNameSH:hover{background:#5A6A7A;border-color:#506171}
.popAuthWrap .btnNameSH:before{display:inline-block;width:14px;height:15px;content:"";background:url(/images/ico_search_top_w.png) 0 0 no-repeat;vertical-align:middle;margin:0 3px 3px 0}

.writeTable{width:100%;margin:20px 0}
.writeTable th{width:120px;font-size:13px;color:#333;text-align:left;font-weight:700;padding:5px 5px 5px 30px}
.writeTable th.vTop{vertical-align:top}
.writeTable td{padding:5px 20px 5px 5px}
.writeTable td.lang{padding:0 0 10px 1px}
.writeTable td.lang button{width:88px;height:32px;line-height:30px;background:#fff;border:solid 1px #cbcbcb;font-size:12px;color:#000;font-weight:500;overflow:hidden;margin:-1px 0 0 -1px;padding:0;cursor:pointer}
.writeTable td.lang button:hover{background:#f9f9f9}
.writeTable td.lang button.on{background:#535bfb;border:solid 1px #353de2;color:#fff;position:relative}
.writeTable td.lang button.on:hover{background:#535bfb}
.writeTable td.lang button .up{display:inline-block;vertical-align:middle;margin:0 0 2px 3px}
.writeTable .langArea{display:table;width:100%}
.writeTable .must{display:inline-block;color:red;font-size:20px;font-weight:700;vertical-align:middle;margin:0 0 0 -10px}
.writeTable .inputSelect{width:auto;min-width:180px;height:32px;border:solid 1px #cbcbcb;font-size:14px;color:#000;vertical-align:middle;margin:0;cursor:pointer;padding:0 5px}
.writeTable .inputSelect:disabled{cursor:default;background:#f5f5f5;opacity:0.8}
.writeTable .inputSelectPoint{width:100%;max-width:530px;border:solid 1px #2e38f1;color:#0410fd;font-weight:700}
.writeTable .inputSelectPoint:disabled{border:solid 1px #2e38f1;color:#010cea;font-weight:700}
.writeTable .inputSelect.w120{min-width:120px}
.writeTable .inputSelect.w150{min-width:150px}
.writeTable .inputText{width:100%;height:32px;border:solid 1px #cbcbcb;font-size:14px;color:#000;padding:0 10px;vertical-align:middle}
.writeTable .inputText.date{width:150px;padding:5px 10px;font-size:13px;background:url(/images/ico_date_cal_adm.png) 92% 50% no-repeat;background-size:auto 34px}
.writeTable .inputText:disabled{cursor:default;background-color:#f5f5f5;opacity:0.8}
.writeTable .inputText.w50{width:50px}
.writeTable .inputText.w150{width:150px}
.writeTable .inputTextPoint{width:100%;height:32px;border:solid 1px #2e38f1;font-size:14px;color:#0410fd;padding:0 10px}
.writeTable .inputArea{width:100%;height:70px;border:solid 1px #cbcbcb;font-size:14px;color:#000;padding:10px;resize:none}
.writeTable .inputArea.memo{height:150px}
.writeTable .inputArea:disabled{cursor:default;background:#f5f5f5;opacity:0.8}
.writeTable .btnNormal{min-width:120px;height:35px;font-size:14px;color:#000;font-weight:700;background:#fff;border:solid 1px #cbcbcb;border-radius:2px;padding:0 10px;margin:0 2px;cursor:pointer}
.writeTable .chkAuth .inputChk + label{/* min-width:125px;*/font-weight:500;letter-spacing:-0.5px;margin-bottom:2px}
.writeTable .line > th,
.writeTable .line > td{border-top:solid 1px #E4E5E7;padding-top:20px}
.writeTable .line > th.vTop{padding-top:28px;vertical-align:top}
.writeTable tr.padBot th,
.writeTable tr.padBot td{padding-bottom:10px}
.writeTable .wbeforeMajor{width:360px}
.writeTable .writeMsg{color:gray}
.writeTable .wBeforeCt{width:530px}
.writeTable .wDev{width:456px}
.writeTable .exp{color:gray;font-size:13px;letter-spacing:-1px}
.writeTable .exp .point{color:red} 
.writeTable .useAddArea{width:100%;height:150px;border:solid 1px #cbcbcb;border-radius:2px;overflow-y:auto;padding:10px;margin:10px 0 0 0}
.writeTable .useAddItem{display:inline-block;color:#000;margin:0 20px 5px 0}
.writeTable .btnUseDel{width:16px;height:16px;background:url(/images/common/btn_file_del@2x.png) 0 0 no-repeat;background-size:16px auto;vertical-align:middle;margin:0 0 3px 0;cursor:pointer}
.writeSubTit{padding-left:20px;padding-top:20px;color:#1542a0}

.writeTable .selMajor{display:inline-block;vertical-align:middle}
.writeTable .selMajor div.dhxcombo_dhx_skyblue{width:600px !important}
.writeTable .selMajor input.dhxcombo_input{width:580px !important}
.writeTable .dhxcombo_dhx_skyblue{height:32px;border:solid 1px #cbcbcb;border-radius:2px}
.writeTable div.dhxcombo_dhx_skyblue input.dhxcombo_input{height:32px;color:#000;font-size:14px;letter-spacing:-0.5px;padding:0 5px;cursor:pointer}
.writeTable div.dhxcombo_dhx_skyblue div.dhxcombo_select_button{height:28px;background:transparent;border:none}
.writeTable div.dhxcombo_dhx_skyblue div.dhxcombo_select_button div.dhxcombo_select_img{background:url(/images/ico_arrow_sel.gif) 50% 50% no-repeat}
.writeTable .selMajorPoint .dhxcombo_dhx_skyblue{border:solid 1px #2e38f1}
.writeTable .selMajorPoint div.dhxcombo_dhx_skyblue input.dhxcombo_input{color:#0410fd}

.writeTable .targetPassTable{border:solid 1px #cbcbcb}
.writeTable .targetPassTable th{height:30px;border-bottom:solid 1px #cbcbcb;background:#f5f5f5}
.writeTable .targetPassTable th.thPass{width:95px}
.writeTable .targetPassTable td{padding:5px 5px 5px 5px}
.writeTable .targetPassTable td.tdTarget{padding-left:15px}
.writeTable .targetPassTable td.tdPass{text-align:center}
.writeTable .targetPassTable tbody tr:first-child td{padding-top:10px}
.writeTable .targetPassTable tbody tr:last-child td{padding-bottom:10px}
.writeTable .targetPassTable .lineL{border-left:solid 1px #cbcbcb}
.writeTable .targetPassTable .inputText{height:27px}
.writeTable .targetPassTable .inputChk + label{font-weight:700;margin-right:0}

.eduCtWrite .writeTable{margin:0}
.eduCtWrite .writeTable td{padding-bottom:8px}
.eduCtWrite .writeTable .policyTable th{width:110px;height:30px;border-bottom:solid 1px #eee;text-align:center;padding:0}
.eduCtWrite .writeTable .policyTable tr:nth-child(2) td{padding-top:8px}
.eduCtWrite .writeTable td.lang button{width:85px;height:30px;line-height:28px}
.eduCtWrite .writeTable .padBot > th,
.eduCtWrite .writeTable .padBot > td{padding-bottom:20px}
.eduCtWrite .writeTable .line > th,
.eduCtWrite .writeTable .line > td{padding-top:12px}

.eduCtWrite .policyTable td{padding:3px 0 3px 15px}
.eduCtWrite .policyTable tr:last-child th,
.eduCtWrite .policyTable tr:last-child td{padding-bottom:8px}
.eduCtWrite .innorix_basic{width:729px !important;border:solid 1px #cbcbcb}
.eduCtWrite .innorix_basic div.irx_filetree{width:586px !important}

.fileDragBox{width:100%;min-height:70px;background:#fff;border:solid 1px #d8dbe2;display:table}
.fileDragBox .in{display:table-cell;vertical-align:middle;padding:10px 20px}
.fileDragBox .defaultMsg{font-size:14px;color:#777;text-align:left}
.fileDragBox .warnMsg{color:red;margin:4px 0 5px 0}
.fileDragBox .warnMsg:before{display:inline-block;content:"";width:19px;height:19px;background:url(/images/common/ico_care_explain_r.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 3px 0}
.fileDragBox .warnMsg .point{font-weight:700}
.fileDragBox output{padding:0}
.fileDragBox .fileName{font-size:13px;color:#222;cursor:pointer}
.fileDragBox .fileName:before{display:inline-block;content:"";width:18px;height:19px;background:url(/images/ico_file@2x.png) 0 0 no-repeat;background-size:18px auto;vertical-align:middle;margin:0 3px 3px 0}
.fileDragBox .fileName:hover{color:#2366FF;text-decoration:underline}
.fileDragBox .fileName .capacity{display:inline-block;font-size:12px;color:#999;margin:0 0 0 10px}
.fileDragBox .fileName2{font-size:13px;color:#222}
.fileDragBox .fileName2:before{display:inline-block;content:"";width:18px;height:19px;vertical-align:middle;margin:0 3px 3px 0}
.fileDragBox .fileName2 .capacity{display:inline-block;font-size:12px;color:#999;margin:0 0 0 10px}
.fileDragBox .btnFileDel{width:20px;height:20px;background:url(/images/common/btn_file_del@2x.png) 50% 50% no-repeat;background-size:16px auto;vertical-align:middle;text-indent:-9999px;margin:0 0 3px 5px}
.fileDragBox .progressBar{width:100px;height:5px;background:#DBDBDB;display:inline-block;margin:0 0 3px 8px;position:relative}
.fileDragBox .progressBarIn{display:inline-block;background:#496AEA;height:5px;position:absolute}
.fileUploadBox{display:table;width:100%;height:35px;border:solid 1px #d8dbe2;border-top:none;background:#fff;position:relative}
.fileUploadBox .msg{display:table-cell;vertical-align:middle;color:#999;font-size:11px;padding:0 135px 0 15px;line-height:1.1}
.fileUploadBox .btnArea{position:absolute;top:-1px;right:0}
.fileUploadBox .btnArea .number{display:inline-block;font-size:13px;color:#999;padding:0 5px 0 0}
.fileUploadBox .btnFile{width:95px;height:36px;background:#535bfb;border:solid 1px #353de2;color:#fff;font-size:14px;padding:0 10px;margin:0 -1px 0 0}
.fileUploadBox .btnFile:hover{background:#353de2;border-color:#353de2}

@media(min-width:1024px){
.fileUploadBox .msg{font-size:13px}
}

.writeRowTable{width:100%;margin:0}
.writeRowTable th{font-size:14px;color:#333;text-align:left;font-weight:700;padding:3px 0 5px 0;position:relative}
.writeRowTable th .explain{color:gray;font-size:13px;font-weight:100}
.writeRowTable th .thR{position:absolute;top:-8px;right:0}
.writeRowTable th .btnUrlR{position:absolute;top:5px;right:0}
.writeRowTable td{padding:0 0 10px 0}
.writeRowTable td.lang{padding:0 0 10px 1px}
.writeRowTable td.lang button{width:auto;min-width:92px;height:32px;line-height:30px;background:#fff;border:solid 1px #cbcbcb;font-size:12px;color:#000;font-weight:500;overflow:hidden;margin:-1px 0 0 -1px;padding:0 5px;cursor:pointer}
.writeRowTable td.lang button:hover{background:#f9f9f9}
.writeRowTable td.lang button.on{background:#535bfb;border:solid 1px #3c44e4;color:#fff;position:relative}
.writeRowTable td.lang button.on:hover{background:#3c44e4}
.writeRowTable td.lang button .up{display:inline-block;vertical-align:middle;margin:0 0 2px 3px}
.writeRowTable td.lang button:nth-child(2),
.writeRowTable td.lang button:nth-child(10),
.writeRowTable .langArea{display:table;width:100%}
.writeRowTable .btnAdd{width:100px;height:30px;line-height:28px;font-weight:500;font-size:13px;color:#fff;background:#438bff;border:solid 1px #3a7be0;margin:0 0 5px 0;cursor:pointer}
.writeRowTable .btnAdd:hover{background:#3a7be0;border-color:#226fe7}
.writeRowTable .btnFile{width:100px;height:36px;line-height:34px;background:#353de2;border:solid 1px #353de2;color:#fff;font-size:13px;padding:0 10px;position:absolute;right:0;top:0;cursor:pointer}
.writeRowTable .btnFile:hover{background:#353de2;border-color:#353de2}
.writeRowTable .btnFile:disabled{background:gray;border-color:#555;opacity:0.5}
.writeRowTable .spinner{display:inline-block;width:110px !important;height:32px !important;border:solid 1px #cbcbcb;border-radius:0;padding:5px;margin:0 0 0 20px}
.writeRowTable .textbox-addon{top:5px;right:5px !important}
.writeRowTable .textbox .textbox-text{font-size:14px !important}
.writeRowTable .must{display:inline-block;color:red;font-size:20px;font-weight:700;vertical-align:middle;margin:0 0 0 -10px}
.writeRowTable .urlTitle{font-size:14px;color:#888;text-align:left;font-weight:700;padding:3px 0 5px 0;position:relative;margin-right:10px}
.writeRowTable .inputTitle{width:calc(100% - 176px) !important;margin-bottom:5px;vertical-align:baseline !important}

.writeRowTable .inputSelect{height:32px;border:solid 1px #cbcbcb;font-size:14px;color:#000;vertical-align:middle;margin:0;cursor:pointer;padding:0 5px}
.writeRowTable .inputSelect:disabled{cursor:default;background:#f5f5f5;opacity:0.8}
.writeRowTable .inputText{width:100%;height:32px;border:solid 1px #cbcbcb;font-size:14px;color:#000;padding:0 10px;vertical-align:middle;background:#FFF}
.writeRowTable .inputText.inputPoint{background:#ffffed;font-weight:700}
.writeRowTable .inputText.date{width:150px;padding:5px 10px;font-size:13px;background-color:#fff}
.writeRowTable .inputText:disabled{cursor:default;background-color:#f5f5f5;opacity:0.8}
.writeRowTable .inputArea{width:100%;height:100px;border:solid 1px #cbcbcb;font-size:14px;color:#000;padding:10px;resize:none}
.writeRowTable .inputArea:disabled{cursor:default;background:#f5f5f5;opacity:0.8}
.writeRowTable .data .inputText{width:720px !important}
.writeRowTable .data .inputText.video{width:360px !important}
.writeRowTable .data .inputChk + label{margin:0 !important}
.writeRowTable .dvTblCell{display:table-cell;padding-right:10px}
.writeRowTable .explain{color:#888;font-size:12px;margin:5px 0 5px 0;font-weight:700;display:inline-block}
.popInputLayer .btnSelect{cursor:pointer;float:right;min-width:50px;height:30px;line-height:28px;background:#fff;border:solid 1px #535bfb;color:#535bfb;font-size:14px;font-weight:700;padding:0 10px;border-radius:30px}

.writeRowTable .mainSort{height:26px;font-size:14px;color:#000;padding:0 10px;text-align:center;margin:20px}
.writeRowTable .ctSort{width:70px;height:26px;border:solid 1px #cbcbcb;font-size:14px;color:#000;margin:0 10px;padding:0 10px;text-align:center}
.writeRowTable .btnTrDel{width:30px;height:30px;background:url(/images/ico_del.png) 50% 50% no-repeat;background-size:13px auto;vertical-align:middle;cursor:pointer}

.writeRowTable .langTop{position:absolute;right:5px;top:0;font-size:12px;font-weight:normal}
.writeRowTable .langTop span{margin:0 2px}
.writeRowTable .langWait:before{display:inline-block;content:"";width:14px;height:12px;background:url(/images/ico_up.png) 0 0 no-repeat;vertical-align:middle;margin:0 3px 2px 0}
.writeRowTable .langRegi:before{display:inline-block;content:"";width:14px;height:12px;background:url(/images/ico_up2.png) 0 0 no-repeat;vertical-align:middle;margin:0 3px 2px 0}

.underLangBox{background:#f9fdff;padding:20px 30px 20px 30px}
.underLangBox .writeTable{margin:0}
.underLangBox .writeTable td{padding:0 0 15px 0}
.underLangBox .writeTable td.lang button{width:99px}
.underLangBox .btnLangArea{text-align:center;margin:20px 0 0 0}
.underLangBox .btnLangSave{min-width:100px;height:30px;color:#fff;background:#838996;border:solid 1px #707683}
.underLangBox .btnLangSave:hover{background:#707683;border-color:#626977}
.underLangBox .btnLangDel{min-width:100px;height:30px;background:#fff;border:solid 1px #cbcbcb}
.underLangBox .btnLangDel:hover{background:#f5f5f5}
.underLangBox .btnLangDel:before{display:inline-block;content:"";width:11px;height:12px;background:url(/images/ico_del.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 3px 0}

.policyTable{width:100%;border:solid 1px #e4e5e7}
.policyTable th{width:120px;background:#f2faff;border-right:solid 1px #e4e5e7;padding:3px 0 3px 15px}
.policyTable td{background:#f9fdff;padding:3px 0 3px 15px}
.policyTable tr:first-child th,
.policyTable tr:first-child td{padding-top:10px}
.policyTable tr:last-child th,
.policyTable tr:last-child td{padding-bottom:10px}
.policyTable td .inputRadio + label{min-width:90px;margin:0 10px 0 0}

.userWrap{margin:20px 20px 0 300px}

.userMainL{display:none;background:rgba(0,0,0,0.5);padding:0;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}
.userMainLIn{/* width:300px;*/width:100%;height:100%;background:#fff;overflow-y:auto}
.userMainC{background:#fff;padding:0}
.userMainR{display:none;padding:0 0 0 15px}
.asideLeftM{display:none}

@media(min-width:1024px){
.userMain{display:table;width:calc(100% - 40px);height:calc(100vh - 220px);vertical-align:top;margin:0 20px 0 20px}
.userMainL{display:table-cell;width:300px;vertical-align:top;background:#fff;border-right:solid 15px #f2f4f7;position:relative;z-index:inherit}
.userMainLIn{width:300px;height:auto;background:transparent}
.userMainC{display:table-cell;vertical-align:top}
.userMainR{display:none;width:270px;min-width:250px;background:#fff;border-left:solid 15px #f2f4f7;vertical-align:top;padding:0}
}

@media(min-width:1400px){
.userMainL{width:370px}
.userMainLIn{width:370px}
}

.asideRightWrap{background:#fff;padding:0 20px 0 20px}
.asideRightWrap .asideCal{/* border-top:solid 1px #dcdcdc;*/}
.asideRightWrap .asideSection{border-top:solid 1px #dcdcdc;padding:20px 0}
.asideRightWrap .asideSection:first-child{border-top:none}
.asideRightWrap .asideSection.lineBot{border-bottom:solid 1px #dcdcdc}
.asideRightWrap .asideConn{display:none}
.asideRightTit{padding:0 0 10px 0}
.asideRightTit h3{font-size:15px;font-weight:700;color:#111;margin:0}
.asideRightTit .church{display:inline-block;border-radius:10px;color:#4f4ffc;font-size:12px;border:solid 1px #4f4ffc;border-radius:2px;padding:3px 10px 2px 10px;vertical-align:middle;margin:0 0 3px 5px}
.asideRightCon{font-size:16px;color:gray}
.asideRightCon .progress{height:10px;background:rgba(216,219,226,0.4);border-radius:10px;margin:0}
.asideRightCon .progress .bar{display:inline-block;height:10px;background:#535bfb;border-radius:10px}
.asideRightCon .rate{font-size:20px;color:#535bfb;margin:0;padding:5px 0 0 0}
.asideRightWrap .calMain{text-align:center;margin:0}
.asideRightWrap .calMain img{width:100%}
.asideRightWrap .ingBox{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;font-size:20px;color:#535bfb;text-align:center;font-weight:700;letter-spacing:-0.5px;background:rgba(255,255,255,0.6) url(/images/ico_prepare_s@2x.png) center 190px no-repeat;background-size:auto 33px;margin:0;padding:230px 0 0 0}
.asideRightWrap .calTop{position:relative;height:30px;text-align:center}
.asideRightWrap .calTop .btnToday{position:absolute;top:0;right:0;height:20px;background:#fff;border:solid 1px #d8dbe2;border-radius:2px;font-size:11px;color:#111;font-weight:700;letter-spacing:-0.5px;padding:0 5px;cursor:pointer}
.asideRightWrap .calTop .btnCalPrev{width:20px;height:20px;background:#fff url(/images/ico_cal_prev@2x.png) 50% 50% no-repeat;background-size:6px auto;cursor:pointer}
.asideRightWrap .calTop .btnCalPrev:disabled{opacity:0.4;cursor:default}
.asideRightWrap .calTop .btnCalDay{width:auto;background:#fff;color:#111;font-size:15px;margin:0 3px}
.asideRightWrap .calTop .btnCalNext{width:20px;height:20px;background:#fff url(/images/ico_cal_next@2x.png) 50% 50% no-repeat;background-size:6px auto;cursor:pointer}

.asideRightCon .personList{font-size:14px;margin:0 0 5px 0}
.asideRightCon .personList em{font-weight:700;color:#000}
.asideRightCon .personList .time{display:inline-block;font-size:12px;color:#888;margin:0 0 0 5px}

@media(min-width:1024px){
  .asideRightWrap{background:transparent;padding:15px 20px 0 20px}
  .asideRightWrap .asideConn{display:block}
  .asideRightTit{padding:0 0 10px 0}
  .asideRightCon .rate{font-weight:500;margin:15px 0 0 0;padding:0}
  .asideRightWrap .calMain img{width:auto}
}

.userMainWrap{min-height:calc(100vh - 200px);padding:20px 20px 20px 20px}
.dvMovieWrap{width:calc(100% + 40px);margin:0 -20px}


@media(min-width:740px){
  .dvMovieWrap{width:100%;max-width:800px;margin:0 auto;padding:0}
}

.dvMovieWrap .divStreaming{margin:-55px auto 40px auto;text-align:center;padding:20px 10px 0 10px}
.dvMovieWrap .divStreaming:last-child{margin-top:-5px}
.dvMovieWrap .divStreaming .btnStreaming{width:40%;margin:0 10px;height:30px;border-radius:15px;border:2px solid #535bfb;color:#535bfb;cursor:pointer;background:#fff}
.dvMovieWrap .divStreaming .btnStreaming:hover{background:#535bfb;color:#fff}
.dvMovieWrap .divStreaming .btnStreaming.on{background:#535bfb;color:#fff}

.userMainWrap .dvAudioWrap{width:100%;max-width:880px;margin:0 auto}
.userMainWrap .dvAudioWrap .dvAudioTitle{margin:20px 0 10px 0;font-size:15px;font-weight:700;color:#111;background:#edeefe;display:inline-block;border-radius:50px;padding:5px 10px}
.userMainWrap .dvAudioWrap .is-audio-player{min-height:55px !important}
.userMainWrap .dvAudioWrap .is-audio-player.show-controls-only{height:55px}
.userMainWrap .dvAudioWrap .fp-header{min-height:0;height:0;padding:0}
.userMainWrap .dvAudioWrap .fp-middle{max-height:55px !important}
.userMainWrap .dvAudioWrap .is-ended .fp-middle{/* width:150px;*/flex-direction:column;text-align:center}
.userMainWrap .dvAudioWrap .is-ended .fp-middle .fp-middle-zone{width:60px;height:55px}
.userMainWrap .dvAudioWrap .is-ended .fp-switch{transform:scale(0.5);margin-top:-5px}
.userMainWrap .dvAudioWrap .is-small.is-ended .fp-switch{transform:scale(0.8);margin-top:0}
.userMainWrap .dvAudioWrap .is-ended .fp-controls{display:none}
.userMainWrap .dvDownloadWrap{width:100%;max-width:880px;margin:0 auto}
.userMainWrap .dvDownloadWrap .dvCmsTitle{overflow-x:auto;white-space:nowrap}
.userMainWrap .dvDownloadWrap .dvCmsTitle .divCmsBtn{font-size:15px;padding:5px 10px;max-width:200px;white-space:normal;cursor:pointer;margin:5px;border:1px solid #535bfb;height:60px;background:#fff;line-height:25px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-wrod}
.userMainWrap .dvDownloadWrap .dvCmsTitle .divCmsBtn.on{background:#535bfb;color:#fff}
.userMainWrap .courseView{max-width:880px;margin:30px auto 30px auto;padding:0;border-bottom:none}
.userMainWrap .courseView.wide{max-width:100%}
.userMainWrap .contentPDF{max-width:880px;margin:0 auto;padding:0}
.userMainWrap .explainFoot{color:red}
.userMainWrap .explainFoot p{text-indent:-10px;line-height:1.5;margin:0 0 5px 10px;padding:0}
.userMainWrap .btnSizeArea{text-align:right;margin:-10px 0 0 0}
.userMainWrap .btnSizeUp{width:45px;height:46px;background:#fff url(/images/ico_size_up@2x.png) 50% 50% no-repeat;;background-size:25px auto;border:solid 1px rgba(0,0,0,0.07);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,0.03);text-indent:-9999px;cursor:pointer}
.userMainWrap .btnSizeDown{width:45px;height:46px;background:#fff url(/images/ico_size_down@2x.png) 50% 50% no-repeat;background-size:22px auto;border:solid 1px rgba(0,0,0,0.07);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,0.03);text-indent:-9999px;cursor:pointer}

@media(min-width:1024px){
  .userMainWrap{min-height:auto;padding:45px 45px}
  .userMainWrap .dvAudioWrap .is-ended .fp-switch{margin-top:0}
  .userMainWrap .dvAudioWrap .is-small.is-ended .fp-switch{transform:scale(1)}
}

.lectureThumTitle{min-height:220px;background:#4a5869;position:relative;top:-20px;left:-20px;right:-20px;width:calc(100% + 40px)}
.lectureThumTitle .thum{position:absolute;top:20px;left:20px;width:100px;height:68px;background-color:rgba(255,255,255,0.85);/* background-image:url(/images/img_no.jpg);*/background-position:50% 50%;background-repeat:no-repeat;background-size:cover;border-radius:0}
.lectureThumTitle .thumBg{position:absolute;top:0;left:0;right:0;height:70px;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}
.lectureThumTitle .thumBg:after{display:inline-block;content:"";height:70px;background:rgba(0,0,0,0.7);position:absolute;top:0;left:0;right:0}
.lectureThumTitle .titArea{vertical-align:middle;text-align:left;padding:105px 20px 20px 20px}
.lectureThumTitle .titArea .state{display:inline-block;height:22px;line-height:20px;font-size:12px;color:#fff;border:solid 1px #fff;background:transparent;border-radius:0;padding:0 15px;margin:0 5px 0 0}
.lectureThumTitle .progress{display:inline-block;width:100px;height:6px;background:rgba(216,219,226,0.4);border-radius:10px;margin:0}
.lectureThumTitle .progress .bar{display:block;height:6px;background:#02d9ff;border-radius:10px}
.lectureThumTitle .rate{display:inline-block;font-size:13px;color:#02d9ff;margin:0 5px 0 0;height:22px;line-height:22px}
.lectureThumTitle .titArea h3{font-size:20px;color:#fff;font-weight:700;line-height:1.1;line-height:1.3;letter-spacing:-0.5px;margin:10px 0 5px 0}
.lectureThumTitle .titArea .date{font-size:13px;color:rgba(255,255,255,0.7)}
.lectureThumTitle .titArea .date .count{display:inline-block;color:#ff5757;margin:0 0 0 10px}
.lectureThumTitle .titArea .date .count:before{display:inline-block;content:"";width:14px;height:14px;background:url(/images/ico_count@2x.png) 0 0 no-repeat;background-size:14px auto;vertical-align:middle;margin:0 3px 1px 0}
.lectureThumTitle .nextPeriodBox{background:rgba(255,255,255,.08);border-radius:4px;font-size:12px;color:#fff;padding:8px 10px;margin:12px 0 0 0}
.lectureThumTitle .nextPeriodBox .day{display:inline-block;height:18px;line-height:17px;background:#00b8d9 url(/images/ico_lec_clock@2x.png) 5px 50% no-repeat;background-size:12px auto;border-radius:13px;font-size:12px;padding:0 5px 0 20px}

@media(min-width:1024px){
  .lectureThumTitle{display:table;width:100%;height:150px;min-height:auto;border-radius:4px;top:inherit;left:inherit;right:inherit}
  .lectureThumTitle .thum{position:inherit;top:inherit;left:inherit;display:table-cell;width:220px;height:auto;border-radius:4px 0 0 4px}
  .lectureThumTitle .thumBg{display:none}
  .lectureThumTitle .titArea{display:flex;flex-wrap:wrap;min-height:150px;align-content:center;padding:15px 30px}
  .lectureThumTitle .titArea .state{font-size:13px}
  .lectureThumTitle .titArea h3{width:100%}
  .lectureThumTitle .progress{margin:10px 0 2px 0}
  .lectureThumTitle .rate{margin-right:8px;margin-left:5px}
  .lectureThumTitle .titArea h3{font-size:25px;order:1}
  .lectureThumTitle .titArea .date{font-size:14px;order:1}
  .lectureThumTitle .nextPeriodBox{background:none;padding:2px 0;margin:0 0 0 10px;order:0}
}

.lecPeriodBox{background:#f1faff;border-radius:4px}
.lecPeriodBox dl{padding:10px}
.lecPeriodBox dt{min-height:20px;font-size:15px;color:#535bfb;letter-spacing:-0.5px;background:url(/images/ico_period_box@2x.png) 0 0 no-repeat;background-size:20px auto;padding:0 20px 0 30px;position:relative;cursor:pointer}
.lecPeriodBox dt:after{display:inline-block;content:"";width:20px;height:20px;background:url(/images/ico_period_down@2x.png) 50% 50% no-repeat;background-size:14px auto;position:absolute;top:0;right:0}
.lecPeriodBox dt.on:after{background:url(/images/ico_period_up@2x.png) 50% 50% no-repeat;background-size:14px auto}
.lecPeriodBox dd{display:none;line-height:1.5;letter-spacing:-0.5px;margin:10px 0 0 5px}
.lecPeriodBox .periodLi{display:block;background:url(/images/ico_lec_sub.gif) 0 8px no-repeat;padding:0 0 0 8px}
.lecPeriodBox .periodLi .tit{font-weight:700}

@media(min-width:1024px){
  .lecPeriodBox{margin:30px 0 0 0}
  .lecPeriodBox dl{padding:20px}
  .lecPeriodBox dt{font-size:16px;cursor:default}
  .lecPeriodBox dt:after{display:none}
  .lecPeriodBox dd{display:block}
  .lecPeriodBox .periodLi{display:inline-block;margin:0 20px 0 0}
}

.lectureNoticeList{display:none;padding:10px 5px 10px 10px;background:#f1faff;margin:0 -15px;border-radius:4px;line-height:27px}
.lectureNoticeList .kind{display:inline-block;min-width:50px;line-height:27px;background:#00b8d9;border-radius:2px;color:#fff;font-size:14px;font-weight:700;padding:0 10px;margin:0 5px 0 0;text-align:center}
.lectureNoticeList .subject{display:inline-block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;font-size:15px;color:#111;font-weight:700;letter-spacing:-0.5px;vertical-align:middle;margin:0 0 3px 0}
.lectureNoticeList .date{display:inline-block;font-size:12px;color:#888}
.lectureNoticeList .allWrap{display:flex;align-items:center}
.lectureNoticeList .titleWrap{display:flex;flex-flow:column-reverse}

@media(min-width:1024px){	
  .lectureNoticeList{display:block;margin:30px 0;padding:10px 20px}
  .lectureNoticeList .kind{margin:0 10px 0 0;font-size:15px}
  .lectureNoticeList .subject{font-size:16px;width:calc(100% - 150px);margin:0}
  .lectureNoticeList .date{font-size:14px}
  .lectureNoticeList .titleWrap{flex-direction:row;justify-content:space-between;width:100%}
}	

.tabCourseUL{display:flex;box-shadow:inset 0 0 0 1px #dcdcdc;border-radius:4px;overflow:hidden}
.tabCourseUL li{flex:1}
.tabCourseUL li a{padding:10px;color:#888;font-size:15px;font-weight:600;height:100%;display:flex;align-items:center;justify-content:center;text-align:center}
.tabCourseUL li a:hover{text-decoration:none}
.tabCourseUL li.ui-state-active a{background:#535bfb;border-color:#535bfb;color:#fff}

  @media(min-width:1024px){
  .tabCourseUL li{width:280px;height:50px}
  .tabCourseUL li a{font-size:16px}
}

.lecMenuM{margin:-9px -20px 20px -20px;position:relative}
.lecMenuM .scrollMenu{border-bottom:solid 1px #e0e7f1;padding:0 20px 0 20px}
.lecMenuM .scrollMenu .in{white-space:nowrap;overflow-x:auto;padding:0 0 9px 0}
.lecMenuM .scrollMenu button{height:30px;line-height:28px;background-color:#fff;border-radius:5px;color:#000;font-size:14px;font-weight:700;letter-spacing:-0.5px;margin:0 12px 0 0}
.lecMenuM .scrollMenu button.on{color:#4149f9}
.lecMenuM .scrollMenu button.btnLecM{padding-right:17px;position:relative}
.lecMenuM .scrollMenu button.btnLecM:after{display:inline-block;content:"";width:10px;height:6px;background:url(/images/ico_lec_top_arrow@2x.png) 0 0 no-repeat;background-size:10px auto;position:absolute;top:50%;right:0;margin:-3px 0 0 0}
.lecMenuM .scrollMenu button.btnLecM.on:after{background-image:url(/images/ico_lec_top_arrow_b@2x.png)}
.lecMenuM .scrollMenu button.btnLecM.drop:after{background-image:url(/images/ico_lec_top_arrow_on@2x.png)}
.lecMenuM .scrollMenu button.btnLecM.drop.on:after{background-image:url(/images/ico_lec_top_arrow_on_b@2x.png)}
.lecMenuM .lecChoiceDrop{position:absolute;top:38px;left:20px;right:20px;width:calc(100% - 40px);max-height:200px;overflow-y:scroll;background:#fff;border:solid 1px #dcdcdc;border-radius:10px;box-shadow:0 8px 16px rgba(0,0,0,0.2);padding:20px 20px 5px 20px;z-index:1}
.lecMenuM .lecChoiceDrop button{width:100%;background:transparent;text-align:left;font-size:15px;font-weight:700;letter-spacing:-0.5px;margin:0 0 15px 0}
.lecMenuM .lecChoiceDrop button.on{color:#4149f9}

@media(min-width:1024px){
  .lecMenuM{display:none}
}

.lectureNotice{margin:20px 0}
.lectureNoticeTit{margin:0 0 10px 0}
.lectureNoticeTit h3{font-size:18px;color:#111;font-weight:700;letter-spacing:-0.5px}
.lectureNoticeTit h3:before{display:inline-block;content:"";width:30px;height:30px;background:url(/images/ico_lecture_notice@2x.png) 0 0 no-repeat;background-size:30px auto;vertical-align:middle;margin:0 6px 3px 0}
.lectureNoticeCon{font-size:16px;color:#111;line-height:1.5}

@media(min-width:1024px){
  .lectureNotice{margin:50px 0 40px 0}
  .lectureNoticeTit h3{font-size:24px}
}

.lectureCptList{margin:0 0 40px 0}
.lectureCptList .lecItem{padding:15px 0 0 0}
.lectureCptList .lecItem.subItem{background:url(/images/lec_depth_line.gif) -8px 50% repeat-y;padding-left:40px}
.lectureCptList .lecItem.subItem:last-child{background:url(/images/lec_depth_line_last.gif) -8px 50% repeat-y}
.lectureCptList .lecItem.subItem.last{background:url(/images/lec_depth_line_last.gif) -8px 50% repeat-y}
.lectureCptList .lecItem.subItem2{background:url(/images/lec_depth_line.gif) -8px 50% repeat-y;padding-left:40px;margin-left:40px}
.lectureCptList .lecItem.subItem2.last{background:url(/images/lec_depth_line_last.gif) -8px 50% repeat-y}
.lectureCptList .lecItem.subItem3{background:url(/images/lec_depth_line.gif) -8px 50% repeat-y;padding-left:40px;margin-left:80px}
.lectureCptList .lecItem.subItem3.last{background:url(/images/lec_depth_line_last.gif) -8px 50% repeat-y}
.lectureCptList .lecItem.subItem4{background:url(/images/lec_depth_line.gif) -8px 50% repeat-y;padding-left:40px;margin-left:120px}
.lectureCptList .lecItem.subItem4.last{background:url(/images/lec_depth_line_last.gif) -8px 50% repeat-y}
.lectureCptList .lecItem.subItem5{background:url(/images/lec_depth_line.gif) -8px 50% repeat-y;padding-left:40px;margin-left:160px}
.lectureCptList .lecItem.subItem5.last{background:url(/images/lec_depth_line_last.gif) -8px 50% repeat-y}
.lectureCptList .lecItem.subItem6{background:url(/images/lec_depth_line.gif) -8px 50% repeat-y;padding-left:40px;margin-left:200px}
.lectureCptList .lecItem.subItem6.last{background:url(/images/lec_depth_line_last.gif) -8px 50% repeat-y}

.lectureCptList dl{min-height:60px;border:solid 1px #dcdcdc;border-radius:4px;background:#fff;padding:11px 10px 5px 60px;cursor:pointer;position:relative}
.lectureCptList dl:before{display:inline-block;content:"";width:30px;height:30px;background-position:center;background-size:contain;background-repeat:no-repeat;position:absolute;top:11px;left:15px}
.lectureCptList dl.lecMovie:before{background-image:url(/images/ico_course_movie.svg)}
.lectureCptList dl.lecQuiz:before{background-image:url(/images/ico_course_quiz.svg)}
.lectureCptList dl.lecTask:before{background-image:url(/images/ico_course_task.svg)}
.lectureCptList dl.lecReport:before{background-image:url(/images/ico_course_report.svg)}
.lectureCptList dl.lecSurvey:before{background-image:url(/images/ico_course_survey.svg)}
.lectureCptList dt{font-weight:400}
.lectureCptList dt .subject{width:100%;font-size:16px;color:#222;font-weight:600;padding:0 0 3px 0}
.lectureCptList dt .date{font-size:13px;color:#535bfb}
.lectureCptList dd{margin:5px 0 0 0}
.lectureCptList .stateFinish{display:inline-block;background:url(/images/ico_lec_finish@2x.png) 0 2px no-repeat;background-size:16px auto;text-align:center;font-size:12px;color:#888;padding:0 0 8px 20px;position:relative}
.lectureCptList .stateFinish.warn{padding-left:43px}
.lectureCptList .stateFinish.warn:after{display:inline-block;content:"";width:16px;height:16px;background:#ff5757 url(/images/ico_warn_w@2x.png) 50% 50% no-repeat;background-size:auto 10px;border-radius:50%;position:absolute;top:0;left:20px}
.lectureCptList .stateSubmit{display:inline-block;padding:0 0 8px 0}
.lectureCptList .stateSubmit .txt{display:inline-block;height:23px;line-height:23px;background:#adadad;border-radius:23px;font-size:12px;color:#fff;vertical-align:middle;margin:0 3px 0 0;padding:0 10px}
.lectureCptList .stateSubmit .date{font-size:12px;color:#888}
.lectureCptList .icoNear{display:inline-block;height:20px;line-height:20px;color:#fff;font-size:12px;font-weight:400;background:#ff5757;border-radius:4px;padding:1px 5px 0 5px}
.lectureCptList .icoNear:before{display:inline-block;content:"";width:14px;height:14px;background:url(/images/ico_lec_clock@2x.png) 0 0 no-repeat;background-size:14px auto;vertical-align:middle;margin:0 5px 2px 0}
.lectureCptList .noarticle{display:block;text-align:center;font-size:15px;color:gray;border:solid 1px #dcdcdc;border-radius:4px;padding:20px 0}

.lecItemList{overflow-x:auto}
.lecItemList .noarticle{display:block;text-align:center;font-size:15px;color:#888;border:solid 1px #dcdcdc;border-radius:4px;padding:20px 0;margin:15px 0 0 0}

@media(min-width:1024px){
.lectureCptList{min-width:100%}
.lectureCptList .lecItem.subItem{background:url(/images/lec_depth_line.gif) 0 50% repeat-y;padding-left:70px}
.lectureCptList .lecItem.subItem:last-child{background:url(/images/lec_depth_line_last.gif) 0 50% repeat-y}
.lectureCptList .lecItem.subItem.last{background:url(/images/lec_depth_line_last.gif) 0 50% repeat-y}
.lectureCptList .lecItem.subItem2{background:url(/images/lec_depth_line.gif) 0 50% repeat-y;padding-left:70px;margin-left:70px}
.lectureCptList .lecItem.subItem2.last{background:url(/images/lec_depth_line_last.gif) 0 50% repeat-y}
.lectureCptList .lecItem.subItem3{background:url(/images/lec_depth_line.gif) -8px 50% repeat-y;padding-left:70px;margin-left:140px}
.lectureCptList .lecItem.subItem3.last{background:url(/images/lec_depth_line_last.gif) 0 50% repeat-y}
.lectureCptList .lecItem.subItem4{background:url(/images/lec_depth_line.gif) -8px 50% repeat-y;padding-left:70px;margin-left:210px}
.lectureCptList .lecItem.subItem4.last{background:url(/images/lec_depth_line_last.gif) 0 50% repeat-y}
.lectureCptList .lecItem.subItem5{background:url(/images/lec_depth_line.gif) -8px 50% repeat-y;padding-left:70px;margin-left:280px}
.lectureCptList .lecItem.subItem5.last{background:url(/images/lec_depth_line_last.gif) 0 50% repeat-y}
.lectureCptList .lecItem.subItem6{background:url(/images/lec_depth_line.gif) -8px 50% repeat-y;padding-left:70px;margin-left:350px}
.lectureCptList .lecItem.subItem6.last{background:url(/images/lec_depth_line_last.gif) 0 50% repeat-y}

.lectureCptList dl{min-height:80px;padding:0 0 10px 60px}
.lectureCptList dl:before{top:15px;left:15px}
.lectureCptList dt{padding:18px 0 0 0;margin:0 130px 0 0}
.lectureCptList dt .subject{font-size:18px}
.lectureCptList dd{margin:0}
.lectureCptList dd.ddState{position:absolute;top:20px;right:0;width:130px;text-align:center}
.lectureCptList .stateFinish{display:block;background:url(/images/ico_lec_finish@2x.png) center 0 no-repeat;background-size:28px auto;padding:30px 0 0 0}
.lectureCptList .stateFinish.warn{padding-left:0}
.lectureCptList .stateFinish.warn:after{width:18px;height:18px;top:1px;left:inherit;right:20px;margin:0 0 0 5px}
.lectureCptList .stateSubmit{display:block;margin:-3px 0 0 0}
.lectureCptList .stateSubmit .txt{height:30px;line-height:30px;font-size:14px}
.lectureCptList .stateSubmit .date{display:block;margin:5px 0 0 0}
}

.lectureCptList dl.lecNear{background-color:#fff8f8;border:solid 1px rgba(255,123,123,0.6)}
.lectureCptList dl.lecNear .date{color:#ff5757}

.lectureViewTitle{border-bottom:solid 2px #111;padding:0 0 15px 0;margin:5px 0 0 0}
.lectureViewTitle.marBot{margin-bottom:20px}
.lectureViewTitle.marTop{margin-top:30px}
.lectureViewTitle h3{font-size:20px;color:#111;font-weight:700;letter-spacing:-1px;margin:0}
.lectureViewTitle h3.titMovie:before{display:inline-block;content:"";width:37px;height:28px;background:url(/images/ico_view_movie@2x.png) 0 0 no-repeat;background-size:37px auto;vertical-align:middle;margin:0 10px 3px 0}
.lectureViewTitle h3.titQuiz:before{display:inline-block;content:"";width:30px;height:37px;background:url(/images/ico_view_quiz@2x.png) 0 0 no-repeat;background-size:30px auto;vertical-align:middle;margin:0 10px 3px 0}
.lectureViewTitle h3.titAssign:before{display:inline-block;content:"";width:30px;height:33px;background:url(/images/ico_lec_task@2x.png) 0 0 no-repeat;background-size:30px auto;vertical-align:middle;margin:0 5px 3px 0}
.lectureViewTitle h3.titProcess:before{display:inline-block;content:"";width:35px;height:37px;background:url(/images/ico_lec_process@2x.png) 0 0 no-repeat;background-size:35px auto;vertical-align:middle;margin:0 8px 3px 0}
.lectureViewTitle .info{font-size:13px;margin:10px 0 0 0}
.lectureViewTitle .chapter{display:inline-block;color:#535bfb;margin:0 10px 0 0}
.lectureViewTitle .name{display:inline-block;color:#535bfb;font-weight:700;margin:0}
.lectureViewTitle .church{color:#888;margin:0}
.lectureViewTitle .date{font-size:12px;color:#888}
.lectureViewTitle .bar{display:inline-block;color:#dedbdb;font-size:12px;vertical-align:top;margin:0 5px}

@media(min-width:1024px){
.lectureViewTitle{margin:0 0 15px 0}
.lectureViewTitle.marBot{margin-bottom:35px}
.lectureViewTitle.marTop{margin-top:50px}
.lectureViewTitle h3{font-size:32px}
.lectureViewTitle .info{font-size:15px}
.lectureViewTitle .date{font-size:15px}
}

.lectureViewFile{background:#f9f9f9;padding:10px 15px 6px 15px;margin:20px 0 0 0}
.lectureViewFile.marBot{margin-bottom:20px}
.lectureViewFile .fileDiv{margin:0 0 5px 0}
.lectureViewFile .fileDiv:last-child{margin:0}
.lectureViewFile .fileName{display:inline-block;font-size:15px;color:#111;word-break:break-all;margin:0 0 5px 0;padding:0 0 0 27px;cursor:pointer;position:relative}
.lectureViewFile .fileName:before{display:inline-block;content:"";width:20px;height:20px;background:url(/images/ico_view_down@2x.png) 0 0 no-repeat;background-size:20px auto;vertical-align:middle;position:absolute;top:50%;left:0;margin:-11px 5px 0 0}
.lectureViewFile .fileName:hover{color:#535bfb}
.lectureViewFile .capacity{display:inline-block;font-size:13px;color:#888;margin:0 0 0 5px}

@media(min-width:1024px){
.lectureViewFile{margin:30px 0 0 0}
.lectureViewFile.marBot{margin-bottom:20px}
}

.lectureArrow{border-top:solid 1px #dcdcdc;border-bottom:solid 1px #dcdcdc;margin:30px 0 40px 0}
.lectureArrow .btnViewPrev{height:50px;width:100%;background:transparent url(/images/ico_lec_arrow_up@2x.png) 0 50% no-repeat;background-size:18px auto;font-size:15px;color:#111;font-weight:700;text-align:left;margin:0 -3px;padding:0 0 0 25px;cursor:pointer}
.lectureArrow .btnViewPrev:hover{color:#535bfb}
.lectureArrow .btnViewPrev.noContent{cursor:default;opacity:0.4}
.lectureArrow .btnViewPrev.noContent:hover{color:inherit}
.lectureArrow .btnViewNext{height:50px;width:100%;background:transparent url(/images/ico_lec_arrow_down@2x.png) 0 50% no-repeat;background-size:18px auto;border-top:solid 1px #dcdcdc;font-size:15px;color:#111;font-weight:700;text-align:left;margin:0 -3px;padding:0 0 0 25px;cursor:pointer}
.lectureArrow .btnViewNext:hover{color:#535bfb}
.lectureArrow .btnViewNext.noContent{cursor:default;opacity:0.4}
.lectureArrow .btnViewNext.noContent:hover{color:inherit}

@media(min-width:1024px){
.lectureArrow{height:60px}
.lectureArrow .btnViewPrev{width:50%;height:60px;background:transparent url(/images/ico_lec_arrow_prev@2x.png) 0 50% no-repeat;background-size:11px auto;padding:0 0 0 20px}
.lectureArrow .btnViewNext{width:50%;height:60px;background:transparent url(/images/ico_lec_arrow_next@2x.png) right 50% no-repeat;background-size:11px auto;text-align:right;border-top:none;padding:0 20px 0 0}
}

.courseListIndex dl{display:inline-block;width:calc(33.3% - 5px);border:solid 1px #eee;cursor:pointer}
.courseListIndex dt{height:208px;background-position:50% 0;background-size:cover;background-repeat:no-repeat;border-bottom:solid 1px #eee}
.courseListIndex dd{padding:20px}
.courseListIndex dd .kindWrap{color:#666;font-size:13px;margin:0 0 8px 0}
.courseListIndex dd h4{font-size:20px;margin:0}
.courseListIndex dd .courProgressWrap{margin:20px 0 0 0}
.courseListIndex dd .courProgress{height:8px;border:1px solid #dee2e6}
.courseListIndex dd .courProgress .bar{height:6px;background:#3d66f5}
.courseListIndex dd .compText{margin:5px 0 0 0}
.courseListIndex dd .compText em{font-weight:700}

.courseTitle{padding:30px 20px 0 30px;margin:0 0 0 0}
.courseTitle h3{display:inline-block;font-size:35px;font-weight:700;color:#4f4ffc;letter-spacing:-2px;margin:0 20px 0 0}
.courseTitle h3.icoLeader:before{display:inline-block;content:"";width:35px;height:35px;background:url(/images/ico_subject_leader.png) 0 0 no-repeat;background-size:35px auto;vertical-align:middle;margin:0 10px 3px 0}
.courseTitle .route{display:inline-block;font-size:22px;color:#000;font-weight:700}
.courseTitle .route a{color:#576ebf}
.courseTitle .route .bar{display:inline-block;color:#d2d2d2;margin:0 5px}
.courseList{padding:20px 20px 40px 20px}

@media(min-width:1024px){
}

.courseView{font-size:18px;color:#000;line-height:1.6;border-bottom:solid 1px #dcdcdc;padding:0 0 30px 0;margin:30px 0 0 0}
.courseView h4{font-weight:700;color:#000;font-size:22px;letter-spacing:-0.5px;margin:0 0 25px 0}
.courseView .churchImg{display:block;width:100%;max-width:880px;margin:0 auto}

.courseSurveyView{font-size:18px;color:#000;line-height:1.6;border-bottom:solid 1px #dcdcdc;padding:0 0 30px 0;margin:30px 0 0 0}

@media(min-width:1024px){
.courseView{margin:60px 0 0 0}
.courseView h4{font-size:24px}

.courseSurveyView{margin:30px 0 0 0}
}

.lectureFoot{text-align:center;padding:20px 0 30px 0}
.lectureFoot .btnPrev{min-width:100px;height:45px;background:#fff;border:solid 1px #adadad;border-radius:32px;font-size:16px;color:#666;padding:0 20px;margin:0;cursor:pointer}
.lectureFoot .btnPrev:before{display:inline-block;content:"";width:19px;height:16px;background:url(/images/ico_lec_prev@2x.png) 0 0 no-repeat;background-size:19px auto;vertical-align:middle;margin:0 7px 3px 0}
.lectureFoot .btnFinish{min-width:100px;height:45px;background:#535bfb;border:solid 1px #535bfb;border-radius:32px;font-size:16px;color:#fff;line-height:1.1;padding:0 20px;margin:0;cursor:pointer}
.lectureFoot .btnPrcHistory{width:100px;height:45px;background:#00b8d9;border:solid 1px #00b8d9;border-radius:32px;font-size:16px;color:#fff;line-height:1.1;padding:0 10px;margin:0;cursor:pointer}


@media(min-width:1024px){
.lectureFoot{padding:60px 0 40px 0}
.lectureFoot .btnPrev{min-width:135px;font-size:18px;margin:0 2px}
.lectureFoot .btnFinish{min-width:135px;font-size:18px;margin:0 2px}
.lectureFoot .btnPrcHistory{width:auto;min-width:135px;font-size:18px;margin:0 2px}
}

.courseListTable{width:100%}
.courseListTable td{vertical-align:top, 'malgun gothic';padding:0 0 30px 0;position:relative}
.courseListTable h3{font-size:30px}
.courseListTable tr.lineTop td{border-top:1px solid #dee2e6;padding-top:30px}
.courseListTable tr.padBot td{padding-bottom:30px}
.courseListTable td.chkTd{width:80px;text-align:center}
.courseListTable td.chkTd .inputChk + label:before{width:20px;height:20px;border:solid 2px #CDD0D2}
.courseListTable td.chkTd .inputChk:checked + label:before{border:solid 2px #2366FF}
.courseListTable .btnNoticeQ{display:inline-block;padding:0 0 0 60px;text-indent:-35px;line-height:1.5;font-size:20px;font-weight:700}
.courseListTable .btnNoticeQ:before{display:inline-block;content:"";width:24px;height:24px;background:url(/images/ico_notice.gif) 50% 50% no-repeat;vertical-align:middle;margin:0 5px 3px 0}
.courseListTable .btnListQ{display:inline-block;font-size:20px;font-weight:700;margin:0 0 0 30px}
.courseListTable .btnListQ:hover{color:#4f4ffc;text-decoration:none}
.courseListTable .btnListQ:before{display:inline-block;content:"";width:24px;height:24px;background:url(/images/ico_list.gif) 50% 50% no-repeat;vertical-align:middle;margin:0 5px 3px 0}
.courseListTable .btnQuizQ{display:inline-block;font-size:20px;font-weight:700;margin:0 0 0 30px}
.courseListTable .btnQuizQ:before{display:inline-block;content:"";width:24px;height:24px;background:url(/images/ico_quiz.gif) 50% 50% no-repeat;vertical-align:middle;margin:0 5px 3px 0}
.courseListTable .btnQuizQ:hover{color:#4f4ffc;text-decoration:none}
.courseListTable .btnGuide{display:inline-block}
.courseListTable .btnGuide:after{display:inline-block;content:"";width:15px;height:14px;background:url(/images/ico_work2.gif) 0 0 no-repeat;vertical-align:middle;margin:0 0 2px 3px}
.courseListTable .explain{font-size:17px;line-height:1.7;margin:0 0 0 25px}
.courseListTable .date{display:inline-block;font-size:15px;color:gray;font-weight:400;position:absolute;top:0;right:20px}
.courseListTable .regi{display:inline-block;font-size:12px;color:gray;font-weight:400;position:absolute;top:0;right:160px}
.courseListTable .arrow{display:inline-block;width:30px;height:30px;background:url(/images/ico_answer.png) 50% 0 no-repeat;position:relative;right:-25px;vertical-align:middle}
.courseListTable .arrow2{display:inline-block;width:30px;height:30px;background:url(/images/ico_answer.png) 50% 0 no-repeat;position:relative;right:-25px;vertical-align:middle}
.courseListTable .btnListQ{font-size:14px}
.courseListTable .btnQuizQ{font-size:14px}
.courseListTable .date{font-size:12px}
.courseListTable .btnListQ:before{width:14px;height:19px;background-size:14px}
.courseListTable .btnQuizQ:before{width:14px;height:19px;background-size:14px}
.writeTable tr.padBot th, .writeTable tr.padBot td{padding-bottom:0;height:30px}

@media(min-width:1024px){
}

.lineWrap{border-top:solid 1px #eee}

.conListTable td{border-bottom:solid 1px #E4E5E7;font-size:13px;vertical-align:middle;padding:5px}
.conListTable td.num{width:35px;color:#555;/* padding-top:40px;*/font-weight:500}
.conListTable td.reg{width:45px;/* padding-top:38px */}
.conListTable td .icoReg{display:inline-block;min-width:45px;height:25px;line-height:25px;color:#fff;font-weight:700;background:#fdb549;border-radius:20px;font-size:11px;padding:0 5px}
.conListTable td .icoRegNot{display:inline-block;min-width:45px;height:25px;line-height:25px;color:#555;font-weight:700;background:#f5f5f5;border-radius:20px;font-size:11px;padding:0 5px}
.conListTable td.name{color:#000;font-size:15px;font-weight:700}
.conListTable td.thum{width:90px;position:relative}
.conListTable td.thum img{width:70px;height:70px}
.conListTable td.thum .line{position:absolute;top:15px;left:calc(50% - 34px);width:68px;height:68px;border:solid 1px rgba(0,0,0,0.1)}
.conListTable td.thum .picIco{position:absolute;top:15px;right:20px}
.conListTable td.tit{text-align:left;padding-left:10px}
.conListTable td.tit a{color:#000}
.conListTable td.tit a:hover{color:#438CFF;text-decoration:underline}
.conListTable td.tit em{display:inline-block;width:20px;height:20px;line-height:20px;color:#777;border:solid 1px #c8c8c8;text-align:center;margin:0 -1px 1px 0}
.conListTable td.tit em.on{background:#838996;border-color:#838996;color:#fff}
.conListTable td.date{color:#989898}
.conListTable td .group{color:#097AFF;font-size:12px;font-weight:500;margin:0 0 5px 0;padding-left:5px}
.conListTable td .group .wrap{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;max-width:calc(100% - 5px);vertical-align:middle}
.conListTable td .group em{width:auto;color:#00CA00;font-weight:500;border:none;margin:0}
.conListTable td .target{font-size:13px;color:#000;margin:0 0 0 5px}
.conListTable td .subject{color:#000;font-size:14px;font-weight:700;margin:0 0 10px 0;cursor:pointer;padding-left:5px}
.conListTable td .subject2{color:#000;font-size:13px;font-weight:700;margin:0 0 0 0;cursor:pointer;vertical-align:middle;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.conListTable td .subject2 .wrap{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;max-width:calc(100% - 70px);vertical-align:middle}
.conListTable td.info{width:140px;text-align:right;vertical-align:middle}
.conListTable td.info .date{display:block;color:#777;margin:0 0 10px 0}
.conListTable td .btnModify{min-width:70px;height:28px;border:solid 1px #cbcbcb;background:#fff;font-size:14px;color:#000;padding:0 10px}
.conListTable td .btnModify:hover{border-color:#438CFF;color:#438CFF}

@media(min-width:1024px){
}

.popLayer{position:fixed;top:200px;left:50%;width:600px;margin:0 0 0 -300px;box-shadow:2px 2px 2px rgba(0,0,0,0.3)}
.popLayer table th, .popLayer table td{padding:10px}
.popLayer .title{height:45px;background:#3861b8;border-bottom:solid 1px #092a6f;border-radius:2px 2px 0 0;position:relative;cursor:default}
.popLayer .title h3{font-size:15px;font-family:tahoma !important;line-height:45px;color:#fff;padding:0 0 0 20px;margin:0}
.popLayer .title .btnClose{position:absolute;top:0;right:0;display:inline-block;width:45px;height:45px;background:url(/images/ico_pop_close_w.png) 50% 50% no-repeat;opacity:0.5;cursor:pointer}
.popLayer .title .btnClose:hover{opacity:1}
.popLayer .con{padding:20px 30px 23px 30px;background:#fff;border:solid 1px #b1b2b2;border-top:none;border-radius:0 0 2px 2px}
.popLayer .con h4{font-size:22px;color:#000;font-weight:700}
.popLayer .con h4 em{color:blue;font-size:17px}
.popLayer .con .explain{margin:0 0 10px 0;font-size:13px;line-height:1.5}
.popLayer .con .point{color:red}
.popLayer .con .blue{color:blue}
.popLayer .con .scrollBox{border-top:solid 2px #454c59;border-bottom:solid 1px #BDBDBD;max-height:400px;overflow-y:auto}
.popLayer .con .mustTable{width:100%}
.popLayer .con .mustTable th{height:30px;background:#F9F9F9;border-bottom:solid 1px #BDBDBD;font-size:13px;color:#000;font-weight:700;text-align:center}
.popLayer .con .mustTable th.subject{text-align:left;padding:0 0 0 5px}
.popLayer .con .mustTable th.date{width:80px}
.popLayer .con .mustTable td{height:35px;border-top:solid 1px #eaedef}
.popLayer .con .mustTable tr:first-child td{border-top:none}
.popLayer .con .mustTable tr:hover td{background:#F5F5F5}
.popLayer .con .mustTable td.subject{font-size:14px;color:#000;font-weight:700;font-weight:700;padding:0 0 0 5px}
.popLayer .con .mustTable td.subject a{color:#000}
.popLayer .con .mustTable td.subject a:hover{color:blue}
.popLayer .con .mustTable td.date{width:80px;font-size:12px;color:#777;text-align:center}
.popLayer .con .mustTable td.tdBtn{width:80px;padding:0 5px 0 0;text-align:right}
.popLayer .con .btnReport{height:24px;min-width:70px;background:#496AEA;border:solid 1px #3B5BD4;border-radius:2px;color:#fff;font-weight:700;padding:0 10px;margin:0 5px 0 0}
.popLayer .con .btnReport:hover{background:#3B5BD4;border-color:#2949C6}

.popLayer .inputSelect{height:32px;border:solid 1px #cbcbcb;font-size:14px;color:#000;vertical-align:middle;margin:0;cursor:pointer;padding:0 5px;width:100%}
.popLayer .inputSelect:disabled{cursor:default;background:#f5f5f5;opacity:0.8}
.popLayer .inputText{width:100%;height:32px;border:solid 1px #cbcbcb;font-size:14px;color:#000;padding:0 10px;vertical-align:middle}
.popLayer .inputText.date{width:150px;padding:5px 10px;font-size:13px}
.popLayer .inputText:disabled{cursor:default;background:#f5f5f5;opacity:0.8}
.popLayer textarea{height:100px !important;padding:10px !important}

.popLayer .buttonWrap{text-align:center;padding:15px 0 0}
.popLayer .buttonWrap button.btnSave{min-width:100px;display:inline-block;color:#fff;font-size:13px;font-weight:700;text-align:center;background:#438cff;border:solid 1px #3a7be0;height:35px;line-height:33px;margin-left:5px;border-radius:2px;cursor:pointer}

.picBox dt{float:left;width:130px;position:relative}
.picBox dt img{width:108px;height:108px}
.picBox dt .line{position:absolute;top:0;left:0;width:108px;height:108px;border:solid 1px rgba(0,0,0,0.1)}
.picBox dd{float:left;padding:35px 0 0 0}
.picBox dd .btnImg{min-width:100px;height:30px;color:#fff;background:#838996;border:solid 1px #707683;cursor:pointer}
.picBox dd .btnImg:hover{background:#707683;border-color:#626977}
.picBox dd .explain{color:#555;font-size:12px;margin:10px 0 0 0}

.btnQuesFoot{text-align:center;padding:30px 0;position:relative}
.btnQuesFoot .btnL{position:absolute;top:30px;left:0}
.btnQuesFoot .btnB{display:inline-block;min-width:120px;height:37px;line-height:35px;background:#0091F7;border:solid 1px #0087E6;border-radius:2px;color:#fff;font-weight:700;font-size:13px;text-align:center;vertical-align:middle}
.btnQuesFoot .btnB:hover{background:#0087E6;border-color:#0078CD;color:#fff;text-decoration:none}
.btnQuesFoot .btnG{display:inline-block;min-width:150px;height:37px;line-height:35px;background:#74818E;border:solid 1px #616C77;border-radius:2px;color:#fff;font-weight:700;font-size:13px;text-align:center;vertical-align:middle}
.btnQuesFoot .btnG:hover{background:#616C77;border-color:#515B65;color:#fff;text-decoration:none}
.btnQuesFoot .btnW{display:inline-block;min-width:120px;height:37px;line-height:35px;background:#fff;border:solid 1px #ccc;border-radius:2px;color:#000;font-weight:700;font-size:13px;text-align:center;vertical-align:middle}
.btnQuesFoot .btnW:hover{background:#F4F4F4;color:#000;text-decoration:none}

.inputChkNum{display:none}
.inputChkNum + label{font-weight:400;margin:0 15px 0 0;cursor:pointer}
.inputChkNum + label:before{display:inline-block;content:"";width:16px;height:16px;border:solid 1px #CDD0D2;border-radius:2px;vertical-align:middle;margin:0 3px 0 0;line-height:16px;text-align:center;color:#FFF}
.inputChkNum:checked + label{color:#2366FF}
.inputChkNum:checked + label:before{background:#0091F7 url(/images/ico_check_att.png) 50% 50% no-repeat;border-color:#2366FF}
.inputChkNum:disabled + label{opacity:0.6;cursor:default}
.inputChkNum:disabled + label:before{background:#eee}
.inputChkNum:checked:disabled + label{color:#333}
.inputChkNum:checked:disabled + label:before{border:solid 1px #CDD0D2;background:#eee url(/images/ico_state_finish.png) 50% 50% no-repeat;background-size:10px auto}

.itemList{background-color:#fff;padding:30px;height:calc(100vh - 90px);overflow-y:auto}
.itemList .quizBox .question{font-weight:700;margin:30px 0 5px}
.itemList .quizBox:first-child .question{margin-top:0}
.itemList .inputText{width:100%;height:32px;border:solid 1px #cbcbcb;font-size:14px;color:#000;padding:0 10px;vertical-align:middle}
.itemList .inputText.wEtc{width:200px;margin:0 0 0 3px}
.itemList .inputTxtarea{width:100%;height:100px;border:solid 1px #cbcbcb;font-size:14px;color:#000;padding:10px;vertical-align:middle;resize:none}
.itemList .inputSelect{width:auto}

@media(min-width:1024px){
.itemList .inputText.wEtc{width:250px}
}

.starR{background:url(../images/ico_bm.png) no-repeat right 0;width:18px;height:17px;display:inline-block;text-indent:-9999px;cursor:pointer}
.starR.on{background:url(../images/ico_bm_on.png) no-repeat right 0;display:inline-block;text-indent:-9999px;cursor:pointer}

.qMenu{position:fixed;top:50%;left:50%;margin:-103px 0 0 500px;width:90px;background:#F9F9F9;border:solid 1px #ccc;border-radius:2px;padding:4px}
.qMenu a{display:block;height:34px;line-height:32px;text-align:center;font-size:12px;font-weight:700;border-radius:2px;margin:2px 0 0 0}
.qMenu a:hover{text-decoration:none}
.qMenu a:first-child{margin:0}
.qMenu .btnAdd{background:#00AE65;border:solid 1px #009A59;color:#fff}
.qMenu .btnAdd:hover{background:#009A59;border-color:#008D51}
.qMenu .btnPage{background:#7072d0;border:solid 1px #6264c5;color:#fff !important;cursor:pointer}
.qMenu .btnPage:hover{background:#6264c5;border-color:#5759c7}
.qMenu .btnDivide{background:#74818E;border:solid 1px #616C77;color:#fff}
.qMenu .btnDivide:hover{background:#616C77;border-color:#515B65}
.qMenu .btnView{background:#fff;border:solid 1px #ccc;color:#000}
.qMenu .btnView:hover{background:#F4F4F4}
.qMenu .btnPageScroll.up{background:#fff;border:solid 1px #ccc;color:#000;margin-top:20px}
.qMenu .btnPageScroll.up:hover{background:#F4F4F4}
.qMenu .btnPageScroll.up:before{display:inline-block;content:"";width:9px;height:12px;background:url(/images/ico_top.png) 0 0 no-repeat;vertical-align:middle;margin:0 4px 3px 0}
.qMenu .btnPageScroll.down{background:#fff;border:solid 1px #ccc;color:#000}
.qMenu .btnPageScroll.down:hover{background:#F4F4F4}
.qMenu .btnPageScroll.down:before{display:inline-block;content:"";width:9px;height:12px;background:url(/images/ico_bot.png) 0 0 no-repeat;vertical-align:middle;margin:0 4px 3px 0}
.qMenu .btnCopy{background:#585ff3;border:1px solid #585ff3;color:#fff !important;cursor:pointer}
.qMenu .btnCopy:hover{background:#4950ea}
.qMenu .btnConn{width:100%;height:40px;background:#585ff3;border:1px solid #585ff3;line-height:1.3;color:#fff;font-size:12px;font-weight:700;border-radius:2px;margin:2px 0 0 0;cursor:pointer}
.qMenu .btnConnCancel{width:100%;height:40px;background:#00397f;border:solid 1px #001e42;line-height:1.3;color:#fff;font-size:12px;font-weight:700;border-radius:2px;margin:2px 0 0 0;cursor:pointer}

.btnEmpty{display:inline-block;min-width:80px;height:37px;line-height:35px;background:#fff;border:solid 1px #ccc;border-radius:2px;color:#000;font-weight:700;font-size:13px;text-align:center;vertical-align:middle}
.btnEmpty:hover{background:#F4F4F4;color:#000;text-decoration:none}

.listTable{width:100%}
.listTable td{border-bottom:solid 1px #E4E5E7;font-size:13px;vertical-align:top;padding:15px 0 10px 0}
.listTable td.num{width:35px;color:#555;padding-top:40px;font-weight:500}
.listTable td.reg{width:45px;padding-top:38px}
.listTable td .icoReg{display:inline-block;height:18px;line-height:19px;color:#ff6565;border:solid 1px #ff6565;border-radius:9px;font-size:11px;padding:0 6px}
.listTable td .icoRegNot{display:inline-block;height:18px;line-height:19px;color:#555;border:solid 1px #555;border-radius:9px;font-size:11px;padding:0 6px}
.listTable td.thum{width:90px;position:relative}
.listTable td.thum img{width:70px;height:70px}
.listTable td.thum .line{position:absolute;top:15px;left:0;width:68px;height:68px;border:solid 1px rgba(0,0,0,0.1)}
.listTable td.thum .picIco{position:absolute;top:15px;right:20px}
.listTable td.tit a{color:#000}
.listTable td.tit a:hover{color:#438CFF;text-decoration:underline}
.listTable td.tit em{display:inline-block;width:20px;height:20px;line-height:20px;color:#777;border:solid 1px #c8c8c8;text-align:center;margin:0 -1px 1px -1px}
.listTable td.tit em.on{background:#838996;border-color:#838996;color:#fff}
.listTable td .group{color:#097AFF;font-size:13px;font-weight:500;margin:0 0 5px 0}
.listTable td .group em{width:auto;color:#00CA00;font-weight:500;border:none;margin:0}
.listTable td .target{font-size:13px;color:#000;margin:0 0 0 5px}
.listTable td .target:before{display:inline-block;content:"";width:11px;height:11px;background:url(/images/ico_global.png) 0 0 no-repeat;vertical-align:middle;margin:0 2px 2px 0}
.listTable td .subject{color:#000;font-size:16px;font-weight:500;margin:0 0 10px 0}
.listTable td.info{width:140px;text-align:right;vertical-align:middle}
.listTable td.info .date{display:block;color:#777;margin:0 0 10px 0}
.listTable td .btnModify{min-width:70px;height:28px;border:solid 1px #cbcbcb;background:#fff;font-size:14px;color:#000;padding:0 10px}
.listTable td .btnModify:hover{border-color:#438CFF;color:#438CFF}

.dvInstance{float:left;min-width:100px;padding:0px 10px;border:1px solid black;line-height:35px;background:#dfe9ff;height:40px;margin:10px;cursor:move}
.dvInstance:before{display:inline-block;content:"";width:16px;height:16px;vertical-align:middle;margin:0 3px 0 0;background:url(/images/ico_move.png) 50% 50% no-repeat}
.dvInstanceBox{float:left;width:120px;height:55px;margin:10px;border:1px solid black;position:relative;text-align:center}
.dvInstanceBox .dvInstance{margin:0 !important;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.dvInstanceTemp{width:100%;min-height:70px;height:auto;background-color:#fffdec;padding:20px 15px 15px 20px;margin-top:10px}
.instanceBox .inputSelect{width:100px}

.eduSurveyWrap{padding:25px 15px;max-width:550px;margin:0 auto}
.eduSurveyWrap .eduSurveyTitle{border-bottom:solid 1px #e8ebed;margin:0 0 30px 0;padding:0 0 15px 0;position:relative}
.eduSurveyWrap .eduSurveyTitle .step{float:right}
.eduSurveyWrap .eduSurveyTitle .inputSelect{margin:10px 0 0 0;padding:0 10px}
.eduSurveyWrap .eduSurveyTitle .bookTitle{font-size:16px;color:#000;margin:5px 0 10px 0}
.eduSurveyWrap .eduSurveyTitle .explain{color:#FF0000;font-size:12px;text-align:center}
.eduSurveyWrap .eduSurveyTitle .timerView{color:#0091F7;font-weight:700;margin:10px auto;text-align:center;font-size:16px}
.eduSurveyWrap .eduSurveyTitle .timerView:before{content:"";display:inline-block;width:20px;height:20px;background:url(/images/ico_time12@2x.png) 50% 50% no-repeat;background-size:18px;margin:0 5px 2px 0;vertical-align:middle}
.eduSurveyWrap .eduSurveyTitle .langArea{position:absolute;bottom:25px;right:0;height:22px;line-height:22px;background:#0091F7;border-radius:15px;color:#fff;font-size:14px;letter-spacing:-1px;padding:0 10px}
.eduSurveyWrap h2{color:#000;font-size:22px;font-weight:700}
.eduSurveyWrap h2 .point{color:#0091F7}
.preview .eduSurveyWrap .eduSurveyTitle .bookTitle{margin-right:60px}
.eduSurveyWrap .stepR{float:right}
.eduSurveyWrap .step{display:inline-block;font-size:15px;color:#766df6;background:url(/images/bg_step_line.gif) 0 16px repeat-x;padding:0 5px}
.eduSurveyWrap .w100{width:100px}
.eduSurveyWrap .inputRdo{display:none}
.eduSurveyWrap .inputRdo + label{display:block;min-height:21px;font-size:16px;font-weight:400;color:#777;cursor:pointer;text-indent:-20px;padding:0 0 0 20px;margin:0 10px 8px 0}
.eduSurveyWrap .inputRdo + label:before{content:"";display:inline-block;width:17px;height:17px;border:solid 1px #dedede;background:#f7f7f7;border-radius:17px;vertical-align:middle;margin:0 5px 3px 0}
.eduSurveyWrap .inputRdo:checked + label{color:#ff2d55}
.eduSurveyWrap .inputRdo:checked + label:before{border-color:#f61f48;background:#ff2d55 url(/images/ico_chk_step@2x.png) 50% 50% no-repeat;background-size:auto 8px}
.eduSurveyWrap .inputRdo:disabled + label{color:#888;opacity:0.5}
.eduSurveyWrap .inputRdo:checked:disabled + label:before{border-color:#666;background-color:#888}
.eduSurveyWrap .inputRdo:disabled + label:before{border-color:#666;opacity:0.5}
.eduSurveyWrap .inputChk{display:none}
.eduSurveyWrap .inputChk + label{display:block;min-height:21px;font-size:16px;font-weight:400;color:#777;cursor:pointer;text-indent:-20px;padding:0 0 0 20px;margin:0 10px 8px 0}
.eduSurveyWrap .inputChk + label:before{content:"";display:inline-block;width:17px;height:17px;border:solid 1px #dedede;background:#f7f7f7;border-radius:17px;vertical-align:middle;margin:0 5px 3px 0}
.eduSurveyWrap .inputChk:checked + label{color:#ff2d55}
.eduSurveyWrap .inputChk:checked + label:before{border-color:#f61f48;background:#ff2d55 url(/images/ico_chk_step@2x.png) 50% 50% no-repeat;background-size:auto 8px}
.eduSurveyWrap .inputChk:disabled + label{color:#888;opacity:0.5}
.eduSurveyWrap .inputChk:checked:disabled + label:before{border-color:#666;background-color:#888}
.eduSurveyWrap .inputChk:disabled + label:before{border-color:#666;opacity:0.5}

.eduSurveyWrap .item{margin:0 0 30px 0}
.eduSurveyWrap .item h3{font-size:18px;color:#000;line-height:1.6;font-weight:500;text-indent:-20px;margin:0 0 10px 0;padding:0 0 0 20px;word-break:break-all}
.eduSurveyWrap .item h3 p{padding:0;text-indent:0}
.eduSurveyWrap .item h3 div{padding:0;text-indent:0}
.eduSurveyWrap .item .answer{color:#777;font-size:16px;padding:0 0 0 20px}
.eduSurveyWrap .item p{display:block;padding:0 0 0 20px;margin:0}
.eduSurveyWrap .item p:first-child{display:inline;padding:0}

.btnEduFoot{border-top:solid 1px #eee;text-align:center;padding:30px 0 0 0}
.btnEduFoot .btnDefault{width:120px;height:40x;line-height:40px;color:#555;font-size:16px;font-weight:700;background:#F7F7F7;border:solid 1px #ccc;border-radius:2px;padding:0 10px;margin:2px;cursor:pointer}
.btnEduFoot .btnDefault:disabled{background:#cacaca;color:#FFF}
.btnEduFoot .btnPrimary{width:120px;height:40px;line-height:40px;color:#fff;font-size:16px;font-weight:700;background:#3574FF;border-radius:2px;padding:0 10px;margin:2px 2px}
.btnEduFoot .btnPrimary:disabled{background:#cacaca}

.eduBookWrap{padding:15px;background:#fff;max-width:1240px;margin:0 auto}
.eduBookWrap .resultTxt{text-align:center;font-size:22px;font-weight:700;color:#6d6d6d;margin-bottom:30px}
.eduBookWrap .pointTxt{text-align:center;font-weight:700;font-size:50px;/* background-color:#7d75f7;*//* color:#FFF;*/width:140px;margin:50px auto 10px;border-radius:10px}
.eduBookWrap .pointTxt span{font-size:35px}
.eduBookWrap .byeTxt{text-align:center;color:#78cbf9;font-size:18px}

.eduBookStep{width:100%;overflow-x:auto;white-space:nowrap;padding:0 0 20px 0}
.eduBookStep button{min-width:65px;max-width:100px;height:40px;background:#f5f7fb;border-radius:20px;color:#666;font-size:15px;padding:0 5px;cursor:pointer}
.eduBookStep button.on{background:#1f305a;color:#fff;font-weight:700}

.eduBookTitle{display:table;width:100%;position:relative}
.eduBookTitle dt{float:left;width:90px}
.eduBookTitle dt .bookImg{width:70px}
.eduBookTitle dd{float:left;width:calc(100% - 90px)}
.eduBookTitle .step{display:inline-block;font-size:15px;color:#766df6;background:url(/images/bg_step_line.gif) 0 12px repeat-x;padding:0 5px}
.eduBookTitle .subject{font-size:24px;color:#000;letter-spacing:-2px;line-height:1.2;margin:8px 0 5px 0}
.eduBookTitle .info{font-size:14px;color:#7d7f88}

.eduChapterList{clear:both;margin:20px 0 0 0}
.eduChapterTable{width:100%}
.eduChapterTable td{height:60px;border-bottom:solid 1px #f1f2f5;padding:5px 0;cursor:pointer}
.eduChapterTable td.qNumber{width:50px;font-size:13px;color:#06c272;letter-spacing:-0.5px;text-align:center}
.eduChapterTable td.pass{width:22px;text-align:right}
.eduChapterTable td .chapter{display:inline-block;font-size:14px;color:#157efb;vertical-align:middle;margin:0 0 3px 0}
.eduChapterTable td .titName{font-size:17px;color:#202225;font-weight:700;vertical-align:middle}
.eduChapterTable td .examDate{display:inline-block;font-size:13px;color:#7d7f88}
.eduChapterTable td .examDate:before{display:inline-block;content:"";width:12px;height:9px;background:url(/images/ico_chapter@3x.png) 0 0 no-repeat;background-size:12px auto;vertical-align:middle;margin:0 3px 2px 0}
.eduChapterTable td .icoPass{width:18px}

.visualEdu{display:table;width:calc(100% - 30px);height:100px;background:url(/images/visual_edu_bg@2x.jpg) 0 0 no-repeat;background-size:100% 100%;border-radius:10px;margin:15px 15px 10px 15px;position:relative}
.visualEduIn{display:table-cell;vertical-align:middle;background:url(/images/visual_edu_img@2x.png) 90% bottom no-repeat;background-size:auto 87px;padding:2px 30px 0 30px}
.visualEdu .eng{font-size:15px;color:#ffe561;text-shadow:0 1px 0 rgba(0,0,0,0.12)}
.visualEdu .eduTit{font-size:20px;color:#fff;letter-spacing:-0.5px;text-shadow:0 1px 0 rgba(0,0,0,0.12)}

.navEduMobile{margin:0 15px}
.navEduTable{width:100%}
.navEduTable td{height:70px;cursor:pointer}
.navEduTable td.ico{width:65px;padding-left:5px}
.navEduTable td.ico .navIco{width:48px}
.navEduTable td.navTit{font-size:17px;color:#202225;font-weight:700;letter-spacing:-0.5px;border-bottom:solid 1px #f1f2f5;background:url(/images/ico_edu_arrow@3x.png) 95% 50% no-repeat;background-size:7px auto;padding:2px 30px 0 0}
.navEduTable td.navTit .msg{font-size:13px;color:#797b84;line-height:1.2;font-weight:400;background:url(/images/ico_msg@2x.png) 0 0 no-repeat;background-size:13px auto;padding:0 0 0 18px;margin:3px 0 0 0}
.navEduTable tr.disabled td.ico{opacity:0.4}
.navEduTable tr.disabled td.navTit{color:#e1e0e0}

.textBox{border:1px solid #9E9E9E;padding:15px;font-size:18px;margin-bottom:10px}
.textBox p{margin:0;padding:0 !important}
.textBox p:first-child{margin:0;padding:0}

.popQuesWrap{margin:20px 30px}
.popQuesWrap .popTitle{border-bottom:solid 2px #4D4D4D;padding:0 0 10px 0;position:relative}
.popQuesWrap .popTitle h3{display:inline-block;font-size:22px;color:#000;font-weight:700;margin:0 10px 3px 0;vertical-align:middle}
.popQuesWrap .popTitle .total{font-size:14px}
.popQuesWrap .popTitle .total strong{color:#0091F7}
.popQuesWrap .popTitle .btnR{position:absolute;right:0;display:inline-block;vertical-align:middle}
.popQuesWrap .popTitle .btnR .h34{height:34px;line-height:32px}
.popQuesWrap .popTitle .inputSelect{border-color:#666;font-weight:700;font-size:14px}
.popQuesWrap .popTitle .inputSearch{width:210px;height:34px;border:solid 1px #666;border-radius:2px;font-size:14px;color:#000;padding:0 10px;background:#fff url(../images/ico_search_top.png) 94% 50% no-repeat}
.popQuesWrap .popBtn{text-align:center;padding:30px 0 10px 0}

.popQuesTable{width:100%;border-bottom:solid 1px #ccc}
.popQuesTable th{width:85px;background:#F9F9F9;border-right:solid 1px #E6E6E6;text-align:right;font-weight:700;letter-spacing:-0.5px;padding:0 20px 0 0}
.popQuesTable td{padding:3px 20px;color:#000}
.popQuesTable th.vTop{vertical-align:top;padding-top:10px}
.popQuesTable td.vTop{vertical-align:top;padding-top:10px}
.popQuesTable .line th,
.popQuesTable .line td{border-top:solid 1px #E6E6E6}
.popQuesTable .padTop th,
.popQuesTable .padTop td{padding-top:15px}
.popQuesTable .padTop th.vTop{padding-top:15px}
.popQuesTable .padBot th,
.popQuesTable .padBot td{padding-bottom:15px}
.popQuesTable .padAnswer th,
.popQuesTable .padAnswer td{padding-top:5px;padding-bottom:5px}
.popQuesTable .evalTable{width:100%;border:solid 1px #ccc}
.popQuesTable .evalTable th{width:200px;padding:5px}
.popQuesTable .evalTable td{padding:5px}
.popQuesTable .evalTable .subject{background:#EEF8FF}
.popQuesTable .evalTable tr:first-child td{border-top:solid 1px #ccc}
.popQuesTable .popTable .inputRadio{display:none}
.popQuesTable .inputChk{display:none}
.popQuesTable .inputChk + label{font-weight:400;margin:0;cursor:pointer}
.popQuesTable .inputChk + label:before{display:inline-block;content:"";width:16px;height:16px;background:#fff;border:solid 1px #CDD0D2;border-radius:2px;vertical-align:middle;margin:0 3px 2px 0}
.popQuesTable .inputChk:checked + label{color:#2366FF}
.popQuesTable .inputChk:checked + label:before{background:#0091F7 url(/images/ico_check_att.png) 50% 50% no-repeat;border-color:#0087E6}
.popQuesTable .inputChk:disabled + label{opacity:0.4}

.popQuesTable .inputRadio.big + label{font-size:14px}
.popQuesTable .inputRadio + label{display:inline-block;height:15px;line-height:15px;border:none;margin:0 5px 0 0;font-size:13px;color:#000;font-weight:400;cursor:pointer}
.popQuesTable .inputRadio:disabled + label{color:#bbb;cursor:default;opacity:0.5}
.popQuesTable .evalTable .inputRadio + label{height:34px;background-position:50% 45%;margin:0 0 0 5px;vertical-align:middle}
.popQuesTable .inputText{width:100%;height:34px;border:solid 1px #ccc;border-radius:2px;font-size:13px;color:#000;padding:0 10px}
.popQuesTable .inputArea{width:100%;height:75px;border:solid 1px #ccc;border-radius:2px;font-size:13px;color:#000;line-height:1.5;padding:10px;resize:none}
.popQuesTable .btnAnswerDel{width:25px;height:34px;background:url(/images/common/btn_file_del@2x.png) right 50% no-repeat;background-size:16px auto}

.popQuesTable .w100{width:100px}
.popQuesTable .w110{width:110px}
.popQuesTable .w150{width:150px}
.popQuesTable .w180{width:180px}
.popQuesTable .w200{width:200px}
.popQuesTable .w100per{width:100%}
.popQuesTable .h180{height:180px}
.popQuesTable .wAnswer{width:calc(100% - 30px)}

.btnQuesFoot{text-align:center;padding:30px 0;position:relative}
.btnQuesFoot .btnL{position:absolute;top:30px;left:0}
.btnQuesFoot .btnB{display:inline-block;min-width:120px;height:37px;line-height:35px;background:#0091F7;border:solid 1px #0087E6;border-radius:2px;color:#fff;font-weight:700;font-size:13px;text-align:center;vertical-align:middle}
.btnQuesFoot .btnB:hover{background:#0087E6;border-color:#0078CD;color:#fff;text-decoration:none;cursor:pointer}
.btnQuesFoot .btnG{display:inline-block;min-width:150px;height:37px;line-height:35px;background:#74818E;border:solid 1px #616C77;border-radius:2px;color:#fff;font-weight:700;font-size:13px;text-align:center;vertical-align:middle}
.btnQuesFoot .btnG:hover{background:#616C77;border-color:#515B65;color:#fff;text-decoration:none;cursor:pointer}
.btnQuesFoot .btnW{display:inline-block;min-width:120px;height:37px;line-height:35px;background:#fff;border:solid 1px #ccc;border-radius:2px;color:#000;font-weight:700;font-size:13px;text-align:center;vertical-align:middle}
.btnQuesFoot .btnW:hover{background:#F4F4F4;color:#000;text-decoration:none;cursor:pointer}

.qMenu{position:fixed;top:50%;left:50%;margin:0 0 0 500px;width:90px;background:#F9F9F9;border:solid 1px #ccc;border-radius:2px;padding:4px;right:0}
.qMenu a{display:block;height:34px;line-height:32px;text-align:center;font-size:12px;font-weight:700;border-radius:2px;margin:2px 0 0 0}
.qMenu a:hover{text-decoration:none}
.qMenu a:first-child{margin:0}
.qMenu .btnAdd{background:#00AE65;border:solid 1px #009A59;color:#fff !important;cursor:pointer}
.qMenu .btnAdd:hover{background:#009A59;border-color:#008D51}
.qMenu .btnDivide{background:#74818E;border:solid 1px #616C77;color:#fff}
.qMenu .btnDivide:hover{background:#616C77;border-color:#515B65}
.qMenu .btnView{background:#fff;border:solid 1px #ccc;color:#000}
.qMenu .btnView:hover{background:#F4F4F4}
.qMenu .btnPageScroll.up{background:#fff;border:solid 1px #ccc;color:#000;margin-top:20px;cursor:pointer}
.qMenu .btnPageScroll.up:hover{background:#F4F4F4}
.qMenu .btnPageScroll.up:before{display:inline-block;content:"";width:9px;height:12px;background:url(/images/ico_top.png) 0 0 no-repeat;vertical-align:middle;margin:0 4px 3px 0}
.qMenu .btnPageScroll.down{background:#fff;border:solid 1px #ccc;color:#000;cursor:pointer}
.qMenu .btnPageScroll.down:hover{background:#F4F4F4}
.qMenu .btnPageScroll.down:before{display:inline-block;content:"";width:9px;height:12px;background:url(/images/ico_bot.png) 0 0 no-repeat;vertical-align:middle;margin:0 4px 3px 0}

.container{width:1200px;margin:0 auto;padding:20px 20px}
.container.book{margin-top:70px}
.container.writeCont{width:1000px}

.container.book .conTitle{position:relative;height:44px;border-bottom:solid 2px #4D4D4D}
.conTitle{position:relative}
.conTitle h3{display:inline-block;min-width:170px;font-size:22px;color:#000;font-weight:700;padding:5px 0 0 0}
.conTitle .areaR{position:absolute;top:0;right:0}
.conTitle .areaR .finish{display:inline-block;color:#2366ff;margin:0 10px 0 10px}
.conTitle .areaR .finish:before{display:inline-block;content:"";width:15px;height:12px;background:url(/images/ico_confirm_ok.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 3px 0}
.conTitle .explainMsg{color:red;margin:0 10px 0 0;font-size:12px}
.conTitle .editTab{display:inline-block;margin:0 0 -4px 20px;vertical-align:middle}
.conTitle .editTab strong{display:inline-block;min-width:120px;height:40px;line-height:38px;padding:0 10px;background:#fff;border:solid 1px #4D4D4D;border-radius:3px 3px 0 0;border-bottom:none;color:#000;font-size:14px;font-weight:700;text-align:center;cursor:pointer}
.conTitle .editTab .btnQEdit{display:inline-block;min-width:120px;height:40px;line-height:38px;background:#E0E0E0;border:solid 1px #4D4D4D;border-bottom:solid 2px #4D4D4D;border-radius:3px 3px 0 0;padding:0 10px;color:#555;font-size:14px;font-weight:700;text-align:center;color:#000}
.conTitle .editTab .btnQEdit:hover{color:#0075D2}
.conTitle .btnW{display:inline-block;min-width:100px;height:37px;line-height:35px;background:#fff;border:solid 1px #ccc;border-radius:2px;color:#000;font-weight:700;text-align:center;vertical-align:middle}
.conTitle .btnW:hover{background:#F4F4F4;color:#000;text-decoration:none}
.conTitle .btnB{display:inline-block;min-width:100px;height:37px;line-height:35px;background:#0091F7;border:solid 1px #0087E6;border-radius:2px;color:#fff;font-weight:700;text-align:center;vertical-align:middle}
.conTitle .btnB:hover{background:#0087E6;border-color:#0078CD;color:#fff;text-decoration:none}

.qsBox{border-bottom:solid 1px #ccc}
.qsBox .qsTitle{text-align:center;border-bottom:solid 1px #E6E6E6;padding:20px 0 15px 0}
.qsBox .qsTitle h4{font-size:26px;color:#000;font-weight:700}
.qsBox .qsTitle h4 .point{color:#535bfb}
.qsBox .qsTitle .bookTitle{font-size:16px;color:#000;margin:10px 0 0 0}
.qsBox .qsTitle .wLang{width:120px}
.qsBox .qsTitle .info{font-size:13px;color:#000;font-weight:700;padding:10px 0 0 0;margin:0}
.qsBox .qsTitle .info .bar{display:inline-block;color:#E6E6E6;font-weight:400;margin:0 5px}
.qsBox .qsTitle .info .state{color:#0091F7}
.qsTitle .inputRadio{display:none}
.qsTitle .inputRadio + label{display:inline-block;height:21px;font-size:14px;font-weight:600;color:#777;cursor:pointer;text-indent:-20px;border:none;padding:0 0 0 20px;margin:0 10px 8px 0}
.qsTitle .inputRadio + label:before{content:"";display:inline-block;width:17px;height:17px;border:solid 1px #dedede;background:#f7f7f7;border-radius:17px;vertical-align:middle;margin:0 5px 3px 0}
.qsTitle .inputRadio:checked + label{color:#0091F7}
.qsTitle .inputRadio:checked + label:before{border-color:#0280d8;background:#0091F7 url(/images/ico_chk_step@2x.png) 50% 50% no-repeat;background-size:auto 8px}
.qsTitle .inputRadio:disabled + label{color:#888;opacity:0.5}
.qsTitle .inputRadio:checked:disabled + label:before{border-color:#666;background-color:#888}
.qsTitle .inputRadio:disabled + label:before{border-color:#666;opacity:0.5}

.itemListWrap{padding:30px;font-size:13px;color:#000;background:#fff}
.itemListWrap .quizBox{display:block}
.itemList{width:100%}
.itemList .noContent{height:300px;text-align:center}

.itemTable{width:100%;height:auto;clear:both}
.itemTable th{width:30px;font-size:17px;color:#000;font-weight:700;vertical-align:top;text-align:right;padding:20px 10px 20px 0}
.itemTable th .inputText{margin:0 2px 0 0}
.itemTable td{font-size:13px;color:#000;vertical-align:top;line-height:1.7;vertical-align:top;padding:20px 0 20px 0}
.itemTable > tr > td{padding-right:20px}
.itemTable tr.pageDivTr + tr > td{border-top:none}
.itemTable .hKind{font-size:15px;padding:0;font-weight:700;color:#535bfb;padding:0 0 5px 0}
.itemTable .hKindText{display:inline-block;max-width:calc(100vw - 40px);background:#f5f5fd;border-radius:5px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;padding:0 10px}
.itemTable .hKindEmpty{padding:0}
.itemTable .marNone{padding-top:0}
.itemTable .btnEditS{margin:10px 0 0 0}
.itemTable .btnModifyS{height:25px;line-height:23px;font-size:12px;color:#333;font-weight:700;background:#fff;border:solid 1px #ccc;border-radius:2px 0 0 2px;padding:0 5px;margin:0 -1px;cursor:pointer;width:auto;text-indent:0}
.itemTable .btnModifyS:before{display:inline-block;content:"";width:11px;height:12px;background:url(/images/ico_modify.png) 0 0 no-repeat;vertical-align:middle;margin:0 2px 2px 0}
.itemTable .btnModifyS:hover{background:#F4F4F4;color:#0091F7}
.itemTable .btnModifyS:hover:before{background:url(/images/ico_modify_over.png) 0 0 no-repeat}
.itemTable .btnDeleteS{height:25px;line-height:23px;font-size:12px;color:#333;font-weight:700;background:#fff;border:solid 1px #ccc;border-radius:0 2px 2px 0;padding:0 5px;margin:0 -1px;cursor:pointer}
.itemTable .btnDeleteS:before{display:inline-block;content:"";width:11px;height:12px;background:url(/images/ico_delete_q.png) 0 0 no-repeat;vertical-align:middle;margin:0 2px 2px 0}
.itemTable .btnDeleteS:hover{background:#F4F4F4;color:#FF4C6A}
.itemTable .btnDeleteS:hover:before{background:url(/images/ico_delete_over.png) 0 0 no-repeat}
.itemTable h5{font-size:13px;color:#0091F7;font-weight:700;margin:20px 0 0 0}
.itemTable .pageDiv{text-align:center;border-top:none;padding:0;background:url(/images/bg_dot.png) 0 50% repeat-x}
.itemTable .pageDiv em{display:inline-block;height:22px;font-size:12px;color:#fff;font-weight:700;background:#74818E;border-radius:22px;padding:0 20px}
.itemTable th .rate{font-size:12px;padding-top:10px}

@media(min-width:1024px){
  .itemTable th{width:130px !important;padding:20px 20px 20px 0}
  .psnViewWrap .itemTable th{width:30px!important}
  .itemTable td{padding:20px 30px 20px 0}
  .itemTable .hKindText{max-width:770px}

  .userMainWrap .itemTable th{width:30px !important;padding:20px 10px 20px 0 !important}
}

.itemTable .ques{font-size:18px;color:#000;line-height:1.6;font-weight:500;margin:0 0 10px 0;padding:0}
.itemTable .inputRdo{display:none}
.itemTable .inputRdo + label{display:block;min-height:21px;font-size:16px;font-weight:400;color:#777;cursor:pointer;text-indent:-20px;padding:0 0 0 20px;margin:0 20px 8px 0}
.itemTable .inputRdo + label:before{content:"";display:inline-block;width:17px;height:17px;border:solid 1px #dedede;background:#f7f7f7;border-radius:17px;vertical-align:middle;margin:0 5px 3px 0}
.itemTable .inputRdo:checked + label{color:#ff2d55}
.itemTable .inputRdo:checked + label:before{border-color:#f61f48;background:#ff2d55 url(/images/ico_chk_step@2x.png) 50% 50% no-repeat;background-size:auto 8px}
.itemTable .inputRdo:disabled + label{color:#888;opacity:0.5}
.itemTable .inputRdo:checked:disabled + label:before{border-color:#666;background-color:#888}
.itemTable .inputRdo:disabled + label:before{border-color:#666;opacity:0.5}

.itemTable .inputChk{display:none}
.itemTable .inputChk + label{display:block;min-height:21px;font-size:16px;font-weight:400;color:#777;cursor:pointer;text-indent:-20px;padding:0 0 0 20px;margin:0 10px 8px 0}
.itemTable .inputChk + label:before{content:"";display:inline-block;width:17px;height:17px;border:solid 1px #dedede;background:#f7f7f7;border-radius:0;vertical-align:middle;margin:0 5px 3px 0}
.itemTable .inputChk:checked + label{color:#535bfb}
.itemTable .inputChk:checked + label:before{border-color:#535bfb;background:#535bfb url(/images/ico_chk_step@2x.png) 50% 50% no-repeat;background-size:auto 8px}
.itemTable .inputChk:disabled + label{color:#888;opacity:0.5}
.itemTable .inputChk:checked:disabled + label:before{border-color:#666;background-color:#888}
.itemTable .inputChk:disabled + label:before{border-color:#666;opacity:0.5}

.itemTable .evalTable{width:100%;border:solid 1px #ccc;margin:5px 0}
.itemTable .evalTable th{width:300px;height:34px;padding:0 10px;font-size:13px;color:#000;font-weight:700;text-align:left;background:#F9F9F9;border-right:solid 1px #ccc;border-top:solid 1px #E6E6E6;vertical-align:middle}
.itemTable .evalTable th.vTop{vertical-align:top;padding-top:10px}
.itemTable .evalTable td{height:34px;padding:5px 10px;vertical-align:middle;border-top:solid 1px #E6E6E6}
.itemTable .evalTable .subject{background:#EEF8FF;font-weight:700;border-bottom:solid 1px #ccc;padding:6px 10px 5px 10px}
.itemTable .evalTable tr:first-child td{border-top:solid 1px #ccc}
.itemTable .evalTable .inputRadio + label{height:16px;margin:0 0 0 5px;vertical-align:middle;line-height:1.0;background-image:url(/images/ico_radio_ck.png)}
.itemTable .evalTable .inputRadio:checked + label{background-image:url(/images/ico_radio_ck_on.png)}
.itemTable .evalTable td.reason{border-top:none;padding:0 10px 10px 10px}
.itemTable .evalTable td.reason .inputArea{height:50px;background:#F4F4F4;padding:5px 10px}

.btnItemFoot{text-align:center;padding:30px 0}
.btnItemFoot .btnB{display:inline-block;min-width:100px;height:37px;line-height:35px;background:#0091F7;border:solid 1px #0087E6;border-radius:2px;color:#fff;font-weight:700;text-align:center;vertical-align:middle}
.btnItemFoot .btnB:hover{background:#0087E6;border-color:#0078CD;color:#fff;text-decoration:none;cursor:pointer}
.btnItemFoot .btnG{display:inline-block;min-width:100px;height:37px;line-height:35px;background:#74818E;border:solid 1px #616C77;border-radius:2px;color:#fff;font-weight:700;text-align:center;vertical-align:middle}
.btnItemFoot .btnG:hover{background:#616C77;border-color:#515B65;color:#fff;text-decoration:none}
.btnItemFoot .btnW{display:inline-block;min-width:100px;height:37px;line-height:35px;background:#fff;border:solid 1px #ccc;border-radius:2px;color:#000;font-weight:700;text-align:center;vertical-align:middle;padding:0 10px}
.btnItemFoot .btnW:hover{background:#F4F4F4;color:#000;text-decoration:none;cursor:pointer}

.eduAdminList{width:1250px;margin:0 auto;padding:20px 20px}
.eduAdminTitle{height:44px;border-bottom:solid 2px #4D4D4D;position:relative}
.eduAdminTitle h3{display:inline-block;min-width:170px;font-size:22px;color:#000;font-weight:700;padding:5px 0 0 0}
.eduAdminTitle .titGroup button{min-width:150px;height:35px;font-size:14px;font-weight:700;letter-spacing:-0.5px;background:#fff;border:solid 1px #dfdfdf;border-radius:20px;padding:0 20px;cursor:pointer}
.eduAdminTitle .titGroup button.on{background:#5776ff;border:solid 1px #5776ff;color:#fff}
.eduAdminTitle .areaR{position:absolute;top:0;right:0}
.eduAdminTitle .sortBox{display:inline-block;vertical-align:bottom;border:1px solid #999;border-radius:3px;font-size:13px;text-align:left;padding:3px 6px 7px 10px;position:relative}
.eduAdminTitle .sortBox.noPad{padding:4px 6px 4px 6px}
.eduAdminTitle .sortBox p{margin:0;color:#555;font-size:12px;background:#fff;position:absolute;top:-10px;padding:0 5px}
.eduAdminTitle .sortBox label{color:#2a79f9;margin-top:3px}
.eduAdminTitle .sortBox .inputSelect{min-width:120px;height:29px;background-color:#fff;border-color:#999;position:relative;z-index:1}
.eduAdminTitle .inputRadio{display:none}
.eduAdminTitle .inputRadio + label{display:inline-block;height:21px;font-size:14px;font-weight:600;color:#777;cursor:pointer;text-indent:-20px;border:none;padding:0 0 0 20px;margin:0 10px 0 0}
.eduAdminTitle .inputRadio + label:before{content:"";display:inline-block;width:17px;height:17px;border:solid 1px #dedede;background:#f7f7f7;border-radius:17px;vertical-align:middle;margin:0 5px 3px 0}
.eduAdminTitle .inputRadio:checked + label{color:#0091F7}
.eduAdminTitle .inputRadio:checked + label:before{border-color:#0280d8;background:#0091F7 url(/images/ico_chk_step@2x.png) 50% 50% no-repeat;background-size:auto 8px}
.eduAdminTitle .inputRadio:disabled + label{color:#888;opacity:0.5}
.eduAdminTitle .inputRadio:checked:disabled + label:before{border-color:#666;background-color:#888}
.eduAdminTitle .inputRadio:disabled + label:before{border-color:#666;opacity:0.5}
.eduAdminTitle .inputChk{display:none}
.eduAdminTitle .inputChk + label{font-weight:400;margin:0;cursor:pointer}
.eduAdminTitle .inputChk + label:before{display:inline-block;content:"";width:16px;height:16px;background:#fff;border:solid 1px #CDD0D2;border-radius:2px;vertical-align:middle;margin:0 3px 2px 0}
.eduAdminTitle .inputChk:checked + label{color:#5776ff}
.eduAdminTitle .inputChk:checked + label:before{background:#5776ff url(/images/ico_check_att.png) 50% 50% no-repeat;border-color:#0087E6}
.eduAdminTitle .inputChk:disabled + label{opacity:0.4}
.eduAdminTitle .w100{width:100px}
.eduAdminTitle .wLang{width:120px;border:solid 1px #5776ff}
.eduAdminTitle .wBook{width:230px;border:solid 1px #5776ff}
.eduAdminTitle .inputSearch{height:35px;border:solid 1px #aaa;border-radius:2px;font-size:14px;color:#000;background:#fff url(/images/ico_search_b@2x.png) right 50% no-repeat;background-size:24px auto;padding:0 5px;position:relative}
.eduAdminTitle .inputSearch:focus{border:solid 1px #595AE3}
.eduAdminTitle .btnPrimary{display:inline-block;min-width:70px;line-height:33px;height:35px;background:#8A8A8A;border:solid 1px #838383;border-radius:2px;color:#fff;font-size:15px;padding:0 10px;text-align:center;cursor:pointer;vertical-align:middle;margin:0 2px}
.eduAdminTitle .btnPrimary:hover{background:#7A7A7A}

.eduAdminTable{width:100%;border-bottom:solid 1px #ccc}
.eduAdminTable th{height:30px;font-size:13px;color:#000;font-weight:700;line-height:1.0;background:#F9F9F9;border-left:solid 1px #eae9e9;border-bottom:solid 1px #ccc;;text-align:center;letter-spacing:-0.5px}
.eduAdminTable th.up{width:40px;min-width:40px}
.eduAdminTable th.step{width:40px;min-width:40px}
.eduAdminTable th.book{width:150px;min-width:150px}
.eduAdminTable th.chapter{width:40px;min-width:40px}
.eduAdminTable th.qNumber{width:40px;min-width:40px}
.eduAdminTable th.subject{min-width:150px}
.eduAdminTable th.edit{width:50px;min-width:50px}
.eduAdminTable th.lang{width:25px;;min-width:25px}
.eduAdminTable td{height:30px;line-height:1.1;border-bottom:solid 1px #f1f1f1;border-left:solid 1px #f1f1f1;font-size:12px;letter-spacing:-0.5px;text-align:center;color:gray}
.eduAdminTable tr:last-child td{border-bottom:none}
.eduAdminTable th:first-child,
.eduAdminTable td:first-child{border-left:none}
.eduAdminTable td.step{font-size:11px;color:#000}
.eduAdminTable td.book{font-size:11px;letter-spacing:-1px}
.eduAdminTable td.chapter{color:#438cff;font-weight:700}
.eduAdminTable td.subject{text-align:left;color:#000;font-size:13px;font-weight:700;letter-spacing:-1px;padding-left:5px;padding-right:5px;cursor:pointer}
.eduAdminTable td.subject:hover{color:#438cff}
.eduAdminTable .btnEdit{display:inline-block;width:25px;height:25px;background:url(/images/ico_edit.png) 50% 50% no-repeat;border-radius:2px;text-indent:-9999px}
.eduAdminTable .btnEdit:hover{background:#438cff url(/images/ico_edit_over.png) 50% 50% no-repeat}
.eduAdminTable .icoY{display:inline-block;width:10px;height:10px;background:url(/images/ico_o_blue.png) 0 0 no-repeat;cursor:pointer}
.eduAdminTable .icoN{display:inline-block;width:10px;height:10px;background:url(/images/ico_no.png) 0 0 no-repeat;background-size:10px auto}
.eduAdminTable .icoIng{display:inline-block;width:10px;height:10px;background:url(/images/ico_o_gray.png) 0 0 no-repeat;cursor:pointer}

.korTD{width:100px}

@keyframes bounce{
	0%{
		top:0px;}
	to{
		top:10px;} 
}

p.imageDv{position:relative;margin:20px auto;text-align:center;animation:bounce 1s ease-in Infinite Alternate}

.bookLangTableWrap{position:relative;padding-top:40px}
.bookLangTableScroll{height:calc(100vh - 300px);overflow-y:scroll;border-bottom:solid 1px #ccc}
.bookLangTable{width:100%}
.bookLangTable .fixed_top{display:inline-table;position:absolute;top:0;width:calc(100% - 17px);background:#eef7ff}
.bookLangTable .bookTR{background:#bde2f1}
.bookLangTable .bookTR td{font-weight:700;color:black}
.bookLangTable th{height:40px;font-size:13px;color:#000;font-weight:700;line-height:1.0;background:#F9F9F9;border-left:solid 1px #eae9e9;border-bottom:solid 1px #ccc;;text-align:center;letter-spacing:-0.5px;padding:0 10px}
.bookLangTable td{height:30px;line-height:1.1;border-bottom:solid 1px #f1f1f1;border-left:solid 1px #f1f1f1;font-size:13px;text-align:center;color:gray;padding:5px 10px}
.bookLangTable .chapter{width:60px}
.bookLangTable .subjectKor{width:250px;text-align:left}
.bookLangTable .subjectEng{width:400px;text-align:left}
.bookLangTable th.subjectEng{font-weight:lighter}
.bookLangTable th.subjectInput{padding:0 5px}
.bookLangTable td.subjectKor{font-weight:700;color:#000}
.bookLangTable td.subjectInput{padding:5px}
.inputArea{width:100%;height:28px;font-size:13px;color:#000;border:1px solid #E3E3E3;border-radius:2px;padding:5px;resize:vertical;border:solid 1px #d2d0d0;resize:none;/*overflow:hidden;*/}
.inputArea:focus{outline:auto;outline-color:cornflowerblue}
.inputArea.error{outline:auto;outline-color:#f37878}

.bookLangFoot{text-align:center;padding:10px 0 0 0;position:relative}
.bookLangFoot .btnPrimary{min-width:130px;height:35px;line-height:35px;color:#fff;font-size:16px;font-weight:700;background:#3574FF;border-radius:2px;padding:0 10px;margin:2px 2px}
.bookLangFoot .btnPrimary:before{display:inline-block;content:"";width:17px;height:17px;background:url(../images/ico_save.png) 50% 50% no-repeat;background-size:17px auto;vertical-align:middle;margin:0 3px 3px 0}
.bookLangFoot .explain{position:absolute;top:10px;right:0;display:inline-block;font-size:13px;color:gray}
.bookLangFoot .explain .point{color:#3574FF;font-weight:700}

.header .btnAdmin{font-weight:400}
.header .navSub a{font-weight:500}

.adminList{width:960px;margin:0 auto;padding:30px 15px}
.adminList.ctAdminW{width:1050px}
.adminList.history{width:1050px}
.adminList.historyCon{width:1050px;overflow:hidden}

.adminMsg{background:#fef7de url(/images/saint_warn@2x.png) 30px 19px no-repeat;border:solid 1px #fdeac6;border-radius:2px;margin:0 0 30px 0;padding:20px 20px 20px 80px;position:relative}
.adminMsg h3{font-size:18px;color:#000}
.adminMsg .explain{line-height:1.4}
.adminMsg .explain .point{color:#f03320}
.adminMsg .btnR{position:absolute;top:32px;right:30px}
.adminMsg .btnProgram{min-width:200px;height:40px;background:#f66a41;border-radius:2px;color:#fff;font-size:15px;cursor:pointer;padding:0 10px}
.adminMsg .btnProgram:before{display:inline-block;content:"";width:15px;height:15px;background:url(/images/ico_media_down.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 3px 0}
.adminMsg .btnProgram:hover{background:#f65627}

.adminTitle{height:40px;border-bottom:solid 2px #454C59;position:relative;margin:5px 0 0 0}
.adminTitle h2{display:inline-block;font-size:18px;color:#333;font-weight:700;padding:5px 0 0 0;margin:0 20px 0 0}
.adminTitleTopBG{display:inline-block;height:32px;background:#fafafa;border:solid 1px #e4e5e7;padding:8px 0 0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.adminTitleTopBG .sortBox{display:inline-block;vertical-align:middle;font-size:13px}
.adminTitleTopBG .sortBox .tit{margin:0;color:#98aed0;font-size:12px;font-weight:500;padding:0 5px}
.adminTitleTopBG .sortBox label{font-size:13px;margin-right:10px}
.adminTitle .inputSelect{min-width:140px;border:solid 1px #a9a9a9;margin:0 1px 0 0}
.adminTitle .btnConnL{position:absolute;top:0;left:0}
.adminTitle .btnConnC{text-align:center}
.adminTitle .wCateTop{width:150px}
.adminTitle .btnR{position:absolute;top:0;right:0}
.adminTitle .btnC{position:absolute;top:0;right:50%}
.adminTitle .btnR .inputLang{width:120px}
.adminTitle .btnR .explain{display:inline-block;color:gray;padding:10px 0 0 0}
.adminTitle .btnL{position:absolute;left:130px;top:0}
.adminTitle .inputSearch{height:32px;border:solid 1px #cbcbcb;background:url(/images/ico_search_top.png) 96% 50% no-repeat;font-size:14px;color:#000;vertical-align:middle;padding:0 10px;margin:0 5px 0 0}
.adminTitle .btnWrite{min-width:100px;height:32px;line-height:30px;background:#438cff;border:solid 1px #3a7be0;color:#fff;font-size:13px;font-weight:500;padding:0 10px;cursor:pointer}
.adminTitle .btnWrite:hover{background:#3A7BE0;border:solid 1px #306ECE}
.adminTitle .btnList{min-width:100px;height:32px;font-size:14px;color:#000;font-weight:500;background:#fff;border:solid 1px #cbcbcb;cursor:pointer}
.adminTitle .btnList:hover{background:#f5f5f5}
.adminTitle .btnList:before{display:inline-block;content:"";width:10px;height:7px;background:url(/images/ico_list.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 3px 0}
.adminTitle .btnReset{min-width:100px;height:32px;line-height:30px;background:#bcbcbc;border:solid 1px #a5a5a5;color:#fff;font-size:13px;font-weight:500;padding:0 10px;cursor:pointer}
.adminTitle .btnReset:hover{background:#a5a5a5;border:solid 1px #a3a3a3}

.listTable{width:100%}
.listTable td{border-bottom:solid 1px #E4E5E7;font-size:13px;vertical-align:top;padding:15px 0 10px 0}
.listTable td.num{width:35px;color:#555;padding-top:40px;font-weight:500}
.listTable td.reg{width:45px;padding-top:38px}
.listTable td .icoReg{display:inline-block;height:18px;line-height:16px;color:#ff6565;border:solid 1px #ff6565;border-radius:9px;font-size:11px;padding:0 6px}
.listTable td .icoRegNot{display:inline-block;height:18px;line-height:16px;color:#555;border:solid 1px #555;border-radius:9px;font-size:11px;padding:0 6px}
.listTable td.thumWrap{width:100px;height:135px;vertical-align:middle;position:relative}
.listTable td.thumWrap .thum{position:absolute;top:10px;left:0;width:75px;height:115px;background:#efedee url(/images/img_no.jpg) 50% 50% no-repeat;background-size:cover}
.listTable td.thumWrap .frame{position:absolute;top:10px;left:0;width:78px;height:117px;background:url(/images/frame_book.png) 0 0 no-repeat;background-size:78px auto}
.listTable td.thumWrap .ico{position:absolute;top:10px;right:25px}
.listTable td.thumWrap .icoD{display:inline-block;width:20px;height:20px;background:rgba(0,0,0,0.6);color:#fff;font-size:14px;font-family:tahoma !important;text-align:center;vertical-align:middle;margin:0 0 0 -3px}
.listTable td.thumWrap .icoD:before{display:block;content:"D";line-height:20px}
.listTable td.thumWrap .icoLock{display:inline-block;width:20px;height:20px;background:#438cff url(/images/ico_lock_w.png) 50% 45% no-repeat;vertical-align:middle;margin:0 0 0 -3px}

.listTable td.tit a{color:#000}
.listTable td.tit a:hover{color:#438CFF;text-decoration:underline}
.listTable td.tit em{display:inline-block;width:20px;height:20px;line-height:18px;color:#777;border:solid 1px #c8c8c8;text-align:center;margin:0 -1px 1px 0}
.listTable td.tit em.on{background:#838996;border-color:#838996;color:#fff}
.listTable td .group{color:#097AFF;font-size:13px;font-weight:500;margin:0 0 5px 0}
.listTable td .group em{width:auto;color:#00CA00;font-weight:500;border:none;margin:0}
.listTable td .target{font-size:13px;color:#000;margin:0 0 0 5px}
.listTable td .target:before{display:inline-block;content:"";width:11px;height:11px;background:url(/images/ico_global.png) 0 0 no-repeat;vertical-align:middle;margin:0 2px 2px 0}
.listTable td .subject{color:#000;font-size:16px;font-weight:500;margin:0 0 10px 0}
.listTable td.info{width:140px;text-align:right;vertical-align:middle}
.listTable td.info .date{display:block;color:#777;margin:0 0 10px 0}
.listTable td .btnModify{min-width:70px;height:28px;border:solid 1px #cbcbcb;background:#fff;font-size:14px;color:#000;padding:0 10px;cursor:pointer}
.listTable td .btnModify:hover{border-color:#438CFF;color:#438CFF}

.adminWrite{width:830px;margin:0 auto;padding:30px 15px}
.adminWrite .title{height:35px;border-bottom:solid 2px #454c59;font-size:18px;color:#333;font-weight:500;position:relative}
.adminWrite .title h3{font-size:18px;display:inline-block}
.adminWrite .title .kind{font-size:17px;color:#00b134}
.adminWrite .title .preview{height:35px;width:100px;background:#438cff;font-size:15px;font-weight:400;border:1px solid #3a7be0;color:#fff;position:absolute;right:0;top:-5px}
.adminWrite .title .preview:hover{background:#3A7BE0;border:1px solid #306ECE}
.adminWrite .btnFoot{border-top:solid 1px #E4E5E7;text-align:center;padding:30px 0 0 0;margin:20px 0 0 0}
.adminWrite .btnFoot.noMargin{margin:0}
.adminWrite .btnDel{min-width:100px;height:32px;font-size:14px;color:#000;font-weight:500;background:#fff;border:solid 1px #cbcbcb;cursor:pointer}
.adminWrite .btnDel:hover{background:#f5f5f5}
.adminWrite .btnDel:before{display:inline-block;content:"";width:11px;height:12px;background:url(/images/ico_del.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 3px 0}
.adminWrite .btnSave{min-width:100px;height:32px;font-size:14px;color:#fff;font-weight:500;background:#438cff;border:solid 1px #3a7be0;cursor:pointer}
.adminWrite .btnSave:hover{background:#3a7be0;border:solid 1px #3063c3}
.adminWrite .btnList{min-width:100px;height:32px;font-size:14px;color:#000;font-weight:500;background:#fff;border:solid 1px #cbcbcb;cursor:pointer}
.adminWrite .btnList:hover{background:#f5f5f5}
.adminWrite .btnList:before{display:inline-block;content:"";width:10px;height:7px;background:url(/images/ico_list.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 3px 0}

.adminWrite.eduCtWrite{width:1610px;padding:30px 15px 0 15px}
.adminWrite.eduCtWrite .btnFoot{margin:0;padding:25px 0 15px 0}

.pdfDragBox{width:100%;height:32px;background:#fff;border:1px solid #E4E4E4;position:relative}
.pdfDragBox .in{padding:0 20px;height:32px;width:100%;line-height:32px}
.pdfDragBox .defaultMsg{font-size:13px;color:#777;text-align:center}
.pdfDragBox .btnFile{width:100px;height:32px;line-height:30px;background:#438bff;border:solid 1px #3a7be0;color:#fff;font-size:13px;padding:0 10px;position:absolute;right:-1px;top:-1px;cursor:pointer}
.pdfDragBox .btnFile:hover{background:#3a7be0;border-color:#226fe7}
.pdfDragBox .btnFile:disabled{background:gray;border-color:#555;opacity:0.5}
.pdfDragBox .capacity{display:inline-block;font-size:12px;color:#999;margin:0 0 0 10px}
.pdfDragBox .btnFileDel{width:20px;height:20px;background:url(/images/common/btn_file_del@2x.png) 50% 50% no-repeat;background-size:16px auto;vertical-align:middle;text-indent:-9999px;margin:0 0 3px 5px}
.pdfDragBox .fileName:before{display:inline-block;content:"";width:18px;height:19px;background:url(/images/ico_file@2x.png) 0 0 no-repeat;background-size:18px auto;vertical-align:middle;margin:0 3px 3px 0}

/* fileBox */

.inputAdminSH{width:180px;height:32px;border:solid 1px #bbb;background:url(/images/ico_search_top.png) 97% 50% no-repeat;color:#000;padding:0 5px;margin:0 2px 0 0}
.inputAdminSH.wConnSH{width:220px;border:solid 1px #999}
.btnAdminSH{height:32px;background:#888;border:solid 1px #666;color:#fff;padding:0 10px;cursor:pointer}

.multiLangList{width:1300px}
.multiLangList .conBg{padding:20px 30px 50px 30px}

.kindLang{margin:15px 0 10px 0}
.kindLang .langSelBox{display:table;width:100%;padding:0;margin:0 0 45px 0}
.kindLang .langSelBox button{width:94px;height:32px;line-height:30px;background:#fff;border:solid 1px #cbcbcb;font-size:12px;color:#000;font-weight:500;overflow:hidden;margin:-1px 0 0 -1px;padding:0;cursor:pointer}
.kindLang .langSelBox button:hover{background:#f9f9f9}
.kindLang .langSelBox button.on{background:#535bfb;border:solid 1px #353de2;color:#fff;position:relative}
.kindLang .langSelBox button.on:hover{background:#353de2}
.kindLang .langSelBox button .up{display:inline-block;vertical-align:middle;margin:0 0 2px 3px}
.kindLang .langSelBox button:nth-child(2),
.kindLang .langSelBox button:nth-child(10),

.langInputBox .searchYN{margin:37px 0 20px 0;text-align:center;font-weight:500;font-size:14px}
.langInputBox .searchYN .point{color:#ff3434;font-weight:500}

.langInputBox .title{border-bottom:solid 1px #454c59;margin:30px 0 0 0}
.langInputBox .title h3{font-size:14px;color:#097aff;font-weight:700;padding:0 0 8px 0}

.langKindTable{/*width:100%*/width:1000px;margin:0 auto}
.langKindTable th{width:250px;height:55px;font-size:17px;color:#333;font-weight:700;text-align:left;letter-spacing:-0.5px;border-bottom:solid 1px #e4e5e7;padding:0 0 0 10px}
.langKindTable td{border-bottom:solid 1px #e4e5e7;padding:0 10px 0 0}
.langKindTable td .inputText{width:100%;height:34px;border:solid 1px #cbcbcb;font-size:14px;color:#000;font-weight:700;padding:0 10px;vertical-align:middle}
.langKindTable td .inputText::placeholder{font-weight:lighter}
.langKindTable tr:hover th,
.langKindTable tr:hover td{background:#fffdee}

.langMajorTable{width:100%;margin:15px 0 0 0}
.langMajorTable th{height:35px;font-size:14px;text-align:center;color:#333;font-weight:700;letter-spacing:-0.5px;border-bottom:solid 1px #e4e5e7;padding:0}
.langMajorTable td{height:55px;border-bottom:solid 1px #e4e5e7;padding:0 10px 0 0}
.langMajorTable td.kor{width:170px;font-size:15px;font-weight:700;letter-spacing:-1px}
.langMajorTable td .inputText{width:100%;height:34px;border:solid 1px #cbcbcb;font-size:14px;color:#000;font-weight:700;padding:0 10px;vertical-align:middle}
.langMajorTable td .inputText::placeholder{font-weight:lighter}
.langMajorTable tr:hover th,
.langMajorTable tr:hover td{background:#fffdee}

.langFieldTable{width:100%;margin:15px 0 0 0}
.langFieldTable th{height:35px;font-size:14px;text-align:center;color:#333;font-weight:700;letter-spacing:-0.5px;border-bottom:solid 1px #e4e5e7;padding:0}
.langFieldTable td{height:55px;border-bottom:solid 1px #e4e5e7;padding:0 10px 0 0}
.langFieldTable td.kor{width:170px;font-size:15px;font-weight:700;letter-spacing:-1px}
.langFieldTable td .inputText{width:100%;height:34px;border:solid 1px #cbcbcb;font-size:14px;color:#000;font-weight:700;padding:0 10px;vertical-align:middle}
.langFieldTable td .inputText::placeholder{font-weight:lighter}
.langFieldTable tr:hover th,
.langFieldTable tr:hover td{background:#fffdee}

.multiLangList .btnFoot{position:relative;text-align:center;margin:15px 0 0 0;padding:10px 0 0 0}
.multiLangList .btnFoot .btnL{position:absolute;top:30;left:0}
.multiLangList .btnDel{min-width:120px;height:35px;font-size:13px;color:#000;font-weight:700;background:#fff;border:solid 1px #cbcbcb;border-radius:4px;margin:0 5px;cursor:pointer}
.multiLangList .btnDel:hover{background:#f5f5f5}
.multiLangList .btnDel:before{display:inline-block;content:"";width:11px;height:12px;background:url(/images/ico_del.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 3px 0}
.multiLangList .btnSave{min-width:440px;height:52px;font-size:16px;color:#fff;font-weight:700;background:#535bfb;border:solid 1px #353de2;border-radius:4px;margin:0 5px;cursor:pointer}
.multiLangList .btnSave:hover{background:#353de2;border:solid 1px #353de2}
.multiLangList .btnKindSave{min-width:120px;height:35px;font-size:13px;color:#fff;font-weight:700;background:#838996;border:solid 1px #686e79;border-radius:4px;cursor:pointer}
.multiLangList .btnKindSave:hover{background:#686e79;border:solid 1px #686e79}

.langTabs #tabs-2{display:none}
.langTabs #tabs-3{display:none}
.langTabs #tabs-4{display:none}

.langTabUL{display:table;width:100%;height:36px;border-left:solid 1px #cbcbcb;margin:0 0 30px 0}
.langTabUL li{display:table-cell;width:14%;vertical-align:middle;background:#fafafa;border:solid 1px #cbcbcb;border-left:none}
.langTabUL li a{display:block;text-align:center;color:#788188;font-size:14px;font-weight:700;padding:8px 0}
.langTabUL li a:hover{text-decoration:none}
.langTabUL li.ui-tabs-active{background:#fff;border-top:solid 3px #535bfb;border-bottom:none}
.langTabUL li.ui-tabs-active a{color:#535bfb}
.langTabUL li.on{background:#fff;border-top:solid 3px #535bfb;border-bottom:none}
.langTabUL li.on a{color:#535bfb}
.langTabCon{vertical-align:top}

.langTabCon .kindTBox{height:57px;background:#f2f4f7;border:solid 1px #dee3eb;color:#828997;font-size:15px;font-weight:700;padding:12px 30px 0 30px}
.langTabCon .kindTBox .wSel{width:150px;font-size:15px;margin:0 20px 0 5px}

.langKindBtn{position:relative;height:40px;text-align:center;margin:30px 0 0 0}

.categoryList{width:1350px;margin:30px auto;padding:0 15px}
.categoryList .subjectSpan:hover{text-decoration:underline;cursor:pointer}
.categoryList .supplySpan{color:red;font-weight:700}

.ctgrTable{width:100%;border-bottom:solid 1px #cdcdcd}
.ctgrTable th{height:30px;background:#f6f6f6;border-top:solid 1px #e4e5e7;border-right:solid 1px #e4e5e7;font-weight:500;text-align:center}
.ctgrTable td{width:8%;height:35px;border-top:solid 1px #e4e5e7;border-right:solid 1px #e4e5e7;color:#333;text-align:center;padding:3px 5px}
.ctgrTable td a{color:#333}
.ctgrTable tr:last-child td{border-bottom:none}
.ctgrTable th:last-child,
.ctgrTable td:last-child{border-right:none}
.ctgrTable th.lineR,
.ctgrTable td.lineR{border-right:solid 1px #bcbcbc}
.ctgrTable td.menuR{border-right:solid 1px #bcbcbc;background:#f7fcfe}
.ctgrTable td.menuL{color:#097aff}
.ctgrTable td.info{width:3%;color:red}
.ctgrTable tr.lineT td{border-top:solid 1px #bcbcbc}

.admWriteLayer{display:none;position:fixed;top:140px;left:50%;width:500px;box-shadow:2px 2px 2px rgba(0,0,0,0.15);margin:0 0 0 -250px;z-index:100}
.admWriteLayer.lecture{width:800px;margin:0 0 0 -400px}
.admWriteLayer .title{height:45px;background:#496AEA;border:solid 1px #3B5BD4;position:relative;cursor:move}
.admWriteLayer .title h3{margin:0;font-size:14px;line-height:45px;color:#fff;padding:0 0 0 20px}
.admWriteLayer .title .btnClose{position:absolute;top:0;right:0;width:45px;height:45px;background:url(/images/ico_pop_close_w.png) 50% 50% no-repeat;opacity:0.5;cursor:pointer}
.admWriteLayer .title .btnClose:hover{opacity:1}
.admWriteLayer .con{background:#fff;border:solid 1px #B4B4B4;border-top:none}
.admWriteLayer .conArea{padding:15px 20px 10px 20px}
.admWriteLayer .inputText{width:100%;height:32px;border:solid 1px #cbcbcb;font-size:14px;color:#000;padding:0 10px;vertical-align:middle}
.admWriteLayer .popWrTable{width:380px;margin:0 auto}
.admWriteLayer .popWrTable th{padding:0 15px 5px 0}
.admWriteLayer .popWrTable td{padding:0 0 5px 0}
.admWriteLayer .popWrTable .w250{width:250px}
.admWriteLayer .popWrTable .wNum{width:100px;text-align:center}
.admWriteLayer .btnArea{text-align:center;padding:15px 0 25px 0}
.admWriteLayer .btnArea .btnNormal{width:100px;height:35px;color:#000;background:#fff;border:solid 1px #bdbdbd;border-radius:2px;cursor:pointer}
.admWriteLayer .btnArea .btnNormal:hover{background:#f2f2f2}
.admWriteLayer .btnArea .btnDel{width:100px;height:35px;color:#000;background:#fff;border:solid 1px #bdbdbd;border-radius:2px;cursor:pointer}
.admWriteLayer .btnArea .btnDel:hover{background:#f5f5f5}
.admWriteLayer .btnArea .btnDel:before{display:inline-block;content:"";width:11px;height:12px;background:url(/images/ico_del.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 3px 0}
.admWriteLayer .btnArea .btnPrimary{width:100px;height:35px;color:#fff;background:#496AEA;border:solid 1px #3B5BD5;border-radius:2px;cursor:pointer}
.admWriteLayer .btnArea .btnPrimary:hover{background:#3B5BD5;border:solid 1px #2849C7}

.sbjAdmin{display:table;width:1320px;height:500px;margin:0 auto}
.sbjAdminL{display:table-cell;width:50%;vertical-align:top;padding:20px 15px 0 15px}
.sbjAdminR{display:table-cell;width:50%;border-left:solid 1px #ddd;vertical-align:top;padding:20px 15px 0 15px}

.sbjTableWrap{display:table;width:100%}
.sbjTableItem{display:table-cell;width:50%}

.sbjTable{width:100%;border-bottom:solid 1px #cdcdcd}
.sbjTable.marL{margin-left:5px;width:calc(100% - 5px)}
.sbjTable th{height:30px;background:#f6f6f6;border-bottom:solid 1px #e4e5e7;font-weight:500;text-align:center}
.sbjTable td{height:30px;border-bottom:solid 1px #e4e5e7}
.sbjTable td.num{width:50px;text-align:center;color:gray}
.sbjTable td.subject{color:#000;font-size:15px;cursor:pointer}
.sbjTable td.subject:hover{color:#438cff}
.sbjTable td.btnS{width:55px;text-align:right}
.sbjTable tr:last-child td{border-bottom:none}
.sbjTable .btnModify{height:22px;background:#fff;border:solid 1px #d3d3d3;border-radius:2px;padding:0 5px;cursor:pointer}
.sbjTable .btnModify:before{display:inline-block;content:"";width:11px;height:12px;background:url(/images/ico_modify2.png) 0 0 no-repeat;vertical-align:middle;margin:0 3px 2px 0}
.sbjTable .btnModify:hover{background:#eee}
.sbjTable .btnDelete{height:22px;background:#fff;border:solid 1px #d3d3d3;border-radius:2px;padding:0 5px;cursor:pointer}
.sbjTable .btnDelete:before{display:inline-block;content:"";width:11px;height:12px;background:url(/images/ico_delete.png) 0 0 no-repeat;vertical-align:middle;margin:0 3px 2px 0}
.sbjTable .btnDelete:hover{background:#eee}

.lectureList{width:1350px;margin:30px auto;padding:0 15px}
.lectureTableWrap{text-align:center;padding:20px 0 0 0}

.lectureTableTop{width:500px;border:solid 2px #06228d;margin:0 auto 20px auto}
.lectureTableTop th{width:25%;height:30px;border-left:solid 1px #b6bbc8;border-bottom:solid 1px #1d3fc5;background:#438cff;color:#fff}
.lectureTableTop td{height:35px;border-left:solid 1px #ddd;color:#000;font-size:15px}

.lectureTable{width:100%;border:solid 1px #000}
.lectureTable th{height:30px;border-right:solid 1px #ddd;border-top:solid 1px #ddd;background:#f6f6f6;color:#333;font-weight:500;position:relative}
.lectureTable th.thYear{width:250px}
.lectureTable th .btnR{position:absolute;top:3px;right:7px}
.lectureTable th .btnModify{height:22px;background:#fff;border:solid 1px #d3d3d3;border-radius:2px;padding:0 5px;cursor:pointer}
.lectureTable th .btnModify:before{display:inline-block;content:"";width:11px;height:12px;background:url(/images/ico_modify2.png) 0 0 no-repeat;vertical-align:middle;margin:0 3px 2px 0}
.lectureTable td{height:30px;border-right:solid 1px #ddd;border-top:solid 1px #ddd;text-align:left;padding:3px 10px}
.lectureTable td.tdKind{background:#f7fcfe;color:#000;text-align:center;padding:3px 5px}
.lectureTable th:last-child{border-right:none}
.lectureTable td:last-child{border-right:none}
.lectureTable thead tr:first-child th{border-top:none}
.lectureTable tbody tr:first-child td{border-top:solid 1px #999}
.lectureTable .thTerm{width:105px}
.lectureTable .thTime{width:40px}
.lectureTable tr.line td{border-top:solid 1px #999}
.lectureTable tr.total td{border-top:solid 1px #999;background:#f7fcfe;color:#438cff}
.lectureTable .lineR{border-right:solid 1px #999}

.lecturePopTable{width:100%}
.lecturePopTable th{font-size:14px;font-weight:700;padding:10px 10px 5px 0}
.lecturePopTable th.thDate{width:145px}
.lecturePopTable td{padding:0 10px 0 0;vertical-align:top}
.lecturePopTable td .inputSelect{width:100%}
.lecturePopTable td .inputText{width:100%}
.lecturePopTable td .inputText.wDate{width:145px;font-size:13px}
.lecturePopTable td .mtrArea{height:220px;border:solid 1px #555;padding:15px;overflow-y:auto}
.lecturePopTable td .mtrArea .inputChk + label{font-size:13px;color:#000;margin-bottom:4px}
.lecturePopTable td .inputChk + label{min-width:150px;font-weight:400;margin:0}
.lecturePopTable .explain{color:gray;font-weight:400;font-size:12px}
.lecturePopTable tr.lineTop th{border-top:solid 1px #ddd;padding-top:15px}
.lecturePopTable tr.padBot td{padding-bottom:20px}

.lecWriteLayer{display:none;position:fixed;top:140px;left:50%;width:1050px;box-shadow:2px 2px 2px rgba(0,0,0,0.15);margin:0 0 0 -525px;z-index:100}
.lecWriteLayer .title{height:45px;background:#496AEA;border:solid 1px #3B5BD4;position:relative;cursor:move}
.lecWriteLayer .title h3{margin:0;font-size:14px;line-height:45px;color:#fff;padding:0 0 0 20px}
.lecWriteLayer .title .btnClose{position:absolute;top:0;right:0;width:45px;height:45px;background:url(/images/ico_pop_close_w.png) 50% 50% no-repeat;opacity:0.5;cursor:pointer}
.lecWriteLayer .title .btnClose:hover{opacity:1}
.lecWriteLayer .con{background:#fff;border:solid 1px #B4B4B4;border-top:none;position:relative}
.lecWriteLayer .conArea{display:table;width:100%}
.lecWriteLayer .conArea h3{font-size:15px;font-weight:700;color:#2366ff;letter-spacing:-0.5px}
.lecWriteLayer .conAreaL{display:table-cell;vertical-align:top;padding:10px 35px 30px 35px}
.lecWriteLayer .conAreaR{display:table-cell;width:350px;vertical-align:top;border-left:solid 1px #d1daef;background:#f0f4fd;padding:20px 35px 30px 35px}
.lecWriteLayer .popWrTable{width:100%;margin:0 auto}
.lecWriteLayer .popWrTable th{padding:0 15px 5px 0}
.lecWriteLayer .popWrTable td{padding:0 0 5px 0}
.lecWriteLayer .popWrTable .w250{width:250px}
.lecWriteLayer .popWrTable .wNum{width:100px;text-align:center}
.lecWriteLayer .btnArea{text-align:center;padding:15px 0 0 0}
.lecWriteLayer .btnArea .btnNormal{width:100px;height:35px;color:#000;font-weight:700;background:#fff;border:solid 1px #bdbdbd;border-radius:2px;cursor:pointer}
.lecWriteLayer .btnArea .btnNormal:hover{background:#f2f2f2}
.lecWriteLayer .btnArea .btnDel{width:100px;height:35px;color:#000;font-weight:700;background:#fff;border:solid 1px #bdbdbd;border-radius:2px;cursor:pointer}
.lecWriteLayer .btnArea .btnDel:hover{background:#f5f5f5}
.lecWriteLayer .btnArea .btnDel:before{display:inline-block;content:"";width:11px;height:12px;background:url(/images/ico_del.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 3px 0}
.lecWriteLayer .btnArea .btnPrimary{width:100px;height:35px;color:#fff;font-weight:700;background:#496AEA;border:solid 1px #3B5BD5;border-radius:2px;cursor:pointer}
.lecWriteLayer .btnArea .btnPrimary:hover{background:#3B5BD5;border:solid 1px #2849C7}
.lecWriteLayer .btnMtrAdd{position:absolute;top:200px;right:320px;width:60px;height:60px;color:#fff;background:#2366ff;border:solid 1px #3B5BD5;border-radius:2px;cursor:pointer}
.lecWriteLayer .btnMtrAdd:after{display:inline-block;content:"";width:12px;height:12px;background:url(/images/ico_arrow_r.png) 0 0 no-repeat;vertical-align:middle;margin:0 0 3px 5px}
.lecWriteLayer .btnMtrAdd:hover{background:#3B5BD5;border:solid 1px #2849C7}

.recTotalTableWrap{height:335px;border:solid 2px #2366ff;background:#fff;overflow-y:auto}
.recTotalTable{width:100%}
.recTotalTable th{height:25px;background:#2366fe;color:#fff;font-size:12px;text-align:center}
.recTotalTable th.num{width:45px}
.recTotalTable th.del{width:30px}
.recTotalTable td{height:30px;border-bottom:solid 1px #e4e5e7}
.recTotalTable td.num{width:35px;text-align:center;color:gray}
.recTotalTable td.subject{font-size:13px;color:#000;font-weight:700}
.recTotalTable td.del{width:30px;text-align:center}
.recTotalTable td .btnDel{width:17px;height:17px;background:url(/images/ico_input_cancel.png) 0 0 no-repeat;cursor:pointer}
.recTotalTable tr:nth-child(odd) td{background:#f5f5f5}

.nationList{width:860px;margin:0 auto;padding:10px 15px}
.nationTable{width:100%}
.nationTable td{height:40px;border-bottom:solid 1px #E4E5E7}
.nationTable td.num{width:40px;font-size:13px;color:#555}
.nationTable td.nation{width:280px;font-size:16px;color:#000;font-weight:500}
.nationTable td.lang em{float:left;display:inline-block;width:20px;height:20px;line-height:18px;font-size:12px;color:#fff;background:#838996;border:solid 1px #838996;text-align:center;margin:0 2px 1px 0}
.nationTable td.btnM{width:80px;text-align:right}
.nationTable td .btnNormal{width:70px;height:28px;border:solid 1px #CBCBCB;background:#fff;font-size:13px;color:#000;font-weight:500;cursor:pointer}
.nationTable td .btnNormal:hover{border:solid 1px #438CFF;color:#438CFF}

.nationWrite{width:830px;margin:0 auto;padding:10px 0}

.churchList{width:860px;margin:0 auto;padding:10px 15px}
.churchTab{text-align:center;border-bottom:solid 2px #454C59;padding:0 0 10px 3px;margin:10px 0 0 0}
.churchTab.borderNone{border-bottom:none}
.churchTab button{width:calc(20% + 2px);height:32px;background:#fff;border:solid 1px #cbcbcb;font-size:13px;color:#000;font-weight:500;margin:0 -3px;cursor:pointer}
.churchTab button:hover{background:#F5F5F5}
.churchTab button.on{background:#438CFF;border:solid 1px #3A7BE0;color:#fff;position:relative}

.eventTitle{height:45px;border-bottom:solid 2px #454C59;padding:0 0 0 3px;margin:10px 0 0 0;position:relative}
.eventTitle h2{display:inline-block;font-size:18px;color:#333;font-weight:600;padding:5px 0 0 0;margin:0 20px 0 0}
.eventTitle .btnR{position:absolute;top:0;right:0}
.eventTitle .inputSearch{height:32px;border:solid 1px #cbcbcb;background:url(/images/ico_search_top.png) 96% 50% no-repeat;font-size:14px;color:#000;vertical-align:middle;padding:0 10px;margin:0 5px 0 0}
.eventTitle .btnWrite{min-width:100px;height:32px;line-height:30px;background:#438cff;border:solid 1px #3a7be0;color:#fff;font-size:13px;font-weight:500;padding:0 10px;cursor:pointer}
.eventTitle .btnWrite:hover{background:#3A7BE0;border:solid 1px #306ECE}

.eventTab.borderNone{border-bottom:none}
.eventTab button{width:calc(20% + 2px);height:32px;background:#fff;border:solid 1px #cbcbcb;font-size:13px;color:#000;font-weight:500;margin:0 -3px;cursor:pointer}
.eventTab button:hover{background:#F5F5F5}
.eventTab button.on{background:#438CFF;border:solid 1px #3A7BE0;color:#fff;position:relative}

.authExplain{border-bottom:solid 2px #454C59;padding:10px 0 10px 0}
.authExplain .point{color:#097aff}

.churchTable{width:100%}
.churchTable td{height:40px;border-bottom:solid 1px #E4E5E7}
.churchTable td.num{width:40px;font-size:13px;color:#555}
.churchTable td.church{font-size:16px;color:#000;font-weight:500}
.churchTable td.date{width:120px;font-size:13px;color:#777}
.churchTable td.tdBtn{width:80px;text-align:right}
.churchTable td .btnReset{display:inline-block;width:120px;height:28px;border:solid 1px #CBCBCB;background:#fff;font-size:13px;color:#00f;font-weight:500}
.churchTable td .btnDel{display:inline-block;width:70px;height:28px;border:solid 1px #CBCBCB;background:#fff;font-size:13px;color:#000;font-weight:500;cursor:pointer}
.churchTable td .btnDel:before{display:inline-block;content:"";width:11px;height:12px;background:url(/images/ico_del.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 3px 0}
.churchTable td .btnDel:hover{color:#ff6680}

.addWrap{margin:30px 0 0 0}
.addWrap .addTitle{height:35px}
.addWrap .addTitle h2{font-size:18px;color:#333;font-weight:500}
.addWrap .addBox{border:solid 1px #c8c8c8;padding:20px 0 20px 20px}
.addWrap .addBoxUnder{border:solid 1px #c8c8c8;padding:20px 0 10px 20px}
.addWrap .addBox.ct{padding:20px;text-align:center}
.addWrap .btnWrite{display:inline-block;min-width:100px;height:32px;line-height:30px;background:#438cff;border:solid 1px #3a7be0;color:#fff;font-size:13px;font-weight:500;padding:0 10px;cursor:pointer}
.addWrap .btnWrite:hover{background:#3A7BE0;border:solid 1px #306ECE}

.select2-container--default .select2-selection--single{height:32px;border-color:#c8c8c8;border-radius:0}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:32px}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:32px}

.multiCountry{width:230px}
.multiChurch{width:450px}

.addTbTable{width:calc(100% - 20px);margin:10px 0 0 0}
.addTbTable td{border-top:solid 1px #E4E5E7;padding:10px 0}
.addTbTable td.tdBtn{width:100px}
.addTbTable td .saintNm{display:inline-block;color:#000;font-weight:500;font-size:16px;margin:0 10px 0 0}
.addTbTable td .info{color:gray}
.inputSearchSaint{width:230px;height:32px;border:solid 1px #c8c8c8;color:#000;padding:0 10px}
.btnLsnSearch{width:100px;height:32px;background:#9ea4b3;border:solid 1px #82899a;color:#fff;font-weight:500;cursor:pointer}
.btnLsnSearch:hover{background:#82899a}

.eventTable{width:100%;margin:10px 0 0 0}
.eventTable td{height:70px;border-bottom:solid 1px #E4E5E7;padding:10px 0}
.eventTable td.thumWrap{width:100px;height:135px;vertical-align:middle;position:relative}
.eventTable td.thumWrap .thum{position:absolute;top:10px;left:0;width:75px;height:114px;background:#efedee url(/images/img_no.jpg) 50% 50% no-repeat;background-size:75px auto}
.eventTable td.thumWrap .frame{position:absolute;top:10px;left:0;width:78px;height:117px;background:url(/images/frame_book.png) 0 0 no-repeat;background-size:78px auto}
.eventTable td.thumWrap .ico{position:absolute;top:11px;right:25px}
.eventTable td.thumWrap .icoD{display:inline-block;width:20px;height:20px;background:rgba(0,0,0,0.6);color:#fff;font-size:14px;font-family:tahoma !important;text-align:center;vertical-align:middle;margin:0 0 0 -3px}
.eventTable td.thumWrap .icoD:before{display:block;content:"D";line-height:20px}
.eventTable td.thumWrap .icoLock{display:inline-block;width:20px;height:20px;background:#438cff url(/images/ico_lock_w.png) 50% 45% no-repeat;vertical-align:middle;margin:0 0 0 -3px}
.eventTable td.tdMedia{vertical-align:top}
.eventTable td.media{display:table-cell}
.eventTable td p{margin:0}
.eventTable td .group{color:#097AFF;font-size:13px;padding:0 0 5px 0}
.eventTable td .groupKind{color:gray;font-size:13px;padding:0 0 5px 0}
.eventTable td .groupKind em{width:auto;color:#00CA00;font-weight:500;border:none;margin:0}
.eventTable td .subject{color:#000;font-size:16px;font-weight:500}
.eventTable td .info{font-size:13px;color:#777;padding:10px 0 0 0}
.eventTable td .info em{display:inline-block;margin:0 10px 0 0}
.eventTable td.tdBtn{width:90px;text-align:right}
.eventTable td .btnNormal{display:inline-block;width:70px;height:28px;border:solid 1px #CBCBCB;background:#fff;font-size:13px;color:#000;font-weight:500;cursor:pointer}
.eventTable td .btnNormal:hover{border:solid 1px #438CFF;color:#438CFF}
.eventTable.top td{height:140px;border-bottom:solid 1px #c8c8c8}
.eventTable .target{font-size:13px;color:#000;margin:0 0 0 5px}
.eventTable .target:before{display:inline-block;content:"";width:11px;height:11px;background:url(/images/ico_global.png) 0 0 no-repeat;vertical-align:middle;margin:0 2px 2px 0}

.historyTable{width:100%}
.historyTable th{text-align:left;font-weight:700;border-bottom:1px solid #cbcbcb;padding:7px 3px;background:#f2faff}
.historyTable tr:hover{background-color:#f8f8f8;cursor:pointer}
.historyTable tr:hover td.subject{color:#097aff}
.historyTable th.num{width:40px;text-align:center}
.historyTable th.gubun{width:100px;padding-left:10px}
.historyTable th.target{width:60px}
.historyTable th.group{width:170px}
.historyTable th.date{width:80px}
.historyTable td{border-bottom:solid 1px #E4E5E7;padding:7px 3px}
.historyTable td.num{font-size:13px;line-height:1.08;letter-spacing:normal;text-align:center;color:#555555}
.historyTable td.gubun{font-size:13px;text-align:left;color:#000000;padding-left:10px}
.historyTable td.subject{font-size:15px;font-weight:500;line-height:1.47;text-align:left;color:#000000}
.historyTable td.group{padding:0 0 5px 3px;font-size:13px;line-height:normal;text-align:left;color:#097aff}
.historyTable td.date{font-size:12px;line-height:1.33;text-align:left;color:#777777}
.historyTable td .btnNormal{display:inline-block;width:70px;height:28px;border:solid 1px #CBCBCB;background:#fff;font-size:13px;color:#000;font-weight:500}
.historyTable td .btnNormal:hover{border:solid 1px #438CFF;color:#438CFF}
.historyTable.top td{height:80px;border-bottom:solid 1px #c8c8c8}

.chHistoryTitle{height:40px;border-bottom:solid 2px #454C59;position:relative;margin:10px 0 0 0}
.chHistoryTitle h2{display:inline-block;font-size:18px;color:#333;font-weight:500;padding:5px 0 0 0;margin:0 20px 0 0}
.chHistoryTitle .btnR{position:absolute;top:0;right:0}
.chHistoryTitle .btnR .inputSelect{min-width:120px;margin:0 5px 0 0}
.chHistoryTitle .btnL{position:absolute;left:130px;top:0}
.chHistoryTitle .inputSearch{height:32px;border:solid 1px #cbcbcb;background:url(/images/ico_search_top.png) 96% 50% no-repeat;font-size:14px;color:#000;vertical-align:middle;padding:0 10px;margin:0 5px 0 0}
.chHistoryTitle .btnWrite{min-width:100px;height:32px;line-height:30px;background:#438cff;border:solid 1px #3a7be0;color:#fff;font-size:13px;font-weight:500;padding:0 10px}
.chHistoryTitle .btnWrite:hover{background:#3A7BE0;border:solid 1px #306ECE}

.chHistoryCon{min-height:650px}
.chHistoryTable{width:100%}
.chHistoryTable th{text-align:left;font-weight:700;font-size:12px;border-bottom:1px solid #cbcbcb;padding:8px 3px;background:#f2faff}
.chHistoryTable tr:hover{background-color:#f8f8f8;cursor:pointer}
.chHistoryTable tr:hover td.subject{color:#097aff}
.chHistoryTable tr:nth-child(2n-1){background-color:#f6f6f6}
.chHistoryTable th.num{width:40px;text-align:center}
.chHistoryTable th.gubun{width:90px;text-align:center}
.chHistoryTable th.branch{width:180px;padding-left:10px}
.chHistoryTable th.lang{width:50px}
.chHistoryTable th.time{width:80px;text-align:center}
.chHistoryTable th.date{width:130px;text-align:center}
.chHistoryTable th.name{width:130px}
.chHistoryTable th.capacity{width:80px;text-align:center}
.chHistoryTable td{border-bottom:solid 1px #E4E5E7;font-size:12px;padding:7px 3px}
.chHistoryTable td.num{line-height:1.08;text-align:center;color:#555}
.chHistoryTable td.gubun{text-align:left;color:#000;text-align:center}
.chHistoryTable td.branch{padding-left:10px}
.chHistoryTable td.subject{font-size:14px;font-weight:500;line-height:1.47;text-align:left;color:#000;letter-spacing:-0.5px}
.chHistoryTable td.time{padding:0 0 5px 3px;line-height:normal;text-align:center;color:#097aff}
.chHistoryTable td.date{line-height:1.33;text-align:center;color:#777}
.chHistoryTable td.name{font-size:13px;color:#000}
.chHistoryTable td.capacity{color:#777;text-align:center}
.chHistoryTable td .duty{font-size:12px;color:#333}
.chHistoryTable td .btnNormal{display:inline-block;width:70px;height:28px;border:solid 1px #CBCBCB;background:#fff;font-size:13px;color:#000;font-weight:500}

.popInstall{padding:30px}
.popInstall .title{text-align:center;background:#fff;padding:30px 17px 30px 0;position:fixed;top:0;left:0;right:0}
.popInstall .title h1{font-size:33px;color:#000;letter-spacing:-2px}
.popInstall .title h1:before{display:inline-block;content:"";width:28px;height:28px;background:url(/images/ico_install_warn@2x.png) 0 0 no-repeat;background-size:28px auto;vertical-align:middle;margin:0 7px 7px 0}
.popInstallCon{position:fixed;top:180px;left:0;right:0;bottom:0;height:calc(100vh - 180px);overflow-y:scroll}
.popInstallView{width:670px;margin:0 auto}
.popInstall .linkBox{display:block;width:580px;border-radius:2px;margin:20px auto 0 auto}
.popInstall .linkBox button{display:inline-block;width:50%;background:#f5f5f5;border:solid 1px #e6e6e6;height:40px;font-size:15px;color:#333;margin:0 -2px 0 -2px;padding:1px 0 0 0;cursor:pointer}
.popInstall .linkBox button.on{color:#438cff;background:#f1f6fc;border:solid 1px #d6e5f6;position:relative}
.popInstall h2{font-size:25px;color:#000;letter-spacing:-2px;margin:0 0 20px 45px}
.popInstall h2 .point{color:#f08820}
.popInstall h2 em{display:inline-block;width:30px;height:30px;line-height:30px;background:#f08820;border-radius:50%;color:#fff;font-size:18px;text-align:center;vertical-align:middle;margin:0 5px 7px 0}
.popInstall .btnFileArea{text-align:center;margin:0 0 30px 0}
.popInstall .btnInstall{width:580px;height:50px;background:#438cff;border:solid 1px #3a7be0;color:#fff;font-weight:500;font-size:18px;border-radius:2px;cursor:pointer}
.popInstall .btnInstall:hover{background:#3a7be0}
.popInstall .btnInstall:before{display:inline-block;content:"";width:15px;height:15px;background:url(/images/ico_media_down.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 5px 0}
.popInstall .btnInstall .fileName{display:inline-block;font-size:13px;color:#cbeefe;margin:0 0 0 10px}
.popInstall .installList{margin:0 45px 30px 45px}
.popInstall .installList h3{font-size:18px;color:#438cff;margin:0 0 10px 0}
.popInstall .installList .explain{font-size:15px;line-height:1.8;margin:0 0 0 20px}
.popInstall .installList .img1{width:540px;border:solid 1px #bbb;margin:10px 0 0 40px}
.popInstall .installList .img2{width:540px;margin:10px 0 0 40px}
.popInstall .lineTop{border-top:solid 1px #c6c6c6;margin:0 45px 30px 45px}
.chHistoryTable td .btnNormal:hover{border:solid 1px #438CFF;color:#438CFF}

.contentWrap{width:100%;margin:10px auto 25px;display:table;border-bottom:1px solid #cbcbcb}
.contentWrap dl{float:left;height:110px;position:relative}
.contentWrap dt{cursor:pointer;width:78px;position:relative}
.contentWrap dt .line{position:absolute;top:0;left:0;width:78px;height:117px;border:solid 1px rgba(0,0,0,0.1)}
.contentWrap dt img{width:78px;height:117px}
.contentWrap dt .ico{position:absolute;top:1px;right:0;margin:0 0 5px 0}
.contentWrap dt .icoD{display:inline-block;width:25px;height:25px;background:rgba(0,0,0,0.6) url(/images/ico_d.png) 50% 50% no-repeat;background-size:12px auto;margin:0 0 0 0}
.contentWrap dt .icoD:before{content:""}
.contentWrap dt .icoLock{display:inline-block;width:25px;height:25px;background:rgba(67,140,255,0.8) url(/images/ico_lock.png) 50% 50% no-repeat;background-size:12px auto;margin:0 0 0 0}
.contentWrap dd{position:absolute;left:95px;top:30px;width:calc(100vw - 120px)}
.contentWrap dd a{color:#000}
.contentWrap dd em{margin:0 10px 0 0}
.contentWrap .subject{font-size:16px;color:#097aff;font-weight:500;margin:0 0 10px 0}

.adminList.historyCon .searchArea{margin-bottom:10px}
.adminList.historyCon .searchArea .inputSearch{height:32px;border:solid 1px #cbcbcb;background:url(/images/ico_search_top.png) 96% 50% no-repeat;font-size:14px;color:#000;vertical-align:middle;padding:0 10px;margin:0 5px 0 0}
.adminList.historyCon .searchArea .multiCountry{font-size:14px;color:#000;cursor:pointer;padding:0 5px}
.adminList.historyCon .searchArea .brnSearch{width:80px;height:32px;background:url(/images/ico_reload.png) 25% 50% no-repeat;background-color:#438cff;border:solid 1px #3a7be0;font-size:13px;text-align:center;color:#ffffff;padding-left:20px}
.adminList.historyCon div.gridbox .objbox{overflow-y:auto !important;overflow-x:hidden !important}
.adminList.historyCon div.gridbox .xhdr{border-top:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;background:#f2faff}
.adminList.historyCon div.gridbox .xhdr table{width:calc(100% - 17px) !important}
.adminList.historyCon div.gridbox table.hdr td{background-color:#f2faff;border:none;padding:7px 4px}
.adminList.historyCon div.gridbox table.hdr tr:last-child td{display:none}
.adminList.historyCon div.gridbox table.hdr td div.hdrcell{font-size:13px;font-weight:600;text-align:center;color:#000000}
.adminList.historyCon div.gridbox table.hdr td div.hdrcell span.right{text-align:right}
.adminList.historyCon div.gridbox table.hdr td div.hdrcell span.center{text-align:center}
.adminList.historyCon div.gridbox table.hdr td:first-child div.hdrcell{text-align:center}
.adminList.historyCon div.gridbox table.row20px tr td{border-left:none;border-right:none;border-bottom:1px solid #e4e5e7;padding:5px 0}

.adminList.ctConnW{width:1300px}
.ctConnList{display:table;width:100%;border-bottom:solid 1px #E4E5E7}
.ctConnListL{display:table-cell;width:600px;vertical-align:top;padding:0 0 20px 0}

.ctConnListL .listTable td.num{text-align:center}
.ctConnListL .listTable td.thumWrap{width:70px;height:90px}
.ctConnListL .listTable td.thumWrap .frame{width:50px;height:70px;background-size:50px auto}
.ctConnListL .listTable td.thumWrap .thum{width:50px;height:70px}
.ctConnListL .listTable td.thumWrap .ico{right:20px}
.ctConnListL .listTable td.info{padding-right:30px}
.ctConnListL .listTable tr.lineBot td{border-bottom:solid 1px #438cff}
.ctConnListL .listTable tr.current td{background:#f9fdff;border-bottom:solid 1px #438cff;position:relative}
.ctConnListL .listTable tr.current td:first-child{border-left:solid 1px #438cff}
.ctConnListL .listTable tr.current .btnModify{border-color:#438cff;background:#438cff;color:#fff}

.ctConnListR{display:table-cell;vertical-align:top;border-left:solid 1px #454c59;padding:30px}

.ctConnTable{width:100%}
.ctConnTable th{width:100px;font-weight:500;color:#000;font-size:14px;vertical-align:top;padding:0 0 20px 0}
.ctConnTable th.padTHT{padding-top:5px}
.ctConnTable td{vertical-align:top;padding:0 0 20px 0}
.ctConnTable td .wCate{width:250px;border:solid 1px #b1b2b3}
.ctConnTable td .inputChk + label{font-size:14px;font-weight:500;margin-bottom:5px}

.ctConnFoot{border-top:solid 1px #eee;text-align:center;padding:30px 0 0 0}
.ctConnFoot .btnDel{min-width:100px;height:32px;font-size:14px;color:#000;font-weight:500;background:#fff;border:solid 1px #cbcbcb;cursor:pointer}
.ctConnFoot .btnDel:hover{background:#f5f5f5}
.ctConnFoot .btnDel:before{display:inline-block;content:"";width:11px;height:12px;background:url(/images/ico_del.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 3px 0}
.ctConnFoot .btnSave{min-width:100px;height:32px;font-size:14px;color:#fff;font-weight:500;background:#438cff;border:solid 1px #3a7be0;cursor:pointer}
.ctConnFoot .btnSave:hover{background:#3a7be0;border:solid 1px #3063c3}

.ctConnArea{background:#f9fdff;border:solid 1px #ecf5f9;margin:30px 0 0 0}
.ctConnArea .cateItem{font-size:15px;line-height:1.7;border-top:dashed 1px #eee;padding:20px 120px 20px 30px;position:relative}
.ctConnArea .cateItem:first-child{border-top:none}
.ctConnArea .cateItem .cateDep1{color:#00CA00}
.ctConnArea .cateItem .cateDep2{color:#097AFF}
.ctConnArea .cateItem .cateDep3{color:#000}
.ctConnArea .cateItem .btnR{position:absolute;top:50%;right:30px;margin-top:-14px}
.ctConnArea .cateItem .btnDelS{width:17px;height:17px;background:url(/images/ico_input_cancel.png) 0 0 no-repeat;cursor:pointer}
.ctConnArea .cateItem .btnModifyS{height:22px;background:#fff;border:solid 1px #d4d3d3;border-radius:2px;color:#333;padding:0 7px;margin:0 5px 0 0;cursor:pointer}
.ctConnArea .cateItem .btnModifyS:before{display:inline-block;content:"";width:11px;height:12px;background:url(/images/ico_detail_write2_hover.png) 0 0 no-repeat;vertical-align:middle;margin:0 0 2px 0}
.ctConnArea .cateItem .btnModifyS.on{border:solid 1px #438cff}

.listTop{height:110px;background-size:cover;background-position:center 0;background-repeat:no-repeat;padding:25px 0 20px 0;margin:-1px 0 0 0}
.listTop.notice{background-image:url(/images/img_notice.jpg)}
.listTop.education1{background-image:url(/images/img_edu1.jpg)}
.listTop.education2{background-image:url(/images/img_edu2.jpg)}
.listTop.education3{background-image:url(/images/img_edu3.jpg)}
.listTop.education4{background-image:url(/images/img_edu4.jpg)}
.listTop.education5{background-image:url(/images/img_edu5.jpg)}
.listTop.answer{background-image:url(/images/img_answer.jpg)}
.listTop.inqTop{background-image:url(/images/img_qna.jpg)}
.listTop.inqTopAdmin{background-image:url(/images/img_qna.jpg)}
.listTop.bsupply{background-image:url(/images/img_bsupply.jpg)}
.listTopIn{max-width:1260px;text-align:center;margin:0 auto;padding:0 15px;position:relative}
.listTop.inqTop .listTopIn{max-width:830px}
.listTop.inqTopAdmin .listTopIn{max-width:1130px}
.listTop h2{font-size:28px;color:#fff;font-weight:700;letter-spacing:-0.5px;text-align:center;margin:0}
.listTop .shTopAreaIn{position:relative}
.listTop .shTopArea .inputSH{width:100%;height:30px;font-size:12px;color:#fff;letter-spacing:-0.5px;border-bottom:solid 1px #fff;background:transparent}
.listTop .shTopArea .inputSH::-webkit-input-placeholder{color:#fff}
.listTop .shTopArea .btnSH{position:absolute;top:0;right:0;width:30px;height:30px;background:url(/images/ico_search_top_w.png) right 45% no-repeat;cursor:pointer}

@media(min-width:1024px){
  .listTop{height:240px;border-bottom:none;padding:65px 0 15px 0}
  .listTop.inqTop{padding:40px 0 30px 0}
  .listTop.inqTopAdmin{padding:40px 0 30px 0}
  .listTop h2{height:75px;font-size:45px}
  .listTop .shTopArea{width:370px;margin:0 auto}
  .listTop .shTopArea .inputSH{height:40px;font-size:14px}
  .listTop .shTopArea .btnSH{width:40px;height:40px;background:url(/images/ico_search_top_w.png) right 50% no-repeat}
  .listTop h2{font-weight:700}
}

.listTop.eduFile{height:auto;background:#fff;padding:25px 0 20px 0;margin-top:0}
.listTop.eduFile .listTopIn{max-width:1260px;margin:0 auto;padding:0 15px;position:relative}
.listTop.eduFile h2{font-size:17px;color:#000;font-weight:700;letter-spacing:-0.5px;text-align:center;margin:0}
.listTop.eduFile .shTopAreaIn{position:relative}
.listTop.eduFile .shTopArea .inputSH{width:100%;height:30px;font-size:12px;color:#000;letter-spacing:-0.5px;border-bottom:solid 1px #1e1e1e}
.listTop.eduFile .shTopArea .btnSH{position:absolute;top:0;right:0;width:30px;height:30px;background:url(/images/ico_top_sh.png) right 45% no-repeat;cursor:pointer}

.eduListBg{position:relative;padding:0 0 20px 0}

.langEduList{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:10001/*헤더보다위로*/}
.langEduListIn{max-width:1260px;margin:0 auto}

.langEduSmList{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:10001/*헤더보다위로*/}
.langEduSmListIn{max-width:880px;margin:0 auto}

@media(min-width:1024px){
  .listTop.eduFile{border-bottom:none;padding:40px 0 15px 0}
  .listTop.eduFile{padding:40px 0 30px 0}
  .listTop.eduFile h2{height:35px;font-size:35px;text-align:left}
  .listTop.eduFile .shTopArea{width:370px}
  .listTop.eduFile .shTopArea{position:absolute;top:0;right:15px}
  .listTop.eduFile .shTopArea .inputSH{height:40px;font-size:14px}
  .listTop.eduFile .shTopArea .btnSH{width:40px;height:40px;background:url(/images/ico_top_sh.png) right 50% no-repeat}
  .eduListBg{padding:30px 0 80px 0}
  .langEduList{display:block;position:unset;padding:10px 0;z-index:1}
  .langEduListIn{padding:0 15px}
  .langEduSmList{display:block;position:unset;padding:10px 0;z-index:1}
  .langEduSmListIn{padding:0 15px}
}

.langBList{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:10001/*헤더보다위로*/}
.langBListIn{max-width:1260px;margin:0 auto}

@media(min-width:700px){
  .langBList{display:block;position:unset;padding:10px 0;margin:20px 0 0 0;z-index:1}
  .langBListIn{padding:0 15px}
}

.contentAdmTopIn{border-bottom:solid 1px #ebebeb;margin:20px auto 0 auto;padding:0 15px 15px 15px;position:relative}
.contentAdmTop .depthTop{display:inline-block;font-size:12px;color:#00c680;letter-spacing:-0.5px;background:url(/images/line_depth_top.png) 0 12px repeat-x;background-size:auto 8px;padding:0}
.contentAdmTop .depthR{position:absolute;top:0;right:15px}
.contentAdmTop .btnListT{min-width:55px;height:25px;border:solid 1px #dbdfe6;background:#fff;font-size:12px;color:#333;padding:0 5px;cursor:pointer}
.contentAdmTop .btnListT:before{display:inline-block;content:"";width:10px;height:7px;background:url(/images/ico_list_b.png) 0 0 no-repeat;background-size:10px auto;vertical-align:middle;margin:0 5px 3px 0}
.contentAdmTop .btnSaveT{min-width:100px;height:32px;font-size:13px;font-weight:700;background:#535bfb;border:solid 1px #353de2;color:#fff;padding:0 10px;cursor:pointer}
.contentAdmTop .inputTitle{width:70%;border:solid 1px #bbb;padding-left:7px;font-size:14px;height:40px}
.contentAdmTop .btnFinishT{min-width:100px;height:32px;font-size:13px;font-weight:700;background:#00c577;border:solid 1px #00c577;color:#fff;padding:0 10px;cursor:pointer}
.contentAdmTop .btnFinishT.ok{background-color:#FF4C6A;border:solid 1px #DC3B56;opacity:0.5;cursor:pointer;line-height:0.85}
.contentAdmTop .btnFinishT.ok:before{display:inline-block;content:"";width:10px;height:8px;background:url(/images/ico_check_att.png) 0 0 no-repeat;vertical-align:middle;margin:0 3px 3px 0}
.contentAdmTop .btnFinishT.ok em{font-size:11px;font-weight:400;margin:0 0 0 5px}
.contentAdmTop h3{font-size:17px;color:#333;font-weight:700;letter-spacing:-0.5px;margin:3px 0 0 0}
.contentAdmTop .subjectUnder{font-size:12px;color:#aaa;margin:10px 0 0 0}
.contentAdmTop .steadInfo{display:none;margin:10px 0 0 5px;color:#4e4e4e;font-weight:700;font-size:14px;position:relative}
.contentAdmTop .infoUnder{font-size:12px;color:#aaa;margin:5px 0 0 5px}
.contentAdmTop .infoUnder .name{padding:0 5px}
.contentAdmTop .infoUnder .name,
.contentAdmTop .infoUnder .church{color:#333} 
.contentAdmTop .infoUnder .cate{display:inline-block;color:#535bfb;margin:0 10px 0 0;font-weight:700}
.contentAdmTop .infoUnder .major{font-size:13px;color:#858894;font-weight:700;letter-spacing:-0.5px;margin:0 5px 0 0}
.contentAdmTop .infoUnder .lecture{font-weight:normal;font-size:13px}
.contentAdmTop .infoUnder .major:before{display:inline-block;content:"";width:16px;height:16px;background:#d8d8d8 url(/images/ico_qna_major@2x.png) 50% 50% no-repeat;background-size:10px auto;border-radius:50%;vertical-align:middle;margin:0 3px 3px 0}
.contentAdmTop .infoUnder .major:after{display:inline-block;content:"";width:2px;height:2px;background:#d1d1d1;vertical-align:middle;margin:0 0 3px 10px}
.contentAdmTop .infoUnder .kind{display:inline-block;font-size:13px;color:#535bfb;font-weight:700;letter-spacing:-0.5px}
.contentAdmTop .infoUnder .dateWrap{display:block;margin:5px 0 0 0}
.contentAdmTop .infoUnder .icoReply{display:inline-block;font-size:13px;color:#111;font-weight:700;vertical-align:middle;margin:0 0 3px 10px}
.contentAdmTop .infoUnder .icoReply:before{display:inline-block;content:"";width:18px;height:18px;background:url(/images/ico_qna_reply@2x.png) 0 0 no-repeat;background-size:18px auto;vertical-align:middle;margin:0 5px 3px 0}
.contentAdmTop .infoUnder .bar{color:#d8dbe2}
.contentAdmTop .infoUnder .dateInfo{display:inline-block}
.contentAdmTop .bar{display:inline-block;font-size:12px;color:#eee;margin:0 5px}
.contentAdmTop .authArea{display:inline;color:#949494;font-size:12px;letter-spacing:-0.5px}
.contentAdmTop .authArea:before{display:inline-block;content:"";width:10px;height:13px;background:url(/images/ico_auth.png) 0 0 no-repeat;background-size:10px auto;vertical-align:middle;margin:0 5px 3px 0}
.contentAdmTop .contentEditAdmTop{padding:0 0 5px 0}
.contentAdmTop .subChoice{font-size:17px;font-weight:500;padding:0 7px 0 0}

.contentAdmTopBtn{text-align:right}
.contentAdmTopBtnEdit{display:flex;justify-content:space-between;align-items:center}
.contentAdmTopBtnEdit .boardInfo{font-size:15px;color:#9c9c9c}
.contentAdmTopBtnEdit .boardInfo .tranInfo{font-size:13px;color:#383838}
.contentEditAdmTopBtn{margin:0 2px 7px 0}
@media(min-width:1024px){
  .contentAdmTopIn{margin:0 auto 0 auto;padding:0 0 20px 0}
  .contentAdmTop .depthTop{font-size:17px;font-weight:700;padding:0 5px}
  .contentAdmTop .depthR{right:0}
  .contentAdmTop .btnListT{min-width:80px;height:32px;font-size:13px;padding:0 10px}
  .contentAdmTop .btnFinishT{min-width:100px;height:32px}
  .contentAdmTop h3{font-size:28px;margin:12px 0 0 0;letter-spacing:-1.2px}
  .contentAdmTop .subjectUnder{font-size:17px}
  .contentAdmTop .infoUnder{font-size:14px;margin:10px 0 0 5px}
  .contentAdmTop .bar{font-size:14px}
  .contentAdmTop .authArea{font-size:14px}
}

.contentEduTop{background:#fff;padding:20px 0}
.contentEduTopIn{max-width:930px;margin:0 auto;padding:0 15px}
.contentEduTop .depthTop{display:inline-block;font-size:14px;color:#00c680;font-weight:700;letter-spacing:-0.5px;background:url(/images/line_depth_top.png) 0 10px repeat-x;padding:0 5px}
.contentEduTop h3{font-size:17px;color:#333;font-weight:700;letter-spacing:-0.5px;margin:10px 0 0 0}
.contentEduTop .subjectUnder{font-size:12px;color:#aaa;line-height:1.2;margin:5px 0 0 0}
.contentEduTop .infoUnder{font-size:12px;color:#aaa;margin:5px 0 0 0}
.contentEduTop .infoUnder .kind{color:#097aff;font-weight:700}
.contentEduTop .infoUnder .name{color:#000;font-weight:700}
.contentEduTop .infoUnder .dateInfo{display:inline-block}
.contentEduTop .bar{display:inline-block;font-size:12px;color:#eee;margin:0 5px}

.langEduCon{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:10001}
.langEduConIn{max-width:930px;margin:0 auto}

.btnViewTop{height:35px;position:relative}
.btnViewTopR{position:absolute;top:0;right:0}
.btnViewTop .bar{display:inline-block;color:#dee0e2} 
.btnViewTop .btnFull{background:#fff;font-size:12px;color:#6f7273;padding:0 6px 0 6px;cursor:pointer}
.btnViewTop .btnFull:hover{text-decoration:underline}
.btnViewTop .btnFull:before{display:inline-block;content:"";width:12px;height:12px;background:url(/images/ico_full.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 3px 0}
.btnViewTop .btnPrint{background:#fff;font-size:12px;color:#6f7273;padding:0 6px 0 6px;cursor:pointer}
.btnViewTop .btnPrint:hover{text-decoration:underline}
.btnViewTop .btnPrint:before{display:inline-block;content:"";width:14px;height:14px;background:url(/images/ico_print.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 3px 0}

@media(min-width:1024px){
  .contentEduTop{border-bottom:none;padding:30px 0 20px 0}
  .contentEduTop .depthTop{font-size:17px;background:url(/images/line_depth_top.png) 0 17px repeat-x}
  .contentEduTop h3{font-size:28px;margin:15px 0 0 0}
  .contentEduTop .subjectUnder{font-size:14px}
  .contentEduTop .infoUnder{font-size:14px;margin:10px 0 0 0}
  .contentEduTop .bar{font-size:14px}

  .langEduCon{display:block;position:unset;padding:10px 0 0 0;z-index:1}
  .langEduConIn{padding:0 15px}
  .btnViewTop .btnFull{height:26px;font-size:13px;padding:0 10px}
  .btnViewTop .btnPrint{height:26px;font-size:13px;padding:0 10px}
}

.downItem{background:#fff;border:solid 2px #fff;padding:15px}
.downItem dl{display:table;width:100%;margin:0 auto}
.downItem dt{display:table-cell;width:100px;height:124px;vertical-align:middle;position:relative}
.downItem dt .thum{position:absolute;top:0;left:0;width:83px;height:124px;background:#efedee url(/images/img_no.jpg) 50% 50% no-repeat;background-size:83px auto}
.downItem dt .frame{position:absolute;top:0;left:0;width:85px;height:124px;background:url(/images/frame_book_m.png) 0 0 no-repeat;box-shadow:1px 2px 2px rgba(0,0,0,0.1)}
.downItem dt .ico{position:absolute;top:-4px;right:17px}
.downItem dt .icoD{display:inline-block;width:20px;height:20px;background:rgba(0,0,0,0.6);color:#fff;font-size:14px;font-family:tahoma !important;text-align:center;vertical-align:middle;margin:0 0 0 -4px}
.downItem dt .icoD:before{display:block;content:"D";line-height:18px}
.downItem dt .icoLock{display:inline-block;width:20px;height:20px;background:rgba(67,140,255,0.8) url(/images/ico_lock_w.png) 50% 45% no-repeat;vertical-align:middle;margin:0 0 0 -4px}
.downItem dd{display:table-cell;vertical-align:middle;letter-spacing:-0.5px;padding:0 0 10px 0}
.downItem dd .infoTop{margin:0}
.downItem dd .infoTop .kind{display:inline-block;font-size:12px;color:#5776ff;background:url(/images/line_kind.gif) 0 90% repeat-x;padding:0 3px}
.downItem dd .subject{font-size:16px;color:#000;font-weight:700;margin:0 0 5px 0}
.downItem dd .subject .icoN{vertical-align:middle;margin:0 0 2px 0}
.downItem dd .subjectUnder{font-size:12px;color:#999;line-height:1.2;margin:0 0 5px 0}
.downItem dd .info{font-size:13px;color:#777}
.downItem dd .ico{margin:0 0 5px 0}
.downItem dd .icoD{display:inline-block;width:20px;height:20px;background:rgba(0,0,0,0.6);color:#fff;font-size:14px;font-family:tahoma !important;text-align:center;vertical-align:middle}
.downItem dd .icoD:before{display:block;content:"D";line-height:20px}
.downItem dd .icoLock{display:inline-block;width:20px;height:20px;background:#438cff url(/images/ico_lock_w.png) 50% 45% no-repeat;vertical-align:middle}
.downItem .group{font-size:13px;color:#097aff;font-weight:500;padding:0 0 5px 0}
.downItem .group em{font-weight:500;color:#00CA00;margin:0}
.downItem .group .days{display:inline-block;color:#000;font-weight:700;margin:0 0 0 15px}
.downItem .group .days:before{display:inline-block;content:"";width:16px;height:10px;background:url(/images/ico_detail_view.png) 50% 0 no-repeat;vertical-align:middle;margin:0 5px 3px 0}
.downItem .group .days em{color:#ff6565}
.downItem .group .times{display:inline-block;color:#000;font-weight:700;margin:0 0 0 10px}
.downItem .group .times:before{display:inline-block;content:"";width:16px;height:12px;background:url(/images/ico_detail_play.png) 50% 0 no-repeat;vertical-align:middle;margin:0 3px 3px 0}
.downItem .group .times em{color:#ff6565}
.downItem .group .limit{display:inline-block;color:#000;font-weight:700;margin:0 0 0 10px}
.downItem .group .limit:before{display:inline-block;content:"";width:16px;height:12px;background:url(/images/ico_down.png) 50% 0 no-repeat;vertical-align:middle;margin:0 3px 3px 0}
.downItem .group .limit em{color:#ff6565}

.fileCtrWrap{width:calc(100vw - 30px);overflow-x:auto;margin:0 15px}
.fileCtrWrap .innorix_basic{width:900px !important}
.fileCtrWrap .innorix_basic div.irx_filetree{width:755px !important}

@media(min-width:1024px){
  .downItem{height:260px;padding:25px 0 0 0}
  .downItem dt{width:170px;height:189px}
  .downItem dt .thum{width:106px;height:160px;background-size:contain}
  .downItem dt .frame{width:108px;height:160px;background:url(/images/frame_book.png) 0 0 no-repeat}
  .downItem dt .ico{top:0;right:62px;margin:0 0 5px 0}
  .downItem dt .icoD{width:40px;height:40px;background:rgba(0,0,0,0.6) url(/images/ico_d.png) 50% 50% no-repeat;margin:0 0 0 -5px}
  .downItem dt .icoD:before{content:""}
  .downItem dt .icoLock{width:40px;height:40px;background:rgba(67,140,255,0.8) url(/images/ico_lock.png) 50% 50% no-repeat;margin:0 0 0 -5px}

  .downItem dd{padding:0 0 40px 0}
  .downItem dd .infoTop{margin:0 0 5px 0}
  .downItem dd .infoTop .kind{font-size:14px}
  .downItem dd .subject{font-size:20px;font-weight:700}
  .downItem dd .subjectUnder{font-size:14px}
  .downItem dd .info{margin:15px 0 3px 0}
  .fileCtrWrap{width:auto;margin:0}
}

.eduConFoot{text-align:center;margin:20px 0 0 0;padding:0 0 10px 0}
.eduConFoot .btnBack{width:110px;height:40px;background:#fff;border:solid 1px #dbdfe6;border-radius:100px;font-size:14px;color:#4c4f50;font-weight:700;letter-spacing:-0.5px;padding:0 5px;cursor:pointer}
.eduConFoot .btnBack:before{display:inline-block;content:"";width:14px;height:10px;background:url(/images/ico_list_b.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 3px 0}
.eduConFoot .btnDown{width:110px;height:40px;background:#fff;border:solid 1px #3dcca2;border-radius:100px;font-size:14px;color:#00c680;font-weight:700;letter-spacing:-0.5px;padding:0 5px;cursor:pointer}
.eduConFoot .btnDown:before{display:inline-block;content:"";width:18px;height:15px;background:url(/images/ico_down_file.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 3px 0}
.eduConFoot .btnDown:hover{background:#3dcca2;color:#fff}
.eduConFoot .btnDown:hover:before{background:url(/images/ico_down_file_w.png) 0 0 no-repeat}

@media(min-width:1024px){
  .eduConFoot{margin:40px 0 0 0;padding:0 0 50px 0}
  .eduConFoot .btnBack{width:150px;height:50px;font-size:16px}
  .eduConFoot .btnDown{width:150px;height:50px;font-size:16px}
}
	
.langAnsList{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:1000}
.langAnsListIn{max-width:850px;margin:0 auto;padding:0}

@media(min-width:1024px){
  .langAnsList{display:block !important;position:unset;padding:10px 0;margin:40px 0 0 0;z-index:1}
  .langAnsListIn{padding:0 15px}
}

.answerListBg{padding:0 0 20px 0}
.answerList{max-width:850px;margin:0 auto 20px auto;padding:0}
.answerList dt{background:#fff url(/images/ico_tit_more.png) 95% 50% no-repeat;background-size:5px auto;border-bottom:solid 1px #f3f5f7;font-size:15px;color:#333;letter-spacing:-0.5px;margin:0;padding:10px 30px 10px 38px;cursor:pointer}
.answerList dt:before{display:inline-block;content:"Q";color:#00c680;font-size:23px;font-weight:100;margin:0 8px 0 -23px}
.answerList dt .icoN{display:inline-block;vertical-align:middle;margin:0 0 3px 0}
.answerList dd{display:none;font-size:15px;color:#000;letter-spacing:-0.5px;line-height:1.7;padding:20px 50px}
.answerList .noContent{background:#fff;text-align:center;font-size:13px;color:#999;box-shadow:0 2px 3px rgba(0,0,0,0.04);padding:8px 0}

@media(min-width:1024px){
  .answerListBg{padding:10px 0 80px 0}
  .answerList{padding:0 15px 10px 15px}
  .answerList dt{background:#fff url(/images/ico_arrow_answer.png) 97% 50% no-repeat;background-size:auto;font-size:16px;margin:10px 0 0 0;padding:18px 50px 18px 28px}
  .answerList dt:hover{border-color:#3dcca2}
  .answerList .noContent{font-size:14px;padding:25px 0}
}

.langNoticeList{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:1000;margin:40px 0 0 0}
.langNoticeListIn{max-width:850px;margin:0 auto;padding:0}

@media(min-width:700px){
  .langNoticeList{display:block !important;position:unset;padding:10px 0;z-index:1}
  .langNoticeListIn{padding:0 15px}
}

.noticeConBg{padding:20px 0 0 0}
.noticeCon{min-height:150px;max-width:710px;margin:0 auto;padding:0 15px}

@media(min-width:1024px){
  .noticeConBg{padding:40px 0}
}

.noticeListBg{padding:0 0 20px 0}
.noticeTableWrap{max-width:850px;margin:0 auto;background:#fff;padding:0}
.noticeTable{width:100%;cursor:pointer}
.noticeTable td{text-align:center;border-bottom:solid 1px #f5f5f5;padding:10px 0}
.noticeTable td.num{width:35px;font-size:13px;color:#999}
.noticeTable td.subject{font-size:13px;color:#333;font-weight:700;letter-spacing:-0.5px;text-align:left}
.noticeTable td.date{width:100px;font-size:11px;color:#888;text-align:left}
.noticeTable td .icoN{display:inline-block;vertical-align:middle;margin:0 0 3px 0}

@media(min-width:1024px){
  .noticeListBg{padding:15px 0 80px 0}
  .noticeTableWrap{padding:0 0 20px 0}
  .noticeTable{margin:10px 0 0 0}
  .noticeTable td{height:55px}
  .noticeTable td.num{width:60px;font-size:14px}
  .noticeTable td.subject{font-size:16px}
  .noticeTable td.date{width:130px;font-size:12px;letter-spacing:-0.5px;text-align:center}
  .noticeTable tr:hover td{border-color:#3dcca2}
}

.langEduFileList{background:#fff;border-top:solid 1px #eee;box-shadow:0 2px 3px rgba(0,0,0,0.04);z-index:1000;margin:0 0 10px 0}
.langEduFileListIn{max-width:1260px;margin:0 auto;padding:0}
.langEduFileList .kindBoxL{height:39px;white-space:nowrap;overflow-x:auto;padding:5px 0 0 15px}
.langEduFileList .kindBoxL button{min-width:auto;height:25px;font-size:11px;padding:0 5px;margin:0}
.langEduFileList .kindBoxL button:hover{position:relative}
.langEduFileList .kindBox .btnKindView{width:36px;height:37px;background:url(/images/ico_arrow_more.png) 70% 50% no-repeat}

@media(min-width:1024px){
  .langEduFileList{border-top:none;box-shadow:none;z-index:1;padding:0 0 10px 0;margin:0 0 0 0}
  .langEduFileListIn{padding:0 15px}
  .langEduFileList .kindBox{height:39px;overflow-y:hidden}
  .langEduFileList .kindBox.on{height:auto}
  .langEduFileList .kindBoxL{height:auto;white-space:inherit;overflow-x:inherit;font-size:12px;padding:0}
  .langEduFileList .kindBoxL button{min-width:70px;height:37px;font-size:13px;padding:0 10px;margin:0 -6px 7px 0}
  .langEduFileList .kindBox .btnKindView{width:36px;height:37px;background:#f5f5f5 url(/images/ico_lang_down.png) 50% 50% no-repeat;background-size:24px auto;border:solid 1px #ebebeb;cursor:pointer}
  .langEduFileList .kindBox .btnKindView.on{background:#f5f5f5 url(/images/ico_lang_up.png) 50% 50% no-repeat;background-size:24px auto}
  .langEduFileList .kindBox .btnKindView:focus{outline:none}
}

.eduSmTable{width:100%}
.eduSmTable td{height:45px;border-bottom:solid 1px #f3f5f7;padding:0 0 0 15px}
.eduSmTable .tdKind{width:110px;font-size:14px;color:#00c680;letter-spacing:-0.5px}
.eduSmTable .tdSubject{font-size:15px;color:#333;font-weight:700;background:url(/images/ico_cm_arrow@2x.png) 95% 50% no-repeat;background-size:7px auto}
.eduSmTable tr:hover td{border-bottom:solid 1px #3dcca2;cursor:pointer}

@media(min-width:1024px){
  .eduSmTable td{height:60px;padding:0}
  .eduSmTable .tdKind{font-size:15px}
  .eduSmTable .tdSubject{font-size:18px;background:url(/images/ico_cm_arrow@2x.png) right 50% no-repeat;background-size:7px auto}
}

.eduFileWrap{margin:0}
.eduFileTop{max-width:1260px;margin:0 auto 10px auto;padding:0 15px;position:relative}
.eduFileTopR{position:absolute;top:0;right:15px}
.eduFileTop .fileArray{display:inline-block;margin:0}
.eduFileTop .fileArray button{width:30px;height:30px;border:solid 1px #cbcbcb;margin:0 -5px 0 0;cursor:pointer}
.eduFileTop .fileArray button.on{position:relative;border-color:#3dcca2}
.eduFileTop .fileArray button:focus{outline:none}
.eduFileTop .fileArray .btnGrid{background:#fff url(/images/ico_array1.png) 50% 50% no-repeat}
.eduFileTop .fileArray .btnGrid.on{background:#fff url(/images/ico_array1_on.png) 50% 50% no-repeat}
.eduFileTop .fileArray .btnThum{background:#fff url(/images/ico_array2.png) 50% 50% no-repeat}
.eduFileTop .fileArray .btnThum.on{background:#fff url(/images/ico_array2_on.png) 50% 50% no-repeat}
.eduFileTop .inputSelect{height:30px;background:#fff;font-size:11px;padding:0}
.eduFileTop .w120{width:60px}
.eduFileTop .group{display:inline-block;;margin:0 0 0 5px}
.eduFileTop .group button{width:56px;height:30px;background:#fff;border:solid 1px #cbcbcb;font-size:10px;color:#444;letter-spacing:-0.5px;line-height:1.0;padding:0;margin:0 0 0 -6px;cursor:pointer}
.eduFileTop .group button.on{background:#3dcca2;border:solid 1px #3dcca2;color:#fff;font-weight:700;position:relative}

  @media(min-width:1024px){
  .eduFileWrap{margin:50px 0 0 0}
  .eduFileTop{margin:0 auto 15px auto}
  .eduFileTop .inputSelect{height:32px;font-size:14px;padding:0 5px}
  .eduFileTop .w120{width:120px}
  .eduFileTop .group{margin:0 0 0 10px}
  .eduFileTop .group button{width:80px;height:32px;font-size:13px;padding:0 2px 2px 2px}
}
	
.fileListThum{max-width:1340px;margin:0 auto;padding:0 0 20px 0}
.fileListThum .paginate{margin:0}

@media(min-width:1024px){
  .fileListThum{padding:0 15px 50px 15px;padding:0 15px 20px 15px}
  .fileListThum .eduItem:hover{border:solid 2px #fff}
}

.fileListGrid{width:100%;padding:0 0 20px 0;overflow-x:auto}
.fileListGrid div.gridbox{width:900px !important;height:750px;border-top:solid 1px #e4e5e7}
.fileListGrid div.gridbox .objbox{overflow:hidden !important;border-top:solid 1px #e5e6e8}
.fileListGrid div.gridbox table.hdr td{background-color:#f6f6f6;border:none;border-bottom:solid 1px #e4e5e7;font-weight:500;padding:7px 0 8px 0 !important}
.fileListGrid div.gridbox table.hdr tr:last-child td{background-color:#f6f6f6 !important}
.fileListGrid div.gridbox td.filter input, 
.fileListGrid div.gridbox td.filter select{width:calc(100% - 6px) !important;height:25px;border:solid 1px #cbcbcb;padding:0 5px}
.fileListGrid div.gridbox table.obj td{color:#333;font-weight:500;border-left:none;border-right:none;border-bottom:solid 1px #e5e6e8}
.fileListGrid div.gridbox table.obj tr.odd_gray td{background:#f6f6f6}
.fileListGrid div.gridbox table.obj tr:hover td{background:/* #ebf3ff */#f5fefa}
.fileListGrid div.gridbox table.row20px tr td{height:35px}
.fiebfff5leListGrid div.gridbox table.row20px tr td{height:35px}
.fileListGrid .cellSecu{color:#097aff}
.fileListGrid .cellTit{font-size:13px;color:#000;font-weight:700}
.fileListGrid .cellTit a{color:#000}
.fileListGrid .cellTitKr{font-size:12px;color:#a4a4a4;font-weight:400}
.fileListGrid .cellCode{font-size:13px}
.fileListGrid .cellDate{font-size:12px;color:#7e7e7e}

@media(min-width:1024px){
  .fileListGrid{max-width:1260px;margin:0 auto;padding:0 15px 50px 15px}
  .fileListGrid div.gridbox{width:1230px !important}
  .fileListGrid .cellTit{font-size:15px;font-weight:500}
  .fileListGrid div.gridbox table.row20px tr td{height:46px;font-size:14px}
}

.popLayer .commfileArea{padding:10px 0}
.popLayer .fileName{display:block;background:#f9f9f9;border:solid 1px #e8e8e8;color:#000;font-size:11px;padding:4px 85px 4px 25px;margin:-1px 0 0 0;position:relative}
.popLayer .fileName:before{position:absolute;top:4px;left:5px;width:14px;height:14px;background-size:14px auto}
.popLayer .fileName:after{position:absolute;top:3px;right:3px;display:inline-block;content:"";width:17px;height:17px;background:#fff url(/images/ico_down_r.png) 50% 50% no-repeat;vertical-align:middle}
.popLayer .fileName:hover{color:#2366ff;cursor:pointer}
.popLayer .fileName em{position:absolute;top:4px;right:30px;display:inline-block;color:#999}
.popLayer .fileName{font-size:13px;color:#222;cursor:pointer;margin:5px 0}
.popLayer .fileName:before{display:inline-block;content:"";width:18px;height:19px;background:url(/images/ico_file@2x.png) 0 0 no-repeat;background-size:18px auto;vertical-align:middle;margin:0 3px 3px 0}
.popLayer .fileName:hover{color:#2366FF;text-decoration:underline}
.popLayer .fileName .capacity{display:inline-block;font-size:12px;color:#999;margin:0 0 0 10px}

.popWriteWrap{margin-top:30px}
.popWriteWrap .title{position:relative;width:100%;display:table;padding:0 0 18px 0;margin:0;border-bottom:solid 2px #5D6169}
.popWriteWrap .title.bdNone{border-bottom:none}
.popWriteWrap .title .dateCenter{position:absolute;top:0;left:0;right:0;text-align:center}
.popWriteWrap .title .dateCenter .wYear{height:40px;border:solid 1px #666;font-weight:700;font-size:17px;padding-left:10px;cursor:pointer}
.popWriteWrap .title .dateCenter .wMonth{height:40px;border:solid 1px #666;font-weight:700;font-size:17px;padding-left:10px;cursor:pointer}
.popWriteWrap .title .btnR{position:absolute;top:0;right:0}
.popWriteWrap h2{font-size:28px;letter-spacing:-2px;color:#000;margin:0;padding:5px 0 0 0}
.popWriteWrap h2 .point{color:blue}
.popWriteWrap .tblWrite{border-top:solid 2px #5D6169}
.popWriteWrap .tblWrite th{width:95px}
.popWriteWrap .tblWrite td{padding-left:15px}
.popWriteWrap .tblWrite .startTable th{width:103px}
.popWriteWrap .tblWrite .inputText{height:32px}
.popWriteWrap .tblWrite .inputSelect{height:32px}
.popWriteWrap .tblWrite .btnChange{height:32px;line-height:30px}
.popWriteWrap .tblWrite .btnSearchS{width:32px;height:32px}
.popWriteWrap .title .state{position:absolute;top:10px;right:0;font-size:20px}
.popWriteWrap .title .state em{font-size:20px;margin:0 20px 0 0}
.popWriteWrap .title .state .inputState{display:none}
.popWriteWrap .title .state .inputState + label{display:inline-block;margin:0 20px 0 0;cursor:pointer}
.popWriteWrap .title .state .inputState + label:before{display:inline-block;content:"";width:20px;height:20px;border:solid 1px #999;border-radius:50%;vertical-align:middle;margin:0 5px 3px 0}
.popWriteWrap .title .state .inputState:checked + label{color:#496AEA}
.popWriteWrap .title .state .inputState:checked + label:before{background:#496AEA url(/images/ico_ok@2x.png) 50% 50% no-repeat;background-size:14px auto;border-color:#496AEA}
.popWriteWrap .btnFoot{text-align:center;margin-bottom:0}
.popWriteWrap .w150{width:150px}

.tblWrite{width:calc(100vw - 20px);border-bottom:solid 1px #5D6169}
.tblWrite.lineTop{border-top:solid 1px #5D6169}
.tblWrite th{width:120px;height:35px;font-size:13px;color:#222;letter-spacing:-1px;background:#ebebeb;border-left:solid 1px #ccc;border-right:solid 1px #ccc;border-top:solid 1px #d7d7d7;text-align:right;padding:5px 10px 5px 10px}
.tblWrite th .explain{font-size:13px;color:gray;font-weight:400;letter-spacing:-0.5px}
.tblWrite td .explain{font-size:13px;color:gray;font-weight:400;letter-spacing:-0.5px}
.tblWrite .th{font-size:13px;color:#222;font-weight:700;margin:0 15px 0 200px}
.tblWrite .thRadio{padding-top:10px}
.tblWrite td{height:30px;border-top:solid 1px #d7d7d7;font-size:13px;padding:5px 10px 5px 20px;position:relative}
.tblWrite td.padR{padding-right:20px}
.tblWrite tr:first-child th,
.tblWrite tr:first-child td{border-top:none}
.tblWrite .areaTit{display:inline-block;font-weight:700;letter-spacing:-1px;padding:8px 2px 0 7px}
.tblWrite .tdConti{width:50%}
.tblWrite .lineBefore th,
.tblWrite .lineBefore td{padding-bottom:18px}
.tblWrite .line{border-top:solid 1px #E4E4E4}
.tblWrite .w120{width:120px}
.tblWrite .w130{width:130px}
.tblWrite .w150{width:150px}
.tblWrite .w160{width:160px}
.tblWrite .w250{width:250px}
.tblWrite .btnNormal{display:inline-block;min-width:100px;line-height:33px;height:35px;background:#8A8A8A;border:solid 1px #838383;border-radius:2px;color:#fff;font-size:15px;padding:0 10px;text-align:center;cursor:pointer;vertical-align:middle;margin:0 2px}
.tblWrite .btnNormal:hover{background:#7A7A7A}
.tblWrite.bookCate th{width:120px}
.tblWrite .btnAdd{display:inline-block;min-width:70px;line-height:35px;height:35px;background:#8A8A8A;border:solid 1px #838383;border-radius:2px;color:#fff;font-size:15px;padding:0 10px;text-align:center;cursor:pointer;vertical-align:middle;margin:0 2px}
.tblWrite .btnAdd:hover{background:#7A7A7A}
.tblWrite .btnUpPWP{width:130px;height:75px;background:#496aea;border:solid 1px #3b5bd4;border-radius:2px;color:#fff;font-size:15px;font-weight:600}
.tblWrite .btnUpPWP:hover{background:#3b5bd4;border-color:#2949c6}
.tblWrite.langWrite{border-top:solid 1px #5D6169}
.tblWrite.langWrite th{width:100px}
.tblWrite .lineTop th,
.tblWrite .lineTop td{border-top:solid 1px #5D6169}
.tblWrite .btnRegion{display:inline-block;min-width:130px;background:#496AEA;border:solid 1px #3B5BD5;border-radius:2px;height:32px;line-height:32px;padding:0 10px;color:#fff;font-size:13px;text-align:center;cursor:pointer}
.tblWrite .btnRegion:hover{text-decoration:none;background:#3B5BD5;border:solid 1px #2849C7;color:#fff}
.tblWrite .btnChange{display:inline-block;min-width:60px;line-height:33px;height:35px;background:#8A8A8A;border:solid 1px #838383;border-radius:2px;color:#fff;font-size:14px;font-weight:700;padding:0 10px;text-align:center;cursor:pointer;vertical-align:middle;margin:0 0 0 10px}
.tblWrite .btnChange:hover{background:#7A7A7A}
.tblWrite .wRegion{width:543px;margin:5px 0 3px 0}
.tblWrite .w392{width:392px}
.tblWrite .wDate{width:150px;margin:0 0 5px 0}
.tblWrite .titS{display:inline-block;font-weight:700;color:#000}
.tblWrite .inputText.num{width:60px;height:30px}
.tblWrite .pad th,
.tblWrite .pad td{padding-top:10px;padding-bottom:10px}
.tblWrite .inputDate{width:135px}
.tblWrite .resultBox p{margin:0}
.tblWrite .resultBox td{padding-left:0}
.tblWrite .resultBox td.btnSl{padding-left:10px}
.tblWrite.frag th{width:140px}

.tblWrite .inputSelect{height:32px;border:solid 1px #cbcbcb;font-size:14px;color:#000;vertical-align:middle;margin:0;cursor:pointer;padding:0 5px}
.tblWrite .inputSelect:disabled{cursor:default;background:#f5f5f5;opacity:0.8}
.tblWrite .inputText{width:100%;height:32px;border:solid 1px #cbcbcb;font-size:14px;color:#000;padding:0 10px;vertical-align:middle}
.tblWrite .inputText.w50{width:50px}
.tblWrite .inputText.date{width:150px;padding:5px 10px;font-size:13px}
.tblWrite .inputText:disabled{cursor:default;background:#f5f5f5;opacity:0.8}
.tblWrite .inputArea{width:100%;height:70px;border:solid 1px #cbcbcb;font-size:14px;color:#000;padding:10px;resize:none}
.tblWrite .inputArea:disabled{cursor:default;background:#f5f5f5;opacity:0.8}
.tblWrite .must{display:inline-block;color:red;font-size:20px;font-weight:700;vertical-align:middle}

.popWrap{width:100%}
.popWrap .title{height:50px;background:#00397f;border-bottom:solid 1px #1639A4;padding:0}
.popWrap .title h3{font-size:16px;color:#fff;font-weight:700;line-height:1.0;padding:17px 0 0 20px;margin:0}
.popWrap .club{margin:0 0 20px 0}
.popWrap .conGeo{padding:20px}
.popWrap .geoTable th{padding:0 15px 5px 0}
.popWrap .geoTable th.th2{padding:0 15px 5px 15px}
.popWrap .geoTable td{padding:0 0 5px 0}
.popWrap .conGeo .inputSelect{height:32px;border:solid 1px #777;border-radius:2px}
.popWrap .conGeo .inputSelect:focus{border-color:#0975DF}
.popWrap .conGeo .inputText{height:32px;border:solid 1px #777;border-radius:2px;padding:0 5px}
.popWrap .conGeo .inputText:focus{border-color:#0975DF}
.popWrap .conGeo .w140{width:140px}
.popWrap .conGeo .w250{width:250px}
.popWrap .conGeo .wSearch{width:calc(100% - 95px)}
.popWrap .conGeo .btnSearch{width:90px;height:32px;line-height:30px;background:#5a6a7a;border:solid 1px #2d3b48;border-radius:2px;color:#fff;vertical-align:middle}
.popWrap .conGeo .btnSearch:hover{background:#4f5f6f;border:solid 1px #435261}
.popWrap .geoGridWrap{margin:20px 0 0 0}
.popWrap .geoGridWrap .resultNone{border-top:solid 1px #777;border-bottom:solid 1px #777;text-align:center;padding:50px 0;margin:0 0 20px 0}
.popWrap .geoGridWrap .gridBox{border:solid 1px #777}
.popWrap .geoGridWrap .xhdr{border-bottom:1px solid #bdbdbd}
.popWrap .conMember{display:table;width:100%;min-height:520px}
.popWrap .conMemL{display:none;vertical-align:top;border-right:solid 1px #999;padding:20px 30px}
.popWrap .conMemR{display:table-cell;width:600px;vertical-align:top;padding:20px 30px}
.popWrap .conMemRTitle{height:35px;position:relative;margin:10px 0 10px 0}
.popWrap .conMemRTitle h3{font-size:22px;margin:0}
.popWrap .conMemRTitle h3 em{font-weight:700;color:blue}
.popWrap .conMemRTitle h3 .step{display:inline-block;height:25px;line-height:23px;background:#eee;border:solid 1px #c5c5c5;border-radius:2px;color:#000;font-size:13px;padding:0 5px;vertical-align:middle;margin:0 0 3px 5px}
.popWrap .conMemRTitle .newMem{width:200ppx}
.popWrap .conMemRTitle .newMemTit{display:inline-block;width:90px;text-align:right;font-weight:700;font-size:17px}
.popWrap .conMemRTitle .newMem .select2-container--default .select2-selection--single{height:35px;border-radius:2px;border:solid 1px #000}
.popWrap .conMemRTitle .newMem .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:35px}
.popWrap .conMemRTitle .newMem .select2-container--default .select2-selection--single .select2-selection__arrow{height:33px}
.popWrap .conMemRTitle .newMem .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#000 transparent transparent transparent}
.popWrap .conMemRTitle .newMem .select2-container--default .select2-selection--single .select2-selection__placeholder{color:#000}
.popWrap .conMemRTitle .wmgb{display:inline-block;height:25px;line-height:23px;background:#e6ffff;border:solid 1px #c5c5c5;border-radius:2px;color:#000;font-size:13px;padding:0 5px;vertical-align:middle;margin:0 0 3px 5px}
.popWrap .radioR{position:absolute;top:10px;right:0}
.popWrap .conMemTitle{height:50px;position:relative}
.popWrap .conMemTitle h3{font-size:22px;margin:0}
.popWrap .conMemTitle h3 em{font-weight:700;color:blue}
.popWrap .conMemTitle h3 .step{display:inline-block;height:25px;line-height:23px;background:#eee;border:solid 1px #c5c5c5;border-radius:2px;color:#000;font-size:13px;padding:0 5px;vertical-align:middle;margin:0 0 3px 5px}
.popWrap .conMemTitle .btnR{position:absolute;top:0;right:0}
.popWrap .conMemTitle .btnMember{display:inline-block;min-width:120px;background:#496AEA;border:solid 1px #3B5BD5;border-radius:2px;height:35px;line-height:35px;padding:0 10px;color:#fff;font-size:14px;text-align:center;cursor:pointer}
.popWrap .conMemTitle .btnMember:hover{text-decoration:none;background:#3B5BD5;border:solid 1px #2849C7;color:#fff}
.popWrap .lifeWrap{position:relative;border-bottom:solid 1px #bdbcbc;padding:0 0 10px 0;margin:0 0 10px 0}
.popWrap .lifeWrap .tit{display:inline-block;width:90px;text-align:right;font-weight:700;font-size:17px}
.popWrap .lifeWrap .joinConditionPre{letter-spacing:-0.5px;display:block;font-size:13px;line-height:1.5;color:#333;word-break:break-all;word-wrap:break-word;background-color:#eaedf6;border:1px solid #a9b8f2;border-radius:2px;padding:10px;margin:0 0 10px}
.popWrap .lifeWrap .joinConditionPre h3{font-size:15px;font-weight:700;margin:0 0 5px 0}
.popWrap .changeLayer{top:40px;left:0}
.popWrap .inputText.life{width:200px;border:solid 1px #595AE3}
.popWrap .memFoot{text-align:center;margin:20px 0 0 0}
.popWrap .memFoot .btnNormal{border-color:#aaa}
.popWrap .inputRadio + label{/* background-color:#fff */background-color:transparent}
.popWrap .inputRadio:disabled:checked + label{color:#496AEA}
.popWrap .joinKind{position:absolute;right:0;bottom:10px}
.popWrap .joinKind .inputRadio + label{width:auto;background:transparent url(/images/ico_radio_b.png) 0 3px no-repeat;padding:0 10px 0 20px;margin:2px 0 0 0;font-size:16px;font-weight:400;color:#000;letter-spacing:-0.5px;cursor:pointer}
.popWrap .joinKind .inputRadio:checked + label{background:transparent url(/images/ico_radio_b_on.png) 0 3px no-repeat;color:#496AEA}

.btnFoot{text-align:center;padding:20px}
.btnFoot.bottomFix{position:fixed;bottom:0;width:100%;background-color:#fbfbff;padding:20px 30px;border-top:1px solid #00397f}
.btnFoot.bottomFix .btnArea{position:relative;/*top:20px;*/}
.btnFoot button{transition:background-color 0.5s ease}
.btnFoot .btnNormal{display:inline-block;min-width:120px;background:#fff;border:solid 1px #BDBDBD;border-radius:2px;height:35px;line-height:35px;padding:0 10px;color:#333;font-size:14px;text-align:center;cursor:pointer}
.btnFoot .btnNormal:hover{text-decoration:none;background:#FAFAFA}
.btnFoot .btnPrimary{display:inline-block;min-width:120px;background:#535bfb;border:solid 1px #535bfb;border-radius:2px;height:35px;line-height:35px;padding:0 10px;color:#fff;font-size:14px;text-align:center;cursor:pointer}
.btnFoot .btnPrimary:hover{text-decoration:none;background:#353dea;border:solid 1px #353dea;color:#fff}
.btnFoot .btnDel{min-width:120px;height:35px;font-size:14px;color:#000;font-weight:700;background:#fff;border:solid 1px #BDBDBD;border-radius:2px;cursor:pointer}
.btnFoot .btnDel:hover{background:#f5f5f5}
.btnFoot .btnDel:before{display:inline-block;content:"";width:11px;height:12px;background:url(/images/ico_del.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 3px 0}
.btnFoot .btnOut{display:inline-block;min-width:120px;background:#8A8A8A;border:solid 1px #838383;border-radius:2px;height:35px;line-height:35px;padding:0 10px;color:#fff;font-size:14px;text-align:center;cursor:pointer}
.btnFoot .btnOut:hover{text-decoration:none;background:#7A7A7A;border:solid 1px #696969;color:#fff}
.btnFoot .btnGreen{display:inline-block;min-width:120px;background:#12B142;border:solid 1px #13A03E;border-radius:2px;height:35px;line-height:35px;padding:0 10px;color:#fff;font-size:14px;text-align:center;cursor:pointer}
.btnFoot .btnGreen:hover{background:#13A03E;border:solid 1px #0F9036}
.btnFoot.topNone{margin:0}
.btnFoot .btnR{position:absolute;top:0;right:0}
.btnFoot .btnQuizConn{display:inline-block;min-width:150px;background:#3b4e72;border:solid 1px #3b4e72;border-radius:4px;height:35px;line-height:35px;padding:0 10px;color:#fff;font-size:14px;font-weight:700;text-align:center;cursor:pointer}

.startTable{border:solid 1px #9c9c9c}
.startTable th{background:#d9dadc;border-bottom:solid 1px #9c9c9c;border-right:solid 1px #9c9c9c;text-align:center;padding-right:0;width:115px}
.startTable th:first-child{width:80px}
.startTable td{border-bottom:solid 1px #d6d6d6;border-left:solid 1px #bdbdbd;text-align:center;padding-left:0;padding-right:0}
.startTable td.tdTit{background:#ebebeb;font-weight:700;font-size:13px;color:#000;text-align:right;padding-right:10px}
.startTable .lineBot td{border-bottom:solid 1px #9c9c9c}
.startTable tr.total td{border-bottom:none;background:#edf2fb}

.popInputLayer{position:absolute;top:150px;left:50%;width:660px;background:#fff;border-radius:5px;box-shadow:4px 4px 8px rgba(0,0,0,0.4);margin:0 0 0 -330px}
.popInputLayer.popScore{width:calc(100% - 40px);margin:0 20px !important}
.popInputLayer .popTitle{position:relative;height:45px;background:#496AEA;border-radius:5px 5px 0 0}
.popInputLayer .popTitle h3{line-height:45px;font-size:17px;color:#fff;padding:0 0 0 20px}
.popInputLayer .popTitle .btnClose{position:absolute;top:0;right:0;width:45px;height:45px;background:url(/images/common/bn_close.png) 50% 50% no-repeat;opacity:0.4;cursor:pointer}
.popInputLayer .popTitle .btnClose:hover{opacity:0.8}
.popInputLayer .popCon{padding:30px}
.popInputLayer .popConTit{border-bottom:solid 2px #333;margin:0 0 20px 0;padding:0 0 10px 0}
.popInputLayer .popConTit h3{font-size:17px;margin:0}
.popInputLayer .popConTit .subject{color:#535bfb;font-size:20px;font-weight:700}
.popInputLayer .popConTit .kind{display:inline-block;margin:0 0 0 5px}
.popInputLayer .popConTit .date{display:inline-block;font-weight:400;font-size:13px;margin:0 0 0 20px}
.popInputLayer .popScoreTit{display:table;width:100%;border-bottom:solid 2px #333;text-align:center;padding:0 0 10px 0}
.popInputLayer .popScoreTit h3{display:inline-block;font-size:17px;background:#f5f7f9;border-radius:30px;margin:0;padding:8px 20px}
.popInputLayer .popScoreTit .subject{color:#438cff;font-size:20px;font-weight:700}
.popInputLayer .popScoreTit .kind{display:inline-block;margin:0 0 0 5px}
.popInputLayer .popScoreTitR{float:right;margin-top:10px;font-weight:700;font-size:16px}
.popInputLayer .nameShBox{text-align:center}
.popInputLayer .inputText{width:100%;height:35px;border:solid 1px #b8b9ba;font-size:14px;color:#000;border-radius:2px;padding:0 10px;vertical-align:middle}
.popInputLayer .inputText.date{width:150px;padding:5px 10px;font-size:13px}
.popInputLayer .inputText:disabled{cursor:default;background:#f5f5f5;opacity:0.8}
.popInputLayer .inputTextPoint{width:100%;height:35px;border:solid 1px #2e38f1;font-size:14px;color:#2e38f1;border-radius:2px;padding:0 10px;vertical-align:middle}
.popInputLayer .inputTextPoint.date{width:150px;padding:5px 10px;font-size:13px}
.popInputLayer .inputTextPoint:disabled{cursor:default;background:#f5f5f5;opacity:0.8}
.popInputLayer .wNameSH{width:200px}
.popInputLayer .btnNameSH{min-width:70px;height:35px;line-height:33px;background:#74818E;border:solid 1px #5C5C5C;border-radius:2px;font-size:14px;color:#fff;font-weight:700;margin:0}
.popInputLayer .btnNameSH:hover{background:#5A6A7A;border-color:#506171}
.popInputLayer .btnNameSH:before{display:inline-block;width:14px;height:15px;content:"";background:url(/images/ico_search_top_w.png) 0 0 no-repeat;vertical-align:middle;margin:0 3px 3px 0}
.popInputLayer .nameResultTable{width:100%;border-top:solid 1px #ddd;margin:20px 0 20px 0}
.popInputLayer .nameResultTable th{font-weight:400;border-bottom:solid 1px #eee;padding:10px 0}
.popInputLayer .nameResultTable td{border-bottom:solid 1px #eee;padding:10px 0}
.popInputLayer .nameResultTable  .saintNm{font-size:16px;font-weight:700}
.popInputLayer .nameResultTable .info{display:block;font-size:14px;letter-spacing:0px}
.popInputLayer .nameResultTable .dpt{font-size:13px;color:#3574ff}
.popInputLayer .nameResultTable .bar{display:inline-block;font-size:12px;color:#bfbdbd;margin:0 5px 3px 5px;vertical-align:middle}
.popInputLayer .nameResultTable td.tdBtn{text-align:right}
.popInputLayer .nameResultTable .tit{font-size:15px;font-weight:700;padding-top:10px;padding-bottom:10px}
.popInputLayer .nameResultTable .btnNameSave{min-width:50px;height:30px;line-height:28px;background:#fff;border:solid 1px #535bfb;color:#535bfb;font-size:14px;font-weight:700;padding:0 10px;border-radius:30px}
.popInputLayer .nameShResultBox{background:#f6f9fd;padding:20px 30px}
.popInputLayer .nameShResultTable th{height:30px;font-size:14px;padding:0 20px 5px 0}
.popInputLayer .nameShResultTable td{font-size:14px;padding:0 0 5px 0}
.popInputLayer .nameShResultTable .tdName{padding:0 0 10px 0}
.popInputLayer .nameShResultTable .name{font-size:20px;color:#111;font-weight:700}
.popInputLayer .nameShResultTable .score{font-size:20px;font-weight:700;color:#535bfb}
.popInputLayer .nameShResultTable .statePass{display:inline-block;height:25px;line-height:25px;background:#6f8aff;border-radius:20px;color:#fff;font-size:14px;font-weight:700;padding:0 15px;margin:0 0 0 10px}
.popInputLayer .nameShResultTable .tit{font-size:12px;color:#555}
.popInputLayer .nameShResultTable .scoreS{display:inline-block;font-size:16px;color:#111;font-weight:700;margin:0 20px 0 0}
.popInputLayer .nameShResultTable .wState{width:200px}
.popInputLayer .popFoot{background:#F9F9F9;border-top:solid 1px #EBEBEB;border-radius:0 0 5px 5px;text-align:center;padding:20px 0 30px 0}
.popInputLayer .popFoot .btnDefault{width:120px;height:35px;line-height:33px;background:#74818E;border:solid 1px #5C5C5C;font-size:14px;color:#fff;font-weight:700;border-radius:2px}
.popInputLayer .popFoot .btnDefault:hover{background:#5A6A7A;border-color:#506171}
.popInputLayer .popFoot .btnNormal{width:120px;height:35px;line-height:33px;background:#fff;border:solid 1px #BDBDBD;font-size:14px;color:#333;font-weight:700;border-radius:2px}
.popInputLayer .popFoot .btnNormal:hover{background:#FAFAFA}
.popInputLayer .popFoot .btnScore{min-width:150px;display:inline-block;color:#fff;font-size:13px;font-weight:700;text-align:center;background:#00c577;height:35px;line-height:33px;border-radius:4px;cursor:pointer;padding:2px 10px 0 10px}
.popInputLayer .popFoot .btnScore:before{display:inline-block;content:"";width:19px;height:20px;background:url(/images/ico_view_file_w.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 0 0}
.popInputLayer .popFoot .btnPrimary{min-width:120px;height:35px;line-height:33px;background:#535bfb;border:solid 1px #353de2;font-size:14px;color:#fff;font-weight:700;border-radius:2px;padding:0 10px;cursor:pointer}
.popInputLayer .popFoot .btnPrimary:hover{background:#353de2;border-color:#353de2}
.popInputLayer .popFoot .btnInit{min-width:120px;height:35px;line-height:33px;background:#fff;border:solid 1px #fab5b5;font-size:14px;color:#ff5757;font-weight:700;border-radius:2px;padding:0 10px}
.popInputLayer .popFoot .btnPend{width:120px;height:35px;line-height:33px;background:#5a9b78;border:solid 1px #0a8744;font-size:14px;color:#fff;font-weight:700;border-radius:2px}
.popInputLayer .popFoot .btnPend:hover{background:#1a9553;border-color:#09763c}
.popInputLayer .popFoot .btnFlunk{width:120px;height:35px;line-height:33px;background:#d4b57b;border:solid 1px #a08b62;font-size:14px;color:#fff;font-weight:700;border-radius:2px}
.popInputLayer .popFoot .btnFlunk:hover{background:#ba914b;border-color:#957739}
.popInputLayer .popFoot.userV .btnNormal{height:45px;line-height:45px}
.popInputLayer .popFoot.userV .btnPrimary{height:45px;line-height:45px}
.popInputLayer .selMajor{display:inline-block;vertical-align:middle}
.popInputLayer .selMajor div.dhxcombo_dhx_skyblue{width:480px !important}
.popInputLayer .selMajor input.dhxcombo_input{width:460px !important}
.popInputLayer .dhxcombo_dhx_skyblue{height:34px;border:solid 1px #e6eafc;border-radius:2px}
.popInputLayer div.dhxcombo_dhx_skyblue input.dhxcombo_input{height:34px;color:#000;font-size:14px;letter-spacing:-0.5px;padding:0 5px}
.popInputLayer div.dhxcombo_dhx_skyblue div.dhxcombo_select_button{height:30px;background:transparent;border:none}
.popInputLayer div.dhxcombo_dhx_skyblue div.dhxcombo_select_button div.dhxcombo_select_img{background:url(/images/ico_arrow_sel.gif) 50% 50% no-repeat}
.popInputLayer .examAnswer{display:inline-block;font-weight:700;margin-top:10px;color:#727272}
@media(min-width:1400px){
.popInputLayer.popScore{width:900px;margin:0 auto !important}
.popInputLayer .popScoreTitR{margin-top:20px}
}

.popIntroLayer{width:880px;margin:0 0 0 -440px}
.popIntroLayer .popTitle{cursor:move}
.popIntroLayer .langArea{display:table;width:100%;margin:20px 0 0 0}
.popIntroLayer .langArea button{width:92px;height:32px;line-height:30px;background:#fff;border:solid 1px #cbcbcb;font-size:12px;color:#000;font-weight:500;overflow:hidden;margin:-1px 0 0 -1px;padding:0;cursor:pointer}
.popIntroLayer .langArea button:hover{background:#f9f9f9}
.popIntroLayer .langArea button.on{background:#535bfb;border:solid 1px #3c44e4;color:#fff;position:relative}
.popIntroLayer .langArea button.on:hover{background:#3c44e4}
.popIntroLayer .langArea button .up{display:inline-block;vertical-align:middle;margin:0 0 2px 3px}
.popIntroLayer dl{margin:10px 0 0 0}
.popIntroLayer dt{margin:0 0 5px 0}

.stateModifyLayer{margin:10px 30px 0 30px}
.stateModifyTitle{height:40px;background:#74818e;border:1px solid rgba(0,0,0,0.2);border-radius:5px 5px 0 0;text-align:left;padding:0 20px;position:relative}
.stateModifyTitle h3{line-height:40px;color:#fff;font-weight:700;font-size:16px;margin:0}
.stateModifyCon{background:#fff;border:1px solid #d2d2d2;border-top:none;border-radius:0 0 5px 5px;padding:20px}
.stateModifyTable{width:100%}
.stateModifyTable th{width:95px;font-weight:700;color:#000;text-align:left;font-size:14px;vertical-align:top;padding:8px 0 5px 0}
.stateModifyTable td{text-align:left;padding:0 0 5px 0}
.stateModifyTable .inputDate{border:solid 1px #b8b9ba}
.stateModifyTable .inputText{width:100%;height:35px;border:solid 1px #b8b9ba;font-size:14px;color:#000;border-radius:2px;padding:10px;vertical-align:middle}
.stateModifyTable .inputText.date{width:150px;padding:5px 10px;font-size:13px}
.stateModifyTable .inputText:disabled{cursor:default;background:#f5f5f5;opacity:0.8}
.stateModifyFoot{text-align:center;margin:10px 0 0 0}
.stateModifyFoot .btnPrimary{min-width:120px;height:35px;line-height:33px;background:#535bfb;border:solid 1px #353de2;font-size:14px;color:#fff;font-weight:700;border-radius:2px;cursor:pointer;padding:0 10px}
.stateModifyFoot .btnPrimary:hover{background:#353de2;border-color:#353de2}

.popInputArea{width:100%;background:#fff}
.popInputArea .popTitle{position:relative;height:45px;background:#496AEA;border-radius:5px 5px 0 0}
.popInputArea .popTitle h3{line-height:45px;font-size:17px;color:#fff;padding:0 0 0 20px}
.popInputArea .popTitle .btnClose{position:absolute;top:0;right:0;width:45px;height:45px;background:url(/images/common/bn_close.png) 50% 50% no-repeat;opacity:0.4;cursor:pointer}
.popInputArea .popTitle .btnClose:hover{opacity:0.8}
.popInputArea .popCon{padding:30px}
.popInputArea .popConTit{border-bottom:solid 2px #333;margin:0 0 20px 0;padding:0 0 10px 0}
.popInputArea .popConTit h3{font-size:17px;margin:0}
.popInputArea .popConTit .subject{color:#535bfb;font-size:20px;font-weight:700}
.popInputArea .popConTit .kind{display:inline-block;margin:0 0 0 5px}
.popInputArea .popConTit .date{display:inline-block;font-weight:400;font-size:13px;margin:0 0 0 20px}
.popInputArea .popScoreTit{border-bottom:solid 2px #333;text-align:center;padding:0 0 10px 0}
.popInputArea .popScoreTit h3{display:inline-block;min-width:300px;font-size:17px;background:#f5f7f9;border-radius:30px;margin:0;padding:8px 20px}
.popInputArea .popScoreTit .subject{color:#438cff;font-size:20px;font-weight:700}
.popInputArea .popScoreTit .kind{display:inline-block;margin:0 0 0 5px}
.popInputArea .nameShBox{text-align:center}
.popInputArea .inputText{width:100%;height:35px;border:solid 1px #b8b9ba;font-size:14px;color:#000;border-radius:2px;padding:0 10px;vertical-align:middle}
.popInputArea .inputText.date{width:150px;padding:5px 10px;font-size:13px}
.popInputArea .inputText:disabled{cursor:default;background:#f5f5f5;opacity:0.8}
.popInputArea .wNameSH{width:200px}
.popInputArea .btnNameSH{min-width:70px;height:35px;line-height:33px;background:#74818E;border:solid 1px #5C5C5C;border-radius:2px;font-size:14px;color:#fff;margin:0}
.popInputArea .btnNameSH:hover{background:#5A6A7A;border-color:#506171}
.popInputArea .btnNameSH:before{display:inline-block;width:14px;height:15px;content:"";background:url(/images/ico_search_top_w.png) 0 0 no-repeat;vertical-align:middle;margin:0 3px 3px 0}
.popInputArea .nameResultTable{width:100%;border-top:solid 1px #ddd;margin:20px 0 20px 0}
.popInputArea .nameResultTable th{font-weight:400;border-bottom:solid 1px #eee;padding:10px 0}
.popInputArea .nameResultTable td{border-bottom:solid 1px #eee;padding:10px 0}
.popInputArea .nameResultTable  .saintNm{font-size:16px;font-weight:700}
.popInputArea .nameResultTable .info{display:block;font-size:14px;letter-spacing:0px}
.popInputArea .nameResultTable .dpt{font-size:13px;color:#3574ff}
.popInputArea .nameResultTable .bar{display:inline-block;font-size:12px;color:#bfbdbd;margin:0 5px 3px 5px;vertical-align:middle}
.popInputArea .nameResultTable td.tdBtn{text-align:right}
.popInputArea .nameResultTable .tit{font-size:15px;font-weight:700;padding-top:10px;padding-bottom:10px}
.popInputArea .nameResultTable .btnNameSave{min-width:50px;height:30px;line-height:28px;background:#fff;border:solid 1px #266AD0;color:#266AD0;font-size:14px;font-weight:700;padding:0 10px;border-radius:30px}
.popInputArea .nameShResultBox{background:#f6f9fd;padding:20px 30px}
.popInputArea .nameShResultTable th{height:30px;font-size:14px;padding:0 20px 5px 0}
.popInputArea .nameShResultTable td{font-size:14px;padding:0 0 5ox 0}
.popInputArea .nameShResultTable .tdName{padding:0 0 10px 0}
.popInputArea .nameShResultTable .name{font-size:20px;color:#111;font-weight:700}
.popInputArea .nameShResultTable .score{font-size:20px;font-weight:700;color:#535bfb}
.popInputArea .nameShResultTable .statePass{display:inline-block;height:25px;line-height:25px;background:#6f8aff;border-radius:20px;color:#fff;font-size:14px;font-weight:700;padding:0 15px;margin:0 0 0 10px}
.popInputArea .nameShResultTable .tit{font-size:12px;color:#555}
.popInputArea .nameShResultTable .scoreS{display:inline-block;font-size:16px;color:#111;font-weight:700;margin:0 20px 0 0}
.popInputArea .nameShResultTable .wState{width:200px}
.popInputArea .popFoot{background:#F9F9F9;border-top:solid 1px #EBEBEB;border-radius:0 0 5px 5px;text-align:center;padding:20px 0 33px 0}
.popInputArea .popFoot .btnDefault{width:120px;height:35px;line-height:33px;background:#74818E;border:solid 1px #5C5C5C;font-size:14px;color:#fff;font-weight:700;border-radius:2px}
.popInputArea .popFoot .btnDefault:hover{background:#5A6A7A;border-color:#506171}
.popInputArea .popFoot .btnNormal{width:120px;height:35px;line-height:33px;background:#fff;border:solid 1px #BDBDBD;font-size:14px;color:#333;font-weight:700;border-radius:2px}
.popInputArea .popFoot .btnNormal:hover{background:#FAFAFA}
.popInputArea .popFoot .btnNormal:disabled{background:#BDBDBD;color:#fff;border-color:#BDBDBD}
.popInputArea .popFoot .btnPrimary{min-width:120px;height:35px;line-height:33px;background:#496AEA;border:solid 1px #3B5BD5;font-size:14px;color:#fff;font-weight:700;border-radius:2px;padding:0 10px}
.popInputArea .popFoot .btnPrimary:hover{background:#3B5BD5;border-color:#2849C7}
.popInputArea .popFoot .btnPrimary:disabled{background:#BDBDBD;color:#fff;border-color:#BDBDBD}
.popInputArea .popFoot .btnInit{min-width:120px;height:35px;line-height:33px;background:#fff;border:solid 1px #fab5b5;font-size:14px;color:#ff5757;font-weight:700;border-radius:2px;padding:0 10px}
.popInputArea .popFoot .btnInit:disabled{background:#BDBDBD;color:#fff;border-color:#BDBDBD}

.popWrtTable{width:100%}
.popWrtTable.borderTop{border-top:solid 1px #ddd}
.popWrtTable th{width:110px;height:35px;font-size:14px;background:#f9f9f9;border-bottom:solid 1px #eee;padding:5px 0 5px 20px}
.popWrtTable th.vTop{vertical-align:top;padding-top:5px}
.popWrtTable td{border-bottom:solid 1px #eee;padding:7px 15px 7px 15px}
.popWrtTable td .inputArea{width:100%;height:80px;border:solid 1px #b8b9ba;font-size:14px;color:#000;border-radius:2px;padding:5px 10px}
.popWrtTable td .wScore{width:100px;text-align:center}
.popWrtTable tr.trMemo th{background:#fdf9e2;padding-top:10px;padding-bottom:10px}
.popWrtTable tr.trMemo td{background:#fdf9e2;padding-top:10px;padding-bottom:10px}

.conDiv{display:table;width:100%;border-bottom:solid 1px #e6eafc}
.conDivL{display:table-cell;vertical-align:top;width:750px;padding:15px 0 10px 0;background-color:#FFF}
.conDivR{display:table-cell;vertical-align:top;border-left:solid 1px #e6eafc;background:#f9fdff;padding:15px 30px 0 30px}

.eduCtWrite .btnFoot{padding:30px 0}
.eduCtWrite .btnDel{min-width:100px;height:32px;font-size:14px;color:#000;font-weight:500;background:#fff;border:solid 1px #cbcbcb;border-radius:0;cursor:pointer}
.eduCtWrite .btnDel:hover{background:#f5f5f5}
.eduCtWrite .btnDel:before{display:inline-block;content:"";width:11px;height:12px;background:url(/images/ico_del.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 3px 0}
.eduCtWrite .btnSave{min-width:100px;height:32px;font-size:14px;color:#fff;font-weight:500;background:#535bfb;border:solid 1px #353de2;padding:0 10px;cursor:pointer}
.eduCtWrite .btnSave:hover{background:#353de2;border:solid 1px #353de2}
.eduCtWrite .btnList{min-width:100px;height:32px;font-size:14px;color:#000;font-weight:500;background:#fff;border:solid 1px #cbcbcb;cursor:pointer}
.eduCtWrite .btnList:hover{background:#f5f5f5}
.eduCtWrite .btnList:before{display:inline-block;content:"";width:10px;height:7px;background:url(/images/ico_list.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 3px 0}
.eduCtWrite .btnNormal{height:32px;line-height:1.1;border-radius:0}

.btnAdmFoot{text-align:center;padding:30px 0}
.btnAdmFoot .btnDel{min-width:100px;height:32px;font-size:14px;color:#000;font-weight:500;background:#fff;border:solid 1px #cbcbcb;cursor:pointer}
.btnAdmFoot .btnDel:hover{background:#f5f5f5}
.btnAdmFoot .btnDel:before{display:inline-block;content:"";width:11px;height:12px;background:url(/images/ico_del.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 3px 0}
.btnAdmFoot .btnSave{min-width:100px;height:32px;font-size:14px;color:#fff;font-weight:500;background:#535bfb;border:solid 1px #353de2;cursor:pointer}
.btnAdmFoot .btnNormal,
.btnAdmFoot .btnBack{min-width:100px;height:32px;font-size:14px;color:#666;font-weight:500;background:#fff;border:solid 1px #666;cursor:pointer}
.btnAdmFoot .btnSave:hover{background:#353de2;border:solid 1px #353de2}
.btnAdmFoot .btnList{min-width:100px;height:32px;font-size:14px;color:#000;font-weight:500;background:#fff;border:solid 1px #cbcbcb;cursor:pointer}
.btnAdmFoot .btnList:hover{background:#f5f5f5}
.btnAdmFoot .btnList:before{display:inline-block;content:"";width:10px;height:7px;background:url(/images/ico_list.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 3px 0}
.btnAdmFoot .btnClose{min-width:100px;height:32px;font-size:14px;color:#000;font-weight:500;background:#fff;border:solid 1px #cbcbcb;cursor:pointer}
.btnAdmFoot .btnClose:hover{background:#f5f5f5}
.btnAdmFoot .btnClose:before{display:inline-block;content:"";width:11px;height:10px;background:url(/images/common/ico_file_close.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 3px 0}

.visualLecture{display:table;width:100%;height:100px;background:#565efc url(https://globalapi.watv.org/images/EduLMS/banner/bg_visual_lecture.jpg) 50% 0 no-repeat;background-size:auto 100px;text-align:center}
.visualLectureIn{display:table-cell;vertical-align:middle}
.visualLecture h2{font-size:28px;color:#fff;letter-spacing:-1px;margin:0}

@media(min-width:1024px){
.visualLecture{height:165px;background-size:auto}
.visualLecture h2{font-size:50px;font-weight:700}
}

.majorSelTop{text-align:left;border-bottom:solid 8px #f5f5f6;padding:0;position:relative}

.majorNavSelLayerIn{display:block;padding:0}
.majorNavSelLayerIn .btnClose{display:none}
.majorNavSelLayerIn .titleH{display:none}
.majorNavSelLayerCon{display:flex;position:relative}

.majorSelItem{flex:1;display:inline-block;vertical-align:top}
.majorSelItem button{width:100%;height:47px;font-size:16px;color:#111;font-weight:700;background:transparent;border-left:solid 1px #d8dbe2;letter-spacing:-0.5px;padding:2px 0 0 0;position:relative;cursor:pointer}
.majorSelItem button:after{display:inline-block;content:"";width:20px;height:20px;background:#fff url(/images/ico_major_arrow@2x.png) 50% 50% no-repeat;background-size:10px auto;border:solid 2px #535bfb;border-radius:50%;vertical-align:middle;position:absolute;top:50%;right:9px;margin:-9px 0 0 4px}
.majorSelItem button.on:after{background:#fff url(/images/ico_major_arrow_up@2x.png) 50% 50% no-repeat;background-size:10px auto}
.majorSelItem:first-child button{border-left:none}
.majorSelItem button .flow{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;max-height:45px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;text-align:left;padding:0 35px 0 15px}
.majorSelItem .majorDropdown{display:none;width:100%;position:fixed;top:200px;left:0;right:0;bottom:0;background:rgba(0,0,0,0.2);z-index:100}
.majorSelItem .majorDropdown .majorDropdownBox{background:#fff;max-height:300px;border-radius:0;overflow-y:auto;padding:10px 20px}
.majorSelItem .majorDropdown a{display:block;border-bottom:solid 1px #eee;font-size:15px;color:#000;font-weight:500;transition:none;padding:13px 0 13px 0}
.majorSelItem .majorDropdown a:hover{text-decoration:none;color:#5867F3}
.majorSelItem .majorDropdown a.on{background:url(/images/ico_lec_chk@2x.png) right 50% no-repeat;background-size:14px auto;color:#5867F3}
.majorSelItem .majorDropdown a.last{border-bottom:none}

@media(min-width:1024px){
.majorSelTop{text-align:center;border-bottom:solid 1px #dcdcdc}

.majorNavSelLayer{vertical-align:middle;background:transparent;position:inherit;top:inherit;left:inherit;right:inherit;bottom:inherit}
.majorNavSelLayerIn{display:inline-block;background:transparent;position:inherit;top:inherit;left:inherit;right:inherit}
.majorNavSelLayerCon{display:block;width:100%}

.majorSelItem{width:240px;position:relative}
.majorSelTop.col3 .majorSelItem{width:260px}
.majorSelItem .majorDropdown{position:absolute;top:50px;left:-25px;right:inherit;bottom:inherit;width:280px;border-radius:12px;z-index:10000}
.majorSelItem .majorDropdown .majorDropdownBox{border:solid 1px #eee;border-radius:5px;box-shadow:2px 2px 5px rgba(0,0,0,0.15)}
.majorSelItem .majorDropdown::-webkit-scrollbar{width:12px;height:12px}
.majorSelItem .majorDropdown::-webkit-scrollbar-thumb{border-radius:10px;background-color:#bfc4ce}
.majorSelItem .majorDropdown a{text-align:left}
}

.majorNavAreaM{width:100%;text-align:left;background:#4A50F0;position:relative}
.majorNavAreaM h3{font-size:18px;color:#111;font-weight:700;letter-spacing:-0.5px;margin:0}
.majorNavAreaM .btnR{position:absolute;top:50%;right:15px;margin:-15px 0 0 0}
.majorNavAreaM .btnLecMajor{width:100px;height:30px;background:#fff;border:solid 1px #d8dbe2;font-size:12px;line-height:1.1;color:#000;padding:0 10px;border-radius:15px;letter-spacing:-0.5px;cursor:pointer}

.divFieldList{width:100%;height:47px}
.divFieldList .fieldList{height:47px;display:flex;justify-content:space-between;align-items:center;margin:0 15px}
.divFieldList .fieldList .fieldListScroll{display:flex;align-items:center;flex:1;gap:20px;height:100%;cursor:grab;overflow-x:auto;overflow-y:hidden;white-space:nowrap}
.divFieldList .fieldList .btnArrowL{flex-shrink:0;width:25px;min-width:auto;height:47px;background:url(/images/ico_foot_prev_w@2x.png) 0 50% no-repeat;background-size:9px auto;cursor:pointer}
.divFieldList .fieldList .btnArrowR{flex-shrink:0;width:25px;min-width:auto;height:47px;background:url(/images/ico_foot_next_w@2x.png) right 50% no-repeat;background-size:9px auto;cursor:pointer}
.divFieldList .fieldList a{display:inline-flex;align-items:center;flex-shrink:0;height:50px;border-top:solid 2px transparent;color:rgba(255,255,255,0.5);font-size:17px;letter-spacing:-0.5px;padding:0}
.divFieldList .fieldList a:hover{text-decoration:none}
.divFieldList .fieldList a.on{border-top:solid 2px #fff;color:#fff}
.divFieldList .fieldList a.onAdd{border-top:solid 2px transparent}
.divFieldList .fieldList a.sel{border-top:solid 2px #fff;color:#fff}

@media(min-width:1024px){
  .majorNavAreaM{padding:0 20px}
  .majorNavAreaM h3{font-size:20px}
  .divFieldList{width:920px;height:58px;margin:0px auto}
  .divFieldList .fieldList{height:58px;margin:0}
  .divFieldList .fieldList .btnArrowL{height:58px}
  .divFieldList .fieldList .btnArrowR{height:58px}
  .divFieldList .fieldList a{font-size:16px}
  .divFieldList .fieldList .fieldListScroll::-webkit-scrollbar{width:6px;height:6px}/*스크롤바 전체*/
  .divFieldList .fieldList .fieldListScroll::-webkit-scrollbar-button{display:none}/*상하,좌우 화살표*/
  .divFieldList .fieldList .fieldListScroll::-webkit-scrollbar-track{background-color:transparent}/*스크롤바배경*/
  .divFieldList .fieldList .fieldListScroll::-webkit-scrollbar-thumb{border-radius:10px;background-color:#353abd}/*움직이는 부분*/
}

.majorSelTopMy{text-align:left;border-bottom:solid 8px #f5f5f6;padding:0;position:relative}
.majorSelTopMy .majorNavAreaM{background:#fff}
.majorSelTopMy .divFieldList{height:58px}
.majorSelTopMy .divFieldList .fieldList{height:58px;padding:0}
.majorSelTopMy .divFieldList .fieldList .fieldListScroll{gap:10px}
.majorSelTopMy .divFieldList .fieldList .btnArrowL{height:58px;background:url(/images/ico_foot_prev@2x.png) 0 50% no-repeat;background-size:9px auto}
.majorSelTopMy .divFieldList .fieldList .btnArrowR{height:58px;background:url(/images/ico_foot_next@2x.png) right 50% no-repeat;background-size:9px auto}
.majorSelTopMy .divFieldList .fieldList a{height:38px;background:#E3EAFD;border:solid 1px transparent;border-radius:5px;font-size:15px;color:#5867F3;padding:0 10px}
.majorSelTopMy .divFieldList .fieldList a:hover{color:#5867F3}
.majorSelTopMy .divFieldList .fieldList a.on{background:#5867F3;color:#fff}
.majorSelTopMy .divFieldList .fieldList a.sel{border:1px solid #5867F3}
.majorSelTopMy .majorSelItem .majorDropdown{top:160px}

@media(min-width:1024px){
  .majorSelTopMy .divFieldList .fieldList  .fieldListScroll::-webkit-scrollbar-thumb{background:#bfcff9}
  .majorSelTopMy .majorSelItem .majorDropdown{top:5px;left:0}
}
	
.lectureWrap{margin:0 0 0 0;padding:0}
.lectureTit{height:55px;border-bottom:solid 2px #111;position:relative;margin:25px 20px 0 20px}
.lectureTitL{display:inline-table;margin:0 110px 0 0}
.lectureTitLIn{display:table-cell;height:40px;vertical-align:middle}
.lectureTit .tit{font-size:16px;color:#111;font-weight:700}
.lectureTit .preTheological{font-size:15px;color:#111;font-weight:700;padding:0 0 0 5px}
.lectureTit .mTit{display:none}
.lectureTit .number{font-size:15px;color:#535bfb;font-weight:700;padding:10px 0 0 0}
.lectureTit h3{font-size:23px;font-weight:700;color:#333;margin:0;padding:5px 0 0 0}
.lectureTit .btnR{position:absolute;top:3px;right:0}
.lectureTit .inputSelTop{border:solid 1px #d8dbe2;font-size:13px;color:#000;letter-spacing:-0.5px;padding:6px;border-radius:3px}
.lectureTit .info{font-size:14px;color:#111;font-weight:700;letter-spacing:-0.5px}
.lectureTit .info em{color:#535bfb;font-weight:700;margin:0 0 0 3px}
.lectureTit .bar{display:inline-block;color:#d8dbe2;margin:0 2px}
.lectureTit .btnState{height:30px;background:#6f8aff;color:#fff;font-size:13px;letter-spacing:-0.5px;border-radius:4px;padding:0 7px;margin:0 0 0 8px}
.lectureTit .btnMyState{width:125px;height:40px;background:#535BFB;border-radius:40px;font-size:13px;font-weight:700;color:#fff;padding:0 10px;cursor:pointer}

@media(min-width:1024px){
  .lectureWrap{width:960px;margin:50px auto 60px auto;padding:0 20px}
  .lectureTit{height:auto;min-height:60px;border-bottom:none;margin:20px 0 0 0}
  .lectureTitL{margin:0 320px 20px 0}
  .lectureTitLIn{vertical-align:bottom}
  .lectureTit .tit{font-size:18px}
  .lectureTit .preTheological{font-size:18px;padding:0 0 0 15px}
  .lectureTit .mTit{display:inline-block;font-size:25px}
  .lectureTit .number{font-size:16px}
  .lectureTit h3{font-size:32px}
  .lectureTit .btnR{top:inherit;bottom:20px}
  .lectureTit .inputSelTop{width:300px}
  .lectureTit .info{font-size:16px;margin:7px 0 0 0}
  .lectureTit .btnState{min-width:110px;font-size:14px}
  .lectureTit .btnMyState{width:170px;height:48px;font-size:15px}
}

.lectureTab{border-bottom:solid 8px #f5f5f6;overflow-x:auto;padding:10px 0}
.lectureTabIn{white-space:nowrap;padding:0 20px}
.lectureTab .btnPrev{display:none}
.lectureTab .btnNext{display:none}
.lectureTabGroup{display:inline-block}
.lectureTabGroup button{height:40px;background:#fff url(/images/ico_lecture_top@2x.png) 15px 50% no-repeat;background-size:18px auto;color:#555;font-size:16px;font-weight:700;text-align:left;letter-spacing:-1px;border:solid 1px #d8dbe2;border-radius:24px;margin:0 2px;padding:0 15px 0 38px;cursor:pointer}
.lectureTabGroup button.on{background:#535bfb url(/images/ico_lecture_top_on@2x.png) 15px 50% no-repeat;background-size:18px auto;border-color:#535bfb;color:#fff;position:relative}
.lectureTabGroup button.itemSaint{background:#fff url(/images/ico_quick_saint@2x.png) 15px 50% no-repeat;background-size:15px auto}
.lectureTabGroup button.itemSaint.on{background:#535bfb url(/images/ico_quick_saint_on@2x.png) 15px 50% no-repeat;background-size:15px auto}
.lectureTabGroup button.itemWorker{background:#fff url(/images/ico_quick_worker@2x.png) 15px 50% no-repeat;background-size:14px auto}
.lectureTabGroup button.itemWorker.on{background:#535bfb url(/images/ico_quick_worker_on@2x.png) 15px 50% no-repeat;background-size:14px auto}
.lectureTabGroup button.itemWorker2{background:#fff url(/images/ico_quick_worker2@2x.png) 15px 50% no-repeat;background-size:18px auto}
.lectureTabGroup button.itemWorker2.on{background:#535bfb url(/images/ico_quick_worker2_on@2x.png) 15px 50% no-repeat;background-size:18px auto}
.lectureTabGroup button.itemPreacher{background:#fff url(/images/ico_quick_preacher@2x.png) 15px 50% no-repeat;background-size:15px auto}
.lectureTabGroup button.itemPreacher.on{background:#535bfb url(/images/ico_quick_preacher_on@2x.png) 15px 50% no-repeat;background-size:15px auto}
.lectureTabGroup button.itemLeader{background:#fff url(/images/ico_quick_leader@2x.png) 15px 50% no-repeat;background-size:18px auto}
.lectureTabGroup button.itemLeader.on{background:#535bfb url(/images/ico_quick_leader_on@2x.png) 15px 50% no-repeat;background-size:18px auto}
.lectureTabGroup button.itemLeaderH{background:#fff url(/images/ico_quick_leader_h@2x.png) 15px 50% no-repeat;background-size:17px auto}
.lectureTabGroup button.itemLeaderH.on{background:#535bfb url(/images/ico_quick_leader_h_on@2x.png) 15px 50% no-repeat;background-size:17px auto}
.lectureTabGroup button.itemCadet{background:#fff url(/images/ico_quick_cadet@2x.png) 15px 50% no-repeat;background-size:18px auto}
.lectureTabGroup button.itemCadet.on{background:#535bfb url(/images/ico_quick_cadet_on@2x.png) 15px 50% no-repeat;background-size:18px auto}
.lectureTabGroup button.itemPastor{background:#fff url(/images/ico_quick_pastor@2x.png) 15px 50% no-repeat;background-size:18px auto}
.lectureTabGroup button.itemPastor.on{background:#535bfb url(/images/ico_quick_pastor_on@2x.png) 15px 50% no-repeat;background-size:18px auto}
.lectureTabGroup button.itemNewsong{background:#fff url(/images/ico_quick_newsong@2x.png) 15px 50% no-repeat;background-size:17px auto}
.lectureTabGroup button.itemNewsong.on{background:#535bfb url(/images/ico_quick_newsong_on@2x.png) 15px 50% no-repeat;background-size:17px auto}
.lectureTabGroup button.itemMiddle{background:#fff url(/images/ico_quick_middle@2x.png) 15px 50% no-repeat;background-size:18px auto}
.lectureTabGroup button.itemMiddle.on{background:#535bfb url(/images/ico_quick_middle_on@2x.png) 15px 50% no-repeat;background-size:18px auto}
.lectureTabGroup button.itemYoung{background:#fff url(/images/ico_quick_young@2x.png) 15px 50% no-repeat;background-size:18px auto}
.lectureTabGroup button.itemYoung.on{background:#535bfb url(/images/ico_quick_young_on@2x.png) 15px 50% no-repeat;background-size:18px auto}
.lectureTabGroup button.itemStudent{background:#fff url(/images/ico_quick_student@2x.png) 15px 50% no-repeat;background-size:17px auto}
.lectureTabGroup button.itemStudent.on{background:#535bfb url(/images/ico_quick_student_on@2x.png) 15px 50% no-repeat;background-size:17px auto}
.lectureTabGroup button.itemYouth{background:#fff url(/images/ico_quick_youth@2x.png) 15px 50% no-repeat;background-size:18px auto}
.lectureTabGroup button.itemYouth.on{background:#535bfb url(/images/ico_quick_youth_on@2x.png) 15px 50% no-repeat;background-size:18px auto}
.lectureTabGroup button.itemTeacher{background:#fff url(/images/ico_quick_teacher@2x.png) 15px 50% no-repeat;background-size:18px auto}
.lectureTabGroup button.itemTeacher.on{background:#535bfb url(/images/ico_quick_teacher_on@2x.png) 15px 50% no-repeat;background-size:18px auto}
.lectureTabGroup button.itemTeacherY{background:#fff url(/images/ico_quick_teacher_youth@2x.png) 15px 50% no-repeat;background-size:18px auto}
.lectureTabGroup button.itemTeacherY.on{background:#535bfb url(/images/ico_quick_teacher_youth_on@2x.png) 15px 50% no-repeat;background-size:18px auto}
.lectureTabGroup button.itemAdmin{background:#fff url(/images/ico_quick_admin@2x.png) 15px 50% no-repeat;background-size:18px auto}
.lectureTabGroup button.itemAdmin.on{background:#535bfb url(/images/ico_quick_admin_on@2x.png) 15px 50% no-repeat;background-size:18px auto}

@media(min-width:1024px){
  .lectureTab{height:60px;border-bottom:none;overflow-x:inherit;padding:0 0 0 0;position:relative}
  .lectureTabIn{padding:0}
  .lectureTabGroup{display:block;position:relative;width:100%;overflow-x:hidden;overflow-y:hidden;white-space:nowrap;transition:all 0.2s;will-change:transform;user-select:none}
  .lectureTabGroup.active{cursor:grabbing;cursor:-webkit-grabbing}
  .lectureTabGroup button{height:59px;border-radius:30px;padding:0 20px 0 42px;background-position:20px 50% !important}
  .lectureTabGroup button.on{background-position:20px 50% !important}
  .lectureTab .btnPrev{display:block;position:absolute;top:12px;left:-17px;width:34px;height:34px;background:#fff url(/images/ico_lecture_prev@2x.png) 50% 50% no-repeat;background-size:8px auto;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,0.2);z-index:1;cursor:pointer}
  .lectureTab .btnNext{display:block;position:absolute;top:12px;right:-17px;width:34px;height:34px;background:#fff url(/images/ico_lecture_next@2x.png) 50% 50% no-repeat;background-size:8px auto;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,0.2);z-index:1;cursor:pointer}
}

.lectureListTableWrap{margin:0}
.lectureListTable{width:100%}
.lectureListTable dl{border-bottom:solid 8px #f5f5f6;padding:20px 20px 10px 20px;position:relative}
.lectureListTable dd{vertical-align:top}
.lectureListTable .tdThum{width:105px;cursor:pointer;position:absolute;top:20px;left:20px}
.lectureListTable dd .thumImg{width:90px;height:90px;position:relative;background:#e0e0e0 url(/images/img_no.jpg) 50% 50% no-repeat;background-size:cover}
.lectureListTable dd .frame{position:absolute;top:0;left:0;width:90px;height:90px;border:solid 1px rgba(0,0,0,0.03)}
.lectureListTable dd .thumIco{position:absolute;top:10px;left:10px}
.lectureListTable dd .stateIng{display:inline-block;height:25px;line-height:25px;font-size:13px;color:#fff;background:#31eb83;border-radius:20px;padding:0 10px}
.lectureListTable dd .stateFinish{display:inline-block;height:25px;line-height:25px;font-size:13px;color:#666;background:#e0e0e0;border-radius:20px;padding:0 10px}
.lectureListTable .tdInfo{cursor:pointer;margin:0 0 6px 105px}
.lectureListTable .tdProgress{cursor:pointer;margin:0;display:flex;align-items:center;gap:10px}
.lectureListTable .tdRate{border-top:solid 1px #f5f5f6;text-align:center;padding-top:15px;margin:15px 0 0 0}
.lectureListTable .completeBox{text-align:left}
.lectureListTable .completeMsg{background:url(/images/ico_complete@2x.png) 0 0 no-repeat;background-size:30px auto;font-size:12px;color:#666;letter-spacing:-0.5px;line-height:1.4;padding:0 0 0 40px}
.lectureListTable .completeMsg p{margin:0}
.lectureListTable .completeMsg .bold{font-weight:700}
.lectureListTable .completeBtn{margin:10px 0 0 0}
.lectureListTable .btnComplete{width:100%;height:40px;background:#DFE1FF;border-radius:4px;box-shadow:0 4px 4px rgba(0,0,0,0.05);font-size:14px;color:#535BFB;font-weight:700}
.lectureListTable .tdMiddleWrap{margin:0 0 0 105px}
.lectureListTable .tdMedalWrap{float:left;width:57px}
.lectureListTable .medalGold{width:50px;height:60px;background:url(/images/ico_medal_gold.png) 0 0 no-repeat;background-size:45px auto}
.lectureListTable .medalSilver{width:50px;height:60px;background:url(/images/ico_medal_silver.png) 0 0 no-repeat;background-size:45px auto}
.lectureListTable .medalBronze{width:50px;height:60px;background:url(/images/ico_medal_bronze.png) 0 0 no-repeat;background-size:45px auto}
.lectureListTable dd .kind{display:block;font-size:13px;color:#535bfb;margin-bottom:4px}
.lectureListTable dd .subject{font-size:16px;color:#222;font-weight:600}
.lectureListTable .tdDate{font-size:13px;color:#888;margin:0 0 5px 0}
.lectureListTable .count{display:inline-block;color:#ff5757;margin:0 0 0 10px}
.lectureListTable .count:before{display:inline-block;content:"";width:14px;height:14px;background:url(/images/ico_count@2x.png) 0 0 no-repeat;background-size:14px auto;vertical-align:middle;margin:0 3px 1px 0}
.lectureListTable dd .progress{height:5px;background:#d8dbe2;flex:1;order:1}
.lectureListTable dd .progress .bar{display:inline-block;height:5px;background:#535bfb}
.lectureListTable dd .rate{font-size:14px;color:#535bfb;font-weight:700}
.lectureListTable dd.noContent{text-align:center;font-size:16px;color:gray;padding:40px 0}
.lectureListTable .trFinish .frame{background:rgba(0,0,0,0.4)}
.lectureListTable .nextPeriodBox{background:rgba(0,0,0,.03);border-radius:4px;font-size:12px;color:#000;letter-spacing:-0.5px;padding:5px 5px;margin:10px 0 10px 0}
.lectureListTable .nextPeriodBox .day{display:inline-block;height:18px;line-height:17px;background:#00b8d9 url(/images/ico_lec_clock@2x.png) 5px 50% no-repeat;background-size:12px auto;border-radius:13px;font-size:12px;color:#fff;padding:0 5px 0 20px}

@media(min-width:1024px){
  .lectureListTable{border-top:solid 2px #111}
  .lectureListTable dl{border-bottom:solid 1px #d8dbe2;padding:25px 0}
  .lectureListTable dd.tdThum{width:220px;top:25px;left:0}
  .lectureListTable dd .thumImg{width:220px;height:150px}
  .lectureListTable dd .frame{width:220px;height:150px}
  .lectureListTable dd .thumIco{top:15px;left:15px}
  .lectureListTable dd .stateIng{height:27px;line-height:27px}
  .lectureListTable dd .stateFinish{height:27px;line-height:27px}
  .lectureListTable .tdInfo{border-bottom:solid 1px #f5f5f6;margin:0 0 0 245px}
  .lectureListTable .ddArea{min-height:100px;margin:0 0 0 245px;padding:20px 0 15px 0;position:relative}
  .lectureListTable .tdDateWrap{float:left}
  .lectureListTable .tdProgress{margin:0}
  .lectureListTable .tdRate{text-align:right;border-top:none;position:absolute;top:20px;right:0;margin:0;padding:0}
  .lectureListTable .completeMsg{background-position:0 3px;font-size:14px}
  .lectureListTable .btnComplete{height:45px;font-size:15px;box-shadow:none}
  .lectureListTable .tdMiddleWrap{min-height:75px;display:inline-table;margin:0}
  .lectureListTable .tdMedalWrap{width:80px}
  .lectureListTable .medalGold{width:60px;height:70px;background-size:60px auto}
  .lectureListTable .medalSilver{width:60px;height:70px;background-size:60px auto}
  .lectureListTable .medalBronze{width:60px;height:70px;background-size:60px auto}
  .lectureListTable dd .kind{margin:0 0 6px 0}
  .lectureListTable dd .subject{font-size:20px;margin:0 0 20px 0}
  .lectureListTable .tdDate{font-size:15px;margin:0 0 10px 0}
  .lectureListTable dd .progress{width:180px;max-width:180px}
  .lectureListTable dd .rate{font-size:20px}
}

.circle_progress_wrap{display:inline-block;position:relative;width:60px;min-height:72px;text-align:center;vertical-align:top}
.circle_progress_wrap svg{display:block;stroke-linecap:round}
.circle_progress_wrap .txt{display:block;color:#555;font-size:13px;line-height:1.0;margin:0 4px 0 -4px}
.circle_progress_wrap .total{font-size:13px;color:#dcdcdc}
.circle_progress_wrap .num{overflow:hidden;position:absolute;top:0;left:-3px;width:100%;height:57px;line-height:57px;font-size:13px;text-indent:5px;color:#bdc3c7}
.circle_progress_wrap .val{font-size:13px;font-weight:700;color:#111}
.circle_progress_wrap .slash{display:inline-block;font-size:13px;font-weight:700;line-height:42px;color:#dcdcdc;text-indent:0;margin:0 2px}

.circle_progress_score{display:inline-block;position:relative;width:60px;min-height:72px;text-align:center;vertical-align:top;padding:0 0 0 0}
.circle_progress_score .score{width:53px;height:53px;color:#535bfb;font-size:13px;font-weight:700;text-align:center;background:#f9f9f9;border-radius:50%;padding:18px 0 0 0;margin:0 0 4px 0}
.circle_progress_score .tit{display:block;color:#555;font-size:14px;margin:0 4px 0 -4px}

@media(min-width:1024px){
  .circle_progress_wrap{width:70px;min-height:90px;margin:0 0 0 5px}
  .circle_progress_wrap .txt{font-size:14px;margin:0 4px 0 0}
  .circle_progress_wrap .total{font-size:16px}
  .circle_progress_wrap .num{height:70px;line-height:70px;font-size:16px}
  .circle_progress_wrap .val{font-size:16px}
  .circle_progress_wrap .slash{font-size:16px}

  .circle_progress_score{width:70px;min-height:90px;padding:0 0 0 0}
  .circle_progress_score .score{width:71px;height:71px;font-size:22px;padding:25px 0 0 0;margin:0 0 8px 0}
  .circle_progress_score .tit{margin:0 4px 0 0}
}

.lectureMngTableWrap{margin:0}
.lectureMngTable{width:100%}
.lectureMngTable dl{display:table;width:100%;clear:both;border-bottom:solid 8px #f5f5f6;padding:0 20px}
.lectureMngTable dd{padding:20px 0 20px 0;margin:0}
.lectureMngTable dd.tdThum{float:left;width:150px;padding-bottom:0;cursor:pointer}
.lectureMngTable dd .thumImg{width:130px;height:90px;position:relative;background:#e0e0e0 url(/images/img_no.jpg) 50% 50% no-repeat;background-size:cover}
.lectureMngTable dd .frame{position:absolute;top:0;left:0;width:130px;height:90px;border:solid 1px rgba(0,0,0,0.03)}
.lectureMngTable dd .thumIco{position:absolute;top:10px;left:10px}
.lectureMngTable dd .stateIng{display:inline-block;height:25px;line-height:25px;font-size:13px;color:#fff;background:#31eb83;border-radius:20px;padding:0 10px}
.lectureMngTable dd .stateFinish{display:inline-block;height:25px;line-height:25px;font-size:13px;color:#666;background:#e0e0e0;border-radius:20px;padding:0 10px}
.lectureMngTable dd.tdInfo{float:right;width:calc(100% - 150px);cursor:pointer}
.lectureMngTable dd.tdRate{clear:both;display:table;width:100%;text-align:center;padding:15px 0 15px 0}
.lectureMngTable dd .kind{display:inline-block;font-size:13px;color:#535bfb;font-weight:700;margin:0 0 5px 0}
.lectureMngTable dd .subject{font-size:17px;color:#333;font-weight:700;letter-spacing:-0.5px;margin:0 0 5px 0}
.lectureMngTable dd .date{font-size:13px;color:#888;margin:0 0 10px 0}
.lectureMngTable dd .progress{height:5px;background:#d8dbe2;margin:0 0 5px 0}
.lectureMngTable dd .progress .bar{display:inline-block;height:5px;background:#535bfb}
.lectureMngTable dd .rate{font-size:14px;color:#535bfb;font-weight:700}
.lectureMngTable dd .mngRate{float:left;width:calc(33.3% - 5px);background:#f9f9f9;border-radius:4px;text-align:center;margin:0 5px 5px 0;padding:5px 0}
.lectureMngTable dd .mngRate .val{display:inline-block;color:#535bfb;font-size:13px;font-weight:700}
.lectureMngTable dd .mngRate .val.empty{color:gray}
.lectureMngTable dd .mngRate .txt{font-size:11px;color:#555}
.lectureMngTable dd.noContent{text-align:center;font-size:16px;color:gray;padding:85px 0}
.lectureMngTable .trFinish .frame{background:rgba(0,0,0,0.4)}

@media(min-width:1024px){
  .lectureMngTable{border-top:solid 2px #111}
  .lectureMngTable dl{width:100%;min-height:200px;border-bottom:solid 1px #d8dbe2;padding:0;position:relative}
  .lectureMngTable dd{padding:25px 0 0 0}
  .lectureMngTable dd.tdThum{position:absolute;top:0;left:0;width:240px}
  .lectureMngTable dd .thumImg{width:220px;height:150px}
  .lectureMngTable dd .frame{width:220px;height:150px}
  .lectureMngTable dd .thumIco{top:15px;left:15px}
  .lectureMngTable dd .stateIng{height:27px;line-height:27px}
  .lectureMngTable dd .stateFinish{height:27px;line-height:27px}
  .lectureMngTable dd.tdInfo{float:inherit;width:100%;padding:25px 0 0 240px;vertical-align:middle}
  .lectureMngTable dd.tdRate{float:inherit;width:100%;padding:6px 0 20px 240px;clear:inherit;text-align:left}
  .lectureMngTable dd .kind{font-size:15px;margin:0 0 8px 0}
  .lectureMngTable dd .subject{font-size:20px;margin:0 0 7px 0}
  .lectureMngTable dd .date{font-size:15px}
  .lectureMngTable dd .progress{width:250px}
  .lectureMngTable dd .rate{font-size:20px}
  .lectureMngTable dd .mngRate{width:calc(20% - 5px);padding:8px 0}
  .lectureMngTable dd .mngRate .num{margin:0 0 3px 0}
  .lectureMngTable dd .mngRate .val{font-size:18px}
  .lectureMngTable dd .mngRate .txt{font-size:12px}
}

.paginate{clear:both;margin:30px 0 50px;text-align:center;zoom:1;position:relative}
.paginate a{display:inline-block;_position:relative;width:34px;padding:0 !important;border-radius:34px;color:#555;font-size:14px;font-weight:400;line-height:34px;background:rgba(216,219,226,0.4);text-decoration:none;margin:0 6px}
.paginate strong{display:-moz-inline-box;display:inline-block;_position:relative;/* margin-right:-3px;*/width:34px;padding:0;background:#535bfb;color:#fff;font-size:14px;font-weight:500;line-height:34px;text-decoration:none !important;border-radius:34px;margin:0 6px}
.paginate a.pre,.paginate a.next{display:inline-block;position:relative;width:34px;height:34px;vertical-align:middle;text-indent:-9999px}
.paginate a:hover,.paginate a:focus,.paginate a:active{background:#535bfb;color:#fff;cursor:pointer}
.paginate a.pre{background:rgba(216,219,226,0.4) url(/images/ico_prev@2x.png) 50% 50% no-repeat;background-size:8px auto}
.paginate a.next{background:rgba(216,219,226,0.4) url(/images/ico_next@2x.png) 50% 50% no-repeat;background-size:8px auto}
.paginate a.disabled{opacity:0.3}
.paginate .btnSave{min-width:110px;height:45px;background:#535bfb;border-radius:30px;color:#fff;font-size:16px;font-weight:700;padding:0 10px;cursor:pointer}

@media(min-width:1024px){
  .paginate{margin:50px 0 80px}
  .paginate .btnSave{min-width:140px;height:48px}
}

.visualNotice{display:table;width:100%;height:100px;background:#565efc url(https://globalapi.watv.org/images/EduLMS/banner/bg_visual_notice.jpg) 50% 0 no-repeat;background-size:auto 100px;text-align:center}
.visualNoticeIn{display:table-cell;vertical-align:middle}
.visualNotice h2{font-size:28px;color:#fff;letter-spacing:-1px;margin:0}

@media(min-width:1024px){
  .visualNotice{height:165px;background-size:auto}
  .visualNotice h2{font-size:50px;font-weight:700}
}

.visualData{display:table;width:100%;height:100px;background:#565efc url(https://globalapi.watv.org/images/EduLMS/banner/bg_visual_data.jpg) 50% 0 no-repeat;background-size:auto 100px;text-align:center}
.visualDataIn{display:table-cell;vertical-align:middle}
.visualData h2{font-size:28px;color:#fff;letter-spacing:-1px;margin:0}

@media(min-width:1024px){
  .visualData{height:165px;background-size:auto}
  .visualData h2{font-size:50px;font-weight:700}
}

.noticeListWrapIn{width:100%;margin:0 auto;padding:25px 20px 0 20px}
.noticeListWrap dl{border-bottom:solid 1px #dcdcdc;padding:10px 0;position:relative}
.noticeListWrap dt{font-size:16px;color:#111;font-weight:700;letter-spacing:-0.5px;padding:0 0 5px 0}
.noticeListWrap dt a{color:#111}
.noticeListWrap dt a:hover{color:#565efc;text-decoration:none}
.noticeListWrap dt .icoN{display:inline-block;font-size:14px;color:#ff5757;font-weight:400;margin:0 0 0 5px}
.noticeListWrap dd{font-size:14px}
.noticeListWrap dd .kind{font-size:14px;color:#535bfb;font-weight:700}
.noticeListWrap dd .date{font-size:13px;color:#888}
.noticeListWrap .noarticle{display:block;text-align:center;font-size:15px;color:gray;border-bottom:solid 1px #dcdcdc;padding:20px 0}

@media(min-width:1024px){
  .noticeListWrapIn{width:810px;padding:50px 20px 0 20px}
  .noticeListWrap dl{padding:25px 0 20px 0}
  .noticeListWrap dt{font-size:18px;margin:0 80px 0 0}
  .noticeListWrap dd{position:absolute;top:50%;right:0;margin:-10px 0 0 0}
}

.dataListWrapIn{width:100%;margin:0 auto;padding:30px 20px 0 20px}
.dataListWrap .noarticle{display:block;text-align:center;font-size:15px;color:gray;border-bottom:solid 1px #dcdcdc;padding:20px 0}

@media(min-width:1024px){
  .dataListWrapIn{width:810px;padding:50px 20px 0 20px}
}

.dataListTitle{height:55px;border-bottom:solid 2px #111;margin:0 0 5px 0;position:relative}
.dataListTitle .total{font-size:16px;color:#111;font-weight:700;padding:15px 0 0 0}
.dataListTitle .totalNum{color:#535bfb;font-weight:700}
.dataListTitle .number{font-size:20px;color:#111;font-weight:700;padding:10px 0 0 0}
.dataListTitle .btnR{position:absolute;top:0;right:0}
.dataListTitle .inputSelTop{width:150px;height:40px;border:solid 1px #d8dbe2;font-size:14px;color:#000;padding:0 5px}

.lecTit{background:#f2f4f7;font-size:22px;color:#4f4ffc;font-weight:700;border-radius:4px;margin:0 20px 40px 20px;padding:20px 30px}

@media(min-width:1024px){
  .dataListTitle{margin:0 0 10px 0}
  .dataListTitle .inputSelTop{width:220px}
}

.psnViewWrapIn{width:100%;margin:0 auto;padding:30px 20px 0 20px}

@media(min-width:1024px){
  .psnViewWrapIn{width:810px;padding:50px 20px 0 20px}
}

.noticeContWrapIn{width:100%;margin:0 auto;padding:30px 20px 0 20px}
.noticeContWrap .noticeContTit{border-bottom:solid 2px #111;padding:0 0 15px 0}
.noticeContWrap .noticeContTit .kindWrap{font-size:16px;margin:0 0 10px 0}
.noticeContWrap .noticeContTit .kind{color:#535bfb;font-weight:700}
.noticeContWrap .noticeContTit h3{font-size:23px;color:#111;font-weight:700;letter-spacing:-0.5px;margin:0 0 10px 0}
.noticeContWrap .noticeContTit .infoWrap{font-size:15px;color:#555}
.noticeContWrap .noticeCont{font-size:18px;color:#111;line-height:1.8;padding:30px 0 50px}
.noticeContWrap .noticeContFoot{text-align:center;border-top:solid 1px #dcdcdc;padding:50px 0}
.noticeContWrap .btnList{min-width:110px;height:45px;font-size:18px;color:#666;background:#fff;border:solid 1px #adadad;border-radius:30px;padding:0 10px;cursor:pointer}
.noticeContWrap .btnList:before{display:inline-block;content:"";width:19px;height:16px;background:url(/images/ico_lec_prev@2x.png) 0 0 no-repeat;background-size:19px auto;vertical-align:middle;margin:0 7px 3px 0}
.noticeContWrap .contentImg{margin:30px 0 0 0}

@media(min-width:1024px){
  .noticeContWrapIn{width:810px;padding:50px 20px 0 20px}
  .noticeContWrap .noticeContTit{padding:0 0 25px 0}
  .noticeContWrap .noticeContTit .kindWrap{font-size:18px}
  .noticeContWrap .noticeContTit h3{font-size:32px}
  .noticeContWrap .noticeCont{padding:40px 0 80px}
  .noticeContWrap .btnList{height:48px}
}

.aui-grid em.langBox{display:inline-block;width:25px;height:23px;line-height:21px;color:#777;font-weight:700;background:#f5f5f5;border:solid 1px #f5f5f5;border-radius:4px;text-align:center;margin:0 2px 2px 0;font-size:11px}
.aui-grid em.langBox.on{background:#797ffb;border-color:#797ffb;color:#fff}
.aui-grid .group{color:#097AFF;font-size:12px;font-weight:500;margin:0 !important;text-align:left}
.aui-grid .group em{width:auto;color:#00CA00;font-weight:500;border:none;margin:0}
.aui-grid .target{font-size:13px;color:#000;margin:0 0 0 5px}
.aui-grid .subject{color:#000;font-size:14px;font-weight:700;margin:0 0 5px 0;cursor:pointer;text-align:left}
.aui-grid em.langBox.wait{background:#b5b9ff;border-color:#b5b9ff;color:#fff}
.w50{width:50px !important}
.w250{width:250px !important}

.auiLeft{text-align:left !important;text-indent:5px}

.inqContAdmWrap{margin:30px auto 0 auto;padding:0}
.inqContEditAdmWrap{margin:20px auto 0 auto;padding:0}
.inqContAdm{line-height:1.6;font-size:15px;border-bottom:solid 1px #D7D9DE;padding:0 0 30px 0}
.inqContEditAdmWrap #contents{width:100%;height:450px;resize:none;border:solid 1px #bbb;padding:10px;font-size:14px}
.replyWrap{border-bottom:solid 1px #E4E5E7;margin:20px 0 0 0}
.replyTitle{height:35px}
.replyTitle h3{font-size:20px;color:#222;font-weight:700}
.replyTitle h3 em{font-size:18px;color:#097AFF}

.replyWriteBox{border:solid 1px #CBCBCB;border-bottom:none;padding:10px}
.replyWriteBox .name{font-size:13px;color:#222}
.replyWriteBox .inputArea{width:100%;height:auto;border:none;resize:none;font-size:14px;color:#222;margin:5px 0 0 0}
.replySaveBox{min-height:35px;border:solid 1px #CBCBCB;border-top:solid 1px #E4E5E7;text-align:right;margin:0 0 20px 0}
.replySaveBox .counter{font-size:13px;color:#999;padding:0 10px 0 0}
.replySaveBox .btnSave{min-width:100px;height:35px;position:relative;right:-1px;font-size:14px;color:#fff;font-weight:500;background:#535bfb;border:solid 1px #353de2;margin:-1px 0}
.replySaveBox .btnSave:hover{background:#353de2;border:solid 1px #353de2}
.replySaveBox .btnFile{background:url(/images/ico_file_att@2x.png) 10% 50% no-repeat !important;background-size:13px !important;width:80px;height:28px;border-radius:2px;border:solid 1px #cfcfcf;font-size:12px;line-height:normal;letter-spacing:normal;color:#333333 !important;background-color:#FFF !important;padding:3px 3px 3px 20px !important;float:left;margin:3px 0 0 3px}
.replySaveBox .fileItem{display:block;text-align:left;padding:0 7px 5px 10px;height:35px}
.replySaveBox .fileName{display:inline-block;font-size:16px;color:#222;letter-spacing:-0.5px;cursor:pointer;margin:5px 0 5px 0}
.replySaveBox .fileName:before{display:inline-block;content:"";width:16px;height:15px;background:url(/images/common/ico_down_file_b@2x.png) 0 0 no-repeat;background-size:16px auto;vertical-align:middle;margin:0 5px 3px 0}
.replySaveBox .fileName:hover{color:#2366FF;text-decoration:underline}
.replySaveBox .fileName .capacity{display:inline-block;font-size:12px;color:#999;margin:0 0 0 10px}
.replySaveBox .fileItem .fileSize{display:inline-block;font-size:11px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#999999;display:inline-block;vertical-align:middle;margin:0 0 0 5px}
.replySaveBox .fileItem .btnFileDel{background:url(/images/common/ico_file_close.png) 50% 50% no-repeat;width:17px;height:17px;display:inline-block;background-color:#d8d8d8;border-radius:50%;background-size:9px;margin-left:10px;vertical-align:text-top}

.replyTable{width:100%}
.replyTable td{border-top:solid 1px #E4E5E7;padding:15px 0;font-size:14px;color:#000;vertical-align:top;border-radius:0px;width:100%}
.replyTable td.btn{text-align:right;width:115px}
.replyTable .name{font-weight:500}
.replyTable .nameAdmin{color:#097AFF;font-weight:500}
.replyTable .date{color:#999;font-size:12px}
.replyTable .rep{margin:8px 0 0 0;line-height:1.5;word-break:break-word}
.replyTable .btnNormalS{min-width:48px;height:23px;border:solid 1px #CBCBCB;background:#fff;font-size:13px;color:#333;padding:0 10px}
.replyTable .btnNormalS:hover{background:#F5F5F5}
.replyTable .fileName{font-size:13px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:30px;letter-spacing:normal;color:#000000;width:250px;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:middle}
.replyTable .fileName:before{display:inline-block;content:"";width:16px;height:15px;background:url(/images/common/ico_down_file_b@2x.png) 0 0 no-repeat;background-size:16px auto;vertical-align:middle;margin:0 5px 3px 0}
.replyTable .fileName:hover{color:#2366FF;text-decoration:underline}
.replyTable .capacity{font-size:11px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#999999;display:inline-block;vertical-align:middle}

.replyWrapUser{border-bottom:solid 1px #E4E5E7;margin:20px 0 0 0}
.replyTitleUser{height:35px}
.replyTitleUser h3{font-size:20px;color:#222;font-weight:700}
.replyTitleUser h3 em{font-size:18px;color:#097AFF}

.replyWriteBoxUser{border:solid 1px #CBCBCB;border-bottom:none;padding:10px}
.replyWriteBoxUser .name{font-size:13px;font-weight:700;color:#222}
.replyWriteBoxUser .inputArea{width:100%;height:180px;border:none;resize:none;font-size:14px;color:#222;margin:5px 0 0 0;padding:5px}
.replyWriteBoxUser .inputArea.hSmall{height:80px}
.replySaveBoxUser{min-height:35px;border:solid 1px #CBCBCB;border-top:solid 1px #E4E5E7;text-align:right;margin:0 0 60px 0}
.replySaveBoxUser .counter{font-size:13px;color:#999;padding:0 10px 0 0}
.replySaveBoxUser .btnSave{min-width:100px;height:45px;position:relative;right:-1px;font-size:14px;color:#fff;font-weight:500;background:#535bfb;border:solid 1px #535bfb;margin:-1px 0}
.replySaveBoxUser .btnSave:hover{background:#3a7be0;border:solid 1px #3063c3}
.replySaveBoxUser .btnFile{background:url(/images/ico_file_att@2x.png) 10% 50% no-repeat !important;background-size:13px !important;width:80px;height:28px;border-radius:2px;border:solid 1px #cfcfcf;font-size:12px;line-height:normal;letter-spacing:normal;color:#333333 !important;background-color:#FFF !important;padding:3px 3px 3px 20px !important;float:left;margin:7px 0 0 7px}
.replySaveBoxUser .fileItem{display:block;text-align:left;padding:0 7px 5px 10px;height:35px}
.replySaveBoxUser .fileName{display:inline-block;font-size:16px;color:#222;letter-spacing:-0.5px;cursor:pointer;margin:5px 0 5px 0}
.replySaveBoxUser .fileName:before{display:inline-block;content:"";width:16px;height:15px;background:url(/images/common/ico_down_file_b@2x.png) 0 0 no-repeat;background-size:16px auto;vertical-align:middle;margin:0 5px 3px 0}
.replySaveBoxUser .fileName:hover{color:#2366FF;text-decoration:underline}
.replySaveBoxUser .fileName .capacity{display:inline-block;font-size:12px;color:#999;margin:0 0 0 10px}
.replySaveBoxUser .fileItem .fileSize{display:inline-block;font-size:11px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#999999;display:inline-block;vertical-align:middle;margin:0 0 0 5px}
.replySaveBoxUser .fileItem .btnFileDel{background:url(/images/common/ico_file_close.png) 50% 50% no-repeat;width:17px;height:17px;display:inline-block;background-color:#d8d8d8;border-radius:50%;background-size:9px;margin-left:10px;vertical-align:text-top}

.replyTableUser{width:100%}
.replyTableUser td{border-top:solid 1px #E4E5E7;padding:25px 0;font-size:14px;color:#000;vertical-align:top;border-radius:0px;width:100%}
.replyTableUser td.btn{text-align:right}
.replyTableUser .btnX{display:inline-block}
.replyTableUser .btnOk{display:inline-block}
.replyTableUser .name{font-weight:500}
.replyTableUser .nameAdmin{color:#111;font-weight:700;font-size:16px}
.replyTableUser .date{color:#999;font-size:12px;margin:20px 0 0 0}
.replyTableUser .rep{margin:20px 0 0 0;line-height:1.5;word-break:break-all}
.replyTableUser .btnNormalS{min-width:48px;height:23px;border:solid 1px #CBCBCB;background:#fff;font-size:12px;color:#333;padding:0 10px}
.replyTableUser .btnNormalS:hover{background:#F5F5F5}
.replyTableUser .btnConfirm{min-width:48px;height:23px;border:solid 1px #535bfb;background:#535bfb;font-size:12px;color:#fff;padding:0 10px}
.replyTableUser .btnConfirm:hover{background:#ff5757;border:solid 1px #d83a3a}
.replyTableUser .fileName{font-size:13px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:30px;letter-spacing:normal;color:#000000;width:250px;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:middle;cursor:pointer}
.replyTableUser .fileName:before{display:inline-block;content:"";width:16px;height:15px;background:url(/images/common/ico_down_file_b@2x.png) 0 0 no-repeat;background-size:16px auto;vertical-align:middle;margin:0 5px 3px 0}
.replyTableUser .fileName:hover{color:#2366FF;text-decoration:underline}
.replyTableUser .capacity{font-size:11px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#999999;display:inline-block;vertical-align:middle}

.inqConFoot{text-align:center;margin:20px 0 0 0;padding:0 0 10px 0}
.inqConFoot .btnBack{width:110px;height:40px;background:#fff;border:solid 1px #dbdfe6;border-radius:100px;font-size:14px;color:#4c4f50;font-weight:700;letter-spacing:-0.5px;padding:0 5px;cursor:pointer}
.inqConFoot .btnBack:before{display:inline-block;content:"";width:14px;height:10px;background:url(/images/ico_list_b.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 3px 0}

.contFileArea{border-bottom:solid 1px #D7D9DE;padding:20px 0 20px 0}
.contFileArea h3{font-size:15px;color:#222;font-weight:700;margin:0 0 10px 0}
.contFileArea .fileName{font-size:13px;color:#222;cursor:pointer;margin:5px 0}
.contFileArea .fileName:before{display:inline-block;content:"";width:18px;height:19px;background:url(/images/ico_file@2x.png) 0 0 no-repeat;background-size:18px auto;vertical-align:middle;margin:0 3px 3px 0}
.contFileArea .fileName:hover{color:#2366FF;text-decoration:underline}
.contFileArea .fileName .capacity{display:inline-block;font-size:12px;color:#999;margin:0 0 0 10px}

.listLangBox{text-align:left;padding-left:5px}

.lectureNavTop{width:100%;overflow-x:auto;height:70px;padding:14px 20px 0 20px}
.lectureNavTopIn{white-space:nowrap}
.lectureNavTop .btnFoldSide{width:48px;height:40px;background:#fff url(/images/ico_side@2x.png) 50% 50% no-repeat;background-size:auto 14px;box-shadow:0 5px 5px rgba(180,183,196,0.3);border-radius:4px;cursor:pointer;margin:0 5px 0 0}
.lectureNavTop .btnFoldSide.on{background:#fff url(/images/ico_side_on@2x.png) 50% 50% no-repeat;background-size:auto 14px}
.lectureNavGroup button{min-width:130px;height:44px;font-size:15px;color:#333;font-weight:700;letter-spacing:-0.5px;background:#fff;border-radius:23px;box-shadow:0 5px 5px rgba(180,183,196,0.3);cursor:pointer;padding:2px 20px 0 20px;margin:0 5px 0 0}
.lectureNavGroup button:before{display:inline-block;content:"";width:28px;height:19px;background:url(/images/ico_lecture_top@2x.png) 0 0 no-repeat;background-size:28px auto;vertical-align:middle;margin:0 5px 3px 0}
.lectureNavGroup button.on{background:#6f8aff;color:#fff}
.lectureNavGroup button.on:before{background:url(/images/ico_lecture_top_on@2x.png) 0 0 no-repeat;background-size:28px auto}

.lecuterNavSel .inputSel{width:calc(100% - 55px);height:40px;background:#fff;border:none;box-shadow:0 5px 5px rgba(180,183,196,0.3);border-radius:4px;font-size:16px;font-weight:700;color:#333;cursor:pointer;padding:0 5px;margin:0 5px 0 0}

@media(min-width:1024px){
  .lecuterNavSel .inputSel{width:315px}
}

.lectureNavTopSel{background:url(https://globalapi.watv.org/images/EduLMS/banner/bg_lec_top_m@2x.jpg) 0 0 no-repeat;background-size:100% 100%;border-bottom:solid 8px #f2f4f7}
.lectureNavTopSelIn{min-height:50px;text-align:left;padding:18px 0 15px 0;position:relative}

.lectureNavTopSel .btnFoldSide{display:none;width:40px;height:40px;background:transparent url(/images/ico_lec_sel_w@2x.png) 50% 50% no-repeat;background-size:18px auto;border-radius:4px;cursor:pointer;margin:0;position:absolute;top:50%;left:8px;margin:-20px 0 0 0}
.lectureNavTopSel .btnFoldSide.on{background:rgba(255,255,255,0.3) url(/images/ico_lec_sel_on@2x.png) 50% 50% no-repeat;background-size:28px auto}

.lectureNavAreaM{display:inline-block;text-align:left;margin:0 100px 0 20px}
.lectureNavAreaM h3{font-size:18px;color:#fff;font-weight:700;letter-spacing:-0.5px;margin:0}
.lectureNavAreaM .progress{display:inline-block;width:100px;height:6px;background:rgba(216,219,226,0.4);border-radius:10px;margin:0}
.lectureNavAreaM .progress .bar{display:block;height:6px;background:#31eb83;border-radius:10px}
.lectureNavAreaM .rate{display:inline-block;font-size:13px;color:#31eb83;margin:0 5px 0 0;padding:5px 0 0 0}
.lectureNavAreaM .btnR{position:absolute;top:50%;right:15px;margin:-15px 0 0 0}
.lectureNavAreaM .btnLecMajor{width:100px;height:30px;background:#fff;font-size:14px;color:#000;padding:0 10px;border-radius:15px;letter-spacing:-0.5px;line-height:1.0;cursor:pointer}

.lectureNavSelLayer{display:none;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);z-index:1000}
.lectureNavSelLayerIn{position:fixed;top:0;left:0;right:0;position:relative;background:#fff;padding:50px 20px 30px 20px}
.lectureNavSelLayerIn .btnClose{width:30px;height:30px;background:transparent url(/images/ico_nav_close@2x.png) 50% 50% no-repeat;background-size:18px auto;position:fixed;top:20px;right:20px;cursor:pointer}
.lectureNavSelLayerIn .titleH{font-size:23px;color:#111;font-weight:700;margin:0 0 20px 0}

.courseSelItem{vertical-align:top;padding:0 2px;position:relative;margin:0 0 12px 0}
.courseSelItem button{width:100%;height:50px;font-size:16px;color:#111;font-weight:700;text-align:left;background:#fff;border-radius:26px;border:solid 1px #d8dbe2;overflow:hidden;padding:0 28px 0 15px;position:relative;cursor:pointer}
.courseSelItem button:after{display:inline-block;content:"";width:10px;height:6px;background:url(/images/ico_lec_top_arrow@2x.png) 0 0 no-repeat;background-size:10px auto;position:absolute;top:50%;right:15px;margin:-3px 0 0 0}
.courseSelItem button .flow{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;max-height:45px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;line-height:1.2}
.courseSelItem .courseDropdown{display:none;width:100%;background:#fff;max-height:300px;border-radius:28px;box-shadow:0 8px 16px rgba(0,0,0,0.2);overflow-y:auto;padding:20px 10px;position:absolute;top:49px;left:0;right:0;z-index:1}
.courseSelItem .courseDropdown a{display:block;font-size:18px;color:#111;font-weight:700;text-align:center;border-radius:19px;padding:10px 20px}
.courseSelItem .courseDropdown a:hover{text-decoration:none;background:#535bfb;color:#fff}
.courseSelItem .courseDropdown a.on{background:#535bfb;color:#fff;margin:0 0 5px 0}

@media(min-width:1024px){
  .lectureNavTopSel{height:70px;background:url(https://globalapi.watv.org/images/EduLMS/banner/bg_lec_top_pc@2x.jpg) 0 0 no-repeat;background-size:100% 100%;border-bottom:none;margin:0 0 15px 0}
  .lectureNavTopSelIn{display:block;width:auto;min-height:auto;padding:15px;margin:0}

  .lectureNavTopSel .btnFoldSide{display:inline-block;position:inherit;top:inherit;left:inherit;margin:0}

  .lectureNavAreaM{display:none}
  .lectureNavSelLayer{display:inline-block;vertical-align:middle;background:transparent;position:inherit;top:inherit;left:inherit;right:inherit;bottom:inherit}
  .lectureNavSelLayerIn{display:inline-block;background:transparent;position:inherit;top:inherit;left:inherit;right:inherit;padding:0}
  .lectureNavSelLayerIn .btnClose{display:none}
  .lectureNavSelLayerIn .titleH{display:none}

  .courseSelItem{display:inline-block;width:240px;margin:0}
  .courseSelItem button{min-width:105px;height:42px;font-size:14px;font-family:tahoma !important;border:none;border-radius:22px}
  .courseSelItem .courseDropdown{right:inherit;width:280px;border-radius:12px;padding:20px 10px 15px 10px;z-index:10000}
  .courseSelItem .courseDropdown::-webkit-scrollbar{width:12px;height:12px}
  .courseSelItem .courseDropdown::-webkit-scrollbar-thumb{border-radius:10px;background-color:#bfc4ce}
  .courseSelItem .courseDropdown a{text-align:left;font-size:17px;font-family:tahoma !important}
}

.quizTime{display:table;width:100%;height:140px;text-align:center;background:#f9f9f9 url(/images/ico_time_bg.png) center 50% no-repeat;background-size:120px auto;border-radius:4px;margin:20px 0 10px 0}
.quizTimeIn{display:table-cell;vertical-align:middle}
.quizTime .time{font-size:36px;color:#535bfb;font-weight:700;margin:0 0 10px 0}
.quizTime .explain{font-size:16px;color:#555}

@media(min-width:1024px){
  .quizTime{margin:40px 0 20px 0;height:180px;background-size:auto}
  .quizTime .explain{font-size:18px}
}

.quizView{border-bottom:solid 1px #dcdcdc;padding:0 0 0 0}
.quizViewIn{margin:0 auto}
.quizViewIn .ui-state-default::marker{display:none}
.quizItem{font-size:16px;color:#333;font-weight:700;margin:0 0 0 0;padding-top:0px}
.quizItem h3{font-size:17px;color:#111;font-weight:700;letter-spacing:-0.5px;line-height:1.3;text-indent:0;margin:0 0 20px 0}
.quizItem h3 p{display:contents}
.quizItem .kindTit{color:#0091f7;margin:0 0 10px 0}
.quizItem .inputQuizRadio{display:none}
.quizItem .inputQuizRadio + label{display:block;position:relative;line-height:1.3;font-size:15px;text-indent:0;padding:2px 0 10px 35px;cursor:pointer}
.quizItem .inputQuizRadio + label:before{position:absolute;top:0;left:0;display:inline-block;content:"";width:26px;height:26px;background:#fff;border:solid 1px #dedede;border-radius:50%}
.quizItem .inputQuizRadio:checked + label{color:#535bfb}
.quizItem .inputQuizRadio:checked + label:before{background:#535bfb url(/images/ico_quiz_chk@2x.png) 50% 50% no-repeat;background-size:14px auto;border:solid 1px #535bfb}
.quizItem .inputQuizChk{display:none}
.quizItem .inputQuizChk + label{display:block;position:relative;line-height:1.3;font-size:16px;text-indent:0;padding:2px 0 10px 35px;cursor:pointer}
.quizItem .inputQuizChk + label:before{position:absolute;top:0;left:0;display:inline-block;content:"";width:26px;height:26px;background:#fff;border:solid 1px #dedede;border-radius:4px}
.quizItem .inputQuizChk:checked + label{color:#535bfb}
.quizItem .inputQuizChk:checked + label:before{background:#535bfb url(/images/ico_quiz_chk@2x.png) 50% 50% no-repeat;background-size:14px auto;border:solid 1px #535bfb}
.quizItem .inputQuizSelect{height:40px;border:solid 1px #d8dbe2;border-radius:4px;font-size:16px;color:#535bfb;font-weight:700;padding:0 10px;margin:2px 5px 2px 0}
.quizItem .inputQuizText{height:40px;border:solid 1px #d8dbe2;border-radius:4px;font-size:16px;color:#535bfb;font-weight:700;padding:0 10px;display:inline-block;margin-right:5px;margin-bottom:5px;vertical-align:top}
.quizItem .inputQuizTextArea{height:100px;border:solid 1px #d8dbe2;border-radius:4px;font-size:16px;color:#535bfb;font-weight:700;padding:10px;display:inline-block;width:100%;resize:none}
.quizItem .btnQuizMove{height:40px;font-size:16px;color:#fff;font-weight:700;background:#535bfb;border-radius:4px;cursor:move;padding:0 15px;margin:0 5px 5px 0}
.quizItem .btnQuizMove:before{display:inline-block;content:"";width:16px;height:16px;background:url(/images/ico_move_w@2x.png) 0 0 no-repeat;background-size:16px auto;vertical-align:middle;margin:0 5px 3px 0}
.quizItem .w180{width:180px}
.quizItem u{text-decoration:underline;text-underline-position:under}
.quizView .btnSizeArea{text-align:right;margin:15px 0 0 0}
.quizView .btnSizeUp{width:45px;height:46px;background:#fff url(/images/ico_size_up@2x.png) 50% 50% no-repeat;;background-size:25px auto;border:solid 1px rgba(0,0,0,0.07);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,0.03);text-indent:-9999px;cursor:pointer}
.quizView .btnSizeDown{width:45px;height:46px;background:#fff url(/images/ico_size_down@2x.png) 50% 50% no-repeat;background-size:22px auto;border:solid 1px rgba(0,0,0,0.07);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,0.03);text-indent:-9999px;cursor:pointer}
.quizView .psnMsgWrap{position:relative;margin:0 0 30px 0}
.quizView .psnMsgWrap .psnMsg{display:inline-table;width:calc(100% - 100px);height:45px;text-align:left;font-size:15px;color:#535bfb;margin:15px 0 0 0}
.quizView .psnMsgWrap .psnMsgIn{display:table-cell;vertical-align:middle}
.quizView .psnMsgWrap .psnMsgText{text-indent:-22px;padding:0 0 0 25px}
.quizView .psnMsgWrap .psnMsgText:before{display:inline-block;content:"";width:18px;height:18px;background:url(/images/ico_myinfo@2x.png) 0 0 no-repeat;background-size:18px auto;vertical-align:middle;margin:0 3px 3px 0}
.quizView .psnMsgWrap .btnSizeArea{position:absolute;top:0;right:0}

@media(min-width:1024px){
  .quizItem{margin:0 0 0 0}
  .quizViewIn{width:800px}
  .quizView .btnSizeArea{margin:0}
  .quizView .psnMsgWrap .psnMsg{font-size:16px;margin:0}
}

.lecNoticeList dl{border-bottom:solid 1px #dcdcdc;padding:20px 0}
.lecNoticeList dt{font-size:18px;color:#111;font-weight:700;padding:0 0 5px 0}
.lecNoticeList dt .must{display:inline-block;min-width:27px;line-height:27px;background:#00b8d9;border-radius:2px;color:#fff;font-size:14px;font-weight:700;vertical-align:middle;padding:0 10px;margin:0 5px 0 0}
.lecNoticeList dt a{color:#111}
.lecNoticeList dt a:hover{color:#565efc;text-decoration:none}
.lecNoticeList dt .icoN{font-size:14px;font-weight:400;color:#ff5757}
.lecNoticeList dd{font-size:14px}
.lecNoticeList dd .kind{font-size:14px;color:#535bfb;font-weight:700}
.lecNoticeList dd .date{font-size:13px;color:#888}
.lecNoticeList .noarticle{display:block;text-align:center;font-size:15px;color:gray;border-bottom:solid 1px #dcdcdc;padding:20px 0}

.lecDataList dl{border-bottom:solid 1px #dcdcdc;padding:20px 0}
.lecDataList dt{padding:0 0 5px 0;position:relative}
.lecDataList .dtSubject{font-size:16px;color:#111;font-weight:700}
.lecDataList .dtWrap{background:#f6f6ff url(/images/ico_data_list@2x.png) 15px 15px no-repeat;background-size:20px auto;border-radius:4px;padding:15px 15px 15px 45px}
.lecDataList .dtWrap .major{font-size:13px;color:#535bfb}
.lecDataList .dtWrap .date{font-size:12px;color:#888;font-weight:400;margin:0 0 0 5px}
.lecDataList dt .infoR{margin:5px 0 0 0}
.lecDataList dt .btnR{text-align:right;margin:10px 0 0 0;position:relative}
.lecDataList dt .must{display:inline-block;min-width:27px;line-height:27px;background:#00b8d9;border-radius:2px;color:#fff;font-size:14px;font-weight:700;vertical-align:middle;padding:0 10px;margin:0 5px 0 0}
.lecDataList dt a{color:#111}
.lecDataList dt a:hover{color:#565efc;text-decoration:none}
.lecDataList dt .icoN{font-size:14px;font-weight:400;color:#ff5757}
.lecDataList dd{font-size:14px}
.lecDataList dd .kind{font-size:14px;color:#535bfb;font-weight:700}
.lecDataList dd .date{font-size:13px;color:#888}
.lecDataList .ddFile{background:#f9f9f9;padding:15px 15px 5px 15px;margin:5px 0 0 0}
.lecDataList .fileArea{min-height:20px;background:url(/images/ico_view_down@2x.png) 0 0 no-repeat;background-size:20px auto;font-size:14px;padding:0 0 0 25px;margin:0 0 10px 0}
.lecDataList .fileSize{font-size:12px;color:#888}
.lecDataList .ddContent{font-size:16px;color:#111;line-height:1.7;letter-spacing:-0.5px;margin:10px 0 0 0}
.lecDataList .fileNumM{font-size:14px;color:#111;position:absolute;top:6px;left:0}
.lecDataList .fileNumM em{color:#535bfb}
.lecDataList .btnAllDown{width:100px;height:32px;color:#fff;font-size:12px;background:#535bfb url(/images/ico_all_down@2x.png) 15px 50% no-repeat;background-size:10px auto;border-radius:32px;text-align:left;cursor:pointer;padding:0 10px 0 30px}
.lecDataList .noarticle{display:block;text-align:center;font-size:15px;color:gray;border-bottom:solid 1px #dcdcdc;padding:20px 0}

@media(min-width:1024px){
  .lecDataList dt{min-height:60px;background:#f6f6ff;border-radius:4px}
  .lecDataList .dtSubject{font-size:18px}
  .lecDataList .dtWrap{width:calc(100% - 130px);background-color:transparent;background-size:30px auto;padding:20px 20px 12px 55px}
  .lecDataList .dtWrap .major{font-size:14px}
  .lecDataList dt .infoR{float:right;margin:0}
  .lecDataList dt .btnR{position:absolute;top:10px;right:15px;margin:0}
  .lecDataList .ddFile{margin:20px 0 0 0}
  .lecDataList .fileArea{font-size:15px}
  .lecDataList .ddContent{margin:20px 0 0 0} 
  .lecDataList .fileNumM{display:none}    
  .lecDataList .btnAllDown{width:120px;height:40px;font-size:14px;background-size:12px auto;background-position:20px 50%;padding:0 15px 0 40px}
}

.wholeDataList dl{padding:0 0 0 0}
.wholeDataList dt{padding:0 0 5px 0;position:relative;cursor:pointer}
.wholeDataList dt:after{display:inline-block;content:"";width:20px;height:12px;background:url(/images/ico_idx_arrow.png) 0 0 no-repeat;background-size:20px auto;position:absolute;top:27px;right:5px;margin:0 0 0 0}
.wholeDataList dt.on:after{background:url(/images/ico_idx_arrow_on.png) 0 0 no-repeat;background-size:20px auto}
.wholeDataList .dtSubject{font-size:16px;color:#111;font-weight:700}
.wholeDataList .dtWrap{background:url(/images/ico_data_list@2x.png) 10px 15px no-repeat;background-size:20px auto;border-bottom:solid 1px #dcdcdc;padding:10px 15px 15px 40px;position:relative}
.wholeDataList .dtWrap .major{font-size:13px;color:#535bfb}
.wholeDataList .dtWrap .date{font-size:12px;color:#888;font-weight:400;margin:0 0 0 5px}
.wholeDataList .dtWrap .kindTop{display:none}
.wholeDataList dt .infoR{margin:5px 0 0 0}
.wholeDataList dt .kind{color:#535bfb;font-weight:400}
.wholeDataList dt .btnR{display:none;text-align:right;margin:10px 0 0 0;position:relative}
.wholeDataList .btnRM{text-align:right;margin:5px 0 10px 0;position:relative}
.wholeDataList dt .must{display:inline-block;min-width:27px;line-height:27px;background:#00b8d9;border-radius:2px;color:#fff;font-size:14px;font-weight:700;vertical-align:middle;padding:0 10px;margin:0 5px 0 0}
.wholeDataList dt a{color:#111}
.wholeDataList dt a:hover{color:#565efc;text-decoration:none}
.wholeDataList dt .icoN{font-size:14px;font-weight:400;color:#ff5757}
.wholeDataList dd{display:none;font-size:14px;border-bottom:solid 1px #dcdcdc;padding:0 0 20px 0}
.wholeDataList dd .kind{font-size:14px;color:#535bfb;font-weight:700}
.wholeDataList dd .date{font-size:13px;color:#888}
.wholeDataList .ddFile{background:#f9f9f9;padding:15px 15px 5px 15px;margin:5px 0 0 0}
.wholeDataList .fileArea{min-height:20px;background:url(/images/ico_view_down@2x.png) 0 0 no-repeat;background-size:20px auto;font-size:14px;padding:0 0 0 25px;margin:0 0 10px 0}
.wholeDataList .fileSize{font-size:12px;color:#888}
.wholeDataList .ddContent{font-size:16px;color:#111;line-height:1.7;letter-spacing:-0.5px;margin:10px 0 0 0}
.wholeDataList .fileNumM{font-size:14px;color:#111;font-weight:700;position:absolute;top:6px;left:0}
.wholeDataList .fileNumM em{color:#535bfb}
.wholeDataList .btnAllDown{width:auto;height:32px;color:#fff;font-size:12px;background:#535bfb url(/images/ico_all_down@2x.png) 10px 50% no-repeat;background-size:10px auto;border-radius:32px;text-align:left;cursor:pointer;padding:0 10px 0 25px}
.wholeDataList .noarticle{display:block;text-align:center;font-size:15px;color:gray;border-bottom:solid 1px #dcdcdc;padding:15px 0 30px 0}

@media(min-width:1024px){
  .wholeDataList dl{padding:0 0 10px 0}
  .wholeDataList dt{min-height:60px;border-bottom:solid 1px #dcdcdc}
  .wholeDataList dt:after{top:50%;margin:-10px 0 0 0}
  .wholeDataList .dtSubject{font-size:18px}
  .wholeDataList .dtWrap{width:calc(100% - 160px);background-size:30px auto;border-bottom:none;padding:10px 20px 12px 55px}
  .wholeDataList .dtWrap .major{font-size:14px}
  .wholeDataList .dtWrap .kindTop{display:block;margin:0 0 5px 0}
  .wholeDataList dt .infoR{display:none;margin:0}
  .wholeDataList dt .btnR{display:block;position:absolute;top:20px;right:45px;margin:0}
  .wholeDataList dt .btnR .date{font-size:14px;color:#888;font-weight:lighter}
  .wholeDataList .btnRM{margin:10px 0 0 0}
  .wholeDataList .ddFile{margin:10px 0 0 0}
  .wholeDataList .fileArea{font-size:15px}
  .wholeDataList .ddContent{margin:20px 0 0 0} 
  .wholeDataList .fileNumM{font-size:16px;top:10px}    
  .wholeDataList .btnAllDown{height:40px;font-size:14px;background-size:12px auto;background-position:20px 50%;padding:0 15px 0 40px}
}

.lecNoticeListN dl{border-bottom:solid 1px #dcdcdc;padding:20px 0}
.lecNoticeListN dt{font-size:16px;color:#111;letter-spacing:-0.5px;font-weight:700;padding:0 0 5px 0}
.lecNoticeListN dt .must{display:inline-block;min-width:27px;line-height:27px;background:#00b8d9;border-radius:2px;color:#fff;font-size:14px;font-weight:700;vertical-align:middle;padding:0 10px;margin:0 5px 0 0}
.lecNoticeListN dt a{color:#111}
.lecNoticeListN dt a:hover{color:#565efc;text-decoration:none}
.lecNoticeListN dt .icoN{font-size:14px;color:#ff5757;font-weight:lighter}
.lecNoticeListN dt .icoReply{display:inline-block;font-size:13px;color:#111;font-weight:700;margin:0 0 0 10px}
.lecNoticeListN dt .icoReply:before{display:inline-block;content:"";width:18px;height:18px;background:url(/images/ico_qna_reply@2x.png) 0 0 no-repeat;background-size:18px auto;vertical-align:middle;margin:0 5px 3px 0}
.lecNoticeListN dd{font-size:14px;margin:0}
.lecNoticeListN dd .kind{font-size:14px;color:#535bfb}
.lecNoticeListN dd .date{font-size:13px;color:#888}
.lecNoticeListN .noarticle{display:block;text-align:center;color:gray;font-size:15px;border-bottom:solid 1px #dcdcdc;padding:20px 0}

.lecNoticeCont.marTop{margin-top:15px}
.lecNoticeCont .noticeContTit{border-bottom:solid 2px #111;padding:0 0 25px 0}
.lecNoticeCont .noticeContTit .kindWrap{font-size:18px;margin:0 0 10px 0}
.lecNoticeCont .noticeContTit .must{display:inline-block;min-width:27px;line-height:27px;background:#00b8d9;border-radius:2px;color:#fff;font-size:14px;font-weight:700;padding:0 10px;margin:0 10px 0 0}
.lecNoticeCont .noticeContTit h3{font-size:23px;color:#111;font-weight:700;letter-spacing:-0.5px;margin:0 0 10px 0}
.lecNoticeCont .noticeContTit .infoWrap{font-size:15px;color:#555}
.lecNoticeCont .noticeContTit .cate{display:inline-block;color:#535bfb;margin:0 10px 0 0;font-weight:700}
.lecNoticeCont .noticeCont{font-size:18px;color:#111;line-height:1.8;padding:40px 0 80px}
.lecNoticeCont .noticeContFoot{text-align:center;border-top:solid 1px #dcdcdc;padding:50px 0;margin:10px 0 0 0}
.lecNoticeCont .btnList{min-width:110px;height:48px;font-size:18px;color:#666;background:#fff;border:solid 1px #adadad;border-radius:30px;padding:0 10px;cursor:pointer}

@media(min-width:1024px){
  .lecNoticeCont.marTop{margin-top:50px}
  .lecNoticeCont .noticeContTit h3{font-size:32px}
}

.lecNoticeCont .processContTit{border-bottom:solid 1px #dcdcdc;padding:0 0 25px 0}
.lecNoticeCont .processContTit .kindWrap{font-size:18px;margin:0 0 10px 0}
.lecNoticeCont .processContTit .must{display:inline-block;min-width:27px;line-height:27px;background:#00b8d9;border-radius:2px;color:#fff;font-size:14px;font-weight:700;padding:0 10px;margin:0 10px 0 0}
.lecNoticeCont .processContTit h3{font-size:23px;color:#111;font-weight:700;letter-spacing:-0.5px;margin:0 0 10px 0}
.lecNoticeCont .processContTit .infoWrap{font-size:15px;color:#555}
.lecNoticeCont .processContTit .cate{display:inline-block;color:#535bfb;margin:0 10px 0 0}
.lecNoticeCont .processCont{font-size:18px;color:#111;line-height:1.8;padding:20px 0 10px}
.lecNoticeCont .processCont .noContent{font-size:15px;color:gray;text-align:center;padding:10px 0 0 0}

@media(min-width:1024px){
  .lecNoticeCont .processContTit h3{font-size:32px}
  .lecNoticeCont .processCont .noContent{padding:0}
}

.lecQnaList dl{border-bottom:solid 1px #dcdcdc;padding:20px 0}
.lecQnaList dt{font-size:16px;color:#111;letter-spacing:-0.5px;font-weight:600;padding:0 0 5px 0}
.lecQnaList dt .must{display:inline-block;min-width:27px;line-height:27px;background:#00b8d9;border-radius:2px;color:#fff;font-size:14px;font-weight:700;vertical-align:middle;padding:0 10px;margin:0 5px 0 0}
.lecQnaList dt a{color:#111}
.lecQnaList dt a:hover{color:#565efc;text-decoration:none}
.lecQnaList dt .icoN{font-size:14px;color:#ff5757;font-weight:lighter}
.lecQnaList dt .icoReply{display:inline-block;font-size:13px;color:#111;font-weight:700;margin:0 0 0 10px}
.lecQnaList dt .icoReply:before{display:inline-block;content:"";width:18px;height:18px;background:url(/images/ico_qna_reply@2x.png) 0 0 no-repeat;background-size:18px auto;vertical-align:middle;margin:0 5px 3px 0}
.lecQnaList dd{font-size:14px;margin:0}
.lecQnaList dd .kind{font-size:14px;color:#535bfb}
.lecQnaList dd .date{font-size:13px;color:#888}
.lecQnaList .noarticle{display:block;text-align:center;color:gray;font-size:15px;border-bottom:solid 1px #dcdcdc;padding:20px 0}

@media(min-width:1024px){
  .lecQnaList dt{font-size:18px}
}

.lecQnaListN dl{border-bottom:solid 1px #dcdcdc;padding:20px 0;position:relative}
.lecQnaListN dt .must{display:inline-block;min-width:27px;line-height:27px;background:#00b8d9;border-radius:2px;color:#fff;font-size:14px;font-weight:700;vertical-align:middle;padding:0 10px;margin:0 5px 0 0}
.lecQnaListN dt a{color:#111;font-size:18px;color:#111;letter-spacing:-0.5px;font-weight:700;padding:0 0 5px 0}
.lecQnaListN dt a:hover{color:#565efc;text-decoration:none}
.lecQnaListN dt .icoN{font-size:14px;color:#ff5757;font-weight:lighter}
.lecQnaListN dt .icoReply{display:inline-block;font-size:13px;color:#111;font-weight:700;margin:0 0 0 10px}
.lecQnaListN dt .icoReply:before{display:inline-block;content:"";width:18px;height:18px;background:url(/images/ico_qna_reply@2x.png) 0 0 no-repeat;background-size:18px auto;vertical-align:middle;margin:0 5px 3px 0}
.lecQnaListN dt .icoReply em{display:inline-block;height:20px;line-height:20px;color:#ff5757;border-radius:12px;font-weight:700}
.lecQnaListN dt .kind{font-size:13px;color:#535bfb}
.lecQnaListN dd{font-size:14px;margin:0}
.lecQnaListN dd.ddDate{margin:5px 0 0 0}
.lecQnaListN dd .kind{font-size:14px;color:#535bfb}
.lecQnaListN dd .date{font-size:13px;color:#888}
.lecQnaListN dd .name{display:inline-block;font-size:12px;color:#111;margin:0 0 0 5px;font-weight:700}
.lecQnaListN .ddKind{margin:10px 0 0 0}
.lecQnaListN .major{font-size:13px;color:#858894;font-weight:700;letter-spacing:-0.5px;margin:0 5px 0 0}
.lecQnaListN .major:before{display:inline-block;content:"";width:16px;height:16px;background:#d8d8d8 url(/images/ico_qna_major@2x.png) 50% 50% no-repeat;background-size:10px auto;border-radius:50%;vertical-align:middle;margin:0 3px 3px 0}
.lecQnaListN .major:after{display:inline-block;content:"";width:2px;height:2px;background:#d1d1d1;vertical-align:middle;margin:0 0 3px 10px}
.lecQnaListN .icoOpen{display:inline-block;background:#00b8d9;border-radius:3px;color:#fff;font-size:13px;padding:3px 5px;margin:0 5px 0 0}
.lecQnaListN .noarticle{display:block;text-align:center;color:gray;font-size:14px;border-bottom:solid 1px #dcdcdc;padding:20px 0}

@media(min-width:1024px){
  .lecQnaListN dl{display:table;width:100%}
  .lecQnaListN dt{display:table-cell;vertical-align:middle;margin:0 0 0 0}
  .lecQnaListN dt .kind{font-size:14px}
  .lecQnaListN dd{display:table-cell;vertical-align:middle;width:150px}
  .lecQnaListN dd.ddDate{text-align:right}
  .lecQnaListN dd .name{font-size:13px;display:block;text-align:right;margin:5px 0 0 0}
  .lecQnaListN .major{font-size:14px}
  .lecQnaListN .icoOpen{padding:5px 5px}
}

.lecQnaListFoot{text-align:center;margin:0 0 30px 0}
.lecQnaListFoot .btnBack{width:140px;height:45px;font-size:18px;color:#666;background:#fff;border:solid 1px #adadad;border-radius:30px;padding:0 10px;margin:0 2px;cursor:pointer}
.lecQnaListFoot .btnBack:before{display:inline-block;content:"";width:19px;height:16px;background:url(/images/common/ico_btn_back@2x.png) 0 0 no-repeat;background-size:19px auto;vertical-align:middle;margin:0 5px 3px 0}
.lecQnaListFoot .btnWrite{width:140px;height:45px;font-size:18px;color:#fff;background:#535bfb;border:solid 1px #535bfb;border-radius:30px;padding:0 10px;margin:0 2px;cursor:pointer}

.lecQnaCont{margin:50px 0 0 0}
.lecQnaCont.freeContTop{margin:0}
.lecQnaCont .qnaContTit{border-bottom:solid 2px #111;padding:0 0 25px 0}
.lecQnaCont .qnaContTit .kindWrap{font-size:18px;margin:0 0 10px 0}
.lecQnaCont .qnaContTit .must{display:inline-block;min-width:27px;line-height:27px;background:#00b8d9;border-radius:2px;color:#fff;font-size:14px;font-weight:700;padding:0 10px;margin:0 10px 0 0}
.lecQnaCont .qnaContTit h3{font-size:23px;color:#111;font-weight:700;line-height:1.3;letter-spacing:-0.5px;margin:0 0 10px 0}
.lecQnaCont .qnaContTit .infoWrap{font-size:15px;color:#555}
.lecQnaCont .qnaContTit .cate{display:inline-block;color:#535bfb;margin:0 10px 0 0;font-weight:500}
.lecQnaCont .qnaContTit .icoReply{display:inline-block;font-size:13px;color:#111;font-weight:700;margin:0 0 0 10px}
.lecQnaCont .qnaContTit .icoReply:before{display:inline-block;content:"";width:18px;height:18px;background:url(/images/ico_qna_reply@2x.png) 0 0 no-repeat;background-size:18px auto;vertical-align:middle;margin:0 5px 3px 0}
.lecQnaCont .qnaContTit .bar{display:inline-block;color:#d8dbe2;margin:0 12px 0 0}
.lecQnaCont .qnaCont{font-size:18px;color:#111;line-height:1.8;padding:40px 0 40px}
.lecQnaCont .qnaContFoot{display:flex;align-items:center;justify-content:center;gap:8px;border-top:solid 1px #dcdcdc;padding:50px 0}
.lecQnaCont .qnaContFoot button{min-width:110px;font-size:17px;color:#666;background:#fff;border:solid 1px #adadad;border-radius:50px;padding:10px;cursor:pointer}
.lecQnaCont button.btnList:before{display:inline-block;content:"";width:19px;height:16px;background:url(/images/common/ico_btn_back@2x.png) 0 0 no-repeat;background-size:19px auto;vertical-align:middle;margin:0 5px 3px 0}
.lecQnaCont button.btnDel{color:#ff5757}
.lecQnaCont button.btnModify{color:#fff;background:#535bfb;border:solid 1px #535bfb}

@media(min-width:1024px){
  .lecQnaCont .qnaContTit h3{font-size:32px}
  .lecQnaCont .qnaCont{padding:40px 0 80px}
}

.lecQnaContN{margin:0}
.lecQnaContN.freeContTop{margin:0}
.lecQnaContN .qnaContTit{border-bottom:solid 2px #111;padding:0 0 10px 0}
.lecQnaContN .qnaContTit .kindWrap{font-size:18px;margin:0 0 10px 0}
.lecQnaContN .qnaContTit .must{display:inline-block;min-width:27px;line-height:27px;background:#00b8d9;border-radius:2px;color:#fff;font-size:14px;font-weight:700;padding:0 10px;margin:0 10px 0 0}
.lecQnaContN .qnaContTit h3{font-size:23px;color:#111;font-weight:700;line-height:1.3;letter-spacing:-0.5px;margin:0 0 20px 0}
.lecQnaContN .qnaContTit .infoWrap{font-size:15px;color:#555}
.lecQnaContN .qnaContTit .infoNext{display:block;margin:10px 0 0 0}
.lecQnaContN .qnaContTit .majorNM{color:#858894;font-weight:700;letter-spacing:-0.5px}
.lecQnaContN .qnaContTit .majorNM:before{display:inline-block;content:"";width:16px;height:16px;background:#d8d8d8 url(/images/ico_qna_major@2x.png) 50% 50% no-repeat;background-size:10px auto;border-radius:50%;vertical-align:middle;margin:0 3px 3px 0}
.lecQnaContN .qnaContTit .majorNM:after{display:inline-block;content:"";width:2px;height:2px;background:#d1d1d1;vertical-align:middle;margin:0 0 3px 10px}
.lecQnaContN .qnaContTit .cate{display:inline-block;color:#535bfb;margin:0 5px 0 0;font-weight:700}
.lecQnaContN .qnaContTit .major{font-size:13px;color:#858894;font-weight:700;letter-spacing:-0.5px;margin:0 5px 0 0}
.lecQnaContN .qnaContTit .major:before{display:inline-block;content:"";width:16px;height:16px;background:#d8d8d8 url(/images/ico_qna_major@2x.png) 50% 50% no-repeat;background-size:10px auto;border-radius:50%;vertical-align:middle;margin:0 3px 3px 0}
.lecQnaContN .qnaContTit .major:after{display:inline-block;content:"";width:2px;height:2px;background:#d1d1d1;vertical-align:middle;margin:0 0 3px 10px}
.lecQnaContN .qnaContTit .kind{display:inline-block;font-size:13px;color:#535bfb;font-weight:700;letter-spacing:-0.5px}
.lecQnaContN .qnaContTit .dateWrap{display:block;margin:5px 0 0 0}
.lecQnaContN .qnaContTit .saintNM{font-weight:700}
.lecQnaContN .qnaContTit .icoReply{display:inline-block;font-size:13px;color:#111;font-weight:700;vertical-align:middle;margin:0 0 3px 10px}
.lecQnaContN .qnaContTit .icoReply:before{display:inline-block;content:"";width:18px;height:18px;background:url(/images/ico_qna_reply@2x.png) 0 0 no-repeat;background-size:18px auto;vertical-align:middle;margin:0 5px 3px 0}
.lecQnaContN .qnaContTit .bar{display:none;color:#d8dbe2;margin:0 12px 0 12px}
.lecQnaContN .qnaCont{font-size:18px;color:#111;line-height:1.8;padding:40px 0 40px}
.lecQnaContN .qnaContFoot{text-align:center;border-top:solid 1px #dcdcdc;padding:50px 0}
.lecQnaContN .btnList{min-width:110px;height:48px;font-size:18px;color:#666;background:#fff;border:solid 1px #adadad;border-radius:30px;padding:0 10px;cursor:pointer}
.lecQnaContN .btnList:before{display:inline-block;content:"";width:19px;height:16px;background:url(/images/common/ico_btn_back@2x.png) 0 0 no-repeat;background-size:19px auto;vertical-align:middle;margin:0 5px 3px 0}
.lecQnaContN .btnDel{min-width:110px;height:48px;font-size:18px;color:#ff5757;background:#fff;border:solid 1px #adadad;border-radius:30px;padding:0 10px;cursor:pointer}
.lecQnaContN .btnModify{min-width:110px;height:48px;font-size:18px;color:#fff;background:#535bfb;border:solid 1px #535bfb;border-radius:30px;padding:0 10px;cursor:pointer}

@media(min-width:1024px){
  .lecQnaContN .qnaContTit h3{font-size:32px}
  .lecQnaContN .qnaCont{padding:40px 0 80px}
  .lecQnaContN .qnaContTit .saintNM:before{content:"|";color:#d6d6d6;font-weight:normal;padding:10px}
  .lecQnaContN .qnaContTit .saintNM:after{content:"|";color:#d6d6d6 ;font-weight:normal;padding:10px}
  .lecQnaContN .qnaContTit .infoNext{display:inline-block}
}

.wholeQnaCont{margin:0 0 0 0}
.wholeQnaCont.freeContTop{margin:20px 0 0 0}
.wholeQnaCont .qnaContTit{border-bottom:solid 2px #111;padding:0 0 25px 0}
.wholeQnaCont .qnaContTit .steadInfo{display:none;margin:0 0 20px 0;color:#4e4e4e;font-weight:700;font-size:14px;position:relative}
.wholeQnaCont .qnaContTit .kindWrap{font-size:18px;margin:0 0 10px 0}
.wholeQnaCont .qnaContTit .must{display:inline-block;min-width:27px;line-height:27px;background:#00b8d9;border-radius:2px;color:#fff;font-size:14px;font-weight:700;padding:0 10px;margin:0 10px 0 0}
.wholeQnaCont .qnaContTit h3{font-size:23px;color:#111;font-weight:700;line-height:1.3;letter-spacing:-0.5px;margin:0 0 5px 0}
.wholeQnaCont .qnaContTit .infoWrap{font-size:15px;color:#555}
.wholeQnaCont .qnaContTit .cate{display:inline-block;color:#535bfb;margin:0 10px 0 0;font-weight:700}
.wholeQnaCont .qnaContTit .major{font-size:15px;color:#858894;font-weight:700;letter-spacing:-0.5px;margin:0 5px 0 0}
.wholeQnaCont .qnaContTit .major:before{display:inline-block;content:"";width:16px;height:16px;background:#d8d8d8 url(/images/ico_qna_major@2x.png) 50% 50% no-repeat;background-size:10px auto;border-radius:50%;vertical-align:middle;margin:0 3px 3px 0}
.wholeQnaCont .qnaContTit .major:after{display:inline-block;content:"";width:2px;height:2px;background:#d1d1d1;vertical-align:middle;margin:0 0 3px 10px}
.wholeQnaCont .qnaContTit .kind{display:inline-block;font-size:13px;color:#535bfb;font-weight:700;letter-spacing:-0.5px}
.wholeQnaCont .qnaContTit .dateWrap{display:block;margin:5px 0 0 0}
.wholeQnaCont .qnaContTit .icoReply{display:inline-block;font-size:13px;color:#111;font-weight:700;vertical-align:middle;margin:0 0 3px 10px}
.wholeQnaCont .qnaContTit .icoReply:before{display:inline-block;content:"";width:18px;height:18px;background:url(/images/ico_qna_reply@2x.png) 0 0 no-repeat;background-size:18px auto;vertical-align:middle;margin:0 5px 3px 0}
.wholeQnaCont .qnaContTit .bar{display:none;color:#d8dbe2;margin:0 10px 0 5px}
.wholeQnaCont .qnaCont{font-size:18px;color:#111;line-height:1.8;padding:40px 0 40px}
.wholeQnaCont .qnaContFoot{text-align:center;border-top:solid 1px #dcdcdc;padding:47px 0 50px 0}
.wholeQnaCont .btnList{min-width:110px;height:48px;font-size:18px;color:#666;background:#fff;border:solid 1px #adadad;border-radius:30px;padding:0 10px;cursor:pointer}
.wholeQnaCont .btnList:before{display:inline-block;content:"";width:19px;height:16px;background:url(/images/common/ico_btn_back@2x.png) 0 0 no-repeat;background-size:19px auto;vertical-align:middle;margin:0 5px 3px 0}
.wholeQnaCont .btnDel{min-width:105px;height:48px;font-size:18px;color:#ff5757;background:#fff;border:solid 1px #adadad;border-radius:30px;padding:0 10px;cursor:pointer}
.wholeQnaCont .btnModify{min-width:105px;height:48px;font-size:18px;color:#fff;background:#535bfb;border:solid 1px #535bfb;border-radius:30px;padding:0 10px;cursor:pointer}
@media(max-width:370px){
  .wholeQnaCont .qnaContFoot button{margin:3px 0 0 0;width:100%}	
}

@media(min-width:1024px){
  .wholeQnaCont{margin:30px 0 0 0}
  .wholeQnaCont .qnaContTit h3{font-size:32px}
  .wholeQnaCont .qnaContTit .major{font-size:15px}
  .wholeQnaCont .qnaContTit .kind{font-size:14px}
  .wholeQnaCont .qnaContTit .bar{display:inline-block}
  .wholeQnaCont .qnaContTit .dateWrap{display:inline-block;margin:0}
  .wholeQnaCont .qnaContTit .icoReply{margin:0 0 0 10px}
  .wholeQnaCont .qnaCont{padding:40px 0 80px}
  .wholeQnaCont .btnList{margin:0 2px}
  .wholeQnaCont .btnDel{margin:0 2px}
  .wholeQnaCont .btnModify{margin:0 2px}
}

.wholeQnaWrite{margin:30px 0 30px 0}
.wholeQnaWrite .inputTitle{width:100%;border-bottom:solid 1px #dcdcdc;font-size:18px;color:#000;padding:15px 0}
.wholeQnaWrite .inputArea{width:100%;height:300px;border:none;border-bottom:solid 1px #dcdcdc;font-size:16px;color:#000;padding:20px 0 20px 0;outline:none}
.wholeQnaWrite .fileDragBox{margin:20px 0 0 0}

@media(min-width:1024px){
  .wholeQnaWrite{margin:30px 0 50px 0}
  .wholeQnaWrite .inputTitle{font-size:20px;padding:20px 0}
  .wholeQnaWrite .inputArea{padding:40px 0;font-size:18px}
}

.qnaLecWrite{margin:0 0 30px 0}
.qnaLecWrite .inputTitle{width:100%;border-bottom:solid 1px #dcdcdc;font-size:18px;color:#000;padding:15px 0}
.qnaLecWrite .inputArea{width:100%;height:300px;border:none;border-bottom:solid 1px #dcdcdc;font-size:16px;color:#000;padding:20px 0;outline:none}
.qnaLecWrite .fileDragBox{margin:20px 0 0 0}

@media(min-width:1024px){
  .qnaLecWrite{margin:0 0 50px 0}
  .qnaLecWrite .inputTitle{padding:20px 0;font-size:20px}
  .qnaLecWrite .inputArea{padding:40px 0;font-size:18px}
}

.lecQnaWriteFoot{text-align:center}
.lecQnaWriteFoot .btnBack{width:100px;height:45px;font-size:16px;color:#666;background:#fff;border:solid 1px #adadad;border-radius:30px;padding:0 2px;cursor:pointer;margin:0 2px}
.lecQnaWriteFoot .btnBack:before{display:inline-block;content:"";width:19px;height:16px;background:url(/images/common/ico_btn_back@2x.png) 0 0 no-repeat;background-size:19px auto;vertical-align:middle;margin:0 5px 3px 0}
.lecQnaWriteFoot .btnNormal{width:100px;height:45px;font-size:16px;color:#666;background:#fff;border:solid 1px #adadad;border-radius:30px;padding:0 2px;cursor:pointer;margin:0 2px}
.lecQnaWriteFoot .btnWrite{width:100px;height:45px;font-size:16px;color:#fff;background:#535bfb;border:solid 1px #535bfb;border-radius:30px;padding:0 2px;cursor:pointer;margin:0 2px}

@media(min-width:1024px){
  .lecQnaWriteFoot .btnBack{width:140px;font-size:18px;margin:0 3px}
  .lecQnaWriteFoot .btnNormal{width:140px;font-size:18px;margin:0 3px}
  .lecQnaWriteFoot .btnWrite{width:140px;font-size:18px;margin:0 3px}
}

.noticeLecListTit{border-bottom:solid 2px #111;padding:0 0 10px 0}
.noticeLecListTit h3{font-size:32px;color:#111;margin:0 0 10px 0}
.noticeLecListTit h3:before{display:inline-block;content:"";width:44px;height:37px;background:url(/images/ico_view_notice@2x.png) 0 0 no-repeat;background-size:37px auto;vertical-align:middle;margin:0 5px 3px 0}

.noticeLecTit{border-bottom:solid 2px #111;padding:0 0 0 0;margin:20px 0 0 0}
.noticeLecTit h3{font-size:23px;color:#111;font-weight:700;letter-spacing:-0.5px;margin:0 0 10px 0}
.noticeLecTit h3:before{display:inline-block;content:"";width:44px;height:37px;background:url(/images/ico_view_notice@2x.png) 0 0 no-repeat;background-size:37px auto;vertical-align:middle;margin:0 5px 3px 0}

.notifiLecListTit{border-bottom:solid 2px #111;padding:0 0 15px 0;margin:5px 0 0 0}
.notifiLecListTit h3:before{display:inline-block;content:"";width:37px;height:37px;background:url(/images/ico_lecture_notice@2x.png) 0 0 no-repeat;background-size:37px auto;vertical-align:middle;margin:0 5px 3px 0}
.notifiLecListTit h3{font-size:23px;color:#111;font-weight:700;letter-spacing:-1px;margin:0}

@media(min-width:1024px){
  .noticeLecTit{padding:0 0 10px 0;margin:50px 0 0 0}
  .noticeLecTit h3{font-size:32px}

  .notifiLecListTit{margin:0 0 15px 0}
  .notifiLecListTit h3{font-size:32px}
}

.dataLecTit{border-bottom:solid 2px #111;padding:0 0 0 0;margin:0 0 0 0}
.dataLecTit h3{font-size:23px;color:#111;font-weight:700;letter-spacing:-0.5px;margin:0 0 10px 0}
.dataLecTit h3:before{display:inline-block;content:"";width:30px;height:37px;background:url(/images/ico_view_data@2x.png) 0 0 no-repeat;background-size:35px auto;vertical-align:middle;margin:0 10px 5px 0}

@media(min-width:1024px){
  .dataLecTit{padding:0 0 10px 0}
  .dataLecTit h3{font-size:32px}
}
.quizList{padding:10px 20px}
.quizList li{height:35px;font-size:15px;cursor:pointer;color:#535bfb}
.quizList li:hover{color:#1542a0}
.btnViewQuiz{min-width:120px;height:35px;font-size:12px;color:#fff;font-weight:700;background:#535bfb;border:solid 1px #535bfb;border-radius:2px;padding:0 10px;cursor:pointer;left:20px;position:relative}
.btnVideoPreview{width:80px;height:32px;font-size:12px;color:#000;font-weight:700;background:#f2f4f7;border:solid 1px #cbcbcb;border-radius:2px;padding:0 10px;cursor:pointer;float:right;right:0px;position:relative;border-left:none}
.btnQuizGet{min-width:130px;display:inline-block;color:#fff;font-size:13px;font-weight:700;text-align:center;background:#3b4e72;height:35px;line-height:33px;margin-left:5px;border-radius:4px;cursor:pointer;padding:0 10px;position:relative;left:20px}


.btnConnQuizW{min-width:120px;height:35px;font-size:12px;color:#fff;font-weight:700;background:#3b4e72;border:solid 1px #3b4e72;border-radius:2px;padding:0 10px;cursor:pointer;left:20px;position:relative}

.visualFaq{display:table;width:100%;height:100px;background:#565efc url(https://globalapi.watv.org/images/EduLMS/banner/bg_visual_faq.jpg) 50% 0 no-repeat;background-size:auto 100px;text-align:center}
.visualFaqIn{display:table-cell;vertical-align:middle}
.visualFaq h2{font-size:28px;color:#fff;letter-spacing:-1px;margin:0}

@media(min-width:1024px){
  .visualFaq{height:165px;background-size:auto}
  .visualFaq h2{font-size:50px;font-weight:700}
}
	
.faqListWrapIn{width:100%;padding:30px 20px 50px 20px}
.faqListWrapIn .searchWrap{position:relative;margin-bottom:10px}
.faqListWrapIn .inputFaqSh{width:100%;height:40px;border:solid 1px #d8dbe2;font-size:13px;letter-spacing:-0.5px;color:#000;padding:0 40px 0 10px}
.faqListWrapIn .btnFaqSh{width:40px;height:40px;background:transparent url(/images/ico_qna_sh@2x.png) 50% 50% no-repeat;background-size:18px auto;cursor:pointer;position:absolute;top:0;right:0}

@media(min-width:1024px){
  .faqListWrapIn{width:810px;margin:0 auto;padding:40px 20px 70px 20px}
}

.faqMenu{height:68px;border-bottom:solid 8px #f5f5f6;text-align:center;white-space:nowrap;overflow-x:auto;overflow-y:hidden}
.faqMenu .faqMenuGroup .qna{cursor:pointer}
.faqMenu .faqMenuGroup button{height:60px;color:#888;font-size:16px;font-weight:700;letter-spacing:-0.5px;background:transparent;border-bottom:solid 3px transparent;cursor:pointer;margin:0 10px;padding:5px 0 0 0}
.faqMenu .faqMenuGroup button.on{color:#535bfb;border-bottom:solid 4px #535bfb}

@media(min-width:1024px){
  .faqMenu{height:80px;border-bottom:solid 1px #dcdcdc}
  .faqMenu .faqMenuGroup button{height:80px;font-size:20px;margin:0 25px}
}
.faqList dl{border-top:solid 2px #111}
.faqList dt{border-bottom:solid 1px #dcdcdc;font-size:16px;color:#111;font-weight:700;letter-spacing:-0.5px;background:url(/images/ico_idx_arrow.png) calc(100% - 0px) 50% no-repeat;background-size:20px auto;padding:15px 0px 13px 0px;cursor:pointer}
.faqList dt.on{background:url(/images/ico_idx_arrow_on.png) calc(100% - 0px) 50% no-repeat;background-size:20px auto}
.faqList dd{background:#f9f9f9;border-bottom:solid 1px #dcdcdc;font-size:16px;color:#666;line-height:1.7;padding:20px}
.faqList dd p{margin:0}
.faqList .noarticle{display:block;text-align:center;color:gray;font-size:15px;border-bottom:solid 1px #dcdcdc;padding:20px 0}
.faqList .kind{display:block;font-size:13px;color:#535bfb;font-weight:400;margin-bottom:3px}

@media(min-width:1024px){
  .faqList dt{font-size:18px;background-position:calc(100% - 0px) 50%;padding:15px 0px 13px 0px}
}

.faqMsgWrap{background:#f9f9f9}
.faqMsgIn{text-align:center;background:url(/images/faq_msg_visual.png) center 30px no-repeat;background-size:180px auto;padding:230px 20px 50px 20px}
.faqMsg h3{font-size:24px;font-weight:700;color:#333;margin:0 0 10px 0}
.faqMsg .explain{font-size:16px;color:#888;margin:0 0 20px 0}
.faqMsg .btnMyLec{min-width:150px;height:45px;background:#535bfb;color:#fff;font-size:16px;font-weight:700;border-radius:30px;cursor:pointer;padding:0 10px}

@media(min-width:1024px){
  .faqMsg{display:table;width:770px;height:340px;margin:0 auto}
  .faqMsgIn{display:table-cell;vertical-align:middle;text-align:left;background-size:auto;background-position:0 50%;padding:0 0 0 300px}
  .faqMsg h3{font-size:28px;margin:0 0 15px 0}
  .faqMsg .explain{font-size:18px;margin:0 0 25px 0}
  .faqMsg .btnMyLec{height:48px}
}

.faqCategory{display:flex;gap:10px;overflow-x:auto;margin:20px 0px 5px 0px}
.faqCategory button{background:#e2eaff;color:#535bfb;padding:7px 10px;border-radius:3px;width:max-content}
.faqCategory button.on{background:#535bfb;color:#fff}

.qnaListWrapIn{width:100%;padding:20px 20px 50px 20px}

@media(min-width:1024px){
  .qnaListWrapIn{width:810px;margin:0 auto;padding:40px 20px 60px 20px}
  .faqCategory{height:42px}
  .faqCategory::-webkit-scrollbar{width:8px;height:6px}/*스크롤바 전체*/
  .faqCategory::-webkit-scrollbar-button{display:none}/*상하,좌우 화살표*/
  .faqCategory::-webkit-scrollbar-track{background-color:transparent}/*스크롤바배경*/
  .faqCategory::-webkit-scrollbar-thumb{border-radius:10px;background-color:#bfc4ce}/*움직이는 부분*/
}

.qnaNotice{background:#f1faff;border-radius:4px;text-align:center;letter-spacing:-0.5px;padding:15px;margin:0 0 20px 0}
.qnaNotice h3{color:#535bfb;font-size:16px;font-weight:700;line-height:1.1;margin:0 0 8px 0}
.qnaNotice h3:before{display:inline-block;content:"";width:18px;height:18px;background:url(/images/ico_myinfo@2x.png) 0 0 no-repeat;background-size:18px auto;vertical-align:middle;margin:0 3px 3px 0}
.qnaNotice .explain{color:#111;font-size:14px;font-weight:700;letter-spacing:-1px;margin:0 0 8px 0}
.qnaNotice .btnFaqView{background:transparent;color:#555;font-size:14px;font-weight:700;cursor:pointer}
.qnaNotice .btnFaqView:after{display:inline-block;content:"";width:7px;height:12px;background:url(/images/ico_arrow_qna@2x.png) 0 0 no-repeat;background-size:7px auto;vertical-align:middle;margin:0 0 2px 5px}

@media(min-width:1024px){
  .qnaNotice{padding:20px}
  .qnaNotice h3{font-size:18px}
  .qnaNotice .explain{font-size:15px}
}

.qnaTopTitle{display:table;width:100%;border-bottom:solid 2px #111;padding:0 0 10px 0;position:relative}
.qnaTopTitle .explain{font-size:16px;color:#111;font-weight:700;line-height:1.5;letter-spacing:-0.5px;margin:0 130px 15px 0}
.qnaTopTitle .inputQnaSelect{width:calc(30% - 3px);height:40px;border:solid 1px #d8dbe2;color:#000;padding:0 5px}
.qnaTopTitle .inputQnaSh{width:calc(70% - 8px);height:40px;border:solid 1px #d8dbe2;font-size:13px;letter-spacing:-0.5px;color:#000;padding:0 35px 0 10px}
.qnaTopTitle .btnQnaSh{width:40px;height:40px;background:transparent url(/images/ico_qna_sh@2x.png) 50% 50% no-repeat;background-size:18px auto;margin:0 0 0 -43px;cursor:pointer}
.qnaTopTitle .qnaChkArea{display:inline-block;margin:20px 0 10px 0}
.qnaTopTitle .inputQnaChk{display:none}
.qnaTopTitle .inputQnaChk + label{color:#000;font-size:15px;font-weight:700;cursor:pointer}
.qnaTopTitle .inputQnaChk + label:before{display:inline-block;content:"";width:26px;height:26px;background:#e0e0e0 url(/images/ico_login_chk@2x.png) 50% 50% no-repeat;background-size:15px auto;border-radius:50%;vertical-align:middle;margin:0 5px 3px 0}
.qnaTopTitle .inputQnaChk:checked + label:before{background-color:#535bfb}
.qnaTopTitle .btnR{float:right}
.qnaTopTitle .btnRR{display:block;text-align:right}
.qnaTopTitle .btnWrite{width:100px;height:40px;background:#535bfb;border-radius:32px;color:#fff;font-size:15px;cursor:pointer;font-weight:700;padding:0 5px;margin:10px 0 0 0}
.qnaTopTitle .inputRadio + label{letter-spacing:-0.5px;font-weight:700;font-size:13px;text-indent:-30px;margin:3px 10px 3px 0;padding:0 0 0 30px}
.qnaTopTitle .inputRadio + label:before{width:26px;height:26px;border:solid 1px #c9d0ef}
.qnaTopTitle .inputRadio:checked + label{color:#535bfb}
.qnaTopTitle .inputRadio:checked + label:before{background:#535bfb url(/images/ico_quiz_chk@2x.png) 50% 50% no-repeat;background-size:14px auto;border:solid 1px #535bfb}
.qnaTopTitle .period{margin:10px 0 0 0;vertical-align:middle;display:inline-table}
.qnaTopTitle .period button{width:68px;background:#fff;cursor:pointer;border:#d8dbe2 1px solid;font-size:13px;color:#000000;font-weight:700;line-height:38px;letter-spacing:-1px;padding-right:2px;margin-right:-1px}
.qnaTopTitle .period button.on{color:#fff;background:#838996;border:1px solid #707683}

@media(min-width:1024px){
  .qnaTopTitle{min-height:55px}
  .qnaTopTitle .explain{font-size:18px;margin:0 140px 15px 0;padding:12px 0 0 0}
  .qnaTopTitle .inputQnaSelect{width:130px}
  .qnaTopTitle .inputQnaSh{width:280px}
  .qnaTopTitle .qnaChkArea{margin:0 0 0 10px}
  .qnaTopTitle .btnR{padding:0}
  .qnaTopTitle .btnL{margin:0 0 10px 0}
  .qnaTopTitle .btnRR{display:inline-block}
  .qnaTopTitle .btnWrite{width:120px;height:45px;background:#535bfb;border-radius:32px;color:#fff;font-size:16px;cursor:pointer;font-weight:700}
  .qnaTopTitle .inputRadio + label{font-size:14px}
  .qnaTopTitle .period{margin:0 5px 0 0;width:auto}
  .qnaTopTitle .period button{display:inline-block;width:68px}
}

.qnaList dl{border-bottom:solid 1px #dcdcdc;position:relative;padding:20px 10px}
.qnaList dd{font-size:14px;margin:0}
.qnaList .ddR{margin:10px 0 0 0}
.qnaList .ddInfo{margin:7px 0 0 0}
.qnaList .ddSubject{font-size:16px;color:#111;letter-spacing:-0.5px;font-weight:700}
.qnaList .ddSubject .answer{display:inline-block;height:20px;line-height:20px;background:url(/images/common/ico_answer@2x.png) 0 0 no-repeat;background-size:auto 20px;font-size:13px;padding:0 0 0 25px;margin:0 0 0 5px}
.qnaList .ddSubject .answer em{display:inline-block;height:20px;line-height:20px;background:#ff5757;color:#fff;padding:0 8px;border-radius:12px}
.qnaList .ddSubject a:hover{color:#535bfb;text-decoration:none}
.qnaList .major{font-size:13px;color:#858894;font-weight:700;margin:0 5px 0 0}
.qnaList .major:before{display:inline-block;content:"";width:16px;height:16px;background:#d8d8d8 url(/images/ico_qna_major@2x.png) 50% 50% no-repeat;background-size:10px auto;border-radius:50%;vertical-align:middle;margin:0 3px 3px 0}
.qnaList .major:after{display:inline-block;content:"";width:2px;height:2px;background:#d1d1d1;vertical-align:middle;margin:0 0 3px 10px}
.qnaList .kind{font-size:13px;color:#535bfb;font-weight:700}
.qnaList .must{display:inline-block;min-width:27px;line-height:27px;background:#00b8d9;border-radius:2px;color:#fff;font-size:14px;font-weight:700;vertical-align:middle;padding:0 10px;margin:0 5px 0 0}
.qnaList a{color:#111;font-size:16px;color:#111;letter-spacing:-0.5px;font-weight:700;padding:0 0 5px 0}
.qnaList a:hover{color:#565efc;text-decoration:none}
.qnaList .icoN{font-size:12px;color:#ff5757;font-weight:lighter}
.qnaList .icoReply{display:inline-block;font-size:13px;color:#111;font-weight:700;margin:0 0 0 10px}
.qnaList .icoReply:before{display:inline-block;content:"";width:18px;height:18px;background:url(/images/ico_qna_reply@2x.png) 0 0 no-repeat;background-size:18px auto;vertical-align:middle;margin:0 5px 3px 0}
.qnaList .icoReply em{display:inline-block;height:20px;line-height:20px;color:#ff5757;border-radius:12px}
.qnaList .date{font-size:13px;color:#888}
.qnaList .name{display:inline-block;font-size:12px;color:#111;margin:0 0 0 5px;font-weight:700}
.qnaList .ddKind{margin:10px 0 0 0}
.qnaList .icoOpen{display:inline-block;background:#00b8d9;border-radius:3px;color:#fff;font-size:13px;padding:3px 5px;margin:0 5px 0 0}
.qnaList .noarticle{display:block;text-align:center;color:gray;font-size:14px;border-bottom:solid 1px #dcdcdc;padding:20px 0}

@media(min-width:1024px){
  .qnaList dt{display:table-cell;vertical-align:middle;margin:0 0 0 0}
  .qnaList dt .kind{font-size:14px}
  .qnaList dt a{font-size:18px}
  .qnaList dd{display:table-cell;vertical-align:middle;width:150px;text-align:right}
  .qnaList dd .name{font-size:13px;display:block;text-align:right;margin:5px 0 0 0}
  .qnaList .major{font-size:14px}
  .qnaList .icoOpen{padding:5px 5px}
  .qnaList dl{display:table;width:100%}
  .qnaList .ddR{position:absolute;right:0;top:50%;margin:-10px 0 0 0}
  .qnaList .ddSubject{font-size:18px}
}

.qnaContentWrapIn{width:100%;padding:35px 20px 50px 20px;margin:0 auto}

.qnaWriteWrap .steadWrap{display:none;font-weight:700;font-size:17px;margin:0 0 20px 0;color:#333;position:relative}
.qnaWriteWrap .steadWrap .btnDelete{width:30px;height:30px;border:solid 1px #D8D8D8;border-radius:30px;background:#fff url(/images/ico_delete.png) 50% 50% no-repeat;background-size:16px auto;margin:0 0 0 5px;cursor:pointer}
.qnaWriteWrap .steadWrap .steadNm{padding:0 0 0 5px}
.qnaWriteWrapIn{width:100%;padding:30px 0 10px 0}
.qnaWriteWrapIn .ddKind{margin:10px 0 0 0}
.qnaWriteWrapIn .major{font-size:13px;color:#858894;font-weight:700;letter-spacing:-0.5px;margin:0 5px 0 0}
.qnaWriteWrapIn .major:before{display:inline-block;content:"";width:16px;height:16px;background:#d8d8d8 url(/images/ico_qna_major@2x.png) 50% 50% no-repeat;background-size:10px auto;border-radius:50%;vertical-align:middle;margin:0 5px 3px 0}

@media(min-width:1024px){
	.qnaContentWrapIn{width:810px;padding:50px 20px 60px 10px}
}

.qnaChoiceWrap{margin:0 auto;max-width:780px}
.qnaChoiceWrapIn{width:100%;padding:30px 15px 10px 15px}
.qnaChoiceBox{border-radius:8px;padding:30px 30px 30px 30px;margin:0 0 10px 0;cursor:pointer}
.qnaChoiceBox.myBox{background:url(https://globalapi.watv.org/images/EduLMS/banner/bg_inquiry_my@2x.jpg) 50% 50% no-repeat;background-size:100% auto}
.qnaChoiceBox.insteadBox{background:url(https://globalapi.watv.org/images/EduLMS/banner/bg_inquiry_instead@2x.jpg) 50% 50% no-repeat;background-size:100% auto}
.qnaChoiceBox h3{font-size:18px;color:#fff;font-weight:700;margin:0 0 10px 0}
.qnaChoiceBox .explain{font-size:14px;color:#979ca6}
.qnaChoiceBox .btnArea{margin:20px 0 0 0}
.qnaChoiceBox .btnInqury{background:transparent url(/images/ico_arrow_inquiry@2x.png) right 50% no-repeat;background-size:auto 15px;color:#fff;font-weight:700;font-size:15px;line-height:1.1;border-radius:8px;padding:0 30px 0 0;cursor:pointer}

@media(min-width:1024px){
  .qnaChoiceWrapIn{display:flex;padding:70px 5px 10px 5px}
  .qnaChoiceBox{flex:1;min-height:220px;padding:45px 30px 45px 30px;margin:0 5px}
  .qnaChoiceBox.myBox{background-size:100% 100%}
  .qnaChoiceBox.insteadBox{background-size:100% 100%}
  .qnaChoiceBox h3{font-size:20px}
  .qnaChoiceBox .btnArea{margin:30px 0 0 0}
  .qnaChoiceBox .btnInqury{font-size:16px}
}

.saintShWrap{background:#f1faff;border:solid 1px #e3f0f7;padding:15px 15px;margin:0 0 30px 0}
.saintShWrap h3{font-weight:700;font-size:17px;color:#000;margin:0 0 10px 0}
.saintShWrap .selectSaintSh{width:100px;height:40px;background:#fff url(/images/ico_qna_arrow@2x.png) calc(100% - 8px) 50% no-repeat;border:solid 1px #d8dbe2;background-size:14px auto;padding:0 25px 0 10px;font-size:14px;appearance:none}
.saintShWrap .inputSaintSh{width:calc(100% - 145px);height:40px;background:#fff;border:solid 1px #d8dbe2;font-size:14px;color:#000;padding:0 5px}
.saintShWrap .btnSaintSh{width:40px;height:40px;background:#535bfb url(/images/ico_search_top_w.png) 50% 50% no-repeat;border-radius:0 2px 2px 0;font-size:14px;color:#fff;font-weight:700;text-indent:-9999px;cursor:pointer;padding:0 10px;margin:0 0 0 -5px}
.saintShWrap .saintShResult{margin:30px 0 0 0}
.saintShWrap .saintShTableScroll{max-height:400px;border-top:solid 1px #e6eafc;overflow-y:auto}
.saintShWrap .saintShTable{width:100%}
.saintShWrap .saintShTable th{width:60px;height:45px;color:#000;font-size:15px;font-weight:700;padding:3px 0 3px 10px}
.saintShWrap .saintShTable td{border-top:solid 1px #eee;padding:10px 0 10px 0}
.saintShWrap .saintShTable td.btnSaveArea{text-align:right;padding-right:10px}
.saintShWrap .saintShTable tr:first-child td{border-top:none}
.saintShWrap .saintShTable p.saintNm{display:inline-block;font-weight:700;font-size:15px;line-height:1.1;margin:0 10px 0 0}
.saintShWrap .saintShTable .info{display:block;font-size:13px;letter-spacing:0px}
.saintShWrap .saintShTable .dpt{font-size:13px;color:#3574ff}
.saintShWrap .saintShTable .bar{display:inline-block;font-size:12px;color:#bfbdbd;margin:0 5px 3px 5px;vertical-align:middle}
.saintShWrap .saintShTable p.dispNo{padding: 0;margin: 0;letter-spacing:0.3px}
.saintShWrap .saintShTable .btnNameSave{width:50px;height:25px;font-size:14px;color:#fff;background:#8f9396;border-radius:30px;padding:0 2px;cursor:pointer}

@media(min-width:1024px){
  .saintShWrap{padding:25px 30px}
  .saintShWrap h3{margin:0 0 15px 0}
  .saintShWrap .selectSaintSh{width:180px}
  .saintShWrap .inputSaintSh{width:calc(100% - 235px);padding:0 10px}
  .saintShWrap .btnSaintSh{margin:0}
  .saintShWrap .saintShTable .btnNameSave{width:70px;height:30px;font-size:16px}
}

.wholeQnaWriteFoot{margin:20px 0 0 0;text-align:center}
.wholeQnaWriteFoot .btnBack{width:100px;height:45px;font-size:16px;color:#666;background:#fff;border:solid 1px #adadad;border-radius:30px;padding:0 2px;cursor:pointer;margin:0 2px}
.wholeQnaWriteFoot .btnBack:before{display:inline-block;content:"";width:19px;height:16px;background:url(/images/common/ico_btn_back@2x.png) 0 0 no-repeat;background-size:19px auto;vertical-align:middle;margin:0 5px 3px 0}
.wholeQnaWriteFoot .btnNormal{width:100px;height:45px;font-size:16px;color:#666;background:#fff;border:solid 1px #adadad;border-radius:30px;padding:0 2px;cursor:pointer;margin:0 2px}
.wholeQnaWriteFoot .btnWrite{width:100px;height:45px;font-size:16px;color:#fff;background:#535bfb;border:solid 1px #535bfb;border-radius:30px;padding:0 2px;cursor:pointer;margin:0 2px}

@media(min-width:1024px){
  .wholeQnaWriteFoot{margin:50px 0 0 0}
  .wholeQnaWriteFoot .btnBack{width:140px;font-size:18px;margin:0 3px}
  .wholeQnaWriteFoot .btnNormal{width:140px;font-size:18px;margin:0 3px}
  .wholeQnaWriteFoot .btnWrite{width:140px;font-size:18px;margin:0 3px}
}

.inquiryChoiceFoot{margin:20px 0 20px 0;text-align:center}
.inquiryChoiceFoot .btnBack{width:100px;height:45px;font-size:16px;color:#666;background:#fff;border:solid 1px #adadad;border-radius:30px;padding:0 2px;cursor:pointer;margin:0 2px}
.inquiryChoiceFoot .btnBack:before{display:inline-block;content:"";width:19px;height:16px;background:url(/images/common/ico_btn_back@2x.png) 0 0 no-repeat;background-size:19px auto;vertical-align:middle;margin:0 5px 3px 0}

@media(min-width:1024px){
  .inquiryChoiceFoot{margin:50px 0 30px 0}
  .inquiryChoiceFoot .btnBack{width:140px;font-size:18px;margin:0 3px}
}

.qnaWriteKind{margin:0 0 10px 0}
.qnaWriteKind .inputRadio + label{letter-spacing:-0.5px;font-weight:700;margin:3px 10px 3px 0}
.qnaWriteKind .inputRadio + label:before{width:26px;height:26px;border:solid 1px #c9d0ef}
.qnaWriteKind .inputRadio:checked + label{color:#535bfb}
.qnaWriteKind .inputRadio:checked + label:before{background:#535bfb url(/images/ico_quiz_chk@2x.png) 50% 50% no-repeat;background-size:14px auto;border:solid 1px #535bfb}

@media(min-width:1024px){
  .qnaWriteKind{margin:0 0 20px 0}
  .qnaWriteKind .inputRadio + label{margin-right:20px}
}

.qnaWriteSelect .inputSelect{height:40px;background:url(/images/ico_qna_arrow@2x.png) calc(100% - 8px) 50% no-repeat;border:solid 1px #d8dbe2;background-size:14px auto;padding:0 25px 0 10px;appearance:none}
.qnaWriteSelect .m50{width:calc(50% - 4px)}
	
.quizCfLayer{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.4);z-index:9999}
.quizCfLayerIn{position:absolute;top:50%;left:50%;width:375px;margin:-230px 0 0 -187px}
.quizCfLayer .quizCfCon{background:#fff;text-align:center;border-radius:16px 16px 0 0;padding:40px 0}
.quizCfLayer .quizCfCon h3{font-size:20px;color:#000;font-weight:700;letter-spacing:-0.5px;background:url(/images/ico_quiz_notice@2x.png) 50% 0 no-repeat;background-size:87px auto;padding:130px 0 0 0}
.quizCfLayer .quizCfCon .explain{font-size:16px;color:#000;margin:10px 0 0 0}
.quizCfLayer .btnCancel{width:50%;height:50px;background:#adadad;font-size:18px;color:#fff;font-weight:700;border-radius:0 0 0 16px;margin:0 -1px;cursor:pointer}
.quizCfLayer .btnSave{width:50%;height:50px;background:#535bfb;font-size:18px;color:#fff;font-weight:700;border-radius:0 0 16px 0;margin:0 -1px;cursor:pointer}

.updateNoticeLayer{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.4);z-index:9999}
.updateNoticeLayerIn{position:absolute;top:50%;left:50%;width:375px;margin:-230px 0 0 -187px}
.updateNoticeLayer .con{background:#fff;text-align:center;border-radius:16px 16px 16px 16px;padding:40px 0}
.updateNoticeLayer .con h3{font-size:20px;color:#000;font-weight:700;letter-spacing:-0.5px;background:url(/images/ico_quiz_notice@2x.png) 50% 0 no-repeat;background-size:87px auto;padding:130px 0 0 0}
.updateNoticeLayer .con .explain{font-size:16px;color:#000;margin:10px 0 0 0}
.updateNoticeLayer .btnConfirm{width:100%;height:50px;background:#535bfb;font-size:18px;color:#fff;font-weight:700;border-radius:0 0 16px 16px;margin:0 -1px;cursor:pointer;position:relative;bottom:-40px}
.updateNoticeLayer .date{font-size:13px;color:#F44336}

@media(min-width:1024px){
  .quizCfLayer .quizCfCon h3{font-size:24px}
  .quizCfLayer .quizCfCon .explain{font-size:18px}
}

.prcHistoryLayer{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.4);z-index:9999}
.prcHistoryLayerIn{position:absolute;top:50%;left:20px;right:20px;width:calc(100% - 40px);margin:-230px 0 0 0}
.prcHistoryLayer .prcHistoryCon{background:#fff;border-radius:16px 16px 0 0;padding:30px 20px 40px 20px}
.prcHistoryLayer .prcHistoryTit{margin:0 0 15px 0}
.prcHistoryLayer .prcHistoryTit h3{min-height:37px;font-size:22px;color:#6056fa;font-weight:700;text-align:left;letter-spacing:-1px;line-height:1.1;background:url(/images/ico_view_data@2x.png) 0 0 no-repeat;background-size:35px auto;padding:5px 0 0 45px;margin:0}
.prcHistoryLayer .prcHistorySubject{text-align:left;font-size:20px;font-weight:700;color:#5776ff;letter-spacing:-0.5px;border-bottom:solid 1px #222;margin:0 0 10px 0;padding:0 0 10px 0}
.prcHistoryLayer .periodWrap{text-align:center;margin:0 0 20px 0}
.prcHistoryLayer .period{display:inline-block;height:20px;line-height:18px;font-size:14px;color:#fff;font-weight:400;letter-spacing:0;background:#acaeb8 url(/images/ico_lec_clock@2x.png) 10px 50%no-repeat;background-size:14px auto;border-radius:10px;padding:0 10px 0 30px;margin:0}
.prcHistoryLayer .prcHistoryHead{background:#F9F9F9;border-top:solid 1px #D7D9DE;border-bottom:solid 1px #D7D9DE;color:#000;font-size:14px;font-weight:700;padding:5px 20px}
.prcHistoryLayer .prcHistoryScroll{max-height:235px;overflow:auto}
.prcHistoryLayer .prcHistoryCon dl{border-bottom:solid 1px #D7D9DE;padding:10px 20px}
.prcHistoryLayer .prcHistoryCon dt{font-size:16px;color:#000}
.prcHistoryLayer .prcHistoryCon dd{font-size:14px;color:gray;margin:5px 0 0 0}
.prcHistoryLayer .prcHistoryCon dd .bar{display:inline-block;color:#e3e3e3;margin:0 5px 0 8px}
.prcHistoryLayer .prcHistoryTable{width:100%;border-bottom:solid 1px #BDBDBD;border-top:solid 1px #BDBDBD}
.prcHistoryLayer .prcHistoryTable th{height:35px;background:#F9F9F9;border-bottom:solid 1px #D7D9DE;border-left:solid 1px #EBEBEB;font-size:13px;color:#000;font-weight:700;text-align:center}
.prcHistoryLayer .prcHistoryTable th:first-child{border-left:none}
.prcHistoryLayer .prcHistoryTable th.thDate{width:80px}
.prcHistoryLayer .prcHistoryTable th.thSubject{text-align:left;padding:0 10px}
.prcHistoryLayer .prcHistoryTable th.thName{width:90px}
.prcHistoryLayer .prcHistoryTable td{height:35px;font-size:13px;color:#333;border-left:solid 1px #EBEBEB;border-top:solid 1px #EBEBEB;text-align:center;padding:0 5px}
.prcHistoryLayer .prcHistoryTable td:first-child{border-left:none}
.prcHistoryLayer .prcHistoryTable td.tdDate{color:gray}
.prcHistoryLayer .prcHistoryTable td.tdSubject{text-align:left;font-weight:700;padding:0 10px}
.prcHistoryLayer .btnClose{width:100%;height:50px;background:#505464;font-size:18px;color:#fff;font-weight:700;border-radius:0 0 16px 16px;margin:0 -1px;cursor:pointer}

@media(min-width:600px){
  .prcHistoryLayerIn{left:50%;right:inherit;width:510px;margin:-230px 0 0 -250px}
  .prcHistoryLayer .prcHistoryCon{padding:30px 30px 40px 30px}
  .prcHistoryLayer .prcHistoryTit{margin:0 0 15px 0}
  .prcHistoryLayer .prcHistoryCon h3{font-size:25px;padding-top:5px;letter-spacing:-1px}
  .prcHistoryLayer .prcHistoryCon .explain{font-size:16px}
}

.circular-chart{display:block}
.circle-outer{fill:none;stroke:#ecf0f1;stroke-width:2}
.circle{fill:none;stroke:#535bfb;stroke-width:2;animation:progress 1s ease-out forwards}
@keyframes progress{
  0%{
    stroke-dasharray:0 100;
 }
}

.qnaLecListTit{border-bottom:solid 2px #111;padding:0 0 10px 0;margin:50px 0 0 0;position:relative}
.qnaLecListTit h3{font-size:22px;color:#111;font-weight:700;letter-spacing:-0.5px;margin:0 120px 0 0}
.qnaLecListTit h3:before{display:inline-block;content:"";width:36px;height:35px;background:url(/images/ico_view_qna@2x.png) 0 0 no-repeat;background-size:36px auto;vertical-align:middle;margin:0 5px 3px 0}
.qnaLecListTit .btnR{position:absolute;top:-5px;right:0}
.qnaLecListTit .btnWrite{width:120px;height:42px;font-size:16px;color:#fff;font-weight:700;letter-spacing:-0.5px;background:#535bfb;border:solid 1px #535bfb;border-radius:30px;padding:0 10px;margin:0 2px;cursor:pointer}

@media(min-width:1024px){
  .qnaLecListTit h3{font-size:32px;margin:0 140px 10px 0}
  .qnaLecListTit .btnWrite{width:140px;height:45px;font-size:18px;padding:0 10px 2px 10px}
}

.qnaLecListTitN{border-bottom:solid 2px #111;padding:0 0 10px 0;margin:0;position:relative}
.qnaLecListTitN h3{font-size:22px;color:#111;font-weight:700;letter-spacing:-0.5px;margin:0 120px 0 0}
.qnaLecListTitN h3:before{display:inline-block;content:"";width:36px;height:35px;background:url(/images/ico_view_qna@2x.png) 0 0 no-repeat;background-size:36px auto;vertical-align:middle;margin:0 5px 3px 0}
.qnaLecListTitN .btnR{position:absolute;top:-5px;right:0}
.qnaLecListTitN .btnWrite{width:120px;height:42px;font-size:16px;color:#fff;font-weight:700;letter-spacing:-0.5px;background:#535bfb;border:solid 1px #535bfb;border-radius:30px;padding:0 10px;margin:0 2px;cursor:pointer}

@media(min-width:1024px){
  .qnaLecListTitN h3{font-size:32px;margin:0 140px 10px 0}
  .qnaLecListTitN .btnWrite{width:140px;height:45px;font-size:18px;padding:0 10px 2px 10px}
}

.qnaLecListNTit{border-bottom:solid 2px #111;padding:0 0 15px 0;margin:0 0 0 0;position:relative}
.qnaLecListNTit h2{font-size:22px;color:#111;font-weight:700;letter-spacing:-0.5px;margin:0px}
.qnaLecListNTit h2:before{display:inline-block;content:"";width:36px;height:35px;background:url(/images/ico_view_qna@2x.png) 0 0 no-repeat;background-size:36px auto;vertical-align:middle;margin:0 5px 3px 0}
.qnaLecListNTit .btnWrite{width:140px;height:45px;font-size:18px;color:#fff;font-weight:700;letter-spacing:-0.5px;background:#535bfb;border:solid 1px #535bfb;border-radius:30px;padding:0 10px;margin:0 2px;cursor:pointer}
.qnaLecListNTit .qnaInputArea{display:block;width:100%;margin:10px 0 0 0}
.qnaLecListNTit .inputQnaSh{width:calc(100% - 160px);height:45px;border:solid 1px #d8dbe2;border-radius:24px;color:#000;padding:0 10px 0 17px}
.qnaLecListNTit .btnQnaSh{width:40px;height:45px;background:transparent url(/images/ico_qna_sh@2x.png) 50% 50% no-repeat;background-size:18px auto;margin:0 0 0 -43px;cursor:pointer}
.qnaLecListNTit .qnaChkArea{display:inline-block;margin:3px 0 5px 150px}
.qnaLecListNTit .inputQnaChk{display:none}
.qnaLecListNTit .inputQnaChk + label{color:#000;font-size:15px;font-weight:700;margin:0;cursor:pointer}
.qnaLecListNTit .inputQnaChk + label:before{display:inline-block;content:"";width:26px;height:26px;background:#e0e0e0 url(/images/ico_login_chk@2x.png) 50% 50% no-repeat;background-size:15px auto;border-radius:50%;vertical-align:middle;margin:0 5px 3px 0}
.qnaLecListNTit .inputQnaChk:checked + label:before{background-color:#535bfb}
.qnaLecListNTit .period{margin:0 5px 10px 5px;vertical-align:middle;display:inline-table;width:100%}
.qnaLecListNTit .period button:first-child{border-radius:4px 0 0 4px}
.qnaLecListNTit .period button:last-child{border-radius:0 4px 4px 0}
.qnaLecListNTit .period button{display:table-cell;width:33%;background:#fff;cursor:pointer;border:#a5a5a5 1px solid;font-size:13px;color:#000000;font-weight:700;line-height:38px;letter-spacing:-1px;padding-right:2px;margin-right:-1px}
.qnaLecListNTit .period button.on{color:#fff;background:#838996;border:1px solid #707683}

@media(min-width:1024px){
  .qnaLecListNTit h2{font-size:32px}
  .qnaLecListNTit .btnR{position:absolute;top:-5px;right:0}
  .qnaLecListNTit .btnWrite{width:140px;height:45px;font-size:16px;padding:0 10px 2px 10px;margin:0 0 0 5px;font-weight:700}
  .qnaLecListNTit .qnaInputArea{display:inline-block;width:auto;margin:0}
  .qnaLecListNTit .inputQnaSh{width:250px}
  .qnaLecListNTit .qnaChkArea{margin:0 12px 0 0}
  .qnaLecListNTit .period{margin:0 5px 0 0;width:auto}
  .qnaLecListNTit .period button{display:inline-block;width:68px}
}

.freeLecListTit{display:flex;flex-wrap:wrap;justify-content:space-between;border-bottom:solid 2px #111;padding:0 0 10px 0;align-items:flex-end}
.freeLecListTit h3{font-size:22px;color:#111;font-weight:700;letter-spacing:-0.5px}
.freeLecListTit h3:before{display:inline-block;content:"";width:37px;height:37px;background:url(/images/ico_lecture_notice@2x.png) 0 0 no-repeat;background-size:37px auto;vertical-align:middle;margin:0 5px 3px 0}
.freeLecListTit .btnR{width:100%}
.freeLecListTit .inputCommunitySh{width:calc(100% - 110px);height:45px;border:solid 1px #d8dbe2;border-radius:24px;color:#000;padding:0 10px 0 17px}
.freeLecListTit .btnWrite{width:90px;height:42px;font-size:16px;color:#fff;font-weight:700;letter-spacing:-0.5px;background:#535bfb;border:solid 1px #535bfb;border-radius:30px;padding:0 10px;margin:0 2px;cursor:pointer}
.freeLecListTit .btnCommunitySh{width:40px;height:45px;background:transparent url(/images/ico_qna_sh@2x.png) 50% 50% no-repeat;background-size:18px auto;margin:0 0 0 -43px;cursor:pointer}

@media(min-width:1024px){
  .freeLecListTit h3{font-size:32px;margin:0 0 10px 0}
  .freeLecListTit .inputCommunitySh{width:250px}
  .freeLecListTit .btnWrite{width:140px;height:45px;font-size:18px}
  .freeLecListTit .btnR{width:auto}
}

.communityListTit{display:flex;flex-wrap:wrap;justify-content:space-between;border-bottom:solid 2px #111;padding:0 0 10px 0;align-items:flex-end}
.communityListTit h3{font-size:22px;color:#111;font-weight:700;letter-spacing:-0.5px}
.communityListTit h3:before{display:inline-block;content:"";width:37px;height:37px;background:url(/images/ico_lecture_notice@2x.png) 0 0 no-repeat;background-size:37px auto;vertical-align:middle;margin:0 5px 3px 0}
.communityListTit .btnL{display:flex;justify-content:space-between;width:100%;margin-bottom:5px} 
.communityListTit .btnR{width:100%}
.communityListTit .inputCommunitySh{width:calc(100% - 110px);height:45px;border:solid 1px #d8dbe2;border-radius:24px;color:#000;padding:0 10px 0 17px}
.communityListTit .btnWrite{width:100px;height:42px;font-size:16px;color:#fff;font-weight:700;letter-spacing:-0.5px;background:#535bfb;border:solid 1px #535bfb;border-radius:30px;padding:0 10px;margin:0 2px;cursor:pointer}
.communityListTit .btnCommunitySh{width:40px;height:45px;background:transparent url(/images/ico_qna_sh@2x.png) 50% 50% no-repeat;background-size:18px auto;margin:0 0 0 -43px;cursor:pointer}

@media(min-width:1024px){
  .communityListTit h3{font-size:32px;margin:0 0 10px 0}
  .communityListTit .inputCommunitySh{width:250px}
  .communityListTit .btnWrite{width:140px;height:45px;font-size:18px}
  .communityListTit .btnL{width:auto;margin:0}
  .communityListTit .btnR{width:auto}
}

.imgGridButton{cursor:pointer}

.processWrap{padding:20px 0 0 0}
.processWrap .explain{font-size:18px;color:#111;line-height:1.8;letter-spacing:-0.5px;margin:0 0 30px 0}
.processWrap .processBox{width:100%;overflow-x:auto;border:solid 1px #d8dbe2;margin:50px 0;padding:20px 0}
.processWrap .processBoxIn{width:1084px;position:relative;padding:40px 30px}
.processWrap .itemArrowTop{width:218px;height:40px;background:url(/images/ico_process_arrow1@2x.png) 0 bottom no-repeat;background-size:216px auto;color:#535bfb;font-size:16px;text-align:center}
.processWrap .itemArrowTop em{display:inline-block;background:#fff;padding:0 20px}
.processWrap .arrow1{position:absolute;top:0;left:330px}
.processWrap .arrow2{position:absolute;top:0;right:100px}
.processWrap .arrow3{position:absolute;bottom:0;left:100px}
.processWrap .arrow4{position:absolute;bottom:0;right:320px}
.processWrap .itemArrowUnder{width:218px;height:40px;background:url(/images/ico_process_arrow2@2x.png) 0 0 no-repeat;background-size:216px auto;color:#adadad;font-size:16px;text-align:center}
.processWrap .itemArrowUnder em{display:inline-block;background:#fff;padding:0 20px;margin:10px 0 0 0}
.processWrap .itemBox{display:table;width:100%;height:60px;background:url(/images/bg_process_line.png) 0 50% repeat-x}
.processWrap .itemBox .item{display:table-cell;width:120px;vertical-align:middle;text-align:center;font-size:16px;color:#555;font-weight:700;background:#f6f6ff}
.processWrap .itemBox .item2{background:#e5e5ff}
.processWrap .itemBox .item4{background:#e5e5ff}
.processWrap .itemBox .line{display:table-cell;width:40px}

@media(min-width:1024px){
  .processWrap .processBoxIn{width:1084px}
}

.processWrap .btnFoot{text-align:center}
.processWrap .btnLecture{min-width:150px;height:50px;background:#535bfb;font-size:18px;color:#fff;font-weight:700;border-radius:32px}
.processBoxIn{position:relative}
.processTableWrap{width:100%;overflow-x:auto;border-top:solid 1px #535bfb;margin:0 0 20px 0}
.processTable{width:550px}
.processTable th{width:90px;text-align:center;background:#f6f6ff;color:#535bfb;font-size:15px;border-bottom:solid 1px #ededed}
.processTable td{text-align:left;font-size:15px;border-bottom:solid 1px #ededed;border-right:solid 1px #ededed;letter-spacing:-0.5px;padding:10px 15px}
.processTable td.{width:120px;font-weight:700;color:#555;text-align:center}
.processTable h3{font-size:15px;color:#555;font-weight:700;margin:0 0 10px 0}
.processTable .processUL li{font-size:15px;color:#888;margin:0 0 5px 20px;text-indent:-10px}
.processTable .processUL li:before{display:inline-block;content:"·"}

@media(min-width:1024px){
  .processTable{width:100%}
  .processTable th{width:160px;font-size:18px}
  .processTable td{font-size:18px;padding:20px 30px}
  .processTable td.kind{width:240px}
  .processTable h3{font-size:18px;margin:0 0 20px 0}
  .processTable .processUL li{font-size:18px;margin:0 0 10px 20px}
}

div.dhxcombolist_dhx_skyblue.dhxcombolist_hdr div.dhxcombo_hdrtext{font-size:14px !important}
div.dhxcombolist_dhx_skyblue{font-size:15px !important}

.gridListTable{width:100%;border-left:solid 1px #e6eafc}
.gridListTable th{height:35px;border-bottom:1px solid #bdbdbd;border-right:1px solid #DCDCDC;background:#fafbfe;text-align:center}
.gridListTable th.thKind{width:150px}
.gridListTable th.thKind2{width:300px}
.gridListTable th.thAuth{width:80px}
.gridListTable th.thAuthMajor{width:70px}
.gridListTable th.thMajor{width:120px}
.gridListTable th.thDuty{width:200px}
.gridListTable th.thDep{width:100px}
.gridListTable td{height:35px;border-bottom:1px solid #DCDCDC;border-right:1px solid #DCDCDC;text-align:center}
.gridListTable td.tdSubject{font-weight:700;color:#000}
.gridListTable td.tdMajor{color:#097AFF;font-size:13px;font-weight:700}
.gridListTable th.lineR,
.gridListTable td.lineR{border-right:solid 1px #999}
.gridListTable td .icoY{display:inline-block;width:16px;height:16px;background:#8186f6 url(/images/ico_check_att.png) 50% 50% no-repeat;border-radius:2px}
.gridListTable td .icoN{display:inline-block;width:16px;height:16px;background:#fff;border:solid 1px #CDD0D2;border-radius:2px}

.asideCalendar table{table-layout:fixed;width:100%;border-collapse:separate;border-spacing:3px}
.asideCalendar table th{font-size:11px;text-align:center;letter-spacing:-0.5px;color:#999}
.asideCalendar table th.sun{color:#ff0000}
.asideCalendar table th.sat{color:#5998ff}
.asideCalendar table td{background-color:#f9f9f9;height:27px;font-size:11px;border-radius:3px}
.asideCalendar table td.sun{color:#ff0000}
.asideCalendar table td.sat{color:#5998ff}
.asideCalendar table td.blurred{opacity:0.3}
.asideCalendar table td.today{color:#FFF;background-color:#00b8d9}
.asideCalendar table td div.absolutePosi{position:relative;width:100%;height:100%}
.asideCalendar table td span.dateNum{position:absolute;top:3px;left:3px}
.asideCalendar table td span.attendDot{position:absolute;width:5px;height:5px;background-color:#ff8e31;border-radius:50%;bottom:4px;right:13px}
.asideCalendar table td.today span.attendDot{background-color:#FFF}

.stGraphArea{height:50px;text-align:center;position:relative;margin:30px 0 -15px 0}
.stGraphAreaTab{display:inline-block}
.stGraphAreaTab button{width:100px;height:35px;color:#333;font-weight:700;background:#fff;border:solid 1px #e6eafc;margin:0 -3px;cursor:pointer}
.stGraphAreaTab button.on{background:#535bfb;border-color:#535bfb;color:#fff}
.stGraphAreaTab button:first-child{border-radius:2px 0 0 2px}
.stGraphAreaTab button:last-child{border-radius:0 2px 2px 0}
.stGraphArea .msgR{position:absolute;top:10px;right:0;color:gray}
.stGraphArea .msgR .point{color:#535bfb;font-weight:700}

.editView{line-height:1.7}
.editView h1{font-weight:700;font-size:1.4em;margin:20px 0}
.editView h2{font-weight:700;font-size:1.2em;margin:20px 0}
.editView h3{margin:15px 0}
.editView p{margin-bottom:15px}
.editView ul,
.editView ol,
.editView dl{list-style:inherit;margin:inherit;padding:0;margin:20px 40px}
.editView ol{list-style-type:decimal}
.editView li{padding:inherit}
.editView .marker{background-color:Yellow}
.editView th, 
.editView td, 
.editView input, 
.editView select, 
.editView textarea, 
.editView button{font-size:inherit}

.editView blockquote{font-size:18px;color:#879baf;border-left:2px solid #c8d2dc;padding-left:15px;margin-top:20px;margin-bottom:20px;margin-left:0}
.editView blockquote p{font-size:16px;font-weight:500;line-height:1.8;letter-spacing:-0.5px;color:#000;margin:20px 0}
.editView blockquote i{font-weight:500}
.editView blockquote small{display:block;color:#888;font-size:14px;margin-top:10px;font-weight:400;font-style:normal;letter-spacing:0}
.editView blockquote small:before{content:'';vertical-align:4px;width:7px;margin-right:6px;height:1px;display:inline-block;background-color:#666}

@media(min-width:768px){
  .editView blockquote{margin-top:30px;margin-bottom:30px}
}

.tabsView{padding:0}
.tabsView .depth{display:flex;justify-content:space-around;;max-width:880px;margin:0 auto 15px auto;background:#fff;border-bottom:solid 1px #ddd;padding:0 0 0 0;position:relative}
.tabsView .depth a{display:inline-table;min-width:40px;height:40px;line-height:40px;background:transparent;font-weight:700;font-size:17px;color:#888;letter-spacing:-0.5px;text-align:center;vertical-align:middle;transition:none;margin:0 0 0 0;padding:0}
.tabsView .depth a:hover{text-decoration:none}
.tabsView .depth a em{font-size:12px;color:#ff1645;font-family:tahoma !important}
.tabsView .depth a.on{text-decoration:none;color:#535bfb}
.tabsView .depth a.disabled{color:darkgray;cursor:default;opacity:0.6}
.tabsView .depth a.tabHtml:before{display:inline-block;content:"";width:40px;height:40px;background:transparent url(/images/ico_tab_list_black@2x.png) 50% 50% no-repeat;background-size:18px auto}
.tabsView .depth a.tabHtml.on{background:url(/images/bg_left_line.png) 0 60% repeat-x}
.tabsView .depth a.tabHtml.on:before{background:transparent url(/images/ico_tab_list_on@2x.png) 50% 50% no-repeat !important;background-size:18px auto !important}
.tabsView .depth a.tabHtml.disabled:before{background:transparent url(/images/ico_tab_list@2x.png) 50% 50% no-repeat;background-size:18px auto}
.tabsView .depth a.tabPdf{color:#000}
.tabsView .depth a.tabPdf.on{color:#535bfb !important;background:url(/images/bg_left_line.png) 0 60% repeat-x}
.tabsView .depth a.tabPdf.disabled{color:darkgray}
.tabsView .depth a.tabVideo:before{display:inline-block;content:"";width:40px;height:40px;background:transparent url(/images/ico_tab_video_black@2x.png) 50% 50% no-repeat;background-size:15px auto}
.tabsView .depth a.tabVideo.on{background:url(/images/bg_left_line.png) 0 60% repeat-x}
.tabsView .depth a.tabVideo.on:before{background:transparent url(/images/ico_tab_video_on@2x.png) 50% 50% no-repeat !important;background-size:15px auto !important}
.tabsView .depth a.tabVideo.disabled:before{background:transparent url(/images/ico_tab_video@2x.png) 50% 50% no-repeat;background-size:15px auto}
.tabsView .depth a.tabAudio:before{display:inline-block;content:"";width:40px;height:40px;background:transparent url(/images/ico_tab_sound_black@2x.png) 50% 50% no-repeat;background-size:16px auto}
.tabsView .depth a.tabAudio.on{background:url(/images/bg_left_line.png) 0 60% repeat-x}
.tabsView .depth a.tabAudio.on:before{background:transparent url(/images/ico_tab_sound_on@2x.png) 50% 50% no-repeat !important;background-size:16px auto !important}
.tabsView .depth a.tabAudio.disabled:before{background:transparent url(/images/ico_tab_sound@2x.png) 50% 50% no-repeat;background-size:16px auto}
.tabsView .depth a.tabDownload:before{display:inline-block;content:"";width:40px;height:40px;background:transparent url(/images/ico_tab_download_black@2x.png) 50% 50% no-repeat;background-size:20px auto}
.tabsView .depth a.tabDownload.on{background:url(/images/bg_left_line.png) 0 60% repeat-x;background-position-y:25px}
.tabsView .depth a.tabDownload.on:before{background:transparent url(/images/ico_tab_download_on@2x.png) 50% 50% no-repeat !important;background-size:20px auto !important}
.tabsView .depth a.tabDownload.disabled:before{background:transparent url(/images/ico_tab_download@2x.png) 50% 50% no-repeat;background-size:20px auto}
.tabsView .depth button{flex:1;height:45px;border:solid 1px #dcdcdc;border-radius:24px;background:transparent;font-weight:700;font-size:17px;color:transparent;letter-spacing:-0.5px;text-align:center;vertical-align:middle;cursor:pointer;margin:0 5px 0 0;padding:0}
.tabsView .depth button:hover{text-decoration:none}
.tabsView .depth button em{font-size:12px;color:#ff1645;font-family:tahoma !important}
.tabsView .depth button.on{border:solid 1px #535bfb}
.tabsView .depth button.disabled{color:transparent;cursor:default}
.tabsView .depth button.tabHtml{background:transparent url(/images/ico_tab_list@2x.png) 50% 50% no-repeat;background-size:18px auto}
.tabsView .depth button.tabHtml.on{background:transparent url(/images/ico_tab_list_on@2x.png) 50% 50% no-repeat !important;background-size:18px auto !important}
.tabsView .depth button.tabPdf{color:#888}
.tabsView .depth button.tabPdf.on{color:#535bfb !important}
.tabsView .depth button.tabPdf.disabled{color:darkgray}
.tabsView .depth button.tabVideo{background:transparent url(/images/ico_tab_video@2x.png) 50% 50% no-repeat;background-size:15px auto}
.tabsView .depth button.tabVideo.on{background:transparent url(/images/ico_tab_video_on@2x.png) 50% 50% no-repeat !important;background-size:15px auto !important}
.tabsView .depth button.tabAudio{background:transparent url(/images/ico_tab_sound@2x.png) 50% 50% no-repeat;background-size:16px auto}
.tabsView .depth button.tabAudio.on{background:transparent url(/images/ico_tab_sound_on@2x.png) 50% 50% no-repeat !important;background-size:16px auto !important}
.tabsView .depthR{position:absolute;top:3px;right:15px}
.tabsView .btnListT{min-width:55px;height:25px;border:solid 1px #dbdfe6;background:#fff;font-size:12px;color:#333;padding:0 5px;cursor:pointer}
.tabsView .btnListT:before{display:inline-block;content:"";width:10px;height:7px;background:url(/images/ico_list_b.png) 0 0 no-repeat;background-size:10px auto;vertical-align:middle;margin:0 5px 3px 0}

@media(min-width:1024px){
  .tabsView{padding:0;margin:30px 0 0 0}
  .tabsView .depth{background:transparent;padding:0 0 0 0;margin:0 auto 0 auto}
  .tabsView .depth a{font-size:18px;padding:0 5px}
  .tabsView .depth button{font-size:18px;padding:0 5px}
  .tabsView .depthR{top:0;right:0}
  .tabsView .btnListT{min-width:80px;height:32px;font-size:13px;padding:0 10px}
}

.tabsView .contentDown{max-width:930px;margin:0 auto;padding:0 15px}
.tabsView .contentText{max-width:930px;margin:0 auto;padding:10px 15px 0 15px}
.tabsView .textView{max-width:720px;margin:0 auto}
.tabsView .contentPDF{max-width:930px;margin:0 auto;padding:10px 15px 0 15px}
.tabsView .contentPDF img{max-width:100%}
.tabsView .contentImg{max-width:930px;margin:0 auto;padding:0 15px}
.tabsView .downArea{border:none;background:#fff;border-top:solid 1px #dcdcdc;border-bottom:solid 1px #dcdcdc;padding:20px}
.tabsView .downArea .fileName{font-size:13px;color:#222;word-break:break-all;cursor:pointer;display:inline-block}
.tabsView .downArea .fileName:before{display:inline-block;content:"";width:18px;height:19px;background:url(/images/ico_file@2x.png) 0 0 no-repeat;background-size:18px auto;vertical-align:middle;margin:0 3px 3px 0}
.tabsView .downArea .fileName:hover{color:#2366FF;text-decoration:underline}
.tabsView .downArea .fileName .capacity{display:inline-block;font-size:12px;color:#999;margin:0 0 0 10px}
.tabsView .downArea .inputChk{display:none}
.tabsView .downArea .inputChk + label{display:inline-block;font-weight:500;margin:0 0 10px 0;padding:0 0 0 22px;cursor:pointer;position:relative}
.tabsView .downArea .inputChk + label:before{position:absolute;top:4px;left:0;display:inline-block;content:"";width:16px;height:16px;border:solid 1px #CDD0D2;border-radius:2px;vertical-align:middle;margin:0 5px 2px 0}
.tabsView .downArea .inputChk:checked + label{color:#2366FF}
.tabsView .downArea .inputChk:checked + label:before{background:#2366FF url(/images/ico_check_att.png) 50% 50% no-repeat;border-color:#2366FF}
.tabsView .downArea .inputChk:disabled + label{opacity:0.5;cursor:default}

@media(min-width:700px){
  .tabsView .contentDown{padding-top:15px}
  .tabsView .contentText{padding-top:0}
  .tabsView .textView{min-height:200px}
  .tabsView .downArea .inputChk + label{margin:0}
}

.btnConvertWait{color:#535bfb;margin-left:6px;width:auto;font-size:11px;line-height:1.0;border-radius:50px;padding:5px 10px;border:1px solid #535bfb;background:#FFF;cursor:pointer}
.btnConvertWait:hover{background-color:#535bfb;border-color:#535bfb;color:#fff}
.btnConvertWait:before{font-family:FontAwesome;display:inline-block;content:"\f021";font-size:14px;margin:0 5px 2px 0;vertical-align:middle;color:#535bfb}
.btnConvertWait:hover:before{color:#fff}
.btnConvertWait:focus,
.btnConvertWait:active{outline:none}

.guideMovie{max-width:960px;margin:40px auto 80px auto;padding:0 20px}

.guideMovie .movieLang{height:43px;overflow-y:hidden;text-align:left;margin:0 0 15px 0;position:relative}
.guideMovie .movieLang.view{height:auto;overflow-y:auto}
.guideMovie .movieLang button{width:calc(30% - 3px);height:40px;background:#f7f7f8;border-radius:30px;font-size:13px;font-weight:700;line-height:1.1;color:#666;cursor:pointer;padding:0 6px;margin:3px 1px}
.guideMovie .movieLang button .eng{display:block;font-size:11px;font-weight:400;opacity:0.6;letter-spacing:-0.3px;line-height:1.0;padding:1px 0 0 0}
.guideMovie .movieLang button.on{background:#535bfb;border:solid 1px #535bfb;color:#fff}
.guideMovie .movieLang .btnR{position:absolute;top:10px;right:0}
.guideMovie .movieLang .btnDown{width:20px;min-width:20px;height:20px;background:#fff url(/images/ico_major_arrow@2x.png) 50% 50% no-repeat;background-size:10px auto;border:solid 2px #535bfb;border-radius:50%;;vertical-align:middle;margin:0;cursor:pointer}
.guideMovie .movieLang .btnDown.up{background-image:url(/images/ico_major_arrow_up@2x.png)}

@media(max-width:330px){
  .guideMovie .movieLang button{width:calc(45% - 3px)}
}

@media(min-width:1024px){
  .guideMovie .movieLang{height:50px;text-align:left;margin:0 0 20px 0;padding:0 20px 0 0}
  .guideMovie .movieLang button{width:123px;height:43px;font-size:15px;margin:3px 0}
  .guideMovie .movieLang button .eng{padding:2px 0 0 0}
  .guideMovie .movieLang .btnR{top:12px}
}

.guideMovieAdmin{margin:20px 0 30px 0}
.guidePdfAdmin{text-align:center;margin:0 0 0 0}
.guidePdfAdmin .btnPdf{min-width:165px;height:45px;background:#ff5757;border-radius:4px;color:#fff;font-size:15px;font-weight:700;padding:0 10px;cursor:pointer}
.guidePdfAdmin .btnPdf:before{display:inline-block;content:"";width:16px;height:20px;background:url(/images/ico_pdf.png) 0 0 no-repeat;vertical-align:middle;margin:0 10px 0 0}

.navFooterM{position:fixed;left:0;right:0;bottom:0;display:flex;width:100%;height:70px;background:#fff;box-shadow:0 -5px 5px rgba(0,0,0,0.1);z-index:99;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);overflow-x:auto}
.navFooterM button{flex:1;min-width:50px;background:transparent;font-size:11px;line-height:1.0;letter-spacing:-0.5px;padding-top:30px;cursor:pointer}
.navFooterM button.footHome{background:transparent url(/images/ico_foot_home@2x.png) 50% 10px no-repeat;background-size:auto 20px}
.navFooterM button.footHome.on{background:transparent url(/images/ico_foot_home_on@2x.png) 50% 10px no-repeat;background-size:auto 20px}
.navFooterM button.footMyLec{background:transparent url(/images/ico_foot_mylec@2x.png) 50% 10px no-repeat;background-size:auto 20px}
.navFooterM button.footMyLec.on{background:transparent url(/images/ico_foot_mylec_on@2x.png) 50% 10px no-repeat;background-size:auto 20px}
.navFooterM button.footAdmLec{background:transparent url(/images/ico_foot_admlec@2x.png) 50% 10px no-repeat;background-size:auto 20px}
.navFooterM button.footAdmLec.on{background:transparent url(/images/ico_foot_admlec_on@2x.png) 50% 10px no-repeat;background-size:auto 20px}
.navFooterM button.footNotice{background:transparent url(/images/ico_foot_notice@2x.png) 50% 10px no-repeat;background-size:auto 20px}
.navFooterM button.footNotice.on{background:transparent url(/images/ico_foot_notice_on@2x.png) 50% 10px no-repeat;background-size:auto 20px}
.navFooterM button.footBasic{background:transparent url(/images/ico_foot_basic@2x.png) 50% 10px no-repeat;background-size:auto 20px}
.navFooterM button.footBasic.on{background:transparent url(/images/ico_foot_basic_on@2x.png) 50% 10px no-repeat;background-size:auto 20px}
.navFooterM button.footBasic1{background:transparent url(/images/ico_foot_basic@2x.png) 50% 10px no-repeat;background-size:auto 20px}
.navFooterM button.footBasic1.on{background:transparent url(/images/ico_foot_basic_on@2x.png) 50% 10px no-repeat;background-size:auto 20px}
.navFooterM button.footQna{background:transparent url(/images/ico_foot_faq@2x.png) 50% 10px no-repeat;background-size:auto 20px}
.navFooterM button.footQna.on{background:transparent url(/images/ico_foot_faq_on@2x.png) 50% 10px no-repeat;background-size:auto 20px}
.navFooterM button.footPersonality{background:transparent url(/images/ico_foot_psntest@2x.png) 50% 10px no-repeat;background-size:auto 20px;position:relative}
.navFooterM button.footPersonality.on{background:transparent url(/images/ico_foot_psntest_on@2x.png) 50% 10px no-repeat;background-size:auto 20px}
.navFooterM button.footPersonality .num{display:inline-block;width:18px;height:18px;line-height:18px;background:#ff0030;border-radius:50%;text-align:center;color:#fff;font-size:11px;font-weight:700;position:absolute;left:50%;top:11px;margin:0 0 0 3px}

@media(min-width:1024px){
  .navFooterM{display:none}
}

.btnSchMedia{background:#dff4ff url(/images/ico_qna_sh@2x.png) 8px 50% no-repeat;background-size:14px;text-align:center;border:1px solid #99dcff;border-radius:5px;padding:0 5px 0 30px;margin:0 0 0 5px;height:25px;vertical-align:bottom;cursor:pointer}
.btnSchMedia img{width:13px;height:auto}
.btnLinkCms{height:25px;overflow:hidden;border-radius:5px;padding:0 5px 0 30px;font-weight:700;cursor:pointer}
.btnLinkCms#btnLinkNew{background:#f5e6fe url(/images/ico_link.png) left 50% no-repeat;border:1px solid #dba8fc;color:#be63f9}
.btnLinkCms#btnLinkUp{background:#f5e6fe url(/images/ico_reflect_link.png) left 50% no-repeat;border:1px solid #dba8fc;color:#be63f9}
.btnLinkCms#btnLinkDel{border:1px solid #fda89a;background:#ffe6e2 url(/images/ico_disabled_link.png) left 50% no-repeat;color:#fc5e43}
.btnLinkCms#btnLinkSch{font-weight:400;border:1px solid #99dcff;background:#dff4ff url(/images/ico_qna_sh@2x.png) 8px 50% no-repeat;background-size:14px}

.fp-player a[href*="flowplayer"]{opacity:0}/*로고 안보이게*/
.serverGB button{width:100px;height:30px;background:#fff;border:1px solid #545bfb;border-radius:2px;cursor:pointer}
.serverGB button.on, .serverGB button.focus{background:rgba(83,91,251,0.1)}

.basicWrap{margin:0 0 0 0;padding:0}
.basicTit{height:55px;border-bottom:solid 2px #111;position:relative;margin:15px 20px 0 20px}
.basicTitL{display:inline-table;margin:0 100px 0 0}
.basicTitLIn{display:table-cell;height:40px;vertical-align:middle}
.basicTit .tit{font-size:16px;color:#111;font-weight:700}
.basicTit .mTit{display:none}
.basicTit .number{font-size:15px;color:#535bfb;font-weight:700;padding:10px 0 0 0}
.basicTit h3{font-size:23px;font-weight:700;color:#333;margin:0;padding:5px 0 0 0}
.basicTit .btnR{position:absolute;top:0;right:0}
.basicTit .basicShWrap{width:200px;height:40px;background:#fff;border:solid 1px #d8dbe2}
.basicTit .inputBasicSh{width:calc(100% - 62px);height:38px;font-size:13px;letter-spacing:-0.5px;color:#000;padding:0 10px}
.basicTit .btnBasicSh{width:30px;height:38px;background:url(/images/ico_qna_sh@2x.png) 50% 50% no-repeat;background-size:18px auto;position:absolute;right:2px}

@media(min-width:1024px){
  .basicWrap{width:960px;margin:50px auto 60px auto;padding:0 20px}
  .basicTit{height:auto;min-height:60px;margin:25px 0 0 0}
  .basicTitL{margin:0 220px 20px 0}
  .basicTitLIn{vertical-align:bottom}
  .basicTit .tit{font-size:18px}
  .basicTit .mTit{display:inline-block;font-size:25px}
  .basicTit .number{font-size:16px}
  .basicTit h3{font-size:32px}
  .basicTit .btnR{top:inherit;bottom:20px}
  .basicTit .basicShWrap{width:300px}
}

.basicCateWrap .dvBtnDiv{height:58px;overflow:hidden;border-bottom:solid 1px #dcdcdc}
.basicCateWrap .dvBtnDivIn{position:relative}
.basicCateWrap .dvBtnList{padding:10px 15px 15px 15px}
.basicCateWrap .dvBtnList br{display:none}
.basicCateWrap .dvBtnList .btnStep{display:block;width:100%;background:transparent;font-size:16px;color:#000;font-weight:700;text-align:left;letter-spacing:-1px;padding:8px 0;cursor:pointer}
.basicCateWrap .dvBtnList .btnStep.on{color:#535BFB}
.basicCateWrap .dvBtnDiv .arrow{height:20px;background:transparent url(/images/ico_arrow_basic@2x.png) right 50% no-repeat;background-size:13px auto;color:#555555;font-weight:700;padding:0 18px 0 0;position:absolute;right:20px;top:18px;cursor:pointer}
.basicCateWrap .dvBtnDiv .arrow.on{background:transparent url(/images/ico_arrow_basic_up@2x.png) right 50% no-repeat;background-size:13px auto;color:#535BFB}

@media(min-width:1024px){
  .basicCateWrap .dvBtnDiv{background:#F9F9F9;border-bottom:none}
  .basicCateWrap .dvBtnDivIn{max-width:920px;margin:0 auto}
  .basicCateWrap .dvBtnList{padding:13px 0 15px 0;margin-right:80px;margin-left:-15px}
  .basicCateWrap .dvBtnList br{display:block}
  .basicCateWrap .dvBtnList .btnStep{display:inline-block;width:auto;font-size:15px;font-weight:700;padding:8px 15px 8px 10px;height:35px;cursor:pointer;position:relative}
  .basicCateWrap .dvBtnList .btnStep:before{display:inline-block;content:"";width:4px;height:4px;background:#D8DBE2;border-radius:50%;position:absolute;top:50%;right:0;margin:-2px 0 0 0}
  .basicCateWrap .dvBtnList .btnStep.on{color:#535bfb}
  .basicCateWrap .dvBtnList .btnStep:last-child{padding-right:0}
  .basicCateWrap .dvBtnList .btnStep:last-child:before{display:none}
  .basicCateWrap .dvBtnDiv .arrow{top:20px;right:0}
  .basicCateWrap .dvBtnDiv .arrow.on{top:inherit;bottom:20px}
}

.basicListTable .spanVideo{display:inline-block;width:19px;height:15px;background:url(/images/ico_basic_video@2x.png) 0 0 no-repeat;background-size:19px auto;vertical-align:middle;margin:0 0 3px 8px}

@media(min-width:1024px){
  .basicListTable .spanVideo{width:22px;height:17px;background-size:22px auto}
}

.basicListBox{margin:0 20px}
.basicListBox dl{border-bottom:solid 1px #d8dbe2;padding:15px 0;cursor:pointer}
.basicListBox .kind{display:inline-block;font-size:13px;color:#535bfb;font-weight:700;letter-spacing:-0.5px;margin:0 0 5px 0}
.basicListBox .subject{font-size:15px;color:#333;font-weight:700;letter-spacing:-0.5px}
.basicListBox dl.noContent{cursor:default}
.basicListBox dl.noContent dd{text-align:center;font-size:13px;color:#999;margin:0;padding:20px 0}

.basicListBox table{width:100%}
.basicListBox tr{border-bottom:solid 1px #d8dbe2;cursor:pointer}
.basicListBox td{padding:15px 0}
.basicTit .btnShCancel{width:20px;height:38px;background:url(/images/common/btn_file_del@2x.png) 50% 50% no-repeat;background-size:15px auto}

.ingBox{position:absolute;top:35%;left:50%;width:300px;height:230px;font-size:32px;color:#427ff3;text-align:center;font-weight:700;background:rgba(255,255,255,0.8) url(/images/ico_prepare@2x.png) center 30px no-repeat;background-size:150px auto;border:solid 3px #427ff3;margin:0 0 0 -150px;padding:140px 0 0 0}
.ingBox p{font-size:14px;color:#000}

@media(min-width:700px){
  .basicListBox tr{padding:20px 0}
  .ingBox{z-index:1;width:400px !important}
}

.basicContWrapIn{width:100%;padding:35px 20px 50px 20px;margin:0 auto}

@media(min-width:1024px){
  .basicListBox{margin:0}
  .basicListBox dl{padding:20px 0}
  .basicListBox .kind{font-size:15px;margin:0 0 10px 0}
  .basicListBox .subject{font-size:18px}
  .basicListBox dl.noContent dd{font-size:16px}
  .basicContWrapIn{width:810px;padding:50px 20px 60px 10px}
}

.basicCont{margin:0 0 0 0}
.basicCont .basicContTit{border-bottom:solid 2px #111;padding:0 0 25px 0}
.basicCont .basicContTit .kindWrap{font-size:18px;margin:0 0 10px 0}
.basicCont .basicContTit .must{display:inline-block;min-width:27px;line-height:27px;background:#00b8d9;border-radius:2px;color:#fff;font-size:14px;font-weight:700;padding:0 10px;margin:0 10px 0 0}
.basicCont .basicContTit h3{font-size:23px;color:#111;font-weight:700;line-height:1.3;letter-spacing:-0.5px;background:url(/images/ico_view_movie@2x.png) 0 0 no-repeat;background-size:37px auto;margin:0 0 20px 0;padding:0 0 0 45px}
.basicCont .basicContTit .infoWrap{font-size:15px;color:#555}
.basicCont .basicContTit .cate{display:inline-block;color:#535bfb;margin:0 10px 0 0;font-weight:700}
.basicCont .basicContTit .major{font-size:15px;color:#858894;font-weight:700;letter-spacing:-0.5px;margin:0 5px 0 0}
.basicCont .basicContTit .major:before{display:inline-block;content:"";width:16px;height:16px;background:#d8d8d8 url(/images/ico_qna_major@2x.png) 50% 50% no-repeat;background-size:10px auto;border-radius:50%;vertical-align:middle;margin:0 3px 3px 0}
.basicCont .basicContTit .major:after{display:inline-block;content:"";width:2px;height:2px;background:#d1d1d1;vertical-align:middle;margin:0 0 3px 10px}
.basicCont .basicContTit .kind{display:inline-block;font-size:13px;color:#535bfb;font-weight:700;letter-spacing:-0.5px}
.basicCont .basicContTit .dateWrap{margin:5px 0 0 0}
.basicCont .basicContTit .icoReply{display:inline-block;font-size:13px;color:#111;font-weight:700;vertical-align:middle;margin:0 0 3px 10px}
.basicCont .basicContTit .icoReply:before{display:inline-block;content:"";width:18px;height:18px;background:url(/images/ico_qna_reply@2x.png) 0 0 no-repeat;background-size:18px auto;vertical-align:middle;margin:0 5px 3px 0}
.basicCont .basicContTit .bar{display:none;color:#d8dbe2;margin:0 10px 0 5px}
.basicCont .basicCont{font-size:18px;color:#111;line-height:1.8;padding:40px 0 40px}
.basicCont .basicContFoot{text-align:center;border-top:solid 1px #dcdcdc;padding:50px 0}
.basicCont .btnList{min-width:110px;height:48px;font-size:18px;color:#666;background:#fff;border:solid 1px #adadad;border-radius:30px;padding:0 10px;cursor:pointer}
.basicCont .btnList:before{display:inline-block;content:"";width:19px;height:16px;background:url(/images/common/ico_btn_back@2x.png) 0 0 no-repeat;background-size:19px auto;vertical-align:middle;margin:0 5px 3px 0}
.basicCont .btnDel{min-width:105px;height:48px;font-size:18px;color:#ff5757;background:#fff;border:solid 1px #adadad;border-radius:30px;padding:0 10px;cursor:pointer}
.basicCont .btnModify{min-width:105px;height:48px;font-size:18px;color:#fff;background:#535bfb;border:solid 1px #535bfb;border-radius:30px;padding:0 10px;cursor:pointer}

@media(min-width:1024px){
  .basicCont .basicContTit h3{font-size:32px;background-position:0 5px}
  .basicCont .basicContTit .major{font-size:15px}
  .basicCont .basicContTit .kind{font-size:14px}
  .basicCont .basicContTit .bar{display:inline-block}
  .basicCont .basicContTit .dateWrap{margin:0}
  .basicCont .basicContTit .icoReply{margin:0 0 0 10px}
  .basicCont .basicCont{padding:40px 0 40px}
  .basicCont .btnList{margin:0 2px}
  .basicCont .btnDel{margin:0 2px}
  .basicCont .btnModify{margin:0 2px}
}

.pwdIndexWrap{z-index:90;position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;text-align:center;padding:0;margin:0 auto;overflow-y:auto;min-width:360px}
.pwdIndexWrap .pwpTitleWrap{margin:0 20px 0 20px}
.pwdIndexWrap .pwpTitle{color:#363b41;font-size:22px;font-weight:500;letter-spacing:-1px;line-height:1.3;background:url(/images/login/logo_login@2x.png) center 0 no-repeat;background-size:auto 42px;margin:60px 0 0 0;padding:65px 0 10px 0}
.pwdIndexWrap .pwpTitle.newSet{background:url(/images/ico_password@3x.png) center 0 no-repeat;background-size:28px auto}
.pwdIndexWrap .pwpTitleWrap .explain{font-size:15px;color:#6f8aff;letter-spacing:-0.5px}
.pwdIndexWrap .pwpTitleWrap .explain .point{font-size:14px;color:#4297ff}
.pwdIndexWrap .eduPwdinputWrap{max-width:380px;height:69px;text-align:center;margin:0 auto 40px auto;padding:0 0 10px}
.dvSlide .eduPwdinputWrap{margin:0 auto 30px auto}
.pwdIndexWrap .eduPwdinputWrap p{margin:0;text-align:left;margin-top:10px;font-size:13px}
.pwdIndexWrap .eduPwdinputWrap .inputPW{width:30px;height:74px;line-height:74px;border:none;font-size:32px;text-align:center;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0px}
.pwdIndexWrap .eduPwdinputWrap .inputPW:focus{outline:none}
.pwdIndexWrap .eduPwdinputWrap .inputPW::placeholder{transform:scale(0.85);transform-origin:50% 50%}
.pwdIndexWrap .eduPwdinputWrap .inputPWLine{width:100%;border-bottom:solid 1px #ebebeb;font-size:20px;color:#202020;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0px;margin:30px 0 0 0}
.pwdIndexWrap .eduPwdinputWrap .inputPWLine:focus{border-bottom:solid 2px #535bfb;outline:none}
.pwdIndexWrap .eduPwdsaveWrap{max-width:380px;padding:0;margin:0 auto;text-align:center}
.pwdIndexWrap .btnOk{width:100%;height:50px;line-height:50px;background:#535bfb;color:#fff;font-size:17px;border-radius:4px;text-align:center;cursor:pointer;margin:0;padding:1px 10px 0 10px}
.pwdIndexWrap .btnClose{height:37px;line-height:35px;min-width:97px;background:#838484;border:1px solid #5f5f5f;color:#fff;padding:0 10px;border-radius:2px;text-align:center;font-size:13px}
.pwdIndexWrap .warnWrap{padding:20px 0 0 0}
.pwdIndexWrap .explainBMS{display:inline-block;font-size:14px;color:#aaa;margin:15px 0 20px 0}
.pwdIndexWrap .explainBMS .point{color:#ff8385;text-decoration:underline}
.pwdIndexWrap .warnWrap .inquiry{color:#6f6f6f;font-size:13px;letter-spacing:-0.5px;margin:0 0 5px 0}
.pwdIndexWrap .warnWrap .warning{color:#525151;font-size:14px;letter-spacing:-0.5px;padding:0}
.pwdIndexWrap .point{color:red;font-size:12px}
.pwdIndexWrap .btnPwPrev{position:absolute;top:15px;left:15px;width:40px;height:40px;background:url(/images/ico_pw_prev@2x.png) 50% 50% no-repeat;background-size:20px auto;cursor:pointer;z-index:1}
.pwdIndexWrap .btnPwClose{position:absolute;top:15px;right:15px;width:40px;height:40px;background:url(/images/ico_pw_close@2x.png) 50% 50% no-repeat;background-size:20px auto;cursor:pointer}

.warnUpWrap{max-width:460px;text-align:left;color:red;padding:20px 0 0 10px;margin:0 auto;text-indent:-10px}

@media all and(max-width:350px){
  .pwdIndexWrap{min-width:auto}
  .pwdIndexWrap .dvSlide{width:100% !important}
}

.pwdIndexWrap input[type="number"]::-webkit-outer-spin-button,
.pwdIndexWrap input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pwdIndexWrap input[type="number"]{-webkit-text-security:disc;}

.pwNoteBox{margin:30px 20px 20px 20px}
.pwNoteBoxIn{background:#f4f8fb;border-radius:4px;text-align:left;margin:0 auto;padding:20px;max-width:460px}
.pwNoteBox h3{font-size:18px;font-weight:700;letter-spacing:-0.5px;margin:0 0 10px 0}
.pwNoteBox .explain{font-size:15px;color:#6f6f6f;letter-spacing:-0.5px;margin:0 0 5px 0}
.pwNoteBox .explain .point{font-size:15px;color:#ff2d55}
.pwdIndexWrap .pwNoteBox .explain{font-size:15px;color:#6f6f6f}
.pwdIndexWrap .pwNoteBox .explain .point{font-size:15px;color:#ff2d55}
.pwNoteBox .warning{font-size:13px;padding:0}
.pwNoteBox .warning .point{color:#ff2d55;font-weight:700}
.pwNoteBox .siteList{display:flex;flex-wrap:wrap;margin:20px 0 0 0}
.pwNoteBox .siteList .siteItem{width:33.3%;display:inline-block;min-width:44px;font-size:12px;color:#1e1e23;font-weight:700;text-align:center;letter-spacing:-0.5px;padding:50px 0 15px 0;margin:0}
.pwNoteBox .siteList .siteItem.mm{background:url(https://globalapi.watv.org/images/common/login/ico_site_mm@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.mbms{background:url(https://globalapi.watv.org/images/common/login/ico_site_mbms@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.qr{background:url(https://globalapi.watv.org/images/common/login/ico_site_qr@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.lms{background:url(https://globalapi.watv.org/images/common/login/ico_site_lms@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.educms{background:url(https://globalapi.watv.org/images/common/login/ico_site_cms@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.media{background:url(https://globalapi.watv.org/images/common/login/ico_site_media@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.wm{background:url(https://globalapi.watv.org/images/common/login/ico_site_wm@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.tm{background:url(https://globalapi.watv.org/images/common/login/ico_site_tm@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.nmschool{background:url(https://globalapi.watv.org/images/common/login/ico_site_nmschool@2x.png) 50% 0 no-repeat;background-size:44px auto} 

@media(min-width:1024px){
  .pwNoteBox{margin-top:40px}
  .pwNoteBoxIn{padding:25px}
}

.visualMyInfo{display:table;width:100%;height:100px;background:#565efc url(https://globalapi.watv.org/images/EduLMS/banner/bg_visual_notice.jpg) 50% 0 no-repeat;background-size:auto 100px;text-align:center}
.visualMyInfoIn{display:table-cell;vertical-align:middle}
.visualMyInfo h2{font-size:28px;color:#fff;letter-spacing:-1px;margin:0}
.infoMenu{height:68px;border-bottom:solid 8px #f5f5f6;text-align:center;white_space:nowrap;overflow-x:auto;overflow-y:hidden}
.infoMenu .infoMenuGroup button{font-size:18px;height:60px;color:#888;font-weight:700;letter-spacing:-0.5px;background:transparent;border-bottom:solid 3px transparent;cursor:pointer;margin:0 10px;padding:5px 0 0 0}
.infoMenu .infoMenuGroup button.on{color:#535bfb;border-bottom:solid 4px #535bfb}
	
.pwSetWrap{text-align:center;margin:45px 20px 0 20px}
.pwSetWrap h3{font-size:24px;color:#333;font-weight:400;letter-spacing:-1px;background:url(/images/ico_password@3x.png) center 0 no-repeat;background-size:28px auto;margin:0 0 15px 0;padding:60px 0 0 0}
.pwSetWrap .explain{color:#aaa;font-size:14px;letter-spacing:-0.5px}
.pwSetWrap .explain .point{color:#4297ff}
.pwSetWrap .pwInput{text-align:center;margin:20px 0 40px 0}
.pwSetWrap .pwBtn{max-width:460px;margin:0 auto}
.pwSetWrap .inputNumPw{width:30px;height:50px;line-height:50px;border:none;border-bottom:solid 1px #000;font-size:45px;color:#000;-webkit-text-security:disc;text-align:center;margin:0 5px;position:relative;appearance:none;border-radius:0px}
.pwSetWrap .btnPw{width:150px;height:50px;background:#565efc;border-radius:32px;color:#fff;font-size:18px;font-weight:700}
.pwSetWrap .explainNotice{display:inline-block;font-size:14px;color:#aaa;margin:15px 0 0 0}
.pwSetWrap .explainNotice .point{color:#ff8385;text-decoration:underline}
.pwSetWrap .mmPwd{max-width:770px;font-size:14px;letter-spacing:-1px;text-align:left;color:#3163C9;text-indent:-10px;margin:0 0 5px 10px}
.pwSetWrap .mmPwd.red{color:red}

.pwChkWrap{text-align:center;margin:45px 20px 0 20px}
.pwChkWrap .popTitleWrap{color:#363b41;font-size:22px;font-weight:500;letter-spacing:-1px;line-height:1.3;background:url(/images/login/logo_login@2x.png) center 0 no-repeat;background-size:auto 42px;margin:60px 0 0 0;padding:65px 0 10px 0}
.pwChkWrap .pwpTitleWrap .explain{font-size:15px;color:#6f8aff;letter-spacing:-0.5px}
.pwChkWrap .eduPwdinputWrap{max-width:380px;height:69px;text-align:center;margin:0 auto 40px auto;padding:0 0 10px}
.pwChkWrap .eduPwdinputWrap .inputPWLine{width:100%;border-bottom:solid 1px #ebebeb;font-size:20px;color:#202020;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0px;margin:30px 0 0 0}
.pwChkWrap input[type="number"]{-webkit-text-security:disc}
.pwChkWrap .eduPwdsaveWrap{max-width:380px;padding:0;margin:0 auto;text-align:center}
.pwChkWrap .btnOk{width:100%;height:50px;line-height:50px;background:#535bfb;color:#fff;font-size:17px;border-radius:4px;text-align:center;cursor:pointer;margin:0;padding:1px 10px 0 10px}

.pwSetWrapNew .pwInput{text-align:center;margin:8px 0 0 0}
.pwSetWrapNew .inputPass::placeholder{font-size:14px;position:relative;top:0%;transform:translateY(-50%)}
.pwSetWrapNew .inputPass{width:300px;height:50px;background:#fbfbfb;border:1px solid #e8e8e8;padding:0 5px;font-size:35px}
.pwSetWrapNew input[type="number"]{-webkit-text-security:disc}
.pwSetWrapNew .pwInputWrap{margin:20px 0 20px 0}
.pwSetWrapNew{text-align:center;margin:45px 20px 0 20px}
.pwSetWrapNew .popTitleWrap{color:#363b41;font-size:22px;font-weight:500;letter-spacing:-1px;line-height:1.3;background:url(/images/login/logo_login@2x.png) center 0 no-repeat;background-size:auto 42px;margin:60px 0 0 0;padding:65px 0 10px 0}
.pwSetWrapNew .pwpTitleWrap .explain{font-size:15px;color:#6f8aff;letter-spacing:-0.5px}
.pwSetWrapNew .eduPwdinputWrap{max-width:380px;height:69px;text-align:center;margin:0 auto 40px auto;padding:0 0 10px}
.pwSetWrapNew .eduPwdinputWrap .inputPWLine{width:100%;border-bottom:solid 1px #ebebeb;font-size:20px;color:#202020;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0px;margin:30px 0 0 0}
.pwSetWrapNew input[type="number"]{-webkit-text-security:disc}
.pwSetWrapNew .eduPwdsaveWrap{max-width:380px;padding:0;margin:0 auto;text-align:center}
.pwSetWrapNew .btnOk{width:100%;height:50px;line-height:50px;background:#535bfb;color:#fff;font-size:17px;border-radius:4px;text-align:center;cursor:pointer;margin:0;padding:1px 10px 0 10px}
.pwSetWrapNew .mmPwd{max-width:770px;font-size:14px;letter-spacing:-1px;text-align:left;color:#3163C9;text-indent:-10px;margin:20px 0 5px 10px}

.myInfoArea{max-width:960px;margin:0 auto;padding:30px 20px 30px 20px}
.myInfoArea .myInfoTitle{border-bottom:solid 2px #111;padding:0 0 20px 0}
.myInfoArea .myInfoTitle h3{font-size:23px;color:#111}
.myInfoArea .myInfoTitle .saintChurch{font-size:15px;color:#555}
.myInfoArea .saintInfoTable{width:100%;margin:30px 0}
.myInfoArea .saintInfoTable th{width:100px;font-size:18px;font-weight:700;color:#111;padding:10px 0}
.myInfoArea .saintInfoTable td{font-size:18px;color:#111;padding:10px}
.saintInfoExplain{font-size:15px;color:#535bfb;border-radius:4px;background:#f1faff url(/images/ico_myinfo@2x.png) 20px 10px no-repeat;background-size:18px auto;padding:10px 20px 10px 45px}
	
@media(min-width:1024px){
  .visualMyInfo{height:165px;background-size:auto}
  .visualMyInfo h2{font-size:50px;font-weight:700}	
  .myInfoArea{width:810px;padding:50px 20px 50px 20px;margin:0 auto}
  .pwChkWrap{width:810px;padding:50px 20px 0 20px;margin:0 auto}
  .pwSetWrap{width:810px;padding:50px 20px 0 20px;margin:0 auto}	
  .infoMenu{height:80px;border-bottom:solid 1px #dcdcdc}
  .infoMenu .infoMenuGroup button{height:80px;font-size:20px;margin:0 25px}
  .saintInfoExplain{padding:20px 20px 20px 45px;background-position:20px 19px}
}

.contentsWrap{display:table;width:100%;table-layout:fixed}
.contentsWrap .basicContents{display:table-cell;border-right:1px solid #c3c3c3;height:764px;width:550px;position:relative}
.contentsWrap .basicContents .fromContentsArea{padding:0px 10px}
.contentsWrap .basicContents .basicTitleArea{padding:15px 5px;text-align:center;min-width:390px}
.contentsWrap .basicContents .basicIcon:before{display:inline-block;content:"";width:40px;height:38px;background:url(/images/ico_medal_gold.png) 0% 0% no-repeat;background-size:30px auto;vertical-align:middle}
.contentsWrap .basicContents .basicTitle{font-size:16px;font-weight:700}
.contentsWrap .basicContents .basicPeriod{display:block;font-size:12px;margin-top:6px}
.contentsWrap .basicContents .basicTableArea{height:440px;overflow-y:auto;margin-bottom:130px}
.contentsWrap .basicContents .basicTable{border-spacing:0px;width:100%;border:1px solid #969696;border-collapse:collapse;cursor:pointer;background:#fff}
.contentsWrap .basicContents .basicTable tr{height:65px;max-height:65px}
.contentsWrap .basicContents .basicTable td{border-top:1px solid #969696 ;border-bottom:1px solid #969696}
.contentsWrap .basicContents .video:before{display:inline-block;content:"";background:#d4d6fe url(/images/ico_course_movie@2x.png) 0 0 no-repeat;border-radius:50%;width:25px;height:25px;background-size:20px;vertical-align:middle;background-position:50% 5px;margin-left:5px}
.contentsWrap .basicContents .quiz:before{display:inline-block;content:"";background:#d4d6fe url(/images/ico_course_quiz@2x.png) 0 0 no-repeat;border-radius:50%;width:25px;height:25px;background-size:21px auto;vertical-align:middle;background-position:50% 1px;margin-left:5px}
.contentsWrap .basicContents .report:before{display:inline-block;content:"";background:#d4d6fe url(/images/ico_course_report@2x.png) 0 0 no-repeat;border-radius:50%;width:25px;height:25px;background-size:21px auto;vertical-align:middle;background-position:50% 1px;margin-left:5px}
.contentsWrap .basicContents .survey:before{display:inline-block;content:"";background:#d4d6fe url(/images/ico_course_survey@2x.png) 0 0 no-repeat;border-radius:50%;width:25px;height:25px;background-size:21px auto;vertical-align:middle;background-position:50% 1px;margin-left:5px}
.contentsWrap .basicContents .assign:before{display:inline-block;content:"";background:#d4d6fe url(/images/ico_course_task@2x.png) 0 0 no-repeat;border-radius:50%;width:25px;height:25px;background-size:21px auto;vertical-align:middle;background-position:50% 1px;margin-left:5px}
.contentsWrap .basicContents .basicContentsTitle{min-width:220px;font-size:13px;font-weight:700}
.contentsWrap .basicContents .basicOther{text-align:center;min-width:120px}
.contentsWrap .basicContents .basicScore{font-size:24px;font-weight:700}
.contentsWrap .basicContents .basicDate{font-size:11px}
.contentsWrap .basicContents .footerArea{position:absolute;bottom:0;width:100%;background:#fff;padding:20px 0px 10px 0px;border-top:1px solid #c3c3c3;height:130px}
.contentsWrap .basicContents .fromFooterYBtn{padding:7px 40px;background-color:#535bfb;color:#fff;font-weight:700;border:none;border-radius:5px;cursor:pointer;margin-top:5px}
.contentsWrap .basicContents .fromFooterYPBtn{padding:7px 40px;font-weight:700;border:none;border-radius:5px;cursor:pointer}
.contentsWrap .fromBottom{font-weight:700;text-align:center;display:flex}
.contentsWrap .newContents{display:table-cell;border-right:1px solid #c3c3c3;width:550px;min-width:550%;position:relative}
.contentsWrap .newContents .newContentsArea{padding:0px 10px;margin-bottom:120px}
.contentsWrap .selectArea{padding:15px 5px;text-align:center;margin-top:20px}
.contentsWrap .selectArea .newContentsSelect{width:80%;height:40px;outline:none;border:1px solid #969696;border-radius:5px;padding:5px}
.contentsWrap .newContents .newTitleArea{padding:15px 5px;text-align:center;min-width:415px}
.contentsWrap .newContents .newTitle{font-size:16px;font-weight:700}
.contentsWrap .newContents .newPeriod{display:block;font-size:12px;margin-top:6px}
.contentsWrap .newContents .newTableArea{height:440px;overflow-y:auto;margin-bottom:130px}
.contentsWrap .newContents .newTable{border-spacing:0px;width:100%;border:1px solid #969696;border-collapse:collapse;background:#fff;cursor:pointer}
.contentsWrap .newContents .newTable tr{height:65px;max-height:65px}
.contentsWrap .newContents .newTable td{border-top:1px solid #969696 ;border-bottom:1px solid #969696}
.contentsWrap .newContents .video:before{display:inline-block;content:"";background:#d4d6fe url(/images/ico_course_movie@2x.png) 0 0 no-repeat;border-radius:50%;width:25px;height:25px;background-size:20px;vertical-align:middle;background-position:50% 5px;margin-left:5px}
.contentsWrap .newContents .quiz:before{display:inline-block;content:"";background:#d4d6fe url(/images/ico_course_quiz@2x.png) 0 0 no-repeat;border-radius:50%;width:25px;height:25px;background-size:21px auto;vertical-align:middle;background-position:50% 2px;margin-left:5px}
.contentsWrap .newContents .report:before{display:inline-block;content:"";background:#d4d6fe url(/images/ico_course_report@2x.png) 0 0 no-repeat;border-radius:50%;width:25px;height:25px;background-size:21px auto;vertical-align:middle;background-position:50% 1px;margin-left:5px}
.contentsWrap .newContents .survey:before{display:inline-block;content:"";background:#d4d6fe url(/images/ico_course_survey@2x.png) 0 0 no-repeat;border-radius:50%;width:25px;height:25px;background-size:21px auto;vertical-align:middle;background-position:50% 1px;margin-left:5px}
.contentsWrap .newContents .assign:before{display:inline-block;content:"";background:#d4d6fe url(/images/ico_course_task@2x.png) 0 0 no-repeat;border-radius:50%;width:25px;height:25px;background-size:21px auto;vertical-align:middle;background-position:50% 1px;margin-left:5px}
.contentsWrap .newContents .newContentsTitle{min-width:220px;font-size:13px;font-weight:700}
.contentsWrap .newContents .newOther{text-align:center;min-width:120px}
.contentsWrap .newContents .newScore{font-size:24px;font-weight:700}
.contentsWrap .newContents .newDate{font-size:11px}
.contentsWrap .newContents .footerArea{position:absolute;bottom:0;width:100%;background:#fff;padding:20px 0px;border-top:1px solid #c3c3c3;height:130px;text-align:center}
.contentsWrap .newBottom{font-weight:700;text-align:center}
.contentsWrap .mappingCheck{display:table-cell;width:60%;min-width:60%;position:relative}
.contentsWrap .mappingCheckArea{padding:0px 10px;margin-bottom:120px}
.contentsWrap .mappingCheck .mappingTitleArea{padding:15px 5px;text-align:center;font-weight:700;min-width:610px}
.contentsWrap .mappingCheck .mappingTitle, .contentsWrap .mappingCheck .newMappingTitle{font-size:14px}
.contentsWrap .mappingCheck .mappingTable{width:100%;padding:10px;text-align:center;border-spacing:0px;border-collapse:collapse;font-size:13px;margin-bottom:10px;background:#fff}
.contentsWrap .mappingCheck .mappingTable td{border:1px solid #969696;height:30px}
.contentsWrap .mappingCheck .mappingContentsTitle{font-weight:700}
.contentsWrap .mappingCheck .completeDate{width:30%}
.contentsWrap .mappingCheck .cancelMapping{width:10%}
.contentsWrap .mappingCheck .mappingOther{width:15%;background-color:#b0daff;font-weight:700}
.contentsWrap .mappingCheck .mappingScore{width:30%}
.contentsWrap .mappingCheck .cancelBtn{display:inline-block;width:25px;height:25px;background:#f5f5f5 url(/images/common/ico_adm_del.png) 50% 50% no-repeat;border-radius:2px;text-indent:-9999px;cursor:pointer}
.contentsWrap .mappingCheck .mappingBottom{font-weight:700;padding:10px}
.contentsWrap .mappingCheck .footerArea{text-align:center}
.contentsWrap .mappingCheck .mappingFootArea{position:absolute;bottom:0;width:100%;background:#fff;padding:20px 0px;border-top:1px solid #c3c3c3;height:130px}
.contentsWrap .mappingCheck .saveAll{padding:7px 25px;background-color:#535bfb;color:#fff;font-weight:700;border:none;border-radius:5px;cursor:pointer}
.contentsWrap .mappingCheck .closeAll{padding:7px 25px;background-color:#dedede;color:#000;font-weight:700;border:none;border-radius:5px;cursor:pointer}

.popExtUrlW{padding:30px 30px 0 30px}
.popExtUrlW .popTitle{border-bottom:solid 2px #454c59;position:relative}
.popExtUrlW .popTitle h2{font-size:24px}
.popExtUrlW .btnR{position:absolute;bottom:8px;right:0}
.popExtUrlW .listUrlTableWrap{height:calc(100vh - 95px);overflow:auto;position:relative}
.popExtUrlW .listUrlTable{width:100%}
.popExtUrlW .listUrlTable thead th{position:sticky;top:0;z-index:1}
.popExtUrlW .listUrlTable th{background:#fafbfe;height:35px;text-align:center;border-bottom:solid 1px #E4E5E7}
.popExtUrlW .listUrlTable td{border-bottom:solid 1px #E4E5E7;font-size:13px;vertical-align:top;padding:15px 0 10px 0}
.popExtUrlW .listUrlTable td.num{width:35px;color:#555;padding-top:10px;text-align:center;font-weight:700}
.popExtUrlW .listUrlTable td.reg{width:45px;padding-top:10px}
.popExtUrlW .listUrlTable td .icoReg{display:inline-block;height:18px;line-height:16px;color:#ff6565;border:solid 1px #ff6565;border-radius:9px;font-size:11px;padding:0 6px}
.popExtUrlW .listUrlTable td .icoRegNot{display:inline-block;height:18px;line-height:16px;color:#555;border:solid 1px #555;border-radius:9px;font-size:11px;padding:0 6px}
.popExtUrlW .listUrlTable td.thum{width:90px;position:relative}
.popExtUrlW .listUrlTable td.thum img{width:70px;height:70px}
.popExtUrlW .listUrlTable td.thum .line{position:absolute;top:15px;left:0;width:68px;height:68px;border:solid 1px rgba(0,0,0,0.1)}
.popExtUrlW .listUrlTable td.thum .picIco{position:absolute;top:15px;right:20px}
.popExtUrlW .listUrlTable td.tit{padding:5px 10px 5px 0}
.popExtUrlW .listUrlTable td.tit a{color:#000}
.popExtUrlW .listUrlTable td.tit a:hover{color:#438CFF;text-decoration:underline}
.popExtUrlW .listUrlTable td.tit em{display:inline-block;width:20px;height:20px;line-height:20px;color:#777;border:solid 1px #c8c8c8;text-align:center;margin:0 -1px 1px -1px}
.popExtUrlW .listUrlTable td.tit em.on{background:#838996;border-color:#838996;color:#fff}
.popExtUrlW .listUrlTable td .group{color:#097AFF;font-size:13px;font-weight:500;margin:0 0 3px 0}
.popExtUrlW .listUrlTable td .group em{width:auto;color:#00CA00;font-weight:500;border:none;margin:0}
.popExtUrlW .listUrlTable td .target{font-size:13px;color:#000;margin:0 0 0 5px}
.popExtUrlW .listUrlTable td .target:before{display:inline-block;content:"";width:11px;height:11px;background:url(/images/ico_global.png) 0 0 no-repeat;vertical-align:middle;margin:0 2px 2px 0}
.popExtUrlW .listUrlTable td .subject{color:#000;font-size:16px;font-weight:700;letter-spacing:-1px;margin:0 0 10px 0}
.popExtUrlW .listUrlTable td.info{width:140px;text-align:right;vertical-align:middle}
.popExtUrlW .listUrlTable td.info .date{display:block;color:#777;margin:0 0 10px 0}
.popExtUrlW .listUrlTable td .btnModify{min-width:70px;height:28px;border:solid 1px #cbcbcb;background:#fff;font-size:14px;color:#000;padding:0 10px}
.popExtUrlW .listUrlTable td .btnModify:hover{border-color:#438CFF;color:#438CFF}
.popExtUrlW .listUrlTable td.tdUrl{width:400px;word-break:break-all;padding:10px 10px 10px 0}
.popExtUrlW .listUrlTable td .inputUrl{width:100%;height:60px;border:solid 1px #cbcbcb;padding:10px;resize:none}
.popExtUrlW .listUrlTable td .inputUrl:focus{border:solid 1px #097AFF}
.popExtUrlW .cmsTit{position:absolute;top:0;left:0}
.popExtUrlW .divFilter{text-align:center;margin-bottom:5px}
.popExtUrlW .divFilter .inputSelect{width:140px;height:32px;border-radius:0}

.listUrlTop{position:relative;color:#00c680;font-size:18px;font-weight:700;padding:10px 0;cursor:pointer}
.listUrlTop .btnMoreLang{color:#666;position:absolute;right:0;padding-right:20px;display:inline-block;height:22px;background:url(/images/ico_more_edu.png) 100% 50% no-repeat}
.listUrlTop.on .btnMoreLang{color:#00c680;background:url(/images/ico_more_edu_on.png) 100% 50% no-repeat}
.chkBoxLang{margin:10px 0}
.chkBoxLang .inputChk + label{min-width:220px;margin:0 10px 4px 0;font-weight:700;font-size:14px;cursor:pointer}
.chkBoxLang .inputChk + label:before{margin-right:5px}
.urlGrid .aui-grid-button-renderer{padding:5px 0}
.urlGrid .aui-grid-header-panel .aui-grid-table tr td{background:#3d3d4f;color:#fff;border-right:solid 1px #777;border-bottom:solid 1px #777}
.urlGrid .aui-grid-body-panel .aui-grid-table tr td{border-bottom:solid 1px #f0f0f2}
.urlGrid .btnSel .aui-grid-button-renderer{min-width:70px;height:25px;font-size:13px;background:#3dcca2;color:#fff;cursor:pointer;border:none}
.urlGrid .auiColLeft{text-align:left}
.urlGrid .auiSubject{font-size:13px !important;font-weight:700;text-align:left}

.visualPersonal{display:table;width:100%;height:100px;background:#565efc url(https://globalapi.watv.org/images/EduLMS/banner/bg_visual_personal.jpg) 50% 0 no-repeat;background-size:auto 100px;text-align:center}
.visualPersonalIn{display:table-cell;vertical-align:middle}
.visualPersonal h2{font-size:28px;color:#fff;letter-spacing:-1px;margin:0}

@media(min-width:1024px){
  .visualPersonal{height:165px;background-size:auto}
  .visualPersonal h2{font-size:50px;font-weight:700}
}

.personalityTable{width:100%}
.personalityTable th{height:60px;border-bottom:solid 1px #d8d8e2;vertical-align:middle;background:url(/images/ico_psn@2x.png) 0 50% no-repeat;background-size:34px auto;font-size:17px;color:#000;cursor:pointer;padding:10px 0 12px 40px}
.personalityTable th .subject{margin:0 0 5px 0}
.personalityTable th .date{font-size:13px;color:#888;font-weight:400;margin:0}
.personalityTable th .date.point{color:#535bfb}
.personalityTable td{border-bottom:solid 1px #d8d8e2;vertical-align:middle}
.personalityTable tr.trFinish th{background:url(/images/ico_psn_finish@2x.png) 0 50% no-repeat;background-size:34px auto;color:#adadad;cursor:pointer}

@media(min-width:1024px){
  .personalityTable th{height:80px;font-size:20px}
}

.psnViewMsg{background:#f1faff url(/images/ico_myinfo@2x.png) 20px 20px no-repeat;background-size:18px auto;border-radius:10px;font-size:15px;color:#000;font-weight:700;padding:20px 20px 20px 45px;margin:0 0 20px 0}
.psnViewMsg .point{color:#535bfb}
.psnQuizArea{border-top:solid 1px #dcdcdc;padding:10px 0 0 0}

@media(min-width:1024px){
  .psnQuizArea{padding-top:20px}
  .psnQuizArea .paginate{margin-bottom:50px}
}

.psnViewTitle{border-bottom:solid 2px #111;padding:0 0 15px 0;margin:5px 0 0 0}
.psnViewTitle.marBot{margin-bottom:20px}
.psnViewTitle.marTop{margin-top:30px}
.psnViewTitle h3{font-size:23px;color:#111;font-weight:700;letter-spacing:-1px;margin:0}
.psnViewTitle .info{font-size:15px;margin:10px 0 0 0}
.psnViewTitle .date{font-size:15px;color:#535bfb}

@media(min-width:1024px){
  .psnViewTitle{margin:0 0 15px 0}
  .psnViewTitle.marBot{margin-bottom:35px}
  .psnViewTitle.marTop{margin-top:50px}
  .psnViewTitle h3{font-size:32px}
  .psnViewTitle .info{font-size:15px}
  .psnViewTitle .date{font-size:15px}
}

.psnNotice{font-size:16px;color:#111;padding:30px 0}

@media(min-width:1024px){
  .psnNotice{font-size:18px;padding:20px 0 30px 0}
}

.psnMsgLayer{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.4);z-index:9999}
.psnMsgLayerIn{position:absolute;top:50px;left:20px;right:20px;background:#fff;border-radius:10px;margin:0;padding:0 0 40px 0}
.psnMsgLayer .psnMsgCon{text-align:center;border-radius:16px 16px 0 0;padding:40px 0;position:relative}
.psnMsgLayer .btnClose{position:absolute;top:20px;right:20px;width:40px;height:40px;background:url(/images/ico_nav_close@2x.png) 50% 50% no-repeat;background-size:18px auto;cursor:pointer}
.psnMsgLayer .psnMsgCon h3{font-size:22px;color:#000;font-weight:700;letter-spacing:-0.5px;background:url(/images/ico_view_notice@2x.png) 50% 0 no-repeat;padding:85px 0 0 0}
.psnMsgLayer .psnMsgCon .explain{font-size:16px;color:#000;margin:10px 0 0 0}
.psnMsgLayer .psnMsgFoot{text-align:center}
.psnMsgLayer .btnPrimary{width:180px;height:50px;background:#535bfb;font-size:18px;color:#fff;font-weight:700;border-radius:30px;cursor:pointer}

@media(min-width:1024px){
  .psnMsgLayerIn{top:50%;left:50%;right:inherit;width:375px;margin:-230px 0 0 -187px}
  .psnMsgLayer .psnMsgCon h3{font-size:24px}
  .psnMsgLayer .psnMsgCon .explain{font-size:18px}
}

.semesterLayer{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.2)}
.semesterLayerIn{position:absolute;top:100px;width:calc(100% - 40px);background:#fff;text-align:center;margin:20px;padding:50px 30px;border-radius:5px;box-shadow:5px 5px 5px rgba(0,0,0,0.15)}
.semesterLayerIn h3{font-size:32px;font-weight:700;letter-spacing:-1px;margin:0 0 20px 0}
.semesterLayerIn h3:before{display:inline-block;content:"";width:37px;height:37px;background:url(/images/ico_lecture_notice@2x.png) 0 0 no-repeat;background-size:37px auto;margin:0 5px 3px 0;vertical-align:middle}
.semesterLayerIn .explain{font-size:17px;line-height:1.6}
.semesterLayerIn .btnArea{text-align:center;margin:30px 0 0 0}
.semesterLayerIn .btnSemester{height:50px;background:#535bfb;color:#fff;font-weight:700;font-size:18px;border-radius:30px;padding:0 30px;cursor:pointer}

@media(min-width:1024px){
  .semesterLayerIn{top:180px;left:50%;width:600px;margin:0 0 0 -260px;padding:70px 30px}
  .semesterLayerIn .explain{max-width:350px;margin:0 auto}
}

/* 필터 메뉴 스타일 정의 */
.filterMenu{font-size:12px;height:140px;border-radius:4px;box-sizing:border-box;background:#fff;border:1px solid #aaaaaa;padding:10px;position:absolute;z-index:999;box-shadow:0 3px 5px rgba(0, 0, 0, 0.15);-webkit-box-shadow:0 3px 5px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.15);display:none}
	
.filterMenu .inputDate{width:140px;height:35px;border:solid 1px #e6eafc;font-size:14px;background:url(/images/ico_date_cal_adm.png) 93% 50% no-repeat;padding:0 0 0 5px}
.filterMenu .resetFilterBtn{background:url(/modules/AUIGrid/images/filter_ico.png) 5px 50% no-repeat;margin:10px 0px 10px 0px;display:block;padding:4px;padding-left:24px;line-height:18px}
.filterMenu .resetFilterBtn:hover{background:#ddd url(/modules/AUIGrid/images/filter_ico.png) 5px 50% no-repeat;cursor:pointer}    
	
/* 필터 확인, 취소 버튼 */
.filter_btn{color:#000000;background:#eee;border:1px solid #aaaaaa;background-clip:padding-box;box-sizing:border-box;display:inline-block;line-height:1em;border-radius:0px;-webkit-appearance:none;appearance:none;font-weight:700;text-align:center;cursor:pointer;padding:4px 2em}
.filter_btn:hover{background:#ddd}

.wbTopArea{position:relative;min-height:50px;border-bottom:solid 2px #b3bad5}
.wbTopArea .group{display:inline-block;margin-bottom:10px}
.wbTopArea .inputSelect{width:120px;height:35px;line-height:33px;font-size:14px;border:solid 1px #e6eafc;border-radius:2px;margin:0}
.wbTopArea .inputSelect.w200{width:200px}
.wbTopArea .inputDate{width:170px;height:40px;border:solid 1px #e6eafc;font-size:16px;background:url(/images/ico_date_cal_adm.png) 93% 50% no-repeat;padding:0 0 0 10px}
.wbTopArea .btnWrite{min-width:100px;display:inline-block;color:#fff;font-size:13px;font-weight:700;text-align:center;background:#535bfb;height:35px;line-height:33px;margin-left:5px;border-radius:4px;cursor:pointer;padding:0 10px;float:right}
.wbTopArea .btnWrite:before{display:inline-block;content:"";width:11px;height:11px;background:url(/images/common/ico_adm_plus.png) 0 0 no-repeat;vertical-align:middle;margin:0 3px 3px 0}
.wbTopArea .inputSelect{width:120px;height:35px;line-height:33px;font-size:14px;border:solid 1px #e6eafc;border-radius:2px;margin:0}
.wbTopArea .inputTopSH{width:220px;height:35px;line-height:33px;border:solid 1px #e6eafc;border-radius:2px;font-size:13px;color:#000;padding:0 10px;margin:0}
.wbTopArea .wLecKind{width:250px}
.wbTopArea .btnTopSH{height:35px;line-height:33px;background:#535bfb;border-radius:4px;font-size:14px;color:#fff;font-weight:700;padding:0 10px}
.wbTopArea .btnTopSH:before{display:inline-block;content:"";width:14px;height:15px;background:url(/images/ico_search_top_w.png) 0 0 no-repeat;vertical-align:middle;margin:0 3px 3px 0}

.popWbAdm .search{display:inline-block;position:absolute;right:0;top:0}
.popWbAdm .dhxcombo_dhx_skyblue{height:34px;border:solid 1px #e6eafc;border-radius:2px}
.popWbAdm div.dhxcombo_dhx_skyblue input.dhxcombo_input{height:34px;color:#000;font-size:14px;letter-spacing:-0.5px;padding:0 5px}
.popWbAdm div.dhxcombo_dhx_skyblue div.dhxcombo_select_button{height:30px;background:transparent;border:none}
.popWbAdm div.dhxcombo_dhx_skyblue div.dhxcombo_select_button div.dhxcombo_select_img{background:url(/images/ico_arrow_sel.gif) 50% 50% no-repeat}
.popWbAdm th{height:30px;padding:0 5px 0 0}
.popWbAdm td{padding:0 5px 0 0}
.popWbAdm td .inputSelect{border:solid 1px #e6eafc}
.popWbAdm td .wLecSel{width:250px}/*추가*/
.popWbAdm .btnRefresh{background:url(/images/ico_mem_pwinit_on.png) 50% 50% no-repeat;width:35px;height:34px;background-position:center;border:1px solid #e6eafc;box-shadow:2px 3px 2px #e6eafc;cursor:pointer}
.popWbAdm .stColTit{display:inline-block;vertical-align:middle;margin:0 10px 0 0}
.popWbAdm .textNmArea{vertical-align:middle}
.popWbAdm .popWriteTable td{padding:5px 0}

.tblSemesterInfo{width:100%;border-left:solid 1px #e6eafc}
.tblSemesterInfo th{height:40px;background:#fafbfe;border-bottom:solid 1px #e6eafc;border-top:solid 1px #e6eafc;border-right:solid 1px #e6eafc;text-align:center}
.tblSemesterInfo th.thDate{width:200px}
.tblSemesterInfo th.thScore{width:80px}
.tblSemesterInfo th.thPass{width:100px}
.tblSemesterInfo td{height:35px;letter-spacing:-0.5px;border-bottom:solid 1px #e6eafc;border-top:solid 1px #e6eafc;border-right:solid 1px #e6eafc;padding:5px !important}
.tblSemesterInfo td.tdMajor{background:#f6f6ff;font-size:14px;font-weight:700;vertical-align:top;padding:8px 10px 5px 10px}
.tblSemesterInfo td.tdLec{color:#666;font-weight:700;font-size:14px;vertical-align:top;padding:8px 10px 5px 10px}
.tblSemesterInfo td.tdContent{font-size:14px;color:#666;font-weight:700;padding:0 10px}
.tblSemesterInfo td.tdContent .kind{display:inline-block;color:#097AFF;;margin:0 5px 0 0}
.tblSemesterInfo td.depth{background:url(/images/score_depth_line.gif) 20px 50% no-repeat;padding-left:40px}
.tblSemesterInfo td.depthLast{background:url(/images/score_depth_line_last.gif) 20px 50% no-repeat;padding-left:40px}
.tblSemesterInfo td.tdDate{text-align:center;font-size:12px;color:#888}
.tblSemesterInfo td.tdScore{text-align:center;font-size:15px;color:#888;font-weight:700}
.tblSemesterInfo td.tdScore .pass{color:#535bfb}
.tblSemesterInfo td.tdPass{text-align:center}
.tblSemesterInfo td.tdPass .pass{display:inline-block;min-width:65px;height:25px;line-height:25px;background:#6f8aff;border-radius:25px;color:#fff;font-size:13px;font-weight:700;padding:0 5px}
.tblSemesterInfo td.tdPass .passNot{display:inline-block;min-width:65px;height:25px;line-height:25px;background:#adadad;border-radius:25px;color:#fff;font-size:13px;font-weight:700;padding:0 5px}
.tblSemesterInfo td .icoPassY{display:inline-block;width:13px;height:13px;background:url(/images/ico_score_y@2x.png) 0 0 no-repeat;background-size:13px auto}
.tblSemesterInfo td .icoPassN{display:inline-block;width:13px;height:13px;background:url(/images/ico_score_n@2x.png) 0 0 no-repeat;background-size:13px auto}

.writeTable .btn-group{font-size:13px;margin:0;width:calc(100% -  10px)}
.writeTable .btn-group .btn{font-size:13px;margin:0;text-align: left}
.writeTable .btn-group{font-size:15px;width:100%;height:35px;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url('/images/ico_select@2x.png') right 15px no-repeat;background-size:16px auto;vertical-align:top;margin:2px 0 15px}
.writeTable .btn-group{background:none}
.writeTable .caret{display:none !important}
.writeTable .dropdown-toggle::after{display:none !important}
.writeTable .btn-group .btn{font-size:15px;width:100%;height:35px;padding:0 10px;border:1px solid #E3E3E3;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url('/images/ico_select@2x.png') right 15px no-repeat;background-size:16px auto;vertical-align:top;margin:2px 0 15px}
.writeTable .multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0;left:-75px;width:300px}
.writeTable .multiselect-container{left:0;width:100%}
.writeTable .multiselect-container .input-group{margin:5px}
.writeTable .multiselect-container>li{padding:5px 0;margin:0}
.writeTable .multiselect-container>li>a.multiselect-all label{font-weight:700}
.writeTable .multiselect-container>li.multiselect-group{margin:0}
.writeTable .multiselect-container>li.multiselect-group label{margin:0;padding:3px 20px;height:100%;font-weight:700}
.writeTable .multiselect-container>li.multiselect-group a{background:#f7f7f7;padding:10px 15px !important}
.writeTable .multiselect-container>li.multiselect-group a:hover{background:#f7f7f7}
.writeTable .multiselect-container>li.multiselect-group a b{font-size:15px;color:#666;display:block;background:url(../images/ico_arrow_multi.png) right 50% no-repeat;background-size:8px auto}
.writeTable .multiselect-container>li.multiselect-group a .caret{display:none}
.writeTable .multiselect-container>li.multiselect-group a input[type=checkbox]{display:none}
.writeTable .multiselect-container>li.multiselect-group-clickable label{cursor:pointer}
.writeTable .multiselect-container>li>a{min-height:40px;color:#666;padding:0;border-bottom:solid 1px #E8E8E8;white-space:initial;line-height:1.2;padding:10px 0;width:100%}
.writeTable .multiselect-container .active>a,
.writeTable .multiselect-container .active>a:hover,
.writeTable .multiselect-container .active>a:focus{color:#266AD0 !important}
.writeTable .multiselect-container.dropdown-menu>li>a:hover{background-color:transparent}
.writeTable .multiselect-container>li>a>label{margin:0;width:100%;height:100%;cursor:pointer;font-weight:400;padding:3px}
.writeTable .multiselect-container>li>a>label.radio,.multiselect-container>li>a>label.checkbox{margin:0}
.writeTable .multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px;opacity:0}
.writeTable .btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}

.quizBankGetLayer{position:absolute;top:150px;left:50%;width:660px;background:#fff;border-radius:5px;box-shadow:4px 4px 8px rgba(0,0,0,0.4);margin:0 0 0 -330px}
.quizBankGetLayer .quizBankGetTitle{position:relative;height:45px;background:#496AEA;border-radius:5px 5px 0 0}
.quizBankGetLayer .quizBankGetTitle h3{line-height:45px;font-size:17px;color:#fff;padding:0 0 0 20px}
.quizBankGetLayer .quizBankGetTitle .btnClose{position:absolute;top:0;right:0;width:45px;height:45px;background:url(/images/common/bn_close.png) 50% 50% no-repeat;opacity:0.4;cursor:pointer}
.quizBankGetLayer .quizBankGetTitle .btnClose:hover{opacity:0.8}
.quizBankGetLayer .quizBankGetCon{padding:30px}
.quizBankGetLayer .quizBankGetCon .inputSelect{width:calc(100% - 160px);border:solid 1px #999;color:#000}
.quizBankGetLayer .quizBankGetCon .btnBankAdd{width:150px;height:35px;display:inline-block;color:#fff;font-size:13px;font-weight:700;text-align:center;background:#3b4e72;margin-left:5px;border-radius:4px;cursor:pointer;padding:0 10px}
.quizBankGetLayer .quizBankGetConTit{border-bottom:solid 2px #333;margin:0 0 20px 0;padding:0 0 10px 0}
.quizBankGetLayer .quizBankGetConTit h4{display:inline-block;font-size:19px;margin:0}
.quizBankGetLayer .quizBankGetFoot{background:#F9F9F9;border-top:solid 1px #EBEBEB;border-radius:0 0 5px 5px;text-align:center;padding:20px 0 30px 0}
.quizBankGetLayer .quizBankGetFoot .btnNormal{width:120px;height:35px;line-height:33px;background:#fff;border:solid 1px #BDBDBD;font-size:14px;color:#333;font-weight:700;border-radius:2px;cursor:pointer}
.quizBankGetLayer .quizBankGetFoot .btnNormal:hover{background:#FAFAFA}
.quizBankGetLayer{display:inline-block;vertical-align:middle}
.quizBankGetLayer .dhxcombo_dhx_skyblue{width:435px !important;height:34px;border:solid 1px #e6eafc;border-radius:2px}
.quizBankGetLayer div.dhxcombo_dhx_skyblue input.dhxcombo_input{height:34px;color:#000;font-size:14px;letter-spacing:-0.5px;padding:0 5px}
.quizBankGetLayer div.dhxcombo_dhx_skyblue div.dhxcombo_select_button{height:30px;background:transparent;border:none}
.quizBankGetLayer div.dhxcombo_dhx_skyblue div.dhxcombo_select_button div.dhxcombo_select_img{background:url(/images/ico_arrow_sel.gif) 50% 50% no-repeat}

.quizBankConnLayer{position:fixed;top:150px;left:50%;width:800px;background:#fff;border-radius:5px;box-shadow:4px 4px 8px rgba(0,0,0,0.4);margin:0 0 0 -400px;cursor:default}
.quizBankConnLayer .quizBankConnTitle{position:relative;height:45px;background:#496AEA;border-radius:5px 5px 0 0}
.quizBankConnLayer .quizBankConnTitle h3{line-height:45px;font-size:17px;color:#fff;padding:0 0 0 20px}
.quizBankConnLayer .quizBankConnTitle .btnClose{position:absolute;top:0;right:0;width:45px;height:45px;background:url(/images/common/bn_close.png) 50% 50% no-repeat;opacity:0.4;cursor:pointer}
.quizBankConnLayer .quizBankConnTitle .btnClose:hover{opacity:0.8}
.quizBankConnLayer .quizBankConnCon{padding:30px}
.quizBankConnLayer .quizBankConnConTit{border-bottom:solid 2px #333;padding:0 0 10px 0}
.quizBankConnLayer .quizBankConnConTit h4{display:inline-block;font-size:19px;margin:0}
.quizBankConnLayer .btnConnView{width:14px;height:14px;background:url(/images/ico_trans_g.png) 0 0 no-repeat;vertical-align:middle;margin:0 0 2px 5px}
.quizBankConnLayer .quizBankConnFoot{background:#F9F9F9;border-top:solid 1px #EBEBEB;border-radius:0 0 5px 5px;text-align:center;padding:20px 0 30px 0}
.quizBankConnLayer .quizBankConnFoot .btnNormal{width:120px;height:35px;line-height:33px;background:#fff;border:solid 1px #BDBDBD;font-size:14px;color:#333;font-weight:700;border-radius:2px;cursor:pointer}
.quizBankConnLayer .quizBankConnFoot .btnNormal:hover{background:#FAFAFA}

.quizBankConnTable{width:100%}
.quizBankConnTable th{height:35px;background:#fafbfe;border-bottom:1px solid #DCDCDC;border-right:1px solid #DCDCDC;padding:0 10px}
.quizBankConnTable th.thKind{width:130px}
.quizBankConnTable th:last-child{border-right:none}
.quizBankConnTable td{height:35px;border-bottom:1px solid #DCDCDC;border-right:1px solid #DCDCDC;padding:0 10px}
.quizBankConnTable td:last-child{border-right:none}
.quizBankConnTable td.tdSubject{font-weight:700;color:#000}

.quizBankConnWLayer{position:fixed;top:150px;left:50%;width:660px;background:#fff;border-radius:5px;box-shadow:4px 4px 8px rgba(0,0,0,0.4);margin:0 0 0 -330px}
.quizBankConnWLayer .quizBankConnWTitle{position:relative;height:45px;background:#496AEA;border-radius:5px 5px 0 0;cursor:move}
.quizBankConnWLayer .quizBankConnWTitle h3{line-height:45px;font-size:17px;color:#fff;padding:0 0 0 20px}
.quizBankConnWLayer .quizBankConnWTitle .btnClose{position:absolute;top:0;right:0;width:45px;height:45px;background:url(/images/common/bn_close.png) 50% 50% no-repeat;opacity:0.4;cursor:pointer}
.quizBankConnWLayer .quizBankConnWTitle .btnClose:hover{opacity:0.8}
.quizBankConnWLayer .quizBankConnWCon{padding:30px}
.quizBankConnWLayer .quizBankConnWCon .inputSelect{border:solid 1px #999;color:#000}
.quizBankConnWLayer .btnBankView{width:150px;height:35px;display:inline-block;color:#fff;font-size:13px;font-weight:700;text-align:center;background:#3b4e72;margin-left:5px;border-radius:4px;cursor:pointer;padding:0 10px}
.quizBankConnWLayer .btnBankAdd{width:150px;height:35px;display:inline-block;color:#fff;font-size:13px;font-weight:700;text-align:center;background:#535bfb;margin-left:5px;border-radius:4px;cursor:pointer;padding:0 10px}
.quizBankConnWLayer .quizBankConnWConTit{border-bottom:solid 2px #333;margin:0 0 20px 0;padding:0 0 10px 0}
.quizBankConnWLayer .quizBankConnWConTit h4{display:inline-block;font-size:19px;margin:0}
.quizBankConnWLayer .quizBankConnWFoot{background:#F9F9F9;border-top:solid 1px #EBEBEB;border-radius:0 0 5px 5px;text-align:center;padding:20px 0 30px 0}
.quizBankConnWLayer .quizBankConnWFoot .btnNormal{width:120px;height:35px;line-height:33px;background:#fff;border:solid 1px #BDBDBD;font-size:14px;color:#333;font-weight:700;border-radius:2px;cursor:pointer}
.quizBankConnWLayer .quizBankConnWFoot .btnNormal:hover{background:#FAFAFA}

.admEvalTable{width:100%;border-right:1px solid #DCDCDC}
.admEvalTable th{height:35px;background:#fafbfe;border-bottom:1px solid #bdbdbd;border-left:1px solid #DCDCDC;text-align:center;letter-spacing:-0.5px;line-height:1.1}
.admEvalTable th.thYN{width:3%}
.admEvalTable th.thAdmYN{width:4%}
.admEvalTable th.thStu{background:#ebeef9}
.admEvalTable th.thAdmin{background:#d6dcef}
.admEvalTable td{height:35px;font-size:13px;color:#333;border-bottom:1px solid #DCDCDC;border-left:1px solid #DCDCDC;text-align:center;padding:0 5px}
.admEvalTable td.tdName{color:#000;font-weight:700;font-size:14px}
.admEvalTable td .btnYN{width:100%;height:23px;background:#fff;border:solid 1px #e2e2e2;border-radius:4px;box-shadow:1px 1px 2px rgba(0,0,0,0.15);cursor:pointer}
.admEvalTable td .icoY{display:inline-block;width:14px;height:14px;background:url(/images/ico_yes_gray.png) 0 0 no-repeat;vertical-align:middle}
.admEvalTable td .icoN{display:inline-block;width:13px;height:13px;background:url(/images/ico_admin_n_r@2x.png) 0 0 no-repeat;background-size:13px auto;vertical-align:middle}
.admEvalTable td .icoIng{display:inline-block;width:15px;height:15px;background:url(/images/ico_admin_ing@2x.png) 0 0 no-repeat;background-size:15px auto;vertical-align:middle}
.admEvalTable td .score{display:inline-block;width:22px;vertical-align:middle;text-align:center;font-weight:700;color:#545454;margin:0 0 1px 2px}
.admEvalTable .lineL{border-left:solid 1px #999}

.admCompTable{width:100%;border-right:1px solid #DCDCDC}
.admCompTable th{height:35px;background:#fafbfe;border-bottom:1px solid #bdbdbd;border-left:1px solid #DCDCDC;text-align:center;letter-spacing:-0.5px;line-height:1.1}
.admCompTable th.thStu{background:#ebeef9}
.admCompTable th.thAdmin{background:#d6dcef}
.admCompTable th.thTarget{width:50px}
.admCompTable th.thScore{width:50px}
.admCompTable th.thTotal{width:100px}
.admCompTable th.thDetail{width:90px}
.admCompTable td{height:35px;font-size:13px;color:#333;border-bottom:1px solid #DCDCDC;border-left:1px solid #DCDCDC;text-align:center;padding:0 5px}
.admCompTable td.tdName{color:#000;font-weight:700;font-size:14px}
.admCompTable td.tdTotal{background:#fffee1;font-weight:700;color:blue}
.admCompTable td .score{display:inline-block;width:22px;vertical-align:middle;text-align:center;margin:0 0 1px 5px}
.admCompTable .lineL{border-left:solid 1px #999}
.admCompTable .btnDetail{width:70px;height:25px;background:#3b4e72;border-radius:3px;color:#fff;font-weight:700;padding:0 10px;cursor:pointer}
.admCompTable .icoWarn{display:inline-block;width:30px;height:30px;background:url(/images/ico_wb_warn.png) 50% 50% no-repeat;background-size:20px auto;vertical-align:middle}
.admCompTable .inputChk + label{margin:0}

.admStuTable{width:100%;border-right:1px solid #DCDCDC}
.admStuTable th{height:35px;background:#fafbfe;border-bottom:1px solid #bdbdbd;border-left:1px solid #DCDCDC;text-align:center;letter-spacing:-0.5px;line-height:1.1}
.admStuTable th.thStep{width:60px}
.admStuTable th.thProcess1{background:#ebeef9}
.admStuTable th.thProcess2{background:#d6dcef}
.admStuTable th.thProcess3{background:#e0e6f9}
.admStuTable th.thTotal{width:100px;background:#d6dcef}
.admStuTable td{height:35px;font-size:13px;color:#333;border-bottom:1px solid #DCDCDC;border-left:1px solid #DCDCDC;text-align:center;padding:0 5px}
.admStuTable td.tdName{color:#000;font-weight:700;font-size:14px}
.admStuTable td.tdTotal{background:#fffee1;font-weight:700;color:blue}
.admStuTable td .score{display:inline-block;width:22px;vertical-align:middle;text-align:center;margin:0 0 1px 5px}
.admStuTable td .btnYN{width:100%;height:23px;background:#fff;cursor:pointer}
.admStuTable td .icoY{display:inline-block;width:10px;height:10px;background:#b9b4b4;border-radius:50%;vertical-align:middle;margin:0 0 2px 0}
.admStuTable td .icoN{display:inline-block;width:10px;height:10px;background:#f9651f;border-radius:50%;vertical-align:middle;margin:0 0 2px 0}
.admStuTable td .icoGrade{display:inline-block;width:10px;height:10px;background:#535bfb;border-radius:50%;vertical-align:middle;margin:0 0 2px 0}
.admStuTable .lineL{border-left:solid 1px #999}

.surveyTopDiv{border-bottom:solid 2px #bdc2d6;padding:0 0 20px 0;position:relative}
.surveyTopDiv .select2-container--default .select2-selection--single{height:34px;border:solid 1px #e6eafc;border-radius:2px;color:#000;font-size:15px}
.surveyTopDiv .inputSurvey{width:300px}
.surveyTopDiv .inputDate{height:32px;border:solid 1px #e6eafc;border-radius:2px;color:#000;font-size:15px;padding:0 10px}
.surveyTopDiv .inputSelect{height:32px;border:solid 1px #e6eafc;border-radius:2px;color:#000;font-size:15px;padding:0 5px}
.surveyTopDiv .inputSelect:disabled{background:#eee;border:solid 1px #e6eafc;border-radius:2px}
.surveyTopDiv .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:32px}
.surveyTopDiv .select2-container--default .select2-selection--single .select2-selection__arrow{height:32px;background:url(/images/ico_arrow_sel.gif) 50% 50% no-repeat}
.surveyTopDiv .select2-container--default .select2-selection--single .select2-selection__arrow b{display:none}
.surveyTopDiv .inputRadio + label{font-weight:700;font-size:14px;margin-right:12.5px}
.surveyTopDiv .inputRadio + label:before{width:26px;height:26px;border:solid 1px #c9d0ef}
.surveyTopDiv .inputRadio:checked + label{color:#535bfb}
.surveyTopDiv .inputRadio:checked + label:before{background:#535bfb url(/images/ico_quiz_chk@2x.png) 50% 50% no-repeat;background-size:14px auto;border:solid 1px #535bfb}
.surveyTopDiv .inputChk + label{font-size:14px;color:#000}
.surveyTopDiv .inputChk + label:before{margin-bottom:3px;margin-right:5px}
.surveyTopDiv .btnListSh{min-width:120px;height:32px;background:#535bfb;color:#fff;border-radius:2px;font-weight:700;padding:0 10px;margin:0 0 0 15px;cursor:pointer}
.surveyTopDiv .contentEvalUp{min-height:32px}
.surveyTopDiv .contentEvalUnder{min-height:32px;margin:10px 0 0 0}
.surveyTopDiv .wSelKind{width:250px}
.surveyTopDiv .bar{display:inline-block;color:#ccc;margin:0 31px 0 23px}
.surveyTopDiv .explainR{color:gray;text-align:right;position:absolute;bottom:22px;right:0}

.conPlayZone .conDivL{height:800px}
.conPlayZone .btnMap{cursor:pointer;padding:0 5px;margin-left:5px;height:32px;background:#74818E;border:solid 1px #616C77;color:#fff;font-size:12px;text-align:center;vertical-align:middle}
.conPlayZone .btnMap:disabled{opacity:0.6;cursor:default}
.conPlayZone .btnItm{display:inline-block;margin:10px 22px 10px 0px}
.conPlayZone .explain{color:gray;font-size:13px;font-weight:100}

.recommMsg{background:#fff4e7;border-radius:8px;margin:0 30px}
.recommMsg .title{background:url(/images/ico_arrow_basic@2x.png) calc(100% - 20px) 50% no-repeat;background-size:auto 8px;padding:8px 15px;margin:0 0 10px 0;cursor:pointer}
.recommMsg .title h3{font-size:14px;font-weight:700}
.recommMsg .title h3.ytbLogo{background:url(/images/ico_ytb_logo@2x.png) 0 50% no-repeat;background-size:auto 12px;padding-left:25px}
.recommMsg ul{padding:0 20px 15px 20px;margin:0 0 10px 0}
.recommMsg li{color:#737373;font-size:13px;text-indent:-16px;letter-spacing:-0.5px;line-height:1.6;margin:0 0 10px 16px}
.recommMsg li .point{color:#C2C2C2}

/* 보라:#f6f6ff *//* 주황:#fff4e7 *//* 노랑:#FFF9E9 */
.mapGridWrap{resize:both;overflow:auto;margin:0 30px}
.mapGrid{display:grid;height:100%}
.mapGrid .itemArea{position:relative;cursor:pointer}
.mapGrid .item{background:#fff4e7;border:1px solid #fff;width:100%;height:100%;text-align:center;padding:10px;font-size:16px;color:#555}
.mapGrid .item:disabled{pointer-events:none}
.mapGrid .item[class*='answer']{background:#FF9E9D;color:#fff;font-weight:600}
.mapGrid .item[class*='mark'],
.mapGrid .item.on{background:#9fc3ea;color:#fff;font-weight:600}
.mapGrid .wordLabel{position:absolute;z-index:1;top:0;left:1px;line-height:1;font-size:calc(10px + .25vw);color:rgba(0,0,0,.5)}

.conQuizItm{margin-top:10px;resize:vertical;overflow:auto}
.conQuizItm .btnViewQuiz{left:0}
.conQuizItm .quizItmWrap{height:500px}

.quizItemTable{width:100%;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc}
.quizItemTable tr{border-bottom:solid 1px #ccc}
.quizItemTable th{width:85px;background:#F9F9F9;border-right:solid 1px #E6E6E6;text-align:center;font-weight:700;letter-spacing:-0.5px}
.quizItemTable td{padding:3px 20px;color:#000}
.quizItemTable .thSeq{width:50px;text-align:center}
.quizItemTable .itemNm{height:40px}
.quizItemTable .conMapXY{display:flex;align-items:center}
.quizItemTable .divMapXY{height:32px;display:flex;align-items:center;gap:10px;width:400px}
.quizItemTable .divMapXY .xyCoord{font-size:14px;cursor:default}
.quizItemTable .wPer80{width:calc(100% - 200px)}
.quizItemTable .btnAnswerDel{cursor:pointer;width:25px;height:34px;background:url(/images/common/btn_file_del@2x.png) 50% no-repeat;background-size:16px auto}
.quizItemTable .inputChk[name="chkMarkXY"] + label{min-width:71px}

.expelledStudent .btnChangeUp{width:90px;height:26px;background:#3d90e2;border:solid 1px #4f63f1;border-radius:2px;color:#fff;font-size:12px;font-family:tahoma !important;letter-spacing:-0.5px;line-height:1.0;padding:0 3px}
.expelledStudent .btnChangeUp:disabled{opacity:0.6;background:gray;border:solid 1px #5C5C5C}
.expelledStudent .btnChange{width:90px;height:26px;background:#74818E;border:solid 1px #5C5C5C;border-radius:2px;color:#fff;font-size:12px;font-family:tahoma !important;letter-spacing:-0.5px;line-height:1.0;padding:0 3px}
.expelledStudent .btnHistory{width:90px;height:26px;background:#fff;border:solid 1px #cbcbcb;border-radius:4px;color:#777676;font-size:12px;font-family:tahoma !important;letter-spacing:-0.5px;line-height:1.0;padding:0 3px}
.expelledStudent .filterWrap{position:absolute;bottom:5px;left:0;display:flex;align-items:center;padding:5px;border:solid 1px #BDBDBD;border-radius:3px;font-size:14px}
.expelledStudent .filterWrap .inputRadio + label{font-size:14px;text-indent:-22px;letter-spacing:-0.5px;font-weight:400;margin:0 5px 0 0;padding:0 0 0 22px}
.expelledStudent .filterWrap .inputRadio + label:before{width:16px;height:16px;border-radius:16px;margin:0 5px 2px 0}
.expelledStudent .resultArea{position:absolute;bottom:5px;left:175px;border:none;padding:0px 0 7px 0}
.expelledStudent #authLevelSel option{height:30px;padding:5px 4px}
.expelledStudent #authLevelSel option:checked{background:#1e90ff;color:#fff}
.expelledStudent .popEduLayer .popEduTable .inputSelect{min-height:35px;height:auto;padding:0}
.expelledStudent #settingLayer .notice{font-size:12px;color:red;margin:0}
.expelledStudent #settingLayer .gap{padding-bottom:20px}
.expelledStudent #settingLayer .gapTop{padding-top:20px}
.expelledStudent #settingLayer #expReasonTxt{width:100%}
.expelledStudent button{cursor:pointer}
.expelledStudent .popEduTable th{font-size:14px;padding:0 0 3px 0}

.connIntroBankWrap{padding:30px}
.connIntroBankDiv{display:flex;height:calc(100vh - 200px)}
.connIntroBankDivL{width:760px;padding:0 30px 0 0}
.connIntroBankDivR{width:calc(100% - 760px);border-left:solid 1px #eee;padding:0 0 0 30px}
.connIntroBankBtn{text-align:center;border-top:solid 1px #bbb;padding:20px 0 0 0}
.connIntroBankTitle{height:50px;border-bottom:solid 2px #111;margin:0 0 30px 0}
.connIntroBankTitle h3{font-size:28px;font-weight:700;font-weight:700}
.connIntroBankBtn .btnDefault{width:120px;height:35px;background:#fff;border:solid 1px #ddd;border-radius:3px;color:#000;font-weight:700;cursor:pointer}
.connIntroBankWrap .langArea{display:table;width:100%;margin:20px 0 0 0}
.connIntroBankWrap .langArea button{width:92px;height:32px;line-height:30px;background:#fff;border:solid 1px #cbcbcb;font-size:12px;color:#000;font-weight:500;overflow:hidden;margin:-1px 0 0 -1px;padding:0;cursor:pointer}
.connIntroBankWrap .langArea button:hover{background:#f9f9f9}
.connIntroBankWrap .langArea button.on{background:#535bfb;border:solid 1px #3c44e4;color:#fff;position:relative}
.connIntroBankWrap .langArea button.on:hover{background:#3c44e4}
.connIntroBankWrap .langArea button .up{display:inline-block;vertical-align:middle;margin:0 0 2px 3px}
.connIntroBankWrap .inputText{width:100%;height:35px;border:solid 1px #b8b9ba;font-size:14px;color:#000;border-radius:2px;padding:0 10px;vertical-align:middle}
.connIntroBankWrap .inputText.date{width:150px;padding:5px 10px;font-size:13px}
.connIntroBankWrap .inputText:disabled{cursor:default;background:#f5f5f5;opacity:0.8}
.connIntroBankWrap dl{margin:10px 0 0 0}
.connIntroBankWrap dt{margin:0 0 5px 0}
.connIntroBankHead{margin:0 0 30px 0}
.connIntroBankHead h4{font-size:25px;font-weight:700;font-weight:700}
.connIntroBankHead h4 .point{color:#535bfb}
.connIntroBankHead .btnReflect{height:35px;background:#535bfb;border-radius:5px;font-size:13px;font-weight:700;color:#fff;padding:0 15px;cursor:pointer}
.connIntroBankHead .explain{font-size:14px;color:gray}
.connIntroBankTableWrap{height:calc(100vh - 320px);overflow:auto;border-top:solid 2px #b3bad5}
.connIntroBankTable{width:100%}
.connIntroBankTable th{position:sticky;top:0;z-index:1;height:35px;background:#fafbfe;border-bottom:1px solid #bdbdbd;border-right:1px solid #DCDCDC;text-align:left;padding:0 15px}
.connIntroBankTable th:last-child{border-right:none}
.connIntroBankTable th.kindW{width:22%}
.connIntroBankTable td{height:35px;border-bottom:1px solid #DCDCDC;border-right:1px solid #DCDCDC;color:#000;padding:0 15px}
.connIntroBankTable td:last-child{border-right:none}

.studentList{max-height:500px;margin:50px 0}
.studentList h3{font-size:18px;font-weight:700;display:inline-block;margin:0}
.studentList .totCnt{color:#3d66f5;font-weight:700;font-size:18px}
.studentTbl{overflow-y:auto;max-height:500px;width:100%;border-top:1px solid #555;margin:10px 0 0 0}
.studentList table{width:100%;height:100%}
.studentList table thead{background:#fff;position:sticky;top:0}
.studentList table th{padding:10px 8px;width:120px;height:30px;border-right:1px solid transparent;border-bottom:1px solid #CCCDCE;font-size:13px;color:#777;font-weight:700;font-weight:500}
.studentList table .thReadYn, .tdReadYn{max-width:30px;text-align:center}
.studentList table .thNum, .tdNum{max-width:30px;text-align:center}
.studentList table tbody tr{border-bottom:1px solid #EAEAEA}
.studentList table tbody tr:nth-child(2n+1){background:#fff}
.studentList table td{padding:10px 8px;font-size:14px;color:#999;font-weight:400;line-height:1.1;border-right:1px solid transparent}
.studentList table .tdName{text-align:left;display:inline-block;font-size:14px;color:#000}
.studentList table .tdchurch{text-align:left}
.studentList table .tdReadYn{color:#438cff}

.noticeReplyWrap{margin:0 0 30px 0}
.noticeReplyWrap .noticeReplyTit{position:relative}
.noticeReplyWrap .noticeReplyTit h3{font-size:18px;font-weight:700}
.noticeReplyWrap .noticeReplyTit .replyCnt{color:#3d66f5;font-size:18px;font-weight:700}
.noticeReplyWrap .noticeReply{border:1px solid #E6E8EA;border-radius:10px;background:#fff;padding:15px}
.noticeReplyWrap .noticeReply .name{font-size:14px;font-weight:700}
.noticeReplyWrap .noticeReply .inputArea{width:100%;resize:none;color:#222;margin:10px 0 0 0;font-size:14px;height:auto;border:none;padding:0}
.noticeReplyWrap .noticeReply .btnSave{background:#e5eeff;color:#3d66f5;padding:11px 18px;border-radius:8px;font-weight:500;margin:5px 0 0 0;font-size:14px;font-weight:700}
.noticeReplyWrap .noticeReply textarea:focus{outline:none}
.noticeReplyWrap .noticeReply #txtContent{height:20px}
.noticeReplyWrap .replyTableN{width:100%}
.noticeReplyWrap .replyTableN td{padding:20px 0px;font-size:14px;color:#000;vertical-align:top;border-radius:0px;width:100%;border:none;border-bottom:solid 1px #E4E5E7}
.noticeReplyWrap .replyTableN .thName{max-width:200px}
.noticeReplyWrap .replyTableN .thChurch{max-width:200px}
.noticeReplyWrap .replyTableN .replyInfo{position:relative}
.noticeReplyWrap .replyTableN .btnX{margin:0 0 0 8px;cursor:pointer;position:absolute;top:4px;right:10px}
.noticeReplyWrap .replyTableN .nameAdmin{color:#3d66f5;font-weight:700}
.noticeReplyWrap .replyTableN .name{font-size:14px;font-weight:700}
.noticeReplyWrap .replyTableN .date{color:#767678;font-size:14px;margin:0 0 0 8px}
.noticeReplyWrap .rep{font-size:14px;color:#333;line-height:1.7;white-space:normal;margin:8px 0 10px 0 ;word-break:break-all}
.noticeReplyWrap .replyFold{cursor:pointer;display:block;width:20px;height:20px;position:relative;top:20px;right:7px;float:right}
.noticeReplyWrap .replyFold.up{background:url(/images/ico_idx_arrow_on.png) 0% 0% no-repeat;background-size:20px auto}
.noticeReplyWrap .replyFold.down{background:url(/images/ico_idx_arrow.png) 0% 0% no-repeat;background-size:20px auto}
@media(min-width:1024px){
  .noticeReplyWrap .noticeReply .name{font-size:15px}
  .noticeReplyWrap .noticeReply .inputArea{font-size:16px}
  .noticeReplyWrap .replyTableN .name{font-size:16px}
  .noticeReplyWrap .replyTableN td{padding:30px 0px}
  .noticeReplyWrap .rep{font-size:16px}
}